@layer tokens,base,components,focus;@layer tokens{:root{color-scheme:light;--pearl-00: #c8d0e2;--pearl-01: #d9e0ed;--pearl-02: #e3e8f2;--pearl-03: #edf0f7;--pearl-04: #f5f7fc;--pearl-05: #fbfcfe;--ink-00: #0a0e18;--ink-01: #131926;--ink-02: #2c3547;--ink-03: #515d75;--ink-04: #535c71;--ink-05: #98a2b7;--signal: #1f57e8;--signal-lift: #4a82ff;--signal-top: #3068ef;--signal-deep: #143fb0;--iris: #7b5bf2;--live: #00879a;--live-deep: #006d7d;--signal-wash: rgba(31, 87, 232, .09);--signal-haze: rgba(31, 87, 232, .16);--iris-wash: rgba(123, 91, 242, .1);--live-wash: rgba(0, 135, 154, .12);--ok: #0d7a52;--ok-wash: rgba(13, 122, 82, .11);--warn: #8a5300;--warn-wash: rgba(138, 83, 0, .12);--risk: #b5253c;--risk-wash: rgba(181, 37, 60, .11);--fam-essentials: #1d51da;--fam-communication: #9e3287;--fam-execution: #076b55;--fam-reasoning: #6345ca;--fam-review: #855000;--fam-decision: #0d658a;--fam-essentials-wash: rgba(31, 87, 232, .1);--fam-communication-wash: rgba(163, 52, 140, .1);--fam-execution-wash: rgba(9, 115, 91, .1);--fam-reasoning-wash: rgba(107, 75, 216, .1);--fam-review-wash: rgba(138, 83, 0, .1);--fam-decision-wash: rgba(15, 109, 148, .1);--cat: var(--signal);--cat-wash: var(--signal-wash);--glass-01: rgba(255, 255, 255, .34);--glass-02: rgba(255, 255, 255, .48);--glass-03: rgba(255, 255, 255, .62);--glass-04: rgba(255, 255, 255, .76);--blur-sm: saturate(1.9) blur(16px);--blur: saturate(2.1) blur(30px);--blur-lg: saturate(2.3) blur(52px);--lift-00: inset 0 1px 0 rgba(255, 255, 255, .6);--lift-01: 0 1px 2px rgba(22, 30, 58, .045), 0 4px 12px rgba(22, 30, 58, .055), inset 0 1px 0 rgba(255, 255, 255, .75);--lift-02: 0 2px 5px rgba(22, 30, 58, .05), 0 12px 30px rgba(22, 30, 58, .085), inset 0 1px 0 rgba(255, 255, 255, .85);--lift-03: 0 6px 14px rgba(22, 30, 58, .07), 0 28px 60px rgba(22, 30, 58, .12), inset 0 1px 0 rgba(255, 255, 255, .92);--lift-04: 0 12px 26px rgba(22, 30, 58, .1), 0 56px 110px rgba(22, 30, 58, .2), inset 0 1px 0 rgba(255, 255, 255, .96);--inlay: inset 0 1px 3px rgba(22, 30, 58, .1), inset 0 -1px 0 rgba(255, 255, 255, .7);--inlay-deep: inset 0 2px 6px rgba(22, 30, 58, .14), inset 0 -1px 0 rgba(255, 255, 255, .6);--focus-ring: 0 0 0 2px var(--pearl-05), 0 0 0 4px var(--signal), 0 0 0 8px var(--signal-wash);--focus-ring-dark: 0 0 0 2px rgba(10, 16, 38, .9), 0 0 0 4px #8ea8ff;--glow-signal: 0 0 0 3px var(--signal-wash), 0 4px 16px rgba(31, 87, 232, .22);--glow-live: 0 0 0 3px var(--live-wash), 0 4px 18px rgba(0, 135, 154, .25);--glow-risk: 0 0 0 3px var(--risk-wash), 0 4px 16px rgba(181, 37, 60, .2);--s1: 4px;--s2: 8px;--s3: 12px;--s4: 16px;--s5: 20px;--s6: 24px;--s7: 32px;--s8: 48px;--s9: 64px;--s10: 96px;--gutter: var(--s6);--stack: var(--s4);--band: var(--s8);--page-x: var(--s8);--sans: Archivo, ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--t-2xs: 11px;--t-xs: 12px;--t-sm: 13px;--t-base: 15px;--t-md: 17px;--t-lg: 21px;--t-xl: 28px;--t-display: clamp(30px, 2.7vw, 40px);--lh-tight: 1.18;--lh-snug: 1.35;--lh: 1.55;--lh-loose: 1.68;--tr-display: -.035em;--tr-head: -.022em;--tr-body: -.005em;--tr-label: .14em;--r-frame: 20px;--r-panel: 14px;--r-card: 10px;--r-control: 8px;--r-chip: 999px;--t-fast: .12s;--t-mid: .18s;--t-slow: .28s;--t-deliberate: .46s;--ease: cubic-bezier(.4, 0, .2, 1);--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-spring: cubic-bezier(.34, 1.4, .5, 1);--score-strong: #0d7a52;--score-good: #1f57e8;--score-fair: #8a5300;--score-weak: #b5253c;--tick: rgba(22, 30, 58, .16);--mesh: rgba(31, 87, 232, .045);--mesh-size: 44px;--rim: inset 0 0 0 1px rgba(255, 255, 255, .55);--topbar-h: 0px;--rail: 264px;--measure: 1240px;--prose: 68ch}[data-cat=Essentials]{--cat: var(--fam-essentials);--cat-wash: var(--fam-essentials-wash)}[data-cat=Communication]{--cat: var(--fam-communication);--cat-wash: var(--fam-communication-wash)}[data-cat=Execution]{--cat: var(--fam-execution);--cat-wash: var(--fam-execution-wash)}[data-cat=Reasoning]{--cat: var(--fam-reasoning);--cat-wash: var(--fam-reasoning-wash)}[data-cat=Review]{--cat: var(--fam-review);--cat-wash: var(--fam-review-wash)}[data-cat=Decision]{--cat: var(--fam-decision);--cat-wash: var(--fam-decision-wash)}}@layer base{*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scrollbar-gutter:stable}body{margin:0;min-height:100dvh;background:var(--pearl-02);color:var(--ink-02);font-family:var(--sans);font-size:var(--t-base);line-height:var(--lh);letter-spacing:var(--tr-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;overflow-x:hidden}html:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-2;pointer-events:none;background-image:linear-gradient(var(--mesh) 1px,transparent 1px),linear-gradient(90deg,var(--mesh) 1px,transparent 1px);background-size:var(--mesh-size) var(--mesh-size);-webkit-mask-image:radial-gradient(ellipse 120% 90% at 50% 40%,#000 20%,transparent 78%);mask-image:radial-gradient(ellipse 120% 90% at 50% 40%,#000 20%,transparent 78%)}body:before,body:after{content:"";position:fixed;z-index:-1;pointer-events:none;border-radius:50%;will-change:transform;filter:blur(60px)}body:before{inset:-34vh -22vw auto auto;width:90vw;height:90vw;background:radial-gradient(circle at 40% 40%,#4a82ff21,#4a82ff00 56%),radial-gradient(circle at 64% 60%,#7b5bf21c,#7b5bf200 60%);animation:field-a 44s ease-in-out infinite alternate}body:after{inset:auto auto -38vh -28vw;width:84vw;height:84vw;background:radial-gradient(circle at 55% 45%,#00a8b51c,#00a8b500 58%),radial-gradient(circle at 38% 62%,#1f57e81a,#1f57e800 62%);animation:field-b 61s ease-in-out infinite alternate}@keyframes field-a{0%{transform:translateZ(0) scale(1) rotate(0)}to{transform:translate3d(-7vw,9vh,0) scale(1.14) rotate(28deg)}}@keyframes field-b{0%{transform:translateZ(0) scale(1.1) rotate(0)}to{transform:translate3d(8vw,-7vh,0) scale(1) rotate(-22deg)}}h1,h2,h3,h4{margin:0;color:var(--ink-01);font-weight:600;line-height:var(--lh-tight);letter-spacing:var(--tr-head);text-wrap:balance}h1{font-size:var(--t-xl)}h2{font-size:var(--t-lg)}h3{font-size:var(--t-md)}h4{font-size:var(--t-base)}p{margin:0}a{color:var(--signal);text-decoration-color:color-mix(in srgb,var(--signal) 35%,transparent);text-underline-offset:2px;transition:color var(--t-fast) var(--ease)}a:hover{color:var(--signal-deep)}strong,b{font-weight:600;color:var(--ink-01)}code,kbd,samp,pre{font-family:var(--mono);font-size:.92em}::selection{background:var(--signal-haze);color:var(--ink-00)}[data-numeric],.mono,output,time{font-variant-numeric:tabular-nums}button,input,select,textarea{font:inherit;letter-spacing:inherit;color:inherit;margin:0;border:0;border-radius:0;background:none}button{background:none;border:0;padding:0;cursor:pointer;-webkit-tap-highlight-color:transparent}:focus{outline:none}*{scrollbar-width:thin;scrollbar-color:var(--ink-05) transparent}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:#98a2b78c;background:color-mix(in srgb,var(--ink-05) 55%,transparent);border-radius:999px;background-clip:content-box;border:3px solid transparent}*::-webkit-scrollbar-thumb:hover{background:#5c667db3;background:color-mix(in srgb,var(--ink-04) 70%,transparent);background-clip:content-box}body{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)' opacity='0.42'/%3E%3C/svg%3E");background-repeat:repeat;background-size:140px 140px;background-blend-mode:overlay}img,svg,video{display:block;max-width:100%}[hidden]{display:none!important}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}body:before,body:after{animation:none!important}}}@layer focus{:focus-visible{outline:none;box-shadow:var(--focus-ring);position:relative;z-index:3}.input:focus-visible,.textarea:focus-visible,textarea:focus-visible,select:focus-visible{box-shadow:var(--inlay),var(--focus-ring)}.auth-brandpanel :focus-visible{box-shadow:var(--focus-ring-dark)}.scrim:focus-visible{box-shadow:inset 0 0 0 3px var(--signal-lift)}@media (prefers-reduced-motion: reduce){:focus-visible{transition:none!important}}}@layer components{.shell.site-frame{display:grid;grid-template-columns:var(--rail) minmax(0,1fr);height:100dvh;overflow:hidden;position:relative;z-index:1}.shell.site-frame>*{min-height:0}.sidebar{display:flex;flex-direction:column;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:var(--s6) var(--s4) var(--s5);gap:var(--s2);background:linear-gradient(180deg,#fffc,#ffffff9e 58%,#f0f3faa8);backdrop-filter:var(--blur-lg);-webkit-backdrop-filter:var(--blur-lg);box-shadow:inset -1px 0 #ffffffd9,inset 0 1px #ffffffe6,10px 0 40px #161e3a12;z-index:3}.sidebar nav{display:flex;flex-direction:column;gap:2px}.utility-nav{margin-top:auto;padding-top:var(--s4)}.brand{display:flex;align-items:center;gap:10px;white-space:nowrap;text-decoration:none;color:var(--ink-00);padding:var(--s2) var(--s2) var(--s5);border-radius:var(--r-control)}.brand>span:last-child{font-size:var(--t-base);font-weight:600;letter-spacing:-.028em;color:var(--ink-00)}.brand-mark{position:relative;display:block;flex-shrink:0;width:calc(var(--mark, 38px) * .62);height:calc(var(--mark, 38px) * .62);overflow:hidden}.brand-mark i{position:absolute;left:0;height:calc(var(--mark, 38px) * .055);min-height:2px;border-radius:2px;background:var(--signal);transition:width var(--t-slow) var(--ease-out)}.brand-mark i:nth-child(1){top:18%;width:100%;opacity:1}.brand-mark i:nth-child(2){top:46%;width:66%;opacity:.68}.brand-mark i:nth-child(3){top:74%;width:34%;opacity:.4}.brand:hover .brand-mark i:nth-child(2){width:88%}.brand:hover .brand-mark i:nth-child(3){width:62%}.provider-copy{padding:0 var(--s2) var(--s5)}.provider-copy h2{font-size:var(--t-md);font-weight:600;letter-spacing:-.022em;color:var(--ink-01)}.provider-copy p{margin-top:3px;font-family:var(--mono);font-size:var(--t-2xs);color:var(--ink-04);overflow-wrap:anywhere;word-break:break-word}.nav-item{display:flex;align-items:center;gap:11px;width:100%;min-height:44px;padding:0 var(--s3);border-radius:var(--r-control);background:transparent;color:var(--ink-03);font-size:var(--t-sm);font-weight:500;letter-spacing:-.008em;text-align:left;text-decoration:none;cursor:pointer;position:relative;box-sizing:border-box;transition:color var(--t-fast) var(--ease),background var(--t-mid) var(--ease),box-shadow var(--t-mid) var(--ease)}.nav-item:hover{color:var(--ink-01);background:var(--glass-02);box-shadow:var(--lift-01)}.nav-item.active{color:var(--signal-deep);background:var(--glass-04);box-shadow:var(--lift-02),inset 0 0 0 1px var(--signal-wash);font-weight:600}.nav-item.active:before{content:"";position:absolute;left:0;top:50%;width:3px;height:18px;margin-top:-9px;border-radius:0 3px 3px 0;background:var(--signal);box-shadow:0 0 10px #1f57e88c}.nav-item.active .nav-icon{color:var(--signal)}.utility-nav .nav-item{min-height:36px;font-size:var(--t-xs);color:var(--ink-04)}.utility-nav .nav-item:hover{background:transparent;box-shadow:none;color:var(--ink-02)}.nav-icon{display:grid;place-items:center;flex-shrink:0;width:19px;height:19px;line-height:1;color:var(--ink-04);transition:color var(--t-fast) var(--ease)}.nav-item:hover .nav-icon{color:var(--ink-02)}.page{min-width:0;min-height:0;overflow-y:auto;overscroll-behavior:contain;position:relative}.page-inner{max-width:var(--measure);margin-inline:auto;padding:var(--s7) var(--page-x) var(--s10)}.page-head{display:flex;flex-direction:column;gap:var(--s3);margin-bottom:var(--s7)}.page-head.spread{flex-direction:row;align-items:flex-start;flex-wrap:wrap;gap:var(--s4)}.page-head.spread>div{display:flex;flex-direction:column;gap:var(--s3)}.page-head h1{font-size:var(--t-display);font-weight:700;letter-spacing:var(--tr-display);color:var(--ink-00)}.page-head p{max-width:var(--prose);color:var(--ink-03);line-height:var(--lh)}.eyebrow{font-family:var(--mono);font-size:var(--t-2xs);font-weight:500;letter-spacing:var(--tr-label);text-transform:uppercase;color:var(--ink-04)}.dash-topbar{display:none;align-items:center;gap:var(--s3);padding:var(--s3) var(--s4);position:sticky;top:0;z-index:20;background:var(--glass-03);backdrop-filter:var(--blur-sm);-webkit-backdrop-filter:var(--blur-sm);box-shadow:0 1px #fff9,0 6px 20px #161e3a0f}.menu-button{display:grid;place-items:center;width:38px;height:38px;border-radius:var(--r-control);color:var(--ink-02);background:var(--glass-03);box-shadow:var(--lift-01);transition:box-shadow var(--t-mid) var(--ease)}.menu-button:hover{box-shadow:var(--lift-02)}.scrim{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:4;background:#121a3252;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);animation:fade-in var(--t-slow) var(--ease-out) backwards}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@media (max-width: 1180px){.shell.site-frame{grid-template-columns:84px minmax(0,1fr)}.sidebar{padding-inline:var(--s3);align-items:stretch}.sidebar .brand{justify-content:center;padding-inline:0}.sidebar .brand>span:last-child{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.provider-copy{display:none}.nav-item{justify-content:center;padding-inline:0;gap:0}.nav-item>span:not(.nav-icon){position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.nav-item.active:before{left:-12px}:root{--page-x: var(--s6)}}@media (max-width: 820px){.shell.site-frame{display:block;height:100dvh;overflow:hidden}.sidebar{position:fixed;inset:0 auto 0 0;width:min(280px,82vw);height:100dvh;padding-inline:var(--s4);transform:translate(-102%);visibility:hidden;z-index:30;transition:transform var(--t-slow) var(--ease-out),visibility 0s linear var(--t-slow);box-shadow:18px 0 60px #161e3a38}.sidebar.sidebar-open{transform:translate(0);visibility:visible;transition:transform var(--t-slow) var(--ease-out),visibility 0s}.sidebar .brand{justify-content:flex-start}.sidebar .brand>span:last-child,.nav-item>span:not(.nav-icon){position:static;width:auto;height:auto;clip-path:none}.provider-copy{display:block}.nav-item{justify-content:flex-start;padding-inline:var(--s3);gap:11px}.nav-item.active:before{left:0}.dash-topbar{display:flex}:root{--topbar-h: 62px}.scrim{display:block}.page{height:100dvh}:root{--page-x: var(--s4)}}}@layer components{.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--s2);min-height:40px;padding:0 var(--s5);border-radius:var(--r-control);font-size:var(--t-sm);font-weight:550;letter-spacing:-.008em;white-space:nowrap;cursor:pointer;position:relative;isolation:isolate;transition:transform var(--t-mid) var(--ease-out),box-shadow var(--t-mid) var(--ease),background var(--t-mid) var(--ease),color var(--t-fast) var(--ease),opacity var(--t-fast) var(--ease)}.btn:disabled,.btn[aria-disabled=true]{opacity:.42;cursor:not-allowed;transform:none!important}.btn-sm{min-height:32px;padding:0 var(--s3);font-size:var(--t-xs)}.btn-lg{min-height:48px;padding:0 var(--s6);font-size:var(--t-base)}.btn-primary{color:#fff;background:linear-gradient(180deg,var(--signal-top) 0%,var(--signal) 55%,var(--signal-deep) 100%);box-shadow:0 1px 2px #143fb04d,0 6px 18px #1f57e847,inset 0 1px #ffffff57}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 2px 4px #143fb04d,0 12px 28px #1f57e85c,inset 0 1px #fff6}.btn-primary:active:not(:disabled){transform:translateY(0);box-shadow:0 1px 2px #143fb057,inset 0 2px 5px #0a20604d}.btn-secondary{color:var(--ink-01);background:var(--glass-03);backdrop-filter:var(--blur-sm);-webkit-backdrop-filter:var(--blur-sm);box-shadow:var(--lift-01)}.btn-secondary:hover:not(:disabled){transform:translateY(-1px);background:var(--glass-04);box-shadow:var(--lift-02)}.btn-secondary:active:not(:disabled){transform:translateY(0);box-shadow:var(--inlay)}.btn-ghost{color:var(--ink-03);background:transparent}.btn-ghost:hover:not(:disabled){color:var(--ink-01);background:var(--glass-02);box-shadow:var(--lift-00)}.btn-ghost:active:not(:disabled){box-shadow:var(--inlay)}.btn-danger{color:var(--risk);background:var(--risk-wash);box-shadow:var(--lift-00)}.btn-danger:hover:not(:disabled){color:#fff;background:var(--risk);box-shadow:0 6px 18px #b5253c52,inset 0 1px #ffffff40}.field{display:block;margin-bottom:var(--s4)}.field-label{display:block;margin-bottom:7px;font-family:var(--mono);font-size:var(--t-2xs);font-weight:500;letter-spacing:var(--tr-label);text-transform:uppercase;color:var(--ink-04)}.field-hint{display:block;margin-top:6px;font-size:var(--t-xs);color:var(--ink-04);line-height:var(--lh-snug)}.input,.textarea,textarea{display:block;width:100%;padding:11px 14px;border-radius:var(--r-control);background:var(--pearl-05);color:var(--ink-01);font-size:var(--t-sm);line-height:var(--lh);box-shadow:var(--inlay);transition:box-shadow var(--t-mid) var(--ease),background var(--t-mid) var(--ease)}.textarea,textarea{min-height:108px;resize:vertical;font-family:inherit}.input::placeholder,.textarea::placeholder,textarea::placeholder{color:var(--ink-04);opacity:1}.input:hover:not(:focus),.textarea:hover:not(:focus),textarea:hover:not(:focus){background:#fff}.input:focus,.textarea:focus,textarea:focus{outline:none;background:#fff;box-shadow:var(--inlay),var(--glow-signal)}.input:focus-visible,.textarea:focus-visible,textarea:focus-visible{box-shadow:var(--inlay),var(--glow-signal)}.notice{padding:11px var(--s4);margin-bottom:var(--s4);border-radius:var(--r-control);font-size:var(--t-sm);line-height:var(--lh-snug);box-shadow:var(--lift-00)}.notice-error{background:var(--risk-wash);color:var(--risk);box-shadow:var(--lift-00),inset 3px 0 0 var(--risk)}.notice-warn{background:var(--warn-wash);color:var(--warn);box-shadow:var(--lift-00),inset 3px 0 0 var(--warn)}.notice-info{background:var(--signal-wash);color:var(--signal-deep);box-shadow:var(--lift-00),inset 3px 0 0 var(--signal)}.notice strong{color:inherit}select.input{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:34px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='7' viewBox='0 0 10 7'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%235c667d' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;cursor:pointer}.chip{display:inline-flex;align-items:center;gap:6px;padding:5px 11px;border-radius:var(--r-chip);background:var(--glass-03);color:var(--ink-03);font-size:var(--t-xs);font-weight:500;line-height:1.35;white-space:nowrap;box-shadow:var(--lift-00)}.chip-cat{background:var(--cat-wash);color:var(--cat);font-weight:550}.chip-accent{background:var(--signal-wash);color:var(--signal-deep);font-weight:550}.chip-warn{background:var(--warn-wash);color:var(--warn);font-weight:550}.chip-button{cursor:pointer;transition:box-shadow var(--t-mid) var(--ease),background var(--t-mid) var(--ease)}.chip-button:hover{background:var(--glass-04);box-shadow:var(--lift-01)}.cat-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0;background:var(--cat);box-shadow:0 0 0 2px color-mix(in srgb,var(--cat) 18%,transparent)}.pill{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:var(--r-chip);background:var(--glass-03);font-family:var(--mono);font-size:var(--t-2xs);color:var(--ink-03);box-shadow:var(--lift-00)}.card{border-radius:var(--r-panel);background:var(--glass-03);backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);box-shadow:var(--lift-01)}.card-pad{padding:var(--gutter)}.preview,.picked-list,.empty{border-radius:var(--r-card);background:var(--pearl-03);box-shadow:var(--inlay)}.empty{padding:var(--s8) var(--s6);text-align:center;color:var(--ink-04);font-size:var(--t-sm)}.detail-section{display:flex;flex-direction:column;gap:var(--s2);margin-bottom:var(--s5)}.detail-label{margin-bottom:var(--s2);font-family:var(--mono);font-size:var(--t-2xs);font-weight:500;letter-spacing:var(--tr-label);text-transform:uppercase;color:var(--ink-04)}.bullets{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:5px;color:var(--ink-03);font-size:var(--t-sm)}.bullets li::marker{color:var(--ink-05)}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:grid;place-items:center;padding:var(--s6);background:#10183057;backdrop-filter:blur(6px) saturate(1.2);-webkit-backdrop-filter:blur(6px) saturate(1.2);animation:fade-in var(--t-slow) var(--ease-out) backwards;overflow-y:auto}.modal{width:min(620px,100%);max-height:min(86dvh,900px);display:flex;flex-direction:column;border-radius:var(--r-panel);background:var(--glass-04);backdrop-filter:var(--blur-lg);-webkit-backdrop-filter:var(--blur-lg);box-shadow:var(--lift-04);animation:modal-in var(--t-slow) var(--ease-out) backwards}.modal-wide{width:min(940px,100%)}@keyframes modal-in{0%{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:none}}.modal-head{display:flex;align-items:flex-start;gap:var(--s3);padding:var(--s6) var(--s6) var(--s4);flex-shrink:0}.modal-head h2,.modal-title{font-size:var(--t-lg);font-weight:600;letter-spacing:var(--tr-head);color:var(--ink-00)}.modal-body{padding:0 var(--s6) var(--s6);overflow-y:auto;overscroll-behavior:contain;flex:1;min-height:0}.modal-foot{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s2);padding:var(--s4) var(--s6) var(--s6);flex-shrink:0;box-shadow:inset 0 1px #fffc}.toast{position:fixed;left:var(--s4);right:var(--s4);bottom:var(--s7);margin-inline:auto;width:fit-content;max-width:min(440px,calc(100vw - 2 * var(--s4)));z-index:80;padding:11px var(--s5);border-radius:var(--r-chip);background:#0e1426f0;backdrop-filter:var(--blur-sm);-webkit-backdrop-filter:var(--blur-sm);color:#fff;font-size:var(--t-sm);font-weight:500;box-shadow:0 12px 34px #0e142657,inset 0 1px #ffffff24;animation:toast-in var(--t-slow) var(--ease-spring) backwards}@keyframes toast-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.spinner{width:14px;height:14px;flex-shrink:0;border-radius:50%;background:conic-gradient(from 0deg,transparent 0deg,currentColor 300deg);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 2px),#000 0);mask:radial-gradient(farthest-side,transparent calc(100% - 2px),#000 0);color:#ffffffe6;animation:spin .64s linear infinite}.spinner-dark{color:var(--ink-03)}@keyframes spin{to{transform:rotate(1turn)}}@media (prefers-reduced-motion: reduce){.spinner{animation-duration:1.8s!important;animation-iteration-count:infinite!important}}.skeleton{position:relative;overflow:hidden;border-radius:var(--r-card);background:var(--pearl-03);box-shadow:var(--inlay)}.skeleton:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;transform:translate(-100%);background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.72) 50%,transparent 100%);animation:sweep 1.5s var(--ease) infinite}@keyframes sweep{to{transform:translate(100%)}}.stack{display:flex;flex-direction:column}.row{display:flex;align-items:center}.spread{display:flex;align-items:center;justify-content:space-between;gap:var(--s3)}.wrap{flex-wrap:wrap}.gap-6{gap:6px}.gap-8{gap:var(--s2)}.gap-12{gap:var(--s3)}.gap-14,.gap-16{gap:var(--s4)}.gap-24{gap:var(--s6)}.small{font-size:var(--t-xs)}.muted{color:var(--ink-03)}.faint{color:var(--ink-04)}.mono{font-family:var(--mono);font-variant-numeric:tabular-nums}.rise{animation:rise var(--t-slow) var(--ease-out) backwards}@keyframes rise{0%{opacity:0;transform:translateY(10px);filter:blur(6px)}to{opacity:1;transform:none;filter:blur(0)}}.stagger>*{animation:rise var(--t-slow) var(--ease-out) backwards}.stagger>*:nth-child(1){animation-delay:0ms}.stagger>*:nth-child(2){animation-delay:40ms}.stagger>*:nth-child(3){animation-delay:80ms}.stagger>*:nth-child(4){animation-delay:.12s}.stagger>*:nth-child(5){animation-delay:.16s}.stagger>*:nth-child(6){animation-delay:.2s}.stagger>*:nth-child(7){animation-delay:.23s}.stagger>*:nth-child(8){animation-delay:.26s}.stagger>*:nth-child(n+9){animation-delay:.29s}@media (prefers-reduced-motion: reduce){.rise,.stagger>*{animation:none}}}@layer components{.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(244px,1fr));gap:var(--gutter)}.tile{position:relative;display:flex;flex-direction:column;min-height:172px;padding:var(--gutter);border-radius:var(--r-card);background:var(--glass-03);backdrop-filter:var(--blur-sm);-webkit-backdrop-filter:var(--blur-sm);box-shadow:var(--lift-01),inset 3px 0 0 var(--cat);text-align:left;width:100%;transition:transform var(--t-mid) var(--ease-out),box-shadow var(--t-mid) var(--ease),background var(--t-mid) var(--ease)}[role=button].tile,button.tile{cursor:pointer}[role=button].tile:hover,button.tile:hover{transform:translateY(-2px);background:var(--glass-04);box-shadow:var(--lift-02),inset 3px 0 0 var(--cat)}[role=button].tile:active,button.tile:active{transform:translateY(0)}.tile:focus-visible{box-shadow:var(--lift-02),inset 3px 0 0 var(--cat),var(--glow-signal)}.tile.is-selected,[role=button].tile.is-selected:hover{background:var(--glass-04);box-shadow:var(--lift-02),inset 3px 0 0 var(--cat),0 0 0 2px var(--cat),0 0 0 6px var(--cat-wash)}.tile-title{font-size:var(--t-md);font-weight:600;line-height:1.28;letter-spacing:var(--tr-head);color:var(--ink-00);margin-bottom:var(--s2)}.tile-desc{flex:1;font-size:var(--t-sm);line-height:var(--lh);color:var(--ink-03);display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.tile-foot{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:var(--stack);padding-top:var(--s3);box-shadow:inset 0 1px #161e3a12}.family-head{display:flex;align-items:baseline;gap:var(--s3);margin-bottom:var(--stack);padding-bottom:var(--s3);box-shadow:inset 0 -1px #161e3a0f}.family-head .cat-dot{align-self:center}.family-head h2{font-size:var(--t-lg);font-weight:600;letter-spacing:var(--tr-head);color:var(--cat)}.cat-legend{display:flex;flex-wrap:wrap;gap:var(--s2);margin-bottom:var(--s7)}.legend-item{display:inline-flex;align-items:center;gap:7px;padding:6px 13px;border-radius:var(--r-chip);background:var(--glass-02);color:var(--ink-03);font-size:var(--t-xs);font-weight:500;cursor:pointer;box-shadow:var(--lift-00);transition:background var(--t-mid) var(--ease),box-shadow var(--t-mid) var(--ease),color var(--t-fast) var(--ease)}.legend-item{background:var(--cat-wash);color:var(--cat)}.legend-item:hover{box-shadow:var(--lift-01)}.legend-item.off{background:var(--glass-02);color:var(--ink-04);box-shadow:var(--inlay)}.legend-item.off .cat-dot{background:var(--ink-05);box-shadow:none}.seg{display:inline-flex;align-items:center;gap:2px;padding:3px;border-radius:var(--r-control);background:var(--pearl-03);box-shadow:var(--inlay)}.seg button{position:relative;isolation:isolate;display:inline-flex;align-items:center;gap:6px;padding:7px 13px;border-radius:7px;color:var(--ink-03);font-size:var(--t-xs);font-weight:500;white-space:nowrap;cursor:pointer;transition:color var(--t-mid) var(--ease)}.seg button:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;border-radius:inherit;opacity:0;background:linear-gradient(180deg,var(--signal-top),var(--signal));box-shadow:0 2px 8px #1f57e84d,inset 0 1px #ffffff4d;transition:opacity var(--t-mid) var(--ease)}.seg button:hover:not(:disabled){color:var(--ink-01)}.seg button:disabled{opacity:.4;cursor:not-allowed}.seg button.on{color:#fff}.seg button.on:before{opacity:1}.seg-count{font-family:var(--mono);font-size:var(--t-2xs);color:var(--ink-04);font-variant-numeric:tabular-nums}.seg button.on .seg-count{color:#ffffffdb}.kind-bar{display:flex;flex-wrap:wrap;gap:var(--s2);margin-bottom:var(--s7)}.kind-chip{display:inline-flex;align-items:center;gap:7px;padding:6px 13px;border-radius:var(--r-chip);background:var(--glass-02);color:var(--ink-03);font-size:var(--t-xs);font-weight:500;cursor:pointer;box-shadow:var(--lift-00);transition:background var(--t-mid) var(--ease),box-shadow var(--t-mid) var(--ease),color var(--t-fast) var(--ease)}.kind-chip:hover{background:var(--glass-04);box-shadow:var(--lift-01)}.kind-chip.on{background:var(--signal-wash);color:var(--signal-deep);box-shadow:var(--lift-01),inset 0 0 0 1px var(--signal-haze)}.kind-count{font-family:var(--mono);font-size:var(--t-2xs);color:var(--ink-04);font-variant-numeric:tabular-nums}.toolbar-sticky{position:sticky;top:var(--topbar-h);z-index:10;margin-bottom:var(--s7);padding:var(--s3) 0;background:#e8ecf4d1;background:color-mix(in srgb,var(--pearl-02) 82%,transparent);backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur)}.toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s3)}.toolbar>.input{width:auto;flex:1 1 220px;min-width:0}.toolbar>select.input{flex:0 1 220px}.blocks{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:var(--s3)}.block{display:flex;align-items:center;gap:var(--s2);padding:var(--s3) var(--s4);border-radius:var(--r-control);background:var(--glass-02);color:var(--ink-02);font-size:var(--t-sm);text-align:left;cursor:pointer;box-shadow:var(--lift-00);transition:transform var(--t-mid) var(--ease-out),box-shadow var(--t-mid) var(--ease),background var(--t-mid) var(--ease)}.block:hover:not(:disabled){transform:translateY(-1px);background:var(--glass-04);box-shadow:var(--lift-01),inset 2px 0 0 var(--cat)}.block-picked,.block-picked:disabled{opacity:1;cursor:default;background:var(--cat-wash);color:var(--cat);box-shadow:var(--lift-00),inset 2px 0 0 var(--cat)}.picked-list{display:flex;flex-direction:column;gap:6px;padding:var(--s3)}.picked-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s2);padding:8px 11px;border-radius:9px;background:var(--glass-03);font-size:var(--t-sm);box-shadow:var(--lift-00)}.history-row{display:flex;align-items:center;gap:var(--s3);padding:11px var(--s4);border-radius:var(--r-control);background:var(--glass-02);font-size:var(--t-sm);box-shadow:var(--lift-00)}.score{display:flex;align-items:center;gap:var(--s3)}.score-ring{position:relative;width:52px;height:52px;flex-shrink:0;border-radius:50%;background:conic-gradient(var(--score-color, var(--signal)) calc(var(--score, 0) * 1%),rgba(22,30,58,.08) 0);display:grid;place-items:center;box-shadow:var(--lift-00)}.score-ring:after{content:"";position:absolute;top:5px;right:5px;bottom:5px;left:5px;border-radius:50%;background:var(--pearl-05);box-shadow:var(--inlay)}.score-ring>*{position:relative;z-index:1;font-family:var(--mono);font-size:var(--t-sm);font-weight:500;color:var(--ink-01);font-variant-numeric:tabular-nums}@media (max-width: 820px){.grid,.blocks{grid-template-columns:1fr}.picked-row{align-items:flex-start}.picked-row>.small{min-width:0}}}@layer components{.create-hero{max-width:760px;margin:clamp(var(--s7),7vh,var(--s10)) auto 0;padding:0 var(--s4) var(--s9);text-align:center}.create-hero h1{font-size:var(--t-display);font-weight:700;letter-spacing:var(--tr-display);color:var(--ink-00)}.create-hero-sub{max-width:56ch;margin:var(--s3) auto 0;color:var(--ink-03);line-height:var(--lh)}.composer{position:relative;margin-top:var(--s7);text-align:left;border-radius:var(--r-panel);background:var(--glass-04);backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);box-shadow:var(--lift-02);transition:box-shadow var(--t-slow) var(--ease)}.composer:focus-within{box-shadow:var(--lift-03),0 0 0 3px var(--signal-wash)}.composer textarea{background:transparent;box-shadow:none;min-height:128px;padding:var(--s5) var(--s5) var(--s2);font-size:var(--t-base);resize:none}.composer textarea:focus,.composer textarea:hover:not(:focus){background:transparent;box-shadow:none}.composer-foot{display:flex;align-items:center;justify-content:space-between;gap:var(--s3);padding:var(--s3) var(--s5) var(--s4)}.composer-glow{position:absolute;top:-18%;right:-8%;bottom:-32%;left:-8%;z-index:-1;pointer-events:none;border-radius:50%;background:radial-gradient(ellipse at 50% 40%,rgba(31,87,232,.16) 0%,rgba(123,91,242,.09) 42%,transparent 72%);filter:blur(28px);opacity:.85;animation:aura 9s var(--ease) infinite alternate}@keyframes aura{0%{transform:scale(1) translateY(0);opacity:.68}to{transform:scale(1.09) translateY(-5px);opacity:.95}}.starters{display:grid;grid-template-columns:repeat(auto-fit,minmax(232px,1fr));gap:var(--s3);margin-top:var(--s6);text-align:left}.starter{padding:var(--s3) var(--s4);border-radius:var(--r-control);background:var(--glass-02);color:var(--ink-03);font-size:var(--t-sm);line-height:var(--lh-snug);text-align:left;cursor:pointer;box-shadow:var(--lift-00);transition:transform var(--t-mid) var(--ease-out),box-shadow var(--t-mid) var(--ease),background var(--t-mid) var(--ease),color var(--t-fast) var(--ease)}.starter:hover{transform:translateY(-2px);background:var(--glass-04);color:var(--ink-01);box-shadow:var(--lift-02)}.hero-stats{display:flex;justify-content:center;flex-wrap:wrap;gap:var(--s7);margin-top:var(--s8)}.hero-stat{display:inline-flex;align-items:baseline;gap:7px;font-family:var(--mono);font-size:var(--t-2xs);letter-spacing:var(--tr-label);text-transform:uppercase;color:var(--ink-04)}.hero-stat .cat-dot{align-self:center}.hero-stat strong{font-family:var(--sans);font-size:var(--t-lg);font-weight:600;letter-spacing:-.03em;text-transform:none;color:var(--ink-00);font-variant-numeric:tabular-nums}.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(212px,1fr));gap:var(--s4);margin-top:var(--s8);text-align:left}.step{display:flex;flex-direction:column;gap:6px;padding:var(--s5);border-radius:var(--r-card);background:var(--glass-02);box-shadow:var(--lift-01)}.step-num{display:grid;place-items:center;width:24px;height:24px;border-radius:7px;font-family:var(--mono);font-size:var(--t-2xs);font-weight:500;color:#fff;background:var(--signal);box-shadow:0 2px 8px #1f57e852,inset 0 1px #ffffff4d}.step:nth-child(2) .step-num{background:var(--iris);box-shadow:0 2px 8px #7b5bf252,inset 0 1px #ffffff4d}.step:nth-child(3) .step-num{background:var(--live-deep);box-shadow:0 2px 8px #00879a52,inset 0 1px #ffffff4d}.step-title{font-size:var(--t-sm);font-weight:600;color:var(--ink-01)}.step-desc{font-size:var(--t-xs);color:var(--ink-04);line-height:var(--lh-snug)}.choice-grid{display:grid;gap:var(--s3)}.choice{position:relative;display:flex;flex-direction:column;gap:6px;padding:var(--s5);border-radius:var(--r-card);background:var(--glass-03);text-align:left;cursor:pointer;box-shadow:var(--lift-01),inset 3px 0 0 var(--cat);transition:transform var(--t-mid) var(--ease-out),box-shadow var(--t-mid) var(--ease),background var(--t-mid) var(--ease)}.choice:hover{transform:translateY(-2px);background:var(--glass-04);box-shadow:var(--lift-02),inset 3px 0 0 var(--cat)}.choice-title{display:flex;align-items:center;gap:var(--s2);font-size:var(--t-md);font-weight:600;letter-spacing:var(--tr-head);color:var(--ink-00)}.choice-body{display:flex;flex-direction:column;gap:6px;font-size:var(--t-sm);color:var(--ink-03);line-height:var(--lh)}.choice-reason{font-size:var(--t-sm);color:var(--ink-02)}.choice-structure{display:flex;flex-wrap:wrap;gap:6px;font-family:var(--mono);font-size:var(--t-2xs);color:var(--ink-04);letter-spacing:.02em}.choice-rank{display:inline-grid;place-items:center;padding:3px 9px;border-radius:var(--r-chip);background:var(--cat-wash);color:var(--cat);font-family:var(--mono);font-size:var(--t-2xs);font-weight:500;letter-spacing:var(--tr-label);text-transform:uppercase}.flow-head{margin-bottom:var(--s5)}.stream-head{position:sticky;top:var(--topbar-h);z-index:10;padding:var(--s3) 0;background:#e8ecf4d6;background:color-mix(in srgb,var(--pearl-02) 84%,transparent);backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur)}.result-head{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--s3)}.stage-rail{display:flex;align-items:center;gap:var(--s2);padding:var(--s3) var(--s4);border-radius:var(--r-chip);background:var(--glass-03);box-shadow:var(--lift-01)}.stage-dot{width:7px;height:7px;border-radius:50%;background:var(--ink-05);transition:background var(--t-mid) var(--ease),box-shadow var(--t-mid) var(--ease)}.stage-dot.on{background:var(--live);box-shadow:0 0 0 3px var(--live-wash);animation:pulse 1.6s var(--ease) infinite}@keyframes pulse{0%,to{box-shadow:0 0 0 3px var(--live-wash)}50%{box-shadow:0 0 0 6px #00879a0f}}.section-card{position:relative;margin-bottom:var(--s4);border-radius:var(--r-card);background:var(--glass-03);box-shadow:var(--lift-01);transition:box-shadow var(--t-slow) var(--ease-out),opacity var(--t-slow) var(--ease),background var(--t-slow) var(--ease),transform var(--t-slow) var(--ease-out)}.section-card.is-writing{background:var(--glass-04);box-shadow:var(--lift-02),0 0 0 3px var(--cat-wash)}.section-card.is-pending{opacity:.72;box-shadow:var(--lift-00);transform:scale(.995)}.section-card.is-writing:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;background:linear-gradient(180deg,transparent 0%,color-mix(in srgb,var(--cat) 9%,transparent) 45%,transparent 100%);background-size:100% 220%;animation:scan 2.4s var(--ease) infinite}@keyframes scan{0%{background-position:0 -110%}to{background-position:0 210%}}.section-head{display:flex;align-items:center;gap:var(--s3);padding:var(--s4) var(--s5);box-shadow:inset 0 -1px #161e3a0f}.section-index{display:grid;place-items:center;width:22px;height:22px;flex-shrink:0;border-radius:6px;background:var(--cat-wash);color:var(--cat);font-family:var(--mono);font-size:var(--t-2xs);font-weight:500;font-variant-numeric:tabular-nums}.section-name{font-size:var(--t-sm);font-weight:600;letter-spacing:var(--tr-body);color:var(--ink-01)}.section-guide{max-width:52%;margin-left:auto;font-size:var(--t-xs);color:var(--ink-04);text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.section-body{padding:var(--s4) var(--s5) var(--s5)}.section-body textarea{min-height:96px;font-size:var(--t-sm);line-height:var(--lh-loose)}.streaming-text{padding:var(--s4) var(--s5) var(--s5);font-size:var(--t-sm);line-height:var(--lh-loose);color:var(--ink-02);white-space:pre-wrap;word-break:break-word}.caret{display:inline-block;width:2px;height:1.05em;margin-left:1px;vertical-align:text-bottom;background:var(--cat);box-shadow:0 0 8px var(--cat);animation:blink 1s step-end infinite}@keyframes blink{50%{opacity:0}}.thinking{display:inline-flex;align-items:center;gap:7px;font-family:var(--mono);font-size:var(--t-2xs);letter-spacing:var(--tr-label);text-transform:uppercase;color:var(--ink-04)}.progress-track{height:3px;border-radius:999px;background:#161e3a17;overflow:hidden}.progress-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--signal),var(--iris));box-shadow:0 0 10px #1f57e880;transition:width var(--t-deliberate) var(--ease-out)}.result-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:var(--gutter);align-items:start}.side-pane{position:sticky;top:var(--s5);max-height:calc(100dvh - var(--s9));overflow-y:auto;overscroll-behavior:contain;display:flex;flex-direction:column;gap:var(--s4)}.preview{padding:var(--s4);max-height:420px;overflow-y:auto;overscroll-behavior:contain;font-family:var(--mono);font-size:var(--t-xs);line-height:var(--lh-loose);color:var(--ink-02);white-space:pre-wrap;word-break:break-word}.draft-banner{display:flex;align-items:center;gap:var(--s3);padding:var(--s3) var(--s4);margin-bottom:var(--s4);border-radius:var(--r-control);background:var(--warn-wash);color:var(--warn);font-size:var(--t-sm);text-align:left;box-shadow:var(--lift-00)}.advice{display:flex;align-items:flex-start;gap:11px;padding:var(--s4);border-radius:var(--r-card);background:var(--glass-02);box-shadow:var(--lift-00);transition:box-shadow var(--t-mid) var(--ease),background var(--t-mid) var(--ease)}.advice:hover{background:var(--glass-04);box-shadow:var(--lift-01)}.advice-icon{display:grid;place-items:center;width:22px;height:22px;flex-shrink:0;border-radius:6px;background:var(--signal-wash);color:var(--signal);font-size:var(--t-xs)}.advice-warning{box-shadow:var(--lift-00),inset 3px 0 0 var(--warn)}.advice-strength{box-shadow:var(--lift-00),inset 3px 0 0 var(--ok)}.advice-warning .advice-icon{background:var(--warn-wash);color:var(--warn)}.advice-strength .advice-icon{background:var(--ok-wash);color:var(--ok)}.advice-title{font-size:var(--t-sm);font-weight:600;color:var(--ink-01)}.advice-detail{margin-top:3px;font-size:var(--t-xs);color:var(--ink-03);line-height:var(--lh-snug)}.applied-note{display:block;padding:var(--s3) var(--s4);border-radius:var(--r-control);background:var(--ok-wash);font-size:var(--t-xs);line-height:var(--lh-snug);color:var(--ok)}.applied-note strong{color:var(--ok)}.varfill{display:flex;flex-direction:column;gap:var(--s3)}.varfill-row{display:grid;grid-template-columns:minmax(0,190px) minmax(0,1fr);gap:var(--s3);align-items:start}.varfill-name{display:block;padding-top:10px;font-size:var(--t-sm);font-weight:550;color:var(--ink-01)}.varfill-desc{margin-top:2px;font-size:var(--t-xs);font-weight:400;color:var(--ink-04);line-height:var(--lh-snug)}.var-token{flex-shrink:0;font-family:var(--mono);font-size:var(--t-xs);color:var(--signal-deep)}.filled-hit,.unfilled-hit{background:transparent;color:inherit;padding:0;border-radius:2px}.filled-hit{color:var(--ok);font-weight:550}.unfilled-hit{color:var(--warn);font-weight:550;box-shadow:inset 0 -2px 0 var(--warn)}.testrun{display:flex;flex-direction:column;gap:var(--s3)}.testrun-output{max-height:340px;overflow-y:auto;overscroll-behavior:contain;padding:var(--s4);border-radius:var(--r-card);background:var(--pearl-03);box-shadow:var(--inlay);font-family:var(--mono);font-size:var(--t-xs);line-height:var(--lh-loose);color:var(--ink-02);white-space:pre-wrap;word-break:break-word}.auth{display:grid;place-items:center;min-height:100dvh;padding:var(--s6)}.auth-split{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);grid-template-rows:minmax(0,1fr);gap:var(--s6);min-height:100dvh;padding:var(--s3)}.auth-brandpanel{position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:center;gap:var(--s6);padding:var(--s10) var(--s9);border-radius:var(--r-frame);background:radial-gradient(ellipse at 18% 12%,rgba(74,130,255,.32) 0%,transparent 52%),radial-gradient(ellipse at 88% 84%,rgba(123,91,242,.3) 0%,transparent 55%),linear-gradient(158deg,#131c3a,#0a1026 60%,#070b1c);color:#ffffffdb;box-shadow:var(--lift-03)}.auth-brandpanel:after{content:"";position:absolute;top:-20%;right:-20%;bottom:-20%;left:-20%;pointer-events:none;background:radial-gradient(circle at 50% 50%,rgba(0,168,181,.2) 0%,transparent 58%);animation:aura 14s var(--ease) infinite alternate}.auth-brandpanel>*{position:relative;z-index:1}.auth-brandpanel .brand,.auth-brandpanel .brand>span:last-child{color:#fff}.auth-brandpanel .brand-mark i{background:#ffffffeb}.auth-headline{font-size:clamp(30px,3.4vw,46px);font-weight:700;letter-spacing:var(--tr-display);line-height:1.08;color:#fff}.auth-headline em{font-style:normal;background:linear-gradient(96deg,var(--signal-lift),#8ea8ff 45%,#b79bff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.auth-sub{max-width:46ch;color:#ffffffad;line-height:var(--lh)}.auth-points{display:flex;flex-direction:column;gap:var(--s4)}.auth-point{display:flex;align-items:flex-start;gap:11px;font-size:var(--t-sm);line-height:var(--lh-snug);color:#fff9}.auth-point strong{color:#fff;font-weight:600}.auth-formside{display:grid;place-items:center;padding:var(--s6)}.auth-card{width:min(396px,100%)}.auth-panel{background:none;box-shadow:none;padding:0}.auth-brand{display:flex;align-items:center;gap:10px}@media (max-width: 1080px){.result-grid{grid-template-columns:minmax(0,1fr)}.side-pane{position:static;max-height:none}}@media (max-width: 900px){.auth-split{grid-template-columns:minmax(0,1fr);min-height:0}.auth-brandpanel{display:none}.auth-formside{min-height:100dvh}}@media (max-width: 820px){.section-guide{display:none}.varfill-row{grid-template-columns:minmax(0,1fr);gap:6px}.varfill-name{padding-top:0}.hero-stats{gap:var(--s6)}}}@layer components{.tile,.card,.choice,.step,.composer,.modal,.stage-rail,.section-card,.starter,.advice,.menu-button{box-shadow:var(--lift-01),var(--rim)}.tile,.choice{box-shadow:var(--lift-01),var(--rim),inset 3px 0 0 var(--cat)}.composer{box-shadow:var(--lift-02),var(--rim)}.modal{box-shadow:var(--lift-04),var(--rim)}.card{box-shadow:var(--lift-01),var(--rim)}[role=button].tile:hover,button.tile:hover,.choice:hover{box-shadow:var(--lift-02),var(--rim),inset 3px 0 0 var(--cat)}.starter:hover{box-shadow:var(--lift-02),var(--rim)}.composer:focus-within{box-shadow:var(--lift-03),var(--rim),0 0 0 3px var(--signal-wash)}.section-card.is-writing{box-shadow:var(--lift-02),var(--rim),0 0 0 3px var(--cat-wash)}.tile:after,.composer:after,.modal:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;border-radius:inherit;background-image:linear-gradient(to right,var(--tick) 0 9px,transparent 9px),linear-gradient(to bottom,var(--tick) 0 9px,transparent 9px),linear-gradient(to left,var(--tick) 0 9px,transparent 9px),linear-gradient(to bottom,var(--tick) 0 9px,transparent 9px);background-repeat:no-repeat;background-size:100% 1px,1px 100%,100% 1px,1px 100%;background-position:10px 10px,10px 10px,calc(100% - 10px) 10px,10px calc(100% - 10px);opacity:0;transition:opacity var(--t-slow) var(--ease)}.tile:hover:after,.tile:focus-within:after,.composer:focus-within:after,.modal:after{opacity:1}.composer,.modal{position:relative}.tile,.choice,.starter,.step{position:relative;isolation:isolate}.tile:before,.choice:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;border-radius:inherit;pointer-events:none;background:radial-gradient(420px circle at var(--mx, 50%) var(--my, 0%),rgba(255,255,255,.75) 0%,rgba(255,255,255,.16) 34%,transparent 66%);opacity:0;transition:opacity var(--t-slow) var(--ease)}.tile:hover:before,.choice:hover:before{opacity:1}.tele{display:inline-flex;align-items:center;gap:7px;font-family:var(--mono);font-size:var(--t-2xs);letter-spacing:var(--tr-label);text-transform:uppercase;color:var(--ink-04);font-variant-numeric:tabular-nums}.readout{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s5);margin-top:var(--s4);padding-top:var(--s3);box-shadow:inset 0 1px #161e3a14}.tele-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0;background:var(--live);box-shadow:0 0 0 3px var(--live-wash)}.tele-dot.is-live{animation:tele-pulse 2s var(--ease) infinite}@keyframes tele-pulse{0%,to{box-shadow:0 0 0 3px var(--live-wash);opacity:1}50%{box-shadow:0 0 0 7px #00879a0d;opacity:.72}}.tile-code{position:absolute;top:var(--gutter);right:var(--gutter);font-family:var(--mono);font-size:var(--t-2xs);letter-spacing:.08em;color:var(--ink-04);font-variant-numeric:tabular-nums;pointer-events:none;transition:color var(--t-mid) var(--ease)}.tile:hover .tile-code{color:var(--cat)}.tile-struct{display:flex;flex-wrap:wrap;gap:4px;margin:var(--s3) 0 0;padding:0;list-style:none;counter-reset:sect}.tile-struct li{counter-increment:sect;display:inline-flex;align-items:center;gap:5px;padding:3px 8px;border-radius:5px;background:#ffffff8c;box-shadow:inset 0 0 0 1px #ffffffb3;font-size:var(--t-2xs);line-height:1.4;color:var(--ink-03);white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}.tile-struct li:before{content:counter(sect,decimal-leading-zero);font-family:var(--mono);font-size:9.5px;letter-spacing:.04em;color:var(--cat);opacity:.85;font-variant-numeric:tabular-nums}.tile-struct li.is-more{font-family:var(--mono);color:var(--ink-04);background:transparent;box-shadow:none}.tile-struct li.is-more:before{content:none}@keyframes sweep-x{0%{transform:translate(-100%)}to{transform:translate(100%)}}.is-working{position:relative;overflow:hidden}.is-working:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(100deg,transparent 0%,rgba(255,255,255,.55) 46%,rgba(74,130,255,.14) 54%,transparent 100%);animation:sweep-x 1.9s var(--ease) infinite}@media (prefers-reduced-motion: reduce){.tele-dot.is-live,.is-working:after{animation:none}.tile:before,.choice:before,.tile:after,.composer:after{transition:none}}}