@font-face{font-family:Nunito;src:url(/fonts/nunito-latin.woff2)format("woff2");font-weight:600 900;font-display:swap}:root{--bg:#fff4e8;--surface:#fff;--ink:#2b1d3a;--muted:#5e4d70;--line:#2b1d3a;--music:#ffb4c6;--video:#a5d8ff;--hi:#ffe066;--accent:#6d28d9;--danger:#c0262d;--on-danger:#fff;--on-pastel:#2b1d3a;--shadow:4px 4px 0 var(--line);--radius:18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#1d1428;--surface:#2b1f3a;--ink:#fff4e8;--muted:#cdbfdd;--line:#fff4e8;--accent:#c4b5fd;--danger:#ff8a8a;--on-danger:#2b1d3a}}*{box-sizing:border-box}html{font-size:17px}body{background:var(--bg);color:var(--ink);margin:0;font:600 1rem/1.5 Nunito,system-ui,sans-serif}a{color:var(--accent)}h2{align-items:center;gap:.5rem;margin:1.6rem 0 .8rem;font-size:1.3rem;font-weight:900;display:flex}.icon{flex:none}:focus-visible,.filters .search:focus-within,label.btn:focus-within{outline:3px solid var(--accent);outline-offset:2px}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.top{z-index:2;background:var(--bg);align-items:center;gap:.5rem;padding:.6rem 1rem;display:flex;position:sticky;top:0}.top h1{letter-spacing:-.01em;margin:0;font-size:1.5rem;font-weight:900}main{max-width:48rem;margin:0 auto;padding:.5rem 1rem 7.5rem}.sticker{background:var(--surface);border:3px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}a.sticker,button.sticker{transition:transform 80ms,box-shadow 80ms}a.sticker:active{box-shadow:1px 1px 0 var(--line);transform:translate(3px,3px)}.tabs{left:.75rem;right:.75rem;bottom:calc(.75rem + env(safe-area-inset-bottom));z-index:3;border:2px solid var(--line);background:#2b1d3a;border-radius:22px;max-width:30rem;margin:0 auto;display:flex;position:fixed;box-shadow:0 6px 20px #0004}.tabs a{color:#cbbfdc;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;min-height:60px;font-size:.85rem;font-weight:800;text-decoration:none;display:flex}.tabs a[aria-current]{color:#ffe066}button,input,.btn{font:inherit;min-height:44px}.btn{border:3px solid var(--line);background:var(--hi);color:var(--on-pastel);cursor:pointer;box-shadow:3px 3px 0 var(--line);border-radius:14px;align-items:center;gap:.45rem;padding:0 1.1rem;font-weight:900;text-decoration:none;transition:transform 80ms,box-shadow 80ms;display:inline-flex}.btn:active{box-shadow:1px 1px 0 var(--line);transform:translate(2px,2px)}.btn.alt{background:var(--video)}.btn.danger{background:var(--danger);color:var(--on-danger)}.btn:disabled,.btn.busy{opacity:.55;pointer-events:none}.link{min-height:44px;color:var(--accent);cursor:pointer;background:0 0;border:0;padding:0;font-weight:800;text-decoration:underline}.actions{flex-wrap:wrap;gap:.6rem;margin:1rem 0;display:flex}.says{align-items:center;gap:.6rem;margin:.5rem 0;display:flex}.bubble{background:var(--surface);border:2px solid var(--line);border-radius:14px;margin:.5rem 0;padding:.55rem .8rem;font-weight:800;position:relative}.says .bubble{margin:0}.says .bubble:before{content:"";background:var(--surface);border-left:2px solid var(--line);border-bottom:2px solid var(--line);width:14px;height:14px;position:absolute;top:50%;left:-9px;transform:translateY(-50%)rotate(45deg)}.tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin-top:.5rem;display:grid}.tile{border:3px solid var(--line);box-shadow:var(--shadow);color:var(--on-pastel);border-radius:22px;padding:.8rem}.tile.hi{background:var(--hi);grid-column:1/-1}.tile.hi .bubble,.tile.hi .bubble:before{color:var(--on-pastel);border-color:var(--on-pastel);background:#fff}.tile.music{background:var(--music)}.tile.video{background:var(--video)}.tile .label{letter-spacing:.06em;text-transform:uppercase;font-size:.9rem;font-weight:900;display:block}.tile .big{font-size:2rem;font-weight:900;line-height:1.1;display:block}.filters{grid-template-columns:repeat(2,minmax(0,1fr));align-items:end;gap:.6rem;display:grid}.filters .search,.filters .chips{grid-column:1/-1}.filters label{color:var(--muted);flex-direction:column;font-size:.9rem;display:flex}.filters .search{border:3px solid var(--line);background:var(--surface);color:var(--ink);border-radius:14px;flex-direction:row;align-items:center;gap:.4rem;padding:0 .75rem}.filters .search input{min-width:0;color:var(--ink);background:0 0;border:0;outline:none;flex:1}input[type=date]{border:3px solid var(--line);background:var(--surface);width:100%;min-width:0;color:var(--ink);border-radius:14px;padding:0 .6rem}.chips{gap:.5rem;display:flex}.chip{border:3px solid var(--line);background:var(--surface);color:var(--ink);cursor:pointer;border-radius:999px;flex:1;font-weight:900}.chip[aria-pressed=true]{background:var(--hi);color:var(--on-pastel);box-shadow:2px 2px 0 var(--line)}.chip.music[aria-pressed=true]{background:var(--music)}.chip.video[aria-pressed=true]{background:var(--video)}.muted,.meta{color:var(--muted);font-size:.9rem}.meta{display:block}.plays,.top-list,.cards{margin:0;padding:0;list-style:none}.plays li{margin-bottom:.7rem}.row{min-height:44px;color:inherit;align-items:center;gap:.7rem;padding:.5rem;text-decoration:none;display:flex}.thumb{object-fit:cover;background:var(--video);border-radius:10px;flex:0 0 96px;width:96px;height:54px}.thumb.none{background:var(--bg);border:2px dashed var(--muted);place-items:center;display:grid}.row .text{flex:1;min-width:0}.title{overflow-wrap:anywhere;font-weight:800;line-height:1.3;display:block}.tag{border:2px solid var(--line);color:var(--on-pastel);border-radius:999px;flex:none;padding:1px 8px;font-size:.8rem;font-weight:900}.tag.music{background:var(--music)}.tag.video{background:var(--video)}.tag.new{background:var(--hi);vertical-align:middle;margin-left:.4rem}.top-list li{align-items:center;gap:.7rem;margin-bottom:.6rem;padding:.5rem .8rem;display:flex}.top-list .rank{color:var(--muted);width:1.5rem;font-size:1.2rem;font-weight:900}.top-list .name{overflow-wrap:anywhere;flex:1;min-width:0}.chart-card{padding:.8rem}.chart{width:100%;height:auto}.chart rect{fill:var(--accent)}.chart text{fill:var(--muted);font-size:10px}.cards{grid-template-columns:repeat(auto-fill,minmax(16rem,1fr));gap:1.1rem;display:grid}.card{color:inherit;text-decoration:none;display:block;overflow:hidden}.card .cover{aspect-ratio:16/9;background:var(--video);border-bottom:3px solid var(--line);display:block;position:relative}.card .cover img{object-fit:cover;width:100%;height:100%;display:block}.card .duration{color:#fff;background:#000c;border-radius:6px;padding:0 6px;font-size:.8rem;position:absolute;bottom:8px;right:8px}.card .body{padding:.6rem .8rem .8rem;display:block}.empty .steps{padding-left:1.3rem}.empty .steps li{margin-bottom:.5rem}.about{padding:.8rem 1rem}.mascot.busy{animation:1s ease-in-out infinite bob}.mascot.sleepy{filter:saturate(.6)}@keyframes bob{50%{transform:translateY(-4px)}}@media (prefers-reduced-motion:reduce){.mascot.busy{animation:none}.btn,.sticker,.chip{transition:none}.btn:active,a.sticker:active{transform:none}}.error{color:var(--danger);font-weight:800}footer{text-align:center;color:var(--muted);margin-top:2rem;font-size:.9rem}code{overflow-wrap:anywhere}