:root{--xp-blue: #245edc;--xp-blue-dark: #163a8a;--xp-gray: #ece9d8;--xp-border: #5a5a5a;--xp-taskbar: #245edc;--xp-taskbar-dark: #1b469f;--xp-green: #3db83b;--desktop-padding: 24px;--icon-size: 64px;--icon-gap: 20px;--window-min-w: 280px;--window-max-w: 520px;--taskbar-h: 48px}@font-face{font-family:WinXPTahoma;src:url(./fonts/windows-xp-tahoma.woff2) format("woff2"),url(./fonts/windows-xp-tahoma.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:WinXPTahoma,Tahoma,Verdana,sans-serif;color:#000}.desktop{position:relative;height:100%;background-size:cover;background-position:center;padding:var(--desktop-padding);padding-bottom:calc(var(--taskbar-h) + var(--desktop-padding));overflow:hidden}.icon-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:var(--icon-gap);max-width:920px}.desktop-icon{background:transparent;border:none;cursor:pointer;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.8);display:flex;flex-direction:column;align-items:center;padding:8px 4px;border-radius:8px;outline:none}.desktop-icon:hover{background:#ffffff1f}.icon-emoji{font-size:40px;width:var(--icon-size);height:var(--icon-size);display:grid;place-items:center;filter:drop-shadow(0 1px 1px rgba(0,0,0,.4))}.icon-label{margin-top:6px;font-size:13px;text-align:center;max-width:100%;word-break:break-word}.xp-window{position:absolute;top:20%;left:20%;min-width:var(--window-min-w);max-width:var(--window-max-w);background:var(--xp-gray);border:2px solid var(--xp-border);border-radius:6px;box-shadow:0 12px 28px #00000059}.xp-titlebar{background:linear-gradient(180deg,var(--xp-blue),var(--xp-blue-dark));color:#fff;padding:6px 10px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #0b235a;border-top-left-radius:4px;border-top-right-radius:4px}.xp-title{font-weight:700;font-size:14px;text-shadow:0 1px 0 rgba(0,0,0,.35)}.xp-close{background:#e5534b;border:1px solid #7a0c0c;color:#fff;font-weight:700;border-radius:3px;padding:2px 8px;cursor:pointer}.xp-close:hover{filter:brightness(1.05)}.xp-content{padding:12px 14px 14px;line-height:1.45}.taskbar{position:fixed;left:0;right:0;bottom:0;height:var(--taskbar-h);background:linear-gradient(180deg,var(--xp-taskbar),var(--xp-taskbar-dark));border-top:1px solid #0b235a;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;padding:6px 8px}.start-btn{background:linear-gradient(180deg,#5fd157,#2f8e2e);color:#fff;border:1px solid #1c611b;border-radius:4px;font-weight:700;padding:6px 12px;cursor:pointer}.start-btn:hover{filter:brightness(1.05)}.task-buttons{display:flex;gap:6px;overflow-x:auto;padding:0 6px}.task-btn{background:#e8e6df;border:1px solid #9a9a9a;border-radius:4px;padding:6px 10px;min-width:120px;text-align:left;white-space:nowrap;cursor:pointer}.task-btn.active{background:#fff;border-color:#4b88ff;box-shadow:inset 0 0 0 1px #a9c4ff}.tray{color:#fff;font-weight:600;padding-right:6px}.clock{font-variant-numeric:tabular-nums}@media (max-width: 640px){.xp-window{left:6%;right:6%;top:10%;width:auto;max-width:none}}.icon-image{width:var(--icon-size);height:var(--icon-size);object-fit:contain;image-rendering:crisp-edges;filter:drop-shadow(0 1px 1px rgba(0,0,0,.4))}.xp-titlebar{cursor:move;-webkit-user-select:none;user-select:none}.xp-window{position:absolute}.task-buttons{display:flex;gap:4px;overflow-x:auto;padding:0 4px}.task-btn{width:32px;height:32px;background:none;border:none;padding:0;margin:0;cursor:pointer;display:flex;align-items:center;justify-content:center}.task-btn img.task-icon{width:34px;height:34px;object-fit:contain;image-rendering:crisp-edges;display:block}.task-btn.active{outline-offset:-2px;background:#fff0}.task-btn:hover{background:#ffffff40}.project-list{display:grid;grid-template-columns:1fr;gap:16px}.project-image{width:100%;height:auto;display:block;border-radius:4px}@media (min-width: 900px){.project-list{grid-template-columns:1fr 1fr}}.projects-folder{padding:6px}.folder-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:16px}.folder-icon{background:transparent;border:none;cursor:pointer;display:grid;place-items:center;padding:8px 4px;border-radius:8px}.folder-icon:hover{background:#0000000f}.folder-image{width:64px;height:64px;object-fit:contain;image-rendering:crisp-edges;filter:drop-shadow(0 1px 1px rgba(0,0,0,.25))}.folder-label{margin-top:6px;font-size:13px;text-align:center;max-width:100%}.xp-window{display:flex;flex-direction:column;max-height:80vh;max-width:720px}.xp-content{flex:1;overflow-y:auto}.scroll-pane{max-height:min(70vh,560px);overflow-y:auto;padding-right:4px}.project-list{display:grid;grid-template-columns:1fr;gap:14px}@media (min-width: 700px){.project-list{grid-template-columns:1fr 1fr}}.project-item{background:#f3f1e7;border:1px solid #b9b7ae;border-radius:6px;padding:10px}.project-image{width:100%;height:160px;object-fit:cover;border-radius:4px}.project-title{margin:8px 0 4px;font-size:15px;font-weight:700}.project-desc{margin:0 0 6px;line-height:1.45}.project-link{color:#0645ad;text-decoration:underline;font-weight:600}.notepad{background:#fffdf6;border:1px solid #ccc;font-size:14px;line-height:1.5;padding:12px;white-space:pre-wrap;color:#000;min-width:300px;min-height:200px}.notepad-text{margin:0}.paint-root{display:flex;flex-direction:column;gap:8px}.paint-toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:6px;background:#ece9d8;border:1px solid #b9b7ae;border-radius:4px}.paint-colors{display:flex;gap:6px}.paint-color{width:22px;height:22px;border-radius:4px;border:1px solid rgba(0,0,0,.3);cursor:pointer;padding:0}.paint-color.selected{outline:2px solid #245edc;outline-offset:1px}.paint-size{display:inline-flex;align-items:center;gap:8px;font-size:12px}.paint-size input[type=range]{width:120px}.paint-size-dot{display:inline-block;border:1px solid rgba(0,0,0,.2);border-radius:999px}.paint-actions{display:flex;gap:6px}.paint-btn{background:#e8e6df;border:1px solid #9a9a9a;border-radius:4px;padding:4px 8px;cursor:pointer}.paint-btn:hover{filter:brightness(1.03)}.paint-canvas-wrap{width:100%;height:min(60vh,520px);background:#fff;border:1px solid #b9b7ae;border-radius:4px;overflow:hidden}.paint-canvas{display:block;width:100%;height:100%;touch-action:none}.album-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;padding:6px}.album-thumb{background:#f3f1e7;border:1px solid #b9b7ae;border-radius:6px;padding:8px;cursor:pointer;display:flex;flex-direction:column;gap:6px;text-align:center}.album-thumb:hover{filter:brightness(1.02)}.album-thumb img{width:100%;aspect-ratio:1 / 1;object-fit:cover;display:block}.album-image{width:100%;max-width:480px;aspect-ratio:1 / 1;object-fit:contain;border-radius:6px}.album-thumb-title{font-size:13px;line-height:1.2;color:#222}.album-viewer{display:flex;flex-direction:column;gap:10px}.album-viewer-top{display:flex;align-items:center;gap:10px}.xp-btn{background:#e8e6df;border:1px solid #9a9a9a;border-radius:4px;padding:4px 8px;cursor:pointer}.xp-btn:hover{filter:brightness(1.03)}.album-viewer-title{font-weight:700}.album-viewer-main{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px}.album-nav{background:transparent;border:none;cursor:pointer;font-size:28px;line-height:1;padding:0 8px;color:#245edc}.album-nav:hover{filter:brightness(1.1)}.album-image-wrap{display:flex;flex-direction:column;align-items:center;gap:8px;max-height:60vh;overflow:auto}.album-image{max-width:100%;max-height:52vh;border-radius:6px;display:block}.album-caption{background:#fffdf6;border:1px solid #d6d3c8;border-radius:4px;padding:8px;width:100%;font-size:13px;line-height:1.4;color:#333}.back-btn{background:none;border:none;cursor:pointer;padding:0;display:flex;align-items:center}.back-btn img{width:28px;height:28px;object-fit:contain}.back-btn:hover img{filter:brightness(1.1)}