[data-theme=WindowsXP]{--color-titlebar-start:#0d2e0d;--color-titlebar-end:#2a5e2a;--color-titlebar-text:#fff;--color-window-bg:#1a1a1a;--color-window-border:#3a8a3a;--color-desktop-bg:#0a0a0a;--color-button-face:#2a2a2a;--color-button-highlight:#484848;--color-button-shadow:#111;--color-button-dark-shadow:#060606;--color-button-text:#d8d4cc;--color-accent:#4caf4c;--color-accent-text:#fff;--color-body-text:#d8d4cc;--color-link:#6ecf6e;--font-ui:"Tahoma", "MS Sans Serif", Arial, sans-serif;--font-size-base:13px;--border-raised:2px solid;--border-raised-colors:var(--color-button-highlight) var(--color-button-dark-shadow) var(--color-button-dark-shadow) var(--color-button-highlight);--border-sunken-colors:var(--color-button-dark-shadow) var(--color-button-highlight) var(--color-button-highlight) var(--color-button-dark-shadow);--bg-pattern:none}[data-theme=Space]{--color-titlebar-start:#0d0d2b;--color-titlebar-end:#1a1a5e;--color-titlebar-text:#e0e0ff;--color-window-bg:#0a0a1a;--color-window-border:#4040ff;--color-desktop-bg:#000010;--color-button-face:#1a1a3a;--color-button-highlight:#6060ff;--color-button-shadow:#000030;--color-button-dark-shadow:#000020;--color-button-text:#e0e0ff;--color-accent:#4040ff;--color-accent-text:#fff;--color-body-text:#c0c0ff;--color-link:#8080ff;--font-ui:"Tahoma", Arial, sans-serif;--font-size-base:11px;--bg-pattern:none}[data-theme=Dinosaurs]{--color-titlebar-start:#2d5a1b;--color-titlebar-end:#7ab648;--color-titlebar-text:#fff;--color-window-bg:#f5f0e0;--color-window-border:#4a7c2f;--color-desktop-bg:#3a6b1a;--color-button-face:#c8d8a0;--color-button-highlight:#e8f0c0;--color-button-shadow:#607040;--color-button-dark-shadow:#405030;--color-button-text:#1a2a10;--color-accent:#2d5a1b;--color-accent-text:#fff;--color-body-text:#1a2a10;--color-link:#2d5a1b;--font-ui:"Tahoma", Arial, sans-serif;--font-size-base:11px;--bg-pattern:none}[data-theme=Sharks]{--color-titlebar-start:#024;--color-titlebar-end:#07c;--color-titlebar-text:#fff;--color-window-bg:#e8f4fc;--color-window-border:#05a;--color-desktop-bg:#036;--color-button-face:#b0d4ee;--color-button-highlight:#d8eef8;--color-button-shadow:#058;--color-button-dark-shadow:#024;--color-button-text:#012;--color-accent:#05a;--color-accent-text:#fff;--color-body-text:#012;--color-link:#04a;--font-ui:"Tahoma", Arial, sans-serif;--font-size-base:11px;--bg-pattern:none}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-ui,"Tahoma", Arial, sans-serif);font-size:var(--font-size-base,11px);background:var(--color-desktop-bg);color:var(--color-body-text);height:100dvh;overflow:hidden}#root{justify-content:center;align-items:stretch;width:100vw;height:100dvh;display:flex;overflow:hidden}@media (width<=767px){body{font-size:14px}.xp-titlebar{padding:8px 10px;font-size:16px}.xp-titlebar-btn{width:30px;height:30px;font-size:14px}.xp-content{padding:16px}.xp-btn{padding:10px 20px;font-size:15px}.xp-btn-large{min-height:80px;padding:18px 28px;font-size:18px}.xp-mode-card{padding:14px}}@media (width>=768px){#root{zoom:1.3;width:76.9231vw;height:76.9231dvh}}.xp-window{background:var(--color-window-bg);border:2px solid var(--color-window-border);box-shadow:inset 1px 1px 0 var(--color-button-highlight), 0 8px 32px #00000040;border-radius:8px 8px 4px 4px;flex-direction:column;max-height:100%;display:flex;overflow:hidden}.xp-titlebar{background:linear-gradient(to right, var(--color-titlebar-start), var(--color-titlebar-end));color:var(--color-titlebar-text);-webkit-user-select:none;user-select:none;border-radius:6px 6px 0 0;flex-shrink:0;justify-content:space-between;align-items:center;padding:5px 8px;font-size:13px;font-weight:700;display:flex}.xp-titlebar-left{align-items:center;gap:6px;display:flex}.xp-titlebar-icon{font-size:14px}.xp-titlebar-buttons{gap:2px;display:flex}.xp-titlebar-btn{width:24px;height:24px;font-size:12px;font-weight:700;font-family:var(--font-ui);cursor:pointer;border:none;justify-content:center;align-items:center;display:flex}.xp-titlebar-btn.close{color:#fff;background:#c75050}.xp-titlebar-btn.minimize,.xp-titlebar-btn.maximize{background:var(--color-button-face);color:var(--color-button-text);border-top:1px solid var(--color-button-highlight);border-left:1px solid var(--color-button-highlight);border-right:1px solid var(--color-button-dark-shadow);border-bottom:1px solid var(--color-button-dark-shadow)}.xp-content{flex:1;padding:20px;overflow-y:auto}.xp-btn{font-family:var(--font-ui);background:var(--color-button-face);color:var(--color-button-text);border-top:2px solid var(--color-button-highlight);border-left:2px solid var(--color-button-highlight);border-right:2px solid var(--color-button-dark-shadow);border-bottom:2px solid var(--color-button-dark-shadow);cursor:pointer;text-align:center;outline:none;min-width:75px;padding:7px 18px;font-size:13px}.xp-btn:active{border-top:2px solid var(--color-button-dark-shadow);border-left:2px solid var(--color-button-dark-shadow);border-right:2px solid var(--color-button-highlight);border-bottom:2px solid var(--color-button-highlight);padding:7px 15px 5px 17px}.xp-btn:focus{outline:1px dotted var(--color-button-text);outline-offset:-4px}.xp-btn-large{min-width:200px;min-height:70px;padding:14px 24px;font-size:15px;font-weight:700}.xp-btn-primary{background:var(--color-accent);color:var(--color-accent-text);border:2px solid #000040;border-color:#4080ff #000040 #000040 #4080ff}.xp-btn-primary:active{border:2px solid #4080ff;border-color:#000040 #4080ff #4080ff #000040}.xp-mode-card{text-align:left;height:auto;padding:12px;line-height:1.4;transition:transform 80ms,background .12s,box-shadow .12s;position:relative}.xp-mode-card:hover{background:var(--color-button-highlight);transform:translateY(-2px);box-shadow:0 4px 10px #00000059}.xp-mode-card:active{box-shadow:none;transform:translateY(0)}.xp-mode-card-featured{border-top:2px solid var(--color-accent);border-left:2px solid var(--color-accent);border-right:2px solid var(--color-accent);border-bottom:2px solid var(--color-accent);background:color-mix(in srgb, var(--color-accent) 12%, var(--color-button-face))}.xp-mode-card-featured:active{border-top:2px solid var(--color-accent);border-left:2px solid var(--color-accent);border-right:2px solid var(--color-accent);border-bottom:2px solid var(--color-accent)}.xp-mode-card-badge{letter-spacing:.5px;background:var(--color-accent);color:var(--color-accent-text);border-radius:2px;padding:2px 6px;font-size:9px;font-weight:700;position:absolute;top:6px;right:6px}@keyframes mic-pulse{0%{box-shadow:0 0 #2196f38c}70%{box-shadow:0 0 0 8px #2196f300}to{box-shadow:0 0 #2196f300}}.mic-listening{animation:1.2s infinite mic-pulse}