:root{color:#f7f2e8;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#15140f;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input,textarea{font:inherit}button{color:inherit}.desktop{color:#f7f2e8;flex-direction:column;width:100vw;height:100vh;display:flex;overflow:hidden}.workspace{background:linear-gradient(135deg,#34625047,#0000 35%),linear-gradient(315deg,#a441353d,#0000 32%),#171713;flex:1;position:relative;overflow:hidden}.workspace:before{pointer-events:none;content:"";background-image:linear-gradient(#f7f2e809 1px,#0000 1px),linear-gradient(90deg,#f7f2e809 1px,#0000 1px);background-size:28px 28px;position:absolute;inset:0}.desktop-icons{z-index:2;flex-direction:column;gap:1rem;display:flex;position:absolute;top:1rem;left:1rem}.desktop-icon{color:#eee4d2;cursor:pointer;background:0 0;border:0;border-radius:.5rem;justify-items:center;gap:.35rem;width:5rem;padding:.25rem;display:grid}.desktop-icon:hover,.desktop-icon:focus-visible{background:#f7f2e814;outline:none}.desktop-icon-glyph{background:#262721e0;border:1px solid #f7f2e829;border-radius:.5rem;place-items:center;width:2.75rem;height:2.75rem;display:grid;box-shadow:0 12px 22px #0000003d}.desktop-icon span:last-child{text-align:center;overflow-wrap:anywhere;width:100%;font-size:.68rem;font-weight:700;line-height:1.15}.window{background:#21231ef5;border:1px solid #f7f2e82e;border-radius:.5rem;flex-direction:column;width:min(20rem,100vw - 1rem);height:min(22rem,100vh - 5rem);min-height:17rem;display:flex;position:absolute;overflow:hidden;box-shadow:0 22px 50px #00000057}.welcome-window{width:min(27rem,100vw - 1rem);height:min(25rem,100vh - 5rem)}.window-titlebar{cursor:move;background:#2e332b;border-bottom:1px solid #f7f2e81a;justify-content:space-between;align-items:center;height:2.25rem;padding:0 .65rem;display:flex}.window-title{white-space:nowrap;align-items:center;gap:.45rem;min-width:0;font-size:.78rem;font-weight:700;display:flex}.icon-button{cursor:pointer;background:0 0;border:0;border-radius:.35rem;place-items:center;width:1.55rem;height:1.55rem;display:grid}.icon-button:hover,.icon-button:focus-visible{background:#b94435;outline:none}.text-panel{color:#e8ddca;padding:1rem;font-family:Cascadia Mono,SFMono-Regular,Consolas,monospace;font-size:.8rem}.welcome-panel{background:linear-gradient(140deg,#486b5857,#0000 46%),linear-gradient(320deg,#b944353d,#0000 42%),#1b1d18;flex-direction:column;flex:1;gap:1rem;padding:1.05rem;display:flex;overflow:hidden}.welcome-hero{background:#12130f94;border:1px solid #f7f2e824;border-radius:.5rem;gap:.6rem;padding:1rem;display:grid}.welcome-badge{color:#f3d8a6;background:#f7f2e814;border:1px solid #f7f2e829;border-radius:999px;align-items:center;gap:.4rem;width:max-content;padding:.25rem .5rem;font-size:.72rem;font-weight:800;display:inline-flex}.welcome-hero h1{color:#fff8eb;margin:0;font-size:2.15rem;line-height:1}.welcome-hero p{color:#e8ddca;max-width:34rem;margin:0;font-size:.9rem}.welcome-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:.45rem;display:grid}.welcome-stats span{color:#f7f2e8;background:#f7f2e812;border:1px solid #f7f2e81f;border-radius:.45rem;place-items:center;min-height:2.25rem;font-size:.75rem;font-weight:800;display:grid}.welcome-actions{grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem;display:grid}.welcome-action{color:#f7f2e8;cursor:pointer;background:#292d26;border:1px solid #f7f2e821;border-radius:.5rem;place-items:center;gap:.35rem;min-width:0;min-height:4.25rem;padding:.65rem .4rem;display:grid}.welcome-action:hover,.welcome-action:focus-visible{background:#486b58;outline:none}.welcome-action span{text-align:center;overflow-wrap:anywhere;width:100%;font-size:.72rem;font-weight:800;line-height:1.15}.notepad{resize:none;color:#0f2;background:#171713;border:0;outline:none;flex:1;width:100%;min-height:0;padding:.85rem;font-family:Cascadia Mono,SFMono-Regular,Consolas,monospace;font-size:.82rem}.calculator-panel{background:#20221d;outline:none;flex-direction:column;flex:1;gap:.65rem;padding:.75rem;display:flex}.calculator-panel:focus{box-shadow:inset 0 0 0 2px #f3d8a673}.calculator-display{color:#f7f2e8;text-align:right;text-overflow:ellipsis;white-space:nowrap;background:#12130f;border:1px solid #f7f2e81f;border-radius:.45rem;min-height:3rem;padding:.55rem .65rem;font-family:Cascadia Mono,SFMono-Regular,Consolas,monospace;font-size:1.25rem;display:block;overflow:hidden}.calculator-grid{flex:1;grid-template-columns:repeat(4,minmax(0,1fr));gap:.35rem;display:grid}.calculator-key{color:#f7f2e8;cursor:pointer;background:#2b2e29;border:1px solid #f7f2e81a;border-radius:.4rem;min-width:0;font-size:.95rem;font-weight:800}.calculator-key:hover,.calculator-key:focus-visible{background:#486b58;outline:none}.notepad-panel{background:#171713;flex-direction:column;flex:1;min-height:0;display:flex}.notepad-toolbar{background:#20221d;border-bottom:1px solid #f7f2e81f;gap:.5rem;padding:.55rem;display:flex}.file-name-input,.terminal-input-row input{color:#f7f2e8;background:#12130f;border:1px solid #f7f2e824;border-radius:.4rem;outline:none;min-width:0}.file-name-input{flex:1;padding:.45rem .55rem;font-size:.78rem}.tool-button{color:#f7f2e8;cursor:pointer;background:#486b58;border:1px solid #f7f2e824;border-radius:.4rem;align-items:center;gap:.35rem;min-height:2rem;padding:0 .65rem;font-size:.78rem;font-weight:800;display:inline-flex}.tool-button:hover,.tool-button:focus-visible{background:#5b806b;outline:none}.explorer-panel{background:#1b1d18;flex-direction:column;flex:1;gap:.65rem;min-height:0;padding:.75rem;display:flex}.explorer-header{border-bottom:1px solid #f7f2e81f;justify-content:space-between;align-items:center;padding-bottom:.55rem;font-size:.8rem;display:flex}.explorer-header span{color:#cfc4b2;font-size:.72rem;font-weight:800}.empty-state{color:#cfc4b2;text-align:center;border:1px dashed #f7f2e82e;border-radius:.5rem;flex:1;place-items:center;padding:1rem;font-size:.8rem;display:grid}.file-list{gap:.45rem;display:grid;overflow:auto}.file-row{grid-template-columns:1fr auto;gap:.4rem;display:grid}.file-open{color:#f7f2e8;text-align:left;cursor:pointer;background:#292d26;border:1px solid #f7f2e81f;border-radius:.45rem;align-items:center;gap:.5rem;min-width:0;padding:.55rem;display:flex}.file-open span{min-width:0;display:grid}.file-open strong,.file-open small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.file-open small{color:#cfc4b2;font-size:.68rem}.file-open:hover,.file-open:focus-visible,.delete-button:hover,.delete-button:focus-visible{background:#486b58;outline:none}.delete-button{color:#f7f2e8;cursor:pointer;background:#292d26;border:1px solid #f7f2e81f;border-radius:.45rem;place-items:center;width:2.35rem;display:grid}.terminal-panel{color:#55ff72;background:#10110d;flex-direction:column;flex:1;min-height:0;font-family:Cascadia Mono,SFMono-Regular,Consolas,monospace;font-size:.78rem;display:flex}.terminal-output{white-space:pre-wrap;flex:1;min-height:0;padding:.75rem;overflow:auto}.terminal-input-row{border-top:1px solid #55ff7238;align-items:center;gap:.45rem;padding:.55rem .75rem;display:flex}.terminal-input-row input{color:#55ff72;border-color:#55ff723d;flex:1;padding:.35rem .45rem;font-family:inherit}.taskbar{z-index:20;background:#20201e;border-top:1px solid #f7f2e829;align-items:center;gap:.5rem;height:3.15rem;padding:.45rem .55rem;display:flex;position:relative}.start-button,.clock,.start-menu-item{align-items:center;gap:.45rem;display:inline-flex}.start-button{cursor:pointer;background:#ff280c;border:1px solid #f7f2e829;border-radius:.45rem;min-height:2.15rem;padding:0 .95rem;font-size:.88rem;font-weight:800;box-shadow:0 10px 20px #00000038}.start-button:hover,.start-button:focus-visible{background:#c95746;outline:none}.start-menu{background:#21231efa;border:1px solid #f7f2e829;border-radius:.5rem;width:min(15rem,100vw - 1.1rem);padding:.45rem;position:absolute;bottom:3.75rem;left:.55rem;box-shadow:0 24px 48px #0000005c}.start-menu-item{color:#f7f2e8;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:.35rem;width:100%;min-height:2.25rem;padding:0 .6rem;font-size:.82rem;font-weight:700}.start-menu-item:hover,.start-menu-item:focus-visible{background:#f7f2e817;outline:none}.taskbar-spacer{flex:1}.clock{color:#e8ddca;white-space:nowrap;background:#171713;border:1px solid #f7f2e824;border-radius:.45rem;min-height:2.15rem;padding:0 .8rem;font-size:.78rem;font-weight:700}@media (width<=640px){.window{width:calc(100vw - 6rem);min-width:14rem}.welcome-window{width:calc(100vw - 1rem)}.welcome-hero h1{font-size:1.7rem}.welcome-actions{grid-template-columns:1fr}.desktop-icons{gap:.7rem}.desktop-icon{width:4.5rem}}