:root{--brand-cyan:#4778e8;--brand-blue:#3157d5;--brand-royal:#3157d5;--brand-violet:#6657d9;--brand-magenta:#8063d9;--brand-cyan-strong:#3157d5;--brand-cyan-soft:#b8cafa;--brand-gradient:linear-gradient(112deg, #3157d5 0%, #4668dd 58%, #6657d9 100%);--brand-ink:#0d111a;--brand-surface:#121824;--background:#f5f7fb;--foreground:#172033;--surface:#fff;--surface-2:#f7f8fc;--surface-3:#e9edf5;--card:#fff;--card-border:#e2e7f0;--muted:#f0f3f8;--muted-foreground:#65718a;--primary:#3157d5;--primary-hover:#2548bd;--primary-foreground:#fff;--primary-glow:#3157d51c;--accent:#6657d9;--accent-soft:#6657d914;--ring:#3157d538;--surface-raised:#fff;--surface-sunken:#f5f7fb;--border-subtle:#e8ecf3;--border-strong:#d3dae7;--text-primary:#172033;--text-secondary:#48556d;--text-tertiary:#65718a;--interactive-hover:#f2f5fa;--interactive-pressed:#e9eef7;--focus-ring:0 0 0 3px #3157d538;--shadecode-ease:cubic-bezier(.2, .7, .2, 1);--shadecode-radius-card:14px;--shadecode-radius-control:10px;--shadecode-border:#e3e8f1}.dark{--brand-cyan:#83a4ff;--brand-blue:#83a4ff;--brand-royal:#83a4ff;--brand-violet:#a69aff;--brand-magenta:#b7a5ff;--brand-cyan-strong:#a6bcff;--brand-cyan-soft:#d0dbff;--brand-gradient:linear-gradient(112deg, #83a4ff 0%, #9a9aff 58%, #b7a5ff 100%);--background:#0d111a;--foreground:#edf1f8;--surface:#121824;--surface-2:#171f2d;--surface-3:#222d3e;--card:#121824;--card-border:#283346;--muted:#171f2d;--muted-foreground:#a0abc0;--primary:#83a4ff;--primary-hover:#a0b8ff;--primary-foreground:#10182a;--primary-glow:#83a4ff24;--accent:#a69aff;--accent-soft:#a69aff1f;--ring:#83a4ff47;--surface-raised:#121824;--surface-sunken:#0d111a;--border-subtle:#222d3e;--border-strong:#36435a;--text-primary:#edf1f8;--text-secondary:#c0c9d9;--text-tertiary:#a0abc0;--interactive-hover:#1a2433;--interactive-pressed:#222d3e;--focus-ring:0 0 0 3px #83a4ff45;--shadecode-border:#283346}.shadecode-brand__mark{filter:none;width:36px;height:36px;transition:transform .18s var(--shadecode-ease)}.shadecode-brand:hover .shadecode-brand__mark{transform:translateY(-1px)}.shadecode-brand__name{font-family:var(--font-display), var(--font-inter), system-ui, sans-serif;letter-spacing:-.035em;font-size:15px;font-weight:700}.shadecode-brand__shade{color:var(--foreground)}.shadecode-brand__code{color:var(--primary);-webkit-text-fill-color:currentColor;background:0 0}.shadecode-brand__product{font-family:var(--font-inter), system-ui, sans-serif;letter-spacing:.19em;color:var(--muted-foreground);margin-top:4px;padding-left:.19em;font-size:9px;font-weight:700}.shadecode-brand--compact .shadecode-brand__mark{width:30px;height:30px}.shadecode-brand--compact .shadecode-brand__name{font-size:14px}.ssc-page,.ssc-page-full{width:100%;animation:none}.ssc-page{gap:24px;max-width:1320px;padding:30px 32px 96px}.ssc-page-full{padding:30px 32px 96px}.ssc-page-header{align-items:center;gap:20px;padding-bottom:2px}.ssc-page-header h1{letter-spacing:-.04em;font-size:clamp(28px,2.5vw,36px);font-weight:700;line-height:1.12}.ssc-subtitle{max-width:720px;color:var(--text-secondary);margin-top:7px;font-size:14px;line-height:1.6}.ssc-kicker,.ssc-label{color:var(--text-tertiary);letter-spacing:.085em;font-size:11px;font-weight:700}.ssc-section-title{justify-content:space-between;align-items:baseline;gap:16px;display:flex}.ssc-section-title h2{letter-spacing:-.025em;font-size:19px;font-weight:700}.ssc-section-title p{color:var(--text-secondary);font-size:13px}.ssc-card,.ssc-card-interactive{background:var(--surface-raised);border:1px solid var(--card-border);border-radius:var(--shadecode-radius-card);box-shadow:0 1px 2px #14203806}.dark .ssc-card,.dark .ssc-card-interactive{box-shadow:0 1px 2px #00000024}.ssc-card--quiet{box-shadow:none}.ssc-card--elevated{box-shadow:0 8px 24px #1420380f}.dark .ssc-card--elevated{box-shadow:0 12px 32px #0003}.ssc-card-interactive{transition:border-color .16s var(--shadecode-ease), background-color .16s var(--shadecode-ease), box-shadow .16s var(--shadecode-ease)}.ssc-card-interactive:hover{border-color:color-mix(in srgb, var(--primary) 30%, var(--card-border));transform:none;box-shadow:0 4px 14px #1420380b}.dark .ssc-card-interactive:hover{box-shadow:0 5px 18px #0000002e}.ssc-button,.ssc-button-secondary,.ssc-button-danger,.ssc-input,.ssc-icon-button{border-radius:var(--shadecode-radius-control)}.ssc-button{min-height:42px;box-shadow:none;font-weight:650;transition:background-color .14s,border-color .14s,color .14s,transform .14s}.ssc-button:hover{box-shadow:none;transform:translateY(-1px)}.ssc-button-secondary{background:var(--surface);border-color:var(--card-border);color:var(--foreground);box-shadow:none}.ssc-button-secondary:hover{background:var(--interactive-hover);border-color:var(--border-strong)}.ssc-input{background:var(--surface);border-color:var(--border-strong);min-height:44px;color:var(--text-primary)}.ssc-input::placeholder{color:var(--text-tertiary);opacity:.9}.ssc-input:focus{border-color:var(--primary);box-shadow:var(--focus-ring)}.ssc-icon-button{background:var(--surface);border-color:var(--card-border);width:38px;height:38px;transition:background-color .14s,border-color .14s,color .14s}.ssc-icon-button:hover{background:var(--interactive-hover);border-color:var(--border-strong);transform:none}.ssc-button:focus-visible,.ssc-icon-button:focus-visible,.ssc-card-interactive:focus-visible{box-shadow:var(--focus-ring)}.ssc-divider{border-color:var(--border-subtle)}.ssc-status{font-weight:650}.ssc-brand-glow{box-shadow:0 0 0 1px #3157d50d,0 8px 28px #3157d50b}.ssc-brand-rule{background:var(--brand-gradient);opacity:.22}.ssc-sidebar{background:var(--surface);border-right-color:var(--border-subtle)}.ssc-sidebar>div:first-child{min-height:66px;padding:17px 18px}.ssc-sidebar nav{scrollbar-width:thin;gap:22px;padding:14px 12px}.ssc-sidebar nav>div>p{letter-spacing:.11em;margin-bottom:7px;padding-left:11px;font-size:10px}.ssc-sidebar nav a{border-radius:9px;gap:10px;min-height:42px;padding:6px 10px;transition:background-color .13s,color .13s}.ssc-sidebar nav a:hover{background:var(--interactive-hover)}.ssc-sidebar nav a .h-8.w-8{border-radius:8px;width:30px;height:30px}.ssc-sidebar nav a .h-8.w-8 svg{width:17px;height:17px}.ssc-sidebar nav a>div>span:not(.h-8){letter-spacing:-.005em;font-size:13px}.ssc-sidebar>div:last-child{background:var(--surface);border-top-color:var(--border-subtle);padding:12px 12px 16px}.ssc-sidebar>div:last-child a,.ssc-sidebar>div:last-child button{border-radius:9px;min-height:40px}.ssc-sidebar>div:last-child a:hover,.ssc-sidebar>div:last-child button:hover{background:var(--interactive-hover)}.ssc-sidebar .rounded-xl.border{border-color:var(--border-subtle);border-radius:12px}.shadecode-feature-icon__glyph{filter:none;transition:color .14s,transform .14s}.shadecode-feature-icon:hover .shadecode-feature-icon__glyph,a:hover .shadecode-feature-icon__glyph{filter:none}.ssc-interactive,.ssc-card-interactive{-webkit-tap-highlight-color:transparent}@media (max-width:1023px){.ssc-page,.ssc-page-full{padding:26px 24px 96px}}@media (max-width:767px){.ssc-page,.ssc-page-full{gap:18px;padding:20px 16px 100px}.ssc-page-header{flex-direction:column;align-items:flex-start;gap:12px}.ssc-page-header h1{font-size:28px}.ssc-subtitle{font-size:14px}.shadecode-brand__mark{width:32px;height:32px}.ssc-card,.ssc-card-interactive{border-radius:12px}}@media (prefers-reduced-motion:reduce){.shadecode-brand__mark,.ssc-card-interactive,.ssc-button,.ssc-icon-button,.shadecode-feature-icon__glyph{transition:none}}.ssc-auth-shell{background:radial-gradient(ellipse at 12% 8%, color-mix(in srgb, var(--primary) 7%, transparent), transparent 34rem), radial-gradient(ellipse at 92% 90%, color-mix(in srgb, var(--accent) 6%, transparent), transparent 30rem), var(--background);min-height:100dvh;color:var(--foreground);place-items:center;padding:32px 20px;display:grid}.ssc-auth-panel{border:1px solid var(--card-border);background:var(--surface-raised);border-radius:20px;width:100%;max-width:440px;padding:clamp(24px,5vw,36px);box-shadow:0 18px 56px #17203313,0 2px 8px #17203306}.dark .ssc-auth-panel{box-shadow:0 20px 60px #0000003d}.ssc-auth-heading{margin-bottom:26px}.ssc-auth-brand{margin-bottom:30px;display:inline-flex}.ssc-auth-heading h1{letter-spacing:-.045em;margin-top:0;font-size:clamp(28px,5vw,34px);line-height:1.12}.ssc-auth-heading p{color:var(--text-secondary)}.ssc-auth-panel input{border-color:var(--border-strong);background:var(--surface);width:100%;min-height:46px;color:var(--text-primary);border-radius:10px}.ssc-auth-panel input:focus-visible{border-color:var(--primary);box-shadow:var(--focus-ring);outline:none}.ssc-auth-panel button[type=submit],.ssc-auth-panel button[type=button]:not([aria-label^=Show]):not([aria-label^=Hide]){transition:filter .14s,transform .14s}.ssc-auth-panel button[type=submit]:hover,.ssc-auth-panel button[type=button]:not([aria-label^=Show]):not([aria-label^=Hide]):hover{filter:brightness(.97)}.ssc-auth-panel a{text-underline-offset:3px}.ssc-auth-panel a:hover{text-decoration:underline!important}@media (max-width:480px){.ssc-auth-shell{padding:18px 14px;padding-top:max(24px, env(safe-area-inset-top));align-items:start}.ssc-auth-panel{border-radius:16px;padding:24px 20px}.ssc-auth-brand{margin-bottom:24px}}.ssc-onboarding-shell{box-sizing:border-box;width:100%;min-height:100vh;color:var(--foreground);background:radial-gradient(circle at 15% 0%, color-mix(in srgb, var(--primary) 12%, transparent), transparent 30rem), radial-gradient(circle at 90% 18%, color-mix(in srgb, var(--accent) 9%, transparent), transparent 24rem), var(--background);padding:clamp(24px,5vw,56px) 18px 64px}.ssc-onboarding-shell>div{width:100%;max-width:560px;margin:0 auto}.ssc-onboarding-brand{margin-bottom:26px;display:inline-flex}.ssc-onboarding-panel{border:1px solid var(--card-border);background:var(--surface);box-shadow:var(--shadow-lg);border-radius:18px;padding:clamp(20px,5vw,30px)}.ssc-onboarding-recommendations{border:1px solid color-mix(in srgb, var(--primary) 22%, var(--card-border));background:var(--primary-glow);border-radius:12px;margin-top:14px;padding:14px}.ssc-onboarding-recommendations__label{color:var(--primary);margin-bottom:5px;font-size:12px;font-weight:700}.ssc-onboarding-recommendations__title{color:var(--foreground);font-size:14px;font-weight:650}.ssc-onboarding-recommendations__detail{color:var(--muted-foreground);margin-top:6px;font-size:12px}@media (max-width:480px){.ssc-onboarding-shell{padding:max(20px, env(safe-area-inset-top)) 14px 36px}.ssc-onboarding-panel{border-radius:15px}}.ssc-bottom-nav{border-color:var(--border-subtle);background:color-mix(in srgb, var(--surface) 94%, transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 -8px 28px #17203313}.dark .ssc-bottom-nav{box-shadow:0 -8px 28px #0000003d}.ssc-bottom-nav a,.ssc-bottom-nav button{-webkit-tap-highlight-color:transparent}.ssc-bottom-nav a:focus-visible,.ssc-bottom-nav button:focus-visible{outline-offset:-3px}:where(button,a,input,select,textarea){-webkit-tap-highlight-color:transparent}:where(button,a,input,select,textarea):focus-visible{outline:2px solid var(--primary);outline-offset:3px}:where(input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea){accent-color:var(--primary)}:where(input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea):focus-visible{border-color:var(--primary);box-shadow:var(--focus-ring)}:where(button,[role=button]){touch-action:manipulation}:where([role=dialog],[aria-modal=true]){color:var(--foreground)}:where([role=dialog],[aria-modal=true]) :where(input,select,textarea){max-width:100%}:where(.ssc-page,.ssc-page-full) :where(h1,h2,h3){text-wrap:pretty}:where(.ssc-page,.ssc-page-full) :where(p,label,small){overflow-wrap:anywhere}.ssc-page :where(.grid>.ssc-card,.grid>.ssc-card-interactive){min-width:0}.ssc-page :where(button,a){max-width:100%}.ssc-page :where(input,select,textarea){width:100%}.ssc-page :where(input[type=checkbox],input[type=radio]){width:auto}.ssc-page :where(button:disabled,[aria-disabled=true]){cursor:not-allowed}.ssc-page :where(.ssc-card,.ssc-card-interactive){min-width:0}.ssc-page-header>:last-child{flex-shrink:0}@media (max-width:767px){.ssc-page-header>:last-child{align-self:stretch}.ssc-page-header>:last-child.ssc-button{justify-content:center}.ssc-page :where(.grid-cols-2,.grid-cols-3,.grid-cols-4){min-width:0}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}