@layer components{.stb{margin:0 0 1rem}.stb__wrap{position:relative}.stb__list{list-style:none;margin:0;padding:.2rem .1rem .5rem;display:flex;gap:.6rem;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none}.stb__list::-webkit-scrollbar{display:none}.stb__list>li{position:relative;flex:none;scroll-snap-align:start}.stb__card{position:relative;display:block;width:7.4rem;aspect-ratio:9/16;padding:0;border:0;border-radius:.9rem;overflow:hidden;background:var(--st-stage);color:var(--st-ink);cursor:pointer;box-shadow:0 1px 2px var(--line);transition:transform .15s ease}.stb__card:hover{transform:translateY(-2px)}.stb__card:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.stb__prev{pointer-events:none}.stb__card:after,.stb__prev,.stb__prev .scv{position:absolute;inset:0}.stb__card:after{content:"";background:linear-gradient(180deg,var(--st-shade),transparent 30%,transparent 62%,var(--st-shade));pointer-events:none}.stb__img{width:100%;height:100%;object-fit:cover}.stb__txt{position:absolute;inset:0;display:grid;place-items:center;padding:.6rem;font-family:Fredoka,Nunito,sans-serif;font-size:.78rem;font-weight:700;text-align:center;overflow:hidden}.stb__txt span{display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}.stb__card .stb__ring{position:absolute;z-index:2;top:.45rem;left:.45rem;padding:3px}.stb__card .stb__ring .pav{--pav:2.3rem}.stb__card>b{left:.5rem;bottom:.5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.82rem;text-align:left;text-shadow:0 1px 3px var(--st-shade)}.stb__card>b,.stb__n{position:absolute;z-index:2;right:.5rem}.stb__n{top:.55rem;padding:.05rem .45rem;border-radius:var(--radius-pill);background:var(--st-shade);font-size:.72rem;font-weight:800}.stb__card.is-seen .stb__prev{opacity:.82}.stb__new{background:var(--card);color:var(--ink);border:1px solid var(--line);text-decoration:none}.stb__new:after{display:none}.stb__new:disabled{opacity:.55;cursor:not-allowed}.stb__me{position:absolute;inset:0 0 28% 0;display:grid;place-items:center;overflow:hidden;background:var(--surface-2)}.stb__me img{width:100%;height:100%;object-fit:cover}.stb__me b{font-family:Fredoka,Nunito,sans-serif;font-size:2.4rem;color:var(--muted)}.stb__plus{position:absolute;z-index:2;left:50%;bottom:28%;transform:translate(-50%,50%);display:grid;place-items:center;width:2.4rem;height:2.4rem;border-radius:50%;border:4px solid var(--card);background:var(--accent);color:var(--st-ink)}.stb__new>b{position:absolute;left:.4rem;right:.4rem;bottom:.55rem;font-size:.8rem;text-align:center;color:var(--ink);text-shadow:none}.stb__empty{display:grid;align-content:center;justify-items:start;grid-gap:.3rem;gap:.3rem;width:15rem;aspect-ratio:auto;min-height:100%;padding:1rem;border:2px dashed var(--line);border-radius:.9rem;color:var(--muted);font-size:.82rem}.stb__empty b{color:var(--ink);font-size:.95rem}.stb__empty a{font-weight:800}.stb__empty a,.stb__empty svg{color:var(--accent)}.stb__arrow{position:absolute;z-index:3;top:calc(50% - .25rem);transform:translateY(-50%);display:grid;place-items:center;width:2.4rem;height:2.4rem;border:1px solid var(--line);border-radius:50%;background:var(--card);color:var(--ink);cursor:pointer;box-shadow:0 2px 6px var(--line)}.stb__arrow.is-l{left:-.6rem}.stb__arrow.is-r{right:-.6rem}.stb__ring{display:grid;place-items:center;padding:3px;border-radius:50%;background:var(--st-ring)}.stb__ring .pav{--pav:3.6rem}.stb__ring .pav__img{border-width:2px}.stb__ring.is-seen{background:var(--st-ring-seen)}.stb__ring.is-none{background:var(--line)}.stb__ring.is-hl{background:linear-gradient(135deg,var(--prm-g1),var(--prm-g3))}.stv{position:fixed;inset:0;z-index:var(--z-modal);display:grid;place-items:center;background:var(--st-stage)}.stv__box{position:relative;width:min(100vw,calc(100dvh * 9 / 16));height:min(100dvh,calc(100vw * 16 / 9));display:flex;flex-direction:column;color:var(--st-ink);overflow:hidden}.stv__bars{position:absolute;z-index:3;top:.6rem;left:.6rem;right:.6rem;display:flex;gap:3px}.stv__bars i{flex:1 1;height:3px;border-radius:3px;background:var(--st-bar);overflow:hidden}.stv__bars b{display:block;height:100%;background:var(--st-ink)}.stv__h{position:absolute;z-index:3;top:1.1rem;left:.6rem;right:.4rem;gap:.3rem}.stv__h,.stv__who{display:flex;align-items:center}.stv__who{flex:1 1;gap:.5rem;min-width:0;color:var(--st-ink);text-decoration:none}.stv__who b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stv__who small{color:var(--st-dim);font-size:.8rem}.stv__x{display:grid;place-items:center;width:2.4rem;height:2.4rem;border:0;border-radius:50%;background:none;color:var(--st-ink);cursor:pointer}.stv__body{position:relative;flex:1 1;display:grid;place-items:center;background:var(--st-stage);-moz-user-select:none;user-select:none;-webkit-user-select:none}.stv__body img{width:100%;height:100%;object-fit:contain}.stv__text{padding:2rem;font-family:Fredoka,Nunito,sans-serif;font-size:clamp(1.3rem,5vw,2rem);font-weight:600;line-height:1.3;white-space:pre-wrap;overflow-wrap:anywhere}.stv__cap,.stv__text{margin:0;text-align:center}.stv__cap{position:absolute;left:0;right:0;bottom:4rem;padding:.6rem 1rem;background:var(--st-shade)}.stv__nav{position:absolute;top:0;bottom:0;width:35%;border:0;background:none;cursor:pointer}.stv__nav--prev{left:0}.stv__nav--next{right:0;width:65%}.stv__f{position:absolute;z-index:3;left:0;right:0;bottom:0;display:flex;flex-wrap:wrap;justify-content:center;gap:.4rem;padding:.7rem;background:linear-gradient(transparent,var(--st-shade))}.stv__f button{display:inline-flex;align-items:center;gap:.3rem;padding:.45rem .8rem;border:0;border-radius:var(--radius-pill);background:var(--st-shade);color:var(--st-ink);font:inherit;font-size:.85rem;font-weight:700;cursor:pointer}.stv__msg{z-index:4;left:1rem;right:1rem;bottom:4rem;margin:0;padding:.6rem .8rem;border-radius:var(--radius-sm);text-align:center}.stv__msg,.stv__sheet{position:absolute;background:var(--surface);color:var(--ink)}.stv__sheet{z-index:5;left:0;right:0;bottom:0;max-height:60%;overflow:auto;padding:.8rem 1rem 1rem;border-radius:var(--radius-box) var(--radius-box) 0 0}.stv__sh{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.stv__sh button{border:0;background:none;color:var(--ink);cursor:pointer}.stv__sheet ul{list-style:none;margin:0;padding:0;display:grid;grid-gap:.2rem;gap:.2rem}.stv__sheet a{display:flex;align-items:center;gap:.6rem;padding:.35rem;color:var(--ink);text-decoration:none}.stv__sheet a>.stv__vn{flex:1 1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stv__sheet a>.pav{flex:0 0 auto}.stv__sheet small{color:var(--muted)}.stc{position:fixed;inset:0;z-index:var(--z-modal);display:grid;place-items:center;padding:1rem;background:var(--scrim)}.stc__box{width:min(100%,26rem);max-height:calc(100dvh - 2rem);overflow:auto;display:grid;grid-gap:.8rem;gap:.8rem;padding:1rem;border-radius:var(--radius-box);background:var(--surface);color:var(--ink)}.stc__h{display:flex;align-items:center;justify-content:space-between}.stc__h b{font-family:Fredoka,Nunito,sans-serif;font-size:1.2rem}.stc__h button{border:0;background:none;color:var(--ink);cursor:pointer}.stc__seg{justify-self:start}.stc__drop{position:relative;display:grid;place-items:center;aspect-ratio:9/12;max-height:22rem;border:2px dashed var(--line);border-radius:var(--radius-sm);overflow:hidden;cursor:pointer;color:var(--muted)}.stc__drop span{display:grid;justify-items:center;grid-gap:.4rem;gap:.4rem}.stc__drop img{width:100%;height:100%;object-fit:cover}.stc__drop input{position:absolute;inset:0;opacity:0;cursor:pointer}.stc__prev{display:grid;aspect-ratio:9/12;max-height:22rem;border-radius:var(--radius-sm);overflow:hidden}.stc__prev textarea{width:100%;height:100%;padding:1.4rem;border:0;resize:none;background:none;color:var(--st-ink);font-family:Fredoka,Nunito,sans-serif;font-size:1.35rem;font-weight:600;text-align:center}.stc__prev textarea::placeholder{color:var(--st-dim)}.stc__bgs{display:flex;gap:.45rem}.stc__bgs button{width:2rem;height:2rem;border-radius:50%;border:3px solid transparent;cursor:pointer}.stc__bgs button.is-on{border-color:var(--ink)}.stbg--blue{background:var(--stbg-blue)}.stbg--sunset{background:var(--stbg-sunset)}.stbg--mint{background:var(--stbg-mint)}.stbg--p_cosmos{background:var(--stbg-cosmos);background-size:200% 200%;animation:stbg-move 12s ease-in-out infinite alternate}.stbg--p_aurora{background:var(--stbg-aurora);background-size:300% 300%;animation:stbg-move 9s ease-in-out infinite alternate}.stbg--p_lava{background:var(--stbg-lava);background-size:250% 250%;animation:stbg-move 7s ease-in-out infinite alternate}.stbg--p_neon{background:var(--stbg-neon);background-size:300% 300%;animation:stbg-move 6s linear infinite alternate}.stbg--p_disco{background:var(--stbg-disco);background-size:400% 400%;animation:stbg-move 4s linear infinite alternate}.stbg--p_mascot{background:var(--stbg-mascot) center /34% no-repeat,var(--stbg-blue);animation:stbg-float 5s ease-in-out infinite}@keyframes stbg-move{0%{background-position:0 30%}to{background-position:100% 70%}}@keyframes stbg-float{0%,to{background-position:center 46%,0 0}50%{background-position:center 54%,0 0}}@media (prefers-reduced-motion:reduce){[class*=stbg--p_]{animation:none}}.stbg--night{background:var(--stbg-night)}.stbg--gold{background:var(--stbg-gold)}.stbg--candy{background:var(--stbg-candy)}.stbg--ocean{background:var(--stbg-ocean)}.stbg--forest{background:var(--stbg-forest)}.stbg--fire{background:var(--stbg-fire)}.stbg--grape{background:var(--stbg-grape)}.stbg--peach{background:var(--stbg-peach)}.stbg--aurora{background:var(--stbg-aurora)}.stbg--lava{background:var(--stbg-lava)}.stbg--sky{background:var(--stbg-sky)}.stbg--rose{background:var(--stbg-rose)}.stbg--steel{background:var(--stbg-steel)}.stbg--lime{background:var(--stbg-lime)}.stbg--cosmos{background:var(--stbg-cosmos)}.stbg--black{background:var(--stbg-black)}.stbg--red{background:var(--stbg-red)}.pst-row{display:flex;flex-wrap:wrap;gap:.7rem;margin:.6rem 0 0}.pst-row__i{display:grid;justify-items:center;grid-gap:.2rem;gap:.2rem;padding:0;border:0;background:none;cursor:pointer;color:var(--muted)}.pst-row__i .stb__ring{width:3.2rem;height:3.2rem;overflow:hidden}.pst-row__i .stb__ring img{width:100%;height:100%;border-radius:50%;object-fit:cover;border:2px solid var(--surface)}.pst-row__i .pav{--pav:2.8rem}.pst-row__i small{font-size:.72rem}.pst-row__t{display:grid;place-items:center;width:100%;height:100%;border-radius:50%;color:var(--st-ink);border:2px solid var(--surface)}.pst-row__add{text-decoration:none}.pst-row__add .stb__ring{color:var(--muted)}.stb__mem{text-decoration:none}.stb__memk{position:absolute;z-index:2;top:.5rem;left:.45rem;right:.45rem;display:inline-flex;align-items:center;gap:.25rem;padding:.2rem .45rem;border-radius:var(--radius-pill);background:var(--st-shade);color:var(--st-ink);font-size:.7rem;font-weight:800}.mys{display:grid;grid-gap:1rem;gap:1rem}.mys__tabs{display:flex;flex-wrap:wrap;gap:.4rem}.mys__tabs button{display:inline-flex;align-items:center;gap:.35rem;padding:.5rem .9rem;border:1px solid var(--line);border-radius:var(--radius-pill);background:var(--card);color:var(--ink);font:inherit;font-weight:800;font-size:.88rem;cursor:pointer}.mys__tabs button.is-on{background:var(--solid);border-color:var(--solid);color:var(--on-solid)}.mys__hint{display:flex;align-items:center;gap:.35rem;margin:0;color:var(--muted);font-size:.85rem}.mys__empty{display:grid;justify-items:center;grid-gap:.5rem;gap:.5rem;margin:2rem 0;color:var(--muted);text-align:center}.mys__h,.mys__month h3{margin:.4rem 0 .5rem;font-size:.95rem;text-transform:capitalize}.mys__grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(7rem,1fr));grid-gap:.6rem;gap:.6rem}.mys__grid.is-big{grid-template-columns:repeat(auto-fill,minmax(10rem,1fr))}.mys__it{display:grid;grid-gap:.3rem;gap:.3rem}.mys__th{position:relative;display:block;aspect-ratio:9/16;padding:0;border:0;border-radius:.7rem;overflow:hidden;background:var(--st-stage);cursor:pointer}.mys__th .scv{position:absolute;inset:0}.mys__it.is-picked .mys__th{outline:3px solid var(--accent);outline-offset:2px}.mys__ck{position:absolute;z-index:3;top:.4rem;right:.4rem;display:grid;place-items:center;width:1.5rem;height:1.5rem;border:2px solid var(--st-ink);border-radius:50%;background:var(--st-shade);color:var(--st-ink)}.mys__it.is-picked .mys__ck{background:var(--accent);border-color:var(--accent)}.mys__live{position:absolute;z-index:3;left:.4rem;bottom:.4rem;padding:.1rem .45rem;border-radius:var(--radius-pill);background:var(--accent);color:var(--st-ink);font-size:.7rem;font-weight:800}.mys__n{display:inline-flex;align-items:center;gap:.2rem;color:var(--muted);font-size:.75rem}.mys__pick{position:-webkit-sticky;position:sticky;top:4rem;z-index:5;display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;padding:.6rem .8rem;border-radius:var(--radius-sm);background:var(--card);border:1px solid var(--line)}.mys__pick>span{flex:1 1;font-size:.88rem}.mys__new{justify-self:start}.mys__hl{display:grid;grid-gap:.6rem;gap:.6rem;padding:.8rem;border:1px solid var(--line);border-radius:var(--radius-box);background:var(--card)}.mys__hl header{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.mys__hl header>span:nth-child(2){flex:1 1;display:grid}.mys__hl small{color:var(--muted)}.mys__cover{display:grid;place-items:center;width:3rem;height:3rem;border-radius:50%;overflow:hidden;background:var(--surface-2);box-shadow:0 0 0 2px var(--card),0 0 0 4px var(--accent)}.mys__cover img{width:100%;height:100%;object-fit:cover}.mys__acts{display:flex;gap:.4rem;justify-content:center}.mys__acts button{border:0;background:none;padding:0;color:var(--accent);font:inherit;font-size:.75rem;font-weight:800;cursor:pointer}.mys__tot{display:grid;grid-template-columns:repeat(auto-fit,minmax(8rem,1fr));grid-gap:.6rem;gap:.6rem}.mys__tot>div,.stv__tot>div{display:grid;justify-items:start;grid-gap:.1rem;gap:.1rem;padding:.7rem .8rem;border-radius:var(--radius-sm);background:var(--card);border:1px solid var(--line)}.mys__tot b,.stv__tot b{font-family:Fredoka,Nunito,sans-serif;font-size:1.5rem}.mys__tot small,.stv__tot small{color:var(--muted);font-size:.78rem}.stv__tot{display:grid;grid-template-columns:repeat(auto-fit,minmax(5.5rem,1fr));grid-gap:.5rem;gap:.5rem;margin-bottom:.8rem}.stv__stk{display:flex!important;justify-content:space-between;gap:.5rem;padding:.4rem .2rem}.stv__stk small{color:var(--muted)}.stv__hlb{display:flex;align-items:center;gap:.6rem;width:100%;padding:.45rem;border:0;border-radius:.6rem;background:none;color:var(--ink);font:inherit;text-align:left;cursor:pointer}.stv__hlb:hover{background:var(--surface)}.stv__hlb span:nth-child(2){flex:1 1}.stv__hlb small{color:var(--muted)}.stv__hlc{display:grid;place-items:center;width:2.4rem;height:2.4rem;border-radius:50%;overflow:hidden;background:var(--surface-2)}.stv__hlc img{width:100%;height:100%;object-fit:cover}@media (prefers-reduced-motion:reduce){.stv__bars b{transition:none}}.stv__menu{display:grid;grid-gap:.15rem;gap:.15rem}.stv__menu>a,.stv__menu>button{display:flex;align-items:center;gap:.7rem;width:100%;padding:.7rem .4rem;border:0;border-radius:var(--radius-control);background:none;color:var(--ink);font:inherit;font-weight:700;text-align:left;text-decoration:none;cursor:pointer}.stv__menu>a:hover,.stv__menu>button:hover{background:var(--surface-2)}.stv__menu>.is-danger{color:var(--danger)}}