@import url('/base.css');
.brand .club-label{display:block!important;color:#6b8056;letter-spacing:1px;font-size:10px}
.extra select{font-size:10px}
.editor-card>#source{flex:1}
.progress{padding:24px;gap:12px;align-items:stretch;text-align:left;justify-content:center}
.progress .progress-top{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%}
.progress .progress-top h3{margin:0;font-size:13px;color:var(--green);line-height:1.6}
.progress .progress-top b{font-size:14px;color:var(--green)}
.progress progress{appearance:none;-webkit-appearance:none;width:100%;height:9px;border:0;border-radius:10px;overflow:hidden;background:#e8eddf}
.progress progress::-webkit-progress-bar{background:#e8eddf;border-radius:10px}
.progress progress::-webkit-progress-value{background:#6b915a;border-radius:10px;transition:width .35s ease}
.progress progress::-moz-progress-bar{background:#6b915a;border-radius:10px}
.progress-steps{display:flex;justify-content:space-between;padding:0;margin:0;list-style:none;font-size:10px;color:#99a08f;gap:8px}
.progress-steps li:before{content:'○';margin-right:5px}.progress-steps .finished{color:#4d7956}.progress-steps .finished:before{content:'✓'}.progress-steps .current{color:#264b3d;font-weight:600}.progress-steps .current:before{content:'●'}
.progress #progress-detail{font-size:11px;line-height:1.8;margin:1px 0;color:#6f7f66}
.progress .progress-meta{display:flex;justify-content:space-between;gap:8px;font-size:10px;color:#8a9581}
.progress #elapsed{margin:0;font-size:10px}.progress small{font-size:9px;color:#9aa28f;line-height:1.7}
.progress .progress-diagnostic{font-size:10px;line-height:1.8;background:#fff3dd;color:#996829;padding:9px 11px;border-radius:6px;margin:0}
.progress.is-preview{height:auto;min-height:0;flex:0 0 auto;padding:16px 20px;display:flex;gap:8px;border-bottom:1px solid var(--border)}
.progress.is-preview small{display:none}.progress.failed progress::-webkit-progress-value{background:#b6874c}.progress.failed .progress-top h3{color:#986326}
.error-actions{display:flex;gap:10px;align-items:center;margin:10px 0}.alert strong{font-size:13px}.alert p{font-size:12px;margin:6px 0}.alert small{display:block;font-size:10px;overflow-wrap:anywhere}
.history-list{display:grid;gap:12px}.history-card{display:flex;align-items:center;justify-content:space-between;padding:20px;gap:20px}.history-card>div:first-child{min-width:0}.history-card h2{font-size:14px;line-height:1.6;overflow-wrap:anywhere}.history-meta{font-size:11px;color:var(--muted);margin:8px 0 0}.history-error{font-size:11px;color:#976f3f;margin:8px 0 0}.history-actions{display:flex;gap:10px;align-items:center;flex-shrink:0}.history-empty{padding:38px;color:var(--muted);text-align:center;font-size:13px}
.change-examples{display:grid;gap:10px;margin:15px 0}.change-example{background:#f4f7ef;border:1px solid #e4eadb;border-radius:8px;padding:13px 15px}.change-example b{font-size:11px;color:#698052}.change-example p{font-size:12px;margin:6px 0;line-height:1.8}.change-example .before-text{color:#89927f}.change-example .after-text{color:#2d4d3a}.change-example small{font-size:10px;color:#7b876e}
.compare-controls{display:flex;gap:15px;align-items:center}.compare-controls label{font-size:10px;color:#708062;display:flex;gap:4px;align-items:center}.compare-controls input{accent-color:#476e45}.pair mark{background:#e1edce;color:inherit;padding:1px 0}.pair>div:first-child mark{background:#f4e9da}
@media(max-width:580px){.brand{margin-bottom:5px}.brand strong{font-size:20px}.history-card{align-items:flex-start;flex-direction:column;gap:14px;padding:17px}.history-actions{align-self:flex-end}.progress{padding:20px}.progress.is-preview{padding:14px 17px}.compare-heading{align-items:flex-start;gap:10px}.compare-controls{gap:7px;flex-wrap:wrap;justify-content:flex-end}.compare-controls label{font-size:9px}.progress .progress-top h3{font-size:12px}.progress-steps{font-size:9px}}
@media(prefers-reduced-motion:reduce){.progress progress::-webkit-progress-value{transition:none}}