.screen{position:relative;z-index:1;max-width:960px;margin:0 auto;padding-top:max(20px,calc(env(safe-area-inset-top) + 12px));padding-left:max(var(--gutter),env(safe-area-inset-left));padding-right:max(var(--gutter),env(safe-area-inset-right))}.screen-title{font-weight:700;font-size:34px;line-height:1.1;margin:8px 0 16px;color:var(--text)}.sec{margin-top:28px}.sec-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:0 0 12px}.sec-title{font:600 17px/1.3 var(--font-ui);margin:0;letter-spacing:-.01em}.sec-meta{font-size:13px;color:var(--muted)}.card{background:var(--surface-1);border-radius:var(--r-card)}.press{transition:transform .12s cubic-bezier(.2,0,0,1);-webkit-touch-callout:none}.press:active{transform:scale(.96)}.rise{animation:rise .5s var(--ease-out) both;animation-delay:calc(var(--i, 0) * 45ms)}@keyframes rise{0%{opacity:0;transform:translateY(8px)}}@media(prefers-reduced-motion:reduce){.rise{animation:none}.press:active{transform:none}}.search-field{position:relative;display:flex;align-items:center;height:48px;border-radius:14px;background:var(--surface-2);box-shadow:inset 0 0 0 1px var(--line);transition:box-shadow .2s}.search-field:focus-within{box-shadow:inset 0 0 0 1.5px #f4d58d8c}.search-field>svg{position:absolute;left:14px;color:var(--muted);pointer-events:none}.search-field input{flex:1;min-width:0;height:100%;border:0;background:transparent;color:var(--text);outline:none;font:400 17px/1 var(--font-ui);padding:0 44px;-webkit-appearance:none;appearance:none}.search-field input::placeholder{color:var(--muted);opacity:1}.search-field input::-webkit-search-cancel-button{display:none}.search-clear{position:absolute;right:8px;width:32px;height:32px;border-radius:50%;border:0;padding:0;cursor:pointer;display:grid;place-items:center;background:#ffffff1f;color:var(--text)}.search-clear[hidden]{display:none}.chips{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;margin:14px calc(-1 * var(--gutter)) 0;padding:2px var(--gutter);scroll-padding-inline:var(--gutter)}.chips::-webkit-scrollbar{display:none}.chips-label{flex:none;align-self:center;font-size:13px;font-weight:600;color:var(--muted);margin-right:2px;white-space:nowrap}.chip{flex:none;display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 14px;border-radius:999px;border:0;cursor:pointer;background:var(--surface-1);color:var(--text);font:500 14px/1 var(--font-ui);white-space:nowrap;box-shadow:inset 0 0 0 1px var(--line);transition:background-color .2s,color .2s,transform .12s cubic-bezier(.2,0,0,1)}.chip:active{transform:scale(.96)}.chip[aria-pressed=true]{background:var(--text);color:var(--bg);box-shadow:none}.chip-cat{background:var(--moon);color:var(--on-moon);box-shadow:none;padding-right:8px}.chip-cat[hidden]{display:none}.chip-cat .x{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:#1a140624}.tiles{display:grid;grid-template-columns:1fr 1fr;gap:10px;list-style:none;margin:0;padding:0}@media(min-width:640px){.tiles{grid-template-columns:repeat(3,1fr)}}.tile{position:relative;display:flex;flex-direction:column;justify-content:space-between;width:100%;height:96px;padding:12px 14px;border:0;border-radius:var(--r-card);overflow:hidden;cursor:pointer;text-align:left;color:#fff;isolation:isolate;background:var(--tile-bg, var(--surface-2))}.tile-art{position:absolute;z-index:-2;right:-18px;bottom:-22px;width:92px;height:92px;border-radius:12px;object-fit:cover;transform:rotate(14deg);box-shadow:0 8px 20px #00000073;opacity:.95}.tile:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(100deg,var(--tile-bg, var(--surface-2)) 38%,transparent 100%),linear-gradient(to top,rgba(0,0,0,.25),transparent 60%)}.tile-label{font:600 15px/1.2 var(--font-ui);max-width:70%;text-wrap:balance;text-shadow:0 1px 2px rgba(0,0,0,.3)}.tile-foot{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:500;color:#ffffffc7}.tile-emoji{font-size:15px;line-height:1}.cover-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 12px;list-style:none;margin:0;padding:0}@media(min-width:640px){.cover-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:24px 18px}}.cover-grid li[hidden]{display:none}.cover-link{display:block;text-decoration:none;color:inherit;border-radius:var(--r-cover)}.cover-cap{display:block;margin-top:8px;font-size:12.5px;line-height:1.3;color:var(--muted);overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.cover-cap b{display:block;color:var(--text);font-weight:600;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.results-line{font-size:13px;color:var(--muted);margin:18px 0 12px}.empty{text-align:center;padding:40px 16px;color:var(--muted)}.empty-art{width:64px;height:64px;margin:0 auto 12px;border-radius:50%;display:grid;place-items:center;background:var(--surface-1);color:var(--muted)}.empty p{margin:0;font-size:15px}.empty strong{display:block;color:var(--text);font:600 18px/1.3 var(--font-display);margin-bottom:4px}[data-browse][hidden],[data-results][hidden],.empty[hidden]{display:none}.hscroll{display:flex;gap:12px;overflow-x:auto;scrollbar-width:none;list-style:none;margin:0 calc(-1 * var(--gutter));padding:4px var(--gutter) 12px;scroll-snap-type:x proximity;scroll-padding-inline:var(--gutter)}.hscroll::-webkit-scrollbar{display:none}.hscroll>li{flex:none;width:112px;scroll-snap-align:start}.hscroll>li[hidden]{display:none}.hscroll .bcover-grid{--cw: 112px}.hint{display:flex;align-items:center;gap:14px;padding:16px}.hint-icon{flex:none;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:#e8956b24;color:var(--ember)}.hint p{margin:0;font-size:14px;line-height:1.45;color:var(--muted)}.hint p b{display:block;color:var(--text);font-weight:600;font-size:15px}.hint[hidden]{display:none}.prog-list,.off-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.prog-list>li[hidden],.off-list>li[hidden]{display:none}.row{display:flex;align-items:center;gap:14px;padding:10px 14px 10px 10px;text-decoration:none;color:inherit}.row .bcover{--cw: 56px;width:56px;flex:none}.row-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.row-title{font:600 15px/1.25 var(--font-ui);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.row-sub{font-size:13px;color:var(--muted)}.bar{height:4px;border-radius:4px;background:#ffffff1a;overflow:hidden;margin-top:4px}.bar i{display:block;height:100%;width:0;border-radius:4px;background:var(--moon);transition:width .6s var(--ease-out)}.row-go{flex:none;color:var(--muted)}.done-mark{flex:none;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:#f4d58d29;color:var(--moon)}.storage{padding:14px 16px;margin-bottom:8px}.storage-top{display:flex;justify-content:space-between;align-items:baseline;font-size:14px}.storage-top b{font-weight:600}.storage-top span{color:var(--muted);font-size:13px}.storage .bar{height:6px;margin-top:10px}.dl{position:relative;flex:none;width:44px;height:44px;border-radius:50%;border:0;padding:0;cursor:pointer;display:grid;place-items:center;background:#ffffff14;color:var(--text);transition:transform .12s cubic-bezier(.2,0,0,1),background-color .2s,color .2s}.dl:active{transform:scale(.92)}.dl svg.ring{position:absolute;inset:0;transform:rotate(-90deg)}.dl .ring circle{fill:none;stroke-width:3}.dl .ring .track{stroke:#ffffff1f}.dl .ring .val{stroke:var(--moon);stroke-linecap:round;transition:stroke-dashoffset .25s}.dl .pct{font:600 11px/1 var(--font-ui);font-variant-numeric:tabular-nums}.dl [data-ico]{display:none}.dl[data-state=idle] [data-ico=down],.dl[data-state=done] [data-ico=check],.dl[data-state=error] [data-ico=down]{display:block}.dl[data-state=done]{background:#f4d58d29;color:var(--moon)}.dl[data-state=error]{color:var(--ember)}.dl .ring,.dl .pct{display:none}.dl[data-state=loading] .ring,.dl[data-state=loading] .pct{display:block}.off-note{font-size:13px;color:var(--ember);margin:8px 2px 0;min-height:0}.off-note:empty{display:none}.install{padding:18px 16px;display:flex;gap:14px;align-items:flex-start}.install[hidden]{display:none}.install-icon{flex:none;width:52px;height:52px;border-radius:14px;overflow:hidden;background:#0f1433;box-shadow:0 6px 18px #0006}.install-icon img{width:100%;height:100%}.install-body{flex:1;min-width:0}.install-body h3{margin:0 0 4px;font:600 15px/1.3 var(--font-ui)}.install-body p{margin:0;font-size:14px;line-height:1.45;color:var(--muted)}.install-body .btn{margin-top:12px;height:40px;padding:0 18px;font-size:14px}.share-ico{display:inline-block;vertical-align:-3px;color:#5aa9ff;margin:0 1px}.install-body [hidden]{display:none}.about{padding:16px}.about p{margin:0 0 12px;font-size:14px;line-height:1.5;color:var(--muted)}.btn-danger{background:#e8956b1f;color:var(--ember);height:44px;font-size:14px}.version{text-align:center;font-size:12px;color:#9a9db399;margin:28px 0 0}.cover-grid[hidden],.sec[hidden]{display:none}.muted-line{margin:0;padding:14px 16px;font-size:14px;color:var(--muted)}.hscroll[hidden]{display:none}.cover-grid>li,.tiles>li{min-width:0}.tiles{grid-template-columns:repeat(2,minmax(0,1fr))}@media(min-width:640px){.tiles{grid-template-columns:repeat(3,minmax(0,1fr))}}.row .bcover{aspect-ratio:1;border-radius:10px}.row .bcover img{height:100%}.row .bcover:after{background:linear-gradient(110deg,rgba(255,255,255,.14),transparent 40%)}.row .bcover-plate{display:none}.tile.has-photo{height:112px}.tile-photo{position:absolute;z-index:-2;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease-out)}.tile.has-photo:before{background:linear-gradient(100deg,rgba(11,14,26,.78) 18%,rgba(11,14,26,.15) 70%,transparent),linear-gradient(to top,rgba(0,0,0,.35),transparent 55%)}.tile.has-photo:hover .tile-photo{transform:scale(1.05)}.off-list[hidden],.off-more[hidden],.storage-hint[hidden]{display:none}.storage-hint{margin:10px 0 0;font-size:13.5px;line-height:1.45;color:var(--muted)}.off-list>li{transition:opacity .28s var(--ease-out),transform .28s var(--ease-out)}.off-list>li.leaving{opacity:0;transform:translate(-12px) scale(.98)}.off-list>li[data-on="1"] .dl,.off-list>li[data-on="0"] .off-del{display:none}.off-del{flex:none;display:inline-flex;align-items:center;gap:6px;height:40px;padding:0 14px 0 12px;border-radius:999px;border:0;cursor:pointer;background:#e8956b1f;color:var(--ember);font:600 13.5px/1 var(--font-ui)}.orphan-art{flex:none;width:56px;height:56px;border-radius:10px;display:grid;place-items:center;background:var(--surface-2);color:var(--muted)}.off-more{margin-top:8px}.off-more>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:52px;padding:0 16px;border-radius:var(--r-card);background:var(--surface-1);font:600 15px/1.2 var(--font-ui);cursor:pointer}.off-more>summary::-webkit-details-marker{display:none}.off-more>summary svg{color:var(--muted);transition:transform .25s var(--ease-out);flex:none}.off-more[open]>summary svg{transform:rotate(180deg)}.off-more[open]>summary{margin-bottom:8px}.off-note[data-tone=ok]{color:var(--muted)}@media(prefers-reduced-motion:reduce){.off-list>li,.off-more>summary svg{transition:none}}.off-sheet{margin:auto auto 0;width:100%;max-width:520px;border:0;padding:0;border-radius:var(--r-sheet) var(--r-sheet) 0 0;color:var(--text);background:color-mix(in srgb,var(--surface-1) 92%,transparent);backdrop-filter:blur(20px) saturate(140%);-webkit-backdrop-filter:blur(20px) saturate(140%);box-shadow:0 -20px 60px #00000080,inset 0 1px #ffffff14;font-family:var(--font-ui)}.off-sheet::backdrop{background:#0507108c}.off-sheet[open]{animation:off-sheet-in .34s var(--ease-out)}@keyframes off-sheet-in{0%{transform:translateY(100%)}}.off-sheet form{padding:10px 20px max(20px,env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:20px}.off-sheet .grabber{width:36px;height:5px;border-radius:5px;background:#ffffff38;margin:0 auto}.off-sheet .sheet-head{display:flex;gap:14px;align-items:flex-start}.off-sheet h2{margin:2px 0 0;font:600 22px/1.2 var(--font-display);font-variation-settings:"SOFT" 50,"WONK" 0;letter-spacing:-.01em}.off-sheet .sheet-icon{width:44px;height:44px;border-radius:14px;flex:none;display:grid;place-items:center;background:#e8956b24;color:var(--ember)}.off-sheet .sheet-note{margin:6px 0 0;font:400 15px/1.5 var(--font-ui);color:var(--muted);text-wrap:pretty}.sheet-actions{display:flex;flex-direction:column;gap:10px}.off-confirm{height:52px;font-size:16px}.off-confirm[disabled]{opacity:.7;cursor:progress}.off-sheet .done{height:52px;border-radius:999px;border:0;background:#ffffff1a;color:var(--text);font:600 16px/1 var(--font-ui);cursor:pointer}.off-sheet .done:active{background:#ffffff29}@media(prefers-reduced-motion:reduce){.off-sheet[open]{animation:none}}.prefs{display:flex;flex-direction:column;gap:22px;padding:16px;margin:0}.prefs fieldset{border:0;margin:0;padding:0;display:flex;flex-direction:column;gap:10px;min-width:0}.prefs legend{float:left;width:100%;font:600 12px/1 var(--font-ui);color:var(--muted);margin:0 0 2px;padding:0;letter-spacing:.08em;text-transform:uppercase}.prefs .seg{display:flex;background:#ffffff0f;border-radius:14px;padding:4px;gap:4px}.prefs .seg label{flex:1;min-width:0;position:relative}.prefs .seg input{position:absolute;opacity:0;inset:0;width:100%;height:100%;margin:0;cursor:pointer}.prefs .seg span{display:grid;place-items:center;height:44px;padding:0 4px;border-radius:11px;text-align:center;font:600 15px/1.1 var(--font-ui);color:#f2efe8c7;transition:background-color .2s,color .2s}.prefs .seg span.serif{font-family:var(--font-body);font-weight:600}.prefs .seg-5 span{font-size:13px;padding:0 2px}.prefs .seg input:checked+span{background:var(--text);color:var(--bg)}.prefs .seg input:focus-visible+span{outline:3px solid var(--focus);outline-offset:2px}.prefs .switch{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;cursor:pointer;font:500 15px/1.3 var(--font-ui)}.prefs .switch small{display:block;margin-top:3px;font-size:13px;font-weight:400;color:var(--muted)}.prefs .switch input{appearance:none;-webkit-appearance:none;order:2;flex:none;width:50px;height:30px;margin:0;border-radius:30px;position:relative;cursor:pointer;background:#ffffff2e;transition:background-color .2s}.prefs .switch input:after{content:"";position:absolute;top:3px;left:3px;width:24px;height:24px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0000004d;transition:transform .2s var(--ease-out)}.prefs .switch input:checked{background:var(--moon)}.prefs .switch input:checked:after{transform:translate(20px)}.prefs .switch input:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.pref-note{margin:0;font-size:13px;line-height:1.45;color:var(--muted)}.prefs fieldset+fieldset{padding-top:18px;box-shadow:inset 0 1px 0 var(--line)}@media(prefers-reduced-motion:reduce){.prefs .seg span,.prefs .switch input,.prefs .switch input:after{transition:none}}.suggest{position:relative;z-index:30;margin:8px var(--gutter) 0}.suggest[hidden]{display:none}.suggest-list{list-style:none;margin:0;padding:6px;border-radius:18px;max-height:60vh;overflow-y:auto;background:color-mix(in srgb,var(--surface-2) 94%,transparent);backdrop-filter:blur(20px) saturate(140%);-webkit-backdrop-filter:blur(20px) saturate(140%);box-shadow:0 20px 40px -12px #000000b3,inset 0 1px #ffffff14;animation:sug-in .18s var(--ease-out)}@keyframes sug-in{0%{opacity:0;transform:translateY(-4px)}}.sug{display:flex;align-items:center;gap:12px;min-height:52px;padding:6px 10px;border-radius:12px;cursor:pointer;color:var(--text)}.sug[aria-selected=true],.sug:hover{background:#ffffff14}.sug img{width:40px;height:40px;border-radius:8px;object-fit:cover;flex:none}.sug-ico{width:40px;height:40px;border-radius:10px;display:grid;place-items:center;flex:none;background:#ffffff12;color:var(--moon);font:600 16px/1 var(--font-ui)}.sug-body{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.sug-title{font:600 15px/1.25 var(--font-ui);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sug-sub{font-size:12.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sug mark{background:none;color:var(--moon);font-weight:700}.sug-go{color:var(--muted);font-size:20px}.sug-none{color:var(--muted);font-size:14px;cursor:default}.tile{text-decoration:none}