.btn{align-items:center;border-radius:var(--r);display:inline-flex;flex:none;font-size:var(--fs-lg);gap:var(--s2);height:2.5rem;justify-content:center;padding:0 var(--s4);transition:background-color .15s,color .15s;white-space:nowrap}.btn-sm{font-size:var(--fs-md);height:2rem;padding:0 var(--s3)}.btn-lg{font-size:var(--fs-xl);height:3rem;padding:0 var(--s6)}.btn-block{width:100%}.btn-primary{background:var(--accent);color:var(--accent-ink);font-weight:700}.btn-primary:hover{background:var(--accent-hover)}.btn-secondary{background:var(--surface-2);color:var(--ink)}.btn-secondary:hover{background:var(--surface-3)}.btn-ghost{color:var(--ink-2)}.btn-ghost:hover{background:var(--surface-2);color:var(--ink)}.btn-danger{background:var(--danger-soft);color:var(--danger)}.btn-danger:hover{background:var(--danger-hover)}.btn-twitch{background:var(--twitch);color:var(--accent-ink);font-weight:700}.btn-twitch:hover{background:var(--twitch-hover)}.btn:disabled,.btn[aria-disabled=true]{background:var(--surface-2);color:var(--ink-3);cursor:not-allowed;opacity:.6}.btn-ghost:disabled{background:none}.follow-btn[data-following=false]{background:var(--accent);color:var(--accent-ink);font-weight:700}.follow-btn[data-following=false]:hover{background:var(--accent-hover)}.follow-btn[data-following=true]{background:var(--surface-2);color:var(--ink-2)}.follow-btn[data-following=true]:hover{background:var(--surface-3);color:var(--ink)}.follow-btn:disabled{opacity:.6}.icon-btn{border-radius:50%;color:var(--ink-2);display:grid;flex:none;height:2.5rem;place-items:center;position:relative;transition:background-color .15s,color .15s;width:2.5rem}.icon-btn:hover{background:var(--surface-2);color:var(--ink)}.icon-btn.sm{height:2rem;width:2rem}.icon-btn:disabled{color:var(--ink-3);opacity:.5}.count{background:var(--accent);border:2px solid var(--bg);border-radius:var(--r-pill);color:var(--accent-ink);font-size:var(--fs-2xs);font-weight:700;line-height:.875rem;min-width:1.25rem;padding:0 .1875rem 0 .3125rem;position:absolute;right:0;text-align:center;top:.125rem}.count.static{border:0;display:inline-block;position:static;vertical-align:2px}kbd{background:var(--surface-2);border-radius:var(--r-sm);color:var(--ink);font:inherit;font-size:var(--fs-sm);padding:0 .375rem}.av{background:var(--surface-2);border-radius:50%;color:var(--ink);display:grid;flex:none;font-weight:700;object-fit:cover;overflow:hidden;place-items:center;text-transform:uppercase}.av-24{height:24px;width:24px}.av-32{height:32px;width:32px}.av-40{height:40px;width:40px}.av-64{font-size:var(--fs-2xl);height:64px;width:64px}.av-96{font-size:var(--fs-4xl);height:96px;width:96px}.badge-icon{flex:none;height:20px;width:20px}.who{align-items:center;color:var(--ink);display:inline-flex;gap:var(--s1);min-width:0}.field{border:0;display:grid;gap:var(--s2);margin:0;min-width:0;padding:0;position:relative}.label{color:var(--ink);font-size:var(--fs-lg);font-weight:500;padding:0}.req{color:var(--ink-3)}.hint{color:var(--ink-3);font-size:var(--fs-md)}.hint a,.prose a{color:var(--accent-text)}.hint a:hover,.prose a:hover{text-decoration:underline}.hint.error{color:var(--danger)}.muted{color:var(--ink-3)}.input{background:var(--bg);border:1px solid var(--border);border-radius:var(--r);color:var(--ink);font-size:var(--fs-lg);outline:none;padding:var(--s2) var(--s3);transition:border-color .15s;width:100%}input.input,select.input{height:2.5rem}textarea.input{line-height:1.35;min-height:7.5rem;resize:vertical}.input::placeholder{color:var(--ink-3)}.input:focus{border-color:var(--accent)}.input.is-error,.input.is-error:focus{border-color:var(--danger)}.input:disabled{color:var(--ink-3);cursor:not-allowed;opacity:.6}select.input{appearance:none;cursor:pointer;padding-right:2.5rem;background-image:linear-gradient(45deg,transparent 50%,var(--ink-2) 50%),linear-gradient(-45deg,transparent 50%,var(--ink-2) 50%);background-position:right 1rem center,right calc(1rem - 5px) center;background-repeat:no-repeat;background-size:5px 5px}.counter{bottom:var(--s2);color:var(--ink-3);font-size:var(--fs-sm);opacity:0;pointer-events:none;position:absolute;right:var(--s3);transition:opacity .15s}.field:focus-within .counter{opacity:1}.combo{align-items:center;background:var(--bg);border:1px solid var(--border);border-radius:var(--r);display:flex;height:2.75rem;padding-left:var(--s3);transition:border-color .15s}.combo:focus-within{border-color:var(--accent)}.combo>.ico{color:var(--ink-3)}.combo input{background:none;border:0;color:var(--ink);flex:1;font-size:var(--fs-lg);min-width:0;outline:none;padding:0 var(--s3)}.combo input::placeholder{color:var(--ink-3)}.combo button{align-self:stretch;background:var(--surface-2);border-left:1px solid var(--border);border-radius:0 var(--r) var(--r) 0;color:var(--ink);padding:0 var(--s4);transition:background-color .15s}.combo button:hover{background:var(--surface-3)}.combo.is-error,.combo.is-error:focus-within{border-color:var(--danger)}.switch{align-items:center;cursor:pointer;display:flex;gap:var(--s3)}.switch input{appearance:none;margin:0;position:absolute}.switch-text{color:var(--ink);display:grid;flex:1}.switch-text small{color:var(--ink-3);font-size:var(--fs-md)}.switch-ui{background:var(--surface-2);border-radius:var(--r-pill);flex:none;height:1.5rem;position:relative;transition:background-color .15s;width:2.5rem}.switch-ui:after{background:var(--ink-2);border-radius:50%;content:"";height:1rem;left:.25rem;position:absolute;top:.25rem;transition:transform .2s var(--ease-out),background-color .15s;width:1rem}.switch:has(:checked) .switch-ui{background:var(--accent)}.switch:has(:checked) .switch-ui:after{background:var(--accent-ink);transform:translate(1rem)}.switch:has(:focus-visible) .switch-ui{outline:2px solid var(--accent);outline-offset:2px}.check{align-items:center;color:var(--ink);cursor:pointer;display:flex;gap:var(--s3);min-height:2rem}.check input{appearance:none;background:var(--bg);border:1px solid var(--border);border-radius:var(--r-sm);cursor:pointer;flex:none;height:1.25rem;margin:0;transition:background-color .15s,border-color .15s;width:1.25rem}.check input[type=radio]{border-radius:50%}.check input:checked{background-color:var(--accent);border-color:var(--accent)}.check input[type=checkbox]:checked{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' shape-rendering='crispEdges'%3E%3Cpath fill='%23fff' d='M10 18H8v-2h2v2Zm-2-2H6v-2h2v2Zm4-2v2h-2v-2h2Zm-6 0H4v-2h2v2Zm8 0h-2v-2h2v2Zm2-2h-2v-2h2v2Zm2-2h-2V8h2v2Zm2-2h-2V6h2v2Z'/%3E%3C/svg%3E");background-position:center;background-size:100%}.check input[type=radio]:checked{background:var(--accent-ink);border:.375rem solid var(--accent)}.check input:disabled{opacity:.5}.check small{color:var(--ink-3);display:block;font-size:var(--fs-sm)}.seg{display:grid;gap:var(--s2);grid-auto-columns:1fr;grid-auto-flow:column}.seg label{align-items:center;border:1px solid var(--border);border-radius:var(--r);color:var(--ink-2);cursor:pointer;display:flex;gap:var(--s2);height:2.75rem;justify-content:center;transition:border-color .15s,color .15s,background-color .15s}.seg label:hover{color:var(--ink)}.seg input{appearance:none;margin:0;position:absolute}.seg label:has(:checked){background:var(--accent-soft);border-color:var(--accent);color:var(--ink)}.seg label:has(:checked) .ico{color:var(--accent-text)}.seg label:has(:focus-visible){outline:2px solid var(--accent);outline-offset:2px}.opts{display:flex;flex-wrap:wrap;gap:var(--s2)}.opts button{user-select:none;background:var(--surface-2);border-radius:var(--r);color:var(--ink-2);font-size:var(--fs-lg);height:2rem;padding:0 var(--s3);transition:background-color .15s,color .15s}.opts button:hover{color:var(--ink)}.opts button[aria-pressed=true],.opts button.active{background:var(--accent-soft);color:var(--accent-text)}.tabs{border-bottom:1px solid var(--line);display:flex;gap:var(--s6)}.tabs>button,.tabs>a{align-items:center;border-bottom:2px solid transparent;color:var(--ink-2);display:inline-flex;font-size:var(--fs-xl);gap:var(--s2);margin-bottom:-1px;padding:var(--s2) 0;transition:color .15s}.tabs>:hover{color:var(--ink)}.tabs>[aria-selected=true],.tabs>[aria-current=page]{border-bottom-color:var(--accent);color:var(--ink)}.pill{align-items:center;background:var(--surface-2);border-radius:var(--r-pill);color:var(--ink-2);display:inline-flex;font-size:var(--fs-sm);gap:var(--s1);height:1.5rem;padding:0 var(--s2);white-space:nowrap}.pill .ico{height:12px;width:12px}.pill.accent{background:var(--accent-soft);color:var(--accent-text)}.pill.warn{background:var(--warn-soft);color:var(--warn)}.pill.danger{background:var(--danger-soft);color:var(--danger)}.pill.on-media{background:var(--scrim-strong);color:var(--on-media)}.badge{align-items:center;background:var(--scrim-strong);border-radius:var(--r-sm);bottom:var(--s2);color:var(--on-media);display:inline-flex;font-size:var(--fs-md);gap:.3125rem;line-height:1.375rem;padding:0 .375rem;position:absolute;right:var(--s2);z-index:1}.tag{color:var(--accent-text)}.tag:hover{text-decoration:underline}.tag-chip{align-items:center;background:var(--accent-soft);border-radius:var(--r-pill);color:var(--accent-text);display:inline-flex;gap:var(--s1);height:2rem;padding:0 var(--s2) 0 var(--s3)}.menu-wrap{position:relative}.pop,.post-menu{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);min-width:15rem;padding:var(--s1);z-index:var(--z-menu)}.pop{display:none;position:absolute;right:0;top:calc(100% + var(--s2))}.pop.show,.pop.open{animation:pop-in .12s var(--ease-out);display:grid}@keyframes pop-in{0%{opacity:0;transform:translateY(-.25rem)}}.pop>a,.pop>button,.post-menu-item{align-items:center;border-radius:var(--r-sm);color:var(--ink);display:flex;gap:var(--s3);text-align:left;transition:background-color .15s}.pop>a,.pop>button{height:2.5rem;padding:0 var(--s3);white-space:nowrap;width:100%}.pop>a:hover,.pop>button:hover,.post-menu-item:hover,.post-menu-item:focus-visible{background:var(--surface-2)}.pop>a>.ico,.pop>button>.ico,.post-menu-item>.ico{color:var(--ink-2)}.pop .danger,.pop .danger>.ico,.post-menu-item--danger,.post-menu-item--danger>.ico{color:var(--danger)}.pop hr,.post-menu-separator{border:0;border-top:1px solid var(--line);margin:var(--s1) 0}.pop-head{align-items:center;display:flex;gap:var(--s3);padding:var(--s2) var(--s3) var(--s3)}.pop-head b{color:var(--ink);display:flex}.pop-head span{color:var(--ink-3);font-size:var(--fs-sm)}.modal-back{align-items:center;background:var(--overlay);display:none;inset:0;justify-content:center;padding:var(--s4);position:fixed;z-index:var(--z-modal)}.modal-back.show{animation:fade-in .15s ease-out;display:flex}.modal{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);display:grid;gap:var(--s4);max-height:calc(100dvh - 2rem);overflow-y:auto;overscroll-behavior:contain;padding:var(--s6);width:min(28rem,100%)}.modal-back.show>.modal,dialog.modal[open]{animation:modal-in .2s var(--ease-out)}.modal-wide{width:min(40rem,100%)}.modal-back:has(>.modal>.tabs){align-items:flex-start;padding-top:max(var(--s4),10dvh)}.modal-top{align-items:start;display:flex;gap:var(--s3);justify-content:space-between}.modal-top>.icon-btn{margin:calc(var(--s1) * -1) calc(var(--s2) * -1) 0 0}.modal>.modal-top:first-child{background:var(--surface);margin-top:calc(var(--s6) * -1);padding-top:var(--s6);position:sticky;top:calc(var(--s6) * -1);z-index:1}.modal h2{color:var(--ink);font-size:var(--fs-2xl);font-weight:600;line-height:1.15}.modal p{text-wrap:pretty}.modal-actions{display:flex;flex-wrap:wrap;gap:var(--s2);justify-content:flex-end}dialog.modal{color:inherit;margin:auto}dialog.modal:not([open]){display:none}dialog.modal::backdrop{animation:fade-in .15s ease-out;background:var(--overlay)}@keyframes fade-in{0%{opacity:0}}@keyframes modal-in{0%{opacity:0;transform:translateY(.5rem) scale(.98)}}@keyframes sheet-in{0%{transform:translateY(100%)}}@media(max-width:760px){.modal-back,.modal-back:has(>.modal>.tabs){align-items:flex-end;padding:0}.modal{border-bottom:0;border-radius:var(--r-lg) var(--r-lg) 0 0;max-height:calc(100dvh - var(--s12));padding:var(--s6) var(--s4) calc(var(--s6) + env(safe-area-inset-bottom));width:100%}dialog.modal{margin:auto 0 0;max-width:100%}.modal-back.show>.modal,dialog.modal[open]{animation:sheet-in .26s var(--ease-out)}.modal-actions>.btn{flex:1}}.choices{display:grid;gap:2px}.choice{align-items:center;border-radius:var(--r);color:var(--ink);display:flex;gap:var(--s3);min-height:2.5rem;padding:var(--s1) var(--s2);text-align:left;transition:background-color .15s}.choice:hover{background:var(--surface-2)}.choice:before{border:1px solid var(--border);border-radius:50%;content:"";flex:none;height:1.25rem;transition:border-color .15s;width:1.25rem}.choice.active:before{background:var(--accent-ink);border:.375rem solid var(--accent)}.dialog-text{white-space:pre-line}.prose{color:var(--ink-2);display:grid;gap:var(--s3);font-size:var(--fs-lg);line-height:1.45}.prose h3{color:var(--ink);font-size:var(--fs-xl);font-weight:600;margin-top:var(--s3)}.prose ul{display:grid;gap:var(--s2);padding-left:var(--s6)}.sheet-back{background:var(--overlay);display:none;inset:0;position:fixed;z-index:var(--z-modal)}.sheet-back.show{display:block}.sheet-handle{display:none}.link-card{align-items:center;background:var(--surface-2);border-radius:var(--r);color:var(--ink-2);display:flex;gap:var(--s3);padding:var(--s3);transition:background-color .15s}.link-card:hover{background:var(--surface-3)}.link-card b{color:var(--ink);display:block}.link-card .ico{color:var(--ink-2)}.link-card>span{flex:1;min-width:0}.notify-container{bottom:var(--s6);display:grid;gap:var(--s2);justify-items:start;left:calc(var(--side-w, 0px) + var(--s6));position:fixed;z-index:var(--z-toast)}.notify{align-items:center;animation:toast-in .2s var(--ease-out);background:var(--surface-3);border-radius:var(--r);color:var(--ink);display:flex;font-size:var(--fs-lg);gap:var(--s3);max-width:min(34rem,calc(100vw - 2rem));min-height:3rem;padding:var(--s2) var(--s4)}.notify-icon{display:grid;flex:none;place-items:center}.notify.error .notify-icon{color:var(--danger)}.notify.warn .notify-icon{color:var(--warn)}.notify.success .notify-icon{color:var(--accent-text)}.notify.success{border-left:4px solid var(--accent-text)}.notify.error{border-left:4px solid var(--danger)}.notify.warn{border-left:4px solid var(--warn)}.notify-content{flex:1;min-width:0;text-wrap:pretty}.notify .icon-btn{margin-right:calc(var(--s2) * -1)}.notify.hide{opacity:0;transform:translateY(8px);transition:opacity .2s,transform .2s var(--ease-out)}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}}.notice{align-items:start;background:var(--surface);border-radius:var(--r);display:grid;gap:var(--s3);grid-template-columns:auto 1fr;padding:var(--s3) var(--s4)}.notice b{color:var(--ink);display:block}.notice.success{background:var(--accent-soft)}.notice.success>.ico{color:var(--accent-text)}.notice.warn{background:var(--warn-soft)}.notice.warn>.ico{color:var(--warn)}.notice.danger{background:var(--danger-soft)}.notice.danger>.ico{color:var(--danger)}.state{align-items:center;display:flex;flex-direction:column;gap:var(--s2);padding:var(--s12) var(--s4);text-align:center}.state>.ico{color:var(--ink-3);margin-bottom:var(--s2)}.state h1,.state h2,.state h3{color:var(--ink);font-size:var(--fs-2xl);font-weight:600;line-height:1.15}.state p{max-width:26rem;text-wrap:pretty}.state .actions{display:flex;flex-wrap:wrap;gap:var(--s2);justify-content:center;margin-top:var(--s3)}.loader{display:inline-flex;gap:3px;height:6px}.loader i{animation:blink .9s steps(1) infinite;background:currentColor;display:block;height:6px;width:6px}.loader i:nth-child(2){animation-delay:.3s}.loader i:nth-child(3){animation-delay:.6s}@keyframes blink{0%,to{opacity:.25}33%{opacity:1}}.bar{background:var(--surface-2);border-radius:2px;height:4px;overflow:hidden}.bar>span{background:var(--accent);display:block;height:100%}progress{appearance:none;background:var(--surface-2);border:0;border-radius:2px;display:block;height:4px;overflow:hidden;width:100%}progress::-webkit-progress-bar{background:var(--surface-2)}progress::-webkit-progress-value{background:var(--accent);transition:width .3s linear}progress::-moz-progress-bar{background:var(--accent)}.sk{animation:pulse 1.4s ease-in-out infinite;background:var(--surface-2);border-radius:var(--r-sm);display:block}@keyframes pulse{50%{opacity:.55}}.pixelated{image-rendering:pixelated}.brand-ico{background:currentColor;display:inline-block;flex:none;height:20px;width:20px}.brand-twitch{-webkit-mask:url(/static/image/twitch-mono-icon.svg) center / contain no-repeat;mask:url(/static/image/twitch-mono-icon.svg) center / contain no-repeat}.brand-logo-img{flex:none;height:36px;width:36px}.emote-inline{cursor:default;display:inline-block;height:2rem;max-height:3.75rem;max-width:11.25rem;vertical-align:middle;width:auto}.emote-tip{background:var(--ink);border-radius:var(--r-sm);color:var(--bg);font-size:var(--fs-sm);padding:var(--s1) var(--s2);pointer-events:none;position:fixed;white-space:nowrap;z-index:var(--z-toast)}.emote-picker,.emote-ac{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);display:none;flex-direction:column;position:fixed;z-index:var(--z-toast)}.emote-picker{gap:var(--s2);max-height:22rem;padding:var(--s2);width:18rem}.emote-picker-search{flex-shrink:0}.emote-picker-grid{align-content:flex-start;display:flex;flex-wrap:wrap;gap:var(--s1);justify-content:center;min-height:0;overflow-y:auto;overscroll-behavior:contain}.emote-picker-item{align-items:center;border-radius:var(--r-sm);display:flex;height:2.5rem;justify-content:center;padding:var(--s1);transition:background-color .15s}.emote-picker-item:hover{background:var(--surface-2)}.emote-picker-item.just-added,.emote-picker-item.just-added:hover{background:var(--accent-soft)}.emote-picker-item img{display:block;height:2rem;max-width:6rem;object-fit:contain;width:auto}.emote-ac{max-height:14rem;overflow-y:auto;padding:var(--s1)}.emote-ac-item{align-items:center;border-radius:var(--r-sm);cursor:pointer;display:flex;gap:var(--s2);padding:var(--s1) var(--s2)}.emote-ac-item.active,.emote-ac-item:hover{background:var(--surface-2)}.emote-ac-item img{flex:none;height:1.75rem;width:auto}.emote-ac-item span{color:var(--ink-2);font-size:var(--fs-md)}.table-wrap{overflow-x:auto;position:relative}.table{border-collapse:collapse;font-size:var(--fs-md);width:100%}.table th{border-bottom:1px solid var(--line);color:var(--ink-3);font-weight:500;padding:var(--s2) var(--s3);text-align:left;white-space:nowrap}.table td{border-bottom:1px solid var(--line);color:var(--ink-2);padding:var(--s3);vertical-align:middle}.table tbody tr:last-child td{border-bottom:0}.table tbody tr:hover td{background:var(--surface-2)}.table td b{color:var(--ink);font-weight:500}.table .num{font-variant-numeric:tabular-nums;text-align:right}.hashtag-link{color:var(--accent-text)}.hashtag-link:hover{text-decoration:underline}.hashtag-ac-dropdown{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);display:grid;max-height:14rem;overflow-y:auto;padding:var(--s1)}.hashtag-ac-item{align-items:center;border-radius:var(--r-sm);cursor:pointer;display:flex;gap:var(--s3);justify-content:space-between;padding:var(--s2) var(--s3)}.hashtag-ac-item:hover,.hashtag-ac-item--active{background:var(--surface-2)}.hashtag-ac-tag{color:var(--ink);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hashtag-ac-count{color:var(--ink-3);flex:none;font-size:var(--fs-sm)}.warning-modal-text{color:var(--ink);overflow-wrap:anywhere;white-space:pre-line}.warning-modal-btn{overflow:hidden;position:relative}.warning-modal-btn:disabled{color:var(--ink-2)}.warning-modal-btn-fill{background:var(--accent-soft);inset:0;position:absolute;transform:scaleX(0);transform-origin:left}.warning-modal-btn-fill.animate{transform:scaleX(1);transition:transform 2s linear}.warning-modal-btn:not(:disabled) .warning-modal-btn-fill{display:none}.warning-modal-btn>span:last-child{position:relative}.turnstile-overlay{z-index:calc(var(--z-toast) + 1)}.turnstile-modal{justify-items:center;text-align:center}.turnstile-widget{display:flex;justify-content:center;min-height:4.0625rem}.turnstile-message{color:var(--warn)}.turnstile-message:empty{display:none}.clipboard-helper{left:-9999px;opacity:0;position:fixed;top:0}.post-menu{animation:pop-in .12s var(--ease-out);display:grid;max-height:calc(100dvh - 1rem);overflow-y:auto;overscroll-behavior:contain;position:fixed}.post-menu-item{min-height:2.5rem;padding:var(--s1) var(--s3)}.post-menu-text{display:grid}.post-menu-hint{color:var(--ink-3);font-size:var(--fs-sm)}.post-menu-heading{color:var(--ink-3);font-size:var(--fs-sm);padding:var(--s2) var(--s3) var(--s1)}.post-menu-backdrop{background:var(--overlay);inset:0;position:fixed;z-index:calc(var(--z-menu) - 1)}.post-menu--sheet{animation:sheet-in .26s var(--ease-out);border-radius:var(--r-lg) var(--r-lg) 0 0;bottom:0;inset-inline:0;padding-bottom:calc(var(--s2) + env(safe-area-inset-bottom));top:auto!important;left:0!important}.image-viewer{align-items:center;background:var(--scrim-max);display:none;inset:0;justify-content:center;opacity:0;position:fixed;transition:opacity .25s;z-index:calc(var(--z-toast) + 1)}.viewer-close-btn,.viewer-nav-btn{align-items:center;background:var(--on-media-glass);border-radius:50%;color:var(--on-media);display:flex;height:3rem;justify-content:center;position:fixed;transition:background-color .15s,opacity .2s,transform .2s;width:3rem;z-index:1}.viewer-close-btn:hover,.viewer-nav-btn:hover{background:var(--on-media-glass-hover)}.viewer-close-btn{opacity:0;right:var(--s4);top:var(--s4);transform:translateY(-10px)}.viewer-nav-btn{display:none;top:50%;transform:translateY(-50%)}.viewer-nav-prev{left:var(--s4)}.viewer-nav-next{right:var(--s4)}.viewer-counter{background:var(--on-media-glass);border-radius:var(--r-pill);bottom:var(--s4);color:var(--on-media);display:none;font-size:var(--fs-lg);left:50%;padding:var(--s1) var(--s3);pointer-events:none;position:fixed;transform:translate(-50%);user-select:none;z-index:1}.viewer-image-wrapper{align-items:center;cursor:grab;display:flex;height:100%;justify-content:center;position:relative;width:100%}.viewer-image{-webkit-user-drag:none;display:block;height:auto;max-height:100%;max-width:100%;object-fit:contain;opacity:0;transition:opacity .3s;user-select:none;width:auto}.pay-item{align-items:baseline;background:var(--bg);border-radius:var(--r);display:flex;gap:var(--s3);justify-content:space-between;padding:var(--s3) var(--s4)}.pay-what{color:var(--ink);min-width:0}.pay-sum{color:var(--ink);flex:none;font-size:var(--fs-2xl);font-weight:600}.pay-form{display:grid;gap:var(--s4)}.pay-secure{align-items:center;color:var(--ink-3);display:flex;font-size:var(--fs-sm);gap:var(--s2)}.pay-state{display:grid;gap:var(--s3);justify-items:center;padding:var(--s4) 0;text-align:center}.pay-state .ico-xl{color:var(--ink-3)}.pay-state.paid .ico-xl{color:var(--accent-text)}.pay-state.failed .ico-xl{color:var(--danger)}.pay-state p{color:var(--ink-2);max-width:24rem}.pay-error{grid-template-columns:1fr}.tx-spoiler{background:var(--surface-3);border-radius:var(--r-sm);-webkit-box-decoration-break:clone;box-decoration-break:clone;color:transparent;cursor:pointer;padding:0 .15em;transition:background-color .2s,color .2s;user-select:none}.tx-spoiler:not(.open) *{visibility:hidden}.tx-spoiler:hover:not(.open){background:var(--ink-3)}.tx-spoiler.open{background:var(--surface-2);color:inherit;cursor:auto;user-select:auto}.ban-dialog{display:grid;gap:var(--s3)}.ban-dialog-who{align-items:center;display:flex;gap:var(--s3);min-width:0}.ban-dialog-who b{color:var(--ink);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ban-dialog-avatar{background:var(--surface-2);border-radius:50%;flex:none;height:2.5rem;object-fit:cover;width:2.5rem}.ban-dialog-videos{border:1px solid var(--line);border-radius:var(--r);display:grid;list-style:none;margin:0;max-height:15rem;overflow-y:auto;overscroll-behavior:contain;padding:0}.ban-dialog-video{align-items:center;display:grid;gap:var(--s3);grid-template-columns:4.5rem minmax(0,1fr);padding:var(--s2)}.ban-dialog-video+.ban-dialog-video{border-top:1px solid var(--line)}.ban-dialog-thumb{aspect-ratio:16 / 9;background:var(--surface-2);border-radius:var(--r-sm);grid-row:span 2;object-fit:cover;width:100%}.ban-dialog-title{color:var(--ink);display:-webkit-box;font-size:var(--fs-md);line-height:1.3;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}.ban-dialog-tags{display:flex;flex-wrap:wrap;gap:var(--s1)}.ban-dialog-more{color:var(--ink-3);font-size:var(--fs-md)}.moderation-actions-overlay{--moderation-accent: var(--accent)}.moderation-actions-overlay[data-action=warn],.moderation-actions-overlay[data-action=suspend]{--moderation-accent: var(--warn)}.moderation-actions-overlay[data-action^=ban]{--moderation-accent: var(--danger)}.moderation-actions-overlay .modal:focus{outline:none}.moderation-actions-kicker{color:var(--moderation-accent);font-size:var(--fs-sm);font-weight:600}.moderation-actions-form,.moderation-actions-body{display:grid;gap:var(--s4)}.moderation-actions-body legend{margin-bottom:var(--s2)}.moderation-actions-choices{grid-auto-flow:row;grid-template-columns:repeat(2,minmax(0,1fr))}.moderation-actions-choices-3{grid-template-columns:repeat(3,minmax(0,1fr))}.moderation-actions-choices label{display:block;height:auto;padding:var(--s2) var(--s3)}.moderation-actions-choices label:has(:checked){background:color-mix(in srgb,var(--choice-accent, var(--moderation-accent)) 12%,transparent);border-color:var(--choice-accent, var(--moderation-accent))}.moderation-actions-choices b{color:var(--ink);display:block;font-weight:500;line-height:1.2}.moderation-actions-choices small{color:var(--ink-3);display:block;font-size:var(--fs-sm);line-height:1.3;margin-top:var(--s1)}.moderation-actions-custom{align-items:center;color:var(--ink-2);display:flex;gap:var(--s3)}.moderation-actions-custom .input{width:8rem}.moderation-actions-error ul{margin-top:var(--s2);padding-left:var(--s6)}@media(max-width:760px){.moderation-actions-choices{grid-template-columns:1fr}}