@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{--font-body:"Inter", "SF Pro Display", "SF Pro Text", "Segoe UI", system-ui, sans-serif;--bg-main:#f7f7f7;--bg-panel:#fffefb;--bg-card:#fff;--text-main:#1a1a1a;--text-muted:#565764;--line:#f5f5f7;--accent:#7c3aed;--accent-soft:#f0e8ff;--topbar-dark:#1a1a1a;--mesh-lilac:#e8d9ff;--mesh-peach:bisque;--mesh-yellow:#fffde7;--mesh-base:#f7f7f7;--pill-radius:9999px;--card-radius:1.5rem;--shadow-action:0 .5rem 1.5rem #00000026, 0 .25rem .5rem #0000001a;--danger:#cf4256;--shadow-soft:#1a1a1a26;--glass:#ffffffc2}:root[data-theme=nightfall]{--bg-main:#0f1320;--bg-panel:#141a2a;--bg-card:#1a2134;--text-main:#f0f3ff;--text-muted:#afb6cd;--line:#3a486ab3;--accent:#c2a8ff;--accent-soft:#2e3351;--topbar-dark:#090b11;--danger:#ff8da0;--shadow-soft:#00000073;--glass:#18233cbd}*,:before,:after{box-sizing:border-box}html,body,#app{min-block-size:100dvh;margin:0}body{font-family:var(--font-body);color:var(--text-main);background:var(--bg-main);-webkit-font-smoothing:antialiased;text-rendering:geometricprecision;font-size:1rem;line-height:1.5}h1,h2,h3,h4,p{margin:0}button,input,select{font:inherit}button{border:1px solid color-mix(in srgb, var(--line) 86%, transparent);border-radius:var(--pill-radius);background:color-mix(in srgb, var(--bg-card) 88%, transparent);color:var(--text-main);cursor:pointer;padding:.52rem .94rem;transition:transform .16s,border-color .16s,box-shadow .16s,background-color .16s}button:hover{border-color:color-mix(in srgb, var(--accent) 38%, var(--line));transform:translateY(-.04rem)}button.active{background:color-mix(in srgb, var(--accent-soft) 72%, var(--bg-card));border-color:color-mix(in srgb, var(--accent) 48%, var(--line))}button.ghost{background:color-mix(in srgb, var(--bg-panel) 88%, transparent)}button.danger{color:var(--danger)}input[type=text],input[type=url],input[type=search],select{border:1px solid color-mix(in srgb, var(--line) 84%, transparent);border-radius:var(--pill-radius);background:color-mix(in srgb, var(--bg-card) 92%, transparent);color:var(--text-main);padding:.58rem .76rem}input::placeholder{color:color-mix(in srgb, var(--text-muted) 78%, transparent)}code,kbd{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace}.page-shell{--wf-wallpaper-opacity:.38;--wf-wallpaper-blur:0rem;--wf-wallpaper-tint:.24;isolation:isolate;background:radial-gradient(52% 42% at 14% 10%, color-mix(in srgb, var(--mesh-lilac) 92%, transparent), transparent 74%), radial-gradient(46% 36% at 84% 14%, color-mix(in srgb, var(--mesh-peach) 88%, transparent), transparent 76%), radial-gradient(38% 30% at 56% 24%, color-mix(in srgb, var(--mesh-yellow) 88%, transparent), transparent 76%), linear-gradient(166deg, var(--mesh-base), #fffaf0 58%, #fff8f6);min-block-size:100dvh;position:relative;overflow:hidden}.page-shell:before{content:"";z-index:-2;pointer-events:none;background-image:var(--wf-wallpaper-image,none);opacity:var(--wf-wallpaper-opacity);filter:blur(var(--wf-wallpaper-blur)) saturate(1.04);background-position:50%;background-repeat:no-repeat;background-size:cover;position:fixed;inset:0;transform:scale(1.03)}.page-shell:after{content:"";z-index:-1;pointer-events:none;opacity:var(--wf-wallpaper-tint);background:radial-gradient(circle at 22% 11%,#fff9,#0000 56%),linear-gradient(#ffffffd6,#fffaf2db);position:fixed;inset:0}.top-floating-bar{z-index:30;pointer-events:none;justify-content:center;display:flex;position:fixed;inset-block-start:clamp(.9rem,2.2vw,1.6rem);inset-inline:0}.topbar-pill{pointer-events:auto;border-radius:var(--pill-radius);background:color-mix(in srgb, var(--topbar-dark) 96%, transparent);color:#fff;border:1px solid #ffffff24;justify-content:space-between;align-items:center;gap:.6rem;min-inline-size:min(90vw,19rem);padding:.42rem .54rem;display:inline-flex;box-shadow:0 .95rem 1.8rem -1.26rem #00000094}.topbar-weather,.topbar-settings{border-radius:var(--pill-radius);background:#ffffff1a;justify-content:center;align-items:center;block-size:2rem;inline-size:2rem;display:inline-flex}.topbar-clock{letter-spacing:.06em;font-size:.92rem;font-weight:700}.topbar-settings{color:#fff;border:1px solid #ffffff2e;padding:0}.topbar-settings:hover{background:#ffffff2b;transform:translateY(-.03rem)}.settings-fab{display:none}.home-stage{grid-template-rows:auto 1fr;gap:clamp(1.4rem,2.4vw,2.4rem);min-block-size:100dvh;inline-size:min(92vw,88rem);margin-inline:auto;padding-block:clamp(5.3rem,7.4vw,7rem) clamp(1.5rem,3vw,2.4rem);display:grid}.search-stage{text-align:center;z-index:14;justify-items:center;gap:clamp(.58rem,1.1vw,.94rem);inline-size:min(100%,56rem);margin-inline:auto;display:grid;position:relative}.hero-kicker{border-radius:var(--pill-radius);letter-spacing:.14em;color:color-mix(in srgb, var(--text-muted) 90%, transparent);background:#ffffffc7;border:1px solid #f0edeb;padding:.24rem .74rem;font-size:.74rem;font-weight:700}.hero-title{letter-spacing:-.02em;color:var(--text-main);gap:.15em;font-size:clamp(2rem,2.8vw + 1.2rem,3.8rem);font-weight:600;line-height:.98;display:grid}.hero-gradient{background:linear-gradient(106deg,#7c3aed,#eab308 52%,#3b82f6);color:#0000;-webkit-background-clip:text;background-clip:text}.hero-subtitle{max-inline-size:36ch;color:color-mix(in srgb, var(--text-muted) 90%, transparent);font-size:clamp(.9rem,.6vw + .75rem,1.02rem)}.search-shell{justify-content:center;inline-size:100%;margin-block-start:.36rem;display:flex;position:relative}.search-suggestions{border:1px solid color-mix(in srgb, var(--line) 86%, transparent);background:color-mix(in srgb, var(--glass) 92%, transparent);inline-size:min(100%,36rem);box-shadow:0 1.1rem 2.2rem -1.5rem var(--shadow-soft);-webkit-backdrop-filter:blur(.8rem);z-index:24;border-radius:1rem;gap:.32rem;padding:.52rem;display:grid;position:absolute;top:calc(100% + .46rem);left:50%;transform:translate(-50%)}.suggest-item{background:color-mix(in srgb, var(--bg-card) 74%, transparent);text-align:left;border:1px solid #0000;border-radius:.84rem;padding:.42rem .62rem;font-size:.84rem}.suggest-item.active,.suggest-item:hover{border-color:color-mix(in srgb, var(--accent) 34%, var(--line));background:color-mix(in srgb, var(--accent-soft) 38%, var(--bg-card));transform:none}.search-pill{border-radius:var(--pill-radius);block-size:3.6rem;inline-size:min(100%,46rem);box-shadow:var(--shadow-action), 0 1.5rem 2.6rem -1.66rem #00000094, inset 0 .1rem 0 #ffffff24, inset 0 -.12rem 0 #0000005c;isolation:isolate;background:linear-gradient(154deg,#242730eb,#12141cf5);border:1px solid #00000042;grid-template-columns:minmax(8.9rem,auto) 1fr auto;align-items:stretch;transition:box-shadow .18s,transform .18s,border-color .18s;display:grid;overflow:visible}.search-pill:hover{transform:translateY(-.04rem)}.search-pill:focus-within{border-color:#ffffff75;box-shadow:0 1.6rem 2.8rem -1.68rem #000000a8,0 0 0 .08rem #ffffff3d,inset 0 .1rem #ffffff2e}.search-pill>input{color:#fffffff5;background:0 0;border:0;border-radius:0;block-size:100%;min-inline-size:0;padding:0 .9rem}.search-pill>input::placeholder{color:#fff9}.search-pill>input:focus{outline:none}.engine-picker{z-index:44;min-inline-size:9.2rem;position:relative}.engine-picker:after{content:"";inset-inline:0;block-size:.76rem;position:absolute;top:100%}.engine-current{border-radius:var(--pill-radius) 0 0 var(--pill-radius);color:#fff;text-align:left;background:#ffffff1f;border:0;border-right:1px solid #ffffff24;justify-content:space-between;align-items:center;gap:.5rem;block-size:100%;inline-size:100%;padding:0 .78rem;display:flex}.engine-current:hover{background:#ffffff2e;transform:none}.engine-core{align-items:center;gap:.46rem;min-inline-size:0;display:inline-flex}.engine-core span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.engine-caret{color:#ffffffad;font-size:.76rem;transition:transform .16s}.engine-picker:hover .engine-caret,.engine-picker:focus-within .engine-caret{transform:rotate(180deg)}.engine-current img,.engine-option img{background:#ffffff42;border-radius:.36rem;block-size:1.02rem;inline-size:1.02rem}.engine-menu{border:1px solid color-mix(in srgb, var(--line) 88%, transparent);inline-size:max(100%,14.5rem);box-shadow:0 1.2rem 2.3rem -1.58rem var(--shadow-soft);opacity:0;pointer-events:none;transform-origin:0 0;z-index:62;background:#ffffffeb;border-radius:1rem;gap:.34rem;padding:.44rem;transition:opacity .16s,transform .16s;display:grid;position:absolute;top:calc(100% + .38rem);left:0;transform:translateY(-.14rem)scale(.99)}.engine-menu.open{opacity:1;pointer-events:auto;transform:translateY(0)scale(1)}.engine-option{border:1px solid color-mix(in srgb, var(--line) 84%, transparent);background:color-mix(in srgb, var(--bg-card) 94%, transparent);text-align:left;border-radius:.8rem;grid-template-columns:auto 1fr auto;align-items:center;gap:.54rem;padding:.46rem .64rem;display:grid}.engine-option:hover{border-color:color-mix(in srgb, var(--accent) 38%, var(--line));transform:none}.engine-option.active{background:color-mix(in srgb, var(--accent-soft) 58%, var(--bg-card));border-color:color-mix(in srgb, var(--accent) 40%, var(--line))}.engine-option code{color:color-mix(in srgb, var(--accent) 78%, var(--text-main));font-size:.76rem}.search-btn{border-radius:0 var(--pill-radius) var(--pill-radius) 0;color:#fff;background:#ffffff1a;border:0;border-left:1px solid #ffffff24;justify-content:center;align-items:center;gap:.34rem;block-size:100%;min-inline-size:5.6rem;padding-inline:1.04rem;font-weight:700;display:inline-flex}.search-btn:hover{background:#ffffff29;transform:none}.search-btn span[aria-hidden=true]{font-size:.94rem}.quick-section{z-index:8;justify-content:center;align-self:end;inline-size:100%;padding-block-end:clamp(.4rem,1vw,.9rem);display:flex;position:relative}.quick-grid{--quick-card-width:9.6rem;--quick-card-height:8.2rem;--quick-gap:.72rem;--quick-max-inline:60rem;inline-size:min(100%, var(--quick-max-inline));justify-content:flex-start;align-items:stretch;gap:var(--quick-gap);scrollbar-width:thin;scrollbar-color:color-mix(in srgb, var(--line) 86%, transparent) transparent;flex-wrap:nowrap;margin:0;padding:.36rem;list-style:none;display:flex;overflow:auto hidden}.quick-grid::-webkit-scrollbar{block-size:.34rem}.quick-grid::-webkit-scrollbar-thumb{background:color-mix(in srgb, var(--line) 86%, transparent);border-radius:999rem}.quick-grid.dragging-active{cursor:grabbing}.quick-item{flex:0 0 var(--quick-card-width);inline-size:var(--quick-card-width);cursor:grab;min-inline-size:0;transition:transform .2s cubic-bezier(.22,1,.36,1);position:relative}.quick-item.is-dragging{z-index:5;cursor:grabbing}.quick-item.is-touch-dragging{z-index:10;transform:translate3d(var(--quick-touch-x,0), var(--quick-touch-y,0), 0);transition:none}.quick-grid.dragging-active .quick-app{cursor:grabbing;will-change:transform}.quick-app{inline-size:100%;block-size:var(--quick-card-height);border-radius:var(--card-radius);background-image:linear-gradient(180deg, #10131f1a, #07090f94), var(--quick-cover-image,linear-gradient(120deg, #ece7ff, #ffe6c8));-webkit-user-select:none;user-select:none;touch-action:pan-y;box-shadow:0 1.06rem 1.74rem -1.2rem var(--shadow-soft);background-position:50%;background-size:cover;border:1px solid #ffffffd1;transition:transform .18s cubic-bezier(.22,1,.36,1),opacity .18s,box-shadow .18s;position:relative;overflow:hidden}.quick-app:hover{box-shadow:0 1.24rem 1.95rem -1.2rem var(--shadow-soft);transform:translateY(-.16rem)}.quick-app:before{content:"";pointer-events:none;background:linear-gradient(#ffffff29,#0000 40%,#04050a7a);position:absolute;inset:0}.quick-sheen{pointer-events:none;background:radial-gradient(circle,#ffffff57,#0000 66%);border-radius:999rem;block-size:78%;inline-size:72%;position:absolute;inset-block-start:-28%;inset-inline-end:-32%}.quick-tag{border-radius:var(--pill-radius);color:#0f1118cc;letter-spacing:.05em;z-index:2;background:#ffffffa3;border:1px solid #ffffffe0;padding:.2rem .58rem;font-size:.68rem;font-weight:700;position:absolute;inset-block-start:.56rem;inset-inline-start:.56rem}.quick-item.is-dragging .quick-app{opacity:.64;transform:scale(.98)}.quick-item.is-touch-dragging .quick-app{opacity:.92;transform:scale(1.01)}.quick-item.is-drag-over:not(.is-dragging) .quick-app{transform:translateY(-.12rem)scale(1.02)}body.dragging-quick-card .quick-app{pointer-events:none}body.touch-dragging-quick-card{overscroll-behavior:none;overflow:hidden}.card-icon{z-index:2;background:#ffffff61;border:1px solid #ffffffbd;border-radius:.64rem;place-items:center;block-size:2rem;inline-size:2rem;font-size:.86rem;font-weight:700;display:grid;position:absolute;inset-block-start:.58rem;inset-inline-end:.58rem;overflow:hidden}.card-icon img{object-fit:cover;block-size:100%;inline-size:100%;image-rendering:-webkit-optimize-contrast}.quick-app h3{color:#fff;text-shadow:0 .25rem .7rem #000000a6;white-space:nowrap;text-overflow:ellipsis;z-index:2;font-size:clamp(.82rem,.2vw + .76rem,.94rem);font-weight:700;line-height:1.2;position:absolute;inset-block-end:.64rem;inset-inline:.66rem;overflow:hidden}.quick-item-add{cursor:default}.quick-add-btn{background:color-mix(in srgb, var(--glass) 84%, transparent);border:1px dashed color-mix(in srgb, var(--line) 82%, transparent);place-items:center;display:grid}.quick-add-btn:before{display:none}.quick-add-btn h3{color:var(--text-main);text-shadow:none;position:static}.quick-add-btn .card-icon{border-radius:.84rem;block-size:2.4rem;inline-size:2.4rem;position:static}.quick-add-btn .quick-tag,.quick-add-btn .quick-sheen{display:none}.card-icon-add{color:color-mix(in srgb, var(--accent) 84%, var(--text-main));font-size:1.48rem;font-weight:500}.quick-move{transition:transform .23s cubic-bezier(.22,1,.36,1)}.quick-enter-active,.quick-leave-active{transition:opacity .18s,transform .18s}.quick-enter-from,.quick-leave-to{opacity:0;transform:scale(.95)}.quick-leave-active{position:absolute}.settings-mask{z-index:30;-webkit-backdrop-filter:blur(.24rem);background:#00000057;position:fixed;inset:0}.settings-panel{opacity:0;pointer-events:none;z-index:31;border:1px solid color-mix(in srgb, var(--line) 88%, transparent);background:color-mix(in srgb, var(--glass) 95%, transparent);max-block-size:min(88dvh,50rem);inline-size:min(94vw,36rem);box-shadow:0 1.7rem 3rem -1.74rem var(--shadow-soft);-webkit-backdrop-filter:blur(1rem)saturate(1.02);border-radius:1.5rem;align-content:start;gap:.76rem;padding:1rem;transition:opacity .18s,transform .18s;display:grid;position:fixed;top:50%;left:50%;overflow:auto;transform:translate(-50%,-47%)scale(.97)}.settings-panel.open{opacity:1;pointer-events:auto;transform:translate(-50%,-50%)scale(1)}.settings-head{justify-content:space-between;align-items:center;gap:.64rem;display:flex}.settings-head h2{font-size:clamp(1.14rem,1rem + .52vw,1.36rem)}.settings-tabs{grid-template-columns:repeat(5,minmax(0,1fr));gap:.35rem;display:grid}.settings-tabs button{border-radius:.76rem;padding:.42rem .32rem;font-size:.76rem;font-weight:700}.settings-block{border:1px solid color-mix(in srgb, var(--line) 86%, transparent);background:color-mix(in srgb, var(--bg-card) 88%, transparent);border-radius:1rem;gap:.54rem;padding:.74rem;display:grid}.settings-block h3{font-size:.98rem}.inline-actions{flex-wrap:wrap;gap:.4rem;display:inline-flex}.field{gap:.34rem;display:grid}.field span,.wallpaper-row p,.fab-settings p{color:var(--text-muted);font-size:.82rem}.field input[type=range]{accent-color:var(--accent)}.wallpaper-row,.fab-settings{gap:.36rem;display:grid}.open-toggle{align-items:center;gap:.46rem;display:inline-flex}.open-toggle input{block-size:1rem;inline-size:1rem;accent-color:var(--accent)}.card-form{gap:.46rem;display:grid}.manage-list{gap:.38rem;margin:0;padding:0;list-style:none;display:grid}.manage-list li{border:1px solid color-mix(in srgb, var(--line) 86%, transparent);border-radius:.8rem;justify-content:space-between;align-items:center;gap:.46rem;padding:.54rem;display:flex}.manage-list p{font-size:.88rem}.manage-list span{color:var(--text-muted);font-size:.76rem}.compact{gap:.32rem}.hidden-file{display:none}.quick-add-mask{z-index:40;-webkit-backdrop-filter:blur(.16rem);background:#00000057;position:fixed;inset:0}.quick-add-panel{z-index:41;border:1px solid color-mix(in srgb, var(--line) 86%, transparent);background:color-mix(in srgb, var(--bg-panel) 94%, var(--bg-card));inline-size:min(92vw,27rem);box-shadow:0 1.44rem 2.64rem -1.56rem var(--shadow-soft);border-radius:1.2rem;gap:.64rem;padding:.84rem;display:grid;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.quick-add-panel header{justify-content:space-between;align-items:center;gap:.52rem;display:flex}.quick-add-tip{color:var(--text-muted);font-size:.8rem}.toast{z-index:32;border:1px solid color-mix(in srgb, var(--line) 86%, transparent);border-radius:var(--pill-radius);background:color-mix(in srgb, var(--bg-card) 94%, transparent);box-shadow:0 .95rem 1.7rem -1.2rem var(--shadow-soft);padding:.5rem .8rem;font-size:.84rem;position:fixed;bottom:.94rem;right:.94rem}@media (width<=66rem){.home-stage{inline-size:min(95vw,88rem);padding-block-start:clamp(4.8rem,10vw,6.2rem)}.hero-title{font-size:clamp(1.7rem,3vw + .8rem,3rem)}.search-pill{grid-template-columns:minmax(7.8rem,auto) 1fr auto}.engine-picker{min-inline-size:8rem}}@media (width<=42rem){.topbar-pill{min-inline-size:min(92vw,18rem)}.search-pill{block-size:3.24rem}.engine-current{gap:.36rem;padding-inline:.58rem}.engine-core{gap:.36rem}.engine-core span{max-inline-size:4.6rem}.search-pill>input{padding-inline:.64rem}.search-btn{min-inline-size:3.9rem;padding-inline:.72rem}.search-btn span:not([aria-hidden=true]){display:none}.settings-tabs{gap:.32rem;padding-bottom:.1rem;display:flex;overflow-x:auto}.settings-tabs button{flex:none;min-inline-size:4.3rem}.settings-panel{max-block-size:min(90dvh,50rem);inline-size:min(96vw,36rem)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}