:root{font-family:Arial,Helvetica,sans-serif;color:#fff7f0;background:#192437;--orange:#f97316;--navy:#1e3a8a;--cream:#fff7f0}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,input,textarea{font:inherit}button{cursor:pointer;touch-action:manipulation}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #f97316;outline-offset:3px}button{min-height:44px}button:disabled{cursor:default;opacity:.6}[hidden]{display:none!important}#world{position:fixed;inset:0;width:100%;height:100%}header{position:fixed;top:0;left:0;right:0;padding:22px 28px;display:flex;justify-content:space-between;align-items:flex-start;gap:16px;pointer-events:none;z-index:5}header b{font-size:20px;letter-spacing:-.8px}header b span{color:var(--orange)}header small{display:block;font-size:12px;margin-top:5px;color:#d0d8e7}.tools{display:flex;gap:7px;pointer-events:auto}.tools button{border:1px solid #ffffff35;background:#17243bd9;color:#fff7f0;border-radius:8px;padding:9px 12px;font-size:12px}.tools button[aria-pressed=true]{background:var(--navy);border-color:#f97316}#screen{position:fixed;left:0;top:0;width:1000px;height:625px;transform-origin:0 0;background:#f5eee6;color:#182641;overflow:hidden;border-radius:4px;z-index:2;box-shadow:0 0 0 2px #171c28;display:flex;flex-direction:column;backface-visibility:hidden}.os-top{height:43px;background:#1c2d50;color:white;display:flex;justify-content:space-between;align-items:center;padding:0 22px;font-size:13px;letter-spacing:1px}.os-top>b{font-size:22px;letter-spacing:-1px}.os-top b span{color:#f97316}.os-taskbar{height:46px;flex-shrink:0;background:#e0dedf;display:flex;align-items:center;justify-content:space-between;padding:0 14px;font-size:12px}.os-taskbar button{background:none;border:0;color:#1e3a8a;font-weight:bold}.os-taskbar>span:last-child{font-size:10px;letter-spacing:1px}#desktop{flex:1;position:relative;overflow:hidden;background:radial-gradient(ellipse at 70% 35%,#eadffa,transparent 65%),#fff7f0}.desktop-intro{display:flex;align-items:center;height:345px;justify-content:center;gap:30px}.desktop-intro img{height:330px;width:170px;object-fit:contain;object-position:top;margin-top:55px}.desktop-intro small{font-size:12px;letter-spacing:2px;font-weight:bold;color:#805019}.desktop-intro h1{font-size:48px;line-height:1.02;letter-spacing:-2px;margin:15px 0;color:#1e3a8a}.desktop-intro p{font-size:16px;line-height:1.5;color:#596173}.icons{display:flex;justify-content:center;gap:19px}.icons button{background:none;border:0;display:flex;flex-direction:column;align-items:center;gap:9px;font-size:15px;width:100px;font-weight:bold;color:#1c315c}.icons i{font:normal 33px monospace;display:grid;place-items:center;width:57px;height:57px;border-radius:14px;background:#1e3a8a;color:white;box-shadow:0 5px 0 #c6c5d6}.icons button:nth-child(2n) i{background:#7350b1}.icons button:nth-child(3n) i{background:#c55a1c}.icons button:hover i{transform:translateY(-3px)}.desktop-bottom{position:absolute;bottom:12px;left:23px;right:23px;display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#586278}.desktop-bottom button{border:0;background:none;color:#1e3a8a;font-weight:bold;font-size:14px}#app{position:absolute;inset:53px 18px 56px;background:#fffaf4;border:1px solid #afb7c8;border-radius:10px;overflow:hidden;box-shadow:0 12px 30px #14234330;display:flex;flex-direction:column}.app-title{display:flex;justify-content:space-between;align-items:center;height:44px;flex-shrink:0;background:#e6e8ee;padding-left:18px;font-size:16px}.app-title button{background:transparent;border:0;width:50px;font-size:26px;color:#25304a}#app-body{padding:22px;overflow:auto;flex:1;font-size:17px}#app-body h2{font-size:28px;letter-spacing:-.6px;margin:0 0 12px;color:#1e3a8a}#app-body h3{font-size:19px;margin:15px 0 9px}#app-body p{line-height:1.5;margin:10px 0}#app-body button{border:0;border-radius:6px;background:#1e3a8a;color:white;padding:10px 14px;font-weight:bold;font-size:15px;margin:4px 4px 4px 0}#app-body button.secondary{background:#e5e8ef;color:#1e3a8a}#app-body label{display:block;font-size:14px;font-weight:bold;margin:9px 0}#app-body input,#app-body textarea{padding:10px 12px;border:1px solid #b1b8c6;border-radius:6px;width:100%;background:white;color:#182641;font-size:16px}#app-body textarea{height:110px;resize:vertical}#app-body .note{font-size:13px;color:#626b7c}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:20px}.card{padding:17px;border:1px solid #d9d5ce;border-radius:9px;background:#fff}.badge{font-size:12px;border-radius:99px;background:#e6eeda;color:#3e602a;padding:6px 10px;display:inline-block}.address{padding:9px 14px;background:#e9e8ec;border:1px solid #d2d2df;border-radius:6px;font-size:14px;margin-bottom:20px;color:#535e73}.terminal{background:#101b2d!important;color:#cad7ed;padding:16px!important;display:flex;flex-direction:column}.terminal pre{font:15px/1.55 Consolas,monospace;white-space:pre-wrap;overflow:auto;flex:1;margin:0 0 12px;min-height:100px}.terminal form{display:flex;align-items:center;gap:10px;color:#79d9b2;font:15px Consolas,monospace}.terminal input{background:#19283e!important;color:#d9e8fe!important;border:1px solid #3f5272!important;font:16px Consolas,monospace!important}.terminal .quick{display:flex;gap:5px;flex-wrap:wrap;margin-top:10px}.terminal .quick button{font:12px Consolas,monospace!important;background:#263650!important;padding:7px!important;min-height:34px}.terminal .note{color:#9dabbd!important}.object-label{position:fixed;z-index:3;background:#fff7f0ee;border:1px solid #172841;color:#172841;border-radius:99px;font-size:13px;font-weight:bold;padding:10px 16px;box-shadow:0 4px 15px #0003;transform:translate(-50%,-50%);white-space:nowrap}.object-label kbd{font-size:10px;border:1px solid #9b9b9b;border-radius:3px;padding:2px;margin-left:5px}#checklist{position:fixed;left:25px;bottom:87px;width:215px;padding:17px;background:#15233ade;border:1px solid #ffffff25;border-radius:12px;z-index:4;font-size:13px}#checklist>b{font-size:13px;color:#ffbc86}#checks{line-height:1.9;margin:10px 0}#checklist small{font-size:11px;color:#aab9cb;line-height:1.5;display:block}#toast{position:fixed;bottom:47px;left:50%;transform:translateX(-50%);width:max-content;max-width:calc(100% - 40px);padding:11px 19px;background:#182b47f2;border:1px solid #ffffff20;color:#fff7f0;border-radius:9px;font-size:14px;text-align:center;z-index:6;pointer-events:none}footer{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:space-between;padding:13px 25px;font-size:11px;color:#d0d8e7;z-index:4;pointer-events:none}body.computer #screen{transform:none!important;left:50%;top:50%;width:min(1100px,calc(100vw - 60px));height:min(700px,calc(100dvh - 155px));transform:translate(-50%,-50%)!important;border:10px solid #142035;border-radius:15px;box-shadow:0 0 0 100vmax #0b1526a8;z-index:5}body.computer .object-label,body.computer #checklist{display:none}body.computer header{z-index:8}body.computer .desktop-intro{height:65%}body.computer .desktop-intro img{height:95%;margin-top:10px}body.computer .icons{gap:clamp(2px,2vw,20px)}#goodbye{position:fixed;inset:0;background:#111e35eF;display:grid;place-items:center;z-index:10;text-align:center;padding:25px}#goodbye h1{font-size:clamp(32px,5vw,65px);letter-spacing:-2px;margin:20px 0;color:#fff7f0}#goodbye small{color:#ffac70;letter-spacing:3px}#goodbye p{line-height:1.7;color:#cdd5e7}#goodbye button{padding:13px 22px;background:#f97316;color:#14213a;border:0;border-radius:7px;font-weight:bold;margin:10px 5px}#goodbye button+button{background:#fff7f0}.call-face{font-size:50px;color:#1e3a8a;line-height:1.4}.call-box{text-align:center}.call-box p{max-width:580px;margin:15px auto!important}
@media(max-width:800px){header{padding:16px}header b{font-size:16px}.tools{gap:4px;flex-wrap:wrap;justify-content:flex-end;max-width:230px}.tools button{font-size:10px;padding:7px 9px}#checklist{left:15px;bottom:115px;width:180px;padding:12px;font-size:11px}#checklist>b{font-size:12px}#toast{font-size:12px;bottom:54px}footer{padding:12px 15px;gap:20px;font-size:10px}.object-label{font-size:11px;padding:8px 11px}body.computer #screen{width:calc(100vw - 20px);height:calc(100dvh - 180px);border-width:5px;top:52%}.os-top{font-size:9px;padding:0 10px}.os-top>b{font-size:18px}.os-taskbar>span{display:none}.desktop-intro{gap:5px!important}.desktop-intro h1{font-size:32px}.desktop-intro p{font-size:13px}.desktop-intro small{font-size:9px}.desktop-intro img{width:120px}.icons{flex-wrap:wrap;gap:10px}.icons button{font-size:11px;width:70px;gap:5px}.icons i{width:43px;height:43px;font-size:25px}body.computer .desktop-intro{height:47%}.desktop-bottom>span{display:none}#app{inset:48px 5px 48px}#app-body{padding:13px;font-size:15px}.two-col{grid-template-columns:1fr;gap:10px}#app-body h2{font-size:24px}#app-body .card{padding:12px}.terminal pre{font-size:12px}.terminal form{flex-wrap:wrap}.terminal form span{display:none}.terminal form input{flex:1;min-width:100px}#app-body button{font-size:13px}#app-body textarea{height:90px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}@media(max-height:600px){.desktop-intro{height:55%!important}.desktop-intro h1{font-size:27px}.desktop-intro p{display:none}.desktop-intro img{height:150px!important}.icons i{width:38px;height:38px}.desktop-bottom{bottom:0}.os-top{height:33px}.os-taskbar{height:36px}}