.ld{--ld-bg: #04050a;--ld-bg-rgb: 4, 5, 10;--ld-fg: #f5f7ff;--ld-strong: #ffffff;--ld-dim: #b8c0d6;--ld-faint: #9aa3bd;--ld-kicker: #a9dcff;--ld-focus: #8fdcff;--ld-title-grad: linear-gradient(95deg, #8fdcff 0%, #9b8cff 55%, #d9a8ff 100%);--ld-hover-bg: rgba(255, 255, 255, .06);--ld-btn-bg: #f5f7ff;--ld-btn-fg: #05060a;--ld-btn-glow: rgba(143, 220, 255, .18);--ld-btn-glow-hot: rgba(143, 220, 255, .32);--ld-ghost-bg: rgba(255, 255, 255, .04);--ld-ghost-bg-hot: rgba(255, 255, 255, .08);--ld-ghost-line: rgba(255, 255, 255, .18);--ld-ghost-line-hot: rgba(255, 255, 255, .4);--ld-card-bg: rgba(9, 12, 22, .66);--ld-card-bg-hot: rgba(12, 16, 30, .78);--ld-card-line: rgba(255, 255, 255, .09);--ld-card-shadow: rgba(0, 0, 0, .45);--ld-accent-ink: #ffffff;--ld-accent-mix: 70%;position:fixed;top:0;right:0;bottom:0;left:0;overflow-y:auto;overflow-x:hidden;background:var(--ld-bg);color:var(--ld-fg);font-family:var(--font-ui);color-scheme:dark}.ld[data-theme=light]{--ld-bg: #eef2f8;--ld-bg-rgb: 238, 242, 248;--ld-fg: #0b1020;--ld-strong: #05070f;--ld-dim: #3e4a63;--ld-faint: #4f5b74;--ld-kicker: #0369a1;--ld-focus: #1d4ed8;--ld-title-grad: linear-gradient(95deg, #0369a1 0%, #4338ca 55%, #7e22ce 100%);--ld-hover-bg: rgba(15, 23, 42, .06);--ld-btn-bg: #0b1020;--ld-btn-fg: #ffffff;--ld-btn-glow: rgba(15, 23, 42, .18);--ld-btn-glow-hot: rgba(15, 23, 42, .28);--ld-ghost-bg: rgba(255, 255, 255, .7);--ld-ghost-bg-hot: rgba(255, 255, 255, .95);--ld-ghost-line: rgba(15, 23, 42, .18);--ld-ghost-line-hot: rgba(15, 23, 42, .38);--ld-card-bg: rgba(255, 255, 255, .78);--ld-card-bg-hot: rgba(255, 255, 255, .94);--ld-card-line: rgba(15, 23, 42, .1);--ld-card-shadow: rgba(15, 23, 42, .14);--ld-accent-ink: #000000;--ld-accent-mix: 55%;color-scheme:light}.ld-stage{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0}.ld-stage canvas{width:100%!important;height:100%!important;display:block}.ld-vignette{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:linear-gradient(to bottom,rgba(var(--ld-bg-rgb),.78),rgba(var(--ld-bg-rgb),0) 34%),linear-gradient(to top,rgba(var(--ld-bg-rgb),.92),rgba(var(--ld-bg-rgb),0) 30%),radial-gradient(ellipse at 50% 55%,rgba(var(--ld-bg-rgb),0) 45%,rgba(var(--ld-bg-rgb),.7))}.ld-nav{position:sticky;top:0;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px clamp(18px,4vw,48px);border-bottom:1px solid transparent;transition:background .25s ease,border-color .25s ease}.ld-nav.is-scrolled{background:rgba(var(--ld-bg-rgb),.8);border-bottom-color:var(--ld-card-line);-webkit-backdrop-filter:blur(16px) saturate(140%);backdrop-filter:blur(16px) saturate(140%)}.ld-brand{display:inline-flex;align-items:center;gap:10px;color:var(--ld-fg);text-decoration:none;font-family:var(--font-display);font-weight:600;font-size:1.1rem;letter-spacing:.01em;border-radius:12px;padding:4px 8px 4px 0}.ld-nav nav{display:flex;align-items:center;gap:4px}.ld-nav nav button,.ld-nav nav a{background:none;border:0;cursor:pointer;text-decoration:none;color:var(--ld-dim);font:500 .95rem var(--font-ui);padding:9px 14px;border-radius:10px}.ld-nav nav button:hover,.ld-nav nav a:hover{color:var(--ld-strong);background:var(--ld-hover-bg)}.ld-nav nav .ld-theme{display:inline-grid;place-items:center;width:40px;height:40px;padding:0;margin-left:6px;border:1px solid var(--ld-ghost-line)}.ld-nav nav .ld-theme:hover{border-color:var(--ld-ghost-line-hot)}.ld-theme svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.pl-mark{display:block;flex:none;width:auto;height:44px;pointer-events:none;transition:transform .35s ease,filter .35s ease}.ld-brand:hover .pl-mark,.ld-brand:focus-visible .pl-mark{transform:scale(1.08)}.ld-brand:hover .pl-mark[data-theme=dark],.ld-brand:focus-visible .pl-mark[data-theme=dark]{filter:drop-shadow(0 0 8px rgba(94,240,255,.45))}.ld-main{position:relative;z-index:2;pointer-events:none;min-height:calc(100vh - 140px);display:flex;flex-direction:column;align-items:center;text-align:center;padding:clamp(28px,7vh,72px) clamp(18px,4vw,48px) 0}.ld-main>*{pointer-events:auto}.ld-kicker{margin:0;font-family:var(--font-mono);font-size:.8rem;letter-spacing:.18em;text-transform:uppercase;color:var(--ld-kicker)}.ld-title{margin:18px 0 0;font-family:var(--font-display);font-weight:600;font-size:clamp(2.5rem,5.6vw,4.6rem);line-height:1.02;letter-spacing:-.035em;color:var(--ld-fg)}.ld-title span{background:var(--ld-title-grad);-webkit-background-clip:text;background-clip:text;color:transparent}.ld-lead{margin:20px 0 0;max-width:640px;font-size:clamp(1rem,1.25vw,1.15rem);line-height:1.65;color:var(--ld-dim)}.ld-cta{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:30px}.ld-btn{display:inline-flex;align-items:center;gap:10px;cursor:pointer;padding:13px 22px;border-radius:12px;font:600 1rem var(--font-ui);letter-spacing:.005em;transition:transform .2s ease,box-shadow .2s ease,background .2s ease,border-color .2s ease}.ld-btn-primary{background:var(--ld-btn-bg);color:var(--ld-btn-fg);border:1px solid var(--ld-btn-bg);box-shadow:0 10px 36px var(--ld-btn-glow)}.ld-btn-primary:hover{transform:translateY(-1px);box-shadow:0 14px 44px var(--ld-btn-glow-hot)}.ld-btn-ghost{background:var(--ld-ghost-bg);color:var(--ld-fg);border:1px solid var(--ld-ghost-line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.ld-btn-ghost:hover{border-color:var(--ld-ghost-line-hot);background:var(--ld-ghost-bg-hot)}.ld-projects{margin-top:auto;padding:clamp(170px,27vh,320px) 0 24px;width:100%;max-width:1120px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;text-align:left}.ld-card{position:relative;display:flex;flex-direction:column;gap:14px;cursor:pointer;padding:20px;border-radius:18px;text-align:left;color:inherit;font:inherit;background:var(--ld-card-bg);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--ld-card-line);transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease,background .25s ease;--c-ink: color-mix(in srgb, var(--c) var(--ld-accent-mix), var(--ld-accent-ink))}.ld-card:hover:not(:disabled),.ld-card.is-hot:not(:disabled){transform:translateY(-3px);border-color:color-mix(in srgb,var(--c) 60%,transparent);box-shadow:0 18px 48px var(--ld-card-shadow),0 0 0 1px color-mix(in srgb,var(--c) 25%,transparent),0 0 42px color-mix(in srgb,var(--c) 18%,transparent);background:var(--ld-card-bg-hot)}.ld-card:disabled{cursor:default;opacity:.72}.ld-card-icon{width:40px;height:40px;display:grid;place-items:center;border-radius:11px;border:1px solid color-mix(in srgb,var(--c) 45%,transparent);background:color-mix(in srgb,var(--c) 12%,transparent)}.ld-card-icon svg{width:22px;height:22px;fill:none;stroke:var(--c-ink);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.ld[data-theme=dark] .ld-card-icon svg{stroke:var(--c)}.ld-card-body{display:flex;flex-direction:column;gap:4px}.ld-card-name{font-family:var(--font-display);font-weight:600;font-size:1.2rem;color:var(--ld-strong)}.ld-card-tag{font-family:var(--font-mono);font-size:.78rem;letter-spacing:.06em;text-transform:uppercase;color:var(--c-ink)}.ld-card-desc{margin-top:6px;font-size:.95rem;line-height:1.55;color:var(--ld-dim)}.ld-card-cta{margin-top:auto;font-weight:600;font-size:.95rem;color:var(--ld-strong)}.ld-foot{position:relative;z-index:2;display:flex;flex-wrap:wrap;justify-content:center;gap:10px;padding:8px 18px 26px;font-size:.85rem;color:var(--ld-faint)}.ld button:focus-visible,.ld a:focus-visible{outline:3px solid var(--ld-focus);outline-offset:3px}.ld-card:focus-visible{outline-color:var(--c-ink)}@media (max-width: 860px){.ld-projects{grid-template-columns:1fr;max-width:560px;padding-top:clamp(220px,42vh,360px)}.ld-nav nav button:not(.ld-theme){display:none}}@media (max-width: 420px){.pl-mark{height:38px}.ld-brand{font-size:1rem;gap:8px}.ld-nav nav a{padding:9px 10px}}@media (prefers-reduced-motion: reduce){.ld-card,.ld-btn,.ld-nav{transition:none}}.ld-flash{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;pointer-events:none;background:radial-gradient(circle at 50% 50%,color-mix(in srgb,var(--flash) 55%,#ffffff) 0%,var(--flash) 30%,#04050a 75%)}.sw-docs{scroll-margin-top:80px}.docs{display:grid;grid-template-columns:236px minmax(0,1fr);gap:44px;align-items:start}.docs-side{position:sticky;top:84px;max-height:calc(100vh - 104px);overflow-y:auto;padding:4px 6px 16px 2px;scrollbar-width:thin}.docs-search{position:sticky;top:0;z-index:1;margin-bottom:14px;padding-bottom:4px;background:var(--bg)}.docs-search svg{position:absolute;left:12px;top:calc(50% - 2px);width:17px;height:17px;transform:translateY(-50%);fill:none;stroke:var(--text-faint);stroke-width:2;stroke-linecap:round;pointer-events:none}.docs-search input{width:100%;padding:10px 12px 10px 38px;border-radius:10px;border:1px solid var(--border);background:var(--panel);color:var(--text);font:400 .92rem var(--font-ui)}.docs-search input::placeholder{color:var(--text-faint);opacity:1}.docs-search input:focus-visible{outline:3px solid var(--cyan);outline-offset:1px}.docs-group+.docs-group{margin-top:18px}.docs-group-title{margin:0 0 6px;padding-left:12px;font-family:var(--font-mono);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--text-faint)}.docs-nav ul,.docs-results{list-style:none;margin:0;padding:0}.docs-nav a{display:block;padding:6px 12px;border-radius:8px;border-left:2px solid transparent;color:var(--text-dim);font-size:.92rem;line-height:1.4}.docs-nav a:hover{color:var(--text);background:var(--surface)}.docs-nav a[aria-current=page]{color:var(--text);background:var(--surface-2);border-left-color:var(--cyan);font-weight:600}.docs-results li+li{margin-top:4px}.docs-results a{display:flex;flex-direction:column;gap:2px;padding:9px 12px;border-radius:10px;border:1px solid transparent}.docs-results a:hover{background:var(--surface-2);border-color:var(--border)}.docs-result-title{color:var(--text);font-weight:600;font-size:.93rem}.docs-result-group{color:var(--text-faint);font-size:.75rem;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em}.docs-result-snippet{color:var(--text-dim);font-size:.83rem;line-height:1.45}.docs-empty{padding:10px 12px;color:var(--text-dim);font-size:.9rem}.docs-picker{display:none}.docs-page{min-width:0;max-width:780px;scroll-margin-top:84px}.docs-kicker{margin:0 0 6px;font-family:var(--font-mono);font-size:.76rem;letter-spacing:.16em;text-transform:uppercase;color:var(--cyan)}.docs-title{margin:0 0 18px;font-family:var(--font-display);font-size:clamp(1.7rem,3vw,2.2rem);letter-spacing:-.02em;line-height:1.15;color:var(--text)}.docs-title:focus{outline:none}.docs-title:focus-visible{outline:3px solid var(--cyan);outline-offset:4px;border-radius:4px}.md{color:var(--text-dim);font-size:1rem;line-height:1.72}.md>:first-child{margin-top:0}.md p{margin:0 0 16px}.md h4{margin:38px 0 12px;font-family:var(--font-display);font-size:1.32rem;letter-spacing:-.01em;line-height:1.3;color:var(--text)}.md h5{margin:26px 0 10px;font-family:var(--font-display);font-size:1.08rem;color:var(--text)}.md strong{color:var(--text);font-weight:600}.md a{color:var(--cyan);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}.md a:hover{text-decoration-thickness:2px}.md code{font-family:var(--font-mono);font-size:.86em;color:var(--code-cmd);background:var(--chip-bg);padding:1px 6px;border-radius:5px;overflow-wrap:anywhere}.md ul,.md ol{margin:0 0 18px;padding-left:1.4em}.md li{margin:6px 0;padding-left:.2em}.md li>ul,.md li>ol{margin:6px 0 0}.md li::marker{color:var(--text-faint)}.md-note{margin:0 0 18px;padding:12px 16px;border-radius:10px;border:1px solid var(--border);border-left:3px solid var(--cyan);background:var(--deep-bg);color:var(--text-dim);font-size:.95rem}.md-code{position:relative;margin:0 0 20px;border:1px solid var(--border);border-radius:12px;background:var(--panel);box-shadow:0 10px 30px var(--panel-shadow)}.md-code.is-output{box-shadow:none;background:var(--surface)}.md-code pre{margin:0;padding:18px 20px;overflow-x:auto}.md-code:not(.is-output) pre{padding-right:100px}.md-code code{background:none;padding:0;font-size:.86rem;line-height:1.65;color:var(--code-cmd);white-space:pre;overflow-wrap:normal}.md-code .code-comment{color:var(--code-comment)}.md-code-lang{position:absolute;top:8px;right:112px;font-family:var(--font-mono);font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:var(--text-faint);pointer-events:none}.md-code.is-output .md-code-lang{right:14px}.md-code .copy-btn-float{top:10px;right:10px}.md-table{margin:0 0 22px;overflow-x:auto;border:1px solid var(--border);border-radius:12px;background:var(--panel)}.md-table:focus-visible{outline:3px solid var(--cyan);outline-offset:2px}.md-table table{width:100%;border-collapse:collapse;font-size:.9rem;line-height:1.55}.md-table th{text-align:left;padding:10px 14px;color:var(--text);font-weight:600;background:var(--surface);border-bottom:1px solid var(--border);white-space:nowrap}.md-table td{padding:10px 14px;vertical-align:top;border-top:1px solid var(--row-line)}.md-table tr:first-child td{border-top:0}.md-table td:first-child{color:var(--text);min-width:9em}.md-table code{white-space:nowrap}.shot{margin:8px 0 28px;--callout: #ffb547;--callout-ink: #1d1300}.shot-frame{position:relative;border-radius:12px;border:1px solid var(--border);box-shadow:0 16px 44px var(--panel-shadow);background:#0d111c}.shot-frame img{display:block;width:100%;height:auto;border-radius:11px}.shot-box{position:absolute;border:2px solid var(--callout);border-radius:8px;box-shadow:0 0 0 1px #00000073,inset 0 0 0 1px #00000040;transition:opacity .15s ease,box-shadow .15s ease}.shot:not(.is-ready) .shot-box{visibility:hidden}.shot.has-active .shot-box{opacity:.28}.shot.has-active .shot-box.is-active{opacity:1;box-shadow:0 0 0 1px #00000073,0 0 0 4px #ffb54759;background:#ffb54714}.shot-badge,.shot-num{display:inline-grid;place-items:center;flex:none;width:22px;height:22px;border-radius:50%;background:var(--callout);color:var(--callout-ink);font:700 .74rem/1 var(--font-ui);box-shadow:0 2px 6px #00000073}.shot-badge{position:absolute;top:0;left:0;transform:translate(-45%,-45%)}.shot figcaption{display:flex;justify-content:space-between;gap:12px;margin-top:10px;font-size:.86rem;color:var(--text-faint)}.demo-video video{display:block;width:100%;height:auto;aspect-ratio:16 / 9;border-radius:11px;background:#070a14}.shot figcaption a{color:var(--text-dim);text-decoration:underline;text-underline-offset:3px;white-space:nowrap}.shot-legend{list-style:none;margin:14px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:6px 18px}.shot-legend li{display:flex;gap:10px;align-items:flex-start;padding:6px 8px;margin:0;border-radius:8px;font-size:.92rem;line-height:1.55;color:var(--text-dim)}.shot-legend li.is-active{background:var(--surface-2)}.shot-legend .shot-num{margin-top:1px;box-shadow:none}.md .shot-legend li::marker{content:none}.docs-pager{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:44px;padding-top:24px;border-top:1px solid var(--border)}.docs-pager-link{display:flex;flex-direction:column;gap:3px;padding:14px 16px;border-radius:12px;border:1px solid var(--border);background:var(--surface);transition:border-color .2s ease,transform .2s ease}.docs-pager-link:hover{border-color:var(--border-bright);transform:translateY(-2px)}.docs-pager-link.is-next{text-align:right;grid-column:2}.docs-pager-dir{font-size:.78rem;color:var(--text-faint);font-family:var(--font-mono);letter-spacing:.06em}.docs-pager-title{color:var(--text);font-weight:600}.docs-edit{margin:18px 0 0;font-size:.86rem}.docs-edit a{color:var(--text-dim);text-decoration:underline;text-underline-offset:3px}.docs-edit a:hover{color:var(--text)}.spectra-world .docs a:focus-visible,.spectra-world .docs select:focus-visible{outline:3px solid var(--cyan);outline-offset:2px}@media (max-width: 860px){.docs{grid-template-columns:1fr;gap:20px}.docs-side{position:static;max-height:none;overflow:visible;padding:0}.docs-search{position:relative}.docs-nav{display:none}.docs-picker{display:flex;flex-direction:column;gap:6px;font-size:.82rem;color:var(--text-faint);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em}.docs-picker select{padding:11px 12px;border-radius:10px;border:1px solid var(--border);background:var(--panel);color:var(--text);font:500 .98rem var(--font-ui);text-transform:none;letter-spacing:0}.md-code:not(.is-output) pre{padding-right:56px}.md-code-lang{display:none}}@media (max-width: 560px){.shot.is-wide .shot-scroll{overflow-x:auto;padding:12px 2px 4px 12px;margin:-12px -2px 0 -12px}.shot.is-wide .shot-frame{width:600px}.shot-badge{width:18px;height:18px;font-size:.66rem}.shot-legend{grid-template-columns:1fr}}@media (prefers-reduced-motion: reduce){.docs-pager-link,.shot-box{transition:none}}.ix{--rail-w: 320px;--text-dim: #b3bbd2;--text-faint: #a3abc4;position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;overflow:hidden;user-select:none;-webkit-user-select:none;background:#05060f;font-family:var(--font-ui)}.ix-canvas{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;touch-action:none}.ix-canvas canvas{width:100%!important;height:100%!important}.ix-veil{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;background:#05060f;pointer-events:none}.ix code{font-family:var(--font-mono);font-size:.86em;padding:1px 6px;border-radius:6px;background:#ffffff12;border:1px solid rgba(255,255,255,.08);color:#e8eeff;white-space:nowrap}.ix-topleft{position:absolute;top:18px;left:18px;z-index:12;display:flex;gap:8px;flex-wrap:wrap}.ix-pill{padding:9px 15px;border:1px solid var(--border);border-radius:999px;cursor:pointer;background:#05060eb8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--text);font-size:.9rem;font-family:var(--font-ui)}.ix-pill:hover{border-color:var(--border-bright)}.ix-crumbs{position:absolute;top:20px;left:50%;transform:translate(-50%);z-index:11;display:flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;max-width:46vw;background:#05060e9e;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border);font-family:var(--font-mono);font-size:.85rem;letter-spacing:.02em;white-space:nowrap;overflow:hidden}.ix-crumbs button{background:none;border:0;color:var(--text-dim);cursor:pointer;font:inherit;padding:3px 6px;border-radius:8px}.ix-crumbs button:hover{color:var(--text);background:#ffffff0d}.ix-crumbs button.is-here{color:var(--text);font-weight:600}.ix-crumb-sep{color:var(--text-faint)}.ix-tools{position:absolute;top:18px;right:18px;z-index:12;display:flex;gap:8px}.ix-tool{width:40px;height:40px;display:grid;place-items:center;cursor:pointer;font-size:1.05rem;line-height:1;border-radius:12px;color:var(--text);background:#05060eb8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border)}.ix-tool:hover{border-color:var(--border-bright)}.ix-rail{position:absolute;z-index:10;top:74px;left:18px;bottom:54px;width:var(--rail-w);display:flex;flex-direction:column;gap:14px;padding:18px 16px 14px;border-radius:18px;border:1px solid rgba(130,170,255,.18);background:linear-gradient(180deg,#0e1328d1,#070914db);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 18px 50px #00000073;animation:ixRailIn .45s ease both}@keyframes ixRailIn{0%{opacity:0;transform:translate(-14px)}to{opacity:1;transform:none}}.ix-rail-kicker{margin:0 0 6px;font-family:var(--font-mono);font-size:.75rem;letter-spacing:.18em;text-transform:uppercase;color:var(--accent)}.ix-rail-title{margin:0;font-family:var(--font-display);font-size:1.45rem;line-height:1.15;letter-spacing:-.01em}.ix-rail-summary{margin:10px 0 0;font-size:.92rem;line-height:1.55;color:var(--text-dim)}.ix-rail-list{list-style:none;margin:0;padding:0 4px 0 0;overflow-y:auto;display:flex;flex-direction:column;gap:6px}.ix-rail-list::-webkit-scrollbar{width:6px}.ix-rail-list::-webkit-scrollbar-thumb{background:#82aaff38;border-radius:6px}.ix-rail-item{width:100%;display:flex;gap:12px;align-items:flex-start;text-align:left;cursor:pointer;padding:10px 12px;border-radius:12px;border:1px solid transparent;background:#ffffff06;color:var(--text);font-family:var(--font-ui);transition:background .15s ease,border-color .15s ease}.ix-rail-item:hover,.ix-rail-item.is-hot,.ix-rail-item:focus-visible{background:color-mix(in srgb,var(--accent) 12%,transparent);border-color:color-mix(in srgb,var(--accent) 40%,transparent);outline:none}.ix-rail-item.is-sel{background:color-mix(in srgb,var(--accent) 20%,transparent);border-color:var(--accent)}.ix-rail-num{font-family:var(--font-mono);font-size:.8rem;color:var(--accent);padding-top:3px}.ix-rail-text{display:flex;flex-direction:column;gap:3px;min-width:0}.ix-rail-text b{font-family:var(--font-display);font-size:1rem;font-weight:600}.ix-rail-text small{font-size:.875rem;line-height:1.45;color:var(--text-dim)}.ix-rail-text code{white-space:normal}.ix-tip{position:absolute;z-index:9;bottom:54px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 22px;max-width:min(460px,86vw);text-align:center;border-radius:16px;pointer-events:none;background:#080b18db;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid color-mix(in srgb,var(--accent) 50%,transparent);box-shadow:0 0 36px color-mix(in srgb,var(--accent) 28%,transparent),0 10px 26px #00000080}.ix-tip strong{font-family:var(--font-display);font-size:1.05rem}.ix-tip span{font-size:.95rem;color:var(--text-dim)}.ix-tip em{font-style:normal;font-family:var(--font-mono);font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin-top:2px}.ix-hint{position:absolute;z-index:5;bottom:18px;left:50%;transform:translate(-50%);white-space:nowrap;color:#b6bfd8;font-size:.82rem;font-family:var(--font-mono);letter-spacing:.03em;pointer-events:none}@media (min-width: 900px){.ix-tip,.ix-hint{left:calc(50% + (var(--rail-w) + 18px) / 2)}}.ix-panel{position:absolute;z-index:14;top:0;right:0;bottom:0;width:clamp(340px,36vw,480px);display:flex;flex-direction:column;padding:22px 24px 16px;background:linear-gradient(180deg,#0e142cf2,#060914f7);border-left:1px solid color-mix(in srgb,var(--accent) 45%,transparent);box-shadow:-18px 0 60px #0009;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);user-select:text;-webkit-user-select:text}.ix-panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.ix-badge{font-family:var(--font-mono);font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);padding:5px 12px;border-radius:999px;border:1px solid color-mix(in srgb,var(--accent) 45%,transparent);background:color-mix(in srgb,var(--accent) 12%,transparent);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ix-close{flex:none;width:36px;height:36px;border-radius:10px;cursor:pointer;color:var(--text);background:var(--surface);border:1px solid var(--border);font-size:.95rem}.ix-close:hover{border-color:var(--border-bright)}.ix-panel-title{font-family:var(--font-display);font-size:clamp(1.6rem,3vw,2.1rem);letter-spacing:-.02em;margin:16px 0 4px}.ix-panel-tag{margin:0;color:var(--accent);font-size:1rem}.ix-panel-body{flex:1;overflow-y:auto;margin:14px -6px 6px 0;padding:6px 8px 0 0}.ix-panel-body::-webkit-scrollbar{width:8px}.ix-panel-body::-webkit-scrollbar-thumb{background:#82aaff40;border-radius:8px}.ix-points{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:13px}.ix-points li{position:relative;padding-left:20px;color:var(--text-dim);font-size:1rem;line-height:1.65}.ix-points li:before{content:"▸";position:absolute;left:0;color:var(--accent)}.ix-points code{white-space:normal}.ix-code{margin:18px 0 0;padding:14px 16px;border-radius:12px;background:#040712d9;border:1px solid var(--border);font-family:var(--font-mono);font-size:.875rem;line-height:1.6;color:#dbe6ff;white-space:pre;overflow-x:auto}.ix-panel-nav{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:14px;border-top:1px solid var(--border)}.ix-panel-nav button{cursor:pointer;padding:9px 16px;border-radius:10px;color:var(--text);background:var(--surface-2);border:1px solid var(--border);font-family:var(--font-ui);font-size:.85rem}.ix-panel-nav button:hover{border-color:var(--border-bright)}.ix-panel-nav span{font-family:var(--font-mono);font-size:.875rem;color:var(--text-faint)}.ix-modal{position:absolute;top:0;right:0;bottom:0;left:0;z-index:30;display:grid;place-items:center;padding:24px;background:#05060e8c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.ix-intro{max-width:540px;width:100%;text-align:center;padding:34px 30px}.ix-intro-title{margin:4px 0 0;font-family:var(--font-display);font-size:clamp(2.2rem,6vw,3.2rem);letter-spacing:-.03em;line-height:1.05;background:linear-gradient(100deg,#ffd29a,#ffb86b 30%,#8fd4ff 70%,#61dafb);-webkit-background-clip:text;background-clip:text;color:transparent}.ix-intro-desc{margin:16px 0 0;color:var(--text-dim);font-size:.98rem;line-height:1.6}.ix-intro-legend{display:flex;flex-wrap:wrap;gap:8px 20px;justify-content:center;margin:18px 0 22px;font-family:var(--font-mono);font-size:.875rem}.ix-intro-keys{margin:16px 0 0;font-size:.875rem;color:var(--text-faint)}.btn-core{background:linear-gradient(180deg,#7fe3ff,#36a6ff 65%,#2f6bff);color:#04121f;font-weight:700;box-shadow:0 8px 26px #36a6ff73}.btn-core:hover{transform:translateY(-2px);box-shadow:0 12px 34px #36a6ff99}@media (max-width: 899px){.ix-crumbs{top:66px;max-width:92vw}.ix-rail{top:auto;left:10px;right:10px;bottom:10px;width:auto;max-height:34vh;padding:12px;gap:8px}.ix-rail-summary{display:none}.ix-rail-title{font-size:1.1rem}.ix-rail-list{flex-direction:row;overflow-x:auto;overflow-y:hidden;padding-bottom:4px}.ix-rail-item{width:200px;flex:none}.ix-tip{bottom:calc(34vh + 24px)}.ix-hint{display:none}.ix-panel{width:100vw}}@media (max-width: 520px){.ix-wide-only{display:none}.ix-pill{padding:9px 13px}}.ix button:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.ix-tool[aria-pressed=true]{border-color:var(--accent);color:var(--accent)}@media (prefers-reduced-motion: reduce){.ix-rail{animation:none}.ix-veil{display:none}}:root{--bg: #05060e;--bg-2: #080a16;--surface: rgba(255, 255, 255, .03);--surface-2: rgba(255, 255, 255, .05);--border: rgba(255, 255, 255, .09);--border-bright: rgba(130, 170, 255, .35);--text: #eef1fb;--text-dim: #9aa3bd;--text-faint: #697089;--cyan: #36d6ff;--blue: #5b8bff;--violet: #7c7cff;--magenta: #ff6ad5;--good: #46e2a0;--grad: linear-gradient(100deg, #7c7cff 0%, #36d6ff 48%, #ff6ad5 100%);--grad-brand: linear-gradient(100deg, #5b8bff 0%, #36d6ff 100%);--maxw: 1160px;--radius: 18px;--radius-sm: 12px;--font-ui: "Inter", system-ui, -apple-system, sans-serif;--font-display: "Space Grotesk", system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-ui);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;overflow:hidden}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background:radial-gradient(60vw 50vh at 20% -5%,rgba(92,139,255,.16),transparent 60%),radial-gradient(50vw 50vh at 100% 15%,rgba(255,106,213,.1),transparent 55%),radial-gradient(50vw 60vh at 50% 110%,rgba(54,214,255,.1),transparent 60%);pointer-events:none}a{color:inherit;text-decoration:none}strong{color:var(--text);font-weight:600}.container{width:100%;max-width:var(--maxw);margin:0 auto;padding:0 24px}.grad-text{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}.scroll-progress{position:fixed;top:0;left:0;right:0;height:3px;background:var(--grad);transform:scaleX(0);transform-origin:left;z-index:100}.nav{position:fixed;top:0;left:0;right:0;z-index:60;display:flex;align-items:center;justify-content:space-between;padding:18px 24px;transition:padding .3s ease,background .3s ease,border-color .3s ease;border-bottom:1px solid transparent}.nav-scrolled{padding:12px 24px;background:#05060eb8;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--border)}.nav-brand{display:inline-flex;align-items:center;gap:10px;font-family:var(--font-display);font-weight:600;font-size:1.05rem;letter-spacing:-.01em}.nav-links{display:flex;align-items:center;gap:28px;font-size:.93rem}.nav-links a{color:var(--text-dim);transition:color .2s ease}.nav-links a:hover{color:var(--text)}.nav-cta{padding:8px 16px;border:1px solid var(--border);border-radius:999px;color:var(--text)!important}.nav-cta:hover{border-color:var(--border-bright)}.btn{display:inline-flex;align-items:center;gap:8px;padding:13px 24px;border-radius:999px;font-weight:600;font-size:.95rem;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,background .2s ease;border:1px solid transparent}.btn-primary{background:var(--grad-brand);color:#04121f;box-shadow:0 8px 30px #36aaff4d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 38px #36aaff73}.btn-ghost{border-color:var(--border);color:var(--text);background:var(--surface)}.btn-ghost:hover{border-color:var(--border-bright);transform:translateY(-2px)}.experience{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none}.experience canvas{width:100%!important;height:100%!important}.content{position:relative;z-index:1}.page-body{position:relative;background:linear-gradient(180deg,transparent 0,rgba(5,6,14,.86) 160px,rgba(5,6,14,.9) 100%)}.hero{position:relative;min-height:100vh;display:flex;align-items:center}.hero-content{position:relative;z-index:2;width:100%;max-width:var(--maxw);margin:0 auto;padding:0 24px}.eyebrow{display:inline-flex;align-items:center;gap:9px;padding:7px 16px;border:1px solid var(--border);border-radius:999px;background:var(--surface);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:.82rem;color:var(--text-dim);letter-spacing:.02em}.eyebrow-dot{width:7px;height:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 12px var(--cyan)}.hero-title{font-family:var(--font-display);font-weight:700;font-size:clamp(2.6rem,6.4vw,5.2rem);line-height:1.04;letter-spacing:-.03em;margin:22px 0 0;text-shadow:0 2px 40px rgba(0,0,0,.55)}.hero-sub{max-width:620px;margin:26px 0 0;font-size:clamp(1rem,1.5vw,1.22rem);color:var(--text-dim);text-shadow:0 2px 24px rgba(0,0,0,.6)}.hero-cta{display:flex;flex-wrap:wrap;gap:14px;margin-top:36px}.scroll-hint{position:absolute;bottom:30px;left:50%;transform:translate(-50%);z-index:2;display:flex;flex-direction:column;align-items:center;gap:10px;font-size:.72rem;letter-spacing:.25em;text-transform:uppercase;color:var(--text-faint)}.scroll-line{width:1px;height:46px;background:linear-gradient(var(--cyan),transparent);animation:scrollpulse 2s ease-in-out infinite}@keyframes scrollpulse{0%,to{opacity:.3;transform:scaleY(.7)}50%{opacity:1;transform:scaleY(1)}}.section{position:relative;padding:clamp(90px,13vh,160px) 0}.kicker{font-family:var(--font-mono);font-size:.8rem;letter-spacing:.22em;text-transform:uppercase;color:var(--cyan);margin:0 0 18px}.section-title{font-family:var(--font-display);font-weight:700;font-size:clamp(1.9rem,4vw,3.1rem);line-height:1.1;letter-spacing:-.025em;margin:0;max-width:16ch}.section-lead{margin:24px 0 0;max-width:640px;font-size:clamp(1rem,1.4vw,1.15rem);color:var(--text-dim)}.brand{position:relative;min-height:92vh;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding-bottom:15vh;text-align:center;overflow:hidden}.brand-overlay{position:relative;z-index:2;padding:0 24px}.brand-kicker{font-family:var(--font-mono);letter-spacing:.3em;text-transform:uppercase;font-size:.78rem;color:var(--cyan);margin:0 0 14px}.brand-title{font-family:var(--font-display);font-weight:700;font-size:clamp(2.2rem,5.5vw,4.4rem);letter-spacing:-.03em;margin:0;text-shadow:0 2px 40px rgba(0,0,0,.6)}.brand-body{max-width:440px;margin:22px auto 0;color:var(--text-dim);text-shadow:0 2px 20px rgba(0,0,0,.6)}.value-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:54px}.value-card{padding:30px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);transition:border-color .3s ease,background .3s ease}.value-card:hover{border-color:var(--border-bright);background:var(--surface-2)}.value-icon{display:inline-flex;padding:11px;border-radius:var(--radius-sm);background:#36d6ff1a;color:var(--cyan);margin-bottom:18px}.value-card h3{font-family:var(--font-display);font-size:1.3rem;margin:0 0 10px;letter-spacing:-.01em}.value-card p{margin:0;color:var(--text-dim);font-size:.97rem}.section-spectra{background:linear-gradient(180deg,transparent,rgba(92,139,255,.04),transparent)}.matrix-wrap{margin-top:56px}.matrix-card{border:1px solid var(--border);border-radius:var(--radius);background:#070914d9;overflow:hidden;box-shadow:0 30px 80px #00000080}.matrix-head{display:flex;align-items:center;gap:8px;padding:13px 18px;border-bottom:1px solid var(--border);background:var(--surface)}.matrix-head .dot{width:11px;height:11px;border-radius:50%}.dot.r{background:#ff5f57}.dot.y{background:#febc2e}.dot.g{background:#28c840}.matrix-title{font-family:var(--font-mono);font-size:.85rem;color:var(--text-dim);margin-left:10px}.matrix-body{padding:10px 6px 16px}.matrix-row{display:grid;grid-template-columns:1.4fr .6fr 2fr;gap:12px;padding:11px 16px;align-items:center;font-size:.9rem;border-bottom:1px solid rgba(255,255,255,.04)}.matrix-row-head{color:var(--text-faint);font-size:.75rem;text-transform:uppercase;letter-spacing:.1em}.matrix-row .mono{font-family:var(--font-mono);color:var(--text)}.badge-pass{justify-self:start;padding:3px 10px;border-radius:999px;background:#46e2a029;color:var(--good);font-size:.75rem;font-weight:700}.finding{color:var(--text-dim);font-size:.86rem}.finding.crit{color:#ff8da8}.matrix-foot{padding:14px 16px 2px;color:var(--text-faint);font-family:var(--font-mono);font-size:.78rem}.frameworks{margin-top:60px;text-align:center}.frameworks-title{font-family:var(--font-display);font-size:1.4rem;margin:0 0 24px}.framework-list{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.framework{display:flex;flex-direction:column;align-items:center;gap:2px;padding:14px 26px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface)}.framework.deep{border-color:var(--border-bright);background:#5c8bff14}.framework-name{font-family:var(--font-display);font-weight:600}.framework-depth{font-size:.72rem;color:var(--text-faint);text-transform:uppercase;letter-spacing:.1em}.framework.deep .framework-depth{color:var(--cyan)}.frameworks-note{margin-top:20px;color:var(--text-faint);font-size:.85rem}.spectra-links{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;margin-top:50px}.code-shell{margin-top:48px;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;background:#070914d9}.code-tabs{display:flex;border-bottom:1px solid var(--border);background:var(--surface);overflow-x:auto;scrollbar-width:none}.code-tabs::-webkit-scrollbar{display:none}.code-tab{padding:14px 22px;background:none;border:none;color:var(--text-dim);font-family:var(--font-ui);font-size:.9rem;font-weight:500;cursor:pointer;border-bottom:2px solid transparent;transition:color .2s ease,border-color .2s ease;flex:none;white-space:nowrap}.code-tab:hover{color:var(--text)}.code-tab.active{color:var(--text);border-bottom-color:var(--cyan)}.code-panel{position:relative;padding:26px}.copy-btn{display:inline-flex;align-items:center;gap:7px;flex:none;padding:7px 12px;border:1px solid var(--border);border-radius:9px;background:var(--surface-2);color:var(--text-dim);font:500 .82rem var(--font-ui);cursor:pointer;transition:color .2s ease,border-color .2s ease,background .2s ease}.copy-btn svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.copy-btn:hover{color:var(--text);border-color:var(--border-bright)}.copy-btn.is-copied{color:var(--good);border-color:color-mix(in srgb,var(--good) 55%,transparent)}.copy-btn-float{position:absolute;top:18px;right:18px}.code-block{margin:0;padding-right:96px;font-family:var(--font-mono);font-size:.92rem;line-height:1.7;color:var(--code-cmd);white-space:pre-wrap;word-break:break-word}.code-comment{color:var(--code-comment)}.code-cmd{color:var(--code-cmd)}.code-note{margin:18px 0 0;color:var(--text-dim);font-size:.9rem}.usage-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:40px}.step{display:flex;gap:14px}.step-n{flex-shrink:0;width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:#36d6ff1f;color:var(--cyan);font-family:var(--font-mono);font-weight:600}.step h4{margin:4px 0 6px;font-family:var(--font-display);font-size:1.05rem}.step p{margin:0;color:var(--text-dim);font-size:.9rem}.step code,.code-note code{font-family:var(--font-mono);font-size:.85em;color:var(--cyan);background:#36d6ff1a;padding:1px 6px;border-radius:5px}.footer{padding:110px 0 40px;border-top:1px solid var(--border);margin-top:60px;background:linear-gradient(180deg,transparent,rgba(92,139,255,.05))}.footer-cta{text-align:center;max-width:620px;margin:0 auto}.footer-cta h2{font-family:var(--font-display);font-size:clamp(1.8rem,4vw,2.8rem);letter-spacing:-.025em;margin:0}.footer-cta p{color:var(--text-dim);margin:18px auto 30px}.footer-buttons{display:flex;flex-wrap:wrap;gap:14px;justify-content:center}.footer-bar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;margin-top:80px;padding-top:28px;border-top:1px solid var(--border)}.footer-brand{display:inline-flex;align-items:center;gap:10px;font-family:var(--font-display);font-weight:600}.footer-meta{display:flex;flex-direction:column;align-items:flex-end;gap:2px;font-size:.85rem;color:var(--text-dim)}.footer-dim{color:var(--text-faint);font-size:.8rem}@media (max-width: 860px){.usage-steps,.value-grid{grid-template-columns:1fr}.nav-links a:not(.nav-cta){display:none}.matrix-row{grid-template-columns:1fr .5fr}.matrix-row span:last-child{display:none}.footer-bar{flex-direction:column;align-items:flex-start}.footer-meta{align-items:flex-start}}.spectra-world{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;background:var(--bg);color:var(--text);--text-dim: #aeb6cc;--text-faint: #a3abc4;--panel: rgba(7, 9, 20, .85);--panel-shadow: rgba(0, 0, 0, .5);--row-line: rgba(255, 255, 255, .05);--code-cmd: #e3eeff;--code-comment: #a3abc4;--crit: #ff8da8;--good-bg: rgba(70, 226, 160, .16);--deep-bg: rgba(92, 139, 255, .08);--chip-bg: rgba(54, 214, 255, .1);--btn-fg: #04121f;--btn-glow: rgba(54, 170, 255, .3);--glass: rgba(5, 6, 14, .72);--stars: 1;--glow: rgba(54, 214, 255, .12);color-scheme:dark}.spectra-world[data-theme=light]{--bg: #f3f6fb;--surface: rgba(255, 255, 255, .72);--surface-2: #ffffff;--border: rgba(15, 23, 42, .12);--border-bright: rgba(37, 99, 235, .45);--text: #0b1020;--text-dim: #3e4a63;--text-faint: #4f5b74;--cyan: #0369a1;--good: #047857;--grad: linear-gradient(100deg, #4f46e5 0%, #0284c7 48%, #c026d3 100%);--grad-brand: linear-gradient(100deg, #1d4ed8 0%, #0369a1 100%);--panel: #ffffff;--panel-shadow: rgba(15, 23, 42, .1);--row-line: rgba(15, 23, 42, .07);--code-cmd: #0b1020;--code-comment: #56627a;--crit: #be123c;--good-bg: rgba(4, 120, 87, .1);--deep-bg: rgba(37, 99, 235, .06);--chip-bg: rgba(3, 105, 161, .08);--btn-fg: #ffffff;--btn-glow: rgba(29, 78, 216, .25);--glass: rgba(255, 255, 255, .82);--stars: 0;--glow: rgba(2, 132, 199, .12);color-scheme:light}.spectra-world .btn-primary{color:var(--btn-fg);box-shadow:0 8px 30px var(--btn-glow)}.spectra-world .btn-primary:hover{box-shadow:0 12px 40px var(--btn-glow)}.spectra-world .matrix-card,.spectra-world .code-shell{background:var(--panel);box-shadow:0 30px 80px var(--panel-shadow)}.spectra-world .code-shell{box-shadow:0 20px 60px var(--panel-shadow)}.spectra-world .matrix-row{border-bottom-color:var(--row-line)}.spectra-world .finding.crit{color:var(--crit)}.spectra-world .badge-pass{background:var(--good-bg)}.spectra-world .framework.deep{background:var(--deep-bg)}.spectra-world .step code,.spectra-world .code-note code{background:var(--chip-bg)}.spectra-world button:focus-visible,.spectra-world a:focus-visible{outline:3px solid var(--cyan);outline-offset:3px}.spectra-world[data-theme=light] .pillar,.spectra-world[data-theme=light] .framework{box-shadow:0 1px 2px #0f172a0d}.sw-stars{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(1.5px 1.5px at 18% 28%,rgba(255,255,255,calc(.6 * var(--stars))),transparent),radial-gradient(1.5px 1.5px at 72% 58%,rgba(255,255,255,calc(.45 * var(--stars))),transparent),radial-gradient(1.5px 1.5px at 42% 82%,rgba(255,255,255,calc(.35 * var(--stars))),transparent),radial-gradient(1.5px 1.5px at 88% 20%,rgba(255,255,255,calc(.4 * var(--stars))),transparent),radial-gradient(ellipse at 50% -10%,var(--glow),transparent 60%)}.sw-back{position:fixed;top:22px;left:22px;z-index:22;padding:10px 18px;border:1px solid var(--border);border-radius:999px;background:var(--glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--text);cursor:pointer;font-size:.9rem;font-family:var(--font-ui)}.sw-back:hover,.sw-theme:hover{border-color:var(--border-bright)}.sw-top{position:fixed;top:22px;right:22px;z-index:22;display:flex;align-items:center;gap:8px}.sw-top-link{display:inline-flex;align-items:center;gap:8px;height:42px;padding:0 16px;border:1px solid var(--border);border-radius:999px;background:var(--glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--text);font-size:.9rem;font-weight:500;text-decoration:none}.sw-top-link:hover{border-color:var(--border-bright)}.sw-top-link svg{width:16px;height:16px;fill:currentColor}.sw-theme{width:42px;height:42px;display:grid;place-items:center;padding:0;border:1px solid var(--border);border-radius:999px;background:var(--glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--text);cursor:pointer}.sw-theme svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.sw-install{display:flex;align-items:center;gap:10px;width:fit-content;max-width:100%;margin-top:22px}.sw-install .copy-btn{padding:5px 8px;background:transparent;border-color:transparent}.sw-install .copy-btn:hover{border-color:var(--border)}.sw-install .copy-text{display:none}.sw-prompt{font-family:var(--font-mono);color:var(--cyan);-webkit-user-select:none;user-select:none}.sw-install-cmd{flex:0 1 auto;min-width:0;font-family:var(--font-mono);font-size:.92rem;color:var(--code-cmd);overflow-x:auto;white-space:nowrap;scrollbar-width:none}.sw-install-cmd::-webkit-scrollbar{display:none}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.sw-scroll{position:absolute;top:0;right:0;bottom:0;left:0;overflow-y:auto}.sw-inner{max-width:1040px;margin:0 auto;padding:120px 24px 100px;position:relative}.sw-kicker{font-family:var(--font-mono);letter-spacing:.26em;text-transform:uppercase;color:var(--cyan);font-size:.78rem;margin:0 0 12px}.sw-title{font-family:var(--font-display);font-weight:700;font-size:clamp(3rem,10vw,7rem);letter-spacing:-.03em;margin:0;line-height:.95}.sw-lead{max-width:690px;margin:26px 0 0;font-size:clamp(1rem,1.4vw,1.18rem);color:var(--text-dim)}.sw-cta{display:flex;gap:14px;flex-wrap:wrap;margin-top:32px}.sw-section{margin-top:72px}.sw-h2{font-family:var(--font-display);font-size:clamp(1.5rem,3vw,2.3rem);letter-spacing:-.02em;margin:0 0 30px}.sw-foot{margin-top:84px;padding-top:32px;border-top:1px solid var(--border);text-align:center;color:var(--text-dim);display:flex;flex-direction:column;align-items:center;gap:20px}.sw-foot .sw-foot-mark{height:64px;margin-bottom:-6px}@media (max-width: 560px){.sw-back{top:14px;left:14px}.sw-top{top:14px;right:14px;gap:6px}.sw-top-link{width:42px;padding:0;justify-content:center}.sw-top-link span{display:none}.sw-inner{padding-top:92px}.sw-install-cmd{font-size:.84rem;white-space:normal;overflow-wrap:normal;line-height:1.5}.sw-cta{gap:8px}.sw-cta .btn{padding:12px 15px;font-size:.94rem}.sw-install-cmd span{white-space:nowrap}.copy-text{display:none}.copy-btn{padding:8px}.code-block{padding-right:44px}.code-panel{padding:20px}.copy-btn-float{top:14px;right:14px}.code-tab{padding:14px 16px}}@media (prefers-reduced-motion: reduce){.copy-btn{transition:none}}.panel{background:linear-gradient(180deg,#161e3cb8,#080b18c7);border:1px solid rgba(130,170,255,.28);border-radius:16px;box-shadow:0 8px 24px #00000073,inset 0 1px #ffffff14;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.feature-media{margin:-26px -26px 18px;aspect-ratio:16 / 9;background:#070a14;border-bottom:1px solid var(--border);overflow:hidden}.feature-media video{display:block;width:100%;height:100%;object-fit:cover}.btn-demo{display:inline-flex;align-items:center;gap:10px}.btn-play{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;background:linear-gradient(135deg,#36d6ff,#0a84ff 55%,#bf5af2);box-shadow:0 0 16px #36aaff8c}.btn-play svg{width:11px;height:11px;fill:#fff;margin-left:1px}.demo-film{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;overflow-y:auto;display:flex;padding:48px 32px;background:#04060ef0;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.demo-film-inner{width:min(1240px,100%);margin:auto}.demo-film-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:18px}.demo-film-title{font-family:var(--font-display);font-size:clamp(1.4rem,3vw,2.2rem);letter-spacing:-.02em;margin:0;color:#fff}.demo-film-close{flex:none;width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.2);background:#ffffff0f;color:#fff;font-size:1rem;cursor:pointer}.demo-film-close:hover{border-color:#ffffff73}.demo-film-video{display:block;width:100%;aspect-ratio:16 / 9;border-radius:16px;background:#000;box-shadow:0 40px 120px #0009,0 0 0 1px #ffffff14}.demo-film-chapters{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.demo-chapter{display:inline-flex;align-items:baseline;gap:8px;padding:9px 14px;border-radius:999px;cursor:pointer;border:1px solid rgba(255,255,255,.14);background:#ffffff0a;color:#dfe7ff;font:inherit;font-size:.9rem}.demo-chapter:hover{border-color:#36d6ff80}.demo-chapter.is-active{border-color:#36d6ffb3;background:#36d6ff1f;color:#fff}.demo-chapter-time{font-family:var(--font-mono);font-size:.78rem;color:#36d6ff}@media (max-width: 640px){.demo-film{padding:20px 16px}.demo-film-video{border-radius:10px}}.feature-badge{margin-left:10px;padding:3px 10px;border-radius:999px;font-size:.72rem;letter-spacing:.04em;color:#04140c;background:linear-gradient(90deg,#46e2a0,#36d6ff)}.feature-link{display:inline-block;margin-top:14px;font-weight:600;color:var(--cyan);text-decoration:none}.feature-link:hover{text-decoration:underline}.pillars{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:54px}.pillar{display:flex;flex-direction:column;padding:22px 22px 14px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);transition:border-color .3s ease}.pillar:hover{border-color:var(--border-bright)}.pillar-head{display:flex;align-items:baseline;gap:14px}.pillar-n{font-family:var(--font-mono);font-size:.85rem;color:var(--cyan)}.pillar-head h3{margin:0;font-family:var(--font-display);font-size:1.45rem;font-weight:600;color:var(--text-dim);letter-spacing:-.01em}.pillar-verb{color:var(--text);font-weight:700}.pillar-stage{position:relative;margin:16px -22px 0}.pillar .feature-media{margin:0;border-top:1px solid var(--border)}.pillar-now{position:absolute;left:14px;bottom:12px;display:inline-flex;align-items:center;gap:8px;padding:5px 12px 5px 10px;border-radius:999px;background:#040712b8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.14);color:#fff;font-size:.8rem;font-weight:600;pointer-events:none}.pillar-hint{display:flex;align-items:center;gap:8px;margin:14px 0 6px;color:var(--text-faint);font-family:var(--font-mono);font-size:.74rem;letter-spacing:.08em;text-transform:uppercase}.pillar-hint svg{width:10px;height:10px;fill:var(--cyan)}.pillar-list{list-style:none;margin:0;padding:0;display:grid;gap:4px}.pillar-item{display:flex;align-items:center;gap:14px;width:100%;padding:8px 12px 8px 8px;border:1px solid transparent;border-radius:12px;background:none;color:var(--text-dim);font:inherit;font-size:1rem;font-weight:600;text-align:left;cursor:pointer;transition:background .2s ease,border-color .2s ease,color .2s ease}.pillar-item:hover{background:var(--surface-2);border-color:var(--border);color:var(--text)}.pillar-item:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}.pillar-thumb{position:relative;flex:none;width:64px;height:36px;border-radius:8px;overflow:hidden;border:1px solid var(--border);background:#070a14}.pillar-thumb img{display:block;width:100%;height:100%;object-fit:cover;opacity:.85;transition:opacity .2s ease,transform .3s ease}.pillar-thumb-play{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#04060e59}.pillar-thumb-play svg{width:20px;height:20px;padding:5px 4px 5px 6px;border-radius:50%;fill:#fff;background:#ffffff2e;border:1px solid rgba(255,255,255,.35);transition:transform .2s ease,background .2s ease}.pillar-item:hover .pillar-thumb img{opacity:1;transform:scale(1.06)}.pillar-item:hover .pillar-thumb-play svg{transform:scale(1.12);background:var(--cyan);border-color:var(--cyan);fill:#04121a}.pillar-item-title{flex:1 1 auto;min-width:0}.pillar-item .feature-badge{margin-left:0;flex:none}.pillar-cue{flex:none;margin-left:auto;font-size:.8rem;font-weight:600;color:var(--text-faint);transition:color .2s ease}.pillar-item:hover .pillar-cue{color:var(--cyan)}.is-open>.pillar-item{color:var(--text);background:linear-gradient(90deg,#36d6ff1f,#36d6ff05);border-color:#36d6ff59}.is-open>.pillar-item .pillar-thumb{border-color:var(--cyan);box-shadow:0 0 0 1px var(--cyan)}.is-open>.pillar-item .pillar-thumb-play{background:#04060e8c}.is-open>.pillar-item .pillar-cue{color:var(--cyan)}.pillar-body{padding:8px 12px 14px 90px}.pillar-body p{margin:0;color:var(--text-dim);font-size:.95rem;line-height:1.6}.pillar-body .feature-link{margin-top:10px}.eq{display:inline-flex;align-items:flex-end;gap:2px;height:12px}.eq i{display:block;width:3px;height:100%;border-radius:1px;background:var(--cyan);transform-origin:bottom;animation:eq .9s ease-in-out infinite}.eq i:nth-child(2){animation-delay:-.3s}.eq i:nth-child(3){animation-delay:-.6s}@keyframes eq{0%,to{transform:scaleY(.35)}50%{transform:scaleY(1)}}@media (prefers-reduced-motion: reduce){.eq i{animation:none;transform:scaleY(.7)}}.spectra-world[data-theme=light] .pillar-thumb-play{background:#04060e40}.spectra-world[data-theme=light] .is-open>.pillar-item{background:linear-gradient(90deg,#0891b21a,#0891b205);border-color:#0891b266}@media (max-width: 560px){.pillar-item{gap:12px}.pillar-thumb{width:56px;height:32px}.pillar-body{padding-left:12px}}@media (max-width: 900px){.pillars{grid-template-columns:1fr}}.whats-new{margin-top:40px}.release-list{list-style:none;margin:0 0 22px;padding:0;position:relative}.release-list:before{content:"";position:absolute;left:148px;top:10px;bottom:10px;width:1px;background:var(--border)}.release{display:grid;grid-template-columns:132px 1fr;gap:32px;padding:18px 0;position:relative}.release:before{content:"";position:absolute;left:144px;top:25px;width:9px;height:9px;border-radius:50%;background:var(--bg);border:2px solid var(--cyan)}.release:first-child:before{background:var(--cyan);box-shadow:0 0 12px #36d6ff99}.release-when{display:flex;flex-direction:column;align-items:flex-end;gap:8px;text-align:right}.release-when time{font-size:.82rem;color:var(--text-faint)}.release-tag{font-family:var(--font-mono);font-size:.78rem;font-weight:600;padding:3px 10px;border-radius:999px;border:1px solid rgba(54,214,255,.4);color:var(--cyan);background:#36d6ff14;white-space:nowrap}.release-tag.kind-ci{border-color:#46e2a066;color:var(--good);background:#46e2a014}.release-tag.kind-editor{border-color:#7c7cff73;color:var(--violet);background:#7c7cff1a}.release-what h3{display:flex;align-items:center;gap:10px;margin:0 0 6px;font-family:var(--font-display);font-size:1.15rem}.release-latest{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.06em;text-transform:uppercase;padding:2px 8px;border-radius:999px;color:#04140c;background:linear-gradient(90deg,#46e2a0,#36d6ff)}.release-what p{margin:0;color:var(--text-dim);font-size:.95rem;line-height:1.6;max-width:70ch}.release-what p code,.pillar-body p code{white-space:nowrap;font-family:var(--font-mono);font-size:.86em;padding:1px 6px;border-radius:6px;background:var(--surface-2);border:1px solid var(--border);color:var(--text)}.release-highlights{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:12px 0 0;padding:0}.release-highlights li{font-family:var(--font-mono);font-size:.8rem;padding:4px 10px;border-radius:8px;border:1px solid var(--border);background:var(--surface-2);color:var(--text)}@media (max-width: 640px){.release-list:before{left:6px}.release{grid-template-columns:1fr;gap:8px;padding-left:28px}.release:before{left:2px}.release-when{flex-direction:row;align-items:center;text-align:left}}.sw-new{display:inline-flex;align-items:center;gap:10px;margin:0 0 26px;padding:6px 14px 6px 6px;border-radius:999px;border:1px solid var(--border);background:var(--surface);color:var(--text-dim);font-size:.9rem;text-decoration:none;transition:border-color .2s ease,color .2s ease}.sw-new:hover{border-color:var(--border-bright);color:var(--text)}.sw-new-tag{font-family:var(--font-mono);font-size:.72rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;padding:3px 9px;border-radius:999px;color:#04140c;background:linear-gradient(90deg,#46e2a0,#36d6ff)}