:root{--ui-bg: #f4f4f2;--ui-panel: #ffffff;--ui-container: #ececea;--ui-on-container: #3a3a38;--ui-text: #26262a;--ui-dim: #71717a;--ui-border: #d9d9d6;--ui-accent: #55555c;--ui-accent-ink: #ffffff;--ui-accent-fg: #44444a;--ui-hover: #e9e9e6;--ui-active: #dededb;--ui-accent-2: #6b6b72;--ui-stage: #2c2c30;--ui-on-stage: #f2f2ef;--ui-on-stage-dim: #b9b9b4;--ui-accent-on-stage: #cfcfd6;--g-ink: var(--ui-text);--g-eyebrow-track: .09em;--g-eyebrow-size: 12px;--g-r-sm: 4px;--g-r-md: 8px;--g-r-lg: 12px;--g-r-xl: 17px;--g-r-control: 6px;--g-border-w: 1px;--g-sh-0: none;--g-sh-1: 0 1px 2px rgb(0 0 0 / .05);--g-sh-2: 0 1px 2px rgb(0 0 0 / .05), 0 3px 8px rgb(0 0 0 / .05);--g-sh-3: 0 2px 4px rgb(0 0 0 / .05), 0 8px 20px rgb(0 0 0 / .07);--g-sh-4: 0 4px 8px rgb(0 0 0 / .06), 0 16px 40px rgb(0 0 0 / .1);--g-fill-alpha: 1;--g-fill-blur: 0px;--g-tint: 0;--g-pad-sm: 10px;--g-pad-md: 16px;--g-pad-lg: 24px;--g-control-h: 40px;--g-gap: 14px;--g-t-fast: .14s;--g-t-base: .26s;--g-ease: cubic-bezier(.34, 1.3, .64, 1);--g-press: .97;--f-display: system-ui, sans-serif;--f-text: system-ui, sans-serif;--f-ui: system-ui, sans-serif}*{box-sizing:border-box}html,body{margin:0}body{background:var(--ui-bg);color:var(--ui-text);font:16px/1.6 var(--f-text);transition:background .3s ease,color .3s ease}#app{max-width:1080px;margin:0 auto;padding:0 20px 48px}.bar{position:sticky;top:0;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:12px 0;background:color-mix(in srgb,var(--ui-bg) 88%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.bar__brand{display:flex;align-items:center;gap:9px;font-family:var(--f-ui)}.bar__logo{width:26px;height:26px;color:var(--ui-accent)}.bar__tag{color:var(--ui-dim);font-size:13px}.bar__tools{display:flex;gap:8px;flex-wrap:wrap}.btn{height:34px;padding:0 13px;border:1px solid var(--ui-border);border-radius:var(--g-r-control);background:var(--ui-panel);color:var(--ui-text);font:600 13px/1 var(--f-ui);cursor:pointer;transition:background var(--g-t-fast) ease,transform var(--g-t-fast) var(--g-ease)}.btn:hover{background:var(--ui-hover)}.btn:active{transform:scale(var(--g-press))}.btn--accent{background:var(--ui-accent);border-color:var(--ui-accent);color:var(--ui-accent-fg)}.btn--accent:hover{background:var(--ui-accent);filter:brightness(1.08)}.btn:focus-visible,.control:focus-visible,.link:focus-visible{outline:2px solid var(--ui-accent);outline-offset:2px}.chips{display:flex;gap:10px;flex-wrap:wrap;margin:10px 0 22px;font-family:var(--f-ui);font-size:12.5px;color:var(--ui-dim)}.chip{display:inline-flex;align-items:center;gap:7px;padding:5px 11px;border:1px solid var(--ui-border);border-radius:999px;background:var(--ui-panel)}.chip b{color:var(--ui-text);font-weight:600}.chip__swatches{display:inline-flex;gap:3px}.chip__swatches i{width:13px;height:13px;border-radius:4px;display:inline-block;border:1px solid rgb(0 0 0 / .12)}.stage{display:flex;flex-direction:column;gap:calc(var(--g-gap) * 1.6)}.e1{box-shadow:var(--g-sh-1)}.e2{box-shadow:var(--g-sh-2)}.e3{box-shadow:var(--g-sh-3)}.e4{box-shadow:var(--g-sh-4)}.hero,.card,.panel,.sheet{background:color-mix(in srgb,var(--ui-panel) calc(var(--g-fill-alpha) * 100%),transparent);-webkit-backdrop-filter:blur(var(--g-fill-blur));backdrop-filter:blur(var(--g-fill-blur));border:var(--g-border-w) solid var(--ui-border);transition:box-shadow var(--g-t-base) ease,border-radius var(--g-t-base) var(--g-ease),background .3s ease,padding var(--g-t-base) ease}.hero{border-radius:var(--g-r-xl);padding:calc(var(--g-pad-lg) * 1.6) calc(var(--g-pad-lg) * 1.4)}.eyebrow{font:700 var(--g-eyebrow-size)/1 var(--f-ui);letter-spacing:var(--g-eyebrow-track);text-transform:uppercase;color:color-mix(in srgb,var(--ui-accent-ink) 72%,var(--ui-text));margin:0 0 10px}h1{font:640 clamp(30px,5vw,44px)/1.12 var(--f-display);margin:0 0 12px;max-width:17ch}.lede{color:var(--ui-dim);max-width:58ch;margin:0 0 20px}.hero__actions{display:flex;gap:10px;flex-wrap:wrap}.control{height:var(--g-control-h);padding:0 calc(var(--g-pad-md) * 1.1);border:var(--g-border-w) solid var(--ui-border);border-radius:var(--g-r-control);background:var(--ui-panel);color:var(--ui-text);font:600 14px/1 var(--f-ui);cursor:pointer;transition:transform var(--g-t-fast) var(--g-ease),background var(--g-t-fast) ease,box-shadow var(--g-t-fast) ease}.control:hover{background:var(--ui-hover);box-shadow:var(--g-sh-1)}.control:active{transform:scale(var(--g-press))}.control--primary{background:var(--ui-accent);border-color:var(--ui-accent);color:var(--ui-accent-fg)}.control--primary:hover{background:var(--ui-accent);filter:brightness(1.08)}.control--ghost{background:transparent;border-color:transparent;color:var(--ui-accent-ink)}.control--ghost:hover{background:var(--ui-hover)}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--g-gap)}.card{border-radius:var(--g-r-lg);padding:var(--g-pad-md)}.card:hover{box-shadow:var(--g-sh-3)}.card__art{height:110px;border-radius:var(--g-r-md);background:linear-gradient(135deg,var(--sw-2, var(--ui-container)),var(--sw-3, var(--ui-hover)));margin-bottom:var(--g-pad-sm)}.card__art--b{background:linear-gradient(215deg,var(--sw-4, var(--ui-container)),var(--sw-5, var(--ui-hover)))}.card h3{font:620 18px/1.25 var(--f-display);margin:4px 0 6px}.card p{color:var(--ui-dim);font-size:14.5px;margin:0 0 10px}.card--tint{background:color-mix(in srgb,var(--ui-container) calc(var(--g-tint) * 100%),var(--ui-panel));color:color-mix(in srgb,var(--ui-on-container) 55%,var(--ui-text))}.card--tint h3,.card--tint p{color:inherit}.link{color:var(--ui-accent-ink);font:600 14px/1 var(--f-ui);text-decoration:none;border-bottom:1.5px solid color-mix(in srgb,var(--ui-accent-ink) 40%,transparent)}.link:hover{border-bottom-color:var(--ui-accent-ink)}.split{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--g-gap)}.panel{border-radius:var(--g-r-lg);padding:var(--g-pad-md)}.panel h3{font:620 17px/1.3 var(--f-display);margin:2px 0 12px}.row{display:flex;align-items:flex-start;gap:12px;padding:var(--g-pad-sm) 6px;border-top:1px solid var(--ui-border)}.row:first-of-type{border-top:none}.row div{flex:1;min-width:0}.row strong{font:600 14.5px/1.3 var(--f-ui);display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.row p{margin:2px 0 0;color:var(--ui-dim);font-size:13.5px}.row__dot{width:9px;height:9px;border-radius:50%;background:var(--ui-accent);margin-top:6px;flex-shrink:0}.row:nth-of-type(2n) .row__dot{background:var(--ui-accent-2, var(--ui-accent))}.row__meta{font:500 12px/1 var(--f-ui);color:var(--ui-dim);padding-top:5px}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:12px;font:600 13px/1 var(--f-ui);color:var(--ui-dim)}.field input,.field select{height:var(--g-control-h);padding:0 12px;border:var(--g-border-w) solid var(--ui-border);border-radius:var(--g-r-control);background:var(--ui-bg);color:var(--ui-text);font:400 14.5px/1 var(--f-text)}.field input:focus,.field select:focus{outline:2px solid var(--ui-accent);outline-offset:1px}.controls-row{display:flex;gap:9px;flex-wrap:wrap}.sheet{border-radius:var(--g-r-xl);padding:var(--g-pad-lg);max-width:640px;align-self:center;width:100%}.sheet h3{font:620 19px/1.3 var(--f-display);margin:0 0 8px}.sheet p{color:var(--ui-dim);margin:0}.foot{text-align:center;color:var(--ui-dim);font:500 13px/1.5 var(--f-ui);margin-top:40px}.foot a{color:var(--ui-accent-ink)}#toast{position:fixed;bottom:22px;left:50%;transform:translate(-50%);background:var(--ui-text);color:var(--ui-bg);padding:9px 16px;border-radius:999px;font:600 13.5px/1 var(--f-ui);box-shadow:var(--g-sh-3)}@media(prefers-reduced-motion:reduce){*{transition:none!important}}@media(max-width:700px){.bar__tag{display:none}}.hero-stage .hero{background:var(--ui-stage);color:var(--ui-on-stage);border-color:transparent}.hero-stage .hero .lede{color:color-mix(in srgb,var(--ui-on-stage) 55%,var(--ui-on-stage-dim))}.hero-stage .hero .eyebrow{color:color-mix(in srgb,var(--ui-accent-on-stage) 65%,var(--ui-on-stage))}.hero-stage .hero .control:not(.control--primary){background:transparent;color:var(--ui-on-stage);border-color:color-mix(in srgb,var(--ui-on-stage) 45%,transparent)}.hero-stage .hero .control:not(.control--primary):hover{background:color-mix(in srgb,var(--ui-on-stage) 12%,transparent)}.section-band .split{background:color-mix(in srgb,var(--ui-container) 55%,var(--ui-bg));border-radius:var(--g-r-xl);padding:var(--g-pad-md)}.hard-shadows .card:hover,.hard-shadows .control:hover{transform:translate(-2px,-2px);box-shadow:var(--g-sh-3)}.hard-shadows .card,.hard-shadows .panel,.hard-shadows .hero,.hard-shadows .sheet,.hard-shadows .control,.hard-shadows .btn{border-color:var(--g-ink)}