/* Current app colors are the baseline. Crafted artifacts retain their materials. */
html[data-preview-theme=current] .pv-tour{background:var(--bg-sub);border-color:var(--line)}
html[data-preview-theme=current] .tl-post{background:var(--card);border-color:var(--card-line);box-shadow:none}
html[data-preview-theme=current] .tl-post-badge{border-top-color:var(--accent-2)}
html[data-preview-theme=current] .tl-achievement,html[data-preview-theme=current] .tl-about{background:var(--bg);border-color:var(--line)}
html[data-preview-theme=current] .tl-note,html[data-preview-theme=current] .tl-achievement p,html[data-preview-theme=current] .tl-about p,html[data-preview-theme=current] .tl-share p,html[data-preview-theme=current] .tl-share small{color:var(--ink)}
html[data-preview-theme=current] .tl-filters button,html[data-preview-theme=current] .tl-reaction,html[data-preview-theme=current] .ac-button{background:var(--card);border-color:var(--line);color:var(--ink)}
html[data-preview-theme=current] .tl-filters button[aria-pressed=true],html[data-preview-theme=current] .ac-primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}
html[data-preview-theme=current] .tl-reaction[aria-pressed=true]{background:var(--bg-sub);color:var(--accent)}
html[data-preview-theme=current] .tl-textlink,html[data-preview-theme=current] .ac-link{color:var(--accent)}
html[data-preview-theme=current] .tl-post-head small,html[data-preview-theme=current] .tl-small,html[data-preview-theme=current] .ac-badge small{color:var(--sub)}
html[data-preview-theme=current] .ac-badge-rack{background:transparent;border-color:var(--line)}
html[data-preview-theme=current] .ac-badge-grid .ac-badge,html[data-preview-theme=current] .ac-tool,html[data-preview-theme=current] .ac-tool-empty{background:var(--card);border-color:var(--line);color:var(--ink)}
html[data-preview-theme=current] .ac-badge{color:var(--ink)}
html[data-preview-theme=current] .tl-own-meta{background:var(--bg);color:var(--ink)}
/* Review pass: typography and hit areas shared by participant screens. */
html[data-preview-theme=current]{--font-body:'Zen Kaku Gothic New','Noto Sans CJK JP','Hiragino Kaku Gothic ProN','Yu Gothic',sans-serif}
html[data-preview-theme=current] :is(.tl-root,.ac,.rb-root,.qs) button,html[data-preview-theme=current] :is(.tl-root,.ac,.rb-root,.qs) a{touch-action:manipulation}
:is(.tl-root,.ac,.rb-root,.qs) :is(button,a,summary,input,select,textarea):focus-visible{outline:3px solid #567658;outline-offset:3px}
html[data-preview-theme=current] .tl-root{max-width:760px}
.tl-toolbar{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin:0 0 18px}.tl-toolbar>.hy-btn{min-height:44px;font-size:14px}.tl-toolbar .tl-share{padding:0;border:0;margin:0;max-width:350px}.tl-toolbar .tl-share summary{font-size:13px;min-height:44px;display:flex;align-items:center;justify-content:flex-end;gap:8px}.tl-toolbar .tl-share summary:after{content:'⌄'}.tl-toolbar .tl-share[open] summary:after{content:'⌃'}.tl-toolbar .tl-share label{font-size:13px;line-height:1.7;margin-top:10px}.tl-toolbar .tl-share p{font-size:12px}
html[data-preview-theme=current] .tl-post{padding:22px;border-radius:12px}.tl-post-head{flex-wrap:wrap;gap:10px;margin-bottom:16px}.tl-post-head>div{flex:1;min-width:120px}.tl-post-head b{font:600 14px/1.6 var(--font-body)}.tl-post-head small{font-size:12px;line-height:1.6}.tl-kind,.tl-private-label{font-size:11px;line-height:1.5;color:var(--sub);padding:4px 7px}.tl-filters button{font-size:13px;min-height:44px}.tl-filters{gap:8px;margin-bottom:16px}.tl-note-title{font:600 18px/1.6 var(--font-body)}.tl-textlink{font-size:13px;min-height:44px}.tl-post-foot{margin-top:14px;padding-top:10px}.tl-photo-label{font-size:12px;color:var(--sub)}.tl-small{font-size:12px}.tl-posts{gap:16px}
html[data-preview-theme=current] .tl-achievement{display:flex;text-align:left;align-items:flex-start;gap:16px;padding:4px 0;background:transparent;border:0}.tl-achievement .badge-pieces{width:88px;height:88px;margin:0;display:block}.tl-achievement>div{min-width:0;flex:1}.tl-achievement h3{font:600 18px/1.6 var(--font-body);margin:0 0 6px}.tl-achievement p{font-size:13px;line-height:1.8;margin:6px 0}.tl-piece-count{font:600 12px var(--font-body);border:0;background:var(--bg-sub);color:var(--ink);border-radius:4px;padding:5px 8px;margin:0}.tl-reaction{font-size:13px;min-height:44px;padding:8px 14px}.tl-record-options{display:grid;gap:10px}.tl-record-option{display:grid;gap:6px;padding:16px;border:1px solid var(--line);border-radius:8px;color:var(--ink);text-decoration:none}.tl-record-option:hover{background:var(--bg-sub)}.tl-record-option small{font-size:12px;color:var(--sub)}.tl-record-option b{font:600 16px/1.6 var(--font-body)}.tl-record-option>span{font-size:13px;color:var(--accent)}
html[data-preview-theme=current] :is(.tl-kind,.tl-private-label,.tl-eyebrow){color:var(--sub);border-color:var(--line)}
.ac .ac-card-top small{font-size:10px}.ac .ac-card-top b{font-size:18px}.ac .ac-person>small,.ac .ac-motto,.ac .ac-pin>span:last-child,.ac .ac-card-foot>small{font-size:12px;line-height:1.7}.ac .ac-reverse-top small{font-size:10px}.ac .ac-reverse-facts dt{font-size:12px}.ac .ac-reverse-facts dd{font-size:14px}.ac .ac-face-label{font-size:12px}.ac .ac-badge b{font:600 14px/1.6 var(--font-body)}.ac .ac-badge small{font-size:12px;line-height:1.7}.ac .ac-link{font-size:13px}.ac .ac-badge{padding:12px 5px;border:1px solid transparent}.ac .ac-badge:hover{border-color:var(--line)}.ac .ac-tool-empty{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 20px;border:1px solid var(--line);border-radius:8px}.ac .ac-tool-empty p{font:14px/1.8 var(--font-body);margin:0}.ac .ac-tool-empty a{font-size:13px;min-height:44px;display:inline-flex;align-items:center}.ac-requirements li{font-size:14px;line-height:1.7}.ac-requirements small{font-size:12px}
.rb-root .rb-photo-frame:has(#re-photo[hidden]){min-height:0;padding:16px}.rb-root #re-photo-empty{display:flex;align-items:center;justify-content:center;gap:14px;padding:0}.rb-root #re-photo-empty svg{width:32px;height:28px}.rb-root .rb-textlink{min-height:44px;font-size:13px;display:inline-flex;align-items:center}.rb-root .rb-small{font-size:13px;line-height:1.8}.rb-root .rb-section-title small{font-size:12px}.rb-root .rb-note-input{font-family:var(--font-body)}
@media(max-width:750px){html[data-preview-theme=current] .tl-post{padding:18px 16px}.tl-post-head>div{min-width:140px}.tl-post-head .tl-private-label{margin-left:45px}.tl-toolbar{gap:12px}.tl-toolbar .tl-share{max-width:60%}.tl-filters button{font-size:12px;padding:9px 12px}.tl-achievement .badge-pieces{width:72px;height:72px;margin:0}.tl-achievement h3{font-size:17px}.tl-achievement p{font-size:13px}.tl-achievement .tl-textlink{font-size:12px}.ac .ac-card-foot{flex-wrap:wrap;gap:4px}.ac .ac-card-foot>small{font-size:11px}.ac .ac-tool-empty{align-items:flex-start;flex-direction:column;gap:4px}.ac .ac-badge b{font-size:12px}.ac .ac-badge-rack{gap:8px}.ac .ac-requirements small{font-size:12px}.ac .ac-person>strong{font-size:28px}}
@media(prefers-reduced-motion:reduce){:is(.ac,.tl-root,.rb-root,.qs) *{scroll-behavior:auto!important;transition:none!important}}
