.supscr{gap:var(--s-16);max-width:calc(820px * var(--ui));display:grid}.supscr--thread{gap:var(--s-12)}.supscr__head{justify-content:space-between;align-items:center;gap:var(--s-12);flex-wrap:wrap;display:flex}.supscr__error{font-size:var(--t-sm);color:var(--red)}.supscr__link{color:var(--pink-soft);font-weight:600;font-size:var(--t-sm);text-underline-offset:3px;text-decoration:underline}.supscr__link:hover{color:var(--pink)}.supscr__list{display:grid}.supscr__list>li+li{border-top:1px solid var(--border)}.suprow{gap:var(--s-6);padding:var(--s-14) var(--s-16);transition:background-color var(--d-fast) var(--e-out);display:grid}.suprow:hover{background:var(--surface-hi)}.suprow__top{align-items:center;gap:var(--s-10);display:flex}.suprow__title{flex:auto;min-width:0;font-weight:600}.suprow__preview{font-size:var(--t-sm);color:var(--muted-2)}.suprow__foot{align-items:center;gap:var(--s-8);font-size:var(--t-xs);color:var(--muted-2);display:flex}.suprow__time{font-variant-numeric:tabular-nums;margin-right:auto}.suprow__clip{line-height:1}.suprow__badge{min-width:calc(20px * var(--ui));padding:0 calc(6px * var(--ui));border-radius:var(--r-pill);background:var(--pink);color:var(--on-pink);text-align:center;font-variant-numeric:tabular-nums;font-weight:700}.supblocked{align-items:center;gap:var(--s-10);padding:var(--s-12) var(--s-16);border-radius:var(--r-card);background:var(--yellow-dim);color:var(--yellow);font-size:var(--t-sm);border:1px solid #ffce3e4d;line-height:1.5;display:flex}.supblocked svg{flex:none}.supthread{gap:var(--s-12);padding:var(--s-16);max-height:min(calc(62dvh), calc(720px * var(--ui)));overscroll-behavior:contain;display:grid;overflow-y:auto}.supthread__older{justify-self:center}.supline{display:flex}.supline--mine{justify-content:flex-end}.supbub{gap:var(--s-6);max-width:min(78%, calc(560px * var(--ui)));padding:var(--s-10) var(--s-14);border-radius:var(--r-card);background:var(--surface-hi);border:1px solid var(--border);display:grid}.supbub--mine{background:var(--pink-dim);border-color:#ff2d6b4d}.supbub__author{font-size:var(--t-xs);color:var(--pink-soft);font-weight:700}.supbub__body{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.5}.supsys{gap:var(--s-8);padding:var(--s-12) var(--s-14);border-radius:var(--r-card);background:var(--deep);border:1px dashed var(--border-hi);display:grid}.supsys__text{white-space:pre-wrap;font-size:var(--t-sm);color:var(--muted);line-height:1.55}.supstamp{font-size:var(--t-micro);color:var(--muted-2);font-variant-numeric:tabular-nums;justify-self:end}.suptr{gap:var(--s-6);display:grid}.suptr__list{gap:var(--s-4);font-size:var(--t-xs);display:grid}.suptr__list li{gap:var(--s-8);align-items:baseline;display:flex}.suptr__nick{flex:none;font-weight:700}.suptr__nick--a{color:var(--pink-soft)}.suptr__nick--b{color:var(--green-soft)}.suptr__nick--staff{color:var(--yellow)}.suptr__text{color:var(--muted);overflow-wrap:anywhere;flex:auto}.suptr__at{color:var(--muted-2);font-variant-numeric:tabular-nums;flex:none}.supc{gap:var(--s-8);display:grid}.supc__row{align-items:flex-end;gap:var(--s-8);display:flex}.supc__input{min-width:0;min-height:calc(46px * var(--ui));flex:auto}.supc__row>.btn{flex:none;max-width:60%}.supc__clip{width:calc(40px * var(--ui));height:calc(40px * var(--ui));border-radius:var(--r-control);background:var(--surface);border:1px solid var(--border);color:var(--muted);transition:color var(--d-base) var(--e-out), border-color var(--d-base) var(--e-out);flex:none;place-items:center;display:grid}.supc__clip:hover:not(:disabled){color:var(--pink-soft);border-color:var(--pink)}.supc__clip:disabled{opacity:.45}.supc__limits{font-size:var(--t-micro);color:var(--muted-2)}.supc__notice{font-size:var(--t-xs);color:var(--muted);padding:var(--s-8) var(--s-12);border-radius:var(--r-tiny);background:var(--surface);border:1px solid var(--border)}.supc__notice--bad{color:var(--red);background:var(--red-dim);border-color:#ff3b3b4d}.supc__tray{gap:var(--s-8);flex-wrap:wrap;display:flex}.suptile{width:calc(64px * var(--ui));height:calc(64px * var(--ui));border-radius:var(--r-tiny);background:var(--deep);border:1px solid var(--border);place-items:center;display:grid;position:relative;overflow:hidden}.suptile--bad{border-color:var(--red)}.suptile__img{object-fit:cover;width:100%;height:100%}.suptile__glyph{color:var(--muted-2);font-size:calc(18px * var(--ui))}.suptile__veil{font-size:var(--t-micro);color:#fff;background:#0009;place-items:center;display:grid;position:absolute;inset:0}.suptile__x{width:calc(18px * var(--ui));height:calc(18px * var(--ui));color:#fff;background:#000000a6;border-radius:50%;place-items:center;display:grid;position:absolute;top:2px;right:2px}.supmedia{gap:var(--s-8);flex-wrap:wrap;display:flex}.supmedia__frame{display:block}.supmedia__img{max-width:calc(220px * var(--ui));max-height:calc(220px * var(--ui));border-radius:var(--r-tiny);border:1px solid var(--border);object-fit:cover}.supmedia__video{max-width:calc(320px * var(--ui));border-radius:var(--r-tiny);border:1px solid var(--border)}.supmedia__pending{width:calc(120px * var(--ui));height:calc(90px * var(--ui));border-radius:var(--r-tiny)}.supmedia__note{font-size:var(--t-xs);color:var(--muted-2)}.supapp__recap{gap:var(--s-8);padding:var(--s-12) var(--s-14);border-radius:var(--r-card);background:var(--deep);border:1px solid var(--border);display:grid}.supapp__row{justify-content:space-between;align-items:baseline;gap:var(--s-12);display:flex}.supapp__k{font-size:var(--t-xs);color:var(--muted-2);text-transform:uppercase;letter-spacing:var(--tr-label)}.supapp__v{font-size:var(--t-sm);text-align:right;font-weight:600}@media (max-width:560px){.supbub{max-width:92%}.supthread{padding:var(--s-12)}}