:root{--cardboard:#b98252;--cardboard-dark:#8f5f40;--paper:#fff7e7;--paper-light:#fffaf0;--paper-dark:#eadcc3;--chocolate:#4b3025;--ink:#3f3028;--muted:#765f51;--butter:#f5dfa0;--strawberry:#f3c1c8;--mint:#c9e2d0;--sky:#c7dff0;--lavender:#d9cbe8;--caramel:#c58b58;color:var(--ink);font-family:Courier New,monospace}*{box-sizing:border-box}html,body{min-width:320px;min-height:100%;margin:0}body{background:radial-gradient(circle, #4b302514 1px, transparent 1.5px), var(--cardboard);background-size:18px 18px;min-height:100vh;overflow:hidden}button,input,textarea,select{font:inherit}button{cursor:pointer}.hidden{display:none!important}#app{min-height:100vh}.welcome-screen{background:radial-gradient(circle, #4b302512 1px, transparent 1.5px), var(--cardboard);z-index:1000;background-size:20px 20px;place-items:center;padding:30px;display:grid;position:fixed;inset:0}.welcome-paper{background:var(--paper);border:3px solid var(--chocolate);width:min(620px,92vw);padding:48px 45px 42px;position:relative;transform:rotate(-1.4deg);box-shadow:9px 11px #4b302547,3px 5px #4b30251f}.welcome-paper:before{content:"";opacity:.9;background:#e6c27c;width:105px;height:27px;position:absolute;top:-14px;left:50px;transform:translate(-50%)rotate(-2deg)}.welcome-label{color:var(--muted);margin-bottom:18px;font-size:12px}.welcome-paper h1{color:var(--chocolate);letter-spacing:-4px;margin:0;font-size:clamp(42px,8vw,72px)}.welcome-subtitle{color:var(--muted);margin:5px 0 30px;font-size:14px}.welcome-message{background:var(--butter);border:2px solid var(--chocolate);width:90%;margin-bottom:30px;padding:18px;transform:rotate(1deg)}.welcome-message p{margin:0;line-height:1.7}.open-paper{border:3px solid var(--chocolate);background:var(--strawberry);color:var(--chocolate);box-shadow:4px 5px 0 var(--chocolate);padding:13px 20px;font-weight:700;transform:rotate(-1deg)}.open-paper:hover{box-shadow:2px 3px 0 var(--chocolate);transform:translate(2px,2px)rotate(-1deg)}.paper-number{color:var(--muted);font-size:11px;position:absolute;bottom:18px;right:25px}.desktop{background:linear-gradient(#fff7e70f 1px, transparent 1px), linear-gradient(90deg, #4b30250f 1px, transparent 1px), radial-gradient(circle, #4b302517 1px, transparent 1.4px), var(--cardboard);background-size:35px 35px,35px 35px,17px 17px;position:fixed;inset:0;overflow:hidden}.topbar{z-index:500;background:var(--paper);border:3px solid var(--chocolate);pointer-events:auto;justify-content:space-between;align-items:center;height:62px;padding:0 20px;display:flex;position:absolute;top:16px;left:18px;right:18px;transform:rotate(-.25deg);box-shadow:5px 6px #4b302540}.brand{align-items:center;gap:10px;display:flex}.brand-mark{background:var(--chocolate);width:34px;height:34px;color:var(--paper);border:2px solid var(--chocolate);place-items:center;font-weight:700;display:grid;transform:rotate(-5deg)}.brand-name{color:var(--chocolate);font-size:18px;font-weight:700}.brand-small{color:var(--muted);font-size:9px;display:block}.clock{text-align:right;color:var(--chocolate)}.clock-time{font-size:17px;font-weight:700}.clock-date{color:var(--muted);font-size:10px}.desktop-icons{z-index:100;flex-direction:column;gap:18px;display:flex;position:absolute;top:110px;left:35px}.desktop-icon{width:88px;color:var(--chocolate);text-align:center;background:0 0;border:0;padding:5px;transform:rotate(-1deg)}.desktop-icon:nth-child(2){transform:rotate(1.5deg)}.desktop-icon:nth-child(3){transform:rotate(-2deg)}.desktop-icon:nth-child(4){transform:rotate(1deg)}.desktop-icon:nth-child(5){transform:rotate(-1.5deg)}.icon-drawing{background:var(--paper);border:2px solid var(--chocolate);place-items:center;width:58px;height:48px;margin:auto;display:grid;box-shadow:3px 4px #4b302538}.desktop-icon:nth-child(2) .icon-drawing{background:var(--strawberry)}.desktop-icon:nth-child(3) .icon-drawing{background:var(--sky)}.desktop-icon:nth-child(4) .icon-drawing{background:var(--mint)}.desktop-icon:nth-child(5) .icon-drawing{background:var(--butter)}.desktop-icon svg{width:34px;height:34px;stroke:var(--chocolate);fill:none;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.desktop-icon span{margin-top:7px;font-size:11px;font-weight:700;display:block}.desktop-icon:hover .icon-drawing{transform:translateY(-3px)rotate(-2deg)}.nova-window{background:var(--paper);border:3px solid var(--chocolate);z-index:20;width:300px;max-width:calc(100vw - 150px);position:absolute;box-shadow:6px 7px #4b302540}.window-bar{background:var(--paper-light);border-bottom:2px solid var(--chocolate);cursor:grab;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;height:42px;padding:0 10px 0 14px;display:flex}.window-bar:active{cursor:grabbing}.window-title{color:var(--chocolate);font-size:13px;font-weight:700}.window-bar button{border:2px solid var(--chocolate);background:var(--strawberry);color:var(--chocolate);width:28px;height:27px;font-weight:700}.window-content{padding:18px}.close-widget{cursor:pointer}.nova-window.hidden{display:none}.nova-window{top:100px}.notes-window textarea{resize:vertical;border:2px solid var(--chocolate);background:var(--paper-light);width:100%;min-height:150px;color:var(--ink);outline:none;padding:10px}.weather-form{gap:7px;display:flex}.city-input{border:2px solid var(--chocolate);background:var(--paper-light);width:100%;min-width:0;padding:8px}.weather-form button{border:2px solid var(--chocolate);background:var(--mint);color:var(--chocolate);padding:7px 10px;font-weight:700}.weather-main{justify-content:space-between;margin-top:15px;display:flex}.widget-menu{z-index:1000;background:#4b30252e;place-items:center;display:grid;position:fixed;inset:0}.widget-menu-card{background:var(--paper);border:3px solid var(--chocolate);width:min(350px,90vw);padding:20px;box-shadow:7px 8px #4b302540}.menu-heading{justify-content:space-between;align-items:center;margin-bottom:15px;display:flex}.menu-heading h2{color:var(--chocolate);margin:0;font-size:20px}#closeMenu{border:2px solid var(--chocolate);background:var(--strawberry);width:30px;height:30px}.widget-option{text-align:left;border:2px solid var(--chocolate);background:var(--butter);width:100%;color:var(--chocolate);margin:8px 0;padding:10px;font-weight:700;display:block}.widget-option:hover{transform:translate(3px)rotate(-.5deg)}.workspace{z-index:10;pointer-events:none;position:absolute;inset:80px 0 0}.nova-window{pointer-events:auto}