:root{--bg: #0f1215;--glass: rgba(15, 18, 21, .72);--glass-strong: rgba(15, 18, 21, .9);--glass-solid: #171b20;--glass-hover: rgba(30, 35, 41, .84);--line: rgba(255, 255, 255, .08);--line-strong: rgba(255, 255, 255, .2);--ink: rgba(255, 255, 255, .92);--ink-soft: rgba(255, 255, 255, .62);--hover: rgba(255, 255, 255, .08);--led: #5fa8d8;--led-light: #8ec5e8;--active: rgba(95, 168, 216, .24);--active-line: rgba(142, 197, 232, .6);--focus: #8ec5e8;--inkoust: #23282e;--r: 16px;--ease: cubic-bezier(.16, 1, .3, 1);--ease-io: cubic-bezier(.65, 0, .35, 1);--font-script: "Great Vibes", "Segoe Script", "Brush Script MT", cursive;--font-ui: "Jost", "Segoe UI", system-ui, -apple-system, Roboto, Arial, sans-serif;--font-title: "Cormorant Garamond", "Cormorant", Garamond, "Palatino Linotype", Georgia, serif;--gutter: 20px;--top: 14px;--hl: 48px;--row: 40px;color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html,body{height:100%}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;overscroll-behavior:none}body{margin:0;overflow:hidden;background:var(--bg);color:var(--ink);font-family:var(--font-ui);font-size:16px;line-height:1.4;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;touch-action:manipulation}a{color:inherit;touch-action:manipulation}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.app{position:fixed;inset:0;overflow:hidden;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}#scena{position:absolute;inset:0;width:100%;height:100%;display:block;outline:none;touch-action:none;cursor:grab;background:var(--stage-canvas, #b9d3e6)}#scena:active{cursor:grabbing}.frost,.brand__mark,.brand__nav,.tool,.hint{background:var(--glass);-webkit-backdrop-filter:blur(18px) saturate(1.4);backdrop-filter:blur(18px) saturate(1.4);border:1px solid var(--line)}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.frost,.brand__mark,.brand__nav,.tool,.hint{background:var(--glass-solid)}}.brand{position:absolute;z-index:4;top:calc(var(--top) + env(safe-area-inset-top,0px));left:calc(var(--gutter) + env(safe-area-inset-left,0px));right:calc(var(--gutter) + env(safe-area-inset-right,0px));margin:0;display:flex;align-items:center;justify-content:space-between;gap:8px;pointer-events:none}.brand__mark{position:relative;display:flex;align-items:center;gap:9px;min-width:0;height:var(--hl);padding:0 18px 0 11px;border-radius:999px}.brand__home{display:block;flex:none;border-radius:999px;pointer-events:auto}.brand__home:after{content:"";position:absolute;inset:-1px;border-radius:inherit}.brand__home:focus-visible{outline:none}.brand__home:focus-visible:after{outline:2px solid var(--focus);outline-offset:3px}.brand__symbol{display:block;width:38px;height:auto;filter:drop-shadow(0 1px 6px rgba(142,197,232,.25));transition:transform .9s var(--ease)}.brand__name{margin:0;padding:.14em .1em 0;font-family:var(--font-script);font-weight:400;font-size:1.6rem;line-height:1;white-space:nowrap;color:#fff}.brand__name:first-child{padding-left:.3em}@media(hover:hover)and (prefers-reduced-motion:no-preference){.brand__mark:hover .brand__symbol{transform:rotate(-10deg) scale(1.05)}}.tools{display:flex;align-items:center;justify-content:flex-end;gap:6px;margin-left:auto;pointer-events:none}.tools>*{pointer-events:auto}.tool{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:var(--row);padding:0 16px 0 13px;border-radius:999px;cursor:pointer;font:500 .7rem/1 var(--font-ui);letter-spacing:.12em;text-transform:uppercase;color:var(--ink);transition:background-color .3s var(--ease),border-color .3s var(--ease),color .3s var(--ease)}.tool svg,.tools .seg svg{width:16px;height:16px;flex:none;stroke:currentColor;fill:none;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}.tool:hover{background-color:var(--glass-hover);border-color:var(--line-strong)}.tool[aria-pressed=true]{color:#fff;border-color:var(--active-line);background-color:#1a3244d1}.tool[aria-pressed=true] svg{stroke:var(--led-light)}.tool-label{white-space:nowrap}.tools .seg{height:var(--row)}.tools .seg button{height:100%;padding:0 14px 0 11px;font:500 .7rem/1 var(--font-ui);letter-spacing:.12em;text-transform:uppercase}.qual{position:relative;display:flex}.qual__now{color:var(--led-light);white-space:nowrap}.qual__now:before{content:"\b7";margin-right:7px;color:var(--ink-soft)}.qual.is-busy .tool{opacity:.6;pointer-events:none}.qual__menu{position:absolute;top:calc(100% + 8px);right:0;z-index:4;min-width:214px;padding:6px;border-radius:14px;display:grid;gap:2px;background:var(--glass-strong);box-shadow:0 22px 44px -18px #0009;transform-origin:100% 0;animation:menu-in .32s var(--ease)}@keyframes menu-in{0%{opacity:0;transform:translateY(-6px) scale(.98)}}.qual__menu button{appearance:none;display:flex;align-items:baseline;justify-content:space-between;gap:16px;min-height:40px;padding:8px 12px;border:0;border-radius:10px;background:transparent;cursor:pointer;font:400 .9rem/1.1 var(--font-ui);text-align:left;white-space:nowrap;color:var(--ink);transition:background-color .2s,color .2s,box-shadow .2s}.qual__menu button small{font:300 .76rem/1.1 var(--font-ui);color:var(--ink-soft)}.qual__menu button:hover{background:var(--hover)}.qual__menu button[aria-pressed=true]{color:#fff;background:var(--active);box-shadow:inset 0 0 0 1px var(--active-line)}.qual__menu button[aria-pressed=true] small{color:var(--led-light)}.spec{position:absolute;z-index:2;top:calc(var(--top) + var(--hl) + 12px + env(safe-area-inset-top,0px));right:calc(var(--gutter) + env(safe-area-inset-right,0px));width:300px;max-height:calc(100% - var(--top) - var(--hl) - 28px - var(--dock-h, 120px) - env(safe-area-inset-top,0px));overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.2) transparent;padding:18px 20px 20px;border-radius:var(--r);display:grid;align-content:start;gap:13px}.spec__head{display:grid;gap:3px;padding-bottom:13px;border-bottom:1px solid var(--line)}.spec__kicker{margin:0;font:500 .66rem/1.3 var(--font-ui);letter-spacing:.16em;text-transform:uppercase;color:var(--led-light)}.spec__title{margin:4px 0 2px -.1em;padding-inline:.1em;font-family:var(--font-script);font-weight:400;font-size:2.1rem;line-height:1.1;color:#fff}.spec__lead{margin:0;font:300 .86rem/1.45 var(--font-ui);color:var(--ink-soft);font-variant-numeric:lining-nums}.spec__item{display:grid;gap:4px}.spec h3,.group__label{margin:0;font:500 .64rem/1.2 var(--font-ui);letter-spacing:.16em;text-transform:uppercase;color:var(--ink-soft)}.spec__item p{margin:0;font:400 .86rem/1.5 var(--font-ui);color:var(--ink);font-variant-numeric:lining-nums}.spec__item p b{font-weight:500;color:#fff}.spec__foot{margin:0;padding-top:12px;border-top:1px solid var(--line);font:300 .76rem/1.45 var(--font-ui);color:var(--ink-soft)}.hint{position:absolute;z-index:2;left:50%;bottom:calc(var(--dock-h, 120px) + 12px);transform:translate(-50%);margin:0;padding:7px 16px 8px;border-radius:999px;font:400 .8rem/1.3 var(--font-ui);color:var(--ink);white-space:nowrap;pointer-events:none;transition:opacity 1.2s ease}.hint.is-gone{opacity:0}.dock{position:absolute;z-index:2;left:50%;bottom:0;transform:translate(-50%);width:max-content;max-width:calc(100% - 2 * var(--gutter));margin-bottom:calc(16px + env(safe-area-inset-bottom,0px));padding:11px 14px 12px;border-radius:var(--r);display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-end;gap:10px 18px}.dock__summary{display:none}.dock__bar,.dock__body{display:contents}.dock__toggle{appearance:none;display:none;flex:none;align-items:center;gap:6px;height:32px;padding:0 10px 0 14px;border:1px solid var(--line);border-radius:999px;background:#ffffff0a;cursor:pointer;font:500 .64rem/1 var(--font-ui);letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;color:var(--ink);transition:background-color .3s var(--ease),border-color .3s var(--ease)}.dock__toggle:hover{background:var(--hover);border-color:var(--line-strong)}.dock__toggle svg{width:14px;height:14px;flex:none;stroke:currentColor;fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;transition:transform .35s var(--ease)}.dock.is-collapsed .dock__toggle svg{transform:rotate(180deg)}.group{display:grid;gap:7px;justify-items:start;padding:0;min-width:0;max-width:100%}.group__label{padding-left:4px}.seg{display:inline-flex;gap:2px;padding:3px;border:1px solid var(--line);border-radius:999px;background:#ffffff0a}.tools .seg{background:var(--glass)}.seg button{appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:7px;height:34px;padding:0 15px;border:0;border-radius:999px;background:transparent;cursor:pointer;font:400 .86rem/1 var(--font-ui);white-space:nowrap;color:var(--ink-soft);transition:background-color .3s var(--ease),color .3s var(--ease),box-shadow .3s var(--ease)}.seg button:hover{background:var(--hover);color:#fff}.seg button[aria-pressed=true]{color:#fff;background:var(--active);box-shadow:inset 0 0 0 1px var(--active-line)}.tools .seg button[aria-pressed=true] svg{stroke:var(--led-light)}:focus{outline:none}:focus-visible{outline:2px solid var(--focus);outline-offset:3px}.seg button:focus-visible,.qual__menu button:focus-visible{outline-offset:-2px}.seg button[hidden],.lbl-short{display:none}@media(max-width:1699px),(max-height:640px){.group--scene[data-many] .lbl-long{display:none}.group--scene[data-many] .lbl-short{display:inline}}.seg--scenes,.seg--views{min-width:0;max-width:100%;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;overscroll-behavior-x:contain}.seg--scenes::-webkit-scrollbar,.seg--views::-webkit-scrollbar{display:none}.seg--scenes button,.seg--views button{flex:none}.seg.is-more-end{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 30px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 30px),transparent)}.seg.is-more-start{-webkit-mask-image:linear-gradient(270deg,#000 calc(100% - 30px),transparent);mask-image:linear-gradient(270deg,#000 calc(100% - 30px),transparent)}.seg.is-more-start.is-more-end{-webkit-mask-image:linear-gradient(90deg,transparent,#000 30px,#000 calc(100% - 30px),transparent);mask-image:linear-gradient(90deg,transparent,#000 30px,#000 calc(100% - 30px),transparent)}.status{position:absolute;z-index:1;inset:0;display:grid;place-items:center;pointer-events:none;background:radial-gradient(ellipse at 50% 46%,#1b2026,#0f1215 72%);transition:opacity .8s ease}html[data-scene=light] .status{background:radial-gradient(ellipse at 50% 46%,#0f121599,#0a0c10e6 74%),var(--stage-light, linear-gradient(180deg, #9fc2df 0%, #cfe0ec 48%, #e9eee9 64%, #b9c8a8 100%))}html[data-scene=dark] .status{background:radial-gradient(ellipse at 50% 46%,#0f121599,#0a0c10e6 74%),var(--stage-dark, linear-gradient(180deg, #27314a 0%, #6d6178 44%, #d69a78 62%, #2f3528 100%))}.status.is-done{opacity:0}.status__box{display:grid;justify-items:center;gap:8px;padding:24px;text-align:center}.status__symbol{display:block;width:76px;height:auto;margin-bottom:6px;filter:drop-shadow(0 0 18px rgba(142,197,232,.35));animation:status-pulse 2.8s ease-in-out infinite}@keyframes status-pulse{0%,to{transform:scale(1);opacity:.8}50%{transform:scale(1.06);opacity:1}}.status__name{margin:0;padding-inline:.12em;font-family:var(--font-script);font-weight:400;font-size:clamp(2.3rem,1.7rem + 2vw,3.2rem);line-height:1.15;color:#fff;text-shadow:0 2px 24px rgba(0,0,0,.35)}.status__text{margin:0;font:400 .7rem/1.3 var(--font-ui);letter-spacing:.18em;text-transform:uppercase;color:var(--ink-soft);font-variant-numeric:tabular-nums lining-nums}.status__text span{color:var(--led-light)}.status__bar{position:relative;width:160px;height:1px;margin-top:8px;background:#ffffff29;overflow:hidden}.status__bar span{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--led),var(--led-light));box-shadow:0 0 10px #8ec5e8cc;transition:width .3s ease}.status__bar span:not([style]){width:34%;animation:status-sweep 1.5s var(--ease-io) infinite}@keyframes status-sweep{0%{transform:translate(-100%)}to{transform:translate(300%)}}.nowebgl{position:absolute;z-index:3;inset:0;display:grid;place-items:center;padding:24px;background:radial-gradient(ellipse at 50% 46%,#1b2026,#0f1215 72%)}.nowebgl div{max-width:30em;text-align:center;display:grid;justify-items:center;gap:12px}.nowebgl h2{margin:0;font:300 clamp(1.8rem,1.4rem + 1.4vw,2.4rem)/1.1 var(--font-title);color:#fff}.nowebgl p{margin:0;font:300 1rem/1.6 var(--font-ui);color:var(--ink-soft)}.nowebgl p a{color:var(--led-light)}.tools,.spec,.dock,.hint{transition:opacity .8s ease}.spec{transition-delay:.12s}.dock{transition-delay:.2s}.is-loading .tools,.is-loading .spec,.is-loading .dock,.is-loading .hint{opacity:0}@media(prefers-reduced-motion:no-preference){.app:not(.is-loading) .spec>*{animation:ui-up .9s var(--ease) both}.app:not(.is-loading) .spec>:nth-child(2){animation-delay:.18s}.app:not(.is-loading) .spec>:nth-child(3){animation-delay:.24s}.app:not(.is-loading) .spec>:nth-child(4){animation-delay:.3s}.app:not(.is-loading) .spec>:nth-child(n+5){animation-delay:.36s}.app:not(.is-loading) .dock .group{animation:ui-up .9s .24s var(--ease) both}}@keyframes ui-up{0%{opacity:0;transform:translateY(10px)}}@media(max-width:1180px){.spec,.lbl-long{display:none}.lbl-short{display:inline}.dock__summary{display:block;flex-basis:100%;margin:0 0 1px;text-align:center;font:300 .82rem/1.35 var(--font-ui);color:var(--ink-soft);font-variant-numeric:lining-nums}}@media(max-height:640px)and (min-width:761px){:root{--top: 10px;--hl: 44px;--row: 36px}.spec,.dock__summary{display:none}.brand__symbol{width:34px}.brand__name{font-size:1.45rem}.dock{padding:7px 10px 7px 14px;gap:6px 14px;margin-bottom:calc(10px + env(safe-area-inset-bottom,0px))}.group{grid-template-columns:auto auto;align-items:center;gap:10px}.group--scene .group__label{display:none}.seg button{height:30px;padding:0 12px}.hint{bottom:calc(var(--dock-h, 90px) + 8px)}}@media(max-width:1300px){.tool-label,.qual__now{display:none}.tool{width:var(--row);padding:0}.tools .seg button{width:calc(var(--row) - 6px);padding:0}}@media(max-width:760px)and (min-height:501px){:root{--gutter: 10px;--top: 10px;--hl: 44px;--row: 38px}.brand__mark{gap:7px;padding:0 13px 0 8px}.brand__symbol{width:30px}.brand__name{font-size:1.32rem}.brand{flex-wrap:wrap;row-gap:6px}.brand__nav{order:2;margin-left:auto}.tools{order:3;flex:0 0 100%;gap:5px}.dock{left:calc(var(--gutter) + env(safe-area-inset-left,0px));right:calc(var(--gutter) + env(safe-area-inset-right,0px));transform:none;width:auto;max-width:none;margin-bottom:calc(10px + env(safe-area-inset-bottom,0px));padding:5px;border-radius:20px;display:block}.dock__bar{display:flex;align-items:center;gap:8px;min-height:34px;padding-left:11px}.dock__summary{flex:1;min-width:0;margin:0;text-align:left;font-size:.8rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dock__toggle{display:inline-flex}.dock__body{display:grid;gap:5px;padding-top:5px}.dock.is-collapsed .dock__body{display:none}.group{gap:0;justify-items:stretch}.group__label{display:none}.seg--scenes,.seg--views{display:flex;width:100%}.seg--scenes button,.seg--views button{flex:1 0 auto;padding:0 13px}.hint{bottom:calc(var(--dock-h, 150px) + 8px);max-width:calc(100% - 2 * var(--gutter));white-space:normal;text-align:center;font-size:.76rem}}@media(max-width:374px)and (min-height:501px){.brand__name{font-size:1.2rem}}@media(max-height:500px){:root{--gutter: 10px;--top: 8px;--hl: 40px;--row: 36px}.spec{display:none}.brand__mark{gap:7px;padding:0 13px 0 8px}.brand__symbol{width:28px}.brand__name{font-size:1.25rem}.tools{gap:5px}.tool-label,.qual__now{display:none}.tool{width:var(--row);padding:0}.tools .seg button{width:calc(var(--row) - 6px);padding:0}.qual__menu{max-height:calc(100vh - 70px);overflow-y:auto}.lbl-long{display:none}.lbl-short{display:inline}.dock{left:calc(var(--gutter) + env(safe-area-inset-left,0px));right:calc(var(--gutter) + env(safe-area-inset-right,0px));transform:none;width:auto;max-width:none;margin-bottom:calc(8px + env(safe-area-inset-bottom,0px));padding:5px;border-radius:18px;display:grid;grid-template-columns:fit-content(56%) minmax(0,1fr) auto;grid-template-areas:"summary summary toggle" "scene views views";align-items:center;gap:5px 6px}.dock__bar,.dock__body{display:contents}.dock__summary{display:block;grid-area:summary;margin:0;padding-left:11px;min-width:0;text-align:left;font:300 .8rem/1.3 var(--font-ui);color:var(--ink-soft);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dock__toggle{display:inline-flex;grid-area:toggle}.group{display:block;min-width:0}.group__label{display:none}.group--scene{grid-area:scene}.group--views{grid-area:views}.dock.is-collapsed .group{display:none}.seg button{height:32px;padding:0 12px}.seg--scenes{display:inline-flex}.seg--views{display:flex;max-width:100%}.seg--views button{flex:1 0 auto}.hint{bottom:calc(var(--dock-h, 70px) + 6px);max-width:calc(100% - 2 * var(--gutter));font-size:.76rem}}@media(hover:none){.seg button:hover:not([aria-pressed=true]){background:transparent;color:var(--ink-soft)}.qual__menu button:hover:not([aria-pressed=true]){background:transparent}.tool:hover:not([aria-pressed=true]){background-color:var(--glass);border-color:var(--line)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition-duration:.01ms!important;animation:none!important}}.brand__nav{display:flex;align-items:center;flex:none;gap:2px;height:var(--hl);padding:0 5px 0 4px;border-radius:999px;pointer-events:auto}.brand__back{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:calc(var(--hl) - 10px);padding:0 14px 0 12px;border-radius:999px;font:500 .7rem/1 var(--font-ui);letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;text-decoration:none;color:var(--ink);transition:background-color .3s var(--ease),color .3s var(--ease)}.brand__back svg{width:15px;height:15px;flex:none;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round;transition:transform .5s var(--ease)}.brand__back:hover{color:#fff;background:var(--hover)}.brand__back:hover svg{transform:translate(-3px)}.brand__cta{position:relative;isolation:isolate;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;height:calc(var(--hl) - 10px);padding:0 20px;border:1px solid rgba(255,255,255,.75);border-radius:999px;background:#ffffff0f;font:500 .7rem/1 var(--font-ui);letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;text-decoration:none;color:#fff;transition:color .45s var(--ease),border-color .45s var(--ease),transform .2s var(--ease)}.brand__cta:before{content:"";position:absolute;inset:-1px;z-index:-1;border-radius:inherit;background:#fff;transform:translateY(101%);transition:transform .5s var(--ease)}.brand__cta:hover{color:var(--inkoust);border-color:#fff}.brand__cta:hover:before{transform:none}.brand__cta:active{transform:scale(.97)}.cta{position:relative;isolation:isolate;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:44px;padding:0 24px;border:1px solid #fff;border-radius:999px;background:#fff;color:var(--inkoust);cursor:pointer;font:500 .72rem/1.2 var(--font-ui);letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;text-decoration:none;transition:border-color .45s var(--ease),transform .2s var(--ease)}.cta:before{content:"";position:absolute;inset:-1px;z-index:-1;border-radius:inherit;background:var(--led-light);transform:translateY(101%);transition:transform .5s var(--ease)}.cta:after{content:"\2192";font-weight:400;letter-spacing:0;transition:transform .5s var(--ease)}.cta:hover{border-color:var(--led-light)}.cta:hover:before{transform:none}.cta:hover:after{transform:translate(4px)}.cta:active{transform:scale(.97)}.cta:focus-visible{outline-color:var(--led-light)}.spec__cta{width:100%;margin-top:3px}.nowebgl__cta{margin-top:8px;display:flex;justify-content:center}@media(max-width:900px){.brand__back{width:calc(var(--hl) - 10px);padding:0}.brand__back-label{display:none}}@media(max-width:760px)and (min-height:501px){.brand__nav{gap:3px;padding:0 4px}.brand__back{width:calc(var(--hl) - 10px);padding:0}.brand__back-label{display:none}.brand__cta{padding:0 14px;font-size:.66rem;letter-spacing:.1em}}@media(max-width:374px)and (min-height:501px){.brand__back{display:none}}@media(max-height:500px){.brand__nav{padding:0 4px}.brand__back{width:calc(var(--hl) - 8px);height:calc(var(--hl) - 8px);padding:0}.brand__back-label{display:none}.brand__cta{height:calc(var(--hl) - 8px);padding:0 14px;font-size:.66rem;letter-spacing:.1em}}@media(prefers-reduced-motion:reduce){.brand__cta:before,.cta:before{transition:none}}
