:root{--forest:#173f35;--forest-2:#245b4d;--cream:#f4f0e8;--paper:#fffdf8;--ink:#17211d;--muted:#65716b;--gold:#e9b85e;--red:#a43d36;--line:#dcd7ca;--shadow:0 10px 30px rgba(23,63,53,.08)}*{box-sizing:border-box}html{background:var(--cream);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display",Inter,sans-serif}body{margin:0;padding-bottom:92px}header{height:64px;padding:env(safe-area-inset-top) 20px 0;display:flex;align-items:center;justify-content:space-between;background:rgba(244,240,232,.92);position:sticky;top:0;z-index:10;backdrop-filter:blur(15px)}a{color:var(--forest);text-decoration:none}.brand{font-weight:850;letter-spacing:.02em}.brand span{font-weight:500;color:var(--muted)}.header-action{font-weight:700}main{max-width:720px;margin:auto;padding:14px 18px 42px}.hero{padding:36px 2px 28px}.hero.compact{padding:22px 2px 18px}.eyebrow{text-transform:uppercase;letter-spacing:.13em;font-size:.72rem;font-weight:800;color:var(--forest-2);margin:0 0 8px}.hero h1{font-family:Georgia,serif;font-size:clamp(2.3rem,10vw,4.2rem);line-height:.98;margin:0 0 14px;font-weight:500}.hero.compact h1{font-size:2.4rem}.hero p{color:var(--muted);line-height:1.5}.card,.alert,.empty{background:var(--paper);border:1px solid var(--line);border-radius:20px;padding:18px;margin-bottom:14px;box-shadow:var(--shadow)}.stack{display:grid;gap:14px}.stack .card{margin:0}label{display:grid;gap:8px;font-weight:650}input,select,textarea{width:100%;font:inherit;color:var(--ink);background:white;border:1px solid #c8c5ba;border-radius:12px;padding:14px;font-size:16px}textarea{resize:vertical}button,.button{display:inline-flex;justify-content:center;align-items:center;min-height:52px;border:0;border-radius:15px;background:var(--forest);color:white;padding:13px 18px;font:inherit;font-weight:800;cursor:pointer}.secondary{background:#e5eee9;color:var(--forest)}.text-button{background:none;color:var(--forest);min-height:36px;padding:4px}.error{color:var(--red);font-weight:700}.file-drop{min-height:150px;border:2px dashed #91a69e;border-radius:16px;display:grid;place-items:center;color:var(--forest);font-size:1.2rem}.file-drop input{max-width:280px;border:0}.section-title,.pause-head,.scenario-title{display:flex;align-items:center;justify-content:space-between}.stage-row{display:flex;justify-content:space-between;align-items:center;padding:16px 4px;border-bottom:1px solid var(--line)}.stage-row span{display:grid;gap:4px}.stage-row small,.card small,.source{color:var(--muted)}.stage-row b{font-size:1.8rem}.actions{display:grid;margin-bottom:28px}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:20px}.metrics div{background:var(--forest);color:white;border-radius:16px;padding:14px 8px;display:grid;text-align:center}.metrics b{font-size:1.15rem}.metrics span{font-size:.72rem;opacity:.75}.flow{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin-bottom:22px}.flow a{font-size:.68rem;text-align:center;background:var(--paper);border-radius:12px;padding:9px 2px;box-shadow:var(--shadow)}.flow span{display:grid;place-items:center;margin:0 auto 5px;background:var(--gold);width:26px;height:26px;border-radius:50%;font-weight:800}.scale legend,fieldset legend{font-size:1.1rem;font-weight:800;padding:0 4px}.scale-row{display:grid;grid-template-columns:repeat(11,1fr);gap:3px}.scale-row label input,.chips input{position:absolute;opacity:0;pointer-events:none}.scale-row span{height:34px;display:grid;place-items:center;border:1px solid var(--line);border-radius:8px;font-size:.8rem}.scale-row input:checked+span,.chips input:checked+span{background:var(--forest);color:white;border-color:var(--forest)}.scale-hints{display:flex;justify-content:space-between;color:var(--muted)}.chips{display:flex;gap:7px;flex-wrap:wrap}.chips.vertical{display:grid}.chips span{display:block;border:1px solid var(--line);background:white;border-radius:999px;padding:10px 12px;font-size:.86rem}.pain-card{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:14px 0;border-bottom:1px solid var(--line)}.pause-head span,.scenario-title span{background:#e5eee9;border-radius:999px;padding:6px 9px;font-size:.75rem}.pause-head div{display:grid}.alert{border-left:6px solid var(--red);background:#fff4f1}.alert.high,.alert.critical{border-color:var(--red)}.recommendation small{display:block;border-top:1px solid var(--line);padding-top:9px}.scenario.recommended{border:2px solid var(--forest)}.scenario>strong{font-size:1.5rem;color:var(--forest)}.scores{display:flex;flex-wrap:wrap;gap:5px}.scores span{font-size:.72rem;background:var(--cream);border-radius:7px;padding:6px}.uncertainty{background:#eeeae0}.garmin-row{display:grid;grid-template-columns:1fr auto auto;gap:8px;align-items:center;border-top:1px solid var(--line);padding:10px 0}.logout{margin-top:40px;text-align:center}nav{position:fixed;bottom:0;left:0;right:0;padding:10px 18px calc(10px + env(safe-area-inset-bottom));background:rgba(255,253,248,.95);border-top:1px solid var(--line);display:flex;justify-content:space-around;z-index:12;backdrop-filter:blur(15px)}nav a{font-size:.8rem;font-weight:750}@media(min-width:640px){.scenario-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.scenario-grid .card{margin:0}.hero.compact h1{font-size:3.2rem}}

