@layer components{.up-stats button{background:var(--paper);box-shadow:0 0 0 1px var(--line);color:var(--muted);border-radius:999px;align-items:baseline;gap:6px;padding:10px 16px;font-size:13px;transition:box-shadow .15s;display:inline-flex}.up-stats button:hover{box-shadow:0 0 0 1.5px var(--text)}.up-stats button b{font-family:var(--display);color:var(--text);font-size:20px}.prof-follow{color:var(--muted);gap:14px;margin-top:8px;font-size:14px;display:flex}.prof-follow button:hover{color:var(--text)}.prof-follow b{color:var(--text);font-weight:700}.fl-list{max-height:min(60vh,520px);margin-top:18px;overflow-y:auto}.fl-row{border-radius:18px;align-items:center;gap:12px;padding:8px 4px;display:flex}.fl-row:hover{background:var(--soft)}.fl-who{flex:1;align-items:center;gap:12px;min-width:0;display:flex}.fl-who span{flex-direction:column;min-width:0;display:flex}.fl-who b{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.fl-who small{color:var(--muted);font-size:12px}.fl-av{background:var(--soft);border-radius:50%;flex:none;width:44px;height:44px;overflow:hidden}.feed{flex-direction:column;gap:10px;display:flex}.feed-row{background:var(--paper);box-shadow:0 0 0 1px var(--line);border-radius:24px;align-items:flex-start;gap:14px;padding:14px;display:flex}.feed-row .fl-av{width:46px;height:46px}.feed-main{flex:1;min-width:0}.feed-main p{font-size:14.5px;line-height:1.4}.feed-main time{color:var(--muted);margin-top:2px;font-size:12px;display:block}.feed-quote{background:var(--soft);overflow-wrap:anywhere;border-radius:16px;margin-top:8px;padding:10px 14px;font-size:14px}.feed-covers{gap:6px;margin-top:10px;display:flex;overflow-x:auto}.feed-covers a,.feed-covers .media{background:var(--soft);border-radius:12px;flex:none;width:56px;height:56px;overflow:hidden}.feed-more{color:var(--muted);place-items:center;padding:18px;font-size:13px;display:grid}.fsug{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;display:grid}.fsug-card{background:var(--paper);box-shadow:0 0 0 1px var(--line);text-align:center;border-radius:24px;flex-direction:column;align-items:center;gap:8px;min-width:0;padding:18px 12px;display:flex}.fsug-card .fl-av{width:64px;height:64px}.fsug-card .fsug-name{width:100%;min-width:0;color:inherit;display:block}.fsug-card b{white-space:nowrap;text-overflow:ellipsis;max-width:100%;display:block;overflow:hidden}.fsug-card small{color:var(--muted);font-size:12px}.home-follow{flex-direction:column;gap:8px;display:flex}.home-follow a{background:var(--paper);box-shadow:0 0 0 1px var(--line);border-radius:18px;align-items:center;gap:12px;min-width:0;padding:10px 12px;font-size:14px;display:flex}.home-follow a span{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.home-follow .fl-av{width:36px;height:36px}}
@layer components{.pc-feed,.pc-single{flex-direction:column;gap:18px;max-width:640px;margin-inline:auto;display:flex}.pc-single{gap:8px}@media (min-width:1400px){.pc-single{grid-template-columns:minmax(0,760px) 360px;justify-content:center;align-items:start;gap:28px;max-width:1180px;display:grid}.pc-single>#comments{max-height:calc(100dvh - 120px);margin-top:0;position:sticky;top:96px;overflow-y:auto}}.pc-feed .feed-more{padding:12px}.pc{background:var(--paper);box-shadow:0 0 0 1px var(--line);border-radius:24px;min-width:0;padding-bottom:14px}.pc-head{align-items:center;gap:10px;padding:12px 14px;display:flex}.pc-av{background:var(--soft);border-radius:50%;flex:none;width:40px;height:40px;overflow:hidden}.pc-av .media{width:100%;height:100%}.pc-who{flex-direction:column;flex:1;min-width:0;font-size:14px;font-weight:700;display:flex}.pc-who a:first-child{white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:4px;display:inline-flex;overflow:hidden}.pc-who .pc-time{color:var(--muted);font-size:12px;font-weight:500}.pc-head .dd .ib{place-items:center;display:grid}.pc-hidden{background:var(--soft);color:var(--muted);border-radius:999px;flex:none;padding:4px 10px;font-size:12px;font-weight:700}.pc-photos{background:var(--soft);-webkit-user-select:none;user-select:none;touch-action:manipulation;width:100%;position:relative;overflow:hidden}.pc-strip{scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;width:100%;height:100%;display:flex;overflow-x:auto}.pc-strip::-webkit-scrollbar{display:none}.pc-strip img{object-fit:cover;scroll-snap-align:center;scroll-snap-stop:always;flex:none;width:100%;height:100%}.pc-heart{color:#fff;pointer-events:none;filter:drop-shadow(0 4px 18px #00000059);place-items:center;animation:.8s ease-out forwards pc-heart;display:grid;position:absolute;inset:0}@keyframes pc-heart{0%{opacity:0;transform:scale(.4)}20%{opacity:1;transform:scale(1.15)}40%{transform:scale(.95)}to{opacity:0;transform:scale(1.05)}}.pc-nav{color:#111;background:#ffffffe0;border-radius:50%;place-items:center;width:34px;height:34px;display:none;position:absolute;top:50%;translate:0 -50%;box-shadow:0 2px 10px #00000040}.pc-nav.prev{left:10px}.pc-nav.next{right:10px}@media (hover:hover) and (pointer:fine){.pc-nav{display:grid}}.pc-dots{pointer-events:none;justify-content:center;gap:5px;display:flex;position:absolute;bottom:10px;left:0;right:0}.pc-dots i{background:#ffffff8c;border-radius:50%;width:6px;height:6px;box-shadow:0 0 3px #0006}.pc-dots i.on{background:#fff}.pc-acts{align-items:center;gap:4px;padding:8px 10px 0;display:flex}.pc-act{width:40px;height:40px;color:var(--text);border-radius:50%;place-items:center;display:grid}.pc-act:hover{background:var(--soft)}.pc-act.on{color:var(--coral)}.pc-act:disabled{opacity:.35;cursor:default;background:0 0}.pc-counts{align-items:baseline;gap:12px;padding:0 16px;font-size:14px;display:flex}.pc-cap{padding:6px 16px 0}.pc-caption{white-space:pre-wrap;overflow-wrap:anywhere;font-size:14.5px;line-height:1.4}.pc-caption a{font-weight:700}.pc-caption.clamp{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.pc-more{color:var(--muted);margin-top:2px;font-size:14px}.pc-more:hover{color:var(--text)}.pc-track{background:var(--soft);border-radius:18px;align-items:center;gap:12px;min-width:0;margin:12px 14px 0;padding:8px 10px;display:flex}.pc-track .media{border-radius:12px;flex:none;width:44px;height:44px}.pc-track .grow{flex-direction:column;flex:1;min-width:0;display:flex}.pc-track .t{font-size:14px;font-weight:800}.pc-track .s{color:var(--muted);font-size:12.5px}.pc-report{flex-direction:column;gap:14px;display:flex}.pc-reasons{flex-direction:column;gap:6px;display:flex}.pc-reason{box-shadow:0 0 0 1px var(--line);cursor:pointer;border-radius:14px;align-items:center;gap:10px;padding:10px 14px;font-size:14px;font-weight:700;display:flex}.pc-reason.on{box-shadow:0 0 0 2px var(--text)}.pc-note{background:var(--soft);resize:vertical;width:100%;font:inherit;border-radius:14px;padding:12px 14px}.pcm{flex-direction:column;gap:10px;display:flex}.pcm textarea{resize:vertical;width:100%;font:inherit;background:0 0;margin-top:14px}.pcm-note{background:var(--soft);text-align:center;border-radius:18px;padding:18px;font-weight:700}.pcm-count{text-align:right;font-size:12px}.pcm-thumbs{grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:8px;display:grid}.pcm-thumb,.pcm-add{aspect-ratio:1;background:var(--soft);border-radius:14px;position:relative;overflow:hidden}.pcm-thumb img{object-fit:cover;width:100%;height:100%}.pcm-thumb button{color:#fff;background:#0009;border-radius:50%;place-items:center;width:24px;height:24px;display:grid;position:absolute;top:4px;right:4px}.pcm-add{cursor:pointer;box-shadow:0 0 0 1.5px var(--line) inset;flex-direction:column;justify-content:center;align-items:center;gap:4px;font-size:12px;font-weight:700;display:flex}.pcm-add input{opacity:0;cursor:pointer;font-size:0;position:absolute;inset:0}.pcm-track,.pcm-found button{text-align:left;border-radius:14px;align-items:center;gap:10px;width:100%;padding:8px;display:flex}.pcm-track{background:var(--soft)}.pcm-track .media,.pcm-found .media{border-radius:10px;flex:none;width:40px;height:40px;overflow:hidden}.pcm-track .t,.pcm-found .t{font-size:14px;font-weight:700;display:block}.pcm-track .s,.pcm-found .s{color:var(--muted);font-size:12.5px;display:block}.pcm-found{flex-direction:column;margin-top:6px;display:flex}.pcm-found button:hover{background:var(--soft)}.pcm-prog{background:var(--soft);border-radius:999px;height:22px;position:relative;overflow:hidden}.pcm-prog i{background:var(--lime,#c6f432);transition:width .15s;position:absolute;inset:0 auto 0 0}.pcm-prog span{text-align:center;font-size:12px;font-weight:700;line-height:22px;display:block;position:relative}.pc-row{scroll-snap-type:x mandatory;scrollbar-width:none;gap:10px;padding-bottom:6px;display:flex;overflow-x:auto}.pc-row::-webkit-scrollbar{display:none}.pc-rcard{aspect-ratio:1;background:var(--soft);scroll-snap-align:start;border-radius:18px;flex:none;width:170px;position:relative;overflow:hidden}.pc-rimg{width:100%;height:100%;inset:0;border-radius:0!important;position:absolute!important}.pc-rimg img{object-fit:cover}.pc-rcard b{color:#fff;text-shadow:0 1px 3px #000c;white-space:nowrap;text-overflow:ellipsis;font-size:12px;position:absolute;top:8px;left:10px;right:34px;overflow:hidden}.pc-rlikes{color:#fff;text-shadow:0 1px 3px #000c;align-items:center;gap:4px;font-size:12px;font-weight:800;display:inline-flex;position:absolute;bottom:8px;left:10px}@media (min-width:900px){.pc-rcard{width:210px}}.pg-grid{grid-template-columns:repeat(3,1fr);gap:4px;display:grid}.pg-cell{aspect-ratio:1;background:var(--soft);border-radius:6px;position:relative;overflow:hidden}.pg-cell img{object-fit:cover;width:100%;height:100%}.pg-multi{color:#fff;filter:drop-shadow(0 1px 3px #0009);position:absolute;top:6px;right:6px}.pg-hidden{color:#fff;background:#000000b3;border-radius:999px;padding:2px 8px;font-size:11px;font-weight:700;position:absolute;bottom:6px;left:6px}}
@layer components{.composer.blocked-note{color:var(--muted);min-height:78px;font-size:14px;font-weight:700}.composer.blocked-note .grow{flex:1;min-width:0}.btn.danger-btn{background:var(--coral);color:#fff}}
@layer components{.pv-box{background:var(--paper);box-shadow:0 0 0 1px var(--line);color:var(--muted);border-radius:22px;align-items:center;gap:12px;padding:16px 18px;display:flex}.pv-box .grow{flex:1;min-width:0}.pv-box b{color:var(--text);font-size:15px;display:block}.pv-box small{color:var(--muted);margin-top:2px;font-size:12.5px;display:block}.pv-ok{color:var(--text)}.pv-ok svg{color:#1d9bf0}.pv-wait{text-align:center;flex-direction:column;align-items:stretch;gap:10px}.pv-wait small b{font-size:inherit;display:inline}.pv-code{font-family:var(--display);letter-spacing:.18em;color:var(--text);-webkit-user-select:all;user-select:all;padding:8px 0;font-size:40px;font-weight:800}.pv-copy{vertical-align:middle;width:24px;height:24px;color:var(--text);background:var(--soft);border-radius:8px;place-items:center;margin-left:6px;display:inline-grid}.pv-foot{justify-content:space-between;gap:10px;font-size:12px;display:flex}.pv-foot span{align-items:center;gap:4px;display:inline-flex}}
@layer components{.pf{z-index:60;color:#fff;background:#000;position:fixed;inset:0}.pf-list{scroll-snap-type:y mandatory;overscroll-behavior:contain;scrollbar-width:none;height:100dvh;overflow-y:auto}.pf-list::-webkit-scrollbar{display:none}.pf-item{scroll-snap-align:start;scroll-snap-stop:always;place-items:center;height:100dvh;display:grid;position:relative}.pf-stage{cursor:pointer;background:#000;place-items:center;width:100%;max-width:56.25dvh;height:100%;display:grid;position:relative}.pf-stage video{object-fit:cover;background:#000;width:100%;height:100%}.pf-stage.land video{object-fit:contain}.pf-paused{pointer-events:none;background:#00000073;border-radius:50%;place-items:center;width:84px;height:84px;display:grid;position:absolute}.pf-top{z-index:3;padding:max(12px, env(safe-area-inset-top)) 14px 12px;pointer-events:none;background:linear-gradient(#00000080,#0000);justify-content:space-between;align-items:center;display:flex;position:fixed;top:0;left:0;right:0}.pf-top>*{pointer-events:auto}.pf-top b{font-family:var(--display);letter-spacing:-.02em;font-size:20px;font-weight:800}.pf-btn{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff24;border-radius:50%;place-items:center;width:42px;height:42px;display:grid}.pf-btn:disabled{opacity:.35}.pf-rail{z-index:2;flex-direction:column;gap:16px;display:flex;position:absolute;bottom:110px;right:max(10px,50% - 28.125dvh + 10px)}.pf-rail button{color:#fff;filter:drop-shadow(0 1px 3px #0009);flex-direction:column;align-items:center;gap:3px;display:flex}.pf-rail button.on{color:var(--coral)}.pf-rail small{color:#fff;font-size:12px;font-weight:800}.pf-meta{z-index:2;text-shadow:0 1px 3px #000000b3;flex-direction:column;gap:8px;max-width:420px;display:flex;position:absolute;bottom:28px;left:max(14px,50% - 28.125dvh + 14px);right:84px}.pf-meta p{overflow-wrap:anywhere;font-size:14.5px;line-height:1.4}.pf-who{align-items:center;gap:10px;font-size:15px;display:inline-flex}.pf-av{background:#fff3;border-radius:50%;flex:none;width:36px;height:36px;overflow:hidden}.pf-sound{align-items:center;gap:6px;max-width:100%;font-size:13px;font-weight:700;display:inline-flex}.pf-sound span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.pf-views{opacity:.8;align-items:center;gap:4px;font-size:12px;display:inline-flex}.pf-nav{z-index:3;flex-direction:column;gap:10px;display:none;position:fixed;top:50%;right:18px;transform:translateY(-50%)}@media (min-width:900px){.pf-nav{display:flex}}.pf-empty{color:#fffc;flex-direction:column;justify-content:center;align-items:center;gap:14px;display:flex;position:absolute;inset:0}.pf-empty b{font-size:18px}.pf-sheet{flex-direction:column;gap:12px;min-width:0;display:flex}.pf-muted{color:var(--muted);text-align:center;padding:18px 0;font-size:14px}.pf-comments{flex-direction:column;gap:12px;max-height:min(52vh,460px);margin-top:8px;display:flex;overflow-y:auto}.pf-comment{align-items:flex-start;gap:10px;display:flex}.pf-comment .grow{flex:1;min-width:0}.pf-comment p{overflow-wrap:anywhere;margin-top:2px;font-size:14px}.pf-compose{align-items:center;gap:8px;display:flex}.pf-compose input{background:var(--soft);border-radius:999px;flex:1;min-width:0;height:48px;padding:0 16px;font-size:15px}.pf-reasons{flex-direction:column;gap:8px;margin-top:8px;display:flex}.pf-reasons label{background:var(--paper);box-shadow:0 0 0 1px var(--line);cursor:pointer;border-radius:16px;padding:12px 16px;font-weight:700}.pf-reasons label.on{box-shadow:0 0 0 2px var(--text)}.pf-reasons input{display:none}.pf-sheet textarea{background:var(--soft);resize:vertical;border-radius:16px;width:100%;padding:12px 16px;font-size:14px}.pu-pick{border:2px dashed var(--line);min-height:170px;color:var(--muted);cursor:pointer;text-align:center;border-radius:22px;flex-direction:column;justify-content:center;align-items:center;gap:10px;margin-top:14px;padding:14px;font-size:14px;font-weight:700;display:flex}.pu-pick.has{border-style:solid}.pu-pick video{background:#000;border-radius:14px;max-width:100%;max-height:240px}.pu-song{margin-top:10px}.pu-song.on{background:var(--soft);border-radius:18px;align-items:center;gap:10px;padding:12px 14px;font-size:14px;font-weight:700;display:flex}.pu-song .grow{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.pu-results{box-shadow:0 0 0 1px var(--line);border-radius:16px;flex-direction:column;margin-top:6px;display:flex;overflow:hidden}.pu-results button{text-align:left;background:var(--paper);padding:11px 16px;font-size:14px}.pu-results button+button{border-top:1px solid var(--line)}.pu-results button:hover{background:var(--soft)}.pu-progress{background:var(--soft);border-radius:999px;height:8px;margin-top:14px;overflow:hidden}.pu-progress i{background:var(--lime);height:100%;transition:width .2s;display:block}.pg-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}@media (min-width:900px){.pg-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}}.pg-tile{aspect-ratio:9/16;background:var(--soft);border-radius:14px;position:relative;overflow:hidden}.pg-tile>a,.pg-tile>div{color:var(--muted);place-items:center;display:grid;position:absolute;inset:0}.pg-cover{width:100%;height:100%;inset:0;border-radius:0!important;position:absolute!important}.pg-cover img{object-fit:cover}.pg-views{color:#fff;text-shadow:0 1px 3px #000c;align-items:center;gap:4px;font-size:12px;font-weight:800;display:inline-flex;position:absolute;bottom:8px;left:8px}.pg-badge{text-align:center;background:var(--sun);color:#121212;border-radius:999px;padding:4px 8px;font-size:11px;font-weight:800;position:absolute;bottom:6px;left:6px;right:6px}.pg-badge.failed{background:var(--coral);color:#fff}.pg-badge.hidden{color:#fff;background:#121212}.pg-del{color:#fff;background:#0000008c;border-radius:50%;place-items:center;width:28px;height:28px;display:grid;position:absolute;top:6px;right:6px}.pg-empty{border:2px dashed var(--line);width:100%;color:var(--muted);border-radius:22px;justify-content:center;align-items:center;gap:10px;padding:26px;font-weight:700;display:flex}.pr-row{scroll-snap-type:x mandatory;scrollbar-width:none;gap:10px;padding-bottom:6px;display:flex;overflow-x:auto}.pr-row::-webkit-scrollbar{display:none}.pr-card{aspect-ratio:9/16;background:var(--soft);scroll-snap-align:start;width:132px;color:var(--muted);border-radius:18px;flex:none;place-items:center;display:grid;position:relative;overflow:hidden}.pr-card b{color:#fff;text-shadow:0 1px 3px #000c;white-space:nowrap;text-overflow:ellipsis;font-size:12px;position:absolute;top:8px;left:8px;right:8px;overflow:hidden}@media (min-width:900px){.pr-card{width:168px}}@media (max-width:420px){.dock a,.dock button{min-width:42px}.dock a.on,.dock button.on{padding:0 12px 0 10px}}.pu-done{background:var(--lime);color:#121212;border-radius:50%;place-items:center;width:72px;height:72px;margin:18px auto;display:grid}.pg-more{margin:14px auto 0;display:flex}}