*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--xp-silver-1: #f3f3f6;--xp-silver-2: #dcdce4;--xp-silver-3: #bdbcc9;--xp-silver-4: #9b9aa9;--face: #ece9e4;--face-2: #f6f5f2;--window-bg: #ffffff;--desk-1: #3a3a40;--desk-2: #16161a;--hi: #ffffff;--hi-soft: #f2f2f5;--sh-soft: #b8b6c0;--sh: #7e7d89;--sh-deep: #4a4953;--line: #8d8c98;--xp-title-1: #5e5e6b;--xp-title-2: #45454f;--xp-title-3: #34343c;--xp-title-text: #ffffff;--xp-title-inactive-1: #9a99a6;--xp-title-inactive-2: #84838f;--tb-1: #5b5b67;--tb-2: #3f3f48;--tb-3: #2b2b31;--tb-line: #1e1e22;--start-1: #6f6f7c;--start-2: #4a4a54;--start-3: #33333a;--text: #1b1b1f;--text-dim: #55555c;--text-faint: #86858d;--text-on-dark: #eceaf2;--accent: #2b2b31;--sel-bg: #3a3a44;--sel-fg: #ffffff;--pos: #2f6b2f;--neg: #7a2630;--font: "Tahoma", "Segoe UI", "Verdana", "Inter", sans-serif;--font-mono: "Lucida Console", "JetBrains Mono", monospace;--taskbar-h: 48px;--title-h: 28px;--text-hi: var(--text);--panel-bg: var(--face);--window-head: linear-gradient(180deg, #f0eff3, #d6d5dd);--menu-bg: var(--face);--line-soft: var(--sh-soft);--radius: 4px;--radius-sm: 3px;--hover: rgba(58,58,68,.1);--active: var(--sel-bg);--sel: var(--sel-bg);--c-300: #cfced8;--c-400: #9b9aa9;--c-500: #7e7d89;--c-600: #54545e;--c-700: #3d3d46;--shadow-win: 0 14px 40px rgba(0,0,0,.55);--shadow-menu: 0 10px 30px rgba(0,0,0,.4)}html,body,#root{height:100%;width:100%;overflow:hidden;background:var(--desk-2);color:var(--text);font-family:var(--font);font-size:12px;line-height:1.4;-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none;cursor:default}button{font-family:var(--font);cursor:default;border:none;background:none;color:inherit;font-size:12px}input{font-family:var(--font);font-size:12px;outline:none}.xp-raised{background:var(--face);border:1px solid var(--sh);border-top-color:var(--hi);border-left-color:var(--hi);box-shadow:inset 1px 1px 0 var(--hi-soft),inset -1px -1px 0 var(--sh-soft)}.xp-sunken{background:var(--window-bg);border:1px solid var(--sh);border-top-color:var(--sh-deep);border-left-color:var(--sh-deep);box-shadow:inset 1px 1px 0 var(--sh-soft)}.xp-btn{background:linear-gradient(180deg,#fcfcfd,#ececf0 48%,#dededf 52%,#d2d2d8);border:1px solid #7e7d89;border-radius:3px;box-shadow:inset 0 0 0 1px #fff;padding:4px 12px;font-size:12px;color:#1b1b1f;display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.xp-btn:hover{border-color:#4a4953}.xp-btn:active,.xp-btn.active{background:linear-gradient(180deg,#c9c8d0,#d8d7dd);box-shadow:inset 1px 1px 2px #00000059}.xp-btn:disabled{color:#9b9aa9;box-shadow:none}.xp-input{background:#fff;border:1px solid #7e7d89;border-top-color:#4a4953;border-left-color:#4a4953;border-radius:0;padding:3px 6px;color:#1b1b1f}.xp-input:focus{border-color:#34343c}::-webkit-scrollbar{width:16px;height:16px}::-webkit-scrollbar-track{background:#e6e5ea;box-shadow:inset 1px 1px #c8c7d0}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#f0eff3,#c4c3cd);border:1px solid #7e7d89;border-radius:2px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#f6f5f8,#b6b5c0)}::-webkit-scrollbar-corner{background:#e6e5ea}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes popIn{0%{opacity:0;transform:scale(.99)}to{opacity:1;transform:scale(1)}}@keyframes blink{0%,60%{opacity:1}61%,to{opacity:.35}}@keyframes spin{to{transform:rotate(360deg)}}