:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#17231f;background:#eef3ee;--ink:#17231f;--green:#1f5c49;--lime:#d9ef91;--line:#cfdbd2}*{box-sizing:border-box}body{margin:0}header{padding:3rem max(5vw,1rem) 2rem;background:var(--ink);color:#fff}header h1{font-family:Georgia,serif;font-size:clamp(2.2rem,6vw,4.6rem);margin:.2rem 0}header p{color:#cbd9d1}nav a{color:var(--lime);font-weight:700}.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:.75rem}main{width:min(920px,92vw);margin:2rem auto 5rem;display:grid;gap:1rem}.card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:clamp(1.25rem,4vw,2.25rem);box-shadow:0 8px 30px #173d2710}.hero-card{text-align:center}.hero-card select{display:block;margin:1rem auto;min-width:min(500px,100%)}.hero-card button{font-size:1.05rem;padding:.9rem 1.5rem}.time{color:#617069}.step{color:var(--green);font-weight:750;letter-spacing:.08em;text-transform:uppercase;font-size:.78rem}.controls{display:flex;gap:.75rem;flex-wrap:wrap;margin:1rem 0}select,textarea,button{font:inherit;border-radius:10px;border:1px solid var(--line)}select,textarea{padding:.8rem;background:#fbfdfb}select{max-width:100%}textarea{display:block;width:100%;margin:.5rem 0 0;resize:vertical}button,.button-link{display:inline-block;padding:.75rem 1.1rem;background:var(--green);color:white;border:1px solid var(--green);border-radius:10px;font-weight:700;cursor:pointer;text-decoration:none}button:disabled{opacity:.4;cursor:not-allowed}.subtle{background:#edf4ef;color:var(--green);border-color:var(--line)}audio{width:100%;margin-top:.5rem}.listen-official{display:block;margin-top:1rem;min-width:112px}.listen-official[hidden]{display:none}.metadata dl{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.65rem}.metadata dl div{border-top:1px solid var(--line);padding-top:.6rem}dt{font-size:.72rem;text-transform:uppercase;color:#66736d;letter-spacing:.06em}dd{margin:.25rem 0;font-weight:650}.tags{display:flex;gap:.4rem;flex-wrap:wrap}.tags span{background:#e6f1eb;padding:.3rem .55rem;border-radius:999px;font-size:.82rem}.tags.risk span{background:#fff1c9}.note,.status{color:#65716b;font-size:.9rem}label{display:block;font-weight:700;margin-top:1rem}.progress-row{display:flex;justify-content:space-between;align-items:center}.progress-row h2{font-size:2.3rem;margin:.25rem 0}.dots{display:flex;gap:.35rem}.dots i{width:12px;height:12px;background:#dce5df;border-radius:50%}.dots i.active{background:#d6a729}.dots i.done{background:var(--green)}.record-panel{background:#f5f8f5;border-radius:14px;padding:1rem;margin:1rem 0}.success-mark{display:grid;place-items:center;width:58px;height:58px;border-radius:50%;background:var(--lime);font-size:2rem;margin-bottom:1rem}.completion h2{font-size:2.5rem}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;text-align:center}.stats strong{display:block;font-size:2.3rem;font-family:Georgia,serif}.stats span{font-size:.8rem;color:#65716b}.history-item{padding:1.25rem 0;border-bottom:1px solid var(--line)}.history-item h3{margin:.3rem 0}.session-detail{margin-top:1rem;background:#f5f8f5;padding:1rem;border-radius:12px}.session-detail details,.share-question{padding:1rem 0;border-bottom:1px solid var(--line)}.share-question:last-child{border:0}@media(max-width:600px){.stats{grid-template-columns:1fr}.progress-row{align-items:flex-start}.dots{margin-top:.5rem}}

/* Product feedback widget */
.feedback-fab{position:fixed;right:1.25rem;bottom:1.25rem;z-index:1000;padding:.72rem 1.05rem;border-radius:999px;box-shadow:0 8px 24px #173d2730;font-size:.92rem}
.feedback-backdrop{position:fixed;inset:0;z-index:1100;display:grid;place-items:center;padding:1rem;background:#17231f70}
.feedback-backdrop[hidden]{display:none}
.feedback-modal{width:min(460px,100%);max-height:min(680px,calc(100vh - 2rem));overflow:auto;background:#fff;border:1px solid var(--line);border-radius:18px;padding:1.35rem;box-shadow:0 18px 60px #17231f40}
.feedback-modal-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;border-bottom:1px solid var(--line);padding-bottom:.75rem}
.feedback-modal-heading h2{margin:.2rem 0 0;font-size:1.65rem}
.feedback-close{padding:.2rem .55rem;background:transparent;color:var(--green);border-color:transparent;font-size:1.65rem;line-height:1}
.feedback-close:hover{background:#edf4ef}
.feedback-modal select,.feedback-modal textarea{width:100%;margin-top:.45rem}
.feedback-modal textarea{min-height:120px}
.feedback-context{margin:.8rem 0;color:#65716b;font-size:.82rem}
.feedback-modal-actions{display:flex;justify-content:flex-end;gap:.65rem;margin-top:1rem}
.feedback-status{min-height:1.25rem;margin:.75rem 0 0}
.feedback-success{color:var(--green)}.feedback-error{color:#9b3d2e}
.feedback-open{overflow:hidden}
@media(max-width:600px){.feedback-fab{right:.8rem;bottom:.8rem}.feedback-modal{padding:1.1rem}.feedback-modal-actions{flex-direction:column-reverse}.feedback-modal-actions button{width:100%}}