html,body{height:100%;width:100%;overflow:hidden;overflow-x:clip;overscroll-behavior:none}:root{--text: #d6dceb;--text-h: #f7f9fc;--text-soft: rgba(214, 220, 235, .78);--text-muted: rgba(214, 220, 235, .68);--bg: #090b12;--bg-gradient: radial-gradient(circle at top, rgba(75, 118, 255, .2), transparent 24%), radial-gradient(circle at bottom left, rgba(0, 214, 201, .12), transparent 24%), linear-gradient(180deg, #0d111b, #080b13 48%, #05070d 100%);--surface: linear-gradient(180deg, rgba(15, 18, 26, .96), rgba(9, 11, 18, .98));--surface-alt: linear-gradient(180deg, rgba(19, 23, 34, .98), rgba(11, 14, 22, .98));--surface-highlight: rgba(83, 131, 255, .16);--surface-highlight-strong: rgba(83, 131, 255, .22);--stripe-dark: #2a2e38;--stripe-light: #f7f8fa;--field-bg: rgba(255, 255, 255, .04);--field-bg-focus: rgba(255, 255, 255, .06);--field-placeholder: rgba(214, 220, 235, .4);--border: rgba(255, 255, 255, .08);--border-soft: rgba(255, 255, 255, .05);--border-strong: rgba(255, 255, 255, .16);--interactive-bg: rgba(255, 255, 255, .04);--interactive-bg-strong: rgba(255, 255, 255, .09);--interactive-hover: rgba(255, 255, 255, .06);--focus-ring: rgba(83, 131, 255, .16);--accent: #7da8ff;--accent-strong: #6895ff;--accent-deep: #456cd6;--success: #8ee0b1;--danger: #ff8d8d;--danger-soft: #ffb8b8;--shadow: 0 30px 80px rgba(0, 0, 0, .42);--shadow-soft: 0 20px 36px rgba(0, 0, 0, .16);--shadow-float: 0 24px 50px rgba(0, 0, 0, .36);--sans: "Avenir Next", "Segoe UI", sans-serif;--heading: "Avenir Next", "Segoe UI", sans-serif;--mono: ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (max-width: 1024px){:root{font-size:16px}}:root[data-theme=light]{--text: #243042;--text-h: #132033;--text-soft: rgba(36, 48, 66, .78);--text-muted: rgba(36, 48, 66, .62);--bg: #edf3fb;--bg-gradient: radial-gradient(circle at top, rgba(79, 125, 255, .14), transparent 26%), radial-gradient(circle at bottom left, rgba(48, 197, 174, .12), transparent 24%), linear-gradient(180deg, #f8fbff, #edf3fb 50%, #e3ebf5 100%);--surface: linear-gradient(180deg, rgba(255, 255, 255, .96), rgba(245, 249, 255, .98));--surface-alt: linear-gradient(180deg, rgba(255, 255, 255, .98), rgba(239, 245, 253, .98));--surface-highlight: rgba(79, 125, 255, .12);--surface-highlight-strong: rgba(79, 125, 255, .16);--stripe-dark: #3f5065;--stripe-light: #fcfdff;--field-bg: rgba(255, 255, 255, .78);--field-bg-focus: rgba(255, 255, 255, .96);--field-placeholder: rgba(36, 48, 66, .38);--border: rgba(34, 49, 71, .1);--border-soft: rgba(34, 49, 71, .08);--border-strong: rgba(67, 93, 140, .18);--interactive-bg: rgba(255, 255, 255, .62);--interactive-bg-strong: rgba(79, 125, 255, .14);--interactive-hover: rgba(79, 125, 255, .1);--focus-ring: rgba(79, 125, 255, .18);--accent: #587cf2;--accent-strong: #4f7dff;--accent-deep: #3858c7;--success: #287f52;--danger: #b84d5d;--danger-soft: #9f4353;--shadow: 0 22px 48px rgba(84, 107, 145, .16);--shadow-soft: 0 16px 28px rgba(84, 107, 145, .12);--shadow-float: 0 18px 40px rgba(84, 107, 145, .18)}body{margin:0;min-width:320px;background:var(--bg-gradient);color:var(--text);transition:background .22s ease,color .22s ease}#root{width:100%;margin:0 auto;height:100dvh;display:flex;flex-direction:column;box-sizing:border-box;overflow:hidden}h1,h2{font-family:var(--heading);font-weight:700;color:var(--text-h)}h1{letter-spacing:-.04em}h2{font-size:24px;line-height:118%;letter-spacing:-.24px;margin:0 0 8px}@media (max-width: 1024px){h2{font-size:20px}}p{margin:0}a{color:inherit}.page-shell{--board-open-angle: -14deg;--board-open-overshoot: -17deg;--board-clap-backswing: -20deg;--board-clap-settle: 4deg}.page-shell{width:100%;min-height:100%;display:flex;align-items:center;justify-content:center;padding:1.5rem;box-sizing:border-box;overflow:hidden}.clapperboard,.screen-card{width:min(100%,38rem)}.clapperboard{position:relative;box-shadow:none;display:flex;flex-direction:column;align-items:stretch}.clapper-top{display:grid;grid-template-columns:repeat(6,1fr);gap:.45rem;padding:.85rem 1rem;background:var(--surface-alt);border-bottom:1px solid var(--border);transform-origin:bottom left;transform:rotate(0);box-shadow:var(--shadow-soft)}.clapper-top span{display:block;aspect-ratio:1.45 / 1;border-radius:.35rem;background:linear-gradient(135deg,var(--stripe-light) 0 42%,var(--stripe-dark) 42% 54%,var(--stripe-light) 54% 100%)}.clapper-body{border-radius:0 0 2rem 2rem;overflow:hidden;border:1px solid var(--border);border-top:none;background:radial-gradient(circle at top right,var(--surface-highlight),transparent 28%),var(--surface);padding:1.65rem 1.65rem 1.8rem;box-shadow:var(--shadow)}.clapper-copy{margin-bottom:1.5rem}.is-open .clapper-top{animation:board-open .65s cubic-bezier(.2,.8,.2,1) forwards}.is-clapping .clapper-top{animation:board-clap .9s cubic-bezier(.2,.8,.2,1) forwards}.screen-card{border:1px solid var(--border);border-radius:2rem;background:radial-gradient(circle at top right,var(--surface-highlight),transparent 24%),var(--surface);padding:2rem;box-shadow:var(--shadow)}.eyebrow{display:inline-flex;margin-bottom:1rem;color:var(--text-muted);font-size:.78rem;letter-spacing:.18em;text-transform:uppercase}.clapperboard h1,.screen-card h1{margin:0 0 .75rem;color:var(--text-h);font-size:clamp(2.4rem,7vw,4.15rem);font-weight:700;line-height:.95}.lede{max-width:28rem;color:var(--text-soft);font-size:.98rem;margin-bottom:1.35rem}.account-form{display:grid;gap:1.1rem}.field{display:grid;gap:.55rem}.field span{color:var(--text-h);font-size:.88rem;font-weight:500}.field input{width:100%;box-sizing:border-box;min-height:3.2rem;padding:.85rem .95rem;border:1px solid var(--border-strong);border-radius:1rem;background:var(--field-bg);color:var(--text-h);font:inherit;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease,background-color .16s ease}.field input::placeholder{color:var(--field-placeholder)}.field input:focus{outline:none;border-color:color-mix(in srgb,var(--accent) 70%,transparent);background:var(--field-bg-focus);box-shadow:0 0 0 4px var(--focus-ring);transform:translateY(-1px)}.form-error{margin:0;color:var(--danger);font-size:.92rem}.form-success{margin:0;color:var(--success);font-size:.92rem}.button{display:inline-flex;align-items:center;justify-content:center;min-height:3.15rem;padding:.85rem 1.2rem;border-radius:1rem;text-decoration:none;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,background-color .18s ease,border-color .18s ease}.button:hover{transform:translateY(-1px);box-shadow:var(--shadow-float)}.button-primary{width:100%;border:1px solid color-mix(in srgb,var(--accent) 34%,transparent);color:#f8fbff;background:linear-gradient(180deg,var(--accent-strong),var(--accent-deep));font-weight:600;letter-spacing:.01em}.button:disabled{cursor:wait;opacity:.76;transform:none;box-shadow:none}.button-secondary{border:1px solid var(--border-strong);color:var(--text-h);background:var(--interactive-bg)}.account-details{display:grid;gap:.9rem;margin:1.5rem 0}.account-details div{display:grid;gap:.25rem}.account-details dt{color:var(--text-muted);font-size:.82rem;letter-spacing:.14em;text-transform:uppercase}.account-details dd{margin:0;color:var(--text-h);word-break:break-word}.screen-card-live{background:radial-gradient(circle at top right,var(--surface-highlight-strong),transparent 22%),var(--surface)}@keyframes board-open{0%{transform:rotate(0)}70%{transform:rotate(var(--board-open-overshoot))}to{transform:rotate(var(--board-open-angle))}}@keyframes board-clap{0%{transform:rotate(var(--board-open-angle))}30%{transform:rotate(var(--board-clap-backswing))}55%{transform:rotate(var(--board-clap-settle))}to{transform:rotate(0)}}@media (max-width: 640px){.page-shell{--board-open-angle: -9deg;--board-open-overshoot: -11deg;--board-clap-backswing: -13deg;--board-clap-settle: 2deg;padding:1rem}.clapperboard,.screen-card{width:min(100%,22rem)}.clapper-top{gap:.35rem;padding:.65rem .75rem}.clapper-body,.screen-card{padding:1.2rem}.clapper-body{border-radius:0 0 1.5rem 1.5rem}}.dashboard-shell{min-height:100%;width:100%;padding:1.5rem;box-sizing:border-box;display:flex;flex-direction:column;gap:1.5rem}.topbar{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:1rem;padding:.7rem 1rem;border:1px solid var(--border);border-radius:1.5rem;background:radial-gradient(circle at top right,var(--surface-highlight),transparent 24%),var(--surface);box-shadow:var(--shadow)}.topbar-brand{display:inline-flex;align-items:center;gap:.75rem;justify-self:start;min-width:0}.topbar-title{color:var(--text-h);font-size:.95rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase}.topbar-nav{display:inline-flex;justify-self:center;gap:.35rem;padding:.18rem;border-radius:999px;background:var(--interactive-bg);border:1px solid var(--border-soft)}.topbar-link,.theme-toggle,.user-trigger,.user-menu-action{font:inherit}.topbar-link,.theme-toggle{border:none;color:var(--text-soft);cursor:pointer;transition:background-color .16s ease,border-color .16s ease,color .16s ease,transform .16s ease,box-shadow .16s ease}.topbar-link{background:transparent;padding:.52rem .9rem;border-radius:999px}.topbar-link:hover,.theme-toggle:hover,.user-trigger:hover,.user-menu-action:hover{transform:translateY(-1px)}.topbar-link.is-active{color:var(--text-h);background:var(--interactive-bg-strong)}.topbar-actions{display:inline-flex;align-items:center;justify-self:end;gap:.65rem;min-width:0}.theme-toggle{display:inline-flex;align-items:center;gap:.45rem;min-height:2.5rem;padding:.52rem .9rem;border-radius:999px;background:var(--interactive-bg);border:1px solid var(--border);color:var(--text-h)}.theme-toggle:hover{background:var(--interactive-hover)}.theme-toggle:focus-visible,.user-trigger:focus-visible,.user-menu-action:focus-visible,.topbar-link:focus-visible{outline:none;box-shadow:0 0 0 4px var(--focus-ring)}.theme-toggle-icon{font-size:.95rem;line-height:1}.theme-toggle-label{font-size:.92rem;font-weight:600}.topbar-user{position:relative}.user-trigger{display:inline-flex;align-items:center;gap:.65rem;min-height:2.5rem;padding:.52rem .9rem;border-radius:999px;border:1px solid var(--border);color:var(--text-h);background:var(--interactive-bg);cursor:pointer;transition:border-color .16s ease,background-color .16s ease,transform .16s ease,box-shadow .16s ease}.user-trigger.is-open{border-color:color-mix(in srgb,var(--accent) 55%,var(--border));background:var(--interactive-hover)}.user-trigger-name{max-width:12rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-menu{position:absolute;top:calc(100% + .6rem);right:0;width:min(22rem,calc(100vw - 3rem));padding:.8rem;border-radius:1.15rem;border:1px solid var(--border);background:radial-gradient(circle at top right,var(--surface-highlight),transparent 28%),var(--surface-alt);box-shadow:var(--shadow-float);z-index:10}.user-menu-summary{padding:.3rem .25rem .85rem;border-bottom:1px solid var(--border);margin-bottom:.55rem}.user-menu-name,.user-menu-email{overflow-wrap:anywhere}.user-menu-name{color:var(--text-h);font-weight:600}.user-menu-email{color:var(--text-soft);font-size:.92rem;margin-top:.18rem}.user-menu-action{width:100%;text-align:left;border:none;border-radius:.9rem;padding:.85rem .9rem;background:transparent;color:var(--text-h);cursor:pointer;transition:background-color .16s ease,color .16s ease,transform .16s ease,box-shadow .16s ease}.user-menu-action:hover{background:var(--interactive-hover)}.user-menu-signout{color:var(--danger-soft)}.user-menu-action:disabled{opacity:.7;cursor:wait;transform:none}.dashboard-content{flex:1;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(20rem,.9fr);gap:1.5rem;align-items:start}.dashboard-copy,.info-card{border:1px solid var(--border);border-radius:1.8rem;background:radial-gradient(circle at top right,var(--surface-highlight),transparent 24%),var(--surface);box-shadow:var(--shadow)}.dashboard-copy{padding:2rem;min-height:18rem}.dashboard-copy-home{grid-column:1 / -1;display:grid;place-items:center;min-height:24rem;text-align:center}.home-placeholder{margin:0;color:var(--text-h);font-size:clamp(1.4rem,2.4vw,2rem);font-weight:600;letter-spacing:.02em}.info-grid{display:grid;gap:1rem}.info-card{padding:1.5rem}.info-label{color:var(--text-muted);font-size:.82rem;letter-spacing:.14em;text-transform:uppercase}.info-card h2{margin-top:.7rem}.info-text{color:var(--text-soft)}@media (max-width: 900px){.dashboard-shell{padding:.85rem;overflow:auto}.topbar{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.7rem;padding:.65rem .8rem;border-radius:1.25rem}.topbar-nav{grid-column:1 / -1;justify-self:start;width:fit-content;max-width:100%}.topbar-actions{grid-column:2;grid-row:1}.topbar-brand{grid-column:1;grid-row:1;min-width:0}.topbar-title{font-size:.88rem;letter-spacing:.1em}.dashboard-content{gap:1rem;grid-template-columns:1fr}.dashboard-copy{min-height:14rem;padding:1.4rem}.info-card{padding:1.2rem;border-radius:1.4rem}}@media (max-width: 560px){.topbar{gap:.55rem;padding:.55rem .7rem}.topbar-nav{width:100%;justify-self:stretch}.topbar-link{flex:1;padding:.46rem .75rem}.topbar-actions{gap:.45rem}.theme-toggle{min-height:2.2rem;padding:.42rem .72rem}.theme-toggle-label{display:none}.user-trigger{width:auto;max-width:9.5rem;min-height:2.2rem;padding:.42rem .72rem;justify-content:space-between}.user-trigger-name{max-width:5.8rem}.topbar-title{font-size:.82rem;letter-spacing:.08em}.user-menu{width:100%}.dashboard-copy,.info-card{padding:1.05rem;border-radius:1.2rem}}