:root{--bg: #0f1416;--panel: #18212a;--panel-2: #1e2831;--fg: #e8edf2;--muted: #93a4a6;--accent: #37b3bd;--on-accent: #041418;--warn: #e0b64a;--ok: #4ade80;--border: #263039;--border-strong: #33414d;--r-sm: 6px;--r-md: 10px;--r-full: 999px;--t-xs: .68rem;--t-sm: .8rem;--t-md: .9rem;--t-lg: 1rem;--t-xl: 1.4rem;--eyebrow-size: .68rem;--eyebrow-tracking: .07em;--eyebrow-weight: 700}.eyebrow,h2,.stream-label,.badge,.tag{font-size:var(--eyebrow-size);letter-spacing:var(--eyebrow-tracking);font-weight:var(--eyebrow-weight);text-transform:uppercase}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--fg)}#app{min-height:100dvh;display:flex;flex-direction:column}.screen{flex:1;overflow-y:auto;padding-top:env(safe-area-inset-top);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);padding-bottom:calc(64px + env(safe-area-inset-bottom))}.pad{padding:1rem;max-width:820px;margin:0 auto}h1{font-size:var(--t-xl);margin:.5rem 0 1rem}h2{margin:1.5rem 0 .6rem;color:var(--muted)}.muted{color:var(--muted)}.warn{color:var(--warn)}.field{display:flex;flex-direction:column;gap:.35rem;margin-bottom:.75rem}.field span{font-size:var(--t-md);color:var(--muted)}input{padding:.6rem;border-radius:var(--r-md);border:1px solid var(--border);background:var(--panel);color:var(--fg);font-size:1rem}button{padding:.6rem 1rem;border-radius:var(--r-md);border:none;background:var(--accent);color:var(--on-accent);font-weight:600;font-size:1rem}button.link{background:none;color:var(--accent);padding:0;font-weight:400;text-decoration:underline}.back-btn{display:inline-flex;align-items:center;gap:.25rem;background:var(--panel);color:var(--muted);border:1px solid var(--border);border-radius:var(--r-full);padding:.3rem .75rem .3rem .55rem;font-size:var(--t-sm);font-weight:600;cursor:pointer;transition:color .12s,border-color .12s,background .12s}.back-btn:hover{color:var(--fg);border-color:var(--border-strong);background:var(--panel-2)}.back-btn svg{display:block}.upstreams{list-style:none;padding:0;margin:0}.upstreams li{padding:.4rem 0;display:flex;align-items:center;gap:.5rem}.dot{width:10px;height:10px;border-radius:50%;background:#3a4552;display:inline-block}.dot.on{background:var(--ok)}.search-bar{display:flex;gap:.5rem;margin-bottom:1rem}.search-bar .search-field{flex:1;position:relative;display:flex}.search-bar input{flex:1;width:100%}.search-bar input[type=search]::-webkit-search-cancel-button{display:none}.search-field input{padding-right:2rem}.search-clear{position:absolute;top:50%;right:.5rem;transform:translateY(-50%);width:1.4rem;height:1.4rem;padding:0;display:grid;place-items:center;background:var(--panel-2);color:var(--muted);border:1px solid var(--border);border-radius:var(--r-full);font-size:1rem;line-height:1;cursor:pointer}.search-clear:hover{color:var(--fg);border-color:var(--border-strong)}.search-clear:focus-visible{outline:2px solid var(--accent);outline-offset:2px;color:var(--fg)}.cards{display:flex;flex-direction:column;gap:.75rem}.card{display:grid;grid-template-columns:104px 1fr;gap:.55rem .75rem;width:100%;padding:.7rem;background:var(--panel);border-radius:var(--r-md);cursor:pointer;text-align:left;color:var(--fg);font-weight:400;font-size:1rem}.card:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.tag{background:var(--panel-2);color:#cdd7df;padding:.14rem .5rem;border-radius:var(--r-sm);white-space:nowrap}.tag-lang{background:#1c4038;color:#8fdcc8}.card-meta{display:flex;flex-wrap:wrap;gap:.45rem .6rem;align-items:center;color:var(--muted);font-size:var(--t-md);margin:.35rem 0}.card-meta .lang{text-transform:uppercase}.rating{display:inline-flex;align-items:center;gap:.2rem;font-size:.8rem;font-weight:600;color:var(--fg);white-space:nowrap}.rating svg{display:block;color:var(--warn)}.poster{width:92px;height:138px;object-fit:cover;flex-shrink:0;background:var(--panel-2)}.poster-empty{display:flex;align-items:center;justify-content:center;font-size:var(--t-xs);color:var(--muted)}.badge{padding:.12rem .42rem;border-radius:var(--r-sm)}.badge-movie{background:#234a63;color:#c4e6f0}.badge-tv{background:#3f3060;color:#ddccf5}.detail-head{display:flex;gap:1rem;margin:.5rem 0 1rem}.detail-head .poster{width:120px;height:180px;border-radius:var(--r-md)}.detail-head h1{margin:0 0 .5rem}.detail-overview{line-height:1.5}.seasons{list-style:none;padding:0;margin:0}.seasons li{padding:.5rem 0;border-top:1px solid var(--border)}.season-name{font-weight:600}.footer-link{margin-top:2rem}.version{text-align:center;font-size:var(--t-xs);margin-top:1.5rem}.filter-toolbar{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.ft-row{display:flex;flex-wrap:wrap;gap:.4rem}.filter-toolbar.menu-open{overflow:visible}.pill{position:relative;display:inline-flex;align-items:center;gap:.3rem;flex:0 0 auto;white-space:nowrap;background:var(--panel-2);color:var(--fg);font-size:var(--t-sm);font-weight:500;padding:.4rem .7rem;border:1px solid var(--border);border-radius:var(--r-full);cursor:pointer;transition:border-color .15s ease,color .15s ease}.pill.active{border-color:var(--accent);color:var(--accent)}.pill:focus-within,.pill-menu:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.pill-chevron{color:var(--muted);font-size:.7em}.pill.active .pill-chevron{color:var(--accent)}.pill-badge{display:inline-flex;align-items:center;justify-content:center;min-width:1.05rem;height:1.05rem;padding:0 .3rem;background:var(--accent);color:var(--on-accent);font-size:var(--t-xs);font-weight:700;border-radius:var(--r-full)}.pill-select select{-moz-appearance:none;appearance:none;-webkit-appearance:none;background:transparent;border:none;color:inherit;font:inherit;font-weight:500;padding:0;margin:0;cursor:pointer;outline:none}.pill-wrap{position:relative;flex:0 0 auto;display:inline-flex}.pill-menu{font-family:inherit}.pill-popover{position:absolute;top:calc(100% + .35rem);left:0;z-index:20;min-width:11rem;max-height:15rem;overflow:auto;display:flex;flex-direction:column;gap:.1rem;padding:.3rem;background:var(--panel);border:1px solid var(--border-strong);border-radius:var(--r-md);box-shadow:0 8px 24px #0006}.pill-popover button{display:flex;align-items:center;justify-content:space-between;gap:.6rem;width:100%;text-align:left;background:transparent;border:none;color:var(--fg);font-size:var(--t-sm);padding:.45rem .55rem;border-radius:var(--r-sm);cursor:pointer}.pill-popover button:hover{background:var(--panel-2)}.pill-popover button[aria-pressed=true]{color:var(--accent);font-weight:600}.pill-check{color:var(--accent)}@media(prefers-reduced-motion:reduce){.pill{transition:none}}.chips{display:flex;gap:.4rem}.genre-chips{flex-wrap:wrap}.title-year{color:var(--muted);font-weight:400;font-size:.9em}.row-next{color:var(--fg);font-size:var(--t-sm);font-weight:500}.row-next-block{margin-top:.35rem;padding-left:.6rem;border-left:2px solid var(--accent)}.row-desc{color:var(--muted);font-size:var(--t-sm);margin:.15rem 0 0;display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical;overflow:hidden}.chip{background:var(--panel);color:var(--muted);font-weight:400;font-size:var(--t-sm);padding:.35rem .7rem;border:1px solid var(--border);border-radius:var(--r-full)}.chip.on{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}.tracked{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.tracked-row{display:grid;grid-template-columns:104px 1fr;gap:.55rem .75rem;padding:.7rem;background:var(--panel);border-radius:var(--r-md);cursor:pointer}.tracked-row:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.tracked-row.done{opacity:.55}.row-header{grid-column:1 / -1;display:flex;align-items:flex-start;justify-content:space-between;gap:.6rem}.row-header-left{flex:1;min-width:0;display:flex;align-items:center;gap:.4rem}.row-header-right{flex:none;display:flex;align-items:center;gap:.5rem}.type-glyph{flex:none;display:block;color:var(--muted)}.row-title{min-width:0;font-weight:640;font-size:1.05rem;color:var(--fg);line-height:1.3}.row-header-right .rating{font-weight:700;font-variant-numeric:tabular-nums}.row-poster{grid-column:1;width:104px;height:156px;border-radius:var(--r-sm);overflow:hidden;background:var(--panel-2)}.row-poster .poster{width:100%;height:100%}.tracked-body{grid-column:2;min-width:0;display:flex;flex-direction:column;gap:.3rem}.row-genres{display:flex;flex-wrap:wrap;gap:.4rem}.row-foot{grid-column:1 / -1;display:flex;align-items:center;justify-content:space-between;gap:.6rem;margin-top:0;padding-top:.5rem;border-top:1px solid var(--border)}.rail-strip{display:flex;align-items:center;gap:4px;overflow:hidden}.rail-strip .svc,.rail-strip .avail-tile,.rail-strip .rail-more{width:28px;height:28px;flex:none}.rail-strip .svc{border-radius:var(--r-sm)}.rail-strip .svc-txt{font-size:10px}.rail-strip .rail-more{border-radius:var(--r-sm);display:grid;place-items:center;background:var(--panel-2);color:#aeb9c4;border:1px solid var(--border-strong);font-size:10px;font-weight:700}.rail-strip .rail-divider{width:1px;height:18px;flex:none;background:var(--border-strong);margin:0 1px}.rail-strip .svc.owned{opacity:1}.rail-strip .svc.dim{opacity:.55}.my-services{margin-top:1.5rem}.castimg{width:100%;height:100%;object-fit:cover;display:block;border-radius:50%}.castimg-init{display:flex;align-items:center;justify-content:center;background:#364450;color:#c3ccd6;font-weight:700;font-size:.9em}.avatars{display:flex;align-items:center;gap:4px}.av,.av-more{width:28px;height:28px;border-radius:var(--r-sm);overflow:hidden;flex:none;background:var(--panel-2);margin-left:0}.av{font-size:9px}.av .castimg{border-radius:var(--r-sm)}.av-more{display:flex;align-items:center;justify-content:center;color:#aeb9c4;font-weight:700;font-size:9px;border:1px solid var(--border-strong)}.cast-scroll{display:flex;gap:1rem;overflow-x:auto;padding-bottom:.5rem;scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}.cast-scroll::-webkit-scrollbar{height:6px}.cast-scroll::-webkit-scrollbar-track{background:transparent}.cast-scroll::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:3px}.cast-person{flex:none;width:74px;text-align:center}.cast-face{width:64px;height:64px;border-radius:50%;overflow:hidden;margin:0 auto .45rem;background:var(--panel-2);font-size:16px}.cast-nm{font-size:var(--t-xs);font-weight:600;line-height:1.25}.cast-ch{font-size:var(--t-xs);color:var(--muted);line-height:1.25;margin-top:.1rem}.track-actions{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;margin-top:.5rem;min-height:2.6rem}button.danger{background:none;border:1px solid #6b3b3b;color:#e7a0a0;font-weight:400}.episodes-section{margin-top:1.5rem}.episodes-head{display:flex;align-items:center;gap:.7rem;margin-bottom:.6rem}.episodes-head .tree-label{margin:0}.show-prog{display:flex;align-items:center;gap:.5rem;font-size:var(--t-sm)}.pills{display:flex;gap:.4rem;overflow-x:auto;padding:.5rem 0 .2rem;scrollbar-width:none}.pills::-webkit-scrollbar{display:none}.spill{position:relative;flex:none;font-size:var(--t-sm);font-weight:600;padding:.32rem .7rem;border-radius:var(--r-full);background:var(--panel);color:var(--muted);border:1px solid var(--border)}.spill.on{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}.season-bar{display:flex;align-items:center;gap:.5rem}.season-jump{flex:none;font-size:var(--t-sm);font-weight:600;color:var(--fg);background:var(--panel);border:1px solid var(--border);border-radius:var(--r-sm);padding:.32rem .5rem}.npills{display:flex;gap:.35rem;overflow-x:auto;padding:.5rem 0;scrollbar-width:none;-webkit-mask-image:linear-gradient(90deg,#000 88%,transparent);mask-image:linear-gradient(90deg,#000 88%,transparent)}.npills::-webkit-scrollbar{display:none}.npill{position:relative;flex:none;min-width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;font-size:var(--t-sm);font-weight:600;border-radius:var(--r-sm);background:var(--panel);color:var(--muted);border:1px solid var(--border)}.npill.on{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}.spill:before,.npill:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);min-width:44px;min-height:44px;width:100%;height:100%}.season-prog{display:flex;align-items:center;gap:.5rem;margin:.7rem 0 .3rem;font-size:var(--t-sm)}.tree-row{display:flex;align-items:center;gap:.4rem;padding:.5rem 0}.tree-icons{margin-left:auto;display:inline-flex;align-items:center;gap:.9rem}.tree-icons .avail-tile{position:relative}.tree-icons .avail-tile:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);min-width:44px;min-height:44px}.tree-episode{padding:.5rem 0}.ep-toggle{cursor:pointer}.tree-episode .ep-num{color:var(--muted);min-width:1.4rem}.tree-episode .ep-name{min-width:0}.ep-watched .ep-name{color:#8592a0}.episodes{list-style:none;padding:0;margin:0}.ep-date{color:var(--muted);font-weight:400;font-size:.85em}.ep-overview{color:var(--muted);font-size:var(--t-sm);margin:0 0 .5rem 1.6rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.svc{object-fit:cover;display:block}.svc-txt{display:inline-flex;align-items:center;justify-content:center;background:var(--panel-2);color:#c3ccd6;font-size:9px;font-weight:700}.stream-section{margin-top:1.5rem}.stream-label{color:var(--muted);margin:0 0 .6rem}.stream-logos{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}.stream-logos .svc{width:40px;height:40px;border-radius:var(--r-sm)}.avail-tile{width:22px;height:22px;flex:none;border-radius:var(--r-sm);padding:0;display:inline-flex;align-items:center;justify-content:center;line-height:0;border:1.5px solid transparent;background:var(--panel-2);color:#0c1116;transition:background-color .25s ease}@media(prefers-reduced-motion:reduce){.avail-tile{transition:none}}.avail-tile svg{width:58%;height:58%}.stream-logos .avail-tile{width:40px;height:40px}button.avail-tile{cursor:default}button.avail-tile.clickable{cursor:pointer}.avail-tile.tile-not-monitored{background:none;border-color:var(--border-strong);color:#566371}.avail-tile.tile-monitored{background:#4a6a8e;color:#dfe7ef}.avail-tile.tile-searching{background:#e0a63a;color:#3a2f10;animation:avail-pulse 1.1s ease-in-out infinite}.avail-tile.tile-downloading{background:#3d9be0;color:#04141f}.avail-tile.tile-importing{background:#8a6fc0;color:#f0ecf8}.avail-tile.tile-downloaded{background:#3f8a70;color:#eafaf3}.avail-tile.tile-plex-full{background:#2e8f79;color:#eafaf3}.avail-tile.tile-plex-partial{background:linear-gradient(135deg,#2e8f79 50%,#244a45 50%);color:#eafaf3}@media(prefers-reduced-motion:reduce){.avail-tile.tile-searching{animation:none}}@keyframes avail-pulse{0%,to{opacity:1}50%{opacity:.55}}.avail-tile:not(.avail-skel):not(.tile-searching){animation:avail-settle .22s ease-out}@keyframes avail-settle{0%{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){.avail-tile:not(.avail-skel):not(.tile-searching){animation:none}}.avail-settle-in{display:inline-flex;animation:avail-settle .22s ease-out}@media(prefers-reduced-motion:reduce){.avail-settle-in{animation:none}}.toaster{position:fixed;left:0;right:0;bottom:calc(64px + env(safe-area-inset-bottom) + .5rem);z-index:50;display:flex;flex-direction:column;align-items:center;gap:.4rem;padding:0 1rem;pointer-events:none}.toast{pointer-events:auto;max-width:420px;width:100%;background:var(--panel-2);color:var(--fg);border:1px solid var(--border-strong);border-radius:var(--r-md);padding:.7rem .9rem;font-size:var(--t-sm);box-shadow:0 6px 20px #0006;cursor:pointer}.nav{position:fixed;bottom:0;left:0;right:0;display:flex;background:var(--panel);border-top:1px solid var(--border);padding-bottom:env(safe-area-inset-bottom)}.nav-tab{flex:1;background:none;color:var(--muted);border-radius:0;font-weight:400;font-size:var(--t-xs);display:flex;flex-direction:column;align-items:center;gap:2px;padding:.5rem}.nav-tab.active{color:var(--accent)}.nav-icon{display:inline-flex}.nav-icon svg{display:block}.status-icon{display:inline-flex;align-items:center;justify-content:center;padding:0;background:none;border:none;line-height:0}button.status-icon.clickable{cursor:pointer}.status-icon.state-none{color:#566371}.status-icon.state-queued{color:#6f9dc9}.status-icon.state-partial{color:#e0b64a}.status-icon.state-all{color:#4ac06a}.watched-ring{display:inline-flex;align-items:center;justify-content:center;padding:0;background:none;border:none;line-height:0}button.watched-ring.clickable{cursor:pointer}.watched-ring .ring-track{opacity:.9}.watched-ring.ring-none{color:#566371}button.watched-ring.clickable.ring-none{color:#7a8896}.watched-ring.ring-partial{color:#566371}.watched-tag{display:inline-flex;align-items:center;gap:.4rem;margin-top:.5rem;padding:0;background:none;border:none;color:var(--muted);font-size:var(--t-md);font-weight:600;cursor:pointer}.watched-tag:hover{color:var(--fg)}.watched-tag .watched-ring.ring-none{color:#7a8896}.stream-none{color:var(--muted);font-size:var(--t-md)}.remove-row{display:flex;justify-content:center;margin:2.5rem 0 1rem}.watched-ring.ring-partial .ring-arc,.watched-ring.ring-all{color:#4ac06a}.watched-ring.ring-all .ring-track{opacity:.35}.ep-mark{display:inline-flex;align-items:center;justify-content:center;padding:0;background:none;border:none;line-height:0;cursor:pointer;color:#2b333c}.ep-mark.on{color:#4ac06a}.row-icons{display:flex;align-items:center;gap:.7rem}.row-breakdown{color:var(--muted);font-size:var(--t-sm);margin-top:.15rem}.arr-add{display:flex;flex-direction:column;gap:.5rem;align-items:flex-start;margin:.75rem 0}.arr-config{margin-top:1.5rem}.arr-server{margin-bottom:1rem}.add-options{background:none;border:none;color:var(--muted);font-size:var(--t-sm);font-weight:600;padding:.2rem .35rem;cursor:pointer}.add-options:hover:not(:disabled){color:var(--fg)}.split-add{position:relative;display:inline-flex;align-items:stretch}.split-add>button:first-child{transition:border-radius .2s ease}.split-add.has-caret>button:first-child{border-top-right-radius:0;border-bottom-right-radius:0}@media(prefers-reduced-motion:reduce){.split-add>button:first-child{transition:none}}.split-add .caret{min-width:44px;align-self:stretch;padding:0 .5rem;display:inline-flex;align-items:center;justify-content:center;border-top-left-radius:0;border-bottom-left-radius:0;border-left:1px solid rgba(4,20,24,.28);cursor:pointer}.split-add .caret[aria-expanded=true]{filter:brightness(.92)}.split-add-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;background:transparent}.split-add-menu{position:absolute;top:100%;right:0;z-index:41;margin-top:.35rem;min-width:100%;background:var(--panel);border:1px solid var(--border);border-radius:var(--r-md);box-shadow:0 8px 24px #0006;padding:.3rem;white-space:nowrap}.split-add-menu button{display:block;width:100%;text-align:left;background:none;color:var(--fg);font-size:var(--t-md);font-weight:600;padding:.5rem .6rem;border-radius:var(--r-sm);cursor:pointer}.split-add-menu button:hover:not([disabled]){background:var(--panel-2)}.split-add-menu button[disabled]{color:var(--muted);cursor:default}.sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:40}.sheet{position:fixed;left:0;right:0;bottom:0;z-index:41;max-width:820px;margin:0 auto;padding:1rem 1rem 1.4rem;background:var(--panel);border-top-left-radius:var(--r-md);border-top-right-radius:var(--r-md);box-shadow:0 -8px 24px #0006;display:flex;flex-direction:column;gap:.9rem}.sheet-title{margin:0;font-weight:600}.sheet-actions{display:flex;justify-content:flex-end;align-items:center;gap:1rem}.arr-picker{display:flex;flex-direction:column;gap:.6rem}.arr-picker select{background:var(--panel);color:inherit;border:1px solid var(--border);border-radius:var(--r-md);padding:.5rem;width:100%}.banner{display:flex;align-items:center;gap:.75rem;justify-content:space-between;padding:.6rem 1rem;font-size:var(--t-md);cursor:pointer}.banner-warn{background:#3a2f1a;color:var(--warn)}.backup{margin-top:1.5rem}.backup-actions{display:flex;gap:.75rem;align-items:center}.btn-file{display:inline-block;padding:.55rem 1rem;border-radius:var(--r-md);background:var(--panel);border:1px solid var(--border);color:var(--fg);font-size:var(--t-md);cursor:pointer}.ok-msg{color:var(--ok);font-size:var(--t-md)}.skel{background:var(--panel-2);border-radius:var(--r-sm);position:relative;overflow:hidden}.skel:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.05),transparent);animation:skel-shimmer 1.3s ease-in-out infinite}.skel-row{display:flex;gap:.75rem;background:var(--panel);border-radius:var(--r-md);overflow:hidden}.skel-row .skel-poster{width:104px;height:156px;flex:none;border-radius:var(--r-sm)}.skel-lines{flex:1;padding:.7rem .7rem .7rem 0;display:flex;flex-direction:column;gap:.5rem}.skel-line{height:.7rem}.skel-line.w-70{width:70%}.skel-line.w-40{width:40%}.skel-line.w-90{width:90%}.skel-block{height:120px}@media(prefers-reduced-motion:reduce){.skel:after{animation:none}}@keyframes skel-shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.empty-cta{margin-top:1rem}.legend-toggle{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;padding:0;margin-left:.4rem;background:none;border:1px solid var(--border-strong);border-radius:var(--r-full);color:var(--muted);cursor:pointer;font-size:0;flex:none}.legend-toggle svg{display:block}.legend{margin:.6rem 0 0;display:flex;flex-direction:column;gap:.4rem}.legend-item{display:flex;align-items:center;gap:.5rem;font-size:var(--t-sm);color:var(--muted)}.legend-item .avail-tile{width:20px;height:20px}.unlock{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:calc(1rem + env(safe-area-inset-top)) calc(1rem + env(safe-area-inset-right)) calc(1rem + env(safe-area-inset-bottom)) calc(1rem + env(safe-area-inset-left));overflow-y:auto}.unlock-card{width:100%;max-width:360px;display:flex;flex-direction:column}.unlock-card h1{margin:0 0 .4rem}.unlock-card p.muted{margin:0 0 1rem}.unlock-input{display:flex;gap:.5rem;align-items:stretch}.unlock-input input{flex:1;min-width:0}.unlock-eye{flex:none;background:var(--panel);color:var(--fg);border:1px solid var(--border);padding:0 .7rem;font-size:1.1rem}