:root{--text-primary: #ffffff;--text-secondary: rgba(255, 255, 255, .7);--text-muted: rgba(255, 255, 255, .45);--glass-bg: rgba(20, 20, 26, .55);--glass-border: rgba(255, 255, 255, .12);--glass-hover: rgba(255, 255, 255, .14);--accent-glow: rgba(147, 51, 234, .35);--font-sans: "Inter", system-ui, -apple-system, sans-serif}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;font-family:var(--font-sans);background-color:#08080a;color:var(--text-primary);-webkit-user-select:none;user-select:none}.wallpaper-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;background-size:cover;background-position:center;background-repeat:no-repeat;filter:brightness(.85) contrast(1.05);transition:opacity .8s ease-in-out,transform 10s ease-out;opacity:0}.wallpaper-bg.loaded{opacity:1}.wallpaper-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;background:radial-gradient(circle at center,#0000004d,#000000a6),linear-gradient(to bottom,rgba(8,8,12,.4) 0%,transparent 40%,rgba(8,8,12,.65) 100%);pointer-events:none}.startpage-container{position:relative;z-index:2;width:100%;height:100%;display:flex;flex-direction:column;justify-content:space-between;padding:1.75rem 2.5rem}.top-nav{display:flex;justify-content:space-between;align-items:center;width:100%}.location-greeting{font-size:.95rem;font-weight:500;letter-spacing:.02em;color:var(--text-secondary);text-shadow:0 2px 10px rgba(0,0,0,.7)}.top-actions{display:flex;gap:.6rem}.icon-btn{background:#ffffff14;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--glass-border);color:var(--text-secondary);width:38px;height:38px;border-radius:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.icon-btn:hover{background:var(--glass-hover);color:#fff;border-color:#ffffff40;transform:translateY(-1px)}.hero-section{display:flex;flex-direction:column;align-items:center;gap:2rem;width:100%;max-width:680px;margin:0 auto}.clock-wrap{text-align:center}.time-display{font-size:5rem;font-weight:600;letter-spacing:-.04em;line-height:1;font-variant-numeric:tabular-nums;color:#fff;text-shadow:0 4px 30px rgba(0,0,0,.6)}.date-display{font-size:1.05rem;font-weight:400;color:var(--text-secondary);margin-top:.5rem;letter-spacing:.02em;text-shadow:0 2px 12px rgba(0,0,0,.7)}.search-form{width:100%}.search-box{position:relative;display:flex;align-items:center;width:100%;background:#14141c73;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.12);border-radius:18px;padding:.85rem 1.25rem;box-shadow:0 10px 30px #00000059;transition:all .25s ease}.search-box:focus-within{background:#ffffff1a;border-color:#ffffff4d;box-shadow:0 12px 35px #00000080,0 0 0 1px #ffffff26;transform:translateY(-1px)}.search-icon{color:var(--text-muted);margin-right:.85rem;flex-shrink:0;transition:color .2s ease}.search-box:focus-within .search-icon{color:var(--text-primary)}.search-input{width:100%;background:transparent;border:none;outline:none;font-family:var(--font-sans);font-size:1.05rem;color:#fff;-webkit-user-select:auto;user-select:auto}.search-input::placeholder{color:var(--text-muted)}.search-kbd{font-size:.75rem;font-weight:600;color:var(--text-muted);background:#ffffff14;border:1px solid rgba(255,255,255,.1);border-radius:6px;padding:.15rem .45rem;margin-left:.5rem}.shortcuts-grid{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;width:100%}.shortcut-item{display:flex;flex-direction:column;align-items:center;gap:.5rem;text-decoration:none;color:var(--text-secondary);font-size:.8rem;font-weight:500;padding:.6rem .8rem;border-radius:16px;transition:all .2s ease}.shortcut-icon{width:48px;height:48px;border-radius:14px;background:#ffffff12;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--glass-border);display:flex;align-items:center;justify-content:center;color:#fff;transition:all .2s ease;box-shadow:0 4px 15px #0003}.shortcut-item:hover{color:#fff}.shortcut-item:hover .shortcut-icon{background:#ffffff29;border-color:#ffffff4d;transform:translateY(-3px);box-shadow:0 8px 25px #0006}.bottom-bar{display:flex;justify-content:center;align-items:center;width:100%}.wallpaper-pill{display:inline-flex;align-items:center;gap:.6rem;background:#0f0f1499;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border);padding:.45rem 1rem;border-radius:20px;cursor:pointer;transition:all .2s ease;max-width:90vw}.wallpaper-pill:hover{background:#ffffff1f;border-color:#ffffff40}.pill-label{font-size:.8rem;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.info-drawer{position:fixed;bottom:2rem;right:2rem;max-width:440px;background:#0e0e14d9;backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px);border:1px solid rgba(255,255,255,.15);border-radius:18px;padding:1.5rem;z-index:10;box-shadow:0 25px 50px #000000b3;display:none;flex-direction:column;gap:1rem;animation:drawerIn .25s cubic-bezier(.16,1,.3,1)}.info-drawer.open{display:flex}@keyframes drawerIn{0%{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.drawer-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.drawer-header h3{font-size:1.05rem;font-weight:600;line-height:1.35;color:#fff}.close-btn{width:28px;height:28px;flex-shrink:0}.drawer-meta{display:flex;flex-wrap:wrap;gap:.5rem;font-size:.75rem;color:var(--text-muted)}.meta-chip{background:#ffffff12;border:1px solid rgba(255,255,255,.08);padding:.2rem .55rem;border-radius:6px;color:#fff}.drawer-explanation{font-size:.85rem;line-height:1.6;color:var(--text-secondary);max-height:220px;overflow-y:auto;padding-right:.5rem;-webkit-user-select:text;user-select:text}.drawer-actions{display:flex;gap:.6rem;padding-top:.5rem;border-top:1px solid rgba(255,255,255,.08)}.action-link{font-size:.8rem;font-weight:500;color:#fff;text-decoration:none;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);padding:.4rem .8rem;border-radius:8px;transition:all .2s ease}.action-link:hover{background:#fff;color:#000}@media(max-width:600px){.startpage-container{padding:1.25rem 1rem}.time-display{font-size:3.75rem}.shortcuts-grid{gap:.5rem}.shortcut-icon{width:42px;height:42px}.info-drawer{bottom:1rem;right:1rem;left:1rem;max-width:none}}