.sa-page{--sa-black:#060506;--sa-panel:#0d0a0b;--sa-line:#2a2024;--sa-line-strong:#4a2d33;--sa-burgundy:#a95763;--sa-silver:#c9c6c4;--sa-white:#f3eee8;--sa-muted:#a39895;background:var(--sa-black);min-height:100vh;color:var(--sa-white);overflow-x:hidden}html.sa-locked{overflow:hidden}.sa-kicker{color:var(--sa-burgundy);letter-spacing:.34em;margin:0 0 14px;font-size:10px}.sa-page h1,.sa-page h2,.sa-page h3,.sa-page h4{margin:0;font-weight:400}.sa-page em{color:var(--sa-silver);font-style:normal}.sa-page :focus-visible{outline:2px solid var(--sa-burgundy);outline-offset:3px}.sa-topbar{z-index:5;padding:max(16px, env(safe-area-inset-top)) clamp(16px, 4vw, 48px) 0;justify-content:space-between;display:flex;position:absolute;top:0;left:0;right:0}.sa-topbar a{color:var(--sa-silver);letter-spacing:.34em;font-size:11px;text-decoration:none}.sa-topbar a:hover{color:var(--sa-white)}.sa-page{position:relative}.sa-hero{text-align:center;background:radial-gradient(ellipse 70% 55% at 50% 0%, #7a203061, transparent 70%), linear-gradient(180deg, #0b0809, var(--sa-black));border-bottom:1px solid var(--sa-line);padding:clamp(72px,14vw,170px) 16px clamp(40px,7vw,80px)}.sa-hero h1{letter-spacing:-.035em;font-size:clamp(40px,9vw,112px);line-height:.92}.sa-hero-copy{max-width:520px;color:var(--sa-muted);margin:26px auto 34px;font-size:14px;line-height:1.8}.sa-tabs{border:1px solid var(--sa-line-strong);grid-template-columns:1fr 1fr;display:inline-grid}.sa-tabs button{min-width:140px;color:var(--sa-muted);font:inherit;letter-spacing:.3em;cursor:pointer;background:0 0;border:0;padding:15px 22px;font-size:11px}.sa-tabs button[aria-selected=true]{color:var(--sa-white);background:linear-gradient(#2a0f16,#16090d)}.sa-hero-meta{color:var(--sa-muted);letter-spacing:.3em;margin:22px 0 0;font-size:10px}.sa-tabs button small{letter-spacing:.22em;color:#7f7472;margin-top:6px;font-size:8px;display:block}.sa-archive{max-width:1440px;margin:0 auto;padding:clamp(36px,6vw,80px) clamp(16px,4vw,48px) clamp(30px,5vw,60px)}.sa-archive-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:22px;display:flex}.sa-section-title{letter-spacing:.34em;color:var(--sa-silver);font-size:11px}.sa-filters{flex-wrap:wrap;gap:6px;display:flex}.sa-filters button{border:1px solid var(--sa-line);min-height:36px;color:var(--sa-muted);font:inherit;letter-spacing:.22em;cursor:pointer;background:0 0;padding:8px 12px;font-size:9px}.sa-filters button[aria-pressed=true]{border-color:var(--sa-burgundy);color:var(--sa-white);background:#16090d}.sa-refs{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px;margin:0;padding:0;list-style:none;display:grid}.sa-ref{animation:.4s both sa-in}.sa-ref article{box-sizing:border-box;border:1px solid var(--sa-line);background:linear-gradient(#100c0d,#080607);flex-direction:column;height:100%;padding:10px;transition:border-color .25s;display:flex}.sa-ref article:hover{border-color:var(--sa-line-strong)}.sa-ref-visual{aspect-ratio:4/5;cursor:pointer;background:#0b0909;border:0;width:100%;padding:0;display:block;position:relative;overflow:hidden}.sa-ref-img{object-fit:cover;filter:contrast(1.04);width:100%;height:100%;transition:transform .6s;display:block}.sa-ref-visual:hover .sa-ref-img{transform:scale(1.035)}.sa-ref-code{color:var(--sa-silver);letter-spacing:.24em;background:#060506b8;border:1px solid #c9c6c459;padding:4px 8px;font-size:10px;position:absolute;top:10px;left:10px}.sa-ref-empty{text-align:center;background:linear-gradient(115deg,#0000 0 46%,#ffffff0d 46% 47%,#0000 47%),radial-gradient(80% 60% at 70% 20%,#2a1218,#0000 70%),linear-gradient(160deg,#1a1012,#070506 70%);place-content:center;width:100%;height:100%;display:grid;position:relative}.sa-ref-empty-code{letter-spacing:-.04em;color:#0000;-webkit-text-stroke:1px #c9c6c473;font-size:clamp(52px,6vw,84px);line-height:.9}.sa-ref-empty-note{color:#6f6563;letter-spacing:.3em;margin-top:14px;font-size:8px}.sa-ref-meta{color:var(--sa-muted);letter-spacing:.2em;justify-content:space-between;gap:8px;margin:12px 0 6px;font-size:9px;display:flex}.sa-ref-name{letter-spacing:.08em;font-size:14px;line-height:1.3}.sa-ref-price{color:var(--sa-silver);letter-spacing:.14em;margin:6px 0 0;font-size:11px}.sa-ref-actions{grid-template-columns:1fr 1fr;gap:6px;margin-top:auto;padding-top:12px;display:grid}.sa-action{border:1px solid var(--sa-line-strong);min-height:44px;color:var(--sa-white);font:inherit;letter-spacing:.18em;text-align:center;cursor:pointer;box-sizing:border-box;background:0 0;flex-direction:column;justify-content:center;align-items:center;gap:3px;padding:8px 6px;font-size:9px;text-decoration:none;display:flex}.sa-action:hover{border-color:var(--sa-silver)}.sa-action-primary{border-color:var(--sa-burgundy);background:linear-gradient(#2a0f16,#16090d)}.sa-action-disabled{color:#6f6563;cursor:not-allowed;border-style:dashed}.sa-action-disabled small{letter-spacing:.14em;color:#5c5351;font-size:7px}.sa-button{border:1px solid var(--sa-burgundy);color:var(--sa-white);font:inherit;letter-spacing:.26em;cursor:pointer;background:linear-gradient(#2a0f16,#16090d);justify-content:center;align-items:center;gap:14px;padding:15px 22px;font-size:11px;text-decoration:none;display:inline-flex}.sa-button:hover{border-color:#d08a95}.sa-sheet{z-index:60;padding:max(16px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(24px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));background:#040304f7;animation:.35s sa-in;position:fixed;inset:0;overflow-y:auto}.sa-sheet-inner{max-width:1240px;margin:0 auto}.sa-detail{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:clamp(18px,4vw,56px);padding:clamp(8px,3vw,40px) 0;display:grid}.sa-detail-frame{aspect-ratio:4/5;border:1px solid var(--sa-line);background:#0b0909;overflow:hidden}.sa-thumbs{gap:8px;margin:10px 0 0;padding:0;list-style:none;display:flex}.sa-thumbs button{border:1px solid var(--sa-line);cursor:pointer;background:0 0;width:64px;height:64px;padding:0;overflow:hidden}.sa-thumbs button[aria-pressed=true]{border-color:var(--sa-burgundy)}.sa-thumbs img{object-fit:cover;width:100%;height:100%;display:block}.sa-detail-head{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.sa-detail-info h2{letter-spacing:-.02em;margin-top:6px;font-size:clamp(32px,4.4vw,58px);line-height:.95}.sa-close{border:1px solid var(--sa-line-strong);width:48px;height:48px;color:var(--sa-white);cursor:pointer;background:#0c0809;flex:none;font-size:24px;line-height:1}.sa-spec{border-top:1px solid var(--sa-line);border-bottom:1px solid var(--sa-line);letter-spacing:.16em;grid-template-columns:auto 1fr;gap:10px 22px;margin:28px 0 0;padding:18px 0;font-size:11px;display:grid}.sa-spec dt{color:var(--sa-muted)}.sa-spec dd{color:var(--sa-white);margin:0}.sa-notice{border:1px solid var(--sa-burgundy);color:var(--sa-white);letter-spacing:.2em;margin:16px 0 0;padding:10px 12px;font-size:10px}.sa-detail-actions{gap:8px;margin-top:24px;display:grid}.sa-detail-actions .sa-action{flex-direction:row;gap:10px;min-height:52px;font-size:10px}.sa-detail-actions .sa-action-disabled{flex-direction:column;gap:3px}.sa-detail-note{color:#7f7472;letter-spacing:.08em;margin:18px 0 0;font-size:10px;line-height:1.7}.sa-band{text-align:center;border-top:1px solid var(--sa-line);background:radial-gradient(ellipse 60% 60% at 50% 100%, #7a203038, transparent 70%), var(--sa-black);padding:clamp(70px,12vw,150px) 16px}.sa-band h2{letter-spacing:-.03em;margin-bottom:34px;font-size:clamp(34px,7vw,82px);line-height:.95}.sa-band-lab{background:radial-gradient(60% 60% at 50% 0,#c9c6c412,#0000 70%),#040304}.sa-band-copy{max-width:460px;color:var(--sa-muted);margin:0 auto;font-size:13px;line-height:1.8}.sa-foot{padding:22px clamp(16px, 4vw, 48px) max(22px, env(safe-area-inset-bottom));border-top:1px solid var(--sa-line);color:#6f6563;letter-spacing:.24em;justify-content:space-between;gap:12px;font-size:9px;display:flex}@keyframes sa-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@media (max-width:760px){.sa-detail{grid-template-columns:1fr}.sa-refs{grid-template-columns:1fr 1fr;gap:10px}.sa-ref-actions{grid-template-columns:1fr}.sa-tabs button{min-width:120px}}@media (max-width:360px){.sa-refs{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.sa-sheet,.sa-ref{animation:none}.sa-ref-img{transition:none}}