.threeui-mount,.terrain-plume-component,.text-path-study,.article-headings-component,.animated-top-dock-component,.typography-vortex-component,.mechanical-keyboard,.retro-metallic,.landscape-scene,.japanese-tower-landscape,.sakura-branch-scene,.isometric-motion-grid,.isometric-illustration,.tetrahedron-365,.liquid-metal-button,.iso-mail-lightshafts,.spark-badge,.hypnotic-loops,.at-the-horizon,.scalability-bricks,.threeui-background{position:relative;width:100%;height:100%;min-width:0;min-height:0;overflow:hidden}.mechanical-keyboard{isolation:isolate;background:#090a0c}.mechanical-keyboard__frame{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;border:0;background:#090a0c;opacity:0;transition:opacity .18s ease-out;touch-action:none}.mechanical-keyboard__frame.is-ready{opacity:1}.retro-metallic{isolation:isolate;background:#08090a}.retro-metallic__frame{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;border:0;background:#08090a;opacity:0;transition:opacity .18s ease-out;touch-action:none}.retro-metallic__frame.is-ready{opacity:1}.japanese-tower-landscape{isolation:isolate;background:#ecdcbc}.japanese-tower-landscape__frame{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;border:0;background:#ecdcbc;opacity:0;transition:opacity .18s ease-out}.japanese-tower-landscape__frame.is-ready{opacity:1}.landscape-scene{isolation:isolate;background:#ecdcbc}.landscape-scene__frame{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;border:0;background:#ecdcbc;opacity:0;transition:opacity .18s ease-out;touch-action:none}.landscape-scene__frame.is-ready{opacity:1}.sakura-branch-scene{isolation:isolate;background:#d4738a}.sakura-branch-scene__frame{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;border:0;background:#d4738a;opacity:0;transition:opacity .18s ease-out}.sakura-branch-scene__frame.is-ready{opacity:1}@media(prefers-reduced-motion:reduce){.sakura-branch-scene__frame{transition:none}}.isometric-motion-grid{isolation:isolate;background:#08090a}.isometric-motion-grid__stage{position:absolute;top:50%;left:50%;width:1200px;height:675px;transform-origin:50% 50%}.isometric-motion-grid__frame{display:block;width:100%;height:100%;border:0;background:#08090a;opacity:0;transition:opacity .18s ease-out}.isometric-motion-grid__frame.is-ready{opacity:1}.isometric-illustration{isolation:isolate;background:#111}.isometric-illustration__frame{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;border:0;background:#111;opacity:0;transition:opacity .18s ease-out}.isometric-illustration__frame.is-ready{opacity:1}.tetrahedron-365{isolation:isolate;background:#000}.tetrahedron-365__frame{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;border:0;background:#000;opacity:0;transition:opacity .18s ease-out}.tetrahedron-365__frame.is-ready{opacity:1}@media(prefers-reduced-motion:reduce){.tetrahedron-365__frame{transition:none}}.liquid-metal-button{isolation:isolate;background:#070708}.liquid-metal-button__frame{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;border:0;background:#070708;opacity:0;transition:opacity .18s ease-out}.liquid-metal-button__frame.is-ready{opacity:1}@media(prefers-reduced-motion:reduce){.liquid-metal-button__frame{transition:none}}.iso-mail-lightshafts{isolation:isolate;background:#140f0b}.iso-mail-lightshafts__frame{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;border:0;background:#140f0b;opacity:0;transition:opacity .18s ease-out}.iso-mail-lightshafts__frame.is-ready{opacity:1}.spark-badge{isolation:isolate;background:#000}.spark-badge__frame{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;border:0;background:#000;opacity:0;transition:opacity .18s ease-out}.spark-badge__frame.is-ready{opacity:1}.hypnotic-loops{isolation:isolate;background:#f15a24}.hypnotic-loops__frame{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;border:0;background:#f15a24;opacity:0}.hypnotic-loops__frame.is-ready{opacity:1}.at-the-horizon{isolation:isolate;background:#000}.at-the-horizon__frame{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;border:0;background:#000;opacity:0;transition:opacity .18s ease-out}.at-the-horizon__frame.is-ready{opacity:1}.scalability-bricks{isolation:isolate;background:#0b0b0c}.scalability-bricks__frame{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;border:0;background:#0b0b0c;opacity:0;transition:opacity .18s ease-out}.scalability-bricks__frame.is-ready{opacity:1}.text-path-study{isolation:isolate;background:#08090a}.text-path-study--light{background:#f3f5f8}.text-path-study-frame{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;border:0;background:transparent;transform-origin:50% 50%}.threeui-background{position:relative;isolation:isolate;background:#030304}.threeui-background.condensation{background:transparent}.threeui-background.predictive-arc--light,.threeui-background.data-pixel-arc--light{background:#f3f6f1}.typography-vortex-component.typography-vortex-component--light{background:#eef1f6}.typography-vortex-component--light .typography-vortex-component__hint{color:#1c1e268c}.threeui-background>canvas{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%}.cross-beam-canvas,.terrain-plume-canvas{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%}.terrain-plume-component{pointer-events:none}.terrain-plume-component{--fe-bg: #030304;--fe-band: clamp(260px, 52cqw, 820px);isolation:isolate;container-type:inline-size;background:linear-gradient(180deg,#050505,#020202 44%,#000)}.terrain-plume-component[data-terrain-scene=river]{--fe-bg: #03070a;background:linear-gradient(180deg,#05090d,#020507 44%,#000)}.terrain-plume-component[data-terrain-scene=desert]{--fe-bg: #0a0603;background:linear-gradient(180deg,#0d0805,#060302 44%,#000)}.terrain-plume-component[data-terrain-scene=bridge-city]{--fe-bg: #03050b;background:linear-gradient(180deg,#050810,#020407 44%,#000)}.terrain-plume-component[data-terrain-scene=river] .terrain-plume-canvas,.terrain-plume-component[data-terrain-scene=desert] .terrain-plume-canvas,.terrain-plume-component[data-terrain-scene=bridge-city] .terrain-plume-canvas{top:auto;bottom:calc(var(--fe-band) * .33)}.terrain-plume-component[data-terrain-scene=river]:after,.terrain-plume-component[data-terrain-scene=desert]:after,.terrain-plume-component[data-terrain-scene=bridge-city]:after{background:radial-gradient(circle at 50% 100%,rgba(255,255,255,.07),transparent 34%),linear-gradient(180deg,#0000000f,#0000004d 72%,#0000009e)}.terrain-plume-component:before,.terrain-plume-component:after{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;content:""}.terrain-plume-component:before{background:linear-gradient(90deg,transparent calc(50% - .5px),rgba(255,255,255,.05) calc(50% - .5px) calc(50% + .5px),transparent calc(50% + .5px)),repeating-linear-gradient(90deg,rgba(255,255,255,.022) 0 1px,transparent 1px 11.5vw),repeating-linear-gradient(180deg,rgba(255,255,255,.018) 0 1px,transparent 1px 5.8rem);opacity:.74}.terrain-plume-component:after{background:radial-gradient(circle at 50% 100%,rgba(255,255,255,.09),transparent 34%),linear-gradient(180deg,#0000001a,#0000009e 72%,#000000e6)}.terrain-plume-canvas{z-index:0}.footer-engraved-terrain{position:absolute;right:0;bottom:0;left:0;z-index:1;display:block;width:100%;height:var(--fe-band);pointer-events:none}.footer-engraved-reveal{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;display:block;width:100%;height:100%;pointer-events:none}.footer-engraved-grain{position:absolute;top:0;right:0;bottom:0;left:0;z-index:6;pointer-events:none;opacity:.05;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/></filter><rect width='160' height='160' filter='url(%23n)'/></svg>");background-size:160px 160px}.sunset-valley-scene,.sunset-valley-canvas{display:block;width:100%;height:100%}.sunset-valley-scene{position:relative;overflow:hidden;background:#090d16}.sunset-valley-canvas{position:relative;z-index:1;opacity:0;touch-action:none}.sunset-valley-canvas.is-ready{opacity:1}img.sunset-valley-fallback{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;object-fit:cover;object-position:center}.temple-night-scene,.temple-night-canvas{display:block;width:100%;height:100%}.temple-night-scene{position:relative;overflow:hidden;background:#05070a}.temple-night-canvas{position:relative;z-index:1;opacity:0;touch-action:none}.temple-night-canvas.is-ready{opacity:1}.temple-night-unavailable{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;margin:0;color:#a9b2b7;background:#05070a}.yosemite-sunset-scene,.yosemite-sunset-canvas{display:block;width:100%;height:100%}.yosemite-sunset-scene{position:relative;overflow:hidden;background:#241a26}.yosemite-sunset-canvas{position:relative;z-index:1;opacity:0;touch-action:none}.yosemite-sunset-canvas.is-ready{opacity:1}.yosemite-sunset-unavailable{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;margin:0;color:#e0c3ab;background:#241a26}.presidio-sunset-scene,.presidio-sunset-canvas{display:block;width:100%;height:100%}.presidio-sunset-scene{position:relative;overflow:hidden;background:#2a1c22}.presidio-sunset-canvas{position:relative;z-index:1;opacity:0;touch-action:none}.presidio-sunset-canvas.is-ready{opacity:1}.presidio-sunset-unavailable{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;margin:0;color:#e6c1ad;background:#2a1c22}.lake-louise-scene,.lake-louise-canvas{display:block;width:100%;height:100%}.lake-louise-scene{position:relative;overflow:hidden;background:#171d2c}.lake-louise-canvas{position:relative;z-index:1;opacity:0;touch-action:none}.lake-louise-canvas.is-ready{opacity:1}.lake-louise-unavailable{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;margin:0;color:#b9c8d6;background:#171d2c}.bookshelf,.bookshelf__canvas,.sketchbook,.sketchbook__frame{display:block;width:100%;height:100%}.bookshelf{position:relative;container-type:inline-size;overflow:hidden;background:#171a24;outline:none}.bookshelf__canvas{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;touch-action:none}.bookshelf__canvas.is-ready{opacity:1}.bookshelf__source-controls{display:none}.bookshelf__unavailable{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;margin:0;padding:24px;color:#f4eee6;text-align:center}.sketchbook{position:relative;overflow:hidden;background:#ece7dc}.sketchbook__frame{border:0;opacity:0;background:#ece7dc}.sketchbook__frame.is-ready{opacity:1}.article-headings-component,.animated-top-dock-component,.typography-vortex-component{container-type:inline-size;color:#ecece8;background:#0b0b0b;font-family:Geist,Helvetica Neue,Helvetica,Arial,sans-serif}.article-headings-component{display:grid;grid-template-rows:auto 1fr 1fr;padding:clamp(20px,5.4cqw,74px) clamp(20px,6.2cqw,86px);isolation:isolate}.article-headings-component:after,.animated-top-dock-component:after,.typography-vortex-component:after{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;pointer-events:none;content:"";opacity:.12;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.16'/%3E%3C/svg%3E");mix-blend-mode:soft-light}.article-headings-component__header{display:flex;justify-content:space-between;padding-bottom:clamp(14px,2.6cqw,30px);color:#62625e;font:400 clamp(8px,.85cqw,10px) / 1 "ThreeUI Fragment Mono",ui-monospace,monospace;letter-spacing:.12em}.article-headings-component__entry{display:grid;grid-template-columns:clamp(28px,4cqw,56px) minmax(0,1fr) auto;align-items:center;gap:clamp(10px,2.2cqw,30px);border-top:1px solid #2a2a28}.article-headings-component__entry h2{margin:0;color:#e9e9e5;font-size:clamp(18px,3.2cqw,44px);font-weight:600;line-height:1.08;letter-spacing:-.02em}.article-headings-component__index,.article-headings-component__meta{color:#60605c;font:400 clamp(8px,.85cqw,10px) / 1.3 "ThreeUI Fragment Mono",ui-monospace,monospace;letter-spacing:.06em}.article-headings-component__meta{text-align:right}.article-headings-component--light{color:#202128;background:#f3f5f8}.article-headings-component--light .article-headings-component__header,.article-headings-component--light .article-headings-component__index,.article-headings-component--light .article-headings-component__meta{color:#71737b}.article-headings-component--light .article-headings-component__entry{border-color:#d9dce3}.article-headings-component--light .article-headings-component__entry h2{color:#1d1f26}.typography-vortex-component{position:relative;isolation:isolate;touch-action:none;cursor:crosshair}.typography-vortex-component canvas{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%}.typography-vortex-component__hint,.animated-top-dock-component__caption{position:absolute;z-index:6;color:#62625e;font:400 9px/1 ThreeUI Fragment Mono,ui-monospace,monospace;letter-spacing:.1em}.typography-vortex-component__hint{right:18px;bottom:16px}.animated-top-dock-component{position:relative;display:grid;place-items:center;isolation:isolate;background:radial-gradient(circle at 50% 20%,rgba(255,255,255,.035),transparent 34%),#080808}.animated-top-dock__nav{position:absolute;top:clamp(24px,5cqw,46px);left:50%;z-index:10;display:flex;align-items:flex-start;gap:3px;height:38px;padding:4px;overflow:visible;border:1px solid #292929;border-radius:11px;background:#0e0e0edb;box-shadow:0 12px 34px #0000007a,inset 0 1px #ffffff09;-webkit-backdrop-filter:blur(18px) saturate(75%);backdrop-filter:blur(18px) saturate(75%);transform:translate(-50%);isolation:isolate}.animated-top-dock__item{position:relative;z-index:6;display:inline-flex;flex:none;align-items:center;justify-content:center;height:28px;min-width:0;padding:0;border:1px solid transparent;border-radius:7px;outline:none;color:#858580;background:#151514e6;font:400 10px/1 ThreeUI Fragment Mono,ui-monospace,monospace;letter-spacing:.1em;white-space:nowrap;-webkit-backdrop-filter:blur(14px) saturate(70%);backdrop-filter:blur(14px) saturate(70%);transform-origin:50% 0;transition:color .15s,border-color .18s,background .18s,box-shadow .18s;will-change:width,height,transform;cursor:pointer}.animated-top-dock__item[data-dock-near=true],.animated-top-dock__item:focus-visible{z-index:7;color:#ecece8;border-color:#41413e;background:#1b1b1af0;box-shadow:0 7px 16px #00000042}.animated-top-dock__logo{width:28px;height:28px;overflow:hidden;background:#e8e8e3}.animated-top-dock__logo svg{display:block;width:100%;height:100%}.animated-top-dock__link{gap:6px;width:94px;padding:0 9px}.animated-top-dock__link[aria-pressed=true]{color:#111;border-color:#e8e8e3;background:#e8e8e3;box-shadow:0 7px 18px #00000047}.animated-top-dock__icon{display:inline-flex;flex:none;align-items:center;justify-content:center;width:13px;height:13px;opacity:.62;transition:opacity .16s}.animated-top-dock__icon svg{display:block;width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.2;stroke-linecap:round;stroke-linejoin:round}.animated-top-dock__item[data-dock-near=true] .animated-top-dock__icon,.animated-top-dock__item:focus-visible .animated-top-dock__icon{opacity:1}.animated-top-dock-component__caption{right:18px;bottom:16px}@media(max-width:600px){.article-headings-component{padding:18px}.article-headings-component__entry{grid-template-columns:24px minmax(0,1fr)}.article-headings-component__entry h2{font-size:clamp(17px,5.5vw,26px)}.article-headings-component__meta{display:none}.animated-top-dock__nav{top:24px;gap:2px;height:36px}.animated-top-dock__item{height:26px!important;transform:none!important}.animated-top-dock__logo{width:26px!important;height:26px!important}.animated-top-dock__link{width:auto!important;padding:0 7px;font-size:8px;letter-spacing:.07em}.animated-top-dock__icon{display:none}}@media(prefers-reduced-motion:reduce){.animated-top-dock__item{transform:none!important}}.animated-top-dock-component.atd-modern,.animated-top-dock-component.atd-retro,.animated-top-dock-component.atd-glass{--atd-top: clamp(16px, 2.6cqw, 46px);--atd-bar-width: min(1460px, calc(100% - clamp(24px, 4.2cqw, 96px)) );--atd-bar-height: clamp(48px, 3.4cqw, 68px);--atd-bar-pad: clamp(5px, .42cqw, 9px);--atd-bar-lead: clamp(14px, 1.15cqw, 25px);--atd-item-height: clamp(30px, 2.2cqw, 44px);--atd-item-pad: clamp(10px, .86cqw, 18px);--atd-label: clamp(12px, .78cqw, 17px);--atd-icon: clamp(13px, .92cqw, 19px);--atd-gap: clamp(5px, .44cqw, 9px);--atd-brand: clamp(13px, .94cqw, 20px);--atd-mark: clamp(22px, 1.55cqw, 33px);--atd-action-height: clamp(34px, 2.5cqw, 50px);display:block;overflow:hidden}.atd-modern__bar,.atd-retro__bar{position:absolute;top:var(--atd-top);left:50%;z-index:10;display:flex;align-items:center;justify-content:space-between;width:var(--atd-bar-width);height:var(--atd-bar-height);transform:translate(-50%)}.atd-modern__bar{width:max-content;max-width:var(--atd-bar-width);padding:var(--atd-bar-pad) var(--atd-bar-pad) var(--atd-bar-pad) var(--atd-bar-lead)}.atd-modern__dock{display:flex;flex:none;gap:clamp(2px,.2cqw,5px);align-items:flex-start;justify-content:center;height:var(--atd-item-height)}.atd-modern__item,.atd-retro__item,.atd-glass__item{display:inline-flex;flex:none;gap:var(--atd-gap);align-items:center;justify-content:center;height:var(--atd-item-height);padding:0 var(--atd-item-pad);outline:none;white-space:nowrap;transform-origin:50% 0;will-change:width,height,transform;cursor:pointer}.atd-modern__brand,.atd-glass__brand,.atd-retro__brand{display:inline-flex;flex:none;gap:clamp(7px,.6cqw,13px);align-items:center;text-decoration:none}.atd-modern__mark,.atd-glass__mark{display:block;width:var(--atd-mark);height:var(--atd-mark);overflow:hidden}.atd-modern__mark svg,.atd-glass__mark svg{display:block;width:100%;height:100%}.atd-modern__word,.atd-glass__word{font-size:var(--atd-brand);font-weight:600;letter-spacing:-.018em}.atd-modern__actions{display:inline-flex;flex:none;gap:clamp(4px,.34cqw,8px);align-items:center}.atd-modern__ghost{height:var(--atd-action-height);padding:0 clamp(12px,.95cqw,20px);border:0;border-radius:999px;background:transparent;font:500 var(--atd-label) / 1 inherit;transition:color .16s,background .16s;cursor:pointer}.atd-modern__cta,.atd-glass__cta{height:var(--atd-action-height);border-radius:999px;font:600 var(--atd-label) / 1 inherit;letter-spacing:-.01em;white-space:nowrap;transition:transform .18s cubic-bezier(.22,1,.36,1),box-shadow .18s;cursor:pointer}.animated-top-dock-component.atd-modern{--atd-bar-width: min(1240px, calc(100% - clamp(24px, 5cqw, 120px)) );background:#07080c}.atd-modern__aurora{position:absolute;inset:-24% -12% auto -12%;z-index:1;height:82%;pointer-events:none;background:radial-gradient(58% 62% at 22% 36%,rgba(78,116,255,.4),transparent 68%),radial-gradient(46% 56% at 78% 20%,rgba(186,96,255,.3),transparent 70%),radial-gradient(40% 48% at 52% 6%,rgba(56,220,214,.2),transparent 72%),radial-gradient(34% 40% at 50% 14%,rgba(255,255,255,.07),transparent 76%);filter:blur(8px)}.atd-modern__bar{gap:clamp(14px,2.4cqw,40px);border:1px solid rgba(255,255,255,.045);border-radius:999px;background:linear-gradient(180deg,#191b24db,#0c0d12d1);box-shadow:0 22px 52px -24px #000000eb,inset 0 1px #ffffff0b;backdrop-filter:blur(22px) saturate(150%);-webkit-backdrop-filter:blur(22px) saturate(150%)}.atd-modern__brand{color:#f2f3f7}.atd-modern__mark{border-radius:50%;box-shadow:0 2px 8px #0000006b}.atd-modern__item{border:1px solid transparent;border-radius:999px;color:#9b9fae;background:transparent;font:500 var(--atd-label) / 1 inherit;letter-spacing:-.005em;transition:color .16s,border-color .18s,background .18s,box-shadow .18s,backdrop-filter .18s}.atd-modern__item[data-dock-near=true],.atd-modern__item:hover,.atd-modern__item:focus-visible{color:#f4f5f9;border-color:#ffffff0e;background:#ffffff0e;box-shadow:0 8px 20px -14px #000000e6,inset 0 1px #ffffff0d;backdrop-filter:blur(18px) saturate(170%);-webkit-backdrop-filter:blur(18px) saturate(170%)}.atd-modern__item[aria-pressed=true]{color:#0a0b10;border-color:transparent;background:linear-gradient(180deg,#fff,#dfe3ef);box-shadow:0 10px 24px -12px #7896ffbf,inset 0 -1px #00000024}.atd-modern__icon,.atd-glass__icon{display:inline-flex;flex:none;align-items:center;justify-content:center;width:var(--atd-icon);height:var(--atd-icon);opacity:.72;transition:opacity .16s}.atd-modern__icon svg,.atd-glass__icon svg{display:block;width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.25;stroke-linecap:round;stroke-linejoin:round}.atd-modern__item[data-dock-near=true] .atd-modern__icon,.atd-modern__item[aria-pressed=true] .atd-modern__icon,.atd-glass__item[data-dock-near=true] .atd-glass__icon,.atd-glass__item[aria-pressed=true] .atd-glass__icon{opacity:1}.atd-modern__ghost{color:#a7abba}.atd-modern__ghost:hover{color:#f0f1f6;background:#ffffff0f}.atd-modern__cta{display:inline-flex;gap:var(--atd-gap);align-items:center;padding:0 var(--atd-bar-pad) 0 clamp(14px,1.1cqw,24px);border:0;color:#0a0b10;background:linear-gradient(180deg,#fff,#d8ddec);box-shadow:0 10px 26px -14px #96affff2,inset 0 -1px #00000029}.atd-modern__cta svg{box-sizing:border-box;width:calc(var(--atd-action-height) - clamp(12px,.9cqw,20px));height:calc(var(--atd-action-height) - clamp(12px,.9cqw,20px));padding:clamp(4px,.3cqw,7px);border-radius:999px;background:#0a0b101a;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}.atd-modern__cta:hover{box-shadow:0 16px 32px -14px #96afff,inset 0 -1px #00000029;transform:translateY(-1px)}.atd-modern__stage{position:absolute;top:58%;left:50%;z-index:4;width:min(88cqw,1120px);text-align:center;pointer-events:none;transform:translate(-50%,-50%)}.atd-modern__eyebrow{margin:0 0 clamp(8px,.9cqw,18px);color:#7d84a0;font:400 clamp(8px,.62cqw,13px) / 1 "ThreeUI Fragment Mono",ui-monospace,monospace;letter-spacing:.22em;text-transform:uppercase}.atd-modern__headline{margin:0;padding:.08em 0 .14em;color:transparent;background:linear-gradient(180deg,#fff 16%,#ffffff4d);background-clip:text;-webkit-background-clip:text;font-size:clamp(30px,7.6cqw,150px);font-weight:400;line-height:1.04;letter-spacing:-.03em;text-wrap:balance}.animated-top-dock-component.atd-retro{--atd-label: clamp(9px, .68cqw, 15px);--atd-icon: clamp(10px, .78cqw, 17px);--atd-brand: clamp(11px, .8cqw, 18px);background:#0b0819}.atd-retro__field{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;display:block;width:100%;height:100%;image-rendering:pixelated}.atd-retro__vignette{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:radial-gradient(124% 90% at 50% 34%,transparent 28%,rgba(6,4,16,.62) 100%),linear-gradient(180deg,rgba(6,4,16,.6) 0%,transparent 24%,transparent 62%,rgba(6,4,16,.58) 100%)}.atd-retro:before{position:absolute;top:0;right:0;bottom:0;left:0;z-index:11;pointer-events:none;content:"";opacity:calc(var(--atd-retro-scan, .32) * 1.5);background:repeating-linear-gradient(180deg,rgba(0,0,0,.42) 0 1px,transparent 1px 3px)}.atd-retro__bar{gap:0;padding:0;overflow:hidden;border:2px solid #f4e6c8;background:#1a1030;box-shadow:6px 6px #0604109e}.atd-retro__brand{height:100%;padding:0 clamp(12px,1.1cqw,26px);border-right:2px solid #4b2f7e;color:#f9c74f;background:#150c28;font:400 var(--atd-brand) / 1 "ThreeUI Fragment Mono",ui-monospace,monospace;letter-spacing:.12em}.atd-retro__dock{display:flex;flex:1 1 0;gap:0;align-items:stretch;min-width:0;height:100%}.atd-retro__badge{display:inline-flex;width:var(--atd-icon);height:var(--atd-icon)}.atd-retro__badge svg,.atd-retro__icon svg{display:block;width:100%;height:100%;fill:currentColor;shape-rendering:crispEdges}.atd-retro__item{height:100%;min-width:0;padding:0 clamp(6px,.5cqw,12px);overflow:hidden;border:0;border-right:2px solid #4b2f7e;color:#b9a7e8;background:#241548;font:400 var(--atd-label) / 1 "ThreeUI Fragment Mono",ui-monospace,monospace;letter-spacing:.14em;transition:color .1s steps(2),background .1s steps(2)}.atd-retro__item[data-dock-near=true],.atd-retro__item:focus-visible{color:#fff4d6;background:#3a2170}.atd-retro__item[aria-pressed=true]{color:#1a1030;background:#f9c74f}.atd-retro__icon{display:inline-flex;flex:none;width:var(--atd-icon);height:var(--atd-icon)}.atd-retro__cta{display:inline-flex;flex:none;gap:var(--atd-gap);align-items:center;height:100%;padding:0 clamp(14px,1.2cqw,28px);border:0;border-left:2px solid #f4e6c8;color:#1a1030;background:#f47b5c;font:400 var(--atd-label) / 1 "ThreeUI Fragment Mono",ui-monospace,monospace;letter-spacing:.16em;transition:background .1s steps(2),color .1s steps(2);cursor:pointer}.atd-retro__cta:hover{color:#1a1030;background:#f9c74f}.atd-retro__readout{position:absolute;bottom:clamp(30px,4.2cqw,74px);left:50%;z-index:8;display:flex;gap:clamp(12px,2.4cqw,42px);margin:0;color:#a08fd4;font:400 clamp(9px,.62cqw,13px) / 1 "ThreeUI Fragment Mono",ui-monospace,monospace;letter-spacing:.2em;transform:translate(-50%)}.animated-top-dock-component.atd-glass{--atd-rail-width: clamp(158px, 12.5cqw, 250px);background:#08090d}.atd-glass__field{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;display:block;width:100%;height:100%}.atd-glass:before{position:absolute;inset:0 auto 0 0;z-index:5;width:42%;pointer-events:none;content:"";background:linear-gradient(90deg,#06070ba8,#06070b00)}.atd-glass__rail{position:absolute;top:50%;left:clamp(20px,3.4cqw,68px);z-index:10;display:flex;flex-direction:column;gap:clamp(6px,.5cqw,11px);align-items:stretch;width:var(--atd-rail-width);padding:var(--atd-bar-pad);border-radius:clamp(20px,1.7cqw,34px);background:linear-gradient(160deg,#ffffff26,#ffffff0d);box-shadow:0 30px 64px -26px #000000eb,inset 0 1px #ffffff70,inset 0 -1px #ffffff1f,inset 0 0 0 1px #ffffff24;backdrop-filter:blur(26px) saturate(190%);-webkit-backdrop-filter:blur(26px) saturate(190%);transform:translateY(-50%)}.atd-glass__rail:before{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;content:"";border-radius:inherit;background:linear-gradient(168deg,#ffffff38,#fff0 30%,#fff0 76%,#ffffff24)}.atd-glass__brand{position:relative;padding:clamp(6px,.5cqw,12px) clamp(8px,.7cqw,15px);color:#fbfbfe}.atd-glass__mark{border-radius:clamp(7px,.5cqw,11px);box-shadow:0 3px 10px #0000006b,inset 0 0 0 1px #ffffff4d}.atd-glass__hairline{height:1px;margin:clamp(2px,.2cqw,5px) clamp(6px,.5cqw,12px);background:linear-gradient(90deg,#ffffff0a,#ffffff42,#ffffff0a)}.atd-glass__dock{position:relative;display:flex;flex-direction:column;gap:clamp(2px,.2cqw,5px);align-items:stretch}.atd-glass__item{justify-content:flex-start;width:100%;border:1px solid transparent;border-radius:clamp(12px,1cqw,22px);color:#ffffffa8;background:transparent;font:500 var(--atd-label) / 1 inherit;letter-spacing:-.005em;transform-origin:0 50%;transition:color .18s,border-color .2s,background .2s,box-shadow .2s}.atd-glass__item[data-dock-near=true],.atd-glass__item:focus-visible{color:#fff;border-color:#ffffff3d;background:linear-gradient(180deg,#ffffff38,#ffffff12);box-shadow:inset 0 1px #ffffff75,0 8px 18px -10px #000c}.atd-glass__item[aria-pressed=true]{color:#0d0f16;border-color:#fff9;background:linear-gradient(180deg,#fff,#e6e9f4);box-shadow:0 10px 24px -12px #ffffff80,inset 0 -1px #00000024}.atd-glass__cta{display:inline-flex;gap:var(--atd-gap);align-items:center;justify-content:space-between;width:100%;padding:0 clamp(12px,1cqw,22px);border:1px solid rgba(255,255,255,.55);color:#0d0f16;background:linear-gradient(180deg,#fff,#dfe3f0);box-shadow:0 12px 30px -14px #fff9,inset 0 -1px #00000029}.atd-glass__cta svg{width:var(--atd-icon);height:var(--atd-icon);fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.atd-glass__cta:hover{box-shadow:0 16px 34px -14px #ffffffbf,inset 0 -1px #00000029;transform:translateY(-1px)}.atd-modern .animated-top-dock-component__caption,.atd-glass .animated-top-dock-component__caption{color:#ffffff57}.atd-retro .animated-top-dock-component__caption{z-index:12;color:#7b6ab0}@container (max-width: 900px){.atd-modern__ghost{display:none}.atd-modern__item span:last-child,.atd-retro__item span:last-child{display:none}.atd-modern__cta span{display:none}.atd-modern__cta{padding:0 var(--atd-bar-pad)}.animated-top-dock-component.atd-glass{--atd-rail-width: auto}.atd-glass__item{justify-content:center}.atd-glass__item span:last-child,.atd-glass__word,.atd-glass__cta span{display:none}.atd-glass__cta{justify-content:center}}@media(max-width:600px){.atd-modern__word{display:none}.atd-modern__item{height:28px!important;transform:none!important}.atd-glass__item{height:auto!important;transform:none!important}.atd-retro__item{height:100%!important;transform:none!important}.atd-modern__stage{top:62%}.atd-retro__readout{display:none}}@media(prefers-reduced-motion:reduce){.atd-modern__item,.atd-retro__item,.atd-glass__item{transform:none!important}}:root{--primary: #4F46E5;--primary-hover: #4338CA;--primary-light: #EEF2FF;--primary-rgb: 79, 70, 229;--secondary: #7C3AED;--secondary-hover: #6D28D9;--secondary-light: #F5F3FF;--accent: #06B6D4;--accent-hover: #0891B2;--accent-light: #ECFEFF;--success: #10B981;--success-light: #ECFDF5;--warning: #F59E0B;--warning-light: #FFFBEB;--danger: #EF4444;--danger-light: #FEF2F2;--bg-main: #fbf8f2;--bg-card: #ffffff;--bg-card-hover: #faf6ee;--bg-subtle: #f5efe4;--bg-glass: rgba(251, 248, 242, .92);--border-color: #e7e0d3;--border-subtle: #f0eae0;--text-main: #2b2721;--text-muted: #6e675f;--text-subtle: #9e9589;--text-inverse: #ffffff;--font-sans: "Inter", system-ui, -apple-system, sans-serif;--font-heading: "Outfit", sans-serif;--font-serif: "Newsreader", Georgia, serif;--font-display: "Instrument Serif", Georgia, serif;--shadow-sm: 0 1px 2px 0 rgba(43, 39, 33, .05);--shadow-md: 0 4px 6px -1px rgba(43, 39, 33, .07), 0 2px 4px -1px rgba(43, 39, 33, .04);--shadow-lg: 0 10px 15px -3px rgba(43, 39, 33, .08), 0 4px 6px -2px rgba(43, 39, 33, .04);--shadow-xl: 0 20px 25px -5px rgba(43, 39, 33, .1), 0 10px 10px -5px rgba(43, 39, 33, .04);--shadow-glow: 0 0 20px rgba(79, 70, 229, .25);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--transition: all .2s cubic-bezier(.4, 0, .2, 1);--transition-slow: all .35s cubic-bezier(.4, 0, .2, 1)}[data-theme=dark]{--bg-main: #191715;--bg-card: #221f1b;--bg-card-hover: #2a2723;--bg-subtle: #2a2723;--bg-glass: rgba(25, 23, 21, .92);--border-color: #38332d;--border-subtle: #2a2723;--text-main: #f2ede4;--text-muted: #a69e92;--text-subtle: #787166;--text-inverse: #191715;--primary: #6366F1;--primary-light: rgba(99, 102, 241, .15);--secondary-light: rgba(124, 58, 237, .15);--accent-light: rgba(6, 182, 212, .15);--success-light: rgba(16, 185, 129, .15);--warning-light: rgba(245, 158, 11, .15);--danger-light: rgba(239, 68, 68, .15);--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .4);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .5);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .6);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .7);--shadow-glow: 0 0 25px rgba(99, 102, 241, .4)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:var(--bg-main);color:var(--text-main);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;transition:background-color .3s ease,color .3s ease}h1,h2,h3,h4,h5,h6{font-family:Outfit,sans-serif;color:var(--text-main);font-weight:700;line-height:1.25}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.5rem}h4{font-size:1.25rem}h5{font-size:1.1rem}h6{font-size:.95rem}a{color:var(--primary);text-decoration:none;transition:var(--transition)}a:hover{color:var(--primary-hover)}p{color:var(--text-muted)}code,pre{font-family:Fira Code,monospace}.app-container{display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1}.dashboard-layout{display:flex;min-height:calc(100vh - 72px)}.dashboard-main{flex:1;padding:2rem;max-width:1400px;margin:0 auto;width:100%}.container{max-width:1280px;margin:0 auto;padding:0 1.5rem}.container-fluid{width:100%;padding:0 2rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.65rem 1.25rem;font-size:.95rem;font-weight:600;border-radius:var(--radius-md);border:1px solid transparent;cursor:pointer;transition:var(--transition);text-align:center;white-space:nowrap;-webkit-user-select:none;user-select:none}.btn-sm{padding:.4rem .85rem;font-size:.85rem;border-radius:var(--radius-sm)}.btn-lg{padding:.85rem 1.75rem;font-size:1.05rem;border-radius:var(--radius-lg)}.btn-primary{background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);color:#fff;box-shadow:0 4px 12px #4f46e540}.btn-primary:hover{background:linear-gradient(135deg,var(--primary-hover) 0%,var(--secondary-hover) 100%);box-shadow:0 6px 18px #4f46e566;transform:translateY(-1px);color:#fff}.btn-secondary{background-color:var(--bg-card);color:var(--text-main);border-color:var(--border-color)}.btn-secondary:hover{background-color:var(--bg-subtle);border-color:var(--text-muted)}.btn-outline{background:transparent;color:var(--primary);border-color:var(--primary)}.btn-outline:hover{background-color:var(--primary-light)}.dropdown-item{display:flex;align-items:center;gap:.65rem;padding:.65rem .75rem;border-radius:var(--radius-sm);color:var(--text-main);font-size:.9rem;font-weight:500;text-decoration:none;transition:all .15s ease;cursor:pointer}.dropdown-item:hover{background-color:var(--bg-subtle);color:var(--primary)!important;transform:translate(3px)}.btn-danger{background-color:var(--danger);color:#fff}.btn-danger:hover{background-color:#dc2626}.btn-success{background-color:var(--success);color:#fff}.btn-success:hover{background-color:#059669}.btn-ghost{background:transparent;color:var(--text-muted)}.btn-ghost:hover{background-color:var(--bg-subtle);color:var(--text-main)}.btn-icon{width:40px;height:40px;padding:0;border-radius:var(--radius-md);display:inline-flex;align-items:center;justify-content:center}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important;box-shadow:none!important}.card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.5rem;box-shadow:var(--shadow-sm);transition:var(--transition)}.card:hover{box-shadow:var(--shadow-md)}.card-interactive{cursor:pointer}.card-interactive:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl);border-color:#4f46e54d}.glass-card{background:var(--bg-glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-color);border-radius:var(--radius-lg)}.form-group{margin-bottom:1.25rem}.form-label{display:block;font-size:.875rem;font-weight:600;color:var(--text-main);margin-bottom:.5rem}.form-control{width:100%;padding:.75rem 1rem;font-size:.95rem;font-family:inherit;color:var(--text-main);background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);transition:var(--transition);outline:none}.form-control:focus{border-color:var(--primary);box-shadow:0 0 0 3px #4f46e526}.form-control::placeholder{color:var(--text-subtle)}textarea.form-control{resize:vertical;min-height:100px}.form-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2364748B'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;background-size:1.25rem;padding-right:2.5rem}.badge{display:inline-flex;align-items:center;gap:.35rem;padding:.25rem .65rem;font-size:.75rem;font-weight:700;border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.04em}.badge-primary{background-color:var(--primary-light);color:var(--primary)}.badge-secondary{background-color:var(--secondary-light);color:var(--secondary)}.badge-accent{background-color:var(--accent-light);color:var(--accent)}.badge-success{background-color:var(--success-light);color:var(--success)}.badge-warning{background-color:var(--warning-light);color:var(--warning)}.badge-danger{background-color:var(--danger-light);color:var(--danger)}.progress-container{width:100%;height:8px;background-color:var(--bg-subtle);border-radius:var(--radius-full);overflow:hidden;position:relative}.progress-bar-fill{height:100%;background:linear-gradient(90deg,var(--primary) 0%,var(--accent) 100%);border-radius:var(--radius-full);transition:width .6s cubic-bezier(.4,0,.2,1)}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}.grid-auto{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.table-responsive{overflow-x:auto;border-radius:var(--radius-lg);border:1px solid var(--border-color)}.table{width:100%;border-collapse:collapse;text-align:left}.table th{background-color:var(--bg-subtle);padding:1rem 1.25rem;font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);border-bottom:1px solid var(--border-color)}.table td{padding:1.1rem 1.25rem;border-bottom:1px solid var(--border-color);color:var(--text-main);font-size:.95rem}.table tbody tr:hover{background-color:var(--bg-subtle)}.table tbody tr:last-child td{border-bottom:none}.tabs-nav{display:flex;gap:.5rem;border-bottom:2px solid var(--border-color);margin-bottom:1.5rem;overflow-x:auto}.tab-btn{padding:.75rem 1.25rem;background:none;border:none;border-bottom:2px solid transparent;margin-bottom:-2px;font-size:.95rem;font-weight:600;color:var(--text-muted);cursor:pointer;transition:var(--transition);white-space:nowrap}.tab-btn:hover{color:var(--primary)}.tab-btn.active{color:var(--primary);border-bottom-color:var(--primary)}.toast-container{position:fixed;top:1.5rem;right:1.5rem;z-index:9999;display:flex;flex-direction:column;gap:.75rem;pointer-events:none}.toast{pointer-events:auto;min-width:320px;max-width:420px;padding:1rem 1.25rem;border-radius:var(--radius-md);background-color:var(--bg-card);border:1px solid var(--border-color);box-shadow:var(--shadow-xl);display:flex;align-items:center;gap:.75rem;animation:slideInRight .3s ease forwards}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0f172aa6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:1.5rem;animation:fadeIn .2s ease}.modal-content{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);width:100%;max-width:650px;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-xl);animation:zoomIn .25s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes zoomIn{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-main)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-subtle)}@media(max-width:1024px){.grid-4,.grid-3{grid-template-columns:repeat(2,1fr)}}@media(max-width:860px){.desktop-nav,.auth-buttons{display:none!important}.mobile-menu-btn{display:inline-flex!important}}