:root{--green:#11754e;--green2:#0b5c3d;--gold:#f2b705;--red:#d92d20;--bg:#f4faf7;--surface:#fff;--text:#13231d;--muted:#66756f;--line:#dce8e2;--shadow:0 10px 24px rgba(14,65,44,.12);--radius:18px}*{box-sizing:border-box}
body{margin:0;background:var(--bg);font-family:Inter,Arial,sans-serif;color:var(--text)}
a{text-decoration:none;}
.topbar{height:74px;background:var(--surface);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 28px;position:sticky;top:0;z-index:20}
.brand{display:flex;gap:12px;align-items:center}
.brand span{display:block;color:var(--green);font-size:13px}
.logo{width:42px;height:42px;border-radius:50%;background:#101010;color:white;display:grid;place-items:center;font-size:24px}
.top-actions,.input-actions{display:flex;gap:10px;flex-wrap:wrap}
.page{display:grid;grid-template-columns:260px minmax(0,740px);justify-content:center;gap:22px;max-width:1120px;margin:24px auto;padding:0 20px}
.progress-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px;height:max-content;position:sticky;top:98px}
.steps{list-style:none;padding:0;margin:18px 0}
.steps li{padding:13px 14px;border-left:4px solid var(--line);color:var(--muted);font-weight:700}
.steps li.active{border-left-color:var(--green);background:#e9f7f1;color:var(--green);border-radius:10px}
.fatigue-tip{background:#fff8df;border:1px solid #f1dc90;padding:12px;border-radius:14px;font-size:13px}
.need-form{min-width:0}
.form-panel{display:none;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:24px;margin-bottom:90px}
.form-panel.active{display:block}
.sticky-section{position:sticky;top:74px;background:rgba(255,255,255,.97);z-index:8;padding-bottom:12px;border-bottom:1px solid var(--line)}
.panel-head{display:flex;justify-content:space-between;gap:20px;margin-bottom:20px}
.eyebrow{text-transform:uppercase;color:var(--green);font-weight:800;letter-spacing:.08em;margin:0}h1{margin:4px 0;font-size:30px}p{color:var(--muted);line-height:1.5}
label{display:block;font-weight:700;margin:18px 0 7px}
input,select,textarea{width:100%;border:1px solid var(--line);border-radius:14px;padding:14px 15px;font:inherit;background:#fff; margin-top:10px;}
textarea{min-height:135px;resize:vertical}
.field-block{margin:20px 0}
.field-help{font-size:13px;margin:4px 0 12px}
.smart-input{background:#f2fbf7;border:1px solid #cde8dc;border-radius:18px;padding:18px}
.media-grid{display:flex;flex-direction:column;gap:14px;margin-top:18px}
.upload{border:2px dashed #b9d8cb;border-radius:18px;padding:24px;text-align:center;color:var(--green);background:#f8fffb}
.upload input{display:none}
.badge{display:inline-flex;align-items:center;height:30px;background:#e8f5ef;color:var(--green);padding:0 12px;border-radius:999px;font-weight:900;white-space:nowrap}
.badge.success{background:#e7f8e9}
.ai-box,.review-card{background:#f7fbf9;border:1px solid var(--line);border-radius:16px;padding:16px;margin:14px 0}
.ai-box button{margin-top:10px}
.type-cards{display:flex;flex-direction:column;gap:12px}
.type-card{width:100%;text-align:left;border:1px solid var(--line);background:#fff;border-radius:16px;padding:15px 16px;cursor:pointer}
.type-card strong{display:block;color:var(--green2);font-size:16px}
.type-card span{display:block;color:var(--muted);font-weight:600;margin-top:4px}
.type-card.selected{border-color:var(--green);background:#eaf7f1;box-shadow:inset 0 0 0 2px rgba(17,117,78,.12)}
.chip-select{display:flex;flex-wrap:wrap;gap:10px}
.chip-select button{border:1px solid #c8e3d6;background:#fff;color:var(--green2);border-radius:999px;padding:10px 13px;font-weight:800;cursor:pointer}
.chip-select button.selected{background:var(--green);border-color:var(--green);color:#fff}
.review-grid{display:flex;flex-direction:column;gap:14px}
.form-nav{position:fixed;left:0;right:0;bottom:0;background:rgba(255,255,255,.97);border-top:1px solid var(--line);display:flex;align-items:center;justify-content:center;gap:20px;padding:14px;z-index:30}.save-note{color:var(--muted);font-size:13px}
.primary,.ghost,.voice,.listen{border:0;border-radius:12px;padding:12px 18px;font-weight:900;cursor:pointer}
.primary{background:var(--green);color:white}
.ghost{background:#eef5f1;color:var(--green);border:1px solid #cde4d8}
.voice,.listen{background:#fff;border:1px solid var(--green);color:var(--green)}
details{border:1px solid var(--line);border-radius:16px;padding:14px;margin-top:18px;background:#fff}
summary{font-weight:900;color:var(--green);cursor:pointer}
.hint{font-size:12px;color:var(--muted);font-weight:600;margin-top:5px}
.section-note{background:#ecf8f2;border-left:4px solid var(--green);padding:12px 14px;border-radius:12px;margin:12px 0 18px;color:var(--green2);font-weight:700}

@media(max-width:900px){
.page{grid-template-columns:1fr;max-width:780px}
.progress-card{position:static}
.topbar{padding:0 14px}
.top-actions{display:none}
h1{font-size:24px}
.sticky-section{top:74px}
.form-nav{justify-content:space-between}
.save-note{display:none}
.panel-head{display:block}
.form-panel{padding:18px}
}
@media(max-width:520px){.input-actions{display:grid;grid-template-columns:1fr;}
.primary,.ghost,.voice,.listen{width:100%}
.form-nav .ghost,.form-nav .primary{width:auto}
.brand strong{font-size:15px}
.brand span{font-size:12px}
}