#op55-page{max-width:820px;margin:0 auto;padding:48px 0 96px}#op55-page .op55-sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}#op55-page .op55-note{margin:6px 0 0;color:var(--subtle);font-size:14px;line-height:1.7}#op55-page .op55-note:empty{display:none}#op55-page .op55-quiet{border:0;background:transparent;padding:7px 12px;font-size:14px;font-weight:600}#op55-page .op55-quiet:hover{background:var(--sunk)}#op55-page .op55-link{color:var(--muted);font-size:14px;text-decoration:underline;text-underline-offset:3px}#op55-page .op55-inline-action{margin-left:6px;padding:2px 4px;border:0;border-radius:6px;background:transparent;color:inherit;font-size:inherit;font-weight:750;text-decoration:underline;text-underline-offset:3px}#op55-page .op55-inline-action:hover{background:#1d1d1b0f}.op55-head{display:flex;align-items:flex-end;justify-content:space-between;flex-wrap:wrap;gap:16px 24px}.op55-head h1{display:flex;align-items:center;gap:12px;margin:0 0 10px;font-size:clamp(30px,4vw,40px)}.op55-code{padding:2px 12px;border-radius:var(--pill);background:var(--ink);color:var(--wink);font:700 15px/1.6 var(--mono);letter-spacing:0}.op55-lede{margin:0;max-width:34em;color:var(--text);font-size:17px;line-height:1.7}.op55-phase{margin:6px 0 0;color:var(--subtle);font-size:14px}.op55-tasks-toggle{display:inline-flex;align-items:center;gap:8px;flex-shrink:0}.op55-tasks-toggle:after{content:"";width:7px;height:7px;margin:-3px 0 0 2px;border:solid currentColor;border-width:0 1.6px 1.6px 0;transform:rotate(45deg);transition:transform .18s}.op55-tasks-toggle[aria-expanded=true]{background:var(--sunk);border-color:var(--sunk)}.op55-tasks-toggle[aria-expanded=true]:after{margin-top:3px;transform:rotate(-135deg)}.op55-count-badge{min-width:22px;padding:0 7px;border-radius:var(--pill);background:var(--wink);font-size:13px;font-weight:750;text-align:center;font-variant-numeric:tabular-nums}.op55-count-badge:empty{display:none}.op55-result{display:flex;align-items:center;gap:12px;margin-top:24px;padding:14px 14px 14px 20px;border-radius:20px;background:var(--wink-soft);box-shadow:inset 0 0 0 1px #d8eb92}.op55-result p{flex:1;margin:0;font-size:15px;line-height:1.7}.op55-result strong{margin-right:8px;padding:1px 10px;border-radius:var(--pill);background:var(--wink)}.op55-result:focus-visible{outline:2px solid var(--ink);outline-offset:3px}.op55-tasks{margin-top:20px;padding:24px;border-radius:var(--radius-l);background:var(--surface)}.op55-tasks-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.op55-tasks-head h2{font-size:19px}.op55-task-list{margin:14px 0 0;padding:0;list-style:none}.op55-task{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:8px 20px;padding:14px 0;border-top:1px solid var(--line)}.op55-task.is-new{margin:0 -12px;padding:14px 12px;border-radius:14px;border-top-color:transparent;background:var(--wink-soft)}.op55-task.is-new+.op55-task{border-top-color:transparent}.op55-task-main,.op55-task-state{display:grid;gap:2px;min-width:0}.op55-task-main strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:16px;color:var(--ink)}.op55-task-main span,.op55-task-state>span:last-child{color:var(--muted);font-size:13px}.op55-task-state{justify-items:end;text-align:right}.op55-status{padding:1px 10px;border-radius:var(--pill);background:var(--sunk);color:var(--ink);font-size:13px;font-weight:650}.op55-status.is-refunded{background:transparent;box-shadow:inset 0 0 0 1px var(--line-strong);color:var(--muted)}.op55-tasks #op55-tasks>button{margin-top:10px}.op55-source{margin-top:32px}.op55-drop{display:flex;flex-direction:column;align-items:center;gap:18px;padding:48px 28px 40px;border:2px dashed var(--line-strong);border-radius:28px;background:var(--surface);text-align:center;transition:background .16s,border-color .16s}.op55-drop.dragging{border-color:var(--ink);background:var(--wink-soft)}.op55-drop h2{font-size:26px;font-weight:800}.op55-drop p{margin:6px auto 0;max-width:28em;color:var(--muted);font-size:15px;line-height:1.7}.op55-drop-actions{display:flex;flex-direction:column;align-items:center;gap:12px}.op55-drop-actions .dark{min-height:52px;padding:12px 30px;font-size:16px}.op55-manual{display:block;margin:10px auto 0;padding:8px 14px;border:0;background:transparent;color:var(--muted);font-size:14px;font-weight:600;text-decoration:underline;text-underline-offset:3px}.op55-manual:hover{background:var(--sunk);color:var(--ink)}.op55-source-switch{display:flex;justify-content:center;min-width:0;margin:0 0 14px;padding:0;border:0}.op55-audio-panel{display:grid;gap:12px}.op55-drop.has-file{padding:24px 28px}.op55-drop.has-file h2{font-size:20px;overflow-wrap:anywhere}.op55-audio-work{display:grid;gap:12px;padding:22px 24px 24px;border-radius:20px;background:var(--surface)}.op55-audio-status{margin:0;font-size:15px;line-height:1.7;color:var(--text)}.op55-audio-status:empty{display:none}.op55-audio-status[data-tone=busy]:before{content:"";display:inline-block;width:12px;height:12px;margin-right:8px;vertical-align:-1px;border:2px solid var(--sunk-strong);border-top-color:var(--ink);border-radius:50%;animation:op55-spin .8s linear infinite}.op55-audio-status[data-tone=error]{color:var(--danger);font-weight:600}.op55-audio-status[data-tone=success]{color:var(--wink-ink);font-weight:600}.op55-audio-work audio{width:100%;height:40px}.op55-audio-actions{display:flex;flex-wrap:wrap;gap:10px}.op55-audio-actions button{min-height:46px;padding:10px 22px}.op55-source.is-compact .op55-source-switch{justify-content:flex-start;margin-bottom:10px}.op55-source.is-compact .op55-segmented span{min-height:32px;padding:4px 14px;font-size:13px}.op55-source.is-compact .op55-drop{flex-direction:row;justify-content:space-between;gap:12px 16px;padding:12px 12px 12px 20px;border:1px dashed var(--line-strong);border-radius:20px;background:transparent;text-align:left}.op55-source.is-compact .op55-drop h2{font-size:15px;font-weight:700}.op55-source.is-compact .op55-drop p{margin:0;font-size:13px;color:var(--subtle)}.op55-source.is-compact .op55-drop-actions .op55-link{display:none}.op55-source.is-compact .op55-drop-actions button{min-height:40px;padding:8px 16px;font-size:14px}.op55-settings{min-width:0;margin:36px 0 0;padding:0;border:0}.op55-field-label{display:block;margin:0 0 6px;padding:0;color:var(--muted);font-size:14px;font-weight:650}#op55-page .op55-title-input{display:block;width:100%;padding:4px 0 10px;border:0;border-bottom:2px solid var(--line-strong);border-radius:0;background:transparent;color:var(--ink);font-size:clamp(22px,3vw,28px);font-weight:800;line-height:1.35;letter-spacing:-.01em}#op55-page .op55-title-input:focus-visible{border-bottom-color:var(--ink);outline-offset:4px}#op55-page .op55-title-input[aria-invalid=true]{border-bottom-color:var(--danger)}.op55-choices{display:flex;flex-wrap:wrap;gap:16px 28px;margin-top:20px}.op55-choice{min-width:0;margin:0;padding:0;border:0}.op55-segmented{display:inline-flex;flex-wrap:wrap;gap:2px;padding:4px;border-radius:var(--pill);background:var(--sunk)}.op55-segmented label{position:relative;cursor:pointer}.op55-segmented input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}.op55-segmented span{display:inline-flex;align-items:center;gap:8px;min-height:38px;padding:6px 16px;border-radius:var(--pill);color:var(--muted);font-size:14px;font-weight:650;transition:background .16s,color .16s}.op55-segmented label:hover span{color:var(--ink)}.op55-segmented input:checked+span{background:var(--surface);color:var(--ink);box-shadow:0 1px 4px #1d1d1b1f}.op55-segmented input:focus-visible+span{outline:2px solid var(--ink);outline-offset:2px}.op55-segmented input:disabled+span{opacity:.55;cursor:not-allowed}.op55-ratio-shape{display:block;width:12px;height:16px;border:1.6px solid currentColor;border-radius:3px}.op55-ratio-shape.ratio-1{width:18px;height:11px}.op55-ratio-shape.ratio-2{width:10px;height:18px}.op55-editor{margin-top:40px}.op55-editor-bar{display:flex;align-items:center;flex-wrap:wrap;gap:10px 14px}.op55-editor-bar h2{font-size:20px}.op55-muted-count{margin-left:4px;color:var(--subtle);font-size:15px;font-weight:600;font-variant-numeric:tabular-nums}.op55-issues{margin:0;padding:3px 6px 3px 12px;border-radius:var(--pill);background:var(--danger-soft);color:var(--danger);font-size:14px;font-weight:650}.op55-tools{display:flex;gap:8px;margin-left:auto}.op55-tool{padding:7px 14px;font-size:14px;border-color:var(--line-strong)}.op55-tool[aria-pressed=true]{background:var(--wink);border-color:var(--wink)}.op55-lines{margin:14px 0 0;padding:6px 0;list-style:none;border-radius:var(--radius-l);background:var(--surface)}.op55-line{display:grid;grid-template-columns:34px minmax(0,1fr) auto;grid-template-areas:"no body actions";align-items:start;gap:0 8px;padding:8px 16px 8px 8px;border-bottom:1px solid var(--line)}.op55-line:last-child{border-bottom:0}.op55-line-no{grid-area:no;padding-top:11px;color:var(--subtle);font-size:13px;text-align:right;font-variant-numeric:tabular-nums}.op55-line-body{grid-area:body;min-width:0}#op55-page .op55-line textarea{display:block;width:100%;min-height:44px;padding:8px 10px;border:1px solid transparent;border-radius:12px;background:transparent;color:var(--ink);font-size:17px;line-height:1.6;resize:none;field-sizing:content}@supports not (field-sizing: content){#op55-page .op55-line textarea{resize:vertical}}#op55-page .op55-line textarea:hover{background:var(--paper)}#op55-page .op55-line textarea:focus{background:var(--paper);border-color:var(--line-strong)}#op55-page .op55-line textarea:focus-visible{outline:2px solid var(--ink);outline-offset:1px}.op55-line-meta{display:flex;align-items:center;flex-wrap:wrap;gap:4px 12px;min-height:22px;padding:0 10px}.op55-time-text{color:var(--subtle);font:12px/1.6 var(--mono);font-variant-numeric:tabular-nums}.op55-time-edit{display:none;align-items:center;gap:6px;color:var(--subtle)}.op55-lines.is-timing .op55-time-edit,.op55-line.show-time .op55-time-edit{display:inline-flex}.op55-lines.is-timing .op55-time-text,.op55-line.show-time .op55-time-text{display:none}#op55-page .op55-time-edit input{width:14ch;padding:4px 8px;border-radius:8px;font:13px/1.5 var(--mono);font-variant-numeric:tabular-nums}.op55-char-count{margin-left:auto;color:var(--subtle);font-size:12px;font-variant-numeric:tabular-nums}.op55-char-count.is-near{color:var(--warn);font-weight:650}.op55-char-count.is-over{color:var(--danger);font-weight:750}.op55-line-error{margin:2px 10px 4px;color:var(--danger);font-size:14px;font-weight:600;line-height:1.6}.op55-line-error:empty{display:none}.op55-line.has-error{box-shadow:inset 3px 0 0 var(--danger)}.op55-line.has-error .op55-line-no{color:var(--danger);font-weight:750}.op55-line-actions{grid-area:actions;display:flex;gap:2px;padding-top:4px}.op55-line-actions button{padding:6px 10px;border:0;background:transparent;color:var(--muted);font-size:13px}.op55-line-actions button:hover{background:var(--sunk);color:var(--ink)}.op55-line-actions [data-delete]:hover{background:var(--danger-soft);color:var(--danger)}@media(hover:hover)and (pointer:fine){.op55-line-actions{opacity:.45;transition:opacity .16s}.op55-line:hover .op55-line-actions,.op55-line:focus-within .op55-line-actions{opacity:1}}.op55-add{display:block;width:100%;min-height:50px;margin-top:12px;border:1px dashed var(--line-strong);border-radius:18px;background:transparent;color:var(--muted);font-size:15px}.op55-add:hover{color:var(--ink);background:var(--surface)}.op55-checkout{position:sticky;bottom:12px;z-index:5;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px 24px;margin-top:28px;padding:16px 16px 16px 24px;border-radius:var(--radius-l);background:var(--surface);box-shadow:var(--float)}.op55-checkout.is-pending{box-shadow:var(--float),0 0 0 2px #e6c15a}.op55-sum p{margin:0}.op55-total{display:flex;align-items:baseline;flex-wrap:wrap;gap:0 8px;color:var(--ink)}.op55-total-label{color:var(--muted);font-size:14px;font-weight:650}.op55-total strong{font-size:34px;font-weight:800;line-height:1.2;letter-spacing:-.02em;font-variant-numeric:tabular-nums;background:linear-gradient(transparent 62%,var(--wink) 62%,var(--wink) 92%,transparent 92%)}.op55-total>span:last-child{font-size:15px;font-weight:700}.op55-fine{color:var(--muted);font-size:13px;line-height:1.65;font-variant-numeric:tabular-nums}#op55-page .op55-publish{min-height:54px;padding:12px 28px;font-size:16px;font-weight:750;white-space:nowrap}.op55-validation{grid-column:1 / -1;margin:0;padding:8px 12px;border-radius:12px;font-size:14px;line-height:1.6}.op55-validation[data-tone=error]{background:var(--danger-soft);color:var(--danger);font-weight:600}.op55-validation[data-tone=warn]{background:var(--warn-soft);color:var(--warn);font-weight:600}.op55-validation[data-tone=info],.op55-validation[data-tone=busy]{background:var(--sunk);color:var(--text)}@keyframes op55-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.op55-audio-status[data-tone=busy]:before{animation:none}.op55-tasks-toggle:after,.op55-line-actions,.op55-drop{transition:none}}@media(max-width:760px){#op55-page{padding:28px 0 64px}.op55-lede{font-size:16px}.op55-source{margin-top:24px}.op55-drop{padding:32px 18px 28px;border-radius:24px}.op55-drop h2{font-size:22px}.op55-drop-actions,.op55-drop-actions .dark{width:100%}.op55-source.is-compact .op55-drop{flex-direction:column;align-items:stretch;padding:14px 16px}.op55-source.is-compact .op55-drop-actions{width:auto;align-items:stretch}.op55-audio-work{padding:18px}.op55-audio-actions button{flex:1 1 140px}.op55-tasks{padding:20px 16px}.op55-task{grid-template-columns:minmax(0,1fr) auto}.op55-task-state{grid-column:1;grid-row:2;justify-items:start;text-align:left;grid-auto-flow:column;justify-content:start;gap:8px;align-items:center}.op55-task>button{grid-column:2;grid-row:1 / span 2}.op55-tools{margin-left:0;width:100%}.op55-tool{flex:1;min-height:42px}.op55-line{grid-template-columns:26px minmax(0,1fr);grid-template-areas:"no body" "no actions";padding:8px 8px 6px 4px}.op55-line-actions{justify-content:flex-end;padding-top:0}.op55-lines.is-timing .op55-time-edit,.op55-line.show-time .op55-time-edit{flex:1 1 100%;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:6px}.op55-time-edit>span{display:none}#op55-page .op55-time-edit input{width:100%;min-width:0;padding:4px 6px}.op55-line-actions button{min-height:38px}.op55-checkout{grid-template-columns:minmax(0,1fr);bottom:8px;gap:10px;padding:14px 16px;border-radius:20px}.op55-total strong{font-size:28px}#op55-page .op55-publish{width:100%;min-height:50px}.op55-validation{grid-column:1}}@media(pointer:coarse){#op55-page .op55-time-edit input{font-size:16px}.op55-line-actions button{min-height:40px}}@media(max-width:400px){.op55-head h1{font-size:28px}.op55-choices{gap:14px}.op55-segmented span{padding:6px 12px}}:root{--ink: #1d1d1b;--ink-hover: #3a3935;--text: #24231f;--muted: #5d5a53;--subtle: #6b6860;--paper: #f5f3ee;--sunk: #ebe8e0;--sunk-strong: #e1ddd2;--surface: #fff;--line: #e2ded4;--line-strong: #cbc6b9;--wink: #d9f45f;--wink-soft: #f1f9cf;--wink-ink: #33520f;--danger: #b3321f;--danger-soft: #fcebe6;--warn: #7d5300;--warn-soft: #fff3d3;--media: #161614;--radius-s: 10px;--radius: 16px;--radius-l: 24px;--pill: 999px;--float: 0 18px 50px rgb(29 29 27 / 16%), 0 2px 6px rgb(29 29 27 / 6%);--mono: ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;color:var(--text);background:var(--paper);font-synthesis:none;font-weight:400;line-height:1.6;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;font-size:15px}button,input,textarea,select{font:inherit;color:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:3px}h1,h2,h3,h4{color:var(--ink)}h1{font-size:34px;line-height:1.25;letter-spacing:-.02em;font-weight:800;margin:0 0 12px}h2{font-size:22px;line-height:1.35;letter-spacing:-.01em;font-weight:750;margin:0}h3{font-size:17px;line-height:1.45;font-weight:700;margin:0}mark{color:inherit;background:linear-gradient(transparent 56%,var(--wink) 56%,var(--wink) 94%,transparent 94%);padding:0 .06em}[hidden]{display:none!important}button{cursor:pointer;border:1px solid var(--line-strong);border-radius:var(--pill);background:var(--surface);padding:9px 18px;font-size:14px;font-weight:600;line-height:1.45;transition:background .16s,border-color .16s,color .16s,opacity .16s}button:hover{border-color:var(--ink)}button:disabled{opacity:.45;cursor:not-allowed}button:disabled:hover{border-color:var(--line-strong)}.dark{background:var(--ink);border-color:var(--ink);color:#fff}.dark:hover{background:var(--ink-hover);border-color:var(--ink-hover)}.dark:disabled:hover{background:var(--ink);border-color:var(--ink)}.danger-text{color:var(--danger);margin-left:auto}.danger-text:hover{border-color:var(--danger);background:var(--danger-soft)}:where(button,a,input,textarea,select,summary,[tabindex]):focus-visible{outline:2px solid var(--ink);outline-offset:3px}:where(input:not([type=radio],[type=checkbox],[type=color],[type=range],[type=file]),textarea,select){border:1px solid var(--line-strong);border-radius:12px;background:var(--surface);padding:10px 14px;font-size:15px;line-height:1.5}:where(input,textarea,select):focus-visible{border-color:var(--ink);outline-offset:1px}:where(input,textarea)[aria-invalid=true]{border-color:var(--danger)}::placeholder{color:#8b877d}.muted{font-size:13px;color:var(--subtle);line-height:1.7}.description{white-space:pre-wrap;line-height:1.8;color:var(--muted)}.overline{display:none}.site-header{display:flex;align-items:center;gap:40px;min-height:72px;padding:0 clamp(16px,4vw,48px);background:var(--paper);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;flex-shrink:0;border-radius:12px}.brand:hover{text-decoration:none}.brand-icon{display:block;width:38px;height:38px;object-fit:contain}.brand-wordmark{display:block;width:auto;height:19px}.site-header nav{display:flex;align-items:center;gap:4px;min-width:0}.site-header nav button{white-space:nowrap;border:0;background:transparent;padding:8px 14px;color:var(--muted);font-weight:600}.site-header nav button:hover{background:var(--sunk);color:var(--ink)}.site-header nav button.selected{background:var(--wink);color:var(--ink)}.account{margin-left:auto;display:flex;gap:10px;align-items:center}#username{font-size:14px;font-weight:600;max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-dropdown{position:relative}#account-trigger{display:flex;align-items:center;gap:8px;padding:4px 12px 4px 4px;border-color:var(--line);background:var(--surface);white-space:nowrap}#account-trigger:hover,#account-trigger[aria-expanded=true]{border-color:var(--ink)}.avatar.avatar-menu{width:32px;height:32px;font-size:14px;font-weight:700}.account-chevron{color:var(--subtle);font-size:16px;line-height:1}#account-menu{position:absolute;right:0;top:calc(100% + 10px);z-index:30;width:256px;padding:8px;border-radius:20px;background:var(--surface);box-shadow:var(--float)}.account-menu-summary{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 10px 14px;margin-bottom:4px;border-bottom:1px solid var(--line)}.account-menu-summary>strong{font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#account-menu [role=menuitem]{display:flex;justify-content:space-between;width:100%;border:0;border-radius:12px;padding:11px 12px;font-size:14px;font-weight:500;text-align:left;background:transparent}#account-menu [role=menuitem]:hover,#account-menu [role=menuitem]:focus{background:var(--sunk);outline-offset:-2px;text-decoration:none}#account-menu a>span{color:var(--subtle)}#account-menu .danger-text{margin:0;color:var(--danger)}.account-menu-divider{height:1px;background:var(--line);margin:6px 4px}.face-badge{display:inline-flex;align-items:baseline;gap:4px;white-space:nowrap;padding:4px 10px;border-radius:var(--pill);background:var(--wink);color:var(--ink);font-size:14px;font-weight:750;font-variant-numeric:tabular-nums}.face-badge>span{font-size:12px;font-weight:600}main{max-width:1440px;margin:0 auto;padding:0 clamp(16px,4vw,48px)}#notice,#page-notice{padding:12px 16px;margin:0 0 18px;border-radius:14px;background:var(--sunk);color:var(--text);font-size:14px}#notice button,#page-notice button{margin-left:8px;padding:5px 14px;font-size:13px}#page-notice{margin-top:24px}.page-status{padding:64px 0;color:var(--muted);line-height:1.8}.page-status h1{margin-bottom:12px}.page-status button{margin-top:8px}.hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:center;gap:clamp(24px,4vw,64px);padding:clamp(40px,6vw,72px) 0 clamp(32px,4vw,48px)}.hero h1{font-size:clamp(38px,5.2vw,64px);line-height:1.12;letter-spacing:-.03em;margin:0 0 20px}.hero-lead{max-width:30em;margin:0;color:var(--muted);font-size:17px;line-height:1.75}.hero-flow{display:grid;gap:2px;width:fit-content;max-width:100%;margin-top:28px;padding:6px;border-radius:20px;background:var(--sunk)}.flow-row{display:grid;grid-template-columns:112px minmax(0,1fr);align-items:center;gap:12px;padding:10px 14px;border-radius:14px}.flow-new{background:var(--surface)}.flow-label{font-size:13px;font-weight:650;color:var(--subtle)}.flow-new .flow-label{color:var(--ink)}.flow-row ol{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;margin:0;padding:0;list-style:none}.flow-row li{display:flex;align-items:center;gap:8px;font-size:14px;white-space:nowrap}.flow-row li+li:before{content:"→";color:var(--subtle)}.flow-old li{color:var(--muted)}.flow-skip s{text-decoration-color:var(--danger);text-decoration-thickness:2px}.flow-new li{color:var(--ink);font-weight:700}.hero-stat{margin:24px 0 0;font-size:17px;font-weight:650;color:var(--ink)}.hero-stat strong{font-size:40px;font-weight:800;letter-spacing:-.03em;margin-left:4px;background:linear-gradient(transparent 60%,var(--wink) 60%,var(--wink) 92%,transparent 92%)}.hero-bottom{display:flex;margin-top:28px}.hero-cta{position:relative;display:inline-flex;align-items:center;gap:10px;min-height:52px;padding:12px 26px;font-size:16px;font-weight:700;white-space:nowrap}.hero-cta>span:last-child{font-size:18px}.hero-cta>.hero-reward{position:absolute;top:-12px;right:-10px;padding:2px 10px;border:2px solid var(--paper);border-radius:var(--pill);background:var(--wink);color:var(--ink);font-size:12px;font-weight:750;line-height:1.5;pointer-events:none}.hero-art{position:relative;width:min(100%,500px);aspect-ratio:1;justify-self:end}.hero-poster,.hero-player{display:block;width:100%;height:100%}.hero-player{line-height:normal}.hero-player *,.hero-player *:before,.hero-player *:after{box-sizing:content-box}.hero-controls{position:absolute;left:50%;bottom:-8px;width:min(92%,370px);padding:8px 10px;transform:translate(-50%)}.hero-control-bar{--hero-controls-reveal: 0;--hero-controls-pointer-events: none;position:relative;isolation:isolate;display:flex;align-items:center;gap:8px;padding:0 14px 0 44px;color:var(--ink);opacity:.2;transform:translateY(2px);transition:opacity .2s ease,transform .2s ease}.hero-control-bar:before{content:"";position:absolute;z-index:-1;inset:4px 0;border-radius:var(--pill);background:#ffffffeb;box-shadow:0 4px 16px #1d1d1b1a;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);opacity:var(--hero-controls-reveal);transition:opacity .2s ease}.hero-controls:hover .hero-control-bar,.hero-controls:has(:focus-visible) .hero-control-bar,.hero-controls[data-scrubbing=true] .hero-control-bar{--hero-controls-reveal: 1;--hero-controls-pointer-events: auto;opacity:1;transform:translateY(0)}.hero-progress{appearance:none;-webkit-appearance:none;flex:1;min-width:0;height:36px;margin:0;padding:0;border:0;background:transparent;cursor:pointer;touch-action:none;opacity:var(--hero-controls-reveal);pointer-events:var(--hero-controls-pointer-events);transition:opacity .2s ease}.hero-progress::-webkit-slider-runnable-track{height:4px;border-radius:4px;background:linear-gradient(to right,var(--ink) var(--hero-progress),var(--sunk-strong) var(--hero-progress))}.hero-progress::-moz-range-track{height:4px;border-radius:4px;background:linear-gradient(to right,var(--ink) var(--hero-progress),var(--sunk-strong) var(--hero-progress))}.hero-progress::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:12px;height:12px;margin-top:-4px;border:2px solid var(--ink);border-radius:50%;background:var(--wink)}.hero-progress::-moz-range-thumb{width:10px;height:10px;border:2px solid var(--ink);border-radius:50%;background:var(--wink)}.hero-progress:focus-visible,.hero-toggle:focus-visible{outline:2px solid var(--ink);outline-offset:3px;border-radius:6px}.hero-toggle{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:32px;height:32px;padding:0;border:0;border-radius:50%;background:transparent;color:inherit;transition:left .2s ease,transform .2s ease,background .2s ease}.hero-controls:is(:hover,:has(:focus-visible),[data-scrubbing=true]) .hero-toggle{left:4px;transform:translateY(-50%)}.hero-toggle:hover{background:var(--sunk)}.hero-time{flex-shrink:0;font-family:var(--mono);font-size:11px;font-variant-numeric:tabular-nums;white-space:nowrap;pointer-events:none;opacity:var(--hero-controls-reveal);transition:opacity .2s ease}.hero-time>span{color:var(--subtle)}@media(hover:none),(pointer:coarse){.hero-controls{bottom:-12px}.hero-control-bar{--hero-controls-reveal: 1;--hero-controls-pointer-events: auto;padding-left:56px;opacity:1;transform:none}.hero-progress{height:44px}.hero-toggle{left:4px;width:44px;height:44px;transform:translateY(-50%)}}.collection{padding:40px 0 72px;min-height:380px;border-top:1px solid var(--line)}.hero[hidden]+.collection{border-top:0}.collection-top{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px}.collection-top h2{font-size:28px;font-weight:800;letter-spacing:-.02em;display:flex;align-items:center;gap:10px}#count{display:inline-block;min-width:0;padding:1px 10px;border-radius:var(--pill);background:var(--sunk);color:var(--muted);font-size:13px;font-weight:650;font-variant-numeric:tabular-nums;letter-spacing:0}#count:empty{display:none}.search{display:flex;align-items:center;gap:8px;width:300px;max-width:100%;padding:0 16px;border:1px solid var(--line-strong);border-radius:var(--pill);background:var(--surface);color:var(--subtle)}.search:focus-within{border-color:var(--ink);outline:2px solid var(--ink);outline-offset:2px}.search>span{font-size:20px;line-height:1}.search input{width:100%;min-height:44px;border:0;padding:0;outline:none;background:none;font-size:15px;border-radius:0}.search input:focus-visible{outline:none}.toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin:20px 0 24px}#filters{display:flex;gap:6px}#filters button{border-color:var(--line);background:transparent;color:var(--muted);padding:7px 16px;font-size:14px}#filters button:hover{border-color:var(--ink);color:var(--ink)}#filters button.selected{background:var(--wink);border-color:var(--wink);color:var(--ink)}.sort{font-size:14px;color:var(--subtle)}.sort-select{min-height:40px;padding:7px 34px 7px 16px;border:1px solid var(--line-strong);border-radius:var(--pill);background:var(--surface) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8' fill='none' stroke='%231d1d1b' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m1 1.5 5 5 5-5'/%3E%3C/svg%3E") right 14px center / 11px no-repeat;appearance:none;-webkit-appearance:none;font-size:14px;font-weight:600;cursor:pointer}.sort-select:hover{border-color:var(--ink)}#trash-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-bottom:16px}#empty-trash{margin-left:0;border-color:#e3b7ad}#collection-hint{margin:-8px 0 18px}.masonry{columns:4;column-gap:24px}.card{display:inline-block;vertical-align:top;width:100%;break-inside:avoid;margin-bottom:28px;background:transparent}.card-media{position:relative;isolation:isolate;border-radius:18px;transition:transform .25s ease}.card:focus-within .card-media{box-shadow:0 0 0 2px var(--paper),0 0 0 4px var(--line-strong)}.thumbnail{position:relative;display:block;width:100%;padding:0;border:0;border-radius:18px;overflow:hidden;background:hsl(var(--hue) 20% 88%);transition:box-shadow .25s ease}.thumbnail:hover{border:0}.thumbnail .card-cover{height:100%;width:100%;object-fit:contain;position:absolute;inset:0;background:var(--media);opacity:0;transition:opacity .2s}.has-cover .card-cover{opacity:1}.thumbnail .card-preview{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:var(--media);opacity:0;pointer-events:none}.is-previewing .card-preview{opacity:1}.is-previewing .thumbnail-caption{z-index:1}.card.is-previewing .play{opacity:0}.thumbnail-fallback{position:absolute;inset:0;display:grid;place-items:center;background:radial-gradient(ellipse at 65% 20%,#ffffff80,transparent)}.has-cover .thumbnail-fallback{display:none}.screen-lines{width:58%;height:60%;background:#ffffff70;border-radius:14px;display:flex;align-items:center;justify-content:center;color:hsl(var(--hue) 18% 66%);font-size:35px;line-height:.5;transform:rotate(-5deg)}.play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:46px;height:46px;display:grid;place-items:center;background:#ffffffeb;border-radius:50%;font-size:14px;color:var(--ink);box-shadow:0 4px 18px #00000024;transition:opacity .2s,transform .2s}.play svg{width:22px;height:22px;margin-left:2px}.thumbnail-caption{position:absolute;bottom:10px;left:10px;right:10px;display:flex;align-items:flex-end;justify-content:space-between;gap:6px;pointer-events:none}.duration,.card-time,.card-visibility{font-size:12px;line-height:1.5;font-weight:600;font-variant-numeric:tabular-nums;background:#161614b8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;padding:2px 9px;border-radius:var(--pill);white-space:nowrap}.card-caption-end{display:flex;flex-direction:column;align-items:flex-end;gap:6px;flex-shrink:0;margin-left:auto}.card-visibility{display:grid;place-items:center;width:28px;height:28px;padding:0;pointer-events:auto}.card-visibility svg{width:16px;height:16px}.duration{flex-shrink:0;margin-left:auto}.card-time{min-width:0;transition:opacity .2s}.card-badges{position:absolute;top:10px;left:10px;display:flex;flex-direction:column;align-items:flex-start;gap:6px;pointer-events:none}.visibility,.replicated-badge{display:inline-flex;align-items:center;gap:4px;font-size:12px;line-height:1.5;font-weight:700;background:#fffffff0;color:var(--ink);padding:3px 10px;border-radius:var(--pill)}.replicated-badge{background:var(--wink)}.replicated-badge svg{width:14px;height:14px}.card-body{padding:12px 4px 0}.card-title{background:none;border:0;padding:0;display:block;width:100%;text-align:left;font-size:15px;line-height:1.5;font-weight:700;color:var(--ink);border-radius:6px;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-title:hover{background:none;text-decoration:underline;text-underline-offset:3px}.card-title-row{display:flex;align-items:center;gap:4px;min-width:0;min-height:26px}.card-title-row .card-title{flex:1;width:auto}.card-rename{display:grid;place-items:center;flex-shrink:0;width:28px;height:28px;margin:-2px -4px -2px 0;padding:0;border:0;border-radius:50%;background:transparent;color:var(--subtle)}.card-rename svg{width:15px;height:15px}.card-rename:hover{background:var(--sunk);color:var(--ink)}.card-title-row.is-renaming>button{display:none}.card-title-input{flex:1;min-width:0;height:30px;margin:-2px -4px -2px -8px;padding:2px 8px;border:1px solid var(--ink);border-radius:8px;background:var(--surface);font-size:15px;font-weight:700}.card-title-input[aria-invalid=true]{border-color:var(--danger)}.card-title-input:disabled{color:var(--subtle);background:var(--sunk)}.card-menu-trigger{position:absolute;top:10px;right:10px;display:grid;place-items:center;padding:0;width:34px;height:34px;border:0;border-radius:50%;background:#fffffff0;box-shadow:0 2px 10px #0000001f;color:var(--ink)}.card-menu-trigger svg{width:18px;height:18px}.card-menu-trigger:hover,.card-menu-trigger[aria-expanded=true]{background:var(--wink)}.thumbnail:focus-visible{outline-offset:3px}@media(hover:hover)and (pointer:fine){.card:hover .card-media{transform:translateY(-3px)}.card:hover .thumbnail{box-shadow:0 14px 30px #1d1d1b24}.has-cover .play,.card-menu-trigger,.card-time{opacity:0}.card:hover .card-menu-trigger,.card:focus-within .card-menu-trigger,.card-menu-trigger[aria-expanded=true],.card-media:hover .play,.card-media:focus-within .play,.card:hover .card-time,.card:focus-within .card-time{opacity:1}}.card-meta,.card-author{display:flex;align-items:center}.card-meta{min-width:0;margin-top:6px;min-height:30px;font-size:13px;color:var(--muted);justify-content:space-between;gap:8px}.card-author{flex:1;min-width:0;gap:7px;white-space:nowrap;border-radius:var(--pill)}.card-author>span:last-child{overflow:hidden;text-overflow:ellipsis}.card-author:hover{color:var(--ink)}.card-author .avatar{width:22px;height:22px;font-size:11px}.trash-card-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;margin-top:10px;padding-top:10px;border-top:1px solid var(--line)}.trash-card-actions .muted{font-size:12px}.restore-record{font-size:13px;padding:6px 14px}.avatar{width:20px;height:20px;border-radius:50%;display:grid;place-items:center;flex-shrink:0;background:var(--avatar-bg, #dce9e2);color:var(--avatar-fg, #000);font-size:10px;font-weight:700;font-style:normal}.avatar.avatar-large{width:88px;height:88px;font-size:36px;font-weight:750}.recording-votes{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:14px}.vote-button{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;color:var(--muted);background:var(--surface);border-color:var(--line);font-size:13px}.vote-button svg{width:15px;height:15px}.vote-down svg{transform:rotate(180deg)}.vote-count{min-width:8px;font-variant-numeric:tabular-nums}.vote-button:disabled{cursor:default;opacity:.75}.vote-button[aria-pressed=true]{color:var(--ink);border-color:var(--wink);background:var(--wink);opacity:1}.vote-down[aria-pressed=true]{color:var(--danger);border-color:#f0c3b8;background:var(--danger-soft)}.vote-hint{color:var(--subtle);font-size:13px;line-height:1.6}.vote-retry{padding:5px 8px;border:0;background:none;font-size:13px;text-decoration:underline;text-underline-offset:3px}.recording-votes-detail{gap:8px;min-width:0;margin-top:0}.recording-votes-detail .vote-button{min-height:40px;padding:8px 14px;gap:7px}.recording-votes-detail .vote-hint{flex-basis:100%;margin-top:2px}.card-meta .recording-votes{flex-shrink:0;flex-wrap:nowrap;gap:2px;margin:0 -6px 0 0}.card-meta .vote-button{justify-content:center;gap:4px;min-width:34px;min-height:32px;padding:5px 7px;border-color:transparent;background:transparent;font-size:13px;line-height:1;white-space:nowrap}.card-meta .vote-button:hover:not(:disabled){color:var(--ink);background:var(--sunk)}.card-meta .vote-button:disabled{opacity:1;color:var(--subtle)}.card-meta .vote-button[aria-pressed=true]{color:var(--ink);background:var(--wink)}.card-meta .vote-down[aria-pressed=true]{color:var(--danger);background:var(--danger-soft)}.card-meta .vote-button svg{width:15px;height:15px;flex-shrink:0}.card-meta .recording-votes-unavailable .vote-button{display:none}.card-meta .vote-retry{min-height:32px}.record-menu{position:fixed;z-index:10;width:232px;max-width:calc(100vw - 16px);max-height:calc(100dvh - 16px);overflow-y:auto;padding:6px;border-radius:18px;background:var(--surface);box-shadow:var(--float)}.record-menu button{display:block;width:100%;border:0;border-radius:12px;background:transparent;text-align:left;padding:10px 12px;margin:0;font-weight:500}.record-menu button:hover,.record-menu button:focus-visible{background:var(--sunk);outline-offset:-2px}.record-menu .danger-text:hover{background:var(--danger-soft)}.record-menu button:disabled{color:var(--subtle);background:transparent;cursor:default}.empty{display:flex;flex-direction:column;align-items:center;text-align:center;padding:56px 24px;border-radius:var(--radius-l);background:var(--sunk);color:var(--muted)}.empty h3{font-size:20px;margin:16px 0 6px}.empty p{font-size:15px;line-height:1.75;max-width:30em;margin:0 0 4px}.empty button{margin-top:18px}.empty-icon{display:block;width:56px;height:56px;background:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='416'%20height='416'%20viewBox='26%2015%20416%20416'%3e%3ctitle%3eMotion%20Face%3c/title%3e%3cg%20transform='translate(0.000000,468.000000)%20scale(0.100000,-0.100000)'%20fill='%23232322'%20stroke='none'%3e%3cpath%20d='M1525%203767%20c-241%20-62%20-465%20-303%20-670%20-722%20-293%20-596%20-475%20-1232%20-426%20-1488%2014%20-79%2056%20-168%2094%20-205%2056%20-54%20121%20-77%20217%20-77%2074%200%2093%204%20150%2031%20207%2099%20300%20260%20445%20769%20115%20401%20197%20566%20299%20593%2048%2014%2094%20-3%20123%20-44%2011%20-16%2047%20-85%2080%20-154%2070%20-147%20126%20-215%20211%20-257%2052%20-25%2067%20-28%20162%20-28%2084%200%20119%205%20175%2024%20135%2046%20199%2083%20416%20243%2080%2059%20168%20119%20197%20133%2092%2046%20184%2032%20231%20-34%2028%20-39%2043%20-83%2097%20-285%20132%20-490%20257%20-689%20464%20-742%20220%20-56%20434%2083%20457%20295%2013%20125%20-26%20224%20-186%20471%20-172%20265%20-217%20366%20-295%20667%20-71%20274%20-95%20331%20-170%20412%20-38%2041%20-132%2087%20-195%2096%20-106%2014%20-257%20-38%20-381%20-131%20-36%20-27%20-155%20-137%20-265%20-244%20-220%20-215%20-254%20-244%20-334%20-285%20-44%20-22%20-64%20-26%20-103%20-23%20-95%2010%20-125%2066%20-208%20386%20-85%20329%20-130%20434%20-221%20517%20-89%2080%20-239%20114%20-364%2082z'/%3e%3cpath%20d='M1786%202115%20c-89%20-83%20-101%20-331%20-20%20-412%2036%20-36%2088%20-27%20130%2021%2037%2043%2053%2090%2061%20181%2014%20171%20-84%20291%20-171%20210z'/%3e%3cpath%20d='M2700%202061%20c-113%20-23%20-236%20-148%20-211%20-213%2013%20-34%2037%20-51%2072%20-51%2024%200%2041%2011%2078%2051%2071%2077%20136%2082%20219%2017%2063%20-49%20121%20-45%20142%2010%2014%2038%20-6%2078%20-59%20118%20-78%2060%20-163%2084%20-241%2068z'/%3e%3cpath%20d='M2695%201648%20c-11%20-6%20-54%20-43%20-96%20-82%20-90%20-84%20-160%20-128%20-261%20-164%20-102%20-36%20-239%20-37%20-350%20-3%20-67%2021%20-80%2022%20-108%2011%20-34%20-14%20-60%20-55%20-60%20-94%200%20-39%2063%20-102%20136%20-137%20165%20-78%20348%20-77%20551%206%20245%2099%20402%20292%20338%20415%20-27%2051%20-102%2075%20-150%2048z'/%3e%3c/g%3e%3c/svg%3e") center / contain no-repeat}.pagination{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px 24px;margin-top:32px}.pagination-summary{color:var(--subtle);font-size:14px}.pagination-controls{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:6px}.pagination button{min-width:40px;min-height:40px;padding:8px 12px;font-variant-numeric:tabular-nums;border-color:var(--line)}.pagination button[aria-current=page]{color:var(--ink);background:var(--wink);border-color:var(--wink);opacity:1;cursor:default}.pagination-gap{padding:0 2px;color:var(--subtle)}.site-footer{display:flex;align-items:center;flex-wrap:wrap;justify-content:space-between;gap:12px 24px;padding:28px clamp(16px,4vw,48px);border-top:1px solid var(--line);font-size:14px;color:var(--muted)}.footer-brand{display:inline-flex;align-items:center;gap:10px}.footer-brand img{width:26px;height:26px}.footer-meta{display:flex;align-items:center;flex-wrap:wrap;justify-content:flex-end;gap:8px 18px}.footer-icp{color:var(--muted);font-size:13px;white-space:nowrap}dialog{border:0;border-radius:28px;padding:0;width:min(780px,94vw);color:inherit;background:var(--surface);box-shadow:var(--float)}dialog::backdrop{background:#1d1d1b73;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.close{position:absolute;right:16px;top:16px;border:0;background:var(--sunk);width:38px;height:38px;padding:0;border-radius:50%;font-size:22px;line-height:1;z-index:3}.close:hover{background:var(--sunk-strong)}.detail-body{padding:32px}.detail-body h2{margin-bottom:10px}.detail-body input,.detail-body textarea{width:100%;resize:vertical}.edit-label{display:block;font-size:14px;font-weight:650;color:var(--ink);margin:18px 0 8px}.detail-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}#confirm-empty{width:min(460px,calc(100vw - 32px))}#confirm-empty .description{color:var(--text)}#confirm-empty .danger-text{background:var(--danger);border-color:var(--danger);color:#fff}#confirm-empty .danger-text:hover{background:#962819}body:has(dialog[open]){overflow:hidden}#community-announcement{width:min(520px,calc(100vw - 32px));max-height:calc(100dvh - 32px);padding:32px}.announcement-label{display:inline-block;padding:2px 12px;border-radius:var(--pill);background:var(--wink);color:var(--ink);font-size:13px;font-weight:750}#announcement-title{margin:14px 0 12px;font-size:clamp(24px,5vw,30px);font-weight:800;line-height:1.3}.announcement-message{color:var(--muted);font-size:15px;line-height:1.85}.announcement-message p{margin:0 0 12px}.announcement-message strong{color:var(--ink)}.announcement-rules{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px 16px;margin:18px 0 16px;padding:14px 16px;border-radius:var(--radius);background:var(--sunk);font-size:14px}.announcement-rules p{margin:0}.announcement-rules a{font-weight:700;text-decoration:underline;text-underline-offset:3px}.announcement-contact{display:flex;align-items:center;gap:18px;margin:0 0 20px}.announcement-qr{display:block;flex:0 0 132px;border-radius:14px}.announcement-qr img{display:block;width:100%;height:auto;border-radius:inherit}.announcement-contact h3{margin:0 0 6px;font-size:16px}.announcement-contact p{margin:0 0 6px;color:var(--muted);font-size:14px;line-height:1.75}.announcement-contact span{color:var(--subtle);font-size:13px}.announcement-confirm{width:100%;min-height:48px;font-size:15px}#detail{width:min(1180px,calc(100vw - 64px));max-width:none;max-height:calc(100dvh - 64px);overflow:hidden;background:transparent}#detail::backdrop{background:#161614c7;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.detail-topbar{height:60px;display:flex;align-items:center;justify-content:space-between;padding:0 16px 0 24px;border-bottom:1px solid var(--line);background:var(--surface)}.detail-topbar-label{display:flex;align-items:center;gap:9px;font-size:14px;font-weight:700;color:var(--ink)}.detail-topbar-label svg{width:20px;height:20px}.detail-close{display:grid;place-items:center;width:38px;height:38px;padding:8px;border:0;background:var(--sunk);border-radius:50%}.detail-close:hover{background:var(--sunk-strong)}.detail-close svg{width:18px;height:18px}.detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 420px;height:min(720px,calc(100dvh - 124px))}.detail-media{display:flex;flex-direction:column;min-width:0;min-height:0;background:var(--media);color:#fff}.detail-media :focus-visible{outline-color:#fff}.player{position:relative;flex:1;min-height:0;min-width:0;display:flex;flex-direction:column;overflow:hidden;background:var(--media)}.video-stage{position:relative;flex:1;min-height:0}.player video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.player p{position:absolute;z-index:2;left:24px;right:24px;top:50%;transform:translateY(-50%);margin:0;padding:18px;border-radius:14px;color:#e9e7e1;background:#161614e5;font-size:14px;line-height:1.8;text-align:center;pointer-events:none}.video-surface{position:absolute;inset:0;display:grid;place-items:center;width:100%;height:100%;padding:0;border:0;border-radius:0;background:transparent;color:#fff;-webkit-touch-callout:none}.video-surface:hover{background:transparent}.video-surface:disabled{cursor:default;opacity:1}.video-surface:focus-visible{outline-offset:-4px}.video-surface>span{display:grid;place-items:center;width:64px;height:64px;border-radius:50%;background:#ffffffeb;color:var(--ink);box-shadow:0 6px 24px #0000004d;opacity:0;transition:opacity .15s}.video-surface svg{width:28px;height:28px}.is-paused:not(.is-buffering) .video-surface>span{opacity:1}.video-buffering{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:10px 16px;border-radius:var(--pill);background:#161614e5;color:#e9e7e1;font-size:13px;pointer-events:none}.video-controls{flex-shrink:0;padding:6px 18px 12px;color:#ecebe6;background:var(--media);-webkit-user-select:none;user-select:none}.video-controls-row{display:flex;align-items:center;gap:8px;min-width:0}.video-control{display:grid;place-items:center;flex-shrink:0;width:38px;height:38px;padding:8px;border:0;border-radius:50%;color:inherit;background:transparent}.video-control:hover:not(:disabled){background:#ffffff1f;color:#fff}.video-control:disabled{cursor:default}.video-control svg{width:20px;height:20px}.video-time{display:flex;gap:6px;align-items:center;white-space:nowrap;font-size:13px;font-variant-numeric:tabular-nums}.video-time-divider,.video-duration{color:#a8a59c}.video-volume-group{display:flex;align-items:center;gap:2px;margin-left:auto}.video-range{--progress: 0%;display:block;height:24px;margin:0;padding:0;appearance:none;-webkit-appearance:none;border:0;border-radius:0;background:transparent;cursor:pointer;accent-color:var(--wink)}.video-progress{width:100%}.video-volume{width:64px}.video-range::-webkit-slider-runnable-track{height:4px;border-radius:4px;background:linear-gradient(to right,var(--wink) var(--progress),rgb(255 255 255 / 18%) var(--progress))}.video-range::-moz-range-track{height:4px;border-radius:4px;background:linear-gradient(to right,var(--wink) var(--progress),rgb(255 255 255 / 18%) var(--progress))}.video-range::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:12px;height:12px;margin-top:-4px;border:0;border-radius:50%;background:#fff}.video-range::-moz-range-thumb{width:12px;height:12px;border:0;border-radius:50%;background:#fff}.video-range:disabled{opacity:.4;cursor:default}.video-speed{flex-shrink:0;width:64px;min-height:36px;padding:4px 8px;border:1px solid transparent;border-radius:var(--pill);color:#ecebe6;background:var(--media);font-size:13px;cursor:pointer;color-scheme:dark}.video-speed:hover{background:#2a2a27}.player:fullscreen{width:100%;height:100%}.player:fullscreen .video-controls{padding-bottom:max(12px,env(safe-area-inset-bottom))}.detail-media-meta{flex-shrink:0;display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:16px 24px;color:#b9b6ad;font-size:13px;border-top:1px solid rgb(255 255 255 / 8%);font-variant-numeric:tabular-nums}.detail-media-meta>span:last-child{display:flex;gap:12px;align-items:center}.detail-media-meta i{width:3px;height:3px;border-radius:50%;background:#6b6860}.detail-panel{overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent;padding:28px;min-width:0;background:var(--surface)}.detail-status-row{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:34px;margin-bottom:16px}.detail-status{display:inline-flex;align-items:center;gap:7px;padding:3px 12px;color:var(--muted);background:var(--sunk);border-radius:var(--pill);font-size:13px;font-weight:650}.detail-status:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--subtle)}.detail-status.is-public{background:var(--wink);color:var(--ink)}.detail-status.is-public:before{background:var(--ink)}.detail-quiet-button{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;gap:6px;min-height:36px;padding:7px 12px;border:0;background:transparent;font-size:14px}.detail-quiet-button:hover{background:var(--sunk)}.detail-quiet-button svg{width:16px;height:16px}.detail-edit-button{border:1px solid var(--line-strong)}h2.detail-title{margin:0 0 16px;font-size:26px;font-weight:800;letter-spacing:-.02em;line-height:1.3;overflow-wrap:anywhere}.detail-author-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;margin-bottom:20px}.detail-author{display:inline-flex;align-items:center;gap:8px;max-width:100%;font-size:14px;font-weight:650}.detail-author>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.detail-author .avatar{width:28px;height:28px;font-size:12px}.detail-author-row time{color:var(--subtle);font-size:13px;font-variant-numeric:tabular-nums}.detail-description{margin:0 0 20px;white-space:pre-wrap;overflow-wrap:anywhere;color:var(--text);font-size:15px;line-height:1.85}.detail-description.is-empty{color:var(--subtle)}.detail-social{display:flex;align-items:flex-start;gap:12px;border-top:1px solid var(--line);padding:18px 0 20px}.detail-social .recording-votes{flex:1}.detail-social>button{margin-left:auto}.detail-editor{margin:0 0 24px;padding:18px;border-radius:var(--radius);background:var(--sunk)}.detail-editor label{display:block;margin-bottom:8px;font-size:14px;font-weight:650;color:var(--ink)}.detail-editor label span{margin-left:4px;color:var(--subtle);font-weight:400;font-size:13px}.detail-editor input,.detail-editor textarea{display:block;width:100%}.detail-editor input{margin-bottom:16px}.detail-editor textarea{min-height:108px;resize:vertical}.detail-validation{font-size:13px;line-height:1.7;color:var(--danger);margin:8px 0 0}.detail-validation:empty{display:none}.detail-editor-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}.detail-management{margin-top:16px;border-top:1px solid var(--line)}.detail-management summary{display:flex;align-items:center;gap:12px;min-height:52px;padding:14px 0 4px;font-size:15px;font-weight:700;color:var(--ink);cursor:pointer;list-style:none;border-radius:8px}.detail-management summary::-webkit-details-marker{display:none}.detail-management summary span{margin-left:auto;font-size:13px;font-weight:400;color:var(--subtle)}.detail-management summary svg{height:14px;width:14px;transition:transform .18s}.detail-management[open] summary svg{transform:rotate(90deg)}.detail-management-content{padding-top:6px}.detail-management-row{display:flex;align-items:center;gap:12px;padding:14px 0}.detail-management-row+.detail-management-row{border-top:1px solid var(--line)}.detail-management-row>div{flex:1;min-width:0}.detail-management-row strong{font-size:14px;font-weight:650}.detail-management-row p{font-size:13px;line-height:1.6;color:var(--subtle);margin:4px 0 0}.detail-management-row button{flex-shrink:0;margin:0;padding:8px 14px;font-size:13px}.detail-restore{margin-top:24px;padding:20px;border-radius:var(--radius);background:var(--warn-soft)}.detail-restore h3{font-size:16px;margin:0 0 8px}.detail-restore p{color:var(--warn);font-size:14px;line-height:1.7;margin:0 0 6px}.detail-restore button{margin-top:8px}#bind-repository{max-width:540px}#repository-status,.repository-notice{font-size:14px;color:var(--wink-ink);line-height:1.75}#repository-status a{text-decoration:underline;overflow-wrap:anywhere}.repositories{padding-top:20px;border-top:1px solid var(--line)}.repository-heading{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-top:18px}.repository-list:empty+.repository-notice:empty+.repository-more[hidden]+.repository-heading{margin-top:0}.repository-title{display:flex;align-items:center;gap:8px}.repository-symbol{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--ink);color:var(--wink);font:700 12px var(--mono);letter-spacing:-1px}.repository-heading h3{margin:0;font-size:16px}.bind-action{padding:7px 14px;font-size:13px}.repository-intro{margin:10px 0 16px;font-size:14px;line-height:1.7;color:var(--muted)}.repository-empty{display:flex;flex-direction:column;align-items:center;padding:22px 16px;border-radius:var(--radius);background:var(--sunk);text-align:center}.repository-empty-icon{display:grid;place-items:center;width:44px;height:44px;margin-bottom:10px;color:var(--ink);background:var(--surface);border-radius:50%}.repository-empty-icon svg{width:26px;height:26px}.repository-empty strong{font-size:15px;color:var(--ink)}.repository-empty p{font-size:14px;color:var(--muted);margin:4px 0 0;line-height:1.7}.repository-hint{margin:12px 0 0;font-size:13px}.repository-notice:empty{display:none}.repository-notice{padding:12px 14px;background:var(--wink-soft);border-radius:12px}.repository-row{display:flex;align-items:center;flex-wrap:wrap;gap:12px;padding:14px 0;border-bottom:1px solid var(--line)}.repository-info{flex:1;min-width:0}.repository-info a{display:block;overflow-wrap:anywhere;color:var(--ink);font-size:15px;font-weight:650;line-height:1.6;text-decoration:underline;text-decoration-color:var(--line-strong);text-underline-offset:3px}.repository-info .muted{display:block;margin-top:2px}.repository-row button,.repository-notice button{padding:7px 14px;font-size:13px}.repository-copy{flex-shrink:0}.repository-confirm{flex-basis:100%}.repository-confirm button{margin-right:8px}.repository-confirm .danger-text{margin-left:0}.repository-more{margin-top:10px}.repository-access{padding:16px;margin-bottom:16px;border-radius:var(--radius);background:var(--wink-soft)}.repository-access p{margin:0;color:var(--text);font-size:14px;line-height:1.75}.repository-access button{margin-top:12px}#account-page{max-width:1000px;min-height:70vh;padding:56px 0 88px;margin:0 auto}.account-page-heading{margin-bottom:32px}.account-page-heading h1{font-size:clamp(30px,4vw,40px);margin:0 0 8px}.account-page-heading p{margin:0;color:var(--muted);font-size:16px;line-height:1.75}.account-page-heading button{margin-top:20px}.settings-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px;align-items:start}.settings-panel{padding:32px;background:var(--surface);border-radius:var(--radius-l);min-width:0}.panel-heading{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-bottom:24px}.panel-heading h2{margin:0;font-size:20px}.panel-heading>span{color:var(--subtle);font-size:14px}.profile-preview-link{font-size:14px;font-weight:650;white-space:nowrap}.settings-label{display:block;font-size:14px;font-weight:650;margin:0 0 8px;color:var(--ink)}.settings-panel input:not([type=color]){width:100%}.settings-panel input[readonly]{background:var(--sunk);border-color:var(--sunk);color:var(--muted)}.field-hint{font-size:13px;color:var(--subtle);line-height:1.7;margin:8px 0 0}.avatar-fieldset{border:0;padding:0;margin:28px 0;min-width:0}.avatar-fieldset legend{font-size:14px;font-weight:650;color:var(--ink);padding:0;margin-bottom:14px}.color-presets{display:flex;flex-wrap:wrap;gap:12px;margin:0 0 24px}.color-swatch{width:40px;height:40px;padding:0;border-radius:50%;background:var(--swatch);border:1px solid rgb(0 0 0 / 6%)}.color-swatch:hover{background:var(--swatch);border-color:#0000000f;transform:scale(1.06)}.color-swatch[aria-pressed=true]{box-shadow:0 0 0 3px var(--surface),0 0 0 5px var(--ink)}.color-controls{display:flex;gap:14px;align-items:end}.color-controls>div{flex:1}#avatar-picker{width:48px;height:46px;padding:3px;background:var(--surface);border:1px solid var(--line-strong);border-radius:12px;cursor:pointer}#avatar-hex{font-family:var(--mono);letter-spacing:1px}.settings-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px;border-top:1px solid var(--line);padding-top:24px}#profile-save-status{width:100%;font-size:14px;color:var(--danger);line-height:1.7}#profile-save-status:empty{display:none}.settings-preview{display:flex;flex-direction:column;align-items:center;padding:32px 24px 8px;background:var(--sunk);border-radius:var(--radius-l);text-align:center}#avatar-preview{margin:0 0 16px}.settings-preview>strong{font-size:20px;overflow-wrap:anywhere;max-width:100%;color:var(--ink)}.settings-preview>.face-badge{margin-top:10px}.settings-preview>p{font-size:13px;color:var(--muted);margin:14px 0 22px}.face-explainer{width:100%;border-top:1px solid var(--sunk-strong);padding:20px 0 16px;text-align:left;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px}.face-explainer>span{font-size:14px;color:var(--muted)}.face-explainer>strong{font-size:26px;color:var(--ink);font-variant-numeric:tabular-nums}.face-explainer>p{width:100%;font-size:13px;color:var(--muted);line-height:1.7;margin:2px 0 6px}.face-explainer>a{font-size:14px;font-weight:700;text-decoration:underline;text-underline-offset:3px}#profile-header{padding:48px 0 32px;display:flex;align-items:center;flex-wrap:wrap;gap:24px}.profile-identity{display:flex;align-items:center;gap:22px;min-width:0}.profile-identity>div{min-width:0}.profile-identity h1{font-size:clamp(28px,4vw,38px);margin:0 0 4px;overflow-wrap:anywhere}.profile-identity p{color:var(--muted);font-size:15px;margin:0}.profile-summary{margin-left:auto;display:flex;align-items:center;gap:14px}.profile-summary .face-badge{font-size:16px;padding:6px 14px}.profile-edit{display:inline-flex;align-items:center;min-height:40px;padding:8px 18px;border:1px solid var(--line-strong);border-radius:var(--pill);background:var(--surface);font-size:14px;font-weight:600}.profile-edit:hover{border-color:var(--ink);text-decoration:none}.profile-public-hint{flex-basis:100%;margin:0;font-size:14px;color:var(--subtle)}#profile-header:not([hidden])+.hero+.collection{border-top:1px solid var(--line)}.face-rules{margin:0 0 40px;padding:32px;border-radius:var(--radius-l);background:var(--surface)}.face-rules-heading h2{margin:0 0 6px;font-size:22px}.face-rules-heading p,.face-top-up-heading p{margin:0;color:var(--muted);font-size:15px;line-height:1.75}.face-rules-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-top:28px}.face-rules-grid h3{margin:0 0 16px;font-size:16px}.face-rules-grid dl{display:grid;gap:18px;margin:0}.face-rules-grid dl>div{display:grid;grid-template-columns:92px minmax(0,1fr);gap:14px;font-size:14px;line-height:1.7}.face-rules-grid dt{color:var(--muted)}.face-rules-grid dd{display:grid;gap:2px;margin:0}.face-rules-grid dd strong{color:var(--ink);font-weight:750}.face-rules-grid dd span{color:var(--muted);font-size:13px}.face-settlement{display:flex;gap:14px;margin:24px 0 0;padding-top:18px;border-top:1px solid var(--line);color:var(--muted);font-size:14px;line-height:1.75}.face-settlement strong{flex-shrink:0;color:var(--ink)}.face-top-up-heading{margin-bottom:20px}.face-top-up-heading h2{margin:0 0 6px}.recharge-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(240px,1fr);gap:24px}.recharge-presets{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:0 0 24px}.recharge-presets button{display:grid;gap:2px;padding:18px 8px;border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--surface)}.recharge-presets button[aria-pressed=true]{border-color:var(--ink);background:var(--wink);box-shadow:inset 0 0 0 1px var(--ink)}.recharge-presets strong{font-size:24px;font-weight:800;color:var(--ink)}.recharge-presets span,.recharge-records small{font-size:13px;color:var(--muted)}.recharge-presets button[aria-pressed=true] span{color:var(--ink)}.recharge-panel input{width:100%}.recharge-total{display:flex;align-items:baseline;justify-content:space-between;margin:28px 0 16px;padding-top:20px;border-top:1px solid var(--line);color:var(--muted)}.recharge-total strong{font-size:40px;font-weight:800;color:var(--ink);font-variant-numeric:tabular-nums}.recharge-pay{width:100%;min-height:50px;font-size:16px}.recharge-summary{display:flex;flex-direction:column;align-items:flex-start;gap:8px;align-self:start;background:var(--sunk)}.recharge-summary h2{margin:0;font-size:18px}.recharge-summary p{margin:6px 0;color:var(--muted);font-size:14px}.recharge-summary a{font-size:14px;font-weight:700;text-decoration:underline;text-underline-offset:3px}.recharge-balance{font-size:56px;line-height:1.05;font-weight:800;letter-spacing:-.03em;color:var(--ink);font-variant-numeric:tabular-nums}.recharge-order,.recharge-history{grid-column:1 / -1}.recharge-order p{margin:0 0 6px}.recharge-trade{overflow-wrap:anywhere}.recharge-records{margin:0;padding:0;list-style:none}.recharge-records li{display:flex;gap:16px;justify-content:space-between;align-items:center;padding:16px 0;border-bottom:1px solid var(--line)}.recharge-records li:last-child{border-bottom:0}.recharge-records li div{display:grid;gap:4px}.recharge-records strong{color:var(--ink)}.recharge-records strong span{font-weight:400;color:var(--muted)}#guide{width:min(820px,calc(100vw - 32px));max-height:calc(100dvh - 40px);padding:36px}.guide-heading{padding-right:32px}#guide h2{margin:0 0 8px;font-size:28px;font-weight:800}.guide-heading p{margin:0;color:var(--muted);font-size:15px;line-height:1.75}.guide-heading .guide-reward{display:grid;gap:2px;margin-top:16px;padding:14px 16px;border-radius:var(--radius);background:var(--wink-soft);color:var(--text);font-size:13px}.guide-reward strong{color:var(--ink);font-size:15px}.guide-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;margin:28px 0 24px;padding:4px;background:var(--sunk);border-radius:20px}.guide-tab{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:84px;min-width:0;padding:12px 6px;border:0;border-radius:16px;background:transparent;color:var(--muted)}.guide-tab:hover{background:#ffffff8c;color:var(--ink)}.guide-tab[aria-selected=true]{background:var(--surface);color:var(--ink);box-shadow:0 2px 8px #1d1d1b14}.guide-tab-label{display:flex;align-items:center;gap:7px;font-size:14px;font-weight:700}.guide-tab-label svg{width:18px;height:18px;flex-shrink:0}.guide-recommended,.guide-tab-caption{padding:2px 9px;font-size:12px;font-weight:600;line-height:1.5;white-space:nowrap;border-radius:var(--pill)}.guide-recommended{color:var(--ink);background:var(--wink)}.guide-tab-caption{color:var(--subtle)}.guide-panel{outline-offset:6px;border-radius:8px}.guide-panel-intro{display:flex;align-items:flex-start;gap:14px}.guide-panel-icon{display:grid;place-items:center;flex-shrink:0;width:44px;height:44px;border-radius:50%;background:var(--ink);color:var(--wink)}.guide-panel-icon svg{width:22px;height:22px}.guide-panel-intro h3{margin:0 0 4px;font-size:18px;line-height:1.45}.guide-panel-intro p{margin:0;color:var(--muted);font-size:14px;line-height:1.75}.guide-steps{display:grid;gap:20px;margin:28px 0;padding:0;list-style:none;counter-reset:guide-step}.guide-steps li{position:relative;padding-left:44px;counter-increment:guide-step}.guide-steps li:before{content:counter(guide-step);position:absolute;top:0;left:0;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--wink);color:var(--ink);font-size:14px;font-weight:800;font-variant-numeric:tabular-nums}.guide-steps strong{font-size:15px;font-weight:700;line-height:1.9;color:var(--ink)}.guide-steps p{margin:4px 0 0;color:var(--muted);font-size:14px;line-height:1.8}.guide-login{padding:0;border:0;border-radius:4px;background:transparent;color:var(--ink);font-weight:700;text-decoration:underline;text-underline-offset:3px}.guide-login:hover{background:transparent}.guide-plaza-example{margin:14px 0 0;border-radius:var(--radius);overflow:hidden;background:var(--sunk)}.guide-plaza-scene{position:relative;padding:16px 18px 28px}.guide-plaza-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;color:var(--ink);font-size:13px;font-weight:700}.guide-plaza-heading>span:last-child{color:var(--subtle);font-size:12px;font-weight:400}.guide-plaza-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.guide-example-card{min-width:0;overflow:hidden;border-radius:12px;background:var(--surface)}.guide-example-card-active{box-shadow:0 0 0 2px var(--ink)}.guide-example-video{position:relative;display:grid;place-items:center;height:98px;overflow:hidden;background:#e4ecd0}.guide-example-orbit{width:60px;height:60px;border:13px solid var(--ink);border-radius:50%;box-shadow:13px 0 0 -2px var(--wink);transform:rotate(-28deg)}.guide-example-more{position:absolute;top:5px;right:7px;color:var(--ink);font-size:18px;line-height:1}.guide-example-duration{position:absolute;bottom:7px;left:8px;padding:1px 6px;border-radius:var(--pill);background:#161614b3;color:#fff;font-size:11px}.guide-example-title{display:block;padding:8px;color:var(--ink);font-size:12px;font-weight:600}.guide-example-video-peach{background:#f0e4d6}.guide-example-video-peach>span{width:50px;height:50px;border-radius:16px;background:#d4ad86;transform:rotate(-20deg)}.guide-example-video-lilac{background:#e9e5ef}.guide-example-video-lilac>span{width:66px;height:22px;border-radius:20px;background:#b4a7c7;transform:rotate(-35deg);box-shadow:0 14px #cec4dc}.guide-example-placeholder{display:block;width:55%;height:6px;margin:12px 10px;border-radius:3px;background:var(--sunk)}.guide-example-click{position:absolute;top:89px;left:20%;display:flex;align-items:center;gap:3px;color:var(--ink);font-size:12px}.guide-example-click>svg{width:26px;height:26px;fill:#fff;filter:drop-shadow(0 1px 2px rgb(0 0 0 / 25%))}.guide-example-click>span{padding:3px 9px;border-radius:var(--pill);background:var(--surface);box-shadow:0 2px 8px #0000001a}.guide-example-menu{position:absolute;top:116px;left:36%;width:236px;padding:5px;border-radius:12px;background:var(--surface);box-shadow:var(--float)}.guide-example-menu>span{display:flex;align-items:center;gap:5px;min-height:26px;padding:4px 8px;color:var(--muted);font-size:12px}.guide-example-menu>.guide-example-menu-selected{border-radius:8px;background:var(--wink);color:var(--ink);font-weight:700}.guide-example-menu-selected>svg{width:13px;height:13px;flex-shrink:0}.guide-example-menu-selected>span{margin-left:auto;color:var(--ink);font-size:11px;font-weight:500}.guide-plaza-example figcaption{padding:10px 12px;background:var(--surface);color:var(--muted);font-size:13px;line-height:1.6;text-align:center}.guide-action{display:flex;align-items:center;flex-wrap:wrap;gap:12px 16px;padding:16px;border-radius:20px;background:var(--sunk)}.guide-action>span{color:var(--muted);font-size:14px;line-height:1.6}.guide-action button,.guide-action a{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:11px 20px;border-radius:var(--pill);font-size:15px;font-weight:700}.guide-action a:hover{text-decoration:none}.guide-action-caption{display:inline-flex;align-items:center;gap:6px;max-width:100%}.guide-action .guide-tip-trigger{flex-shrink:0;width:32px;min-height:32px;padding:0;border:0;background:transparent;color:var(--muted)}.guide-action .guide-tip-trigger:hover,.guide-action .guide-tip-trigger[aria-expanded=true]{background:var(--surface);color:var(--ink)}.guide-tip-trigger svg{width:20px;height:20px}.guide-tip-popover{position:fixed;inset:auto;width:min(300px,calc(100vw - 24px));margin:0;padding:14px 16px;border:0;border-radius:var(--radius);background:var(--ink);box-shadow:var(--float);color:#e9e7e1;font-size:14px;line-height:1.75}.guide-tip-popover strong{color:var(--wink)}.guide-tip-popover p{margin:4px 0 0}.guide-tip-popover code{color:#fff;font-size:13px;white-space:nowrap}.guide-store-action{margin-top:20px}.guide-store-link{gap:10px}.guide-store-link>svg{width:22px;height:22px;flex-shrink:0}.guide-extension-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0;padding:0;list-style:none}.guide-extension-steps>li{overflow:hidden;border-radius:var(--radius);background:var(--sunk)}.guide-extension-scene{display:block;width:100%;height:auto;background:#eef1e4}.guide-extension-steps>li:nth-child(2) .guide-extension-scene{background:#f6eee9}.guide-extension-steps>li>div{padding:12px 14px 14px}.guide-extension-steps h4{display:flex;align-items:baseline;gap:7px;margin:0;font-size:15px;line-height:1.6}.guide-extension-steps h4>span{color:var(--subtle);font-size:12px;font-variant-numeric:tabular-nums}.guide-extension-steps p{margin:4px 0 0;color:var(--muted);font-size:13px;line-height:1.75}.guide-extension-footer{display:flex;align-items:center;flex-wrap:wrap;gap:8px 16px;color:var(--muted);font-size:14px;line-height:1.75}.guide-extension-footer>p{flex:1 1 360px;margin:0}.guide-extension-footer .guide-tip-trigger{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:0;background:var(--sunk)}.guide-note{margin:14px 0 0;color:var(--muted);font-size:14px;line-height:1.75}.toast-region{position:fixed;inset:max(8px,env(safe-area-inset-top)) auto auto 50%;transform:translate(-50%);width:min(500px,100vw);max-height:calc(100dvh - 16px);overflow:auto;margin:0;padding:16px 16px 20px;border:0;background:transparent;color:inherit;pointer-events:none;z-index:1000}.toast-region::backdrop{background:transparent;pointer-events:none}.toast{display:flex;align-items:center;gap:12px;padding:12px 12px 12px 14px;margin-bottom:10px;border-radius:18px;background:var(--ink);color:#f4f2ec;box-shadow:var(--float);pointer-events:auto;animation:toast-enter .18s ease-out}.toast-message{flex:1;font-size:14px;line-height:1.6;overflow-wrap:anywhere}.toast-icon{display:grid;place-items:center;flex:0 0 24px;height:24px;border-radius:50%;background:#ffffff29;color:#fff;font-size:13px;font-weight:800}.toast[data-kind=success] .toast-icon{background:var(--wink);color:var(--ink)}.toast[data-kind=error] .toast-icon{background:#ff7a61;color:var(--ink)}.toast[data-kind=loading] .toast-icon{background:transparent;border:2px solid rgb(255 255 255 / 22%);border-top-color:var(--wink);animation:toast-spin .8s linear infinite}.toast-action,.toast-close{flex-shrink:0;border:0;padding:6px 10px;background:transparent;color:inherit}.toast-action{color:var(--wink);font-size:14px;font-weight:750}.toast-action:hover,.toast-close:hover{background:#ffffff1f}.toast-close{width:32px;height:32px;padding:0;color:#c9c6bd;font-size:20px;line-height:1}.toast :focus-visible{outline-color:var(--wink)}@keyframes toast-enter{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes toast-spin{to{transform:rotate(360deg)}}@media(min-width:1550px){.masonry{columns:5}}@media(max-width:1080px){.masonry{columns:3}.site-header{gap:20px}#username{display:none}#account-trigger{padding-right:10px}}@media(max-width:980px){#detail{width:calc(100vw - 32px);max-height:calc(100dvh - 32px)}.detail-layout{grid-template-columns:minmax(0,1fr) 370px;height:min(720px,calc(100dvh - 92px))}.detail-panel{padding:24px}.detail-media-meta{padding:14px 16px}.video-controls{padding-inline:10px}.video-controls-row{gap:4px}.video-volume{width:44px}}@media(max-width:860px){.hero{grid-template-columns:minmax(0,1fr)}.hero-art{justify-self:center;width:min(100%,420px);margin-top:8px}}@media(max-width:760px){body{font-size:15px}.site-header{flex-wrap:wrap;gap:8px 12px;min-height:0;padding:12px 16px 8px}.brand-icon{width:34px;height:34px}.brand-wordmark{height:17px}.site-header nav{order:3;width:100%;margin:0 -4px;overflow-x:auto;scrollbar-width:none}.site-header nav::-webkit-scrollbar{display:none}.site-header nav button{padding:7px 10px;font-size:14px}.account{gap:6px}#login,#upload-file{padding:7px 14px;font-size:13px}.hero{padding-top:32px}.hero h1{font-size:clamp(34px,9vw,44px)}.hero-lead{font-size:16px}.flow-row{grid-template-columns:minmax(0,1fr);gap:4px}.hero-stat strong{font-size:34px}.collection{padding-top:28px}.collection-top h2{font-size:24px}.search{width:100%}.toolbar{margin:16px 0 20px}.masonry{columns:2;column-gap:14px}.card{margin-bottom:20px}.card-body{padding:10px 2px 0}.card-title{font-size:14px}.card-meta{gap:4px;font-size:12px}.card-author .avatar{width:20px;height:20px;font-size:10px}.card-meta .vote-button{gap:3px;min-width:30px;padding:5px 4px;font-size:12px}.card-meta .recording-votes{margin-right:-4px;gap:0}.card-time{display:none}.card-menu-trigger{top:8px;right:8px;opacity:1}.card-badges{top:8px;left:8px}.visibility,.replicated-badge{padding:2px 8px;font-size:12px}.site-footer{align-items:flex-start;flex-direction:column;gap:8px}.footer-meta{justify-content:flex-start}.detail-actions button{flex:1 1 auto}#detail{width:calc(100vw - 16px);max-height:calc(100dvh - 16px);overflow-y:auto;overscroll-behavior:contain;border-radius:22px;background:var(--surface)}.detail-topbar{position:sticky;top:0;z-index:4;height:56px;padding:0 12px 0 20px;background:#fffffff5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.detail-layout{display:block;height:auto}.detail-media{height:clamp(240px,48dvh,520px)}.detail-media-meta{padding:12px 18px;font-size:12px}.detail-panel{overflow:visible;padding:24px 20px}h2.detail-title{font-size:24px}.detail-quiet-button,.detail-management-row button,.detail-editor-actions button,.bind-action,.recording-votes-detail .vote-button{min-height:44px}.detail-close{width:44px;height:44px}#account-page{padding:32px 0 56px}.settings-layout{grid-template-columns:minmax(0,1fr);gap:16px}.settings-preview{order:-1;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;gap:4px 16px;padding:20px;text-align:left}.settings-preview #avatar-preview{margin:0}.settings-preview .avatar.avatar-large{width:64px;height:64px;font-size:26px}.settings-preview>p,.settings-preview .face-explainer{display:none}.settings-panel{padding:24px 20px}#profile-header{padding:32px 0 24px;gap:18px}.profile-identity{gap:16px}.profile-identity .avatar.avatar-large{width:68px;height:68px;font-size:28px}.profile-summary{margin-left:0}.guide-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.guide-tab{min-height:72px;gap:6px}}@media(max-width:640px){.face-rules{padding:22px 20px;margin-bottom:28px}.face-rules-grid{grid-template-columns:minmax(0,1fr);gap:28px}.face-rules-grid dl>div{grid-template-columns:80px minmax(0,1fr);gap:10px}.recharge-layout{grid-template-columns:minmax(0,1fr);gap:16px}.recharge-presets{grid-template-columns:repeat(2,1fr)}.recharge-summary{grid-row:1}.recharge-balance{font-size:44px}.recharge-records li{align-items:flex-start}}@media(max-width:560px){#guide{padding:28px 18px 22px;width:calc(100vw - 16px);max-height:calc(100dvh - 16px)}#guide h2{font-size:24px}.guide-tab{padding:10px 4px}.guide-tab-label{gap:5px;font-size:13px}.guide-recommended,.guide-tab-caption{padding:1px 7px;font-size:12px}.guide-panel-intro{gap:12px}.guide-panel-intro h3{font-size:16px}.guide-panel-icon{width:38px;height:38px}.guide-steps{margin:22px 0;gap:18px}.guide-steps li{padding-left:40px}.guide-plaza-example{margin-left:-40px}.guide-plaza-scene{padding:12px 12px 70px}.guide-plaza-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.guide-example-card:last-child{display:none}.guide-example-click{top:76px;left:22%}.guide-example-menu{top:106px;right:12px;left:auto;width:min(236px,calc(100% - 24px))}.guide-action{align-items:stretch;flex-direction:column;gap:10px;padding:14px}.guide-action-caption{justify-content:center}.guide-action>span{text-align:center}.guide-extension-steps{grid-template-columns:minmax(0,1fr);gap:10px}.guide-extension-steps>li{display:grid;grid-template-columns:100px minmax(0,1fr);align-items:center}.guide-extension-scene{height:100%;min-height:104px}.guide-extension-steps>li>div{padding:12px}#community-announcement{padding:28px 20px 20px}.announcement-contact{gap:14px}.announcement-qr{flex-basis:112px}.detail-body{padding:26px 20px}}@media(max-width:440px){.video-volume{display:none}.video-control{width:42px;height:42px}.site-header nav button{padding:7px 8px;font-size:13px}.brand{gap:6px}.brand-wordmark{height:15px}#upload-file,#login{padding:7px 11px}.masonry{column-gap:12px}}@media(max-width:340px){.masonry{columns:1}}@media(pointer:coarse){.card-rename{width:36px;height:36px;margin-block:-6px}.card-title-input,.search input,:where(input:not([type=radio],[type=checkbox],[type=color],[type=range],[type=file]),textarea,select){font-size:16px}.card-title-input{height:34px}.card-menu-trigger{width:38px;height:38px;opacity:1}.card-meta .vote-button,.card-meta .vote-retry,.card-author{min-height:38px}.card-meta .vote-button{min-width:34px}.site-header nav button{min-height:40px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important}.thumbnail,.card-media,.card-media *,.card-title,.card-meta .vote-button,.hero-control-bar,.hero-control-bar:before,.hero-time,.hero-progress,.hero-toggle,.video-surface>span,.detail-management summary svg{transition:none}.card:hover .card-media,.hero-control-bar{transform:none}.toast,.toast[data-kind=loading] .toast-icon{animation:none}}