.header-menu{position:relative}.header-menu-panel{z-index:20;background:var(--surface);border:1px solid var(--line);width:max-content;max-width:min(420px,90vw);color:var(--ink);border-radius:8px;flex-wrap:wrap;align-items:center;gap:10px;padding:12px 14px;display:flex;position:absolute;top:100%;right:0;box-shadow:0 6px 24px #283c3418}.header-menu-panel label{align-items:center;gap:4px;display:flex}.header-menu-error{color:var(--error-ink);margin-left:8px}.viewing-banner{background:var(--warn-bg);color:var(--warn-ink);border-radius:8px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-top:14px;padding:8px 14px;font-size:13px;display:flex}.viewing-banner.full{background:var(--error-bg);color:var(--error-ink)}.viewing-banner span{gap:14px;display:flex}
.help-tip{text-align:left;margin:12px 0 20px}.help-tip-toggle{color:var(--muted);font-size:13px}.help-tip-panel{border:1px solid var(--line);background:var(--light);border-radius:8px;align-items:flex-start;gap:16px;padding:14px 18px;font-size:14px;line-height:1.6;display:flex}.help-tip-panel>div{flex:1;min-width:0}.help-tip-panel p{max-width:75ch;margin:4px 0 0}.help-tip-panel>button{flex-shrink:0;min-width:32px;min-height:32px;font-size:22px}.help-tip-off{color:var(--muted);padding:6px 0 0;font-size:12px}.passage-guide{position:relative}.passage-guide-arrow{pointer-events:none;width:100%;height:100%;color:var(--ink);animation:4.5s both passage-cue-fade;position:absolute;inset:0;overflow:visible}.passage-guide-arrow path{fill:none;stroke:currentColor;stroke-width:3px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;animation:.8s ease-out both passage-cue-draw}.passage-guide-active textarea{animation:1.2s .8s 2 passage-cue-pulse}@keyframes passage-cue-draw{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}@keyframes passage-cue-fade{0%,85%{opacity:1}to{opacity:0}}@keyframes passage-cue-pulse{50%{box-shadow:0 0 0 4px var(--light);border-color:var(--ink)}}@media (prefers-reduced-motion:reduce){.passage-guide-arrow,.passage-guide-arrow path,.passage-guide-active textarea{animation:none}}
.settings h1{margin-bottom:8px}.settings-group{border-top:1px solid var(--line);padding:18px 0 8px}.settings-group h2{margin:0 0 4px}.settings-group>.caption{margin:0 0 10px}.settings-rows{gap:12px;width:100%;font-size:14px;display:grid}.settings-rows>label{justify-content:space-between;align-items:center;gap:16px;display:flex}.settings-flavor{border-top:1px dashed var(--line);gap:10px;padding-top:12px;display:grid}.settings-flavor>label{justify-content:space-between;align-items:center;gap:16px;display:flex}.settings-rows select,.settings-flavor select{flex-shrink:0;width:220px;min-width:0;max-width:100%}.settings-stack{grid-template-columns:minmax(0,1fr);gap:6px;display:grid!important}.settings-stack textarea{box-sizing:border-box;width:100%;min-width:0;min-height:110px;margin:0}@media (max-width:600px){.settings-rows>label,.settings-flavor>label{gap:10px}.settings-rows select,.settings-flavor select{width:45%}}
.feedback-screen textarea{min-height:140px}.feedback-shot{align-items:flex-start;gap:12px;margin-bottom:12px;display:flex}.feedback-shot img{border:1px solid var(--line);border-radius:6px;max-width:240px;max-height:160px}.feedback-pick{color:var(--green);cursor:pointer;text-decoration:underline}.feedback-pick input{display:none}.feedback-inbox{margin-top:34px}.feedback-item{border-top:1px solid var(--line);gap:6px;padding:14px 0;display:grid}.feedback-item header{min-height:0;color:var(--ink);border:0;align-items:baseline;gap:8px;padding:0;font-size:13px;display:flex}.feedback-actions{gap:14px;margin-left:auto;display:flex}.feedback-item header .quiet{padding:0}.feedback-item p{white-space:pre-wrap;margin:0;line-height:1.6}.feedback-item small{color:var(--muted);overflow-wrap:anywhere;font-size:11px}.feedback-item img{border:1px solid var(--line);border-radius:6px;max-width:min(100%,520px)}.feedback-status{color:var(--muted);border:1px solid var(--line);border-radius:4px;padding:1px 6px;font-size:11px}.feedback-status.done{color:var(--green);border-color:var(--green)}.feedback-reply{color:var(--green);margin:0}.feedback-done{gap:8px;display:grid}.feedback-done textarea{min-height:70px;margin:0;padding:12px}.feedback-done .actions{justify-content:flex-end;margin-top:0}.feedback-replies{background:var(--light);border-radius:10px;margin-bottom:22px;padding:4px 18px 10px}.feedback-replies .feedback-item{border-top:0}.feedback-replies p{margin:0;line-height:1.6}.feedback-quote{color:var(--muted);font-size:13px}.feedback-replies .quiet{justify-self:start;padding:0}.reply-badge{background:var(--green);color:#fff;border-radius:9px;margin-left:5px;padding:1px 7px;font-size:11px}.feedback-review{color:var(--muted);border-left:2px solid var(--line);margin:0;padding-left:10px;font-size:13px}
.speaking h1{margin-bottom:10px}.speaking>h2{margin-top:34px}.speaking-new{margin-top:24px}.speaking-new .actions{flex-wrap:wrap}.speaking-custom{gap:14px;margin-top:16px;font-size:13px;display:grid}.speaking-custom input[type=text],.speaking-custom input:not([type]){border:1px solid var(--line);background:var(--field);width:100%;color:var(--ink);font:inherit;border-radius:6px;margin-top:6px;padding:9px 11px;display:block}.speaking-custom fieldset{border:0;flex-wrap:wrap;gap:16px;margin:0;padding:0;display:flex}.speaking-custom legend{margin-bottom:6px}.speaking-custom input[type=range]{vertical-align:middle;width:200px;margin:0 8px}.speaking-custom details{margin:0;padding-top:10px}.speaking-list{margin:0;padding:0;list-style:none}.speaking-list li{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;padding:14px 0;display:flex}.speaking-list small{color:var(--muted);margin-top:5px;font-size:12px;display:block}.speaking-list span{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.speaking-list .primary,.speaking-list .secondary{padding:9px 14px}.speaking-player{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-pop);border-radius:12px;margin-top:20px;padding:22px 26px}.speaking-player .card-heading h2{margin:0}.nav-icon{width:18px;color:var(--green);margin-right:8px;display:inline-block}.speaking-player audio{width:100%;margin:14px 0 4px}.speaking-downloads{flex-wrap:wrap;align-items:center;gap:14px;margin:12px 0;display:flex}.speaking-downloads a{color:var(--green);font-size:13px}.speaking-downloads label{align-items:center;gap:6px;font-size:13px;display:flex}.follow-along{border-top:1px solid var(--line);margin-top:16px;padding-top:14px}.follow-now{text-align:center;min-height:84px}.follow-now .japanese{margin:0;font-size:26px}.follow-cue{color:var(--muted);margin:4px 0}.follow-lines{gap:2px;margin:12px 0 0;padding:0;list-style:none;display:grid}.follow-lines button{text-align:left;width:100%;color:var(--ink);border-radius:6px;gap:2px;padding:8px 10px;display:grid}.follow-lines b{color:var(--muted);font-size:12px;font-weight:600}.follow-lines span{font-size:17px}.follow-lines small{color:var(--muted);font-size:12px}.follow-lines .speaking-now button{background:var(--light)}