:root{--win-bg:#1c1c1c;--win-accent:#60cdff;--win-surface-card:#20202080;--win-surface-search:#ffffff14;--win-card-border-top:#ffffff26;--win-card-border-bottom:#00000080;--win-text-primary:#fff;--win-text-secondary:#ffffffb3;--win-radius-corner:8px;--win-radius-pill:24px;--win-shadow-flyout:0 12px 28px #00000059;--win-font:"Segoe UI Variable Text", "Segoe UI", sans-serif}body{background-color:var(--win-bg);min-height:100vh;color:var(--win-text-primary);font-family:var(--win-font);background-position:50%;background-size:cover;background-attachment:fixed;flex-direction:column;justify-content:center;align-items:center;margin:0;padding:0;display:flex;position:relative;overflow-x:hidden}body:before{content:"";z-index:0;background:radial-gradient(circle,#0f0f0f40 0%,#000000bf 100%);position:absolute;inset:0}.top-bar{z-index:10;justify-content:space-between;align-items:center;display:flex;position:absolute;top:20px;left:24px;right:24px}.winui-glass-btn,.winui-glass-pill{-webkit-backdrop-filter:blur(20px)saturate(160%);border:1px solid var(--win-card-border-top);border-bottom:1px solid var(--win-card-border-bottom);border-radius:var(--win-radius-pill);color:var(--win-text-primary);background:#1e1e1e8c;align-items:center;gap:8px;padding:8px 16px;font-family:inherit;font-size:.85rem;display:flex;box-shadow:0 4px 12px #0003}.winui-glass-btn{cursor:pointer;transition:all .2s}.winui-glass-btn:hover{background:#323232bf;transform:translateY(-1px)}.weather-text{color:var(--win-text-secondary);font-size:.8rem}.recent-sites-wrapper{position:relative}.recent-flyout{-webkit-backdrop-filter:blur(30px);border:1px solid var(--win-card-border-top);border-radius:var(--win-radius-corner);width:240px;box-shadow:var(--win-shadow-flyout);z-index:20;background:#202020d9;flex-direction:column;gap:4px;padding:8px;display:flex;position:absolute;top:42px;left:0}.recent-flyout.hidden{display:none}.flyout-header{color:var(--win-text-secondary);text-transform:uppercase;letter-spacing:.5px;padding:6px 10px;font-size:.75rem;font-weight:600}.flyout-item{color:var(--win-text-primary);white-space:nowrap;text-overflow:ellipsis;border-radius:4px;align-items:center;gap:10px;padding:8px 10px;font-size:.85rem;text-decoration:none;transition:background .15s;display:flex;overflow:hidden}.flyout-item:hover{background:#ffffff1a}.desktop-container{z-index:1;flex-direction:column;align-items:center;gap:24px;width:90%;max-width:800px;display:flex;position:relative}.hero-clock{text-align:center;text-shadow:0 4px 12px #00000080}.hero-clock h1{letter-spacing:-1.5px;margin:0;font-size:5rem;font-weight:600}.hero-clock p{color:var(--win-text-secondary);margin:2px 0 0;font-size:1.1rem}.winui-search{border-radius:var(--win-radius-pill);background:var(--win-surface-search);-webkit-backdrop-filter:blur(35px)saturate(180%);box-sizing:border-box;border:1px solid #ffffff2e;border-bottom-color:#0009;align-items:center;width:100%;padding:12px 20px;transition:all .2s cubic-bezier(.1,.9,.2,1);display:flex;box-shadow:0 8px 32px #00000040,inset 0 1px #ffffff1a}.winui-search:hover{background:#ffffff1f;border-color:#ffffff47}.winui-search:focus-within{border-color:var(--win-accent);box-shadow:0 0 0 2px var(--win-accent), var(--win-shadow-flyout);background:#141414d9}.search-icon{fill:var(--win-text-secondary);margin-right:12px}.winui-search input{width:100%;color:var(--win-text-primary);background:0 0;border:none;outline:none;font-family:inherit;font-size:.95rem}.winui-search input::placeholder{color:var(--win-text-secondary)}.winui-card{background:var(--win-surface-card);-webkit-backdrop-filter:blur(30px)saturate(160%);border-radius:var(--win-radius-corner);border-top:1px solid var(--win-card-border-top);border-bottom:1px solid var(--win-card-border-bottom);box-shadow:var(--win-shadow-flyout);border-left:1px solid #ffffff0d;border-right:1px solid #ffffff0d;padding:20px}.grid-layout{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:16px;width:100%;display:grid}.widget-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.widget-badge{color:var(--win-accent);letter-spacing:.5px;font-size:.8rem;font-weight:600}.status-dot{background-color:#2cc56f;border-radius:50%;width:8px;height:8px}.widget-body h2{white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:1.25rem;font-weight:600;overflow:hidden}.widget-body p{color:var(--win-text-secondary);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:6px 0 0;font-size:.85rem;line-height:1.4;display:-webkit-box;overflow:hidden}.shortcuts-grid{gap:12px;display:flex}.shortcut-item{color:var(--win-text-primary);border-radius:var(--win-radius-corner);background:#ffffff0d;flex-direction:column;align-items:center;gap:6px;padding:10px 14px;font-size:.85rem;text-decoration:none;transition:background .15s;display:flex}.shortcut-item:hover{background:#ffffff26}.shortcut-icon{font-size:1.5rem}