:root{--bg: #0c0c0c;--fg: #f4f1ea;--muted: #7a7670;--line: rgba(244, 241, 234, .14);--panel: #141414;--accent: #f4f1ea;--font: "Space Grotesk", system-ui, sans-serif;--display: "Archivo Black", sans-serif}*,*:before,*:after{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{font-family:var(--font);background:var(--bg);color:var(--fg);-webkit-font-smoothing:antialiased}button,input{font:inherit}a{color:inherit;text-decoration:none}.page{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}.top{position:sticky;top:0;z-index:20;display:grid;grid-template-columns:auto minmax(12rem,36rem) 1fr;gap:1.25rem 1.75rem;align-items:center;padding:1.15rem clamp(1rem,3vw,2rem);background:color-mix(in srgb,var(--bg) 92%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}.brand{font-family:var(--display);font-size:clamp(1.1rem,2.5vw,1.45rem);letter-spacing:-.03em;line-height:1}.search{display:flex;min-width:0;width:100%}.search input{width:100%;background:transparent;border:none;border-bottom:1px solid var(--line);color:var(--fg);padding:.85rem 0;font-size:1.15rem;outline:none}@media (max-width: 640px){.top{grid-template-columns:1fr;gap:.85rem}}.search input:focus{border-bottom-color:var(--fg)}.search input::placeholder{color:var(--muted)}.catalog{flex:1;padding:clamp(1rem,3vw,2rem)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,180px),1fr));gap:.85rem}.shirt{margin:0;padding:0;border:1px solid var(--line);background:var(--panel);aspect-ratio:1;overflow:hidden;cursor:pointer}.shirt img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s ease}.shirt:hover img{transform:scale(1.03)}.shirt.is-active{outline:1px solid var(--fg);outline-offset:2px}.shirt.is-broken{opacity:.35;pointer-events:none}.shirt-incoming{cursor:default;pointer-events:none;border-style:dashed;border-color:#f4f1ea38;background:linear-gradient(120deg,#121212,#1c1c1c,#121212 90%);background-size:220% 100%;animation:shimmer 2.4s ease-in-out infinite;display:grid;place-items:center;opacity:0;animation-name:shimmer,fadeInOut;animation-duration:2.4s,2.8s;animation-timing-function:ease-in-out,ease-in-out;animation-iteration-count:infinite,infinite}.incoming-pulse{width:1.75rem;height:1.75rem;border-radius:50%;border:2px solid rgba(244,241,234,.35);border-top-color:var(--fg);animation:spin 1.1s linear infinite}.focus{position:relative;display:grid;gap:1.25rem;padding:clamp(1rem,3vw,2rem);border-bottom:1px solid var(--line);grid-template-columns:1fr;animation:riseIn .45s cubic-bezier(.22,1,.36,1) both}@media (min-width: 720px){.focus{grid-template-columns:minmax(0,420px) minmax(0,1fr);align-items:start}}.focus-close{position:absolute;top:.65rem;right:.65rem;z-index:2;width:2.5rem;height:2.5rem;border:1px solid var(--line);background:color-mix(in srgb,var(--bg) 80%,transparent);color:var(--fg);font-size:1.65rem;line-height:1;cursor:pointer;display:grid;place-items:center;padding:0}.focus-close:hover{background:var(--fg);color:var(--bg);border-color:var(--fg)}.focus-art{aspect-ratio:1;background:var(--panel);border:1px solid var(--line);overflow:hidden}.focus-art img{width:100%;height:100%;object-fit:cover;display:block}.focus-body{max-width:28rem;display:flex;flex-direction:column;min-height:100%}.focus-options .field:last-child{margin-bottom:0}.focus-buy{margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--line)}.buy-btn{width:100%;padding:1.05rem 1.25rem;font-size:1.15rem;letter-spacing:.04em;text-transform:uppercase}.catalog-label{font-family:var(--display);font-size:1rem;letter-spacing:-.02em;margin:0 0 1rem;color:var(--muted);font-weight:400}@keyframes shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}@keyframes fadeInOut{0%,to{opacity:.35}50%{opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes riseIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.note{color:var(--muted);margin:2rem 0;font-size:.95rem}.note.bad{color:#ff6b4a;margin:0 0 1rem}.sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;z-index:40}.sheet{position:fixed;z-index:50;inset:auto 0 0;max-height:min(92vh,680px);overflow:auto;background:var(--bg);border-top:1px solid var(--line);padding:1.25rem clamp(1rem,3vw,2rem) 1.75rem;display:grid;gap:1.25rem}@media (min-width: 720px){.sheet{inset:12vh auto auto 50%;transform:translate(-50%);width:min(560px,92vw);max-height:76vh;border:1px solid var(--line);grid-template-columns:1fr 1fr}}.sheet-art{aspect-ratio:1;background:var(--panel);border:1px solid var(--line)}.sheet-art img{width:100%;height:100%;object-fit:cover;display:block}.field{margin-bottom:1rem}.field label{display:block;font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:.45rem}.chips{display:flex;flex-wrap:wrap;gap:.35rem}.chip{cursor:pointer;border:1px solid var(--line);background:transparent;color:var(--fg);padding:.5rem .8rem}.chip[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:var(--bg);font-weight:600}.buy-btn{cursor:pointer;border:1px solid var(--accent);background:var(--accent);color:var(--bg);font-weight:700}.buy-btn:disabled{opacity:.4;cursor:not-allowed}.sheet-backdrop,.sheet{display:none}