:root{--ground: #f1f5f9;--surface: #ffffff;--surface-hi: #f8fafc;--surface-sunk: #eef2f7;--hairline: #d5dde7;--hairline-strong: #b7c3d2;--text: #0f172a;--text-2: #334155;--muted: #5b6b7f;--primary: #2563eb;--primary-hover: #1d4ed8;--primary-soft: #e6edfd;--on-primary: #ffffff;--live: #15803d;--live-soft: #dcfce7;--draft: #b45309;--draft-soft: #fef3c7;--danger: #b91c1c;--danger-soft: #fee2e2;--on-danger: #ffffff;--ok: #15803d;--shadow-sm: 0 1px 2px rgba(15, 23, 42, .06);--shadow-md: 0 4px 14px rgba(15, 23, 42, .09);--display: "JetBrains Mono", ui-monospace, "Noto Sans TC", monospace;--ui: "IBM Plex Sans", "Noto Sans TC", system-ui, sans-serif;--r: 12px;--r-sm: 8px;color-scheme:light}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--ground: #0b1120;--surface: #0f172a;--surface-hi: #1e293b;--surface-sunk: #0a0f1c;--hairline: #26334a;--hairline-strong: #3a4a63;--text: #f8fafc;--text-2: #cbd5e1;--muted: #94a3b8;--primary: #3b82f6;--primary-hover: #60a5fa;--primary-soft: rgba(59, 130, 246, .16);--on-primary: #0b1120;--live: #22c55e;--live-soft: rgba(34, 197, 94, .16);--draft: #f59e0b;--draft-soft: rgba(245, 158, 11, .16);--danger: #f87171;--danger-soft: rgba(248, 113, 113, .14);--on-danger: #0b1120;--ok: #22c55e;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .35);--shadow-md: 0 6px 20px rgba(0, 0, 0, .45);color-scheme:dark}}:root[data-theme=dark]{--ground: #0b1120;--surface: #0f172a;--surface-hi: #1e293b;--surface-sunk: #0a0f1c;--hairline: #26334a;--hairline-strong: #3a4a63;--text: #f8fafc;--text-2: #cbd5e1;--muted: #94a3b8;--primary: #3b82f6;--primary-hover: #60a5fa;--primary-soft: rgba(59, 130, 246, .16);--on-primary: #0b1120;--live: #22c55e;--live-soft: rgba(34, 197, 94, .16);--draft: #f59e0b;--draft-soft: rgba(245, 158, 11, .16);--danger: #f87171;--danger-soft: rgba(248, 113, 113, .14);--on-danger: #0b1120;--ok: #22c55e;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .35);--shadow-md: 0 6px 20px rgba(0, 0, 0, .45);color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html,body{block-size:100%}body{margin:0;background:var(--ground);color:var(--text);font-family:var(--ui);font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased}h1,h2,h3{margin:0;text-wrap:balance}:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:4px}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}input[type=text],input[type=url],input[type=number],input[type=color],textarea,select{inline-size:100%;padding:.5rem .65rem;background:var(--surface);color:var(--text);border:1px solid var(--hairline-strong);border-radius:var(--r-sm);font:inherit;font-size:16px;transition:border-color .15s ease,box-shadow .15s ease}@media(min-width:640px){input[type=text],input[type=url],input[type=number],textarea,select{font-size:14px}}input:disabled,textarea:disabled,select:disabled{background:var(--surface-sunk);color:var(--muted);border-color:var(--hairline);cursor:not-allowed}input:hover:not(:disabled),textarea:hover:not(:disabled),select:hover:not(:disabled){border-color:var(--primary)}input:focus,textarea:focus,select:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft);outline:none}textarea{resize:vertical;min-block-size:4.5rem}input[type=color]{padding:2px;block-size:2.4rem;cursor:pointer}input[type=checkbox]{inline-size:auto;accent-color:var(--primary)}label{display:block;font-size:.78rem;font-weight:500;color:var(--muted);margin-block-end:.3rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;min-block-size:40px;padding:.45rem .9rem;background:var(--surface);color:var(--text);border:1px solid var(--hairline-strong);border-radius:var(--r-sm);font:inherit;font-size:.85rem;font-weight:500;text-decoration:none;cursor:pointer;transition:background-color .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease}.btn:hover:not(:disabled){border-color:var(--primary);color:var(--primary)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn--primary{background:var(--primary);border-color:var(--primary);color:var(--on-primary);font-weight:600}.btn--primary:hover:not(:disabled){background:var(--primary-hover);border-color:var(--primary-hover);color:var(--on-primary)}.btn--publish{background:var(--live);border-color:var(--live);color:#fff;font-weight:600}.btn--publish:hover:not(:disabled){filter:brightness(1.08);color:#fff}.btn--danger{color:var(--danger)}.btn--danger:hover:not(:disabled){background:var(--danger-soft);border-color:var(--danger);color:var(--danger)}.btn--ghost{background:transparent;border-color:transparent}.btn--ghost:hover:not(:disabled){background:var(--surface-hi);border-color:var(--hairline)}.btn--icon{min-inline-size:40px;padding-inline:.5rem}.panel{background:var(--surface);border:1px solid var(--hairline);border-radius:var(--r);box-shadow:var(--shadow-sm);overflow:hidden}.panel__hd{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.7rem .9rem;border-block-end:1px solid var(--hairline);background:var(--surface-hi);font-family:var(--display);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.panel__bd{padding:.9rem;display:grid;gap:.9rem}.field{display:grid;gap:0}.hint{font-size:.78rem;color:var(--muted);line-height:1.65;margin:0}.hint code{font-family:var(--display);font-size:.92em;color:var(--text-2);background:var(--surface-sunk);padding:.1em .35em;border-radius:4px}.err{font-size:.78rem;color:var(--danger);margin:.3rem 0 0}.top{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem 1rem;padding:.8rem clamp(.85rem,2.5vw,1.75rem);border-block-end:1px solid var(--hairline);background:var(--surface)}.top__brand{font-family:var(--display);font-size:1.05rem;font-weight:700;letter-spacing:-.02em}.top__handle{font-size:.85rem;color:var(--muted);font-family:var(--display)}.top__right{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin-inline-start:auto}.top__me{display:inline-flex;align-items:center;gap:.4rem;font-family:var(--display);font-size:.78rem;color:var(--muted);max-width:16rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.top__me-tag{padding:.1rem .45rem;border:1px solid var(--hairline);border-radius:99px;font-size:.66rem;letter-spacing:.04em}.badge{display:inline-flex;align-items:center;gap:.4rem;padding:.24rem .65rem;border-radius:99px;font-family:var(--display);font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.badge:before{content:"";inline-size:.5rem;block-size:.5rem;border-radius:50%;background:currentColor}.badge--live{background:var(--live-soft);color:var(--live)}.badge--draft{background:var(--draft-soft);color:var(--draft)}.pending{font-size:.78rem;color:var(--draft);font-weight:500}.tabs{display:flex;gap:2px;padding:3px;background:var(--surface-sunk);border:1px solid var(--hairline);border-radius:var(--r-sm);overflow-x:auto}.tabs button{flex:0 0 auto;padding:.4rem .85rem;background:none;border:0;border-radius:5px;color:var(--muted);font:inherit;font-size:.85rem;cursor:pointer;transition:background-color .15s ease,color .15s ease}.tabs button:hover{color:var(--text)}.tabs button[aria-selected=true]{background:var(--surface);color:var(--text);box-shadow:var(--shadow-sm)}.shell{display:grid;gap:1rem;grid-template-columns:minmax(0,1fr) 25rem;align-items:start;padding:1rem clamp(.85rem,2.5vw,1.75rem) 3rem}@media(max-width:1080px){.shell{grid-template-columns:minmax(0,1fr)}}.work{display:grid;gap:.9rem}app-links,app-appearance,app-analytics,app-versions,app-settings{display:grid;gap:.9rem;align-content:start}.preview{display:grid;gap:.6rem;position:sticky;inset-block-start:1rem}.preview__bar{display:flex;align-items:center;gap:.5rem}.preview__frame{inline-size:100%;aspect-ratio:9 / 16;max-block-size:42rem;border:2px solid var(--hairline-strong);border-radius:18px;overflow:hidden;background:var(--surface-sunk);transition:border-color .2s ease}.preview__frame[data-state=live]{border-color:var(--live)}.preview__frame[data-state=draft]{border-color:var(--draft)}.preview__frame iframe{inline-size:100%;block-size:100%;border:0;display:block}.preview__empty{display:grid;place-items:center;block-size:100%;padding:1.5rem;text-align:center}.rows{display:grid;gap:.55rem}.row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.6rem;padding:.6rem .7rem;background:var(--surface);border:1px solid var(--hairline);border-inline-start:3px solid transparent;border-radius:var(--r-sm)}.row.is-header{background:var(--surface-hi);border-inline-start-color:var(--primary)}.row.is-off{opacity:.55}.row__grip{cursor:grab;color:var(--muted);font-size:1.1rem;line-height:1;min-inline-size:32px;min-block-size:32px;display:grid;place-items:center;border-radius:6px}.row__grip:hover{background:var(--surface-hi);color:var(--text)}.row__grip:active{cursor:grabbing}.row__main{display:grid;gap:.3rem;min-inline-size:0}.row__title{font-weight:500;overflow-wrap:anywhere}.row__thumb{inline-size:1.15rem;block-size:1.15rem;border-radius:3px;object-fit:cover;vertical-align:-.2rem;margin-inline-end:.35rem;background:var(--surface-sunk)}.row__url{font-size:.78rem;color:var(--muted);overflow-wrap:anywhere;font-family:var(--display)}.row__tag{font-family:var(--display);font-size:.68rem;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.row__acts{display:flex;flex-wrap:wrap;gap:.3rem}.row__main--inline{grid-auto-flow:column;grid-template-columns:auto minmax(0,1fr);align-items:baseline;gap:.6rem}@media(max-width:640px){.row__main--inline{grid-auto-flow:row;grid-template-columns:minmax(0,1fr);gap:.2rem}}.adder{border:1px solid var(--hairline);border-radius:var(--r-sm);background:var(--surface-hi)}.adder>summary{cursor:pointer;padding:.55rem .7rem;font-weight:500;font-size:.92rem;border-radius:var(--r-sm);-webkit-user-select:none;user-select:none;list-style:none;display:flex;align-items:center;gap:.5rem}.adder>summary::-webkit-details-marker{display:none}.adder>summary:before{content:"\25b8";color:var(--muted);font-size:.8rem;transition:transform .15s ease}.adder[open]>summary:before{transform:rotate(90deg)}.adder>summary:hover{color:var(--primary)}.adder>summary:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.adder[open]>summary{border-block-end:1px solid var(--hairline)}.adder--block[open]{min-block-size:22.5rem}.adder>*:not(summary){padding-inline:.7rem}.adder>*:not(summary):first-of-type{padding-block-start:.7rem}.adder>*:not(summary):last-child{padding-block-end:.7rem}.cdk-drag-preview{box-shadow:var(--shadow-md);border-radius:var(--r-sm);opacity:.96}.cdk-drag-placeholder{opacity:.3}.cdk-drop-list-dragging .row:not(.cdk-drag-placeholder){transition:transform .2s cubic-bezier(0,0,.2,1)}.chips{display:grid;grid-template-columns:repeat(auto-fill,minmax(6.5rem,1fr));gap:.55rem}.chip{display:grid;gap:.35rem;padding:.35rem;background:var(--surface);border:1px solid var(--hairline);border-radius:10px;cursor:pointer;color:inherit;font:inherit;text-align:start;transition:border-color .18s ease,box-shadow .18s ease}.chip:hover{border-color:var(--primary)}.chip[aria-pressed=true]{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-soft)}.chip__name{font-size:.74rem;color:var(--muted)}.chip[aria-pressed=true] .chip__name{color:var(--primary);font-weight:600}.mini{block-size:4.6rem;border-radius:6px;padding:.4rem;overflow:hidden;display:grid;gap:.24rem;justify-items:center;align-content:start;grid-template-columns:minmax(0,1fr);background:var(--m-ground)}.mini>*{max-inline-size:100%}.mini__av{inline-size:1rem;block-size:1rem;border-radius:var(--m-avr);background:var(--m-fg);opacity:.85}.mini__nm{inline-size:2.4rem;block-size:.24rem;border-radius:2px;background:var(--m-fg);opacity:.8}.mini__bio{inline-size:3.3rem;block-size:.16rem;border-radius:2px;background:var(--m-fg);opacity:.42}.mini__btn{inline-size:100%;block-size:.56rem;margin-block-start:.06rem;border-radius:var(--m-br);background:var(--m-bbg);border:var(--m-bbd)}.gauges{display:grid;gap:.5rem}.gauge{display:grid;gap:.3rem;padding:.55rem .7rem;background:var(--surface-hi);border:1px solid var(--hairline);border-radius:var(--r-sm)}.gauge.is-fail{border-color:var(--draft);background:var(--draft-soft)}.gauge__top{display:flex;align-items:baseline;justify-content:space-between;gap:.6rem}.gauge__lbl{font-size:.78rem;color:var(--muted)}.gauge__num{font-family:var(--display);font-size:.95rem;font-weight:600;font-variant-numeric:tabular-nums}.gauge__bar{block-size:.28rem;border-radius:99px;background:var(--hairline);overflow:hidden}.gauge__fill{block-size:100%;border-radius:99px;background:var(--ok);inline-size:var(--pct, 0%);transition:inline-size .3s ease,background-color .3s ease}.gauge.is-aa .gauge__fill{background:var(--primary)}.gauge.is-fail .gauge__fill{background:var(--draft)}.gauge__tag{font-family:var(--display);font-size:.68rem;letter-spacing:.06em;text-transform:uppercase;font-weight:700;color:var(--ok)}.gauge.is-aa .gauge__tag{color:var(--primary)}.gauge.is-fail .gauge__tag{color:var(--draft)}.warn{padding:.75rem .85rem;border-radius:var(--r-sm);background:var(--draft-soft);border:1px solid var(--draft);color:var(--text);font-size:.82rem;line-height:1.65}.warn strong{display:block;color:var(--draft);margin-block-end:.25rem}.sugs{display:grid;grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));gap:1.1rem .6rem;margin-block-start:.9rem}.sugs:empty{display:none}.sug{position:relative;display:grid;grid-template-columns:5.5rem minmax(0,1fr);gap:.7rem;align-items:start;padding:.6rem;background:var(--surface);border:1px solid var(--hairline);border-radius:10px;transition:border-color .18s ease,box-shadow .18s ease}.sug.is-recommended{border-color:var(--text-2)}.sug__ribbon{position:absolute;inset-block-start:-.75rem;inset-inline-end:.6rem;padding:.1rem .55rem .1rem .85rem;font-size:.72rem;font-weight:700;letter-spacing:.08em;line-height:1.4;color:var(--surface);background:var(--text);clip-path:polygon(0 0,100% 0,100% 100%,0 100%,.35rem 50%)}.sug__pick{margin:0;font-size:.78rem;line-height:1.6;color:var(--text);font-weight:600}.sug.is-applied{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-soft)}.sug .mini{block-size:6rem}.sug__side{display:grid;gap:.5rem}.sug__side .btn{inline-size:100%;padding-inline:.5rem}.sug__body{display:grid;gap:.35rem;align-content:start;min-inline-size:0}.sug__name{margin:0;font-size:.95rem;font-weight:600;color:var(--text)}.sug__why{margin:0;font-size:.82rem;line-height:1.65;color:var(--text-2)}.sug__meta{display:flex;flex-wrap:wrap;align-items:center;gap:.3rem .6rem;margin-block-start:.15rem}.sug__grade{font-family:var(--display);font-size:.68rem;font-weight:700;letter-spacing:.06em;color:var(--primary)}.sug__grade.is-aaa{color:var(--ok)}.sug__grade.is-fail{color:var(--draft)}.saved-new input{flex:1 1 10rem;min-inline-size:0}.saved-list{list-style:none;margin:.6rem 0 0;padding:0;display:grid;gap:.5rem}.saved{display:grid;grid-template-columns:5rem minmax(0,1fr);grid-template-areas:"mini main" "mini actions";gap:.35rem .7rem;align-items:center;padding:.5rem;background:var(--surface);border:1px solid var(--hairline);border-radius:10px;transition:border-color .18s ease,box-shadow .18s ease}.saved.is-loaded{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-soft)}.saved .mini{grid-area:mini;inline-size:5rem;block-size:4.6rem}.saved__main{grid-area:main;display:flex;flex-wrap:wrap;align-items:center;gap:.3rem .6rem;min-inline-size:0}.saved__main input{flex:1 1 8rem;min-inline-size:0}.saved__name{font-weight:600;color:var(--text);overflow-wrap:anywhere}.saved__actions{grid-area:actions;display:flex;flex-wrap:wrap;gap:.4rem}@media(min-width:640px){.saved{grid-template-columns:5rem minmax(0,1fr) auto;grid-template-areas:"mini main actions"}}.sug__ratio{font-size:.78rem;color:var(--muted)}.sug__ratio b{font-family:var(--display);font-weight:600;font-variant-numeric:tabular-nums;color:var(--text)}.sug.is-pending{animation:sug-pending-in .2s ease-out .25s both}@keyframes sug-pending-in{0%{opacity:0}to{opacity:1}}.sug__ph{display:block;block-size:.6rem;border-radius:4px;background:var(--hairline)}.sug__ph--mini{block-size:6rem;border-radius:6px}.sug__ph--btn{block-size:40px;border-radius:var(--r-sm)}.sug__ph--title{block-size:.9rem;inline-size:55%;margin-block-end:.2rem}.sug__ph--short{inline-size:60%}.adjusted-chip{display:inline-block;padding:.15rem .65rem;font-size:.8125rem;font-weight:600;line-height:1.6;color:var(--text-2);background:var(--surface-hi);border:1px solid var(--hairline-strong);border-radius:999px;white-space:nowrap}.ver{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.6rem;padding:.55rem .7rem;background:var(--surface);border:1px solid var(--hairline);border-radius:var(--r-sm)}.ver.is-live{border-color:var(--live);background:var(--live-soft)}.ver__no{font-family:var(--display);font-size:.85rem;font-weight:700;min-inline-size:2.5rem}.ver__meta{display:grid;gap:.15rem;min-inline-size:0}.ver__note{font-size:.85rem;overflow-wrap:anywhere}.ver__time{font-size:.74rem;color:var(--muted);font-family:var(--display)}.grid2{display:grid;grid-template-columns:repeat(auto-fit,minmax(9rem,1fr));gap:.7rem}.rowh{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.spacer{margin-inline-start:auto}.empty{padding:1.5rem 1rem;border:1px dashed var(--hairline-strong);border-radius:var(--r-sm);text-align:center;color:var(--muted);font-size:.88rem}.center{display:grid;place-items:center;min-block-size:80dvh;padding:1.5rem}.card-narrow{inline-size:min(28rem,100%)}.aliases{display:grid;gap:.4rem;margin:0;padding:0;list-style:none}.alias{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:.6rem;padding:.45rem .7rem;background:var(--surface-sunk);border:1px solid var(--hairline);border-radius:var(--r-sm)}.alias.is-off{opacity:.6}.alias__handle{font-size:.82rem;overflow-wrap:anywhere}.alias__state{font-size:.74rem;color:var(--muted);font-family:var(--display)}.modal{inline-size:min(30rem,calc(100vw - 2rem));max-block-size:calc(100dvh - 4rem);padding:0;background:var(--surface);color:var(--text);border:1px solid var(--hairline-strong);border-radius:var(--r);box-shadow:var(--shadow-md)}.modal::backdrop{background:#0f172a73}.modal[open]{display:grid;grid-template-rows:auto minmax(0,1fr) auto}.modal__title{margin:0;padding:1rem 1.1rem .6rem;font-family:var(--display);font-size:1rem;font-weight:700}.modal__body{padding:0 1.1rem;overflow-y:auto;font-size:.85rem;line-height:1.7}.modal__body p{margin:0 0 .7rem}.modal__rows{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.3rem .7rem;margin:0 0 .7rem;padding:.6rem .7rem;background:var(--surface-sunk);border-radius:var(--r-sm);font-size:.8rem}.modal__rows dt{color:var(--muted)}.modal__rows dd{margin:0;font-family:var(--display);overflow-wrap:anywhere}.modal__foot{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.5rem;padding:.9rem 1.1rem 1.1rem}.modal__foot .btn--danger{background:var(--danger);border-color:var(--danger);color:var(--on-danger);font-weight:600}.modal__foot .btn--danger:hover:not(:disabled){background:var(--danger);border-color:var(--danger);color:var(--on-danger);filter:brightness(1.08)}.toast{position:fixed;inset-block-end:1rem;inset-inline:0;margin-inline:auto;inline-size:fit-content;max-inline-size:calc(100vw - 2rem);padding:.65rem 1.1rem;border-radius:99px;background:var(--surface);border:1px solid var(--hairline-strong);box-shadow:var(--shadow-md);font-size:.85rem;z-index:50}.toast.is-err{border-color:var(--danger);color:var(--danger);background:var(--danger-soft)}.sr{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.check{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:var(--text-2);cursor:pointer;min-block-size:2.25rem}.check input[type=checkbox]{inline-size:1.05rem;block-size:1.05rem;accent-color:var(--primary);cursor:pointer;flex:0 0 auto}.tabs--sm{padding:2px;gap:2px}.tabs--sm button{padding:.25rem .6rem;font-size:.78rem}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(7.5rem,1fr));gap:.6rem}.stat{display:grid;gap:.15rem;padding:.7rem .8rem;background:var(--surface-hi);border:1px solid var(--hairline);border-radius:var(--r-sm)}.stat__n{font-family:var(--display);font-size:1.45rem;font-weight:700;font-variant-numeric:tabular-nums;line-height:1.15}.stat__l{font-size:.76rem;color:var(--muted)}.chart{margin:0;display:grid;gap:.45rem}.chart__svg{inline-size:100%;block-size:160px;display:block;background:var(--surface-hi);border:1px solid var(--hairline);border-radius:var(--r-sm)}.chart__grid{stroke:var(--hairline);stroke-width:1;fill:none}.chart__area{fill:var(--primary-soft);stroke:none}.chart__views{stroke:var(--primary);stroke-width:2;fill:none}.chart__clicks{stroke:var(--live);stroke-width:2;fill:none;stroke-dasharray:5 4}.chart__axis{display:flex;gap:.5rem;font-size:.72rem;color:var(--muted);font-family:var(--display)}.sub{margin:.4rem 0 0;font-size:.9rem;font-weight:600}.rank{margin:0;padding:0;list-style:none;display:grid;gap:.4rem}.rank__row{display:grid;grid-template-columns:minmax(0,1fr) 5rem auto;align-items:center;gap:.6rem;font-size:.85rem}.rank__t{overflow-wrap:anywhere}.rank__row.is-gone .rank__t{color:var(--muted);font-style:italic}.rank__n{font-family:var(--display);font-variant-numeric:tabular-nums;font-weight:600}.rank__bar{block-size:.4rem;border-radius:99px;background:var(--primary);justify-self:start;inline-size:var(--w, 20%)}.rank--1{--w: 20%}.rank--2{--w: 40%}.rank--3{--w: 60%}.rank--4{--w: 80%}.rank--5{--w: 100%}.qr{display:flex;gap:1rem;align-items:flex-start;flex-wrap:wrap}.qr__img{inline-size:220px;block-size:220px;flex:0 0 auto;border-radius:var(--r-sm);border:1px solid var(--hairline);background:#fff;padding:8px}.qr__side{flex:1 1 14rem;min-inline-size:0;display:grid;gap:.6rem;align-content:start}input[readonly]{background:var(--surface-sunk);color:var(--text-2);flex:1 1 14rem;min-inline-size:0}.probe{margin:0;padding:.5rem .7rem;border-radius:var(--r-sm);font-size:.82rem;background:var(--surface-sunk);border:1px solid var(--hairline);color:var(--text-2)}.probe.is-ok{background:var(--live-soft);border-color:var(--live);color:var(--live);font-weight:600}.emb-prev{inline-size:100%;overflow:hidden;border-radius:var(--r-sm);border:1px solid var(--hairline);background:var(--surface-sunk)}.emb-prev iframe{display:block;inline-size:100%;block-size:100%;border:0}.emb-prev--ratio-16x9{aspect-ratio:16 / 9}.emb-prev--h-152{block-size:152px}.emb-prev--h-352{block-size:352px}.seg{display:inline-flex;padding:3px;gap:3px;background:var(--surface-sunk);border:1px solid var(--hairline);border-radius:var(--r-sm);inline-size:fit-content;max-inline-size:100%;flex-wrap:wrap}.seg__opt{appearance:none;border:0;cursor:pointer;padding:.35rem .85rem;border-radius:6px;background:transparent;color:var(--muted);font:inherit;font-size:.85rem;transition:background-color .15s ease,color .15s ease}.seg__opt:hover{color:var(--text)}.seg__opt[aria-checked=true]{background:var(--surface);color:var(--text);font-weight:600;box-shadow:var(--shadow-sm)}.seg__opt:focus-visible{outline:2px solid var(--primary);outline-offset:1px}.bgprev{block-size:3.5rem;border-radius:var(--r-sm);border:1px solid var(--hairline);background:var(--bgprev, var(--surface-sunk));background-size:cover;background-position:center}.num{font-family:var(--display);font-variant-numeric:tabular-nums;color:var(--text-2);font-weight:600}input[type=range]{inline-size:100%;accent-color:var(--primary);margin-block:.4rem;cursor:pointer}input[type=range]:focus-visible{outline:2px solid var(--primary);outline-offset:3px}.up{display:flex;gap:.85rem;align-items:flex-start;flex-wrap:wrap}.up__preview{inline-size:5.5rem;block-size:5.5rem;border-radius:var(--r-sm);object-fit:cover;background:var(--surface-sunk);border:1px solid var(--hairline);flex:0 0 auto}.up__preview--empty{display:grid;place-items:center;font-size:.75rem;color:var(--muted);border-style:dashed}.up__side{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;flex:1 1 12rem;min-inline-size:0}.up__side label.btn{cursor:pointer}.up__side .hint,.up__side .err{flex-basis:100%;margin:0}