.fd{--fd-body:color-mix(in srgb, var(--lab) 42%, #2a2621);aspect-ratio:1;background:linear-gradient(160deg, color-mix(in srgb, var(--fd-body) 88%, #fff) 0%, var(--fd-body) 55%, color-mix(in srgb, var(--fd-body) 80%, #000) 100%);clip-path:polygon(0 0,91% 0,100% 9%,100% 100%,0 100%);width:100%;font-family:var(--type);color:#1d1912;-webkit-user-select:none;user-select:none;border-radius:7%;font-weight:700;display:block;position:relative;box-shadow:inset 0 1px #ffffff2e,inset 0 -2px #00000040}.fd-shutter{background:linear-gradient(90deg,#8d9196,#dfe2e5 30%,#b9bdc2 55%,#eef0f2 80%,#9a9ea3);border-radius:0 0 3px 3px;width:52%;height:36%;position:absolute;top:0;left:22%;box-shadow:inset 0 -1px #00000040,0 1px #0003}.fd-window{background:#3a3631;border-radius:2px;width:20%;height:68%;position:absolute;top:14%;left:56%;box-shadow:inset 0 1px 2px #0009}.fd-label{background:repeating-linear-gradient(#0000 0 calc(1.15em - 1px),#1e3c7821 calc(1.15em - 1px) 1.15em),#f6f0e1;border-radius:4px 4px 0 0;flex-direction:column;gap:4%;height:54%;padding:7% 8% 0;font-size:clamp(7.5px,8.6cqw,12.5px);display:flex;position:absolute;bottom:0;left:9%;right:9%;overflow:hidden;box-shadow:inset 0 0 0 1px #0000000f}.fd-lab{color:#1d1912b8;align-items:center;gap:.35em;min-width:0;font-size:.82em;display:flex}.fd-logo{color:#17140f;flex:none;width:1.45em;height:1.45em}.fd-mono{color:#17140f;background:linear-gradient(180deg, color-mix(in srgb, var(--lab) 55%, #fbf3df), color-mix(in srgb, var(--lab) 70%, #c9bb98));width:1.55em;height:1.55em;box-shadow:0 .14em 0 color-mix(in srgb, var(--lab) 45%, #3a2f1c), inset 0 1px 0 #ffffff80;border-radius:.3em;flex:none;place-items:center;line-height:1;display:inline-grid}.fd-labname{white-space:nowrap;text-overflow:ellipsis;text-transform:uppercase;letter-spacing:.06em;overflow:hidden}.fd-name{color:#17140f;overflow-wrap:anywhere;font-size:1.12em;line-height:1.1}.fd-layer{letter-spacing:.08em;text-transform:uppercase;color:#1d19128c;white-space:nowrap;text-overflow:ellipsis;margin-top:auto;padding-bottom:6%;font-size:.74em;overflow:hidden}.fd-notch{background:#00000073;border-radius:1px;width:6%;height:6%;position:absolute;bottom:3.5%;left:3.5%}.fd-clone{z-index:90;pointer-events:none;will-change:transform;filter:drop-shadow(0 14px 18px #140e0673);position:fixed;top:0;left:0;container-type:inline-size}.fd-clone[data-hot]{filter:drop-shadow(0 0 10px #ffb446cc)drop-shadow(0 8px 10px #140e0666)}.crt-desk{justify-content:flex-end;margin-top:-22px;padding-right:6%;display:flex}.dbox{cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:10px;flex:none;width:92px;height:86px;padding:0;position:relative}.dbox-disks{height:50px;position:absolute;bottom:30px;left:6px;right:6px}.dbox-disk{bottom:0;left:calc(var(--i) * 11px);background:linear-gradient(180deg, color-mix(in srgb, var(--lab) 50%, #2a2621), color-mix(in srgb, var(--lab) 32%, #1f1c18));transform-origin:50% 100%;width:44px;height:50px;transform:rotate(calc(-7deg + var(--i) * 4deg)) translateY(calc(var(--i) * 2px));border-radius:4px 4px 0 0;transition:transform .26s cubic-bezier(.3,.7,.3,1.4);position:absolute;box-shadow:inset 0 1px #fff3,-2px 0 4px #00000040}.dbox-disk:before{content:"";background:linear-gradient(90deg,#9a9ea3,#e3e6e9 40%,#a6aaaf);border-radius:0 0 2px 2px;width:52%;height:30%;position:absolute;top:0;left:22%}.dbox-tab{color:#17140f;height:14px;font:700 7.5px/14px var(--type);text-align:center;white-space:nowrap;text-overflow:ellipsis;background:#f6f0e1;border-radius:2px;padding:0 2px;position:absolute;bottom:3px;left:4px;right:4px;overflow:hidden}.dbox-front{background:linear-gradient(180deg, var(--case-1), var(--case-2));border:1px solid var(--case-edge);height:36px;box-shadow:inset 0 1px 0 #ffffff59, 0 2px 0 var(--case-edge), 0 14px 22px -16px #281e0a8c;font:700 11px/1 var(--type);letter-spacing:.14em;color:var(--chin-ink);border-radius:4px 4px 10px 10px;justify-content:space-between;align-items:center;padding:0 10px;display:flex;position:absolute;bottom:0;left:0;right:0}.dbox-count{letter-spacing:0;background:#00000014;border-radius:4px;padding:3px 5px}html.dark .dbox-count{background:#ffffff12}.dbox:is(:hover,:focus-visible) .dbox-disk{transform:rotate(calc(-9deg + var(--i) * 5deg)) translateY(calc(-6px - var(--i) * 1px))}.dbox[aria-expanded=true] .dbox-disk{transform:rotate(calc(-8deg + var(--i) * 5deg)) translateY(-10px)}@media (max-width:480px){.dbox{width:80px;height:80px}.dbox-disk{width:38px;height:46px;left:calc(var(--i) * 9px)}}.crt-drive{flex:none;align-items:center;gap:7px;display:inline-flex}.crt-slot{background:linear-gradient(#17140f,#2c2823);border-radius:3px;width:104px;height:12px;transition:box-shadow .16s;display:block;position:relative;box-shadow:inset 0 2px 3px #000c,0 1px #ffffff73}html.dark .crt-slot{background:linear-gradient(#050403,#15130f);box-shadow:inset 0 2px 3px #000,0 1px #ffffff14}.crt-slot:before{content:"";background:#000000a6;border-radius:2px;height:2px;position:absolute;top:5px;left:8px;right:8px}.crt-slot[data-hot]{box-shadow:inset 0 2px 3px #000c, 0 0 0 2px var(--hero-accent), 0 0 16px 2px #ffaa3c8c}.crt-slot-disk{background:var(--disk,#555);opacity:0;border-radius:1px 1px 0 0;height:6px;position:absolute;top:2px;left:12%;right:12%}.crt-drive[data-state=loaded] .crt-slot-disk{opacity:.95}html.motion-ok .crt-drive[data-state=loading] .crt-slot-disk{animation:.42s cubic-bezier(.3,.7,.3,1) both slot-in}html.motion-ok .crt-drive[data-state=ejecting] .crt-slot-disk{animation:.3s cubic-bezier(.4,0,.6,1) both slot-out}.crt-drive-led{background:#4b3d26;border-radius:99px;width:6px;height:6px;box-shadow:inset 0 1px 1px #00000080}.crt-drive:is([data-state=loading],[data-state=reading]) .crt-drive-led{background:#ff9a3a;box-shadow:0 0 6px 1px #ff9632b3}html.motion-ok .crt-drive[data-state=reading] .crt-drive-led{animation:.24s step-end infinite crt-blink}.crt-drive[data-state=loaded] .crt-drive-led{background:#e0a43a;box-shadow:0 0 5px #ffaa3c80}.crt-eject{border-radius:6px;min-width:26px;height:22px;padding:0 6px;font-size:11px}.crt-eject svg{width:11px;height:11px}.crt-eject[aria-disabled=true]{opacity:.55;cursor:default}@keyframes slot-in{0%{opacity:.9;transform:translateY(-18px)scaleY(2.4)}to{opacity:.95;transform:none}}@keyframes slot-out{0%{opacity:.95;transform:none}60%{opacity:.95;transform:translateY(-14px)scaleY(2)}to{opacity:0;transform:translateY(-14px)scaleY(2)}}@media (max-width:480px){.crt-slot{width:64px}}.dlib{z-index:5;background:linear-gradient(180deg, color-mix(in srgb, var(--case-1) 94%, #000), var(--case-2));border:1px solid var(--case-edge);font-family:var(--type);color:var(--chin-ink);border-radius:18px;flex-direction:column;font-weight:700;display:flex;position:absolute;inset:12px 12px 50px;overflow:hidden;box-shadow:inset 0 2px #fff6,inset 0 -8px 18px #3c2d0f26,0 18px 40px -18px #1e140699;container-type:inline-size}html.dark .dlib{box-shadow:inset 0 1px #ffffff12,inset 0 -8px 18px #00000059,0 18px 40px -18px #000}html.motion-ok .dlib{animation:.28s cubic-bezier(.25,.8,.3,1) both dlib-in}.dlib-head{letter-spacing:.16em;justify-content:space-between;align-items:center;padding:10px 12px 0 16px;font-size:11px;display:flex}.dlib-dim{opacity:.7;letter-spacing:.04em}.dlib-x{border-radius:7px;min-width:28px;height:26px;padding:0 6px}.dlib-x svg{width:12px;height:12px}.dlib-track{scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;background:linear-gradient(#1c1915,#2a2622 70%,#1a1714);border-radius:12px;flex:1;align-items:center;gap:clamp(2px,1.4cqw,8px);min-height:0;margin:8px 10px 0;padding:6px calc(50% - clamp(104px,36cqw,196px)/2);display:flex;overflow:auto hidden;box-shadow:inset 0 3px 10px #000000b3,inset 0 -1px #ffffff0f}.dlib-track::-webkit-scrollbar{display:none}.dlib-item{cursor:grab;scroll-snap-align:center;touch-action:pan-x;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:8px;flex:none;width:clamp(104px,36cqw,196px);padding:0;container-type:inline-size}.dlib-item>.fd{transform-origin:50% 60%;will-change:transform;filter:drop-shadow(0 8px 8px #00000073)}.dlib-item[data-lifted]>.fd{visibility:hidden}.dlib-item:active{cursor:grabbing}.dlib-item:focus-visible{outline:2px solid var(--hero-accent);outline-offset:4px}.dlib-foot{padding:8px 12px 10px}.dlib-caption{white-space:nowrap;text-overflow:ellipsis;margin:0 4px 7px;font-size:12px;line-height:1.3;overflow:hidden}.dlib-name{color:var(--ink)}.dlib-logo{vertical-align:-.18em;width:1.1em;height:1.1em;color:var(--ink);margin-right:.45em;display:inline-block}.dlib-controls{align-items:center;gap:6px;display:flex}.dlib-btn{min-width:30px;height:28px;font-family:var(--type);border-radius:7px;padding:0 8px;font-size:15px;font-weight:700;line-height:1}.dlib-load{letter-spacing:.06em;font-size:12px}.dlib-hint{text-align:center;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:10.5px;overflow:hidden}.dlib-arrow{color:var(--hero-accent);display:inline-block}html.motion-ok .dlib-arrow{animation:1.4s ease-in-out infinite dlib-nudge}@container (max-width:330px){.dlib-hint{letter-spacing:.02em;font-size:9px}.dlib-caption{font-size:11px}}@keyframes dlib-in{0%{opacity:0;transform:translateY(-10px)scale(.98)}to{opacity:1;transform:none}}@keyframes dlib-nudge{0%,to{transform:none}50%{transform:translateY(3px)}}@media (prefers-reduced-motion:reduce){.dbox-disk{transition:none}.dlib,.dlib-arrow{animation:none!important}}.crt-record.is-disk .crt-row{grid-template-columns:6.6em 1fr}
.crt{--case-1:#efe8d6;--case-2:#d9cfb6;--case-edge:#bfb398;--bezel-1:#d3c8ac;--bezel-2:#e4dbc4;--chin-ink:#3c3019bf;--kb-1:#e6dfcc;--kb-2:#d3c9b0;--phosphor:#ffbf5e;--phosphor-dim:#ffbf5e9e;--glow:#ffa83680;width:100%;max-width:520px;font-family:var(--type);margin:0;position:relative}html.dark .crt{--case-1:#3a3631;--case-2:#2a2723;--case-edge:#15130f;--bezel-1:#1d1b18;--bezel-2:#2a2723;--chin-ink:#efe6d2a8;--kb-1:#2e2b27;--kb-2:#22201c}.crt-case{background:linear-gradient(180deg, var(--case-1), var(--case-2));border:1px solid var(--case-edge);box-shadow:inset 0 2px 0 #ffffff73, inset 0 -6px 12px #3c2d0f1f, 0 30px 60px -30px #281e0a8c, 0 3px 0 var(--case-edge);border-radius:26px 26px 18px 18px;padding:18px 18px 0;position:relative}html.dark .crt-case{box-shadow:inset 0 1px #ffffff12,inset 0 -6px 12px #0000004d,0 30px 60px -30px #000000e6,0 3px #0b0a08}.crt-bezel{background:linear-gradient(160deg, var(--bezel-1), var(--bezel-2));border-radius:20px;padding:14px;box-shadow:inset 0 3px 8px #281e0a59,inset 0 -1px #ffffff59}html.dark .crt-bezel{box-shadow:inset 0 3px 10px #000000b3,inset 0 -1px #ffffff0d}.crt-screen{aspect-ratio:4/3.7;color:var(--phosphor);background:radial-gradient(120% 95% at 50% 45%,#241d13 0%,#15110b 62%,#0a0806 100%);border-radius:18px/22px;position:relative;overflow:hidden;box-shadow:inset 0 0 40px #000000d9,inset 0 0 3px #000000e6;container-type:inline-size}.crt-screen:before,.crt-screen:after{content:"";pointer-events:none;border-radius:inherit;z-index:2;position:absolute;inset:0}.crt-screen:before{mix-blend-mode:multiply;background:repeating-linear-gradient(#00000038 0 1px,#0000 1px 3px)}.crt-screen:after{background:radial-gradient(60% 40% at 22% 12%,#ffffff17,#0000 70%),radial-gradient(130% 110%,#0000 60%,#0000008c 100%)}.crt-content{scrollbar-width:none;text-shadow:0 0 5px var(--glow), 0 0 1px #ffc87899;padding:clamp(12px,3.4cqw,20px) clamp(12px,3.6cqw,22px);font-size:clamp(9.5px,2.55cqw,12px);font-weight:700;line-height:1.5;position:absolute;inset:0;overflow-y:auto}.crt-content::-webkit-scrollbar{display:none}html.motion-ok .crt:not([data-live]) .crt-content{visibility:hidden}.crt-sys{color:var(--phosphor-dim);letter-spacing:.08em;justify-content:space-between;gap:1em;font-size:.86em;display:flex}.crt-sys>span{white-space:nowrap}.crt-sys-stats{text-overflow:ellipsis;text-transform:uppercase;letter-spacing:.04em;opacity:.85;min-width:0;overflow:hidden}@container (max-width:380px){.crt-sys-stats{display:none}}.crt-q{color:#ffd28c;gap:.55em;margin-top:.7em;display:flex}.crt-ps{color:var(--phosphor)}.crt-model{white-space:nowrap}.crt-logo{vertical-align:-.32em;width:1.45em;height:1.45em;text-shadow:none;color:#17140f;background:linear-gradient(180deg, color-mix(in srgb, var(--lab) 55%, #fbf3df), color-mix(in srgb, var(--lab) 70%, #c9bb98));box-shadow:0 .14em 0 color-mix(in srgb, var(--lab) 45%, #3a2f1c), inset 0 1px 0 #ffffff80;border-radius:.3em;place-items:center;margin:0 .3em 0 .05em;font-size:.92em;line-height:1;display:inline-grid}.crt-caret{vertical-align:-.18em;background:var(--phosphor);width:.55em;height:1.05em;box-shadow:0 0 6px var(--glow);margin-left:.12em;animation:1s step-end infinite crt-blink;display:inline-block}.crt-caret-end{margin-top:.3em}.crt-think{color:var(--phosphor-dim);margin-top:.5em}.crt-dots:after{content:"...";vertical-align:bottom;width:0;animation:.9s steps(4,end) infinite crt-dots;display:inline-block;overflow:hidden}.crt-record{color:inherit;cursor:pointer;border-top:1px dashed #ffbf5e73;border-radius:4px;margin-top:.8em;padding:.55em 0 .2em;text-decoration:none;display:block}.crt-record:hover .crt-link,.crt-record:focus-visible .crt-link{text-underline-offset:3px;text-decoration:underline}.crt-record:focus-visible{outline:1px solid var(--phosphor);outline-offset:3px}.crt-rule{color:var(--phosphor-dim);letter-spacing:.18em;margin-bottom:.35em;font-size:.82em;display:block}.crt-row{grid-template-columns:5.2em 1fr;gap:.5em;display:grid}.crt-row:not(:has(.crt-tag)){display:block}.crt-row.crt-sec{margin-top:.7em}.crt-head+.crt-row.crt-sec{margin-top:.35em}.crt-row.crt-link{margin-top:.9em}.crt-tag{color:var(--phosphor-dim);letter-spacing:.06em;font-size:.9em}.crt-head{color:#ffd690;background:#ffbf5e1f;border-radius:3px;align-items:center;gap:.1em;width:fit-content;margin-bottom:.35em;padding:.15em .4em;display:flex}.crt-dim .crt-body,.crt-dim{color:var(--phosphor-dim)}.crt-code .crt-body{color:#ffe0a8;font-family:var(--font-geist-mono), ui-monospace, monospace;font-size:.94em;font-weight:500}.crt-link{color:#ffd690;margin-top:.45em;display:block}.crt-print{animation:.14s steps(14,end) both crt-print}.crt-paused{z-index:3;letter-spacing:.14em;color:var(--phosphor-dim);text-shadow:0 0 5px var(--glow);font-size:10px;position:absolute;top:10px;right:12px}.crt-chin{color:var(--chin-ink);align-items:center;gap:12px;padding:10px 6px 12px;display:flex}.crt-led{background:#e0a43a;border-radius:99px;width:8px;height:8px;transition:opacity .2s;box-shadow:0 0 6px 1px #ffaa3c8c}.crt-led.is-busy{animation:.38s step-end infinite crt-blink}.crt-foot{background:linear-gradient(180deg, var(--case-2), var(--case-1));border:1px solid var(--case-edge);border-top:0;border-radius:0 0 10px 10px;width:46%;height:12px;margin:0 auto}.crt-kb{background:linear-gradient(180deg, var(--kb-1), var(--kb-2));border:1px solid var(--case-edge);width:92%;box-shadow:inset 0 1px 0 #ffffff59, 0 2px 0 var(--case-edge), 0 18px 30px -20px #281e0a80;border-radius:14px;flex-wrap:wrap;justify-content:center;gap:7px;margin:10px auto 0;padding:10px 12px 12px;display:flex}html.dark .crt-kb{box-shadow:inset 0 1px #ffffff0f,0 2px #0b0a08,0 18px 30px -20px #000c}.crt-key{min-width:34px;height:32px;font-family:var(--type);border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:0 10px;font-size:13px;font-weight:700;display:inline-flex}.crt-key svg{width:13px;height:13px}.crt-key[aria-pressed=true]{color:var(--hero-accent)}@keyframes crt-blink{50%{opacity:0}}@keyframes crt-dots{to{width:1.8em}}@keyframes crt-print{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}@media (prefers-reduced-motion:reduce){.crt-caret,.crt-led.is-busy,.crt-dots:after,.crt-print{animation:none}}.crt-mark{vertical-align:-.24em;width:1.25em;height:1.25em;filter:drop-shadow(0 0 3px var(--glow));flex:none;margin:0 .35em 0 .05em;display:inline-block}.crt-plate{--plate-1:#e9e6dd;--plate-2:#b9b4a6;--plate-ink:#4a4436;--plate-hi:#ffffffbf;background:repeating-linear-gradient(90deg, #ffffff29 0 1px, transparent 1px 3px), linear-gradient(180deg, var(--plate-1), var(--plate-2));box-shadow:inset 0 1px 0 var(--plate-hi), inset 0 -1px 0 #0000002e, 0 0 0 1px #463c2859, 0 1px 0 #ffffff80, 0 2px 3px -1px #281e0a59;border-radius:3px;flex:none;align-items:center;gap:7px;padding:4px 7px;display:inline-flex;position:relative}html.dark .crt-plate{--plate-1:#aaa699;--plate-2:#7f7b71;--plate-ink:#15130f;--plate-hi:#ffffff4d;box-shadow:inset 0 1px 0 var(--plate-hi), inset 0 -1px 0 #00000059, 0 0 0 1px #12100d, 0 1px 0 #ffffff0f, 0 2px 3px -1px #000}.crt-plate-text{line-height:1.05;font-family:var(--type);color:var(--plate-ink);text-transform:uppercase;font-weight:700;display:grid}.crt-plate-text>span{text-shadow:0 1px 0 var(--plate-hi), 0 -.5px 0 #00000040;white-space:nowrap}.crt-plate-brand{letter-spacing:.16em;font-size:11px}.crt-plate-model{letter-spacing:.12em;opacity:.85;margin-top:2px;font-size:7px}.crt-plate-serial{letter-spacing:.12em;opacity:.7;font-size:6px}.crt-rivet{background:radial-gradient(circle at 35% 30%,#fff 0,#c9c4b6 35%,#6f6858 100%);border-radius:99px;flex:none;width:5px;height:5px;box-shadow:0 .5px #ffffff80,inset 0 -.5px 1px #0006}html.dark .crt-rivet{background:radial-gradient(circle at 35% 30%,#d9d4c8 0,#8a857a 40%,#2e2b26 100%)}.crt-vents{flex:none;gap:3px;margin-left:auto;display:inline-flex}.crt-vents i{background:linear-gradient(#281e0a73,#281e0a40);border-radius:2px;width:3px;height:16px;display:block;box-shadow:inset 0 1px 1px #00000059,0 1px #ffffff8c}html.dark .crt-vents i{background:#0d0c0a;box-shadow:inset 0 1px 1px #000,0 1px #ffffff0f}.crt-power{letter-spacing:.14em;color:var(--chin-ink);flex-direction:column;flex:none;align-items:center;gap:3px;font-size:7px;display:inline-flex}@media (max-width:480px){.crt-chin{gap:8px}.crt-vents{display:none}.crt-plate{gap:5px;padding:3px 5px}.crt-plate-brand{letter-spacing:.1em;font-size:9.5px}.crt-plate-serial{display:none}}
