.portfolio-os{position:fixed;inset:0;z-index:200;background:#0d0e0df5;display:grid;place-items:center;color:#20221c;font:14px 'Courier New',monospace}.crt-case{width:min(1080px,96vw);height:min(740px,94vh);padding:24px 25px 10px;background:#b9b39d;border:7px solid;border-color:#ddd7bd #747060 #625f51 #d1cbb5;box-shadow:0 20px 80px #000;display:flex;flex-direction:column}.crt-screen{position:relative;flex:1;min-height:0;background:#3c5b53;box-shadow:inset 0 0 30px #001d15;border:5px solid #272b25;display:flex;flex-direction:column;overflow:hidden}.crt-screen:after{content:'';position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(transparent 0 3px,#0000000b 3px 4px);z-index:50}.crt-label{font-size:11px;letter-spacing:2px;padding:9px;color:#414638}.os-menu,.os-taskbar{padding:6px;display:flex;gap:12px;align-items:center;background:#b8b9a9;flex-shrink:0}.os-menu>span{font-size:10px;margin-left:auto}.portfolio-os button,.os-launch{border:2px solid;border-color:#f0eedc #53584f #53584f #f0eedc;background:#c5c5b4;color:#1e241e;font:inherit;padding:5px 9px;cursor:pointer;border-radius:0}.portfolio-os button:active{border-color:#53584f #f0eedc #f0eedc #53584f}.portfolio-os button:focus-visible,.os-launch:focus-visible{outline:2px dotted #111;outline-offset:2px}.desktop-icons{display:flex;gap:22px;padding:22px}.portfolio-os .desktop-icon{background:none;border:none;color:#edeedb;width:105px;display:grid;justify-items:center;gap:9px;font-size:12px;text-shadow:1px 1px #202c26}.pixel-icon{display:grid;place-items:center;width:43px;height:37px;font-size:30px;font-weight:bold;box-shadow:3px 3px #24372e;border:3px solid #d5d9bf;text-shadow:none}.os-workspace{position:relative;flex:1;min-height:0}.os-window{position:absolute;width:min(460px,95%);background:#c9c8b7;border:3px solid;border-color:#eeeedc #4e564b #4e564b #eeeedc;box-shadow:5px 5px #163b3190}.os-titlebar{display:flex;align-items:center;justify-content:space-between;background:#293f3b;color:#eeeedd;padding:4px 6px;cursor:move;touch-action:none}.os-titlebar button{padding:0 6px;margin-left:3px}.os-window-body{padding:22px;max-height:38vh;overflow:auto}.os-window-body h1{font-size:25px;color:#263d35;margin:14px 0}.os-window-body p{line-height:1.6;margin:10px 0}.os-window-body small{display:block;color:#566052;font-size:11px}.os-launch{display:inline-block;text-decoration:none;margin:18px 0 10px}.os-taskbar{gap:5px;font-size:11px;border-top:2px solid #eeeeda}.os-taskbar>span{margin-left:auto}.portfolio-os [hidden]{display:none!important}@media(max-width:600px){.crt-case{padding:8px;border-width:4px}.os-menu>span{display:none}.desktop-icons{padding:12px 4px;gap:3px}.os-window-body{padding:12px}.os-taskbar{flex-wrap:wrap}.os-taskbar>span{display:none}}

.os-window{max-height:100%;display:flex;flex-direction:column}.os-window-body{min-height:0}.os-titlebar{flex-shrink:0}