:root {
  --accent: #8ba8ff;
  --accent-rgb: 139, 168, 255;
  --text: #f7f8fc;
  --muted: rgba(247,248,252,.68);
  --muted-2: rgba(247,248,252,.48);
  --panel: rgba(18,22,36,.56);
  --panel-strong: rgba(16,19,32,.82);
  --line: rgba(255,255,255,.13);
  --glass-blur: 22px;
  --overlay-opacity: .33;
  --radius: 24px;
  --shadow: 0 22px 70px rgba(3,6,18,.28);
  --ease: cubic-bezier(.2,.75,.2,1);
  font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", Arial, sans-serif;
  color-scheme: dark;
}
*{box-sizing:border-box}
html,body{width:100%;height:100%;margin:0}
body{overflow:hidden;background:#0e1322;color:var(--text);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
button,input,textarea,select{font:inherit}
button{color:inherit}
button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid rgba(var(--accent-rgb),.9);outline-offset:2px}
svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
[hidden]{display:none!important}
.wallpaper,.wallpaper>*{position:fixed;inset:0;pointer-events:none}
.wallpaper{z-index:0;overflow:hidden;background:#11182b}
.wallpaper-gradient{background:
  radial-gradient(circle at 16% 18%, rgba(91,123,255,.44), transparent 36%),
  radial-gradient(circle at 80% 20%, rgba(143,83,255,.26), transparent 36%),
  radial-gradient(circle at 50% 92%, rgba(28,173,181,.18), transparent 38%),
  linear-gradient(135deg,#11152a 0%,#161e36 48%,#0c1824 100%);
  transform:scale(1.06);transition:background 700ms var(--ease),filter 400ms var(--ease)}
body[data-bg="aurora"] .wallpaper-gradient{background:radial-gradient(circle at 14% 14%,rgba(104,255,212,.30),transparent 33%),radial-gradient(circle at 73% 10%,rgba(109,114,255,.46),transparent 35%),radial-gradient(circle at 84% 78%,rgba(255,111,169,.20),transparent 34%),linear-gradient(135deg,#071b21,#141b38 52%,#24152d)}
body[data-bg="sunset"] .wallpaper-gradient{background:radial-gradient(circle at 18% 14%,rgba(255,199,135,.48),transparent 35%),radial-gradient(circle at 79% 25%,rgba(236,115,129,.32),transparent 36%),linear-gradient(135deg,#493d5f 0%,#25344c 48%,#101a28 100%)}
body[data-bg="forest"] .wallpaper-gradient{background:radial-gradient(circle at 21% 17%,rgba(181,217,184,.28),transparent 32%),radial-gradient(circle at 75% 19%,rgba(90,145,127,.38),transparent 36%),linear-gradient(135deg,#1e3433,#182727 45%,#101a1c)}
body[data-bg="ink"] .wallpaper-gradient{background:radial-gradient(circle at 78% 18%,rgba(110,124,180,.15),transparent 30%),linear-gradient(145deg,#0b0d14,#121722 48%,#080b12)}
.wallpaper-image{background-position:center;background-size:cover;opacity:0;transition:opacity 600ms var(--ease);transform:scale(1.025)}
body.has-custom-wallpaper .wallpaper-image{opacity:1}
.wallpaper-noise{opacity:.12;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.32'/%3E%3C/svg%3E");mix-blend-mode:soft-light}
.wallpaper-vignette{background:linear-gradient(rgba(3,7,16,var(--overlay-opacity)),rgba(3,7,16,calc(var(--overlay-opacity) + .08))),radial-gradient(circle at center,transparent 20%,rgba(3,6,15,.26) 100%)}
.glass{background:linear-gradient(180deg,rgba(255,255,255,.115),rgba(255,255,255,.065));border:1px solid var(--line);box-shadow:var(--shadow);backdrop-filter:blur(var(--glass-blur)) saturate(145%);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(145%)}
.glass-lite{background:rgba(13,17,29,.22);border:1px solid rgba(255,255,255,.09);backdrop-filter:blur(calc(var(--glass-blur) * .7)) saturate(135%);-webkit-backdrop-filter:blur(calc(var(--glass-blur) * .7)) saturate(135%)}
.app-shell{position:relative;z-index:2;min-height:100%;padding:24px clamp(18px,3vw,48px) 26px;display:flex;flex-direction:column}
.topbar{display:flex;align-items:center;justify-content:flex-end;gap:16px}
.brand,.weather-pill,.icon-btn{border:0;cursor:pointer;transition:transform 180ms var(--ease),background 180ms var(--ease),border-color 180ms var(--ease)}
.brand:hover,.weather-pill:hover,.icon-btn:hover{transform:translateY(-1px);background:rgba(255,255,255,.12)}
.brand{height:42px;padding:0 14px 0 10px;border-radius:15px;display:flex;gap:9px;align-items:center}
.brand-mark{display:grid;place-items:center;width:26px;height:26px;border-radius:9px;background:rgba(var(--accent-rgb),.18);color:#dfe6ff;font-size:18px}.brand-text{font-size:14px;font-weight:700;letter-spacing:.04em}
.top-actions{display:flex;gap:8px;align-items:center}.weather-pill{height:42px;padding:0 14px;border-radius:15px;display:flex;align-items:center;gap:8px;font-size:13px}.icon-btn{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;padding:0}.icon-btn:not(.glass-lite){background:rgba(255,255,255,.07);border:1px solid var(--line)}
.hero{position:relative;top:-2vh;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:0;padding-bottom:72px}
.clock-block{background:none;border:0;color:inherit;cursor:pointer;padding:6px 18px 12px;text-align:center;text-shadow:0 4px 30px rgba(0,0,0,.22)}
.clock{font-size:clamp(64px,8.6vw,124px);font-weight:250;letter-spacing:-.055em;line-height:.98;font-variant-numeric:tabular-nums}
.date-line{margin-top:15px;display:flex;align-items:center;justify-content:center;gap:10px;font-size:14px;color:rgba(255,255,255,.78);font-weight:520}.date-line .dot{opacity:.45}
.search-wrap{position:relative;width:min(760px,86vw);z-index:8}.search-box{height:64px;border-radius:34px;display:flex;align-items:center;padding:7px;transition:transform 220ms var(--ease),background 220ms var(--ease),border-color 220ms var(--ease);overflow:visible}.search-box:focus-within{transform:translateY(-2px);background:linear-gradient(180deg,rgba(255,255,255,.15),rgba(255,255,255,.085));border-color:rgba(255,255,255,.2)}
.engine-button{height:50px;display:flex;align-items:center;gap:8px;border:0;background:transparent;padding:0 11px;border-radius:25px;cursor:pointer;white-space:nowrap}.engine-button:hover{background:rgba(255,255,255,.07)}.engine-badge{width:29px;height:29px;border-radius:10px;background:rgba(var(--accent-rgb),.18);border:1px solid rgba(var(--accent-rgb),.28);display:grid;place-items:center;font-size:12px;font-weight:800}.engine-name{font-size:13px;font-weight:650}.chevron{width:14px;height:14px;opacity:.56}.search-divider{width:1px;height:28px;background:rgba(255,255,255,.12);margin-right:4px}.search-box input{flex:1;min-width:0;background:transparent;border:0;color:#fff;padding:0 12px;font-size:16px;outline:none}.search-box input::placeholder{color:rgba(255,255,255,.47)}.search-submit{width:47px;height:47px;border:0;border-radius:50%;background:rgba(var(--accent-rgb),.19);display:grid;place-items:center;cursor:pointer;transition:.18s}.search-submit:hover{background:rgba(var(--accent-rgb),.3);transform:scale(1.02)}
.panel-pop{position:absolute;z-index:20;top:74px;border-radius:20px;padding:8px;background:rgba(17,21,34,.84);transition:opacity 160ms var(--ease),transform 160ms var(--ease),visibility 160ms;opacity:0;visibility:hidden;transform:translateY(-6px)}.panel-pop.open{opacity:1;visibility:visible;transform:translateY(0)}.engine-menu{left:0;width:220px}.engine-option{display:flex;width:100%;align-items:center;gap:10px;padding:10px;border:0;background:transparent;border-radius:13px;cursor:pointer;text-align:left}.engine-option:hover,.engine-option.active{background:rgba(255,255,255,.08)}.engine-option small{margin-left:auto;color:var(--muted-2)}.suggestions{left:0;right:0;max-height:340px;overflow:auto}.suggestion-title{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted-2);padding:8px 10px 5px}.suggestion-item{width:100%;display:flex;align-items:center;gap:11px;padding:10px 12px;border:0;background:transparent;border-radius:13px;cursor:pointer;text-align:left}.suggestion-item:hover,.suggestion-item.active{background:rgba(255,255,255,.075)}.suggestion-icon{width:30px;height:30px;display:grid;place-items:center;border-radius:10px;background:rgba(255,255,255,.07);font-size:12px;font-weight:750}.suggestion-item span:nth-child(2){flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.suggestion-item small{color:var(--muted-2);font-size:11px;white-space:nowrap}
.quick-section{width:min(800px,92vw);margin-top:28px}.quick-header{min-height:28px;display:flex;justify-content:space-between;align-items:center;padding:0 8px 8px;opacity:.9}.group-tabs{display:flex;gap:6px;overflow:auto;scrollbar-width:none}.group-tabs::-webkit-scrollbar{display:none}.group-tab,.mini-btn,.filter-chip{border:0;cursor:pointer;color:var(--muted);background:transparent;border-radius:999px;padding:6px 10px;font-size:12px;transition:.18s}.group-tab:hover,.mini-btn:hover,.filter-chip:hover{background:rgba(255,255,255,.08);color:#fff}.group-tab.active,.filter-chip.active{background:rgba(255,255,255,.11);color:#fff}.shortcut-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px 12px;transition:.2s}.shortcut{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;text-decoration:none;color:#fff;min-width:0;user-select:none}.shortcut-tile{width:62px;height:62px;border-radius:20px;display:grid;place-items:center;background:linear-gradient(180deg,rgba(255,255,255,.14),rgba(255,255,255,.08));border:1px solid rgba(255,255,255,.11);box-shadow:0 12px 28px rgba(0,0,0,.16);backdrop-filter:blur(calc(var(--glass-blur) * .65));font-weight:760;font-size:19px;transition:transform 180ms var(--ease),background 180ms var(--ease),box-shadow 180ms var(--ease)}.shortcut:hover .shortcut-tile{transform:translateY(-4px) scale(1.02);background:linear-gradient(180deg,rgba(255,255,255,.2),rgba(255,255,255,.1));box-shadow:0 18px 34px rgba(0,0,0,.22)}.shortcut-name{width:100%;text-align:center;font-size:12px;color:rgba(255,255,255,.82);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 2px 12px rgba(0,0,0,.3)}.shortcut.add .shortcut-tile{font-size:28px;font-weight:300;color:rgba(255,255,255,.7);border-style:dashed}.shortcut.dragging{opacity:.35}.shortcut.drag-over .shortcut-tile{outline:2px solid rgba(var(--accent-rgb),.8)}
body[data-density="compact"] .shortcut-grid{grid-template-columns:repeat(8,minmax(0,1fr));gap:12px 8px}body[data-density="compact"] .shortcut-tile{width:54px;height:54px;border-radius:17px}
.quote{position:absolute;bottom:94px;border:0;border-radius:999px;min-height:36px;padding:7px 14px;display:flex;align-items:center;gap:7px;color:rgba(255,255,255,.68);cursor:pointer;max-width:min(78vw,650px);font-size:12px}.quote:hover{color:#fff}.quote-mark{font-size:20px;line-height:1;opacity:.45}
.dock{position:fixed;z-index:10;left:50%;bottom:max(20px,env(safe-area-inset-bottom));transform:translateX(-50%);height:62px;padding:6px;border-radius:22px;display:flex;gap:4px}.dock-btn{width:68px;border:0;background:transparent;border-radius:16px;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:rgba(255,255,255,.56);transition:.18s}.dock-btn span{font-size:17px;line-height:1}.dock-btn em{font-size:10px;font-style:normal}.dock-btn:hover{background:rgba(255,255,255,.07);color:#fff}.dock-btn.active{background:rgba(var(--accent-rgb),.18);color:#fff}
.panel-backdrop{position:fixed;z-index:30;inset:0;background:rgba(4,7,14,.28);backdrop-filter:blur(2px);opacity:0;transition:opacity 220ms var(--ease)}.panel-backdrop.show{opacity:1}.side-panel{position:fixed;z-index:40;right:18px;top:18px;bottom:18px;width:min(580px,calc(100vw - 36px));border-radius:30px;background:rgba(15,18,30,.79);transform:translateX(calc(100% + 30px));transition:transform 360ms var(--ease);overflow:hidden;display:flex;flex-direction:column}.side-panel.open{transform:translateX(0)}.panel-header{display:flex;align-items:center;justify-content:space-between;padding:24px 26px 18px;border-bottom:1px solid rgba(255,255,255,.08)}.panel-header h2{margin:3px 0 0;font-size:23px}.eyebrow{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:rgba(var(--accent-rgb),.9);font-weight:800}.panel-content{overflow:auto;padding:20px 22px 28px;overscroll-behavior:contain}.panel-pane{display:none}.panel-pane.active{display:block;animation:paneIn 260ms var(--ease)}@keyframes paneIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.overview-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.widget-card,.settings-card,.about-card{background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.09);border-radius:22px;padding:18px}.widget-card.span-2{grid-column:span 2}.widget-label{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted-2);font-weight:750}.widget-head{display:flex;justify-content:space-between;align-items:center}.text-btn{border:0;background:transparent;color:rgba(var(--accent-rgb),.95);cursor:pointer;font-size:12px}.weather-hero{display:flex;align-items:center;gap:12px;margin-top:16px}.weather-hero span{font-size:38px}.weather-hero strong{font-size:38px;font-weight:350}.muted{color:var(--muted)}.tiny{font-size:11px}.weather-detail{display:flex;gap:10px;flex-wrap:wrap;margin:12px 0;color:var(--muted);font-size:11px}.soft-btn,.primary-btn,.danger-btn{border:1px solid rgba(255,255,255,.09);border-radius:13px;padding:10px 14px;cursor:pointer;transition:.18s}.soft-btn{background:rgba(255,255,255,.07)}.soft-btn:hover{background:rgba(255,255,255,.12)}.primary-btn{background:rgba(var(--accent-rgb),.9);color:#111629;border-color:rgba(var(--accent-rgb),.95);font-weight:760}.primary-btn:hover{filter:brightness(1.06);transform:translateY(-1px)}.danger-btn{background:rgba(255,85,105,.1);color:#ffb2bd;border-color:rgba(255,91,111,.22)}.large{padding:12px 20px}.today-date{font-size:58px;font-weight:280;line-height:1;margin:18px 0 8px}.today-progress{height:5px;border-radius:999px;background:rgba(255,255,255,.08);overflow:hidden;margin:16px 0 7px}.today-progress span{display:block;height:100%;background:var(--accent);border-radius:inherit}.compact-list{margin-top:10px}.compact-row-item{display:flex;align-items:center;gap:9px;padding:9px 0;border-bottom:1px solid rgba(255,255,255,.06);font-size:13px}.compact-row-item:last-child{border-bottom:0}.compact-dot{width:7px;height:7px;border-radius:99px;background:var(--accent);box-shadow:0 0 10px rgba(var(--accent-rgb),.5)}.compact-row-item small{margin-left:auto;color:var(--muted-2)}.empty-state{padding:22px;text-align:center;color:var(--muted-2);font-size:13px;border:1px dashed rgba(255,255,255,.09);border-radius:16px;margin-top:10px}.countdown-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:12px}.mini-countdown{padding:12px;background:rgba(255,255,255,.045);border-radius:15px}.mini-countdown strong{display:block;font-size:23px;font-weight:380}.mini-countdown span{font-size:11px;color:var(--muted);display:block;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.section-toolbar{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:16px}.section-copy{display:flex;flex-direction:column;gap:4px}.section-copy strong{font-size:18px}.section-copy span{font-size:12px;color:var(--muted)}.notes-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.note-card{min-height:160px;padding:16px;border:1px solid rgba(255,255,255,.08);border-radius:20px;background:linear-gradient(145deg,rgba(var(--accent-rgb),.09),rgba(255,255,255,.045));cursor:pointer;position:relative;overflow:hidden}.note-card:hover{border-color:rgba(255,255,255,.16)}.note-card h4{margin:0 0 9px;font-size:14px}.note-card p{margin:0;color:var(--muted);font-size:12px;line-height:1.7;white-space:pre-wrap;display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical;overflow:hidden}.note-meta{position:absolute;left:16px;right:16px;bottom:12px;display:flex;justify-content:space-between;color:var(--muted-2);font-size:10px}.note-delete{position:absolute;top:10px;right:10px;width:28px;height:28px;display:none;border:0;background:rgba(0,0,0,.18);border-radius:9px;cursor:pointer}.note-card:hover .note-delete{display:grid;place-items:center}
.todo-form,.countdown-form,.weather-search-row{display:flex;gap:9px;margin-bottom:14px}.field,.select{width:100%;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.055);color:#fff;border-radius:13px;padding:11px 12px;outline:none}.field:focus,.select:focus{border-color:rgba(var(--accent-rgb),.65);background:rgba(255,255,255,.075)}.field.compact{max-width:150px}.field::placeholder{color:rgba(255,255,255,.36)}select option{background:#171b2b}.filter-row{display:flex;gap:6px;margin-bottom:8px}.todo-list{display:flex;flex-direction:column}.todo-item{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:12px 5px;border-bottom:1px solid rgba(255,255,255,.07)}.todo-check{appearance:none;width:20px;height:20px;border:1.5px solid rgba(255,255,255,.26);border-radius:7px;cursor:pointer;display:grid;place-items:center}.todo-check:checked{background:var(--accent);border-color:var(--accent)}.todo-check:checked:after{content:'✓';font-size:12px;color:#151a2a;font-weight:900}.todo-title{font-size:13px}.todo-title.done{text-decoration:line-through;color:var(--muted-2)}.todo-due{display:block;font-size:10px;color:var(--muted-2);margin-top:4px}.todo-actions{display:flex;gap:5px}.tiny-action{border:0;background:transparent;color:var(--muted-2);cursor:pointer;border-radius:8px;padding:5px}.tiny-action:hover{background:rgba(255,255,255,.07);color:#fff}
.focus-layout{display:flex;flex-direction:column;align-items:center;gap:28px;padding:10px 0}.focus-ring-wrap{position:relative;width:260px;height:260px;display:grid;place-items:center}.focus-ring{width:100%;height:100%;transform:rotate(-90deg)}.ring-track,.ring-progress{fill:none;stroke-width:4}.ring-track{stroke:rgba(255,255,255,.08)}.ring-progress{stroke:var(--accent);stroke-linecap:round;stroke-dasharray:326.73;stroke-dashoffset:0;filter:drop-shadow(0 0 8px rgba(var(--accent-rgb),.35));transition:stroke-dashoffset .7s linear}.focus-time{position:absolute;font-size:48px;font-weight:280;font-variant-numeric:tabular-nums}.focus-mode{position:absolute;margin-top:70px;font-size:12px;color:var(--muted)}.focus-controls{width:100%}.segmented{display:grid;grid-template-columns:repeat(3,1fr);padding:4px;background:rgba(255,255,255,.05);border-radius:15px;margin-bottom:18px}.segmented button{border:0;background:transparent;color:var(--muted);padding:9px;border-radius:11px;cursor:pointer;font-size:12px}.segmented button.active{background:rgba(255,255,255,.1);color:#fff}.button-row{display:flex;gap:9px}.button-row.center{justify-content:center}.button-row.wrap{flex-wrap:wrap}.ambient-toggle{width:100%;margin-top:18px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.04);border-radius:16px;padding:13px;display:flex;align-items:center;gap:12px;cursor:pointer;text-align:left}.ambient-toggle>span:first-child{width:34px;height:34px;border-radius:11px;background:rgba(var(--accent-rgb),.12);display:grid;place-items:center}.ambient-toggle>span:nth-child(2){display:flex;flex-direction:column;gap:2px;flex:1}.ambient-toggle small{color:var(--muted);font-size:10px}.ambient-toggle i{font-style:normal;color:var(--muted);font-size:11px}.ambient-toggle.on i{color:#bcd0ff}
.countdown-list{display:grid;grid-template-columns:1fr 1fr;gap:10px}.countdown-card{padding:16px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.045);border-radius:18px;position:relative}.countdown-card strong{font-size:31px;font-weight:350}.countdown-card h4{font-size:13px;margin:8px 0 2px}.countdown-card span{font-size:10px;color:var(--muted)}.countdown-card button{position:absolute;top:10px;right:10px}
.city-results{display:flex;flex-direction:column;gap:7px;margin-bottom:14px}.city-result{border:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.04);border-radius:13px;padding:10px 12px;display:flex;justify-content:space-between;cursor:pointer}.city-result:hover{background:rgba(255,255,255,.08)}.city-result small{color:var(--muted)}.weather-full-card{margin-top:10px}.forecast-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-top:12px}.forecast-day{padding:12px 7px;text-align:center;border-radius:15px;background:rgba(255,255,255,.045)}.forecast-day strong{display:block;font-size:18px;margin:7px 0}.forecast-day span,.forecast-day small{font-size:10px;color:var(--muted);display:block}.forecast-day .wx{font-size:25px;color:#fff}
.shortcut-manager{display:flex;flex-direction:column;gap:8px}.shortcut-manage-item{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:10px 12px;border:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.035);border-radius:15px}.drag-handle{cursor:grab;color:var(--muted-2)}.shortcut-manage-main strong{display:block;font-size:13px}.shortcut-manage-main small{display:block;color:var(--muted-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:340px;margin-top:2px}.shortcut-manage-actions{display:flex;gap:4px}
.wallpaper-source-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:-2px 0 4px;padding:10px 12px;border-radius:13px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.06)}.wallpaper-source-row span{font-size:10px;color:var(--muted);line-height:1.5}.compact-btn{padding:7px 10px!important;font-size:11px!important;white-space:nowrap}.wallpaper-source-row .compact-btn[hidden]{display:none!important}
.settings-sections{display:flex;flex-direction:column;gap:12px}.settings-card h3{margin:0 0 12px;font-size:14px}.setting-row{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:13px 0;border-top:1px solid rgba(255,255,255,.065)}.setting-row:first-of-type{border-top:0}.setting-row>span{display:flex;flex-direction:column;gap:2px}.setting-row strong{font-size:12px}.setting-row small{font-size:10px;color:var(--muted)}.setting-row input[type="range"]{width:150px}.setting-row input[type="color"]{width:46px;height:30px;padding:2px;border:0;border-radius:9px;background:rgba(255,255,255,.08)}.select{width:auto;min-width:110px;padding:8px 10px;font-size:12px}.switch{appearance:none;width:40px;height:23px;border-radius:999px;background:rgba(255,255,255,.12);position:relative;cursor:pointer;transition:.2s;flex:0 0 auto}.switch:after{content:'';position:absolute;width:17px;height:17px;left:3px;top:3px;border-radius:50%;background:#fff;transition:.2s}.switch:checked{background:rgba(var(--accent-rgb),.7)}.switch:checked:after{transform:translateX(17px)}.file-btn{display:inline-flex;position:relative;overflow:hidden}.file-btn input{position:absolute;inset:0;opacity:0;cursor:pointer}.shortcut-help{display:grid;grid-template-columns:1fr 1fr;gap:10px 18px;font-size:12px;color:var(--muted)}kbd{display:inline-block;padding:3px 7px;border-radius:7px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.09);color:#fff;font-size:10px;box-shadow:0 2px 0 rgba(255,255,255,.04)}
.about-card{text-align:center;padding:30px 22px}.about-logo{width:88px;height:88px;margin:0 auto 16px;border-radius:26px;display:grid;place-items:center;overflow:hidden;background:rgba(255,255,255,.08);box-shadow:0 12px 34px rgba(0,0,0,.18)}.about-logo img{width:100%;height:100%;object-fit:cover;display:block}.about-card h2{margin:0 0 9px}.about-card p{line-height:1.8;font-size:13px;color:var(--muted)}.feature-tags{display:flex;flex-wrap:wrap;justify-content:center;gap:7px;margin:20px 0}.feature-tags span{padding:7px 10px;border-radius:99px;background:rgba(255,255,255,.06);font-size:10px}.version{margin-top:18px;font-size:10px;color:var(--muted-2)}
.modal{border:0;background:transparent;padding:18px;color:var(--text);max-width:none}.modal::backdrop{background:rgba(4,7,15,.5);backdrop-filter:blur(8px)}.modal-card{width:min(460px,calc(100vw - 36px));background:rgba(20,23,37,.94);border:1px solid rgba(255,255,255,.12);box-shadow:0 28px 90px rgba(0,0,0,.42);border-radius:24px;padding:20px;display:flex;flex-direction:column;gap:13px}.modal-head{display:flex;justify-content:space-between;align-items:flex-start}.modal-head h3{margin:3px 0 0}.modal-card label{font-size:11px;color:var(--muted);display:flex;flex-direction:column;gap:6px}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:5px}.form-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.textarea{min-height:180px;resize:vertical}.compact-row{flex-direction:row!important}.toast-stack{position:fixed;z-index:100;top:22px;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;gap:8px;align-items:center;pointer-events:none}.toast{padding:9px 13px;border-radius:12px;background:rgba(18,22,34,.9);border:1px solid rgba(255,255,255,.1);box-shadow:0 12px 34px rgba(0,0,0,.2);font-size:12px;animation:toastIn .2s var(--ease)}@keyframes toastIn{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
body.reduce-motion *,body.reduce-motion *::before,body.reduce-motion *::after{animation-duration:.001ms!important;transition-duration:.001ms!important;scroll-behavior:auto!important}
@media (max-width:800px){.app-shell{padding:16px 14px 18px}.weather-pill{max-width:150px}.clock{font-size:clamp(60px,20vw,92px)}.date-line{font-size:12px;gap:7px;flex-wrap:wrap}.search-wrap{width:min(92vw,720px)}.engine-name,.search-divider{display:none}.engine-button{padding:0 7px}.search-box{height:58px}.search-submit{width:43px;height:43px}.quick-section{width:96vw;margin-top:22px}.shortcut-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:13px 6px}.shortcut-tile{width:55px;height:55px;border-radius:18px}.dock{width:calc(100vw - 28px);justify-content:space-between}.dock-btn{width:auto;flex:1}.quote{bottom:92px;max-width:86vw}.side-panel{inset:8px;width:auto;border-radius:24px}.panel-header{padding:20px 20px 14px}.panel-content{padding:16px 16px 24px}.overview-grid{grid-template-columns:1fr}.widget-card.span-2{grid-column:span 1}.countdown-strip{grid-template-columns:repeat(3,1fr)}.notes-grid,.countdown-list{grid-template-columns:1fr}.todo-form,.countdown-form,.weather-search-row{flex-wrap:wrap}.todo-form .field:first-child,.countdown-form .field:first-child,.weather-search-row .field{flex:1 1 100%}.field.compact{max-width:none;flex:1}.forecast-grid{grid-template-columns:repeat(5,86px);overflow:auto;padding-bottom:4px}.setting-row{align-items:flex-start}.setting-row input[type="range"]{width:110px}.shortcut-help{grid-template-columns:1fr 1fr}.form-grid-2{grid-template-columns:1fr}}
@media (max-width:440px){.weather-pill{display:none}.hero{padding-bottom:78px}.quick-header{padding-inline:4px}.shortcut-grid{grid-template-columns:repeat(4,minmax(0,1fr))}body[data-density="compact"] .shortcut-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.shortcut-name{font-size:11px}.quote{font-size:11px}.clock-block{padding-top:0}.group-tabs{max-width:calc(100vw - 90px)}.section-toolbar{flex-direction:column}.section-toolbar .primary-btn{width:100%}.stack-mobile{align-items:stretch}.focus-ring-wrap{width:220px;height:220px}.focus-time{font-size:42px}.countdown-strip{grid-template-columns:1fr}.setting-row{gap:10px}.setting-row>span{max-width:62%}}

/* === v1.3.0 · search polish / icon-only engines / quote placement === */
.search-wrap{width:min(780px,88vw)}
.search-box{
  border-radius:38px;
  padding:6px 7px 6px 8px;
  transition:transform 240ms var(--ease),background 240ms var(--ease),border-color 240ms var(--ease),box-shadow 240ms var(--ease);
}
.search-box:focus-within{
  transform:translateY(-3px) scale(1.012);
  background:linear-gradient(180deg,rgba(255,255,255,.155),rgba(255,255,255,.075));
  border-color:rgba(var(--accent-rgb),.52);
  box-shadow:0 0 0 4px rgba(var(--accent-rgb),.10),0 24px 76px rgba(3,6,18,.34),inset 0 1px 0 rgba(255,255,255,.10);
}
.engine-button{
  width:58px;
  height:50px;
  flex:0 0 58px;
  justify-content:center;
  gap:3px;
  padding:0 7px;
  border-radius:25px;
}
.engine-icon{width:34px;height:34px;display:grid;place-items:center;flex:0 0 auto}
.engine-icon img{width:32px;height:32px;display:block;object-fit:contain;filter:drop-shadow(0 2px 8px rgba(0,0,0,.14))}
.engine-button .chevron{width:11px;height:11px;opacity:.48;transition:transform 180ms var(--ease),opacity 180ms var(--ease)}
.engine-button:hover .chevron{opacity:.8}
.engine-button[aria-expanded="true"] .chevron{transform:rotate(180deg)}
.search-divider{height:25px;margin-right:3px;background:rgba(255,255,255,.11)}
.search-box input{
  padding:0 14px;
  font-size:17px;
  font-weight:430;
  letter-spacing:.006em;
  color:rgba(255,255,255,.94);
  caret-color:rgb(var(--accent-rgb));
  text-shadow:none;
  transition:color 180ms var(--ease),text-shadow 180ms var(--ease),letter-spacing 180ms var(--ease),font-weight 180ms var(--ease);
}
.search-box input::placeholder{color:transparent}
.search-box:focus-within input{
  color:#fff;
  font-weight:530;
  letter-spacing:.014em;
  text-shadow:0 2px 18px rgba(0,0,0,.24),0 0 20px rgba(var(--accent-rgb),.10);
}
.search-submit{
  width:47px;
  height:47px;
  flex:0 0 47px;
  background:linear-gradient(180deg,rgba(255,255,255,.085),rgba(255,255,255,.035));
  border:1px solid rgba(255,255,255,.105);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 8px 22px rgba(0,0,0,.08);
  backdrop-filter:blur(12px) saturate(135%);
  -webkit-backdrop-filter:blur(12px) saturate(135%);
}
.search-submit:hover{
  background:linear-gradient(180deg,rgba(255,255,255,.14),rgba(var(--accent-rgb),.06));
  border-color:rgba(255,255,255,.16);
  transform:scale(1.025);
}
.search-submit svg{opacity:.92}
.engine-menu{
  left:0;
  width:198px;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:6px;
  padding:8px;
}
.engine-option{
  position:relative;
  width:100%;
  height:56px;
  display:grid;
  place-items:center;
  padding:0;
  border-radius:16px;
}
.engine-option:hover{background:rgba(255,255,255,.075);transform:translateY(-1px)}
.engine-option.active{background:rgba(var(--accent-rgb),.10);box-shadow:inset 0 0 0 1px rgba(var(--accent-rgb),.18)}
.engine-option-icon{width:38px;height:38px;display:grid;place-items:center}
.engine-option-icon img{width:34px;height:34px;display:block;object-fit:contain;filter:drop-shadow(0 2px 8px rgba(0,0,0,.14))}
.engine-active-indicator{
  position:absolute;
  right:6px;
  top:6px;
  width:15px;
  height:15px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:rgba(var(--accent-rgb),.82);
  color:#101425;
  font-size:9px;
  font-weight:900;
  box-shadow:0 3px 8px rgba(0,0,0,.16);
}
.quote{
  position:fixed;
  z-index:9;
  left:50%;
  bottom:calc(max(20px,env(safe-area-inset-bottom)) + 76px);
  transform:translateX(-50%);
  min-height:40px;
  padding:8px 16px;
  max-width:min(82vw,720px);
  font-size:14px;
  line-height:1.45;
  color:rgba(255,255,255,.76);
  text-shadow:0 2px 16px rgba(0,0,0,.28);
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  transition:transform 180ms var(--ease),color 180ms var(--ease),background 180ms var(--ease);
}
.quote:hover{color:#fff;transform:translateX(-50%) translateY(-1px)}
.quote-mark{font-size:22px;line-height:1;opacity:.48}
.about-logo{background:rgba(255,255,255,.035)}
.about-logo img{object-fit:contain;padding:7px}

@media (max-width:800px){
  .search-wrap{width:min(92vw,720px)}
  .engine-button{width:52px;flex-basis:52px;padding:0 5px}
  .engine-icon{width:32px;height:32px}.engine-icon img{width:30px;height:30px}
  .search-box input{font-size:16.5px;padding-inline:11px}
  .search-submit{width:43px;height:43px;flex-basis:43px}
  .engine-menu{width:188px}
  .quote{bottom:calc(max(18px,env(safe-area-inset-bottom)) + 74px);max-width:88vw;font-size:13.5px;padding:8px 14px}
}
@media (max-width:440px){
  .search-box:focus-within{transform:translateY(-2px) scale(1.006)}
  .search-divider{display:none}
  .engine-button{width:50px;flex-basis:50px}
  .search-box input{padding-left:8px;font-size:16px}
  .engine-menu{width:182px;grid-template-columns:repeat(3,1fr)}
  .quote{font-size:13px;max-width:90vw}
}

/* === v1.6.0 · softer immersive search focus === */
.search-focus-backdrop{
  position:fixed;
  inset:0;
  z-index:20;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  background:rgba(4,7,15,0);
  backdrop-filter:blur(0) brightness(1) saturate(100%);
  -webkit-backdrop-filter:blur(0) brightness(1) saturate(100%);
  transition:opacity 360ms var(--ease),visibility 360ms var(--ease),background 420ms var(--ease),backdrop-filter 440ms var(--ease),-webkit-backdrop-filter 440ms var(--ease);
}
body.search-focus-mode .search-focus-backdrop{
  opacity:1;
  visibility:visible;
  pointer-events:none;
  background:rgba(4,7,15,.18);
  backdrop-filter:blur(10px) brightness(.78) saturate(88%);
  -webkit-backdrop-filter:blur(10px) brightness(.78) saturate(88%);
}
.search-wrap{
  transform-origin:center center;
  isolation:isolate;
  transition:transform 460ms var(--ease),filter 360ms var(--ease);
}
body.search-focus-mode .search-wrap{
  z-index:80;
  transform:translateY(clamp(-160px,-11vh,-92px)) scale(1.045);
  filter:drop-shadow(0 32px 58px rgba(0,0,0,.30));
}
body.search-focus-mode .search-box,
body.search-focus-mode .search-box:focus-within{
  position:relative;
  z-index:2;
  transform:translateY(-4px) scale(1.012);
  background:linear-gradient(180deg,rgba(36,41,60,.58),rgba(19,23,38,.46));
  border-color:rgba(var(--accent-rgb),.72);
  box-shadow:0 0 0 5px rgba(var(--accent-rgb),.10),0 26px 90px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,255,255,.14);
  backdrop-filter:blur(10px) saturate(138%);
  -webkit-backdrop-filter:blur(10px) saturate(138%);
}
body.search-focus-mode .search-box input{
  position:relative;
  z-index:3;
  font-size:19px;
  font-weight:580;
  letter-spacing:.018em;
  color:#fff;
  caret-color:#fff;
  text-shadow:0 3px 20px rgba(0,0,0,.38),0 0 26px rgba(var(--accent-rgb),.15);
}
body.search-focus-mode .search-submit{
  position:relative;
  z-index:4;
  background:linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,.05));
  border-color:rgba(255,255,255,.15);
}
body.search-focus-mode .engine-button{position:relative;z-index:4}
body.search-focus-mode .panel-pop{
  z-index:10;
  background:rgba(13,17,29,.92);
  border-color:rgba(255,255,255,.15);
  box-shadow:0 24px 72px rgba(0,0,0,.38);
  backdrop-filter:blur(30px) saturate(155%);
  -webkit-backdrop-filter:blur(30px) saturate(155%);
}
body.search-focus-mode .clock-block,
body.search-focus-mode .topbar,
body.search-focus-mode .quote,
body.search-focus-mode .dock{
  transition:opacity 340ms var(--ease),filter 420ms var(--ease);
}
body.search-focus-mode .clock-block,
body.search-focus-mode .topbar,
body.search-focus-mode .quote,
body.search-focus-mode .dock{opacity:.68;filter:saturate(.78)}

@media (max-width:800px){
  body.search-focus-mode .search-wrap{transform:translateY(clamp(-122px,-9vh,-68px)) scale(1.03)}
  body.search-focus-mode .search-box input{font-size:18px}
}
@media (max-width:440px){
  body.search-focus-mode .search-wrap{transform:translateY(clamp(-82px,-7vh,-48px)) scale(1.02)}
  body.search-focus-mode .search-box,
  body.search-focus-mode .search-box:focus-within{transform:translateY(-2px) scale(1.006)}
  body.search-focus-mode .search-box input{font-size:17.5px}
}