:root{--bg: #0e0e10;--surface: #161619;--surface-2: #1d1d22;--border: #2a2a2e;--text: #f4f2ec;--muted: #87878f;--accent: #f4d03f;--accent-tint: rgba(244, 208, 63, .16);--stop: #e5446d;--radius: 14px}*{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:#3a3a42 transparent}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:#3a3a42;border:2px solid transparent;background-clip:padding-box;border-radius:8px}*::-webkit-scrollbar-thumb:hover{background:#50505a}html,body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,sans-serif;scrollbar-gutter:stable}body{min-height:100dvh;-webkit-text-size-adjust:100%}#app{max-width:1100px;margin:0 auto;display:flex;flex-direction:column;min-height:100dvh}.top{position:sticky;top:0;z-index:10;padding:16px;background:color-mix(in srgb,var(--bg) 86%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}.top__row{display:flex;flex-direction:column;gap:14px}.top__brand{display:flex;flex-direction:row;align-items:baseline;flex-wrap:wrap;gap:2px 10px}.title{position:relative;margin:0;font-family:Anton,sans-serif;font-weight:400;font-size:clamp(1.6rem,6vw,2.4rem);letter-spacing:.5px;line-height:1}.title:before{content:"";position:absolute;top:-.08em;left:-.16em;width:.82em;height:.82em;background:url(/web-corner.svg) no-repeat top left;background-size:contain;pointer-events:none}.title__dot{position:relative;color:var(--accent)}.title__dot:after{content:"";position:absolute;top:.46em;left:50%;width:.4em;height:.62em;transform:translate(-50%);background:url(/spider.svg) no-repeat top center;background-size:contain;pointer-events:none}.sub{margin:0;display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.sub__tag{font-family:Playfair Display,Georgia,serif;font-style:italic;font-weight:500;font-size:1.15rem;line-height:1;color:var(--text)}.sub__count{font-size:.78rem;font-weight:500;color:var(--muted)}.top__tools{display:flex;flex-wrap:wrap;gap:10px}.search{flex:1;min-width:140px;height:44px;padding:0 16px;font-size:16px;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:999px;outline:none;transition:border-color .15s,box-shadow .15s}.search::placeholder{color:var(--muted)}.search:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-tint)}.iconbtn{height:44px;min-width:44px;padding:0 14px;display:inline-flex;align-items:center;justify-content:center;font-family:Inter,sans-serif;font-size:.85rem;font-weight:600;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:12px;cursor:pointer;transition:border-color .15s,color .15s,background .15s}.iconbtn:hover{border-color:color-mix(in srgb,var(--accent) 55%,var(--border))}.iconbtn:active{transform:scale(.96)}.iconbtn.is-active{border-color:var(--accent);color:var(--accent);background:var(--accent-tint)}.iconbtn svg{width:20px;height:20px}.stop-fab svg{width:24px;height:24px}.stop{height:44px;padding:0 18px;font-family:Inter,sans-serif;font-weight:700;font-size:.78rem;letter-spacing:.6px;color:var(--stop);background:transparent;border:1px solid color-mix(in srgb,var(--stop) 55%,var(--border));border-radius:999px;cursor:pointer;transition:background .15s,color .15s}.stop:hover{background:var(--stop);color:#fff}.favs{padding:14px 16px 0}.favs[hidden]{display:none}.favs__title{margin:0 0 10px;font-size:.72rem;font-weight:700;letter-spacing:.9px;text-transform:uppercase;color:var(--accent)}.grid{flex:1;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;padding:16px;align-content:start}.favs__grid{flex:0 0 auto;padding:0 0 6px}.pad{position:relative;overflow:hidden;min-height:78px;padding:14px 12px;display:flex;align-items:center;justify-content:center;text-align:center;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:manipulation;transition:border-color .12s,background .12s,transform .06s}.pad:hover{border-color:color-mix(in srgb,var(--accent) 55%,var(--border));background:var(--surface-2)}.pad:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.pad__fill{position:absolute;inset:0;z-index:0;transform:scaleX(0);transform-origin:left;background:var(--accent-tint);pointer-events:none}.pad__idx{position:absolute;z-index:1;top:6px;left:10px;font-size:.98rem;font-weight:800;color:var(--text);opacity:.32;line-height:1;font-variant-numeric:tabular-nums}.pad__star{position:absolute;z-index:1;top:6px;right:9px;font-size:1.2rem;line-height:1;color:var(--muted);cursor:pointer}.pad__star.is-fav{color:var(--accent)}.pad__remove{position:absolute;z-index:2;top:4px;right:6px;width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:.78rem;color:var(--stop);cursor:pointer}.pad__label{position:relative;z-index:1;font-weight:600;font-size:.9rem;line-height:1.15;word-break:break-word}.pad--hit{animation:pop .2s ease-out}@keyframes pop{0%{transform:scale(.93)}to{transform:scale(1)}}.favs__grid.is-editing .pad{cursor:grab;border-style:dashed;border-color:color-mix(in srgb,var(--accent) 40%,var(--border))}.pad.dragging{opacity:.55;transform:scale(1.04);z-index:3;cursor:grabbing}.foot{padding:16px;text-align:center;color:var(--muted);font-size:.78rem;border-top:1px solid var(--border)}.foot strong{color:var(--accent);font-weight:700}kbd{display:inline-block;padding:1px 6px;font:inherit;font-size:.72rem;color:var(--text);background:var(--surface-2);border:1px solid var(--border);border-radius:6px}html:has(dialog[open]){overflow:hidden}.dialog{width:min(420px,92vw);padding:0;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:16px}.dialog::backdrop{background:#0000008c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.dialog__form{display:flex;flex-direction:column;gap:16px;padding:18px;max-height:90dvh;overflow-y:auto}.dialog__head{display:flex;align-items:center;justify-content:space-between}.dialog__title{margin:0;font-family:Anton,sans-serif;font-weight:400;font-size:1.5rem;line-height:1}.dialog__tag{margin:4px 0 0;font-family:Playfair Display,Georgia,serif;font-style:italic;font-weight:500;font-size:1.05rem;color:var(--muted)}.set{display:flex;flex-direction:column;gap:7px;font-size:.85rem}.set>span{font-weight:600;color:var(--text)}.dialog--downloads{width:min(560px,94vw)}#dl-search{width:100%;padding:12px 16px;font-size:1rem}.dl-list{display:flex;flex-direction:column;gap:6px;max-height:62dvh;overflow-y:auto;padding:4px 8px 4px 2px}.dl-row{display:flex;gap:0}.dl-row__get,.dl-row__play{border:0;padding:16px;background:var(--surface-2);color:var(--text);font:inherit;font-weight:600;cursor:pointer}.dl-row__play{position:relative;overflow:hidden;flex:1;border-radius:10px 0 0 10px;text-align:left}.dl-row__label{position:relative;z-index:1}.dl-row__get{flex:0 0 auto;display:flex;align-items:center;justify-content:center;border-left:1px solid var(--bg);border-radius:0 10px 10px 0;color:var(--accent);padding-inline:20px}.dl-row__get svg{width:22px;height:22px}.dl-row__get:hover,.dl-row__play:hover{background:var(--accent-tint)}@media(max-width:679px){.dialog--downloads{width:96vw;max-width:96vw;margin:3dvh auto auto}.dl-list{max-height:68dvh}}.share__actions{display:flex;flex-direction:column;gap:10px}.share__btn{display:block;padding:14px;border:1px solid var(--border);border-radius:12px;background:var(--surface-2);color:var(--text);font:inherit;font-weight:600;text-align:center;text-decoration:none;cursor:pointer}.share__btn--primary{background:var(--accent);border-color:var(--accent);color:var(--bg)}.share__how{font-size:.9rem;color:var(--muted)}.share__how>summary{cursor:pointer;padding:8px 0;color:var(--text);font-weight:600}.share__how-body p{margin:8px 0;line-height:1.55}.share__how-body strong{color:var(--text)}@media(max-width:679px){.dialog--sheet{position:fixed;inset:auto 0 0;width:100%;max-width:100%;margin:0;border-radius:16px 16px 0 0;animation:sheet-up .2s ease-out}}@keyframes sheet-up{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@media(prefers-reduced-motion:reduce){.dialog--sheet{animation:none}}.set--check{flex-direction:row;align-items:center;gap:10px}.set input[type=range]{width:100%;accent-color:var(--accent)}.set input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent)}.set select{height:40px;padding:0 10px;font:inherit;color:var(--text);background:var(--surface-2);border:1px solid var(--border);border-radius:10px}#app[data-density=compact] .grid{grid-template-columns:repeat(auto-fill,minmax(116px,1fr));gap:8px}#app[data-density=compact] .pad{min-height:56px;padding:10px 8px}#app[data-density=compact] .pad__label{font-size:.82rem}#app.reduce-motion .pad{transition:none}#app.reduce-motion .pad--hit{animation:none}#app.reduce-motion .pad__fill{display:none}@media(min-width:680px){.top{padding:18px 24px}.top__row{flex-direction:row;align-items:center;justify-content:space-between}.top__tools{width:min(560px,60%)}.favs{padding:18px 24px 0}.grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px;padding:20px 24px}#app[data-density=compact] .grid{grid-template-columns:repeat(auto-fill,minmax(124px,1fr))}}@media(prefers-reduced-motion:reduce){.pad--hit{animation:none}}.foot{display:flex;flex-direction:column;gap:8px}.foot__keys,.foot__brand{margin:0}.foot__brand{font-size:.74rem;color:var(--muted)}.foot__brand sup{font-size:.6em}.foot__brand a,.linkbtn{color:var(--accent);text-decoration:none}.foot__brand a:hover,.linkbtn:hover{text-decoration:underline}.linkbtn{background:none;border:0;padding:0;font:inherit;cursor:pointer}.hints{margin:12px 0 0;text-align:center;font-size:.74rem;color:var(--muted)}.hints strong{color:var(--accent);font-weight:700}@media(max-width:679px){.hints,#stop{display:none}.foot{padding-bottom:88px}.search{flex-basis:100%}.top__tools>.iconbtn{flex:1}}.dialog--info{width:min(480px,94vw);position:relative;overflow:hidden}.dialog--info .dialog__form{gap:22px;padding:26px}.dialog--info .dialog__head{align-items:flex-start}.dialog--info:before{content:"";position:absolute;top:-60px;right:-60px;width:190px;height:190px;background:conic-gradient(from 0deg,var(--accent),transparent 55%,var(--accent));opacity:.1;border-radius:50%;pointer-events:none}.info__lead{margin:0;font-size:.95rem;line-height:1.65}.info__lead a{color:var(--accent)}.info__cta{display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px;padding:26px 20px;background:var(--surface-2);border:1px solid color-mix(in srgb,var(--stop) 30%,var(--border));border-radius:14px}.info__cta p{margin:0}.info__war{font-family:Anton,sans-serif;font-size:1.7rem;line-height:1.05;letter-spacing:.5px;color:var(--stop)}.info__sub{font-size:1.02rem;font-weight:600;line-height:1.4}.info__hagov{align-self:center;margin-top:6px;padding:14px 28px;font-weight:700;font-size:.95rem;color:#0e0e10;background:var(--accent);border-radius:999px;text-decoration:none;transition:background .15s,transform .06s}.info__hagov:active{transform:scale(.97)}.info__hagov:hover{background:#ffe066}.info__legal{margin:0;font-size:.73rem;line-height:1.8;color:var(--muted)}.info__petty{font-style:italic;opacity:.85}.pad__rev{position:absolute;z-index:1;top:0;right:0;bottom:0;width:33%;display:flex;align-items:flex-end;justify-content:center;padding-bottom:7px;font-size:.58rem;font-weight:700;letter-spacing:.5px;color:var(--muted);opacity:.5;border-left:1px dashed var(--border);pointer-events:none}.pad:hover .pad__rev{opacity:.8}.favs__grid.is-editing .pad__rev{display:none}@media(min-width:680px){.pad__rev{display:none}}#app.no-touch-rev .pad__rev{display:none}.stop-fab{position:fixed;right:16px;bottom:16px;z-index:50;width:56px;height:56px;display:none;align-items:center;justify-content:center;font-size:1rem;color:#fff;background:var(--stop);border:none;border-radius:50%;box-shadow:0 6px 20px #00000073;cursor:pointer}@media(max-width:679px){.stop-fab{display:flex}}