html,body{background:#12161d}.desk{position:relative;height:100vh;height:100svh;min-height:520px;overflow:hidden;isolation:isolate}.desk .os-wall img{position:absolute;left:0;top:0;max-width:none;object-fit:fill;transform-origin:0 0;transition:transform .9s cubic-bezier(.2,.8,.2,1);will-change:transform}.desk.still .os-wall img{transition:none}.hero{position:absolute;left:0;right:0;z-index:4;padding:0 18px;text-align:center;color:#fff;transition:opacity .5s,transform .7s cubic-bezier(.2,.8,.2,1);pointer-events:none}.hero h1{margin:0;font:800 clamp(46px,14.5vw,104px)/1 var(--sans);letter-spacing:-.02em;text-shadow:0 4px 24px rgba(0,40,120,.35),0 2px 0 rgba(0,0,0,.08)}.hero p{text-wrap:balance;margin:12px 0 0;font:600 clamp(15px,4.1vw,22px)/1.35 var(--sans);text-shadow:0 2px 10px rgba(0,30,90,.5)}.desk.moved .hero{opacity:0;transform:translateY(-24px)}.pc{position:absolute;z-index:6;left:50%;top:40%;width:300px;transition:left .9s cubic-bezier(.2,.8,.2,1),top .9s cubic-bezier(.2,.8,.2,1),width .9s cubic-bezier(.2,.8,.2,1);cursor:pointer;outline:none;-webkit-user-select:none;user-select:none;touch-action:manipulation}.pc:before{content:"";position:absolute;left:4%;right:4%;bottom:-1.5%;height:9%;border-radius:50%;background:radial-gradient(closest-side,#001e0080,#001e0000);z-index:-1}.pc-img{display:block;width:100%;height:auto;pointer-events:none}.desk.on .pc{cursor:default}.pc:focus-visible .pc-img{filter:drop-shadow(0 0 6px #fff)}.desk.still .pc{transition:none}.scr{position:absolute;left:24.14%;top:8.96%;width:51.72%;height:38.5%;overflow:hidden;border-radius:5%/6.5%}.scr .glass{position:absolute;inset:0;background:linear-gradient(162deg,#ffffff21,#fff0 34%),radial-gradient(120% 60% at 30% 110%,#6eaa4629,#0000 60%)}.scr .lit{position:absolute;inset:0;opacity:0;transition:opacity .25s;background:radial-gradient(ellipse 75% 70% at 50% 46%,#d7281d,#b5170f 42%,#7a0906 78%,#4a0302);box-shadow:inset 0 0 calc(var(--sw, 300px) * .09) #000000a6}.desk.on .scr .lit{opacity:1}.scr .lines{position:absolute;inset:0;pointer-events:none;opacity:0;background:repeating-linear-gradient(0deg,#00000029 0 1px,#0000 1px 3px);mix-blend-mode:multiply}.desk.on .scr .lines{opacity:1}.scr .flash{position:absolute;left:0;right:0;top:50%;height:100%;margin-top:-50%;background:#fff;opacity:0;transform:scale(0,.006);pointer-events:none}.scr.boot .flash{animation:crtOn .62s cubic-bezier(.3,.7,.3,1) forwards}@keyframes crtOn{0%{opacity:1;transform:scale(0,.006)}35%{opacity:1;transform:scaleY(.006)}62%{opacity:.95;transform:scale(1)}to{opacity:0;transform:scale(1)}}.bootlog{position:absolute;left:7%;right:7%;top:9%;color:#ffd9d4;font:400 clamp(11px,calc(var(--sw, 300px) * .066),24px)/1.2 var(--num);letter-spacing:.02em;white-space:pre;text-shadow:0 0 6px rgba(255,120,100,.6);transition:opacity .3s}.wave{position:absolute;left:0;top:6%;width:100%;height:42%;opacity:0;transition:opacity .4s}.subs{position:absolute;inset:50% 6% 6%;display:flex;align-items:center;justify-content:center;text-align:center;color:#fff;font:600 clamp(12.5px,calc(var(--sw, 300px) * .066),25px)/1.3 var(--sans);text-shadow:0 1px 2px rgba(60,0,0,.6);opacity:0;transition:opacity .4s}.subs span{transition:color .15s,opacity .15s;opacity:.55}.subs span.now{opacity:1;text-shadow:0 0 10px rgba(255,255,255,.55),0 1px 2px rgba(60,0,0,.6)}.subs span.past,.scr.talk .wave,.scr.talk .subs{opacity:1}.scr.talk .bootlog{opacity:0}.replay{position:absolute;left:50%;bottom:9%;transform:translate(-50%);padding:5px 12px;border:1.5px solid rgba(255,255,255,.7);background:#50000059;color:#fff;font:600 clamp(11px,calc(var(--sw, 300px) * .05),16px)/1 var(--sans);cursor:pointer;white-space:nowrap}.replay:hover{background:#ffffff29}.spk{position:absolute;z-index:3;left:calc(75.86% - 2px);top:8.96%;transform:translate(-100%);width:clamp(28px,calc(var(--sw, 300px) * .12),40px);height:clamp(28px,calc(var(--sw, 300px) * .12),40px);margin:4px;padding:5px;border:0;background:none;cursor:pointer}.spk svg{width:100%;height:100%;filter:drop-shadow(0 1px 1px rgba(0,0,0,.5))}.led{position:absolute;left:78.11%;top:53.79%;width:1.25%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background:#1d4a1f;transition:background .2s,box-shadow .2s;pointer-events:none}.desk.on .led{background:#6dff5c;box-shadow:0 0 6px 2px #6dff5cb3}.os-tip{transition:opacity .3s}.hand{position:absolute;z-index:13;width:34px;height:auto;pointer-events:none;filter:drop-shadow(1px 2px 0 rgba(0,0,0,.35));animation:tapHand 1.4s ease-in-out infinite;transition:opacity .3s}@keyframes tapHand{0%,55%,to{transform:translate(0)}70%{transform:translate(-2px,-6px)}82%{transform:translate(0) scale(.94)}}.desk.on .os-tip,.desk.on .hand{opacity:0;visibility:hidden;transition:opacity .2s,visibility 0s .2s}.dlg{visibility:hidden;position:absolute;z-index:20;width:min(440px,calc(100vw - 28px));opacity:0;transform:translateY(18px) scale(.97);transition:opacity .35s,transform .45s cubic-bezier(.2,.9,.25,1.15)}.dlg.show{visibility:visible;opacity:1;transform:none}.dlg[hidden]{display:none}.dlg-in{padding:16px 16px 14px}.dlg-msg{display:flex;align-items:center;gap:14px}.dlg-ic{width:54px;height:64px;object-fit:contain;flex:none;filter:drop-shadow(0 2px 2px rgba(0,0,0,.25))}.dlg-msg h2{margin:0;font:700 clamp(19px,5.3vw,25px)/1.18 var(--sans);letter-spacing:-.01em}.dlg-msg p{margin:6px 0 0;font:400 clamp(15px,4.1vw,17px)/1.35 var(--sans);color:#2a2a2a}.dlg-btns{display:grid;gap:10px;margin-top:16px}.dlg-btns.two{grid-template-columns:1fr 1fr}.dlg-btns .os-btn small{display:block;font-size:13px;font-weight:500;opacity:.85;margin-top:2px}.dlg-btns .os-btn.col{flex-direction:column;gap:2px}.dlg-sep{height:0;margin:14px 0 0;border-top:1px solid var(--lo);border-bottom:1px solid var(--hi)}.dlg-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 2px 2px;padding:7px 8px 7px 12px;border-top:1px solid var(--lo);box-shadow:inset 0 1px 0 var(--hi);font:500 14px/1.2 var(--sans);color:#333}.dlg-foot .sp-tab{padding:7px 12px;border-radius:0;border:2px solid;border-color:#fff3b8 #6b5300 #6b5300 #fff3b8}.other{position:absolute;z-index:19;display:inline-flex;align-items:center;gap:8px;max-width:calc(100vw - 28px);padding:10px 16px;border:1.5px solid rgba(255,255,255,.75);border-radius:0;background:#0a1e0a6b;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;font:600 15px/1.25 var(--sans);text-align:left;cursor:pointer;opacity:0;transition:opacity .4s .25s,background .2s}.other.show{opacity:1}.other:hover{background:#0a1e0a9e}.other b{font-weight:700;text-decoration:underline;text-underline-offset:3px}.mini{position:absolute;z-index:19;display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border:2px solid;border-color:var(--hi) var(--dk) var(--dk) var(--hi);background:var(--face);font:600 15px/1 var(--sans);cursor:pointer;box-shadow:0 10px 30px #0000004d}.mini img{width:20px;height:20px}.os-icons,.os-task{display:none}.desk.wide .os-icons{display:flex;left:18px;top:74px}.desk.wide .os-task{display:flex}.desk.wide .hero h1{font-size:clamp(46px,4.4vw,74px)}.desk.wide .hero p{font-size:clamp(16px,1.3vw,21px);margin-top:8px}.desk.wide .dlg{width:clamp(390px,31vw,500px)}.desk.wide .dlg-in{padding:20px 20px 18px}.desk.wide .dlg-btns{gap:12px;margin-top:20px}.desk.wide .dlg-msg h2{font-size:clamp(22px,1.9vw,28px)}.desk.wide .dlg-msg p{font-size:17px}.desk.wide .dlg-ic{width:64px;height:70px}.dlg-btns .os-btn.go3d{position:relative;flex-direction:column;gap:2px;min-height:74px;padding-top:14px;animation:go3d 2.4s ease-in-out infinite}.dlg-btns .os-btn.go3d .lb{font-size:clamp(21px,2vw,25px)}.dlg-btns .os-btn.go3d small{font-size:14px;font-weight:500;opacity:.95}.dlg-btns .os-btn.go3d .rec{position:absolute;top:-11px;left:12px;padding:3px 8px;background:#ffd23f;color:#111;font:400 17px/1 var(--num);letter-spacing:.06em;font-style:normal;border:2px solid #111;text-shadow:none}@keyframes go3d{0%,to{box-shadow:inset -1px -1px #8f130d,inset 1px 1px #f6574b,0 0 #e03a2e00}50%{box-shadow:inset -1px -1px #8f130d,inset 1px 1px #f6574b,0 0 0 6px #e03a2e47}}.dlg-link{justify-self:center;padding:4px 8px;border:0;background:none;color:#333;font:500 14.5px/1.2 var(--sans);text-decoration:underline;text-underline-offset:3px;cursor:pointer}.dlg-link:hover{color:#000}.other{flex-direction:column;align-items:flex-start;gap:2px}.other i{font-style:normal;font-size:13px;font-weight:700;color:#ffd23f;letter-spacing:.02em}.menu-rec{margin-left:6px;padding:1px 5px;background:#ffd23f;color:#111;font:400 15px/1 var(--num);font-style:normal}.w3-in{padding:16px 18px 18px}.w3-msg{display:flex;gap:14px;align-items:flex-start}.w3-ic{width:52px;flex:none}.w3-msg h3{margin:0 0 6px;font:700 19px/1.25 var(--sans)}.w3-msg p{margin:0;font:400 15.5px/1.45 var(--sans)}.w3-btns{display:grid;gap:10px;margin-top:16px}.dlg-alt{display:flex;align-items:center;gap:10px;width:100%;padding:8px 12px;border:1px dashed #8a877f;background:#ffffff59;text-align:left;cursor:pointer}.dlg-alt:hover{background:#ffffffb3;border-style:solid}.dlg-alt img{width:30px;height:28px;object-fit:contain;flex:none}.dlg-alt b{display:block;font:600 15px/1.2 var(--sans)}.dlg-alt small{display:block;font:400 13px/1.25 var(--sans);color:#444}