*{box-sizing:border-box;margin:0;padding:0}:root{--xp-blue-dark:#0d47b3;--xp-blue:#2a7fff;--xp-blue-light:#6fb3ff;--window-bg:#ece9d8;--window-border:#0a3a91;--text-dark:#1a1a1a;--text-light:#fff;--face-light:#fff;--face-shadow:gray;--danger:#c02020;--warning:#b8860b;--ok:#1a7a3a}html,body{height:100%}body{color:var(--text-dark);background:#1a3a6b;font-family:Verdana,Tahoma,sans-serif;overflow-x:hidden}#background-layer{z-index:-1;background:#1a3a6b;position:fixed;inset:0}#apod-bg{object-fit:cover;width:100%;height:100%}#bg-overlay{background:linear-gradient(#0a28641a 0%,#0a1e5059 60%,#05143cbf 100%);position:absolute;inset:0}#app{flex-direction:column;min-height:100vh;padding:20px clamp(16px,4vw,48px);display:flex}.pill-btn,.icon-btn,.search-bar button,.todo-form button,.shortcut-add{border:2px outset var(--face-light);color:var(--text-dark);cursor:pointer;background:linear-gradient(#fff 0%,#d4d0c8 100%);border-radius:3px;padding:6px 14px;font-family:inherit;box-shadow:1px 1px #0000004d}.pill-btn:active,.icon-btn:active,.search-bar button:active,.todo-form button:active{box-shadow:none;border-style:inset}.icon-btn{padding:6px 10px}.topbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.clock{background:var(--window-bg);border:2px inset var(--face-shadow);color:var(--text-dark);padding:4px 10px;font-family:Courier New,monospace;font-size:.95rem;font-weight:700}.hero{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:18px;padding:30px 0;display:flex}.greeting{color:var(--text-light);text-shadow:2px 2px #0009;font-size:clamp(1.6rem,4vw,2.3rem);font-weight:700}.search-bar{align-items:stretch;gap:6px;width:min(520px,90vw);display:flex}.search-bar select{background:var(--window-bg);border:2px inset var(--face-shadow);color:var(--text-dark);cursor:pointer;padding:0 6px;font-family:inherit;font-size:.85rem}.search-bar input{border:2px inset var(--face-shadow);color:var(--text-dark);background:#fff;outline:none;flex:1;padding:0 10px;font-family:inherit;font-size:1rem}.shortcuts{flex-wrap:wrap;justify-content:center;gap:18px;max-width:640px;display:flex}.shortcut{width:64px;color:var(--text-light);text-shadow:1px 1px 2px #000c;flex-direction:column;align-items:center;gap:4px;font-size:.78rem;text-decoration:none;display:flex;position:relative}.shortcut img{background:#fff;border:2px outset #fff;border-radius:4px;width:32px;height:32px;box-shadow:1px 1px #0006}.shortcut span{word-break:break-word}.shortcut-remove{background:var(--danger);color:#fff;cursor:pointer;border:1px solid #700;border-radius:50%;width:16px;height:16px;font-size:.7rem;line-height:1;display:none;position:absolute;top:-6px;right:8px}.shortcut:hover .shortcut-remove{display:block}.shortcut-add{justify-content:center;align-self:center;align-items:center;width:48px;height:48px;font-size:1.2rem;display:flex}.widget-rail{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:8px;display:grid}.widget{background:var(--window-bg);border:2px solid var(--window-border);border-radius:4px 4px 0 0;overflow:hidden;box-shadow:4px 4px #0006}.widget h2{color:var(--text-light);background:linear-gradient(180deg, var(--xp-blue-light) 0%, var(--xp-blue) 40%, var(--xp-blue-dark) 100%);text-shadow:1px 1px 1px #00000080;padding:6px 10px;font-size:.85rem;font-weight:700}.widget-body{color:var(--text-dark);padding:12px}.status-line{margin-bottom:4px;font-size:.9rem}.status-sub{color:#444;font-family:Courier New,monospace;font-size:.78rem}.status-ok{color:var(--ok);font-weight:700}.status-minor{color:var(--text-dark)}.status-warning{color:var(--warning);font-weight:700}.status-severe{color:var(--danger);font-weight:700}.todo-form{gap:6px;margin-bottom:10px;padding:12px 12px 0;display:flex}.todo-form input{border:2px inset var(--face-shadow);color:var(--text-dark);background:#fff;outline:none;flex:1;padding:4px 8px;font-family:inherit}.todo-form button{padding:4px 10px}.todo-list{flex-direction:column;gap:4px;max-height:130px;padding:0 12px 12px;list-style:none;display:flex;overflow-y:auto}.todo-list li{background:#fff;border:1px solid #999;justify-content:space-between;align-items:center;padding:3px 6px;font-size:.85rem;display:flex}.todo-list label{cursor:pointer;align-items:center;gap:6px;display:flex}.todo-list li.done span{color:#777;text-decoration:line-through}.todo-remove{color:var(--danger);cursor:pointer;background:0 0;border:none;font-weight:700}.apod-credit{color:var(--text-light);text-shadow:1px 1px 2px #000c;margin-top:14px;font-size:.75rem}.command-palette{z-index:50;background:#00001480;justify-content:center;padding-top:12vh;display:flex;position:fixed;inset:0}.command-palette.hidden{display:none}.command-palette-box{background:var(--window-bg);border:2px solid var(--window-border);width:min(480px,90vw);overflow:hidden;box-shadow:4px 4px #00000080}.command-palette-box input{border:none;border-bottom:2px inset var(--face-shadow);width:100%;color:var(--text-dark);background:#fff;outline:none;padding:10px;font-family:inherit;font-size:1rem}.command-palette-box ul{max-height:240px;padding:4px;list-style:none;overflow-y:auto}.command-palette-box li{cursor:pointer;padding:8px;font-size:.88rem}.command-palette-box li:hover{background:var(--xp-blue);color:#fff}.command-palette-box li.empty{color:#777;cursor:default}.theme-menu{background:var(--window-bg);border:2px solid var(--window-border);z-index:40;position:fixed;top:64px;right:clamp(16px,4vw,48px);box-shadow:4px 4px #00000080}.theme-menu.hidden{display:none}.theme-menu button{text-align:left;cursor:pointer;background:0 0;border:none;width:100%;padding:8px 14px;font-family:inherit;font-size:.85rem;display:block}.theme-menu button:hover{background:var(--xp-blue);color:#fff}:focus-visible{outline:2px solid var(--xp-blue-light);outline-offset:2px}@media (width<=720px){.widget-rail{grid-template-columns:1fr}}