:root{font:16px/1.5 system-ui,sans-serif;color:#293b36;background:#faf8f5;--accent:#426d59;--soft:#e8eee7;--line:#e4e5df}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer;border:1px solid var(--line);background:white;color:inherit;border-radius:12px;padding:10px 14px;min-height:44px}button.active,.primary{background:var(--accent);color:white;border-color:var(--accent)}button:focus-visible,a:focus-visible{outline:3px solid #b198cf;outline-offset:2px}button:disabled{opacity:.5;cursor:default}.shell{max-width:660px;margin:auto;padding:20px 18px 100px}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}header a{font-size:25px;letter-spacing:-1px;font-weight:650;text-decoration:none;color:var(--accent)}header span{display:block;font-size:11px;font-weight:400;letter-spacing:1px;color:#70796f}h1{font-size:29px;letter-spacing:-1px;margin:8px 0}h2{font-size:18px;margin:0 0 14px}p{margin:8px 0}.muted,small{color:#68756e;font-size:13px}.card{background:white;border:1px solid var(--line);border-radius:22px;padding:20px;margin:16px 0}.row{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap}.big{font-size:48px;letter-spacing:-2px;font-weight:600}.week{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin:16px 0}.week button{padding:8px 2px;font-size:13px}.week small{display:block;color:inherit}.macros{display:flex;justify-content:space-between;gap:8px;margin:18px 0}.macros small{display:block}.full{width:100%}.entry{display:flex;justify-content:space-between;gap:10px;border-top:1px solid var(--line);padding:16px 0}.entry button{border:0;background:transparent;min-width:44px}.track{height:7px;background:var(--soft);border-radius:10px;overflow:hidden;margin:12px 0}.track div{height:100%;background:var(--accent)}nav{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:min(100%,660px);display:flex;background:#faf8f5ed;backdrop-filter:blur(15px);border-top:1px solid var(--line);padding:10px 12px max(10px,env(safe-area-inset-bottom));z-index:3}nav button{flex:1;border:0;background:transparent}nav span{display:block;font-size:12px}label{display:block;margin:14px 0;font-size:14px}input,select{display:block;width:100%;padding:11px;border:1px solid var(--line);border-radius:10px;background:white;color:inherit;margin-top:5px}input[type=checkbox]{display:inline;width:auto}.fields{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}dialog{border:1px solid var(--line);border-radius:22px;padding:24px;width:min(94%,480px);max-height:90vh}dialog::backdrop{background:#18241f70}#toast{position:fixed;bottom:95px;left:50%;transform:translateX(-50%);background:#293b36;color:white;padding:12px;border-radius:12px;max-width:90%;z-index:9}#toast:empty{display:none}.calendar{display:grid;grid-template-columns:repeat(7,1fr);gap:5px;text-align:center}.calendar div{padding:9px 2px;background:#f3f5f0;border-radius:8px;font-size:12px}.calendar .done{background:var(--soft);font-weight:700}.chart{width:100%;height:150px}.badges{display:flex;gap:8px;flex-wrap:wrap}.badge{background:var(--soft);padding:9px 13px;border-radius:20px;font-size:13px}iframe{width:100%;border:0;min-height:1100px}pre{white-space:pre-wrap;font:inherit}svg{max-width:100%}
:root{--ink:#293b36;--bg:#faf8f5;--muted:#68756e;--purple:#75608f;--green:#426d59;--coral:#bc815d;--border:#e4e5df;--teal:#426d59}

.settings-tabs{display:flex;gap:6px;flex-wrap:wrap;margin:18px 0}.settings-tabs button{flex:1;padding:10px 8px}header a img{vertical-align:middle;margin-right:6px}[hidden]{display:none!important}

.reward-icon{padding:7px;border-radius:20px;background:#fff0d8;color:#db792c;flex:0 0 64px}.reward-icon.locked{color:#9aa8a2;background:#edf0ec}.reward-icon.locked path[fill]{fill:#bec5bf}.streak-reward{display:flex;align-items:center;gap:14px}.streak-reward h2{margin-bottom:4px}.streak-reward span{font-size:13px;color:#8d601f}.amr-badge .reward-icon{display:block;margin-bottom:10px}.amr-badge.won{border:1px solid #dfd5b7}.amr-badge>span{display:block;margin-bottom:5px}header a{font-size:23px}header span{letter-spacing:.3px}

.steps-summary h2{margin:0}.steps-summary .big{font-size:34px;margin:8px 0}.steps-summary p{font-size:11px}.steps-summary button{margin-top:8px}