:root{--bg: #07070d;--bg-surface: rgba(255, 255, 255, .035);--bg-hover: rgba(255, 255, 255, .06);--border: rgba(255, 255, 255, .1);--border-focus: rgba(239, 159, 70, .35);--text: #ededf5;--text-dim: rgba(237, 237, 245, .85);--text-faint: rgba(237, 237, 245, .7);--accent: #ef9f46;--accent-glow: rgba(239, 159, 70, .12);--accent-strong: rgba(239, 159, 70, .22);--blue: #5eadf7;--blue-dim: rgba(94, 173, 247, .85);--green: #4ade80;color-scheme:dark}[data-theme=light]{--bg: #f0efe9;--bg-surface: rgba(0, 0, 0, .04);--bg-hover: rgba(0, 0, 0, .07);--border: rgba(0, 0, 0, .12);--border-focus: rgba(200, 120, 20, .35);--text: #1a1a2e;--text-dim: rgba(26, 26, 46, .8);--text-faint: rgba(26, 26, 46, .6);--accent: #c97820;--accent-glow: rgba(201, 120, 32, .1);--accent-strong: rgba(201, 120, 32, .18);--blue: #1d6fbf;--blue-dim: rgba(29, 111, 191, .85);--green: #15803d;color-scheme:light}:root{--font-display: "Geist", system-ui, sans-serif;--font-ui: "Geist", system-ui, sans-serif;--font-mono: "Geist Mono", "Fira Code", monospace;--radius-sm: 8px;--radius: 14px;--radius-lg: 20px;--radius-pill: 100px;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--shadow: 0 8px 32px rgba(0, 0, 0, .5);--shadow-lg: 0 20px 60px rgba(0, 0, 0, .7)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}[hidden]{display:none!important}html{height:100%;overflow-x:hidden}body{min-height:100%;overflow-x:hidden;overflow-y:auto;overscroll-behavior-y:none}body{background-color:var(--bg);color:var(--text);font-family:var(--font-ui);font-weight:400;-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none;transition:background-color .3s,color .3s}.grain{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:900;opacity:.028;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='400' height='400'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='400' height='400' filter='url(%23n)'/%3E%3C/svg%3E");background-size:200px 200px;animation:grain-drift 8s steps(2) infinite}@keyframes grain-drift{0%{transform:translate(0)}20%{transform:translate(-3px,2px)}40%{transform:translate(2px,-3px)}60%{transform:translate(-1px,3px)}80%{transform:translate(3px,-1px)}to{transform:translate(0)}}.ambient{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background:radial-gradient(ellipse 60% 40% at 50% 0%,rgba(239,159,70,.06) 0%,transparent 70%),radial-gradient(ellipse 80% 50% at 50% 100%,rgba(94,173,247,.04) 0%,transparent 70%);transition:background .3s}[data-theme=light] .ambient{background:radial-gradient(ellipse 60% 40% at 50% 0%,rgba(201,120,32,.06) 0%,transparent 70%),radial-gradient(ellipse 80% 50% at 50% 100%,rgba(29,111,191,.04) 0%,transparent 70%)}.theme-toggle{position:fixed;top:.85rem;right:1rem;z-index:300;width:28px;height:28px;border-radius:50%;border:1px solid var(--border);background:var(--bg-surface);color:var(--text-faint);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.85rem;transition:background .2s,color .2s,border-color .2s,transform .15s;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.theme-toggle:hover{background:var(--bg-hover);color:var(--text);transform:scale(1.1)}.app{position:relative;z-index:1;display:flex;align-items:center;justify-content:flex-start;min-height:100vh;padding:1.25rem 1.5rem 1rem;flex-direction:column}.centerblock{display:flex;flex-direction:column;gap:.4rem;width:100%;max-width:540px;align-items:center}.row,.row-weather-content{justify-content:center}.search-section{margin-top:.4rem}.row{display:flex;align-items:center;gap:.35rem;font-size:.78rem;color:var(--text-faint);animation:clock-in .5s cubic-bezier(.16,1,.3,1) both}.row-sep{color:var(--text-faint);font-size:.7rem}.row-line{display:inline-block;width:1px;height:10px;background:var(--border);margin:0 .2rem;flex-shrink:0;vertical-align:middle}.clock{font-family:var(--font-mono);font-size:.88rem;font-weight:500;color:var(--text);letter-spacing:.02em}.clock-seconds{font-family:var(--font-mono);font-size:.7rem;color:var(--text-faint)}.date{color:var(--text-faint)}.row-weather-content{display:flex;align-items:center;gap:.35rem}.w-icon{font-size:.78rem}.w-temp{font-family:var(--font-mono);font-size:.8rem;font-weight:500;color:var(--text-dim)}.w-condition,.w-city{color:var(--text-faint)}.w-label{font-size:.72rem;margin-left:.15rem}.w-stat{font-family:var(--font-mono);font-size:.72rem;color:var(--blue-dim);margin-right:.05rem}.w-stat.rain-next[data-raining=true]{color:var(--green)}.sk-block{height:10px;border-radius:4px;background:var(--bg-hover);animation:pulse 1.5s ease-in-out infinite}.sk-short{width:36px}.sk-long{width:180px;animation-delay:.2s}.weather-skeleton{display:flex;align-items:center;gap:.5rem}.weather-error{font-size:.72rem;color:var(--text-faint)}@keyframes clock-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.search-section{position:relative;width:100%;animation:fade-up .6s .1s cubic-bezier(.16,1,.3,1) both}.search-wrap{display:flex;align-items:center;gap:.5rem;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-pill);padding:.375rem .375rem .375rem .875rem;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:border-color .25s,box-shadow .25s,background .25s}.search-wrap:focus-within{border-color:var(--border-focus);background:#ffffff0d;box-shadow:0 0 0 4px var(--accent-glow),0 12px 40px #00000080}.engine-btn{width:30px;height:30px;border-radius:50%;border:1px solid rgba(239,159,70,.18);background:var(--accent-glow);color:var(--accent);font-family:var(--font-mono);font-size:.72rem;font-weight:500;cursor:pointer;flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:background .2s,transform .15s,border-color .2s;letter-spacing:0}.engine-btn:hover{background:var(--accent-strong);border-color:#ef9f464d;transform:scale(1.06)}.engine-btn:active{transform:scale(.96)}.search-input{flex:1;background:none;border:none;outline:none;color:var(--text);font-family:var(--font-ui);font-size:.975rem;font-weight:300;padding:.35rem 0;min-width:0}.search-input::placeholder{color:var(--text-faint)}.search-input::-webkit-search-cancel-button{display:none}.search-submit{width:36px;height:36px;border-radius:50%;border:none;background:var(--accent);color:#07070d;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .2s,transform .15s,box-shadow .2s}.search-submit:hover{background:#f5b468;transform:scale(1.06);box-shadow:0 0 20px #ef9f4659}.search-submit:active{transform:scale(.94)}.engine-dropdown{position:absolute;top:calc(100% + 10px);left:0;min-width:200px;background:#0f0f18;border:1px solid var(--border);border-radius:var(--radius);padding:.5rem;z-index:200;box-shadow:var(--shadow-lg);transform-origin:top left;animation:dropdown-in .18s cubic-bezier(.16,1,.3,1);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.engine-dropdown[aria-hidden=true]{display:none}@keyframes dropdown-in{0%{opacity:0;transform:translateY(-6px) scale(.97)}to{opacity:1;transform:none}}.engine-dropdown-title{font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:var(--text-faint);padding:.25rem .625rem .5rem}.engine-opt{display:flex;align-items:center;gap:.625rem;width:100%;padding:.5rem .625rem;border-radius:var(--radius-sm);background:none;border:none;color:var(--text-dim);font-family:var(--font-ui);font-size:.875rem;cursor:pointer;text-align:left;transition:background .15s,color .15s}.engine-opt:hover{background:var(--bg-hover);color:var(--text)}.engine-opt.active{color:var(--accent)}.engine-opt.active .opt-icon{filter:none}.opt-icon{font-family:var(--font-mono);font-size:.7rem;font-weight:500;width:22px;text-align:center;flex-shrink:0}.weather-section{width:100%;max-width:580px;animation:fade-up .6s .25s cubic-bezier(.16,1,.3,1) both}.weather-skeleton{display:flex;gap:.75rem;align-items:center;height:20px}.skeleton-temp{width:40px;height:14px;border-radius:4px;background:var(--bg-hover);animation:pulse 1.5s ease-in-out infinite}.skeleton-info{width:160px;height:14px;border-radius:4px;background:var(--bg-hover);animation:pulse 1.5s .3s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.3}50%{opacity:.6}}.weather-card{display:flex;align-items:center;gap:1rem;font-size:.82rem;color:var(--text-dim);flex-wrap:wrap}.weather-temp{font-family:var(--font-mono);font-size:.88rem;font-weight:500;color:var(--text)}.weather-condition{color:var(--text-dim)}.weather-city{color:var(--text-faint);font-size:.75rem}.weather-sep{color:var(--text-faint);flex-shrink:0}.weather-right{display:flex;align-items:center;gap:.75rem}.weather-divider{width:1px;height:12px;background:var(--border);flex-shrink:0}.weather-stat{display:flex;align-items:center;gap:.3rem}.stat-label{font-size:.72rem;color:var(--text-faint)}.stat-value{font-family:var(--font-mono);font-size:.78rem;font-weight:500;color:var(--blue-dim)}.stat-value.rain-next[data-raining=true]{color:var(--green)}.rain-chart{display:none}.weather-error{font-size:.75rem;color:var(--text-faint)}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:150;cursor:default}.overlay[aria-hidden=true]{display:none}.apps-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(60px,1fr));gap:.25rem;width:100%;margin-top:.75rem;animation:fade-up .5s .2s cubic-bezier(.16,1,.3,1) both}.app-item{display:flex;flex-direction:column;align-items:center;gap:.3rem;padding:.5rem .25rem;border-radius:var(--radius-sm);cursor:pointer;text-decoration:none;color:var(--text-faint);transition:background .15s,color .15s,transform .15s}.app-item:hover{background:var(--bg-surface);color:var(--text-dim);transform:translateY(-2px)}.app-icon{width:32px;height:32px;border-radius:8px;object-fit:contain;background:var(--bg-hover)}.app-icon-fallback{width:32px;height:32px;border-radius:8px;background:var(--bg-hover);display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:500;color:var(--text-dim);font-family:var(--font-mono);text-transform:uppercase}.app-name{font-size:.65rem;text-align:center;white-space:nowrap;max-width:60px;overflow:hidden;text-overflow:ellipsis}.apps-grid.categorized{display:flex;flex-direction:column;gap:1rem}.cat-section{width:100%}.cat-header{font-size:.62rem;letter-spacing:.1em;text-transform:uppercase;color:var(--text-faint);margin-bottom:.35rem;padding-left:.1rem}.cat-grid{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(60px,1fr));gap:.25rem;margin-top:0!important;animation:none!important}@media (max-width: 480px){.cat-grid{grid-template-columns:repeat(5,1fr)!important}}@keyframes fade-up{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.settings-btn{position:fixed;bottom:1rem;right:1rem;z-index:300;width:32px;height:32px;border-radius:50%;border:1px solid var(--border);background:var(--bg-surface);color:var(--text-faint);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1rem;transition:background .2s,color .2s,transform .2s;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.settings-btn:hover{background:var(--bg-hover);color:var(--text);transform:rotate(30deg)}.settings-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:400;background:#00000080;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;animation:fade-in .2s ease}.settings-overlay[hidden]{display:none}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.settings-panel{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-lg);width:min(560px,calc(100vw - 2rem));max-height:calc(100vh - 4rem);display:flex;flex-direction:column;box-shadow:var(--shadow-lg);animation:panel-in .2s cubic-bezier(.16,1,.3,1)}@keyframes panel-in{0%{opacity:0;transform:scale(.96) translateY(8px)}to{opacity:1;transform:none}}.settings-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem .75rem;border-bottom:1px solid var(--border);flex-shrink:0}.settings-title{font-size:.9rem;font-weight:500;color:var(--text)}.settings-header-actions{display:flex;gap:.5rem;align-items:center}.btn-icon{width:28px;height:28px;border-radius:6px;border:1px solid var(--border);background:none;color:var(--text-faint);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.8rem;transition:background .15s,color .15s}.btn-icon:hover{background:var(--bg-hover);color:var(--text)}.btn-icon.danger:hover{background:#ef44441f;color:#f87171;border-color:#ef44444d}.settings-body{overflow-y:auto;flex:1;padding:.75rem 1.25rem 1.25rem}.settings-section-title{font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;color:var(--text-faint);margin:.75rem 0 .5rem}.app-row{display:flex;align-items:center;gap:.5rem;padding:.4rem .5rem;border-radius:var(--radius-sm);transition:background .12s}.app-row:hover{background:var(--bg-surface)}.app-row-icon{width:24px;height:24px;border-radius:6px;object-fit:contain;background:var(--bg-hover);flex-shrink:0}.app-row-icon-fallback{width:24px;height:24px;border-radius:6px;background:var(--bg-hover);display:flex;align-items:center;justify-content:center;font-size:.6rem;font-weight:500;color:var(--text-dim);flex-shrink:0}.app-row-name{flex:1;font-size:.8rem;color:var(--text-dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-row-url{font-size:.7rem;color:var(--text-faint);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:140px}.settings-form{display:flex;flex-direction:column;gap:.5rem;margin-top:.75rem;padding:.75rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-surface)}.settings-input{width:100%;padding:.4rem .6rem;border:1px solid var(--border);border-radius:6px;background:var(--bg);color:var(--text);font-family:var(--font-ui);font-size:.82rem;outline:none;transition:border-color .2s}.settings-input:focus{border-color:var(--border-focus)}.settings-input::placeholder{color:var(--text-faint)}.settings-form-row{display:flex;gap:.5rem}.btn{padding:.4rem .75rem;border-radius:6px;border:1px solid var(--border);font-family:var(--font-ui);font-size:.78rem;cursor:pointer;transition:background .15s,color .15s}.btn-primary{background:var(--accent);border-color:var(--accent);color:#07070d;font-weight:500}.btn-primary:hover{filter:brightness(1.1)}.btn-ghost{background:none;color:var(--text-faint)}.btn-ghost:hover{background:var(--bg-hover);color:var(--text)}.btn-add{width:100%;margin-top:.5rem;background:none;color:var(--accent);border:1px dashed var(--border);border-radius:6px;padding:.4rem;font-size:.8rem;cursor:pointer;transition:background .15s,border-color .15s}.btn-add:hover{background:var(--accent-glow);border-color:#ef9f464d}.cat-row{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.35rem .5rem;border-radius:var(--radius-sm);transition:background .12s}.cat-row:hover{background:var(--bg-surface)}.cat-row-name{flex:1;font-size:.8rem;color:var(--text-dim)}.cat-row-actions{display:flex;gap:.25rem;align-items:center}.btn-icon.disabled{opacity:.25;cursor:default}.cat-select{background:var(--bg-surface);border:1px solid var(--border);border-radius:5px;color:var(--text-faint);font-family:var(--font-ui);font-size:.7rem;padding:.15rem .3rem;cursor:pointer;max-width:90px;outline:none}.cat-select:focus{border-color:var(--border-focus)}.settings-select{width:100%;background:var(--bg);border:1px solid var(--border);border-radius:6px;color:var(--text);font-family:var(--font-ui);font-size:.82rem;padding:.4rem .6rem;outline:none;cursor:pointer}.settings-select:focus{border-color:var(--border-focus)}.settings-search-section{display:flex;flex-direction:column;gap:0}.settings-empty{font-size:.75rem;color:var(--text-faint);padding:.25rem .5rem}.login-panel{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.5rem;width:min(320px,calc(100vw - 2rem));box-shadow:var(--shadow-lg);animation:panel-in .2s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column;gap:.75rem}.login-title{font-size:.9rem;font-weight:500;color:var(--text)}.login-hint{font-size:.75rem;color:var(--text-faint)}.login-error{font-size:.75rem;color:#f87171}@media (max-width: 480px){.centerblock{max-width:100%}.w-city,.row-sep{display:none}.apps-grid{grid-template-columns:repeat(5,1fr)}}@media (max-width: 360px){.w-condition{display:none}}