.mac{--paper:#f0eee4;--ink:#1a1c1f;--paper-dim:#e0ded5;--beige:#d0c6b2;--beige-lo:#afa38e;--beige-hi:#e7e1ce;--slot:#908572;--room-1:#29231c;--room-2:#0e0906;--led:#7acf7e;background:radial-gradient(115% 80% at 50% 40%, var(--room-1), var(--room-2) 72%), linear-gradient(180deg, #1f1914, #0a0704);color:var(--ink);-webkit-font-smoothing:none;font-smooth:never;cursor:default;place-items:center;padding:clamp(.75rem,3vw,2.5rem);display:grid;position:fixed;inset:0;overflow:hidden}@supports (color:lab(0% 0 0)){.mac{--paper:lab(93.9318% -.384569 4.95766);--ink:lab(10.0834% -.522174 -2.5441);--paper-dim:lab(88.4796% -.382036 4.95949);--beige:lab(80.3941% .905633 11.6181);--beige-lo:lab(67.6086% 1.79648 12.3732);--beige-hi:lab(89.6965% -.199497 10.0318);--slot:lab(55.9876% 2.06772 11.5684);--room-1:lab(14.1565% 2.06156 5.94401);--room-2:lab(2.74557% .937425 1.84583);--led:lab(76.2082% -39.2083 31.9012);background:radial-gradient(115% 80% at 50% 40%, var(--room-1), var(--room-2) 72%), linear-gradient(180deg, lab(9.51025% 1.96189 4.98703), lab(1.97758% .663154 1.22785))}}.mac:before{content:"";filter:blur(10px);pointer-events:none;background:radial-gradient(58% 58% at 50% 46%,#50463ab3,#0000 70%);background:radial-gradient(58% 58% at 50% 46%,lab(30.4171% 2.55331 9.10944/.7),#0000 70%);width:92%;height:52%;position:absolute;bottom:-18%;left:50%;translate:-50%}.mac__sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.mac__chassis{background:linear-gradient(158deg, var(--beige-hi), var(--beige) 34%, var(--beige-lo));border-radius:1.5rem 1.5rem 1.15rem 1.15rem;width:min(42rem,95vw);padding:clamp(1.2rem,3.4vw,1.9rem);position:relative;box-shadow:inset 0 2px #faf5e6b3,inset 0 -3px 6px #7b705e8c,inset 3px 0 5px #8a7f6c4d,inset -3px 0 5px #8a7f6c4d,0 34px 60px -20px #070200bf,0 4px 12px #05030280;box-shadow:inset 0 2px lab(96.6277% -.19756 7.68334/.7),inset 0 -3px 6px lab(47.8511% 2.46599 11.5397/.55),inset 3px 0 5px lab(53.6669% 2.08119 11.5805/.3),inset -3px 0 5px lab(53.6669% 2.08119 11.5805/.3),0 34px 60px -20px lab(.884569% 1.04284 1.19571/.75),0 4px 12px lab(.896511% .456087 .682038/.5)}.mac__chassis:before,.mac__chassis:after{content:"";pointer-events:none;background:linear-gradient(#a2978480,#f3eee066);background:linear-gradient(lab(62.9496% 2.03177 11.5369/.5),lab(94.3075% -.195086 7.6851/.4));border-radius:2px;width:2px;position:absolute;top:8%;bottom:8%}.mac__chassis:before{left:.5rem}.mac__chassis:after{right:.5rem}.mac__recess{background:linear-gradient(160deg,#938875,#b7ad99 60%,#a29784);background:linear-gradient(160deg,lab(57.148% 2.06125 11.5626),lab(71.0988% 1.29357 11.6138) 60%,lab(62.9633% 1.68145 11.5975));border-radius:.7rem;padding:clamp(.7rem,2.4vw,1.05rem);position:relative;box-shadow:inset 0 3px 8px #52453699,inset 0 -2px 3px #f3eee066;box-shadow:inset 0 3px 8px lab(30.4013% 3.64286 11.3888/.6),inset 0 -2px 3px lab(94.3075% -.195086 7.6851/.4)}.mac__glass{aspect-ratio:4/3;background:var(--paper);image-rendering:pixelated;isolation:isolate;border-radius:.5rem;position:relative;overflow:hidden;box-shadow:inset 0 0 0 2px #6a625780,inset 0 0 22px #78716559;box-shadow:inset 0 0 0 2px lab(42.0386% 1.56286 7.6219/.5),inset 0 0 22px lab(47.8489% 1.31071 7.65482/.35)}.mac__glass:after{content:"";pointer-events:none;z-index:6;mix-blend-mode:multiply;background:radial-gradient(130% 130%,#0000 62%,#4e463c38);background:radial-gradient(130% 130%,#0000 62%,lab(30.4264% 1.8476 7.61027/.22));position:absolute;inset:0}.mac__scr{transform-origin:50%;z-index:2;flex-direction:column;display:flex;position:absolute;inset:0}.mac__flash{z-index:7;background:var(--paper);opacity:0;pointer-events:none;position:absolute;inset:0}.mac[data-boot=power] .mac__flash{animation:.62s ease-out both mac-poweron}.mac[data-bell="1"] .mac__flash{animation:.13s steps(2,end) mac-bell}@keyframes mac-poweron{0%{opacity:1}40%{opacity:1}to{opacity:0}}@keyframes mac-bell{0%,to{opacity:0}50%{opacity:.9;background:var(--ink)}}.mac[data-collapse="1"] .mac__scr{animation:.72s cubic-bezier(.7,0,.3,1) forwards mac-collapse}.mac[data-collapse="1"] .mac__glass{background:#0a0e11;background:lab(3.69007% -.552692 -2.32546)}@keyframes mac-collapse{0%{filter:brightness();transform:scaleY(1)scaleX(1)}46%{filter:brightness(2.4);transform:scaleY(.006)scaleX(1)}62%{filter:brightness(2.4);transform:scaleY(.006)scaleX(1)}to{filter:brightness(3.4);opacity:0;transform:scaleY(.006)scaleX(0)}}.mac[data-collapse="1"] .mac__glass:before{content:"";z-index:5;background:#faf8f1;background:lab(97.742% -.305504 3.80692);border-radius:50%;width:7px;height:7px;animation:.72s ease-in forwards mac-dot;position:absolute;top:50%;left:50%;translate:-50% -50%;box-shadow:0 0 12px 4px #f2efe0cc;box-shadow:0 0 12px 4px lab(94.3203% -.551969 7.65613/.8)}@keyframes mac-dot{0%,62%{opacity:0;transform:translate(-50%,-50%)scale(.2)}72%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-50%)scale(.15)}}.mac__menubar{z-index:3;background:var(--paper);border-bottom:2px solid var(--ink);height:clamp(18px,4.6%,22px);font-family:var(--m-chrome), monospace;align-items:stretch;gap:0;padding:0 8px;font-size:clamp(10px,2vw,12px);line-height:1;display:flex;position:relative}.mac__menubar>*{align-items:center;padding:0 7px;display:flex}.mac__apple{letter-spacing:.5px;font-weight:700}.mac__menuright{opacity:.85;margin-left:auto}.mac__desktop{z-index:1;background-color:var(--paper);background-image:linear-gradient(45deg, var(--ink) 25%, transparent 25%), linear-gradient(-45deg, var(--ink) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, var(--ink) 75%), linear-gradient(-45deg, transparent 75%, var(--ink) 75%);background-position:0 0,0 2px,2px -2px,-2px 0;background-size:4px 4px;flex:1;place-items:center;min-height:0;display:grid;position:relative}.mac__win{z-index:2;background:var(--paper);border:2px solid var(--ink);transform-origin:50%;width:min(88%,26rem);position:relative;box-shadow:4px 4px #13161a59;box-shadow:4px 4px lab(7.21285% -.900991 -3.46672/.35)}.mac[data-boot=power] .mac__win,.mac[data-open="1"] .mac__win{animation:.34s cubic-bezier(.2,.9,.25,1) both mac-win-open}@keyframes mac-win-open{0%{opacity:0;transform:scale(.28)}60%{opacity:1}to{opacity:1;transform:scale(1)}}.mac[data-err="1"] .mac__win{animation:.34s ease-in-out mac-jiggle}@keyframes mac-jiggle{0%,to{transform:translate(0)}15%{transform:translate(-6px)}35%{transform:translate(5px)}55%{transform:translate(-4px)}75%{transform:translate(3px)}90%{transform:translate(-1px)}}.mac__title{border-bottom:2px solid var(--ink);background-image:repeating-linear-gradient(var(--ink) 0 1px, transparent 1px 3px);background-position:0 3px;background-repeat:no-repeat;background-size:100% calc(100% - 5px);align-items:center;gap:6px;height:clamp(15px,3.6vw,18px);padding:0 5px;display:flex}.mac__close{border:2px solid var(--ink);background:var(--paper);flex:none;width:11px;height:11px}.mac__titletext{font-family:var(--m-chrome), monospace;background:var(--paper);color:var(--ink);padding:0 6px;font-size:clamp(11px,2.2vw,13px)}.mac__titlefill{flex:1;height:100%}.mac__body{font-family:var(--m-screen), sans-serif;flex-direction:column;gap:clamp(8px,2vw,12px);padding:clamp(10px,2.6vw,15px);display:flex}.mac__intro{align-items:flex-start;gap:11px;display:flex}.mac__prose{color:var(--ink);text-wrap:balance;margin:0;font-size:clamp(13px,2.6vw,16px);font-weight:500;line-height:1.5}.mac__icon{width:40px;height:40px;image-rendering:pixelated;flex:none}.mac__icon svg{width:100%;height:100%;display:block}.mac__promptrow{align-items:center;gap:8px;font-size:clamp(13px,2.6vw,16px);font-weight:500;display:flex}.mac__user{font-weight:700}.mac__field{background:var(--paper);border:2px solid var(--ink);flex:1;align-items:center;gap:2px;min-width:0;height:clamp(17px,4vw,20px);padding:0 6px;display:flex;position:relative;overflow:hidden}.mac__bullet{background:var(--ink);border-radius:50%;flex:none;width:6px;height:6px;animation:.12s ease-out mac-pop}@keyframes mac-pop{0%{transform:scale(0)}to{transform:scale(1)}}.mac__caret{background:var(--ink);width:2px;height:62%;animation:1.06s step-end infinite mac-blink}@keyframes mac-blink{0%,50%{opacity:1}50.01%,to{opacity:0}}.mac__placeholder{opacity:.4;font-size:clamp(8px,1.8vw,10px)}.mac__input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.mac__barb{min-height:1.3em;color:var(--ink);margin:0;font-size:clamp(8px,1.8vw,10px);font-weight:500;line-height:1.3}.mac__barb[data-show="1"]{animation:.2s ease-out both mac-barb-in}@keyframes mac-barb-in{0%{opacity:0;transform:translateY(-2px)}to{opacity:1}}.mac__buttons{justify-content:flex-end;gap:9px;display:flex}.mac__btn{font-family:var(--m-chrome), monospace;color:var(--ink);background:var(--paper);border:2px solid var(--ink);cursor:pointer;border-radius:9px;padding:5px 12px 4px;font-size:clamp(7px,1.6vw,9px);line-height:1}.mac__btn:active{background:var(--ink);color:var(--paper)}.mac__btn:focus-visible{outline:2px dotted var(--ink);outline-offset:2px}.mac__btn--default{box-shadow:0 0 0 2px var(--paper), 0 0 0 4px var(--ink)}.mac__boot{z-index:4;background:var(--paper);flex-direction:column;justify-content:center;align-items:center;gap:clamp(10px,3vw,16px);display:flex;position:absolute;inset:0}.mac__splash{flex-direction:column;align-items:center;gap:12px;display:flex}.mac__splash .mac__icon{width:56px;height:56px;animation:.26s ease-out mac-pop}.mac__wordmark{font-family:var(--m-chrome), monospace;letter-spacing:1px;font-size:clamp(13px,3.6vw,18px)}.mac__welcome{border:2px solid var(--ink);font-family:var(--m-chrome), monospace;align-items:center;gap:9px;padding:7px 16px;font-size:clamp(9px,2.4vw,12px);display:flex}.mac__welcome .mac__icon{width:18px;height:18px}.mac__tray{flex-wrap:wrap;justify-content:center;gap:clamp(6px,1.8vw,10px);padding:0 12px;display:flex;position:absolute;bottom:clamp(10px,4vw,20px);left:0;right:0}.mac__ext{opacity:0;flex-direction:column;align-items:center;gap:3px;width:clamp(44px,12vw,58px);animation:.24s ease-out forwards mac-ext-in;display:flex}.mac__ext svg{width:20px;height:20px;image-rendering:pixelated}.mac__extlabel{font-family:var(--m-screen), sans-serif;text-align:center;color:var(--ink);font-size:clamp(6px,1.5vw,8px);font-weight:500;line-height:1.1}@keyframes mac-ext-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.mac__face{align-items:center;gap:12px;margin-top:clamp(.7rem,2.2vw,1rem);padding:0 clamp(.2rem,1.4vw,.6rem);display:flex}.mac__nameplate{font-family:var(--m-chassis), sans-serif;letter-spacing:-.01em;color:#6d6150;color:lab(42.0486% 2.51091 11.5828);text-shadow:0 1px #f6f2e3b3,0 -1px #7c705e80;text-shadow:0 1px lab(95.4676% -.196338 7.68421/.7),0 -1px lab(47.8375% 2.80875 11.4496/.5);font-size:clamp(13px,3.4vw,17px);font-weight:700}.mac__nameplate b{color:#615340;color:lab(36.2315% 3.49592 13.5835);font-weight:700}.mac__nameplate sup{font-size:.62em}.mac__led{background:var(--led);border-radius:50%;width:7px;height:7px;box-shadow:0 0 6px 1px #7acf7eb3,inset 0 1px 1px #dbf8dacc;box-shadow:0 0 6px 1px lab(76.2082% -39.2083 31.9012/.7),inset 0 1px 1px lab(94.8512% -13.972 10.919/.8)}.mac__slot{background:linear-gradient(var(--slot), #6a6257);border-radius:2px;width:clamp(58px,18vw,84px);height:8px;margin-left:auto;position:relative;box-shadow:inset 0 1px 2px #41392fcc,0 1px #f3eee099;box-shadow:inset 0 1px 2px lab(24.606% 2.33489 7.49698/.8),0 1px lab(94.3075% -.195086 7.6851/.6)}@supports (color:lab(0% 0 0)){.mac__slot{background:linear-gradient(var(--slot), lab(42.0386% 1.56286 7.6219))}}.mac__slot:after{content:"";background:#4e463c;background:lab(30.4172% 2.07365 7.54088);width:5px;height:2px;position:absolute;top:50%;right:6px;translate:0 -50%}@media (prefers-reduced-motion:reduce){.mac__flash,.mac[data-boot=power] .mac__flash,.mac[data-bell="1"] .mac__flash{opacity:0;animation:none}.mac[data-boot=power] .mac__win,.mac[data-open="1"] .mac__win,.mac[data-err="1"] .mac__win{animation:none}.mac[data-collapse="1"] .mac__scr,.mac[data-collapse="1"] .mac__glass:before{opacity:0;animation:none}.mac__bullet,.mac__caret,.mac__barb[data-show="1"]{animation:none}.mac__ext{opacity:1;animation:none;transform:none}.mac__splash .mac__icon{animation:none}.mac[data-err="1"] .mac__field{border-width:3px}}@media (max-width:430px){.mac__chassis{width:100%}.mac__win{width:min(88%,20rem)}.mac__tray{gap:5px}}.mac__sup{font-family:var(--m-chrome), monospace;vertical-align:baseline;margin-left:1px;font-size:.7em;line-height:0;position:relative;top:-.5em}
