@import "https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Fraunces:opsz,wght@9..144,500;9..144,600&display=swap";:root{--font-display:"Fraunces", serif;--font-body:"Manrope", sans-serif;--bg-main:#eef1f5;--bg-panel:#f7f9fc;--bg-card:#fff;--text-main:#141922;--text-muted:#5f6775;--line:#d4dae6;--accent:#2265e8;--accent-soft:#dce9ff;--danger:#d44f4f;--shadow-soft:#0b10201f;--wallpaper-mask:#edf1f8b3;--glass:#ffffffa8}:root[data-theme=nightfall]{--bg-main:#070b13;--bg-panel:#121925;--bg-card:#1a2432;--text-main:#f2f7ff;--text-muted:#9ea8b9;--line:#314154;--accent:#8cb5ff;--accent-soft:#243858;--danger:#ff8c8c;--shadow-soft:#0000006b;--wallpaper-mask:#0c13209e;--glass:#1721309e}*,: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}h1,h2,h3,h4{font-family:var(--font-display);font-weight:600}button,input,select{font:inherit}button{border:1px solid color-mix(in srgb, var(--line) 88%, transparent);background:color-mix(in srgb, var(--bg-card) 92%, transparent);color:var(--text-main);cursor:pointer;border-radius:.8rem;padding:.48rem .88rem;transition:transform .16s,border-color .16s,background-color .16s,box-shadow .16s}button:hover{border-color:color-mix(in srgb, var(--accent) 44%, var(--line));transform:translateY(-.04rem)}button.active{border-color:color-mix(in srgb, var(--accent) 62%, var(--line));background:color-mix(in srgb, var(--accent-soft) 84%, var(--bg-card));color:color-mix(in srgb, var(--accent) 78%, var(--text-main))}button.ghost{background:color-mix(in srgb, var(--bg-panel) 82%, 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);background:color-mix(in srgb, var(--bg-card) 94%, transparent);color:var(--text-main);border-radius:.8rem;padding:.56rem .72rem}input::placeholder{color:color-mix(in srgb, var(--text-muted) 76%, 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:linear-gradient(165deg, color-mix(in srgb, var(--bg-main) 94%, #fff), var(--bg-main));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.06) contrast(1.02);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;background:radial-gradient(circle at 16% 8%, color-mix(in srgb, var(--accent) 12%, transparent), transparent 32%), linear-gradient(180deg, var(--wallpaper-mask), color-mix(in srgb, var(--wallpaper-mask) 92%, transparent));opacity:var(--wf-wallpaper-tint);position:fixed;inset:0}.settings-fab{top:var(--fab-top,50%);background:linear-gradient(155deg, color-mix(in srgb, var(--bg-card) 84%, transparent), color-mix(in srgb, var(--glass) 76%, transparent));border:1px solid color-mix(in srgb, var(--line) 78%, transparent);block-size:2.95rem;inline-size:2.95rem;box-shadow:0 .95rem 2rem -1.25rem var(--shadow-soft);z-index:26;border-radius:999rem;place-items:center;padding:0;transition:inset-inline .18s,transform .18s,opacity .18s;display:grid;position:fixed}.settings-fab.side-right{inset-inline-end:-.55rem}.settings-fab.side-left{inset-inline-start:-.55rem}.settings-fab.side-right:not(.dragging){transform:translate(.45rem)translateY(-50%)}.settings-fab.side-left:not(.dragging){transform:translate(-.45rem)translateY(-50%)}.settings-fab:hover,.settings-fab:focus-visible,.settings-fab.dragging{transform:translate(0)translateY(-50%)}.settings-fab-icon{block-size:1.35rem;inline-size:1.35rem;color:color-mix(in srgb, var(--accent) 82%, var(--text-main))}.settings-fab-icon svg{fill:currentColor;block-size:100%;inline-size:100%}.home-stage{align-content:center;justify-items:stretch;gap:clamp(1rem,1.4vw + .6rem,1.8rem);min-block-size:100dvh;inline-size:min(94vw,84rem);margin-inline:auto;padding-block:clamp(1.2rem,2.5vw + .6rem,3.1rem);display:grid}.search-stage{z-index:20;gap:.76rem;inline-size:min(100%,46rem);margin-inline:auto;display:grid;position:relative}.brand-mark{text-align:center;letter-spacing:.24em;color:color-mix(in srgb, var(--text-main) 76%, var(--accent));font-size:.78rem;font-weight:800}.search-shell{justify-content:center;align-items:center;inline-size:100%;padding:.28rem;display:flex;position:relative}.search-suggestions{border:1px solid color-mix(in srgb, var(--line) 82%, transparent);background:color-mix(in srgb, var(--glass) 92%, transparent);inline-size:min(100%,34rem);box-shadow:0 1.08rem 2rem -1.36rem var(--shadow-soft);-webkit-backdrop-filter:blur(.9rem)saturate(1.08);z-index:24;border-radius:.92rem;gap:.3rem;padding:.48rem;display:grid;position:absolute;top:calc(100% + .42rem);left:50%;transform:translate(-50%)}.suggest-item{background:color-mix(in srgb, var(--bg-card) 72%, transparent);text-align:left;border:1px solid #0000;border-radius:.64rem;padding:.38rem .56rem;font-size:.83rem;line-height:1.25}.suggest-item.active,.suggest-item:hover{border-color:color-mix(in srgb, var(--accent) 36%, var(--line));background:color-mix(in srgb, var(--accent-soft) 28%, var(--bg-card));transform:none}.search-shell:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(circle at 18% 46%, color-mix(in srgb, var(--accent-soft) 52%, transparent), transparent 56%), radial-gradient(circle at 82% 50%, color-mix(in srgb, var(--accent) 17%, transparent), transparent 62%);filter:blur(1rem);opacity:.64;border-radius:999rem;position:absolute;inset:-.6rem 6% -.3rem}.search-pill{border:1px solid color-mix(in srgb, var(--line) 78%, transparent);background:linear-gradient(152deg, color-mix(in srgb, var(--glass) 88%, transparent), color-mix(in srgb, var(--bg-card) 62%, transparent));block-size:3.35rem;inline-size:min(100%,44rem);box-shadow:inset 0 .04rem 0 #ffffffb8, 0 1.2rem 2.3rem -1.7rem var(--shadow-soft);-webkit-backdrop-filter:blur(.9rem)saturate(1.08);isolation:isolate;border-radius:999rem;grid-template-columns:minmax(8.8rem,auto) 1fr auto;align-items:stretch;display:grid;overflow:visible}.search-pill:focus-within{border-color:color-mix(in srgb, var(--accent) 50%, var(--line));box-shadow:inset 0 .04rem 0 #ffffffb8, 0 0 0 .08rem color-mix(in srgb, var(--accent) 16%, transparent), 0 1.28rem 2.4rem -1.76rem var(--shadow-soft)}.search-pill>input{background:0 0;border:0;border-radius:0;block-size:100%;min-inline-size:0;padding:0 .88rem}.search-pill>input:focus{outline:none}.search-btn{border:0;border-left:1px solid color-mix(in srgb, var(--line) 84%, transparent);block-size:100%;min-inline-size:5.3rem;color:color-mix(in srgb, var(--accent) 84%, var(--text-main));background:color-mix(in srgb, var(--glass) 72%, transparent);border-radius:0 999rem 999rem 0;justify-content:center;align-items:center;gap:.3rem;padding-inline:1rem;font-weight:700;display:inline-flex}.search-btn:hover{background:color-mix(in srgb, var(--glass) 88%, transparent);transform:none}.search-btn span[aria-hidden=true]{font-size:.92rem}.engine-picker{z-index:40;min-inline-size:9.3rem;position:relative}.engine-picker:after{content:"";inset-inline:0;block-size:.72rem;position:absolute;top:100%}.engine-current{border:0;border-right:1px solid color-mix(in srgb, var(--line) 84%, transparent);background:linear-gradient(145deg, color-mix(in srgb, var(--glass) 84%, transparent), color-mix(in srgb, var(--accent-soft) 18%, var(--bg-card)));text-align:left;border-radius:999rem 0 0 999rem;justify-content:space-between;align-items:center;gap:.52rem;block-size:100%;inline-size:100%;padding:0 .74rem;display:flex}.engine-current:hover{background:color-mix(in srgb, var(--glass) 95%, transparent);transform:none}.engine-core{align-items:center;gap:.5rem;min-inline-size:0;display:inline-flex}.engine-core span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.engine-caret{color:color-mix(in srgb, var(--text-muted) 86%, transparent);font-size:.75rem;transition:transform .17s}.engine-picker:hover .engine-caret,.engine-picker:focus-within .engine-caret{transform:rotate(180deg)}.engine-current img,.engine-option img{background:color-mix(in srgb, var(--bg-card) 72%, transparent);border-radius:.28rem;block-size:1.05rem;inline-size:1.05rem}.engine-menu{border:1px solid color-mix(in srgb, var(--line) 82%, transparent);background:linear-gradient(158deg, color-mix(in srgb, var(--glass) 90%, transparent), color-mix(in srgb, var(--bg-card) 72%, transparent));inline-size:max(100%,14rem);box-shadow:0 1.25rem 2.4rem -1.68rem var(--shadow-soft);-webkit-backdrop-filter:blur(.95rem)saturate(1.08);opacity:0;pointer-events:none;transform-origin:0 0;z-index:68;border-radius:.98rem;gap:.34rem;padding:.42rem;transition:opacity .16s,transform .16s;display:grid;position:absolute;top:calc(100% + .38rem);left:0;transform:translateY(-.15rem)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) 76%, transparent);background:color-mix(in srgb, var(--bg-card) 86%, transparent);text-align:left;border-radius:.72rem;grid-template-columns:auto 1fr auto;align-items:center;gap:.5rem;padding:.44rem .58rem;display:grid}.engine-option:hover{border-color:color-mix(in srgb, var(--accent) 38%, var(--line));transform:none}.engine-option.active{border-color:color-mix(in srgb, var(--accent) 54%, var(--line));background:color-mix(in srgb, var(--accent-soft) 34%, var(--bg-card))}.engine-option code{color:color-mix(in srgb, var(--accent) 76%, var(--text-main));font-size:.75rem}.quick-section{z-index:8;justify-content:center;min-block-size:clamp(8rem,20vh,17rem);inline-size:100%;display:flex;position:relative}.quick-grid{--app-size:4.1rem;--quick-gap:.58rem;--quick-max-inline:34rem;--quick-max-block:20rem;inline-size:min(100%, var(--quick-max-inline));max-block-size:min(58dvh, var(--quick-max-block));place-content:flex-start center;gap:var(--quick-gap);scrollbar-width:thin;scrollbar-color:color-mix(in srgb, var(--line) 82%, transparent) transparent;flex-wrap:wrap;margin:0;padding:.25rem;list-style:none;display:flex;overflow:auto}.quick-grid::-webkit-scrollbar{inline-size:.35rem}.quick-grid::-webkit-scrollbar-thumb{background:color-mix(in srgb, var(--line) 82%, transparent);border-radius:999rem}.quick-grid.dragging-active{cursor:grabbing}.quick-item{inline-size:calc(var(--app-size) + 1rem);cursor:grab;align-content:start;justify-items:center;min-inline-size:0;transition:transform .2s cubic-bezier(.22,1,.36,1);display:grid;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%;min-block-size:calc(var(--app-size) + 1.56rem);text-align:center;-webkit-user-select:none;user-select:none;touch-action:pan-y;background:0 0;border:0;border-radius:1rem;align-content:start;justify-items:center;gap:.38rem;padding:.22rem;transition:transform .18s cubic-bezier(.22,1,.36,1),opacity .18s,background-color .18s;display:grid}.quick-app:hover{background:color-mix(in srgb, var(--bg-card) 34%, transparent);transform:translateY(-.12rem)}.quick-item.is-dragging .quick-app{opacity:.62;transform:scale(.98)}.quick-item.is-touch-dragging .quick-app{opacity:.92;transform:scale(1.02)}.quick-item.is-drag-over:not(.is-dragging) .quick-app{background:color-mix(in srgb, var(--accent-soft) 28%, var(--bg-card));transform:translateY(-.1rem)scale(1.02)}body.dragging-quick-card .quick-app{pointer-events:none}body.touch-dragging-quick-card{overscroll-behavior:none;overflow:hidden}.card-icon{inline-size:var(--app-size);block-size:var(--app-size);border-radius:calc(var(--app-size) * .3);border:1px solid color-mix(in srgb, var(--line) 84%, transparent);background:linear-gradient(160deg, color-mix(in srgb, var(--glass) 88%, transparent), color-mix(in srgb, var(--bg-card) 72%, transparent));box-shadow:0 .62rem 1.2rem -.92rem var(--shadow-soft);place-items:center;font-size:clamp(.9rem,.7rem + .28vw,1.04rem);font-weight:700;display:grid;overflow:hidden}.card-icon img{object-fit:cover;block-size:100%;inline-size:100%;image-rendering:-webkit-optimize-contrast;transform:translateZ(0)}.quick-app h3{max-inline-size:100%;font-size:clamp(.72rem,.65rem + .2vw,.83rem);line-height:1.25;font-family:var(--font-body);color:var(--wf-card-title,var(--text-main));white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.quick-item-add{cursor:default}.quick-add-btn{border:1px dashed color-mix(in srgb, var(--line) 76%, transparent)}.quick-add-btn:hover{border-color:color-mix(in srgb, var(--accent) 46%, var(--line))}.card-icon-add{color:color-mix(in srgb, var(--accent) 82%, var(--text-main));font-size:clamp(1.3rem,1.1rem + .5vw,1.7rem);font-weight:400}.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(.2rem);background:#00000052;position:fixed;inset:0}.settings-panel{opacity:0;pointer-events:none;z-index:31;border:1px solid color-mix(in srgb, var(--line) 82%, transparent);background:linear-gradient(158deg, color-mix(in srgb, var(--glass) 92%, transparent), color-mix(in srgb, var(--bg-panel) 84%, transparent));max-block-size:min(88dvh,50rem);inline-size:min(94vw,35rem);box-shadow:0 1.7rem 3.1rem -1.8rem var(--shadow-soft);-webkit-backdrop-filter:blur(1rem)saturate(1.05);border-radius:1.3rem;align-content:start;gap:.75rem;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:.6rem;display:flex}.settings-head h2{font-size:clamp(1.14rem,1rem + .5vw,1.36rem)}.settings-tabs{grid-template-columns:repeat(5,minmax(0,1fr));gap:.34rem;display:grid}.settings-tabs button{border-radius:.72rem;padding:.4rem .3rem;font-size:.76rem;font-weight:700}.settings-block{border:1px solid color-mix(in srgb, var(--line) 85%, transparent);background:color-mix(in srgb, var(--bg-card) 86%, transparent);border-radius:1rem;gap:.52rem;padding:.72rem;display:grid}.settings-block h3{font-size:.98rem}.inline-actions{flex-wrap:wrap;gap:.4rem;display:inline-flex}.field{gap:.32rem;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:.34rem;display:grid}.open-toggle{align-items:center;gap:.45rem;display:inline-flex}.open-toggle input{block-size:1rem;inline-size:1rem;accent-color:var(--accent)}.card-form{gap:.45rem;display:grid}.manage-list{gap:.36rem;margin:0;padding:0;list-style:none;display:grid}.manage-list li{border:1px solid color-mix(in srgb, var(--line) 84%, transparent);border-radius:.76rem;justify-content:space-between;align-items:center;gap:.44rem;padding:.52rem;display:flex}.manage-list p{font-size:.88rem}.manage-list span{color:var(--text-muted);font-size:.76rem}.compact{gap:.3rem}.hidden-file{display:none}.quick-add-mask{z-index:40;-webkit-backdrop-filter:blur(.16rem);background:#00000052;position:fixed;inset:0}.quick-add-panel{z-index:41;border:1px solid color-mix(in srgb, var(--line) 84%, transparent);background:color-mix(in srgb, var(--bg-panel) 95%, var(--bg-card));inline-size:min(92vw,26rem);box-shadow:0 1.45rem 2.75rem -1.55rem var(--shadow-soft);border-radius:1rem;gap:.62rem;padding:.82rem;display:grid;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.quick-add-panel header{justify-content:space-between;align-items:center;gap:.5rem;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) 82%, transparent);background:color-mix(in srgb, var(--bg-card) 94%, transparent);box-shadow:0 .95rem 1.7rem -1.2rem var(--shadow-soft);border-radius:.8rem;padding:.48rem .76rem;font-size:.84rem;position:fixed;bottom:.92rem;right:.92rem}@media (width<=62rem){.home-stage{inline-size:min(96vw,84rem)}.search-pill{grid-template-columns:minmax(7.8rem,auto) 1fr auto}.engine-picker{min-inline-size:8rem}.search-btn{min-inline-size:4.7rem;padding-inline:.78rem}.quick-grid{max-block-size:min(52dvh, var(--quick-max-block))}}@media (width<=38rem){.settings-tabs{gap:.32rem;padding-bottom:.1rem;display:flex;overflow-x:auto}.settings-tabs button{flex:none;min-inline-size:4.3rem}.search-pill{block-size:3.08rem}.engine-current{gap:.34rem;padding-inline:.56rem}.engine-core{gap:.35rem}.engine-core span{max-inline-size:4.7rem}.search-pill>input{padding-inline:.64rem}.search-btn span:not([aria-hidden=true]){display:none}.settings-panel{max-block-size:min(90dvh,50rem);inline-size:min(96vw,35rem)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}