*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:#0b1117;color:#e6fff1;font-family:Inter,ui-sans-serif,system-ui,Segoe UI,Roboto,Arial}.viewport{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;background:#07121a;touch-action:none;overscroll-behavior:contain}.abs{position:absolute;top:0;right:0;bottom:0;left:0}.layer{position:absolute;top:0;right:0;bottom:0;left:0;will-change:transform,opacity,filter}.hint{position:fixed;bottom:14px;left:50%;transform:translate(-50%);font-size:12px;color:#9feccd;opacity:.85;z-index:55}.title{display:none}.letterbox{position:fixed;left:0;right:0;height:9vh;background:#000;z-index:50;pointer-events:none;opacity:.92}.grade{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.starcanvas{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;mix-blend-mode:screen}.keep-hint{position:fixed;bottom:68px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:999px;background:#00000075;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid rgba(160,255,230,.22);color:#b6ffe2;font-size:12px;z-index:59;opacity:1;pointer-events:none}.chev{width:10px;height:14px;display:grid;place-items:center;opacity:.95}.chev svg{width:10px;height:14px}@keyframes bob{0%{transform:translateY(0);opacity:.95}50%{transform:translateY(5px);opacity:.7}to{transform:translateY(0);opacity:.95}}.start-cue{position:fixed;left:50%;bottom:3.5vh;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:10px;z-index:61;pointer-events:none}.big-arrow{width:42px;height:42px;opacity:.95}@keyframes dropCue{0%{transform:translateY(0)}50%{transform:translateY(12px)}to{transform:translateY(0)}}.big-arrow svg{width:42px;height:42px;animation:dropCue 1.1s ease-in-out infinite}.start-label{font-size:13px;color:#b6ffe2;text-shadow:0 0 8px rgba(0,255,200,.25)}.subs{position:fixed;bottom:32px;left:50%;transform:translate(-50%);z-index:58;pointer-events:none}.subs-line{font-weight:700;font-size:16px;letter-spacing:.02em;position:relative;text-align:center}.subs-outline{color:transparent;-webkit-text-stroke:1.3px rgba(168,255,207,.55);text-shadow:0 0 12px rgba(0,255,200,.18)}.subs-fill{position:absolute;top:0;right:0;bottom:0;left:0;color:#a8ffcf;--reveal:0;-webkit-mask:linear-gradient(90deg,#fff calc(var(--reveal)*100%),transparent calc(var(--reveal)*100%));mask:linear-gradient(90deg,#fff calc(var(--reveal)*100%),transparent calc(var(--reveal)*100%))}.linux{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:row;background:linear-gradient(120deg,#0c1a1f,#0b2f2a)}.topbar{position:absolute;top:0;left:0;right:0;height:36px;background:#0006;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:space-between;padding:0 10px;color:#e7fff5;font-size:12px;border-bottom:1px solid rgba(255,255,255,.06);z-index:2}.right-tools{display:flex;align-items:center;gap:8px}.btn{padding:8px 12px;border-radius:10px;background:#0b2f2a;color:#a8ffcf;border:1px solid #1d5e55}.btn:hover{filter:brightness(1.08)}.dock{width:56px;background:#00000059;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-right:1px solid rgba(255,255,255,.06);display:flex;flex-direction:column;align-items:center;padding:8px 6px;gap:10px;margin-top:36px;position:relative;z-index:1}.dock .icon{width:40px;height:40px;border-radius:10px;display:grid;place-items:center;background:#a0ffe614;border:1px solid rgba(160,255,230,.18);transition:transform .12s}.dock .icon:hover{transform:scale(1.06)}.desktop-area{flex:1;position:relative;margin-top:36px}.desktop-icons{position:absolute;top:16px;left:16px;display:grid;grid-template-columns:repeat(6,minmax(110px,1fr));gap:18px;color:#e6fff1}.desk-icon{width:110px;height:96px;border-radius:12px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}.desk-icon:hover{outline:2px solid rgba(0,255,200,.35);outline-offset:2px}.win{position:absolute;top:120px;left:140px;width:min(860px,72vw);background:#10161d;color:#dfffee;border-radius:12px;box-shadow:0 20px 120px #0000008c;border:1px solid rgba(255,255,255,.08);overflow:hidden}.win-head{height:34px;background:#0e2b2a;display:flex;align-items:center;justify-content:space-between;padding:0 10px;color:#bafff0;border-bottom:1px solid rgba(0,255,200,.18)}.win-actions{display:flex;gap:8px}.dot{width:12px;height:12px;border-radius:50%}.dot.close{background:#ff5f56}.dot.min{background:#ffbd2e}.dot.max{background:#27c93f}.win-body{padding:18px;background:#0b141a}.intro{position:fixed;top:0;right:0;bottom:0;left:0;background:#020506;display:grid;place-items:center;z-index:120;overflow:hidden;will-change:transform,opacity}.intro-tint{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.35;background:radial-gradient(1200px 600px at 50% 70%,rgba(0,155,155,.16),transparent 60%),radial-gradient(1000px 400px at 60% 40%,rgba(0,255,200,.1),transparent 60%);pointer-events:none}.neon{font-weight:900;letter-spacing:.08em;font-size:min(10vw,72px);color:transparent;position:relative;display:inline-block;-webkit-text-stroke:1.6px rgba(160,255,230,.95)}.neon .letter{position:relative;z-index:2;display:inline-block}.neon .glow{filter:drop-shadow(0 0 18px rgba(0,255,200,.55)) drop-shadow(0 0 36px rgba(0,200,255,.35));text-shadow:0 0 10px rgba(0,255,200,.55),0 0 28px rgba(0,200,255,.35),0 0 64px rgba(0,200,255,.25)}.neon .outline{filter:none;text-shadow:none;opacity:.25}.neon .lit{opacity:1}.neon .spark{filter:drop-shadow(0 0 28px rgba(0,255,200,.9)) drop-shadow(0 0 80px rgba(0,200,255,.55))}.intro-cue{position:absolute;left:50%;bottom:32px;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:10px}.intro-cue .big-arrow svg{width:48px;height:48px;animation:dropCue 1.1s ease-in-out infinite}.intro-cue .start-label{font-size:13px;color:#b6ffe2;text-shadow:0 0 8px rgba(0,255,200,.25)}.intro-hint{position:absolute;top:18px;left:50%;transform:translate(-50%);font-size:12px;color:#9feccd;opacity:.85}.skip{position:absolute;top:18px;right:18px;font-size:12px;background:transparent;border:1px solid rgba(160,255,230,.3);color:#a8ffcf;padding:6px 10px;border-radius:999px}.boot{position:fixed;top:0;right:0;bottom:0;left:0;background:#020506eb;display:grid;place-items:center;z-index:115}.boot-panel{min-width:320px;max-width:78vw;padding:18px 20px;border-radius:12px;background:#00000080;border:1px solid rgba(160,255,230,.18);box-shadow:0 20px 120px #0000008c;color:#b6ffe2}.boot-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.boot-title{font-weight:700;letter-spacing:.02em}.boot-dots{min-width:28px;text-align:left}.boot-bar{width:100%;height:10px;border-radius:999px;background:#ffffff0f;border:1px solid rgba(160,255,230,.25);overflow:hidden}.boot-fill{height:100%;width:0%;background:linear-gradient(90deg,#a0ffe64d,#a0ffe6f2);box-shadow:0 0 14px #00ffc873 inset}.neon-first{position:fixed;top:26vh;left:50%;transform:translate(-50%);z-index:61;pointer-events:none}.bella-dim-root{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none}.bella-dim{position:absolute;top:0;right:0;bottom:0;left:0;background:#02050638;pointer-events:none}.bella-dim.bella-spotlight{background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}.neon-cursor{position:fixed;left:0;top:0;translate:-2px -2px;z-index:1000000;pointer-events:none;will-change:transform;filter:drop-shadow(0 0 6px rgba(168,255,207,.45)) drop-shadow(0 0 14px rgba(120,255,200,.25))}.bella-spotlight{--bx:-1000px;--by:-1000px;--bw:0px;--bh:0px;--br:12px;position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:clip;contain:layout paint style;background:#02050605;-webkit-backdrop-filter:blur(8px) saturate(.95) brightness(.92);backdrop-filter:blur(8px) saturate(.95) brightness(.92);mask:linear-gradient(#000 0 0) 0 0 / 100% var(--by) no-repeat,linear-gradient(#000 0 0) 0 calc(var(--by) + var(--bh)) / 100% calc(100% - (var(--by) + var(--bh))) no-repeat,linear-gradient(#000 0 0) 0 var(--by) / var(--bx) var(--bh) no-repeat,linear-gradient(#000 0 0) calc(var(--bx) + var(--bw)) var(--by) / calc(100% - (var(--bx) + var(--bw))) var(--bh) no-repeat;-webkit-mask:linear-gradient(#000 0 0) 0 0 / 100% var(--by) no-repeat,linear-gradient(#000 0 0) 0 calc(var(--by) + var(--bh)) / 100% calc(100% - (var(--by) + var(--bh))) no-repeat,linear-gradient(#000 0 0) 0 var(--by) / var(--bx) var(--bh) no-repeat,linear-gradient(#000 0 0) calc(var(--bx) + var(--bw)) var(--by) / calc(100% - (var(--bx) + var(--bw))) var(--bh) no-repeat;border-radius:0;--corner: radial-gradient(closest-side, #000 98%, transparent 100%) no-repeat;mask:var(--corner) calc(var(--bx)) calc(var(--by)) / var(--br) var(--br),var(--corner) calc(var(--bx) + var(--bw) - var(--br)) calc(var(--by)) / var(--br) var(--br),var(--corner) calc(var(--bx)) calc(var(--by) + var(--bh) - var(--br)) / var(--br) var(--br),var(--corner) calc(var(--bx) + var(--bw) - var(--br)) calc(var(--by) + var(--bh) - var(--br)) / var(--br) var(--br),linear-gradient(#000 0 0) 0 0 / 100% var(--by) no-repeat,linear-gradient(#000 0 0) 0 calc(var(--by) + var(--bh)) / 100% calc(100% - (var(--by) + var(--bh))) no-repeat,linear-gradient(#000 0 0) 0 var(--by) / var(--bx) var(--bh) no-repeat,linear-gradient(#000 0 0) calc(var(--bx) + var(--bw)) var(--by) / calc(100% - (var(--bx) + var(--bw))) var(--bh) no-repeat;-webkit-mask:radial-gradient(closest-side,#000 98%,transparent 100%) no-repeat calc(var(--bx)) calc(var(--by)) / var(--br) var(--br),radial-gradient(closest-side,#000 98%,transparent 100%) no-repeat calc(var(--bx) + var(--bw) - var(--br)) calc(var(--by)) / var(--br) var(--br),radial-gradient(closest-side,#000 98%,transparent 100%) no-repeat calc(var(--bx)) calc(var(--by) + var(--bh) - var(--br)) / var(--br) var(--br),radial-gradient(closest-side,#000 98%,transparent 100%) no-repeat calc(var(--bx) + var(--bw) - var(--br)) calc(var(--by) + var(--bh) - var(--br)) / var(--br) var(--br),linear-gradient(#000 0 0) 0 0 / 100% var(--by) no-repeat,linear-gradient(#000 0 0) 0 calc(var(--by) + var(--bh)) / 100% calc(100% - (var(--by) + var(--bh))) no-repeat,linear-gradient(#000 0 0) 0 var(--by) / var(--bx) var(--bh) no-repeat,linear-gradient(#000 0 0) calc(var(--bx) + var(--bw)) var(--by) / calc(100% - (var(--bx) + var(--bw))) var(--bh) no-repeat;transition:--bx .3s cubic-bezier(.2,.8,.2,1),--by .3s cubic-bezier(.2,.8,.2,1),--bw .3s cubic-bezier(.2,.8,.2,1),--bh .3s cubic-bezier(.2,.8,.2,1),--br .3s cubic-bezier(.2,.8,.2,1)}.bella-spotlight[style*="--bw: 0px"]{mask:none!important;-webkit-mask:none!important}.bella-ui-root{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000000;pointer-events:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Helvetica Neue,Arial,"Apple Color Emoji","Segoe UI Emoji";overflow:clip;contain:layout paint size;animation:fadeIn .18s ease}.bella-ui-root .bella-spotlight{background:#02050605;-webkit-backdrop-filter:blur(8px) saturate(.95) brightness(.92);backdrop-filter:blur(8px) saturate(.95) brightness(.92);will-change:backdrop-filter}@keyframes bellaPulse{0%{box-shadow:0 0 #a0ffe6d9,0 0 24px #a0ffe659 inset}to{box-shadow:0 0 0 12px #a0ffe600,0 0 24px #a0ffe680 inset}}.bella-ring{position:fixed;border-radius:12px;pointer-events:none;outline-offset:4px;animation:bellaPulse 1.8s ease-out infinite;transition:left .3s cubic-bezier(.2,.8,.2,1),top .3s cubic-bezier(.2,.8,.2,1),width .3s cubic-bezier(.2,.8,.2,1),height .3s cubic-bezier(.2,.8,.2,1),opacity .2s ease;will-change:left,top,width,height,opacity}.bella-card{position:fixed;width:380px;max-width:calc(100vw - 32px);background:transparent;border-radius:16px;color:#d8fff2;padding:12px 12px 10px;pointer-events:auto;-webkit-user-select:none;user-select:none;transition:left .36s cubic-bezier(.2,.8,.2,1),top .36s cubic-bezier(.2,.8,.2,1),transform .26s cubic-bezier(.2,.8,.2,1),opacity .22s ease;will-change:left,top,transform,opacity}.bella-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:16px;background:linear-gradient(180deg,#0a14168c,#060e10e0),radial-gradient(120% 100% at 0% 0%,rgba(160,255,230,.06),transparent 60%);border:1px solid rgba(160,255,230,.25);box-shadow:0 12px 40px #0000007a,0 0 0 1px #a0ffe60f inset;-webkit-backdrop-filter:blur(8px) saturate(1.05);backdrop-filter:blur(8px) saturate(1.05);z-index:1;pointer-events:none}.bella-card>*{position:relative;z-index:2}.bella-head{display:flex;align-items:center;gap:12px}.bella-titles{display:flex;flex-direction:column;gap:2px}.bella-step{font-size:12px;letter-spacing:.03em;opacity:.7;text-transform:uppercase}.bella-title{font-size:17px;font-weight:800;letter-spacing:.02em}.bella-body{margin-top:8px;font-size:14px;line-height:1.5;color:#e3fff7;opacity:.95}.bella-actions{display:flex;align-items:center;margin-top:12px;gap:10px}.bella-spacer{flex:1}.bella-btn{border:1px solid rgba(160,255,230,.45);background:linear-gradient(180deg,#081214e6,#060e10e6);color:#eafff7;border-radius:12px;padding:9px 14px;font-size:14px;font-weight:700;letter-spacing:.01em;cursor:pointer;transition:transform .1s ease,background .2s ease,border-color .2s ease,opacity .2s ease,box-shadow .2s ease;box-shadow:0 2px 10px #00000047}.bella-btn:hover:not([disabled]){transform:translateY(-1px);background:linear-gradient(180deg,#0a181af2,#081214f2);box-shadow:0 6px 18px #00000052}.bella-btn:active:not([disabled]){transform:translateY(0)}.bella-btn[disabled]{opacity:.55;cursor:default}.bella-btn.primary{background:linear-gradient(180deg,#0c1c1efa,#0a181afa);border-color:#a0ffe6b3;box-shadow:0 0 0 1px #a0ffe62e inset,0 8px 24px #00000059}.bella-btn.primary:hover{border-color:#a0ffe6d9;box-shadow:0 0 0 1px #a0ffe640 inset,0 10px 28px #00000061}.bella-btn.ghost{background:transparent;border-color:#a0ffe661}.bella-btn:focus-visible{outline:none;box-shadow:0 0 0 3px #a0ffe659}.bella-arrow{display:inline-block;margin-left:6px;transition:transform .15s ease}.bella-btn.primary:hover .bella-arrow{transform:translate(2px)}.bella-ui-root.is-transitioning .bella-card{opacity:0;transform:translateY(16px) scale(.985);pointer-events:none}.bella-ui-root.is-transitioning .bella-ring{opacity:0}.bella-ui-root.is-transitioning .bella-purr{animation:none!important;opacity:0!important}.bella-ui-root:not(.is-transitioning) .bella-card{opacity:1;transform:translateY(0) scale(1)}@keyframes cardSettle{0%{transform:translateY(10px) scale(.985);opacity:0}60%{transform:translateY(0) scale(1.008);opacity:1}to{transform:translateY(0) scale(1)}}.bella-ui-root:not(.is-transitioning) .bella-card.card-normal,.bella-ui-root:not(.is-transitioning) .bella-card.card-center,.bella-ui-root:not(.is-transitioning) .bella-card.card-mobile{animation:cardSettle .32s cubic-bezier(.2,.8,.2,1)}.bella-cat-wrap{position:absolute;top:-6px;z-index:0;pointer-events:none}.bella-card.side-right .bella-cat-wrap{left:-78px}.bella-card.side-left .bella-cat-wrap{right:-78px}.bella-card.side-below .bella-cat-wrap,.bella-card.side-above .bella-cat-wrap{left:-78px}.bella-cat{width:152px;height:152px;object-fit:contain;filter:drop-shadow(0 0 14px rgba(160,255,230,.55)) drop-shadow(0 0 34px rgba(160,255,230,.22));transform:translateZ(0)}.bella-cat-wrap:after{content:"";position:absolute;top:-14px;right:-10px;bottom:-10px;left:-14px;background:radial-gradient(120px 120px at 60% 40%,#a0ffe62e,#a0ffe600 60%);filter:blur(10px);z-index:-1}@keyframes purrTextRise{0%{transform:translate(-50%,8px);opacity:0}15%{transform:translate(-50%,3px);opacity:.95}60%{transform:translate(-50%,-10px);opacity:.9}to{transform:translate(-50%,-22px);opacity:0}}@keyframes purrRipple{0%{transform:translate(-50%) scale(.6,.4);opacity:0;filter:blur(0px)}15%{opacity:.35}60%{transform:translate(-50%) scale(1.15,.9);opacity:.25;filter:blur(1px)}to{transform:translate(-50%) scale(1.45,1.05);opacity:0;filter:blur(1.5px)}}.bella-purr{position:absolute;left:50%;top:-6px;transform:translate(-50%);font-size:12px;color:#eafff7;opacity:0;pointer-events:none;white-space:nowrap;text-shadow:0 0 6px rgba(160,255,230,.4);will-change:transform,opacity}.bella-purr:before,.bella-purr:after{content:"";position:absolute;left:50%;top:0;width:38px;height:14px;border-radius:999px;background:radial-gradient(60% 100% at 50% 50%,#a0ffe659,#a0ffe600 70%);opacity:0;transform-origin:center;pointer-events:none;mix-blend-mode:screen}.bella-purr:after{width:52px;height:18px;opacity:0}.bella-ui-root:not(.is-transitioning) .bella-purr{animation:purrTextRise 1.4s cubic-bezier(.22,.61,.36,1) 0s 1 forwards}.bella-ui-root:not(.is-transitioning) .bella-purr:before{animation:purrRipple 1.4s ease-out 60ms 1 forwards}.bella-ui-root:not(.is-transitioning) .bella-purr:after{animation:purrRipple 1.6s ease-out .18s 1 forwards}.bella-ui-root:not(.is-transitioning) .bella-purr.delay{animation-delay:.22s}.bella-ui-root:not(.is-transitioning) .bella-purr.delay:before{animation-delay:.28s}.bella-ui-root:not(.is-transitioning) .bella-purr.delay:after{animation-delay:.42s}.linux.bella-on{overflow:hidden;scrollbar-gutter:stable both-edges;filter:none!important}.linux.bella-on .desktop-area,.linux.bella-on .wins,.linux.bella-on .windows,.linux.bella-on .workspace{overflow:clip;contain:layout paint}@media (max-width: 768px){.bella-ui-root .bella-spotlight{background:transparent!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}}.win{transition:transform .26s cubic-bezier(.2,.8,.2,1),opacity .24s ease,box-shadow .2s ease}.linux.bella-on .win:not([data-bella-focus="1"]){transform:translateY(4px) scale(.995);opacity:.95}.win[data-bella-focus="1"]{transform:none!important}@keyframes winFocusIn{0%{opacity:0;box-shadow:0 10px 30px #00000040}to{opacity:1}}.win[data-bella-focus="1"]{filter:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;box-shadow:0 26px 70px #0009,0 0 22px #00ffc859,0 0 0 2px #a8ffcf59 inset;outline:2px solid rgba(168,255,207,.55);outline-offset:0;z-index:auto;pointer-events:auto;transform:none!important;animation:winFocusIn .22s ease}.desktop-area[data-bella-focus],.linux:not(.bella-on) .desktop-area[style*=z-index]{z-index:auto!important}.bella-card:hover{transform:translateY(-1px)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.bella-fade-in{animation:fadeIn .18s ease forwards}.bella-fade-out{animation:fadeOut .16s ease forwards}@media (prefers-reduced-motion: reduce){.bella-ring,.bella-card,.bella-spotlight,.bella-purr,.bella-purr:before,.bella-purr:after,.win[data-bella-focus="1"],.win{animation:none!important;transition:none!important}}@media (max-width: 768px){.bella-card.card-mobile{left:16px!important;right:16px;width:auto}.bella-card.card-mobile .bella-cat-wrap{top:-92px;left:50%;transform:translate(-50%);z-index:3}.bella-card.card-mobile .bella-cat{width:128px;height:128px}.bella-card.card-mobile .bella-cat-wrap:after{top:-10px;right:-10px;bottom:-10px;left:-10px;background:radial-gradient(100px 100px at 50% 50%,#a0ffe638,#a0ffe600 60%)}}.bella-ui-root .bella-spotlight{z-index:0!important;position:fixed!important;top:0!important;right:0!important;bottom:0!important;left:0!important}.bella-ui-root .bella-ring{z-index:1!important;position:fixed!important}.bella-card{z-index:2!important}:root{--accent: var(--accent, #8B5CF6);--accent-2: var(--accent-2, #22D3EE);--fg: var(--fg, #E5E7EB);--muted: var(--muted, rgba(229,231,235,.7));--bg: var(--bg, #0F1115);--bg2: var(--bg2, #0B0D12);--glass: var(--glass, rgba(255,255,255,.06));--glass-strong: var(--glass-strong, rgba(255,255,255,.09));--border: var(--border, rgba(255,255,255,.14));--radius: var(--radius, 14px);--shadow: 0 10px 30px rgba(0,0,0,.35);--space-1: clamp(4px, .4vw, 8px);--space-2: clamp(6px, .6vw, 10px);--space-3: clamp(8px, .8vw, 12px);--space-4: clamp(10px, 1vw, 16px);--fs-12: clamp(11px, 1.1vw, 12px);--fs-14: clamp(12px, 1.2vw, 14px);--fs-16: clamp(13px, 1.4vw, 16px);--icon: clamp(16px, 1.8vw, 22px);--icon-sm: clamp(14px, 1.6vw, 18px)}.browser-root{height:100%;display:flex;flex-direction:column;margin:0;color:var(--fg)}.browser-root-edge{width:calc(100% + 24px);height:calc(100% + 24px);margin:-12px}.browser-toolbar{display:grid;grid-template-columns:auto 1fr auto;grid-template-areas:"nav address actions";gap:var(--space-2);align-items:center;padding:var(--space-3);position:relative;background:linear-gradient(180deg,#ffffff0f,#ffffff05);border-bottom:1px solid var(--border);backdrop-filter:blur(12px) saturate(140%);-webkit-backdrop-filter:blur(12px) saturate(140%)}.browser-toolbar:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,var(--accent),transparent);opacity:.35;pointer-events:none}.browser-toolbar .nav{grid-area:nav;display:inline-flex;gap:var(--space-2)}.browser-toolbar .actions{grid-area:actions;display:inline-flex;gap:var(--space-2)}.browser-toolbar .nav button,.browser-toolbar .actions button,.btn-icon{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--glass);border:1px solid var(--border);border-radius:calc(var(--radius) - 4px);padding:clamp(6px,.7vw,10px);color:var(--fg);transition:transform .06s ease,background .15s ease,border-color .15s ease,box-shadow .15s ease;box-shadow:0 1px #ffffff0d inset;display:inline-flex;align-items:center;justify-content:center;min-width:calc(var(--icon) + var(--space-1) * 2)}.browser-toolbar .nav button:hover,.browser-toolbar .actions button:hover{background:var(--glass-strong);border-color:color-mix(in oklab,var(--border),var(--accent) 40%);transform:translateY(-1px)}.browser-toolbar .nav button:active,.browser-toolbar .actions button:active{transform:translateY(0)}.browser-toolbar .nav button[disabled],.browser-toolbar .actions button[disabled]{opacity:.45;cursor:not-allowed;transform:none!important}.proxy-toggle{-webkit-user-select:none;user-select:none;display:inline-flex;gap:var(--space-2);align-items:center;margin-right:var(--space-2);font-size:var(--fs-12);opacity:.85}.proxy-toggle input{accent-color:var(--accent)}.proxy-toggle.disabled{opacity:.55}.address{grid-area:address;display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border:1px solid var(--border);border-radius:calc(var(--radius) + 2px);background:linear-gradient(180deg,#ffffff14,#ffffff08);box-shadow:0 1px #ffffff0d inset,var(--shadow);transition:border-color .15s ease,box-shadow .2s ease}.address:focus-within{border-color:color-mix(in oklab,var(--border),var(--accent) 55%);box-shadow:0 0 0 2px color-mix(in oklab,transparent,var(--accent) 30%),0 1px #ffffff0f inset,var(--shadow)}.address .lock{opacity:.9;filter:drop-shadow(0 1px 0 rgba(0,0,0,.35))}.address input{flex:1;min-width:0;background:transparent;border:none;outline:none;color:var(--fg);font-size:var(--fs-14);letter-spacing:.1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.address .search{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--glass);border:1px solid var(--border);border-radius:calc(var(--radius) - 6px);padding:clamp(4px,.5vw,8px) clamp(6px,.7vw,10px);color:var(--fg)}.address.loading{position:relative;overflow:hidden}.address.loading:after{content:"";position:absolute;left:0;top:0;height:2px;width:100%;background:linear-gradient(90deg,transparent,var(--accent),transparent);animation:addrProgress 1.35s linear infinite;opacity:.85}@keyframes addrProgress{0%{transform:translate(-100%)}to{transform:translate(100%)}}.tabstrip{position:relative;border-bottom:1px solid var(--border);background:linear-gradient(180deg,#ffffff08,#ffffff04);backdrop-filter:blur(8px) saturate(140%);-webkit-backdrop-filter:blur(8px) saturate(140%)}.tabs-scroll{display:flex;gap:var(--space-2);padding:var(--space-2) var(--space-2) 0 var(--space-2);overflow-x:auto;scrollbar-width:thin;scrollbar-color:color-mix(in oklab,var(--accent),#000 70%) transparent}.tabs-scroll::-webkit-scrollbar{height:8px}.tabs-scroll::-webkit-scrollbar-thumb{background:color-mix(in oklab,var(--accent),#000 70%);border-radius:999px}.tab{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border:1px solid var(--border);border-bottom:none;background:linear-gradient(180deg,#ffffff0f,#ffffff05);border-radius:var(--radius) var(--radius) 0 0;white-space:nowrap;color:var(--fg);position:relative;transition:background .15s ease,border-color .15s ease,transform .06s ease}.tab:hover{background:linear-gradient(180deg,#ffffff14,#ffffff08);transform:translateY(-1px)}.tab.active{background:linear-gradient(180deg,#ffffff1f,#ffffff0a);border-color:color-mix(in oklab,var(--border),var(--accent) 45%)}.tab.active:after{content:"";position:absolute;left:10px;right:10px;bottom:-1px;height:2px;background:linear-gradient(90deg,var(--accent),var(--accent-2));border-radius:2px}.tab.locked{cursor:default}.tab .fav{width:14px;height:14px;border-radius:4px;box-shadow:0 0 0 1px #ffffff26 inset}.tab .fav.fallback{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px}.tab .label{font-size:var(--fs-12);opacity:.95;letter-spacing:.15px}.browser-frame-wrap{flex:1;min-height:0;position:relative;background:radial-gradient(1200px 300px at 50% -100px,color-mix(in oklab,var(--accent),transparent 85%),transparent),var(--bg2)}.browser-frame{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:none;background:var(--bg2);border-radius:0 0 var(--radius) var(--radius);box-shadow:inset 0 1px #ffffff0a}.locked-frame{position:absolute;top:0;right:0;bottom:0;left:0}.click-shield{--hole: clamp(96px, 26vmin, 180px);position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.click-shield .block{position:absolute;background:transparent;pointer-events:auto}.click-shield .top{left:0;right:0;top:0;height:calc(50% - var(--hole) / 2)}.click-shield .bottom{left:0;right:0;bottom:0;height:calc(50% - var(--hole) / 2)}.click-shield .left{left:0;width:calc(50% - var(--hole) / 2);top:calc(50% - var(--hole) / 2);height:var(--hole)}.click-shield .right{right:0;width:calc(50% - var(--hole) / 2);top:calc(50% - var(--hole) / 2);height:var(--hole)}.icon{width:var(--icon);height:var(--icon);display:block;color:var(--fg)}.icon-sm{width:var(--icon-sm);height:var(--icon-sm);display:block;color:var(--fg)}.btn-icon svg{pointer-events:none}.address .lock,.address .search{display:inline-flex;align-items:center;justify-content:center}.address .search svg,.address .lock svg{opacity:.9}@media (max-width: 1024px){.browser-toolbar{gap:var(--space-2);padding:var(--space-3)}.address input{font-size:var(--fs-14)}.tabs-scroll{gap:var(--space-2);padding:var(--space-2) var(--space-2) 0}}@media (max-width: 720px){.browser-toolbar{grid-template-areas:"nav actions" "address address";grid-template-columns:1fr auto;row-gap:var(--space-2)}.browser-toolbar .nav{justify-content:flex-start}.browser-toolbar .actions{justify-content:flex-end}.proxy-toggle{display:none}.tab .label{max-width:28vw;overflow:hidden;text-overflow:ellipsis}}@media (max-width: 520px){.browser-toolbar{padding:var(--space-2)}.address{gap:var(--space-1);padding:var(--space-1) var(--space-2)}.address .search,.tab{padding:var(--space-1) var(--space-2)}.tab .fav{display:none}.tabs-scroll::-webkit-scrollbar{height:6px}.browser-root-edge{width:100%;height:100%;margin:0}}@media (max-height: 420px){.tabstrip{display:none}}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}}:focus-visible{outline:2px solid color-mix(in oklab,var(--accent),white 15%);outline-offset:2px}.intro-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:grid;place-items:center;pointer-events:none;cursor:none}.intro-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(1200px 600px at 50% 60%,rgba(0,155,155,.12),transparent 60%),#020506;z-index:0}.intro-neon{position:relative;z-index:3;display:flex;align-items:center;justify-content:center}.intro-neon .neon{font-weight:900;letter-spacing:.08em;font-size:min(12vw,84px);color:transparent;position:relative;display:inline-block;-webkit-text-stroke:1.6px rgba(160,255,230,.95);will-change:transform,filter}.intro-neon .neon .letter{display:inline-block;opacity:.25}.intro-neon .neon.glow{text-shadow:0 0 10px rgba(0,255,200,.55),0 0 28px rgba(0,200,255,.35),0 0 64px rgba(0,200,255,.25);filter:drop-shadow(0 0 18px rgba(0,255,200,.45))}@media (max-width: 768px){.intro-layer .intro-neon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;text-align:center}.intro-layer .intro-neon .neon .letter:nth-of-type(7){display:none}.intro-layer .intro-neon .neon .letter:nth-of-type(7){display:block}}.intro-smear{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;mix-blend-mode:screen;opacity:.8;--mx:50%;--my:55%;background:radial-gradient(18vmax 18vmax at var(--mx) var(--my),rgba(0,255,200,.18),rgba(0,255,200,0) 60%),radial-gradient(22vmax 22vmax at calc(var(--mx) + 2%) calc(var(--my) + 1%),#00c8ff24,#00c8ff00 60%),radial-gradient(10vmax 10vmax at calc(var(--mx) - 1%) calc(var(--my) - 1%),#00ffaa38,#0fa0 70%);filter:blur(10px) saturate(120%);transition:opacity .25s ease}body{cursor:none}@media (max-width: 768px){.intro-neon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;justify-content:center;text-align:center}}.intro-layer .neon-cursor{position:absolute;z-index:4;pointer-events:none;left:0;top:0;translate:-50% -50%;width:18px;height:18px;border-radius:50%;box-shadow:0 0 16px #00ffc8bf,0 0 32px #00c8ff73;background:radial-gradient(circle,#aaffe6f2,#aaffe68c 40%,#aaffe600 70%);will-change:transform,opacity;opacity:.95}.intro-layer .neon-cursor:after{content:"";position:absolute;top:-10px;right:-10px;bottom:-10px;left:-10px;border:2px solid rgba(120,255,230,.35);border-radius:50%;filter:blur(1px)}.skip-top{position:absolute;z-index:4;top:16px;right:16px;display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;background:#00ffc80a;border:1px solid rgba(120,255,230,.18);color:#7debd2;font-size:13px;font-weight:600;letter-spacing:.04em;opacity:.9;pointer-events:auto;transition:transform .2s ease,opacity .25s ease,background .2s ease,border-color .2s ease}.skip-top:hover{transform:translateY(-1px);background:#00ffc814;border-color:#78ffe659;opacity:1}.skip-top .skip-ico{width:15px;height:15px;display:grid;place-items:center;opacity:.9}.skip-top .skip-ico svg{width:15px;height:15px}.skip-top:hover .skip-ico svg{animation:ffPulse 1.2s ease-in-out infinite}.iris{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none}.iris-cover{position:absolute;top:0;right:0;bottom:0;left:0;background:#020506;--r:0%;clip-path:circle(var(--r) at 50% 55%);will-change:clip-path}.iris-rings{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;mix-blend-mode:screen;opacity:.45}.iris-ring{position:absolute;width:30vmax;height:30vmax;border-radius:50%;background:radial-gradient(circle,#00ffc88c,#00c8ff59 35%,#00ffaa2e 55%,#0000 60%);filter:blur(8px);animation:irisPulse 2.2s ease-in-out infinite}.iris-ring.r2{width:38vmax;height:38vmax;opacity:.55;animation-duration:2.9s;animation-delay:.25s}@keyframes irisPulse{0%,to{transform:scale(.9);opacity:.35}50%{transform:scale(1.04);opacity:.65}}.top-choices{position:absolute;z-index:4;left:50%;transform:translate(-50%);bottom:14vh;display:flex;flex-direction:column;align-items:center;gap:2.5vh;pointer-events:auto;-webkit-user-select:none;user-select:none}.skip-cue{pointer-events:auto;display:inline-flex;align-items:center;gap:6px;cursor:pointer;padding:6px 10px;border-radius:999px;background:#00ffc80a;border:1px solid rgba(120,255,230,.18);color:#7debd2;font-size:13px;font-weight:600;letter-spacing:.04em;opacity:.8;transition:transform .2s ease,opacity .25s ease,background .2s ease,border-color .2s ease}.skip-cue:hover{transform:translateY(-1px);background:#00ffc814;border-color:#78ffe659;opacity:1}.skip-ico{width:15px;height:15px;display:grid;place-items:center;opacity:.9}@keyframes ffPulse{0%,to{transform:translate(0)}50%{transform:translate(2px)}}.skip-cue:hover .skip-ico svg{animation:ffPulse 1.2s ease-in-out infinite}.skip-ico svg{width:15px;height:15px}.or-text{opacity:.75;color:#a8ffcf;font-weight:800;font-size:13px;pointer-events:none}.start-cue{position:absolute;z-index:4;bottom:2vh;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;pointer-events:auto;-webkit-user-select:none;user-select:none;cursor:pointer;padding:10px 16px;border-radius:14px;transition:transform .25s ease,background .25s ease,border-color .25s ease}.start-cue:hover{transform:background:rgba(0,255,200,.12);border-color:#78ffe68c}.start-label{font-size:16px;font-weight:800;letter-spacing:.05em;color:#a8ffcf;text-shadow:0 0 10px rgba(0,255,200,.45)}.big-arrow{width:34px;height:34px;display:grid;place-items:center}.big-arrow svg{width:34px;height:34px;opacity:.95;animation:arrowBounce 1.8s ease-in-out infinite}@keyframes arrowBounce{0%,to{transform:translateY(0)}50%{transform:translateY(6px)}}.top-choices.fading{animation:choicesFade .4s ease forwards}@keyframes choicesFade{to{opacity:0;transform:translate(-50%,6px)}}.hide-cinematic .layer,.hide-cinematic .letterbox,.hide-cinematic .grade,.hide-cinematic .subs{opacity:0!important;visibility:hidden!important;pointer-events:none!important}.layer{isolation:isolate}.layer-blur,.layer-chroma,.layer-shade{z-index:1}.fireflies{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;mix-blend-mode:screen;display:block;width:100%;height:100%}@media (max-width: 768px){.letterbox{height:7vh}.keep-hint{bottom:56px;font-size:11px;padding:6px 10px}.chev{width:9px;height:12px}.subs{bottom:22px}.subs-line{font-size:14px}.linux .topbar{height:34px;font-size:11px;padding:0 8px}.dock{width:50px;gap:8px;margin-top:34px}.dock .icon{width:36px;height:36px;border-radius:9px}.desktop-area{margin-top:34px}.desktop-icons{grid-template-columns:repeat(3,minmax(96px,1fr));gap:14px}.desk-icon{width:96px;height:88px}.win{left:12px;right:12px;width:auto;top:84px}.win-head{height:32px}.win-body{padding:14px}.intro-neon .neon{font-size:min(14vw,64px)}.big-arrow{width:30px;height:30px}.big-arrow svg{width:30px;height:30px}.start-label{font-size:14px}.top-choices{bottom:22vh;gap:12px}}
