.blocauth{width:100%;max-width:380px;margin:0 auto;display:flex;flex-direction:column;gap:18px;color:var(--text, #eef0f8);font-family:inherit}.blocauth :where(h1,h2,h3,p){margin:0}.blocauth-hero{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center}.blocauth-logo{margin-bottom:4px;display:flex;justify-content:center}.blocauth-brand{display:inline-flex;align-items:center;gap:9px}.blocauth-brand-mark{display:grid;grid-template-columns:repeat(2,8px);grid-auto-rows:8px;gap:2.5px}.blocauth-brand-mark span{border-radius:2.5px;background:var(--accent, #e6b23c)}.blocauth-brand-mark span:nth-child(2){opacity:.75}.blocauth-brand-mark span:nth-child(3){opacity:.55}.blocauth-brand-mark span:nth-child(4){opacity:.9}.blocauth-brand-name{font-family:var(--font-display, inherit);font-size:24px;font-weight:700;letter-spacing:-.02em}.blocauth-tagline{font-size:15px;color:var(--text-dim, #8890b0)}.blocauth-benefit{font-size:12.5px;color:var(--text-muted, #565a78)}.blocauth-form{display:flex;flex-direction:column;gap:10px}.blocauth-input{width:100%;padding:13px 15px;font:inherit;font-size:15px;color:var(--text, #eef0f8);background:var(--surface, #101322);border:1px solid var(--line, rgba(255, 255, 255, .07));border-radius:var(--radius, 14px);outline:none;transition:border-color .15s ease}.blocauth-input::placeholder{color:var(--text-muted, #565a78)}.blocauth-input:focus{border-color:color-mix(in srgb,var(--accent, #e6b23c) 45%,transparent)}.blocauth-primary-btn{padding:13px 15px;font:inherit;font-size:15px;font-weight:600;color:#14120a;background:var(--accent-grad, var(--accent, #e6b23c));border:none;border-radius:var(--radius, 14px);cursor:pointer;transition:filter .15s ease,transform .15s var(--ease-out, ease)}.blocauth-primary-btn:hover:not(:disabled){filter:brightness(1.06)}.blocauth-primary-btn:active:not(:disabled){transform:translateY(1px)}.blocauth-primary-btn:disabled,.blocauth-oauth-btn:disabled{opacity:.45;cursor:default}.blocauth-or{display:flex;align-items:center;gap:12px;color:var(--text-muted, #565a78);font-size:12px;text-transform:uppercase;letter-spacing:.08em}.blocauth-or:before,.blocauth-or:after{content:"";flex:1;height:1px;background:var(--line, rgba(255, 255, 255, .07))}.blocauth-oauth{display:flex;flex-direction:column;gap:10px}.blocauth-oauth-btn{display:flex;align-items:center;justify-content:center;gap:10px;padding:12px 15px;font:inherit;font-size:15px;font-weight:500;color:var(--text, #eef0f8);background:var(--surface, #101322);border:1px solid var(--line-strong, rgba(255, 255, 255, .12));border-radius:var(--radius, 14px);cursor:pointer;transition:border-color .15s ease,background .15s ease}.blocauth-oauth-btn:hover:not(:disabled){border-color:color-mix(in srgb,var(--text, #eef0f8) 22%,transparent)}.blocauth-oauth-google-web{display:flex;justify-content:center;min-height:44px}.blocauth-oauth-google-web iframe{color-scheme:light}.blocauth-code-sent{font-size:13.5px;text-align:center;color:var(--text-dim, #8890b0);overflow-wrap:anywhere}.blocauth-code-sent strong{color:var(--text, #eef0f8)}.blocauth-otp{position:relative}.blocauth-otp-input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;opacity:0;font-size:16px;letter-spacing:2em;caret-color:transparent}.blocauth-otp-boxes{display:grid;grid-template-columns:repeat(var(--blocauth-otp-count, 6),1fr);gap:8px;pointer-events:none}.blocauth-otp-box{display:flex;align-items:center;justify-content:center;height:52px;font-size:20px;font-weight:600;font-variant-numeric:tabular-nums;background:var(--surface, #101322);border:1px solid var(--line, rgba(255, 255, 255, .07));border-radius:calc(var(--radius, 14px) * .7);transition:border-color .12s ease}.blocauth-otp-box.filled{border-color:var(--line-strong, rgba(255, 255, 255, .12))}.blocauth-otp-box.active{border-color:color-mix(in srgb,var(--accent, #e6b23c) 55%,transparent)}.blocauth-code-actions{display:flex;align-items:center;justify-content:center;gap:8px;font-size:13px;color:var(--text-muted, #565a78)}.blocauth-code-actions button{font:inherit;color:var(--text-dim, #8890b0);background:none;border:none;padding:2px 4px;cursor:pointer}.blocauth-code-actions button:hover:not(:disabled){color:var(--text, #eef0f8)}.blocauth-code-actions button:disabled{opacity:.55;cursor:default}.blocauth-sent{color:var(--accent, #e6b23c)}.blocauth-error{font-size:13px;text-align:center;color:var(--danger, #e5484d)}.blocauth-terms{font-size:12px;text-align:center;color:var(--text-muted, #565a78);line-height:1.5}.blocauth-terms a{color:var(--text-dim, #8890b0);text-decoration:underline;text-underline-offset:2px}.blocauth-terms a:hover{color:var(--text, #eef0f8)}.blocauth-account{max-width:560px;gap:26px;text-align:left}.blocauth-hero-card{position:relative;display:flex;align-items:center;gap:16px;padding:22px;border:1px solid var(--line, rgba(255, 255, 255, .07));border-radius:calc(var(--radius, 14px) + 4px);overflow:hidden;background:radial-gradient(120% 140% at 0% 0%,color-mix(in srgb,var(--accent, #e6b23c) 13%,transparent),transparent 62%),color-mix(in srgb,var(--surface, #101322) 72%,transparent)}.blocauth-hero-card:before{content:"";position:absolute;inset:0 0 auto 0;height:1px;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--accent, #e6b23c) 55%,transparent),transparent)}.blocauth-avatar{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:60px;height:60px;border-radius:50%;font-family:var(--font-display, inherit);font-size:20px;font-weight:700;letter-spacing:.02em;color:var(--accent, #e6b23c);background:color-mix(in srgb,var(--accent, #e6b23c) 12%,transparent);border:1px solid color-mix(in srgb,var(--accent, #e6b23c) 30%,transparent);box-shadow:0 0 0 5px color-mix(in srgb,var(--accent, #e6b23c) 5%,transparent)}.blocauth-hero-id{min-width:0}.blocauth-hero-nameline{display:flex;align-items:center;gap:9px;min-width:0}.blocauth-hero-name{font-family:var(--font-display, inherit);font-size:21px;font-weight:680;letter-spacing:-.02em;line-height:1.2;color:var(--text, #eef0f8);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.blocauth-plan-badge{flex-shrink:0;padding:3px 10px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--accent, #e6b23c);background:color-mix(in srgb,var(--accent, #e6b23c) 12%,transparent);border:1px solid color-mix(in srgb,var(--accent, #e6b23c) 32%,transparent);border-radius:999px;white-space:nowrap}.blocauth-hero-email{margin-top:4px;font-size:14px;color:var(--text-dim, #8890b0);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.blocauth-hero-meta{margin-top:3px;font-size:12.5px;color:var(--text-muted, #565a78)}.blocauth-section{display:flex;flex-direction:column;gap:9px}.blocauth-section-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:0 3px}.blocauth-section-title{font-family:var(--font-display, inherit);font-size:11.5px;font-weight:650;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted, #565a78)}.blocauth-section-aside{font-size:12px;color:var(--text-dim, #8890b0)}.blocauth-section-card{background:color-mix(in srgb,var(--surface, #101322) 70%,transparent);border:1px solid var(--line, rgba(255, 255, 255, .07));border-radius:var(--radius, 14px);overflow:hidden}.blocauth-section-footnote{padding:0 3px;font-size:12.5px;line-height:1.5;color:var(--text-muted, #565a78)}.blocauth-row{padding:13px 15px}.blocauth-row+.blocauth-row{border-top:1px solid var(--line, rgba(255, 255, 255, .07))}.blocauth-row-main{display:flex;align-items:center;gap:12px;min-height:34px}.blocauth-row-label{flex-shrink:0;font-size:14px;font-weight:500;color:var(--text, #eef0f8)}.blocauth-row-value{flex:1;min-width:0;text-align:right;font-size:14px;color:var(--text-dim, #8890b0);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.blocauth-row-value.is-muted{color:var(--text-muted, #565a78);font-style:italic}.blocauth-row-label:last-child{flex:1}.blocauth-row-action{flex-shrink:0;margin-left:auto}.blocauth-row-expand{margin-top:12px}.blocauth-row-note{font-size:12.5px;line-height:1.5;color:var(--text-muted, #565a78)}.blocauth-strong{color:var(--text, #eef0f8);font-weight:600}.blocauth-inline-form{display:flex;flex-direction:column;gap:10px}.blocauth-inline-form .blocauth-input{padding:11px 13px;font-size:14.5px;background:var(--surface, #101322)}.blocauth-inline-actions{display:flex;align-items:center;gap:4px}.blocauth-inline-btn{padding:9px 18px;font-size:13.5px}.blocauth-ghost-btn{flex-shrink:0;padding:7px 14px;font:inherit;font-size:13px;font-weight:550;color:var(--text, #eef0f8);background:color-mix(in srgb,var(--text, #eef0f8) 5%,transparent);border:1px solid var(--line-strong, rgba(255, 255, 255, .12));border-radius:999px;cursor:pointer;white-space:nowrap;transition:border-color .15s ease,color .15s ease,background .15s ease}.blocauth-ghost-btn:hover:not(:disabled){color:var(--accent, #e6b23c);border-color:color-mix(in srgb,var(--accent, #e6b23c) 50%,transparent);background:color-mix(in srgb,var(--accent, #e6b23c) 9%,transparent)}.blocauth-ghost-btn:disabled{opacity:.45;cursor:default}.blocauth-danger-btn:hover:not(:disabled){color:var(--danger, #e5484d);border-color:color-mix(in srgb,var(--danger, #e5484d) 45%,transparent);background:color-mix(in srgb,var(--danger, #e5484d) 9%,transparent)}.blocauth-text-btn{font:inherit;font-size:13px;color:var(--text-dim, #8890b0);background:none;border:none;padding:6px 10px;border-radius:8px;cursor:pointer;transition:color .15s ease}.blocauth-text-btn:hover:not(:disabled){color:var(--text, #eef0f8)}.blocauth-text-btn:disabled{opacity:.55;cursor:default}.blocauth-note-ok{color:var(--accent, #e6b23c)}.blocauth-note-ok strong{color:var(--accent, #e6b23c);font-weight:600}.blocauth-error-inline{text-align:left}.blocauth :focus-visible{outline:2px solid color-mix(in srgb,var(--accent, #e6b23c) 70%,transparent);outline-offset:2px}.blocauth-otp-input:focus-visible{outline:none}@media (max-width: 460px){.blocauth-hero-card{padding:18px 16px;gap:13px}.blocauth-avatar{width:52px;height:52px;font-size:17px}.blocauth-hero-name{font-size:19px}.blocauth-row{padding:12px 13px}.blocauth-row-main{flex-wrap:wrap;gap:4px 10px}.blocauth-row-value{flex-basis:100%;text-align:left}.blocauth-row-action{width:100%;margin-top:8px;margin-left:0}.blocauth-row-action .blocauth-ghost-btn{width:100%}}@media (prefers-reduced-motion: reduce){.blocauth *,.blocauth *:before,.blocauth *:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.blocauth-turnstile{display:grid;grid-template-rows:0fr;overflow:hidden;opacity:0;margin-top:-10px;transition:grid-template-rows .3s ease,opacity .25s ease,margin-top .3s ease}.blocauth-turnstile--visible{grid-template-rows:1fr;opacity:1;margin-top:0}.blocauth-turnstile-frame{min-height:0;border-radius:calc(var(--radius, 14px) - 1px);overflow:hidden;line-height:0;font-size:0}.blocauth-turnstile--visible .blocauth-turnstile-frame{padding:8px;border:1px solid var(--line, rgba(255, 255, 255, .16));background:var(--surface-elevated, var(--surface, #101322));box-shadow:0 8px 24px -12px #00000073}.blocauth-turnstile-frame iframe{display:block;width:100%!important}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--paper: #f7f4ec;--paper-2: #ffffff;--paper-3: #efeade;--ink: #14120c;--ink-2: #4a4538;--ink-3: #6f6959;--gold: #f2c65a;--gold-2: #e0a52e;--gold-3: #c8901a;--accent-soft: #fdf3e0;--on-gold: #1e1608;--indigo: #4b52f0;--indigo-soft: #eceeff;--g-bg: #14110a;--g-bg2: #241c0c;--g-ink: #fdf8ec;--g-ink-dim: rgba(253, 248, 236, .62);--g-accent: #f2c65a;--g-accent-2: #e0a52e;--radius: 14px;--radius-lg: 22px;--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--nav-h: 62px;--gutter: clamp(20px, 4vw, 40px);--shadow-sm: 0 1px 2px rgba(38, 28, 8, .07);--shadow-md: 0 10px 28px -14px rgba(38, 28, 8, .24), 0 2px 6px -3px rgba(38, 28, 8, .09);--shadow-lg: 0 38px 70px -30px rgba(38, 28, 8, .36), 0 8px 20px -10px rgba(38, 28, 8, .14);--surface: var(--paper-2);--surface-elevated: var(--paper);--line: rgba(28, 22, 10, .11);--line-strong: rgba(28, 22, 10, .2);--text: var(--ink);--text-dim: var(--ink-2);--text-muted: var(--ink-3);--accent: #a8730c;--accent-2: #7d5406;--accent-3: var(--gold-3);--accent-grad: linear-gradient(160deg, #f7d47c, var(--gold) 55%, var(--gold-2));--danger: #c2242a;--font-display: "Inter Tight", "Inter", "SF Pro Display", system-ui, sans-serif;font-family:Inter,SF Pro Text,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:16px;color-scheme:light}html{min-height:100%;scroll-behavior:smooth;background:var(--paper);color:var(--ink)}body{min-height:100dvh;font-feature-settings:"liga" 1,"calt" 1,"cv05" 1,"cv11" 1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent;overflow-x:hidden}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;pointer-events:none;opacity:.5;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23n)' opacity='0.035'/%3E%3C/svg%3E");background-size:160px 160px}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}a{color:inherit;text-decoration:none}::selection{background:color-mix(in srgb,var(--accent) 18%,transparent)}:where(a,button,input,select):focus-visible{outline:2px solid color-mix(in srgb,var(--accent) 75%,transparent);outline-offset:3px;border-radius:4px}.app{position:relative;z-index:1}.tm{font-size:.52em;vertical-align:super;letter-spacing:0}.container{width:100%;max-width:1240px;margin:0 auto;padding-left:max(var(--gutter),env(safe-area-inset-left));padding-right:max(var(--gutter),env(safe-area-inset-right))}.skip-link{position:fixed;top:10px;left:50%;z-index:200;transform:translate(-50%,-140%);padding:10px 18px;border-radius:999px;background:var(--ink);color:var(--paper);font-size:13px;font-weight:600;transition:transform .2s var(--ease-out)}.skip-link:focus-visible{transform:translate(-50%)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.btn{display:inline-flex;align-items:center;gap:9px;padding:12px 20px;border-radius:999px;font-size:14.5px;font-weight:650;letter-spacing:-.01em;white-space:nowrap;transition:transform .18s var(--ease-out),box-shadow .22s var(--ease-out),background .18s,border-color .18s,color .18s}.btn:active{transform:translateY(1px) scale(.99)}.btn svg{flex:none}.btn--ghost{background:var(--paper-2);color:var(--ink);border:1px solid var(--line-strong);box-shadow:var(--shadow-sm)}.btn--ghost:hover{transform:translateY(-2px);border-color:var(--ink);box-shadow:var(--shadow-md)}.brand{display:inline-flex;align-items:center;gap:9px;padding:4px;margin:-4px;border-radius:10px}.brand-mark{position:relative;width:22px;height:22px;flex:none}.brand--lg .brand-mark{width:28px;height:28px}.brand-mark span{position:absolute;width:34.4%;height:23.4%;border-radius:24%/36%;transition:transform .32s var(--ease-spring)}.brand-mark span:nth-child(1){left:12.5%;top:10.9%;background:linear-gradient(150deg,#f7d47c,#e8ac36);transform:rotate(-7deg)}.brand-mark span:nth-child(2){left:42.2%;top:39.1%;background:linear-gradient(150deg,#8b90ff,var(--indigo));transform:rotate(4deg)}.brand-mark span:nth-child(3){left:21.9%;top:67.2%;background:linear-gradient(150deg,#e8b23f,var(--gold-3));transform:rotate(-3deg)}.brand:hover .brand-mark span:nth-child(1){transform:rotate(0) translate(2.5px)}.brand:hover .brand-mark span:nth-child(2){transform:rotate(0) translate(-2px)}.brand:hover .brand-mark span:nth-child(3){transform:rotate(0) translate(1px)}.brand-name{font-family:var(--font-display);font-size:20px;font-weight:800;letter-spacing:-.035em;line-height:1}.brand--lg .brand-name{font-size:25px}.brand-lockup-end{display:inline-flex;align-items:flex-start;gap:1px}.brand-pill{padding:3px 7px;border-radius:6px;background:var(--ink);color:var(--paper);font-size:10.5px;font-weight:700;letter-spacing:.09em;line-height:1.25;text-transform:uppercase}.brand--lg .brand-pill{font-size:11.5px;padding:4px 8px}.brand-tm{font-size:9px;font-weight:700;color:var(--ink-3);transition:color .18s}.brand:hover .brand-tm{color:var(--accent)}.brand-sep{width:1px;height:17px;margin:0 1px;background:var(--line-strong)}.brand--lg .brand-sep{height:21px}.brand-surface{font-family:var(--font-display);font-size:17px;font-weight:700;letter-spacing:-.02em;line-height:1;color:var(--accent)}.brand--lg .brand-surface{font-size:21px}.nav{position:sticky;top:0;z-index:50;padding-top:env(safe-area-inset-top);border-bottom:1px solid transparent;transition:background .28s,box-shadow .28s,border-color .28s}.nav--scrolled{background:color-mix(in srgb,var(--paper) 86%,transparent);backdrop-filter:saturate(1.6) blur(14px);-webkit-backdrop-filter:saturate(1.6) blur(14px);border-bottom-color:var(--line);box-shadow:0 8px 22px -18px #261c088c}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.nav--scrolled{background:var(--paper)}}.nav-inner{height:var(--nav-h);display:flex;align-items:center;justify-content:space-between;gap:16px}.nav-links{display:flex;align-items:center;gap:2px}.nav-link{display:inline-flex;align-items:center;gap:5px;padding:8px 13px;border-radius:9px;font-size:14.5px;font-weight:550;color:var(--ink-2);transition:color .16s,background .16s}.nav-link:hover{color:var(--ink);background:#1c160a0d}.nav-link--studio svg{opacity:.45;transition:transform .2s var(--ease-out),opacity .16s}.nav-link--studio:hover svg{opacity:1;transform:translate(1.5px,-1.5px)}.nav-link--account{max-width:170px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:650;color:var(--ink)}.nav-icon{width:36px;height:36px;margin-left:6px;display:grid;place-items:center;border-radius:11px;border:1px solid var(--line-strong);background:var(--paper-2);color:var(--ink-2);box-shadow:var(--shadow-sm);transition:color .16s,border-color .16s,transform .18s var(--ease-out),box-shadow .18s}.nav-icon:hover{color:var(--indigo);border-color:color-mix(in srgb,var(--indigo) 45%,transparent);transform:translateY(-2px);box-shadow:var(--shadow-md)}.today{position:relative;display:block;overflow:hidden;margin-bottom:clamp(20px,2.6vw,30px);background:linear-gradient(115deg,var(--g-bg2),var(--g-bg) 64%);color:var(--g-ink)}.today-wash{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(30% 130% at 12% 50%,color-mix(in srgb,var(--g-accent) 20%,transparent),transparent 72%),linear-gradient(180deg,rgba(255,255,255,.05),transparent 40%);transition:opacity .3s}.today:hover .today-wash{opacity:.6}.today-inner{position:relative;display:flex;align-items:center;gap:clamp(16px,2.4vw,28px);padding-top:18px;padding-bottom:18px}.today-art{flex:none;display:grid;place-items:center;width:92px;height:92px;border-radius:18px;background:#0000003d;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--g-ink) 10%,transparent)}.today-copy{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}.today-label{display:inline-flex;align-items:center;gap:7px;font-size:11px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--g-accent)}.today-dot{width:6px;height:6px;border-radius:50%;background:currentColor;animation:pulseDot 2.4s ease-in-out infinite}@keyframes pulseDot{0%,to{opacity:1}50%{opacity:.25}}.today-name{font-family:var(--font-display);font-size:clamp(1.5rem,3.2vw,2.05rem);font-weight:850;line-height:1.04;letter-spacing:-.04em}.today-tagline{font-size:14.5px;line-height:1.5;color:var(--g-ink-dim)}.today-cta{flex:none;display:inline-flex;align-items:center;gap:9px;padding:13px 24px;border-radius:999px;background:var(--g-accent);color:var(--g-bg);font-size:15px;font-weight:700;box-shadow:0 14px 30px -14px color-mix(in srgb,var(--g-accent) 85%,transparent);transition:background .18s,transform .18s var(--ease-out)}.today:hover .today-cta{background:var(--g-accent-2);transform:translateY(-2px)}.today:active .today-cta{transform:translateY(0)}.toolbar{position:sticky;top:calc(var(--nav-h) + env(safe-area-inset-top));z-index:40;padding:11px 0;background:color-mix(in srgb,var(--paper) 86%,transparent);backdrop-filter:saturate(1.6) blur(14px);-webkit-backdrop-filter:saturate(1.6) blur(14px);border-block:1px solid var(--line)}.toolbar-inner{display:flex;align-items:center;gap:10px}.search-wrap{position:relative;display:flex;align-items:center;width:258px;flex:none}.search-input{width:100%;height:40px;padding:0 36px;border:1px solid var(--line-strong);border-radius:999px;background:var(--paper-2);color:var(--ink);font:inherit;font-size:15px;outline:none;box-shadow:var(--shadow-sm);transition:border-color .15s,box-shadow .15s;-webkit-appearance:none}.search-input::placeholder{color:var(--ink-3)}.search-input::-webkit-search-cancel-button{display:none}.search-input:focus{border-color:color-mix(in srgb,var(--accent) 55%,transparent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 13%,transparent)}.search-input:focus-visible{outline:none}.search-icon-wrap{position:absolute;left:13px;display:flex;color:var(--ink-3);pointer-events:none}.search-kbd{position:absolute;right:11px;min-width:21px;height:21px;display:grid;place-items:center;font:inherit;font-size:12px;font-weight:650;line-height:1;color:var(--ink-3);border:1px solid var(--line-strong);border-radius:6px;background:var(--paper-3);pointer-events:none;transition:opacity .15s}.search-input:focus~.search-kbd{opacity:0}.search-clear{position:absolute;right:11px;width:22px;height:22px;display:grid;place-items:center;border-radius:50%;font-size:1rem;line-height:1;color:var(--ink-3);transition:color .14s,background .14s}.search-clear:hover{color:var(--ink);background:var(--paper-3)}.cat-row{display:flex;gap:7px;flex:1;min-width:0;overflow-x:auto;scrollbar-width:none;mask-image:linear-gradient(90deg,#000 0,#000 calc(100% - 24px),transparent 100%);-webkit-mask-image:linear-gradient(90deg,#000 0,#000 calc(100% - 24px),transparent 100%);padding-right:4px}.cat-row::-webkit-scrollbar{display:none}.cat-chip{flex-shrink:0;padding:9px 15px;border-radius:999px;border:1px solid var(--line-strong);background:var(--paper-2);font-size:13.5px;font-weight:600;color:var(--ink-2);box-shadow:var(--shadow-sm);white-space:nowrap;transition:color .14s,background .14s,border-color .14s,transform .14s var(--ease-out)}.cat-chip:hover{color:var(--ink);border-color:var(--ink-3)}.cat-chip:active{transform:scale(.96)}.cat-chip--active{color:var(--paper);background:var(--ink);border-color:var(--ink);font-weight:700;box-shadow:var(--shadow-md)}.sort-control{flex:none;display:inline-flex}.sort-select{-moz-appearance:none;appearance:none;-webkit-appearance:none;height:40px;padding:0 34px 0 15px;border:1px solid var(--line-strong);border-radius:999px;background-color:var(--paper-2);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Cpath d='M3 4.5L6 7.5L9 4.5' stroke='%236f6959' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 13px center;color:var(--ink-2);font:inherit;font-size:13.5px;font-weight:600;cursor:pointer;outline:none;box-shadow:var(--shadow-sm);transition:color .15s,border-color .15s}.sort-select:hover{color:var(--ink);border-color:var(--ink-3)}.shelf{scroll-margin-top:calc(var(--nav-h) + 56px);padding-top:clamp(24px,3vw,34px);padding-bottom:clamp(56px,8vw,96px)}.shelf-head{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;margin-bottom:clamp(16px,2.2vw,22px)}.shelf-title{font-family:var(--font-display);font-size:clamp(1.3rem,2.2vw,1.6rem);font-weight:800;letter-spacing:-.035em;line-height:1.1}.shelf-count{font-size:13.5px;font-weight:550;color:var(--ink-3)}.shelf-reset{margin-left:auto;padding:6px 13px;border-radius:999px;border:1px solid var(--line-strong);font-size:13px;font-weight:650;color:var(--ink-2);transition:color .15s,border-color .15s,background .15s}.shelf-reset:hover{color:var(--ink);border-color:var(--ink);background:var(--paper-2)}.shelf-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,288px),1fr));gap:clamp(18px,2.2vw,26px)}.card{display:flex;flex-direction:column}.card-plate{position:relative;display:grid;place-items:center;aspect-ratio:4 / 3;overflow:hidden;border-radius:var(--radius-lg);background:linear-gradient(150deg,var(--g-bg2),var(--g-bg) 68%);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--g-ink) 9%,transparent),var(--shadow-md);transition:transform .26s var(--ease-out),box-shadow .26s var(--ease-out)}.card:hover .card-plate{transform:translateY(-5px);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--g-accent) 32%,transparent),var(--shadow-lg)}.card:active .card-plate{transform:translateY(-1px)}.card-plate-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(58% 62% at 50% 42%,color-mix(in srgb,var(--g-accent) 20%,transparent),transparent 72%),linear-gradient(color-mix(in srgb,var(--g-ink) 5%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--g-ink) 5%,transparent) 1px,transparent 1px);background-size:100% 100%,34px 34px,34px 34px}.card-status{position:absolute;top:12px;left:12px;z-index:2;display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:999px;font-size:10px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--g-accent);background:color-mix(in srgb,var(--g-bg) 62%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--g-accent) 34%,transparent);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.card-status--soon{color:var(--g-ink-dim);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--g-ink) 18%,transparent)}.card-status-dot{width:6px;height:6px;border-radius:50%;background:currentColor;animation:pulseDot 2.4s ease-in-out infinite}.card-play{position:absolute;right:14px;bottom:14px;z-index:2;width:46px;height:46px;display:grid;place-items:center;padding-left:2px;border-radius:50%;color:var(--g-bg);background:var(--g-accent);box-shadow:0 10px 26px -8px color-mix(in srgb,var(--g-accent) 85%,transparent);opacity:0;transform:scale(.72);transition:opacity .2s,transform .3s var(--ease-spring)}.card:hover .card-play{opacity:1;transform:scale(1)}.card-body{display:flex;flex-direction:column;padding:15px 3px 0}.card-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.card-name{font-family:var(--font-display);font-size:1.2rem;font-weight:800;letter-spacing:-.035em;line-height:1.15}.card-cta{display:inline-flex;align-items:center;gap:5px;flex:none;font-size:13px;font-weight:700;color:var(--accent)}.card-cta svg{transition:transform .22s var(--ease-out)}.card:hover .card-cta svg{transform:translate(3px)}.card--soon:hover .card-cta svg{transform:translate(2px,-2px)}.card-tagline{margin-top:7px;font-size:14px;line-height:1.5;color:var(--ink-2)}.card-tags{display:flex;flex-wrap:wrap;gap:5px;margin-top:12px}.tag{padding:4px 9px;border-radius:999px;background:var(--paper-3);font-size:10px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--ink-3)}.tag--badge{background:var(--accent-soft);color:var(--accent)}.card--soon .tag--badge{background:var(--indigo-soft);color:var(--indigo)}.card-spec{margin-top:10px;font-size:12.5px;font-weight:500;color:var(--ink-3)}.empty{display:grid;justify-items:center;gap:16px;padding:72px 0 84px;font-size:15.5px;color:var(--ink-2);text-align:center}.empty-mark{width:46px;height:46px;display:grid;place-items:center;border-radius:50%;border:1px solid var(--line-strong);background:var(--paper-2);color:var(--ink-3)}.site-footer{position:relative;z-index:1;background:var(--paper-3);border-top:1px solid var(--line)}.footer-inner{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:18px 32px;padding-top:clamp(28px,3.4vw,38px);padding-bottom:clamp(20px,2.6vw,28px)}.footer-links{display:flex;flex-wrap:wrap;gap:8px 24px}.footer-link{font-size:14.5px;color:var(--ink-2);transition:color .15s}.footer-link:hover{color:var(--ink)}.footer-bottom{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:8px 24px;padding-top:16px;padding-bottom:max(22px,env(safe-area-inset-bottom));border-top:1px solid var(--line);font-size:12.5px;color:var(--ink-3)}.footer-legal{max-width:78ch;line-height:1.6}.footer-made{letter-spacing:.02em;white-space:nowrap}.key-mark{position:relative;display:block;transition:transform .32s var(--ease-out)}.key-mark--today{width:76px;height:auto;filter:drop-shadow(0 10px 20px rgba(0,0,0,.45))}.today:hover .key-mark--today{transform:scale(1.06)}.key-mark--card{width:58%;height:auto;filter:drop-shadow(0 16px 30px rgba(0,0,0,.45))}.card:hover .key-mark--card{transform:scale(1.06) translateY(-3px)}.face-art{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:6px;aspect-ratio:1;padding:10px;border-radius:18px;background:#0000003d;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--g-ink) 10%,transparent);transform:rotate(-4deg);transition:transform .32s var(--ease-out)}.face-art--today{width:74px}.face-art--card{width:54%}.card:hover .face-art{transform:rotate(-2deg) scale(1.04)}.face-cell{display:grid;place-items:center;border-radius:9px;background:color-mix(in srgb,var(--g-ink) 7%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--g-ink) 8%,transparent);font-family:var(--font-display);font-size:clamp(13px,2.2vw,26px);font-weight:800;letter-spacing:-.03em;color:color-mix(in srgb,var(--g-ink) 26%,transparent);filter:blur(.5px)}.face-art--today .face-cell{font-size:11px;border-radius:5px}@media (max-width: 860px){.toolbar-inner{flex-wrap:wrap}.search-wrap{width:100%;order:-1}.today-art{width:76px;height:76px}.key-mark--today{width:62px}.face-art--today{width:60px}}@media (max-width: 700px){.brand-sep,.brand-surface{display:none}.nav-link{padding:8px 10px;font-size:14px}.nav-link--studio svg{display:none}}@media (max-width: 600px){.today-inner{flex-wrap:wrap;row-gap:14px}.today-copy{flex-basis:calc(100% - 92px)}.today-cta{width:100%;justify-content:center}.search-kbd{display:none}.shelf-reset{margin-left:0}}@media (max-width: 440px){.card-plate{aspect-ratio:3 / 2}.footer-inner{flex-direction:column;align-items:flex-start}}@media (hover: none){.card-play{opacity:0}}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}.signin-app{min-height:100dvh;display:flex;flex-direction:column}.signin-main{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;padding:48px 20px 64px}.signin-card{width:100%;max-width:440px;padding:36px 30px 30px;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--paper-2);box-shadow:var(--shadow-lg)}.signin-back{font-size:14px;font-weight:550;color:var(--ink-2);transition:color .15s}.signin-back:hover{color:var(--ink)}.account-shell{width:100%;max-width:560px;display:flex;flex-direction:column;gap:20px}.account-shell-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 3px}.account-shell-title{font-family:var(--font-display);font-size:1.65rem;font-weight:800;letter-spacing:-.035em}.account-shell-continue{flex:none;padding:11px 20px;border-radius:999px;background:var(--ink);color:var(--paper);font-size:14.5px;font-weight:650;box-shadow:var(--shadow-sm);transition:transform .18s var(--ease-out),box-shadow .2s}.account-shell-continue:hover{transform:translateY(-1.5px);box-shadow:var(--shadow-md)}@media (max-width: 480px){.signin-card{padding:28px 20px 24px;border-radius:var(--radius)}.account-shell-title{font-size:1.4rem}}