:root{--bg:#f4f5f7;--paper:#fff;--ink:#0d1117;--muted:#687386;--line:#d9dee5;--blue:#2184ff;--soft:#eaf3ff;--danger:#c83b3b;--max:1220px}html[data-theme=dark]{--bg:#090d12;--paper:#10161e;--ink:#f5f7fa;--muted:#98a2b3;--line:#29313b;--soft:#10243d}@media(prefers-color-scheme:dark){html[data-theme=system]{--bg:#090d12;--paper:#10161e;--ink:#f5f7fa;--muted:#98a2b3;--line:#29313b;--soft:#10243d}}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Vazirmatn,"Segoe UI",Tahoma,sans-serif}.top{height:64px;max-width:var(--max);margin:auto;padding:0 12px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.brand{display:flex;gap:8px;align-items:center;text-decoration:none;color:var(--ink)}.brand .runama{font-weight:950;font-size:20px}.brand i{font-style:normal;color:var(--muted)}.brand b{font-weight:500}.actions{display:flex;align-items:center;gap:10px}.actions a,.actions button,.ghost,.privacy button,.import{border:1px solid var(--line);background:var(--paper);color:var(--ink);text-decoration:none;padding:9px 12px;font:inherit;border-radius:0;cursor:pointer}main{max-width:var(--max);margin:auto;padding:52px 12px 80px}.hero{display:grid;grid-template-columns:1fr 260px;gap:40px;align-items:end;border-bottom:1px solid var(--line);padding-bottom:30px}.eyebrow,.section-head small{color:var(--blue);font-size:11px;font-weight:900;letter-spacing:.08em}.hero h1{font-size:clamp(42px,7vw,84px);line-height:1;margin:12px 0}.hero p{max-width:720px;color:var(--muted);line-height:1.9}.summary{border-right:4px solid var(--blue);padding:8px 18px}.summary small,.summary span{display:block;color:var(--muted)}.summary strong{font-size:52px;line-height:1.2}.layout{display:grid;grid-template-columns:420px 1fr;border-right:1px solid var(--line);border-top:1px solid var(--line);margin-top:34px}.editor,.workspace{background:var(--paper);padding:24px;border-left:1px solid var(--line);border-bottom:1px solid var(--line)}.section-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px}.section-head h2,.section-head h3{margin:4px 0 0}.section-head h2{font-size:23px}.section-head h3{font-size:16px}.compact{margin:0 0 12px}label{display:block;font-size:12px;color:var(--muted);margin:0 0 15px}input,textarea,select{width:100%;margin-top:7px;padding:12px;border:1px solid var(--line);border-radius:0;background:var(--bg);color:var(--ink);font:inherit;outline:none}input:focus,textarea:focus,select:focus{border-color:var(--blue)}.two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.primary{width:100%;border:0;background:var(--blue);color:#fff;padding:14px;font:900 14px inherit;cursor:pointer}.ghost{padding:7px 9px;font-size:11px}.milestone-editor{border-top:1px solid var(--line);padding-top:16px;margin-top:5px}.mile-input{display:grid;grid-template-columns:1fr 110px 32px;gap:7px;align-items:end}.mile-input button{height:42px;border:1px solid var(--line);background:transparent;color:var(--danger);cursor:pointer}.goal-list{display:grid;gap:0;border-top:1px solid var(--line)}.goal{padding:20px 0;border-bottom:1px solid var(--line);cursor:pointer}.goal:hover{background:linear-gradient(90deg,transparent,var(--soft),transparent)}.goal-top{display:flex;justify-content:space-between;gap:15px}.goal h3{margin:0 0 6px;font-size:19px}.goal small{color:var(--muted)}.goal .days{font-size:28px;font-weight:900;white-space:nowrap}.bar{height:6px;background:var(--line);margin:15px 0 9px}.bar i{display:block;height:100%;background:var(--blue)}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.metrics div{border-right:1px solid var(--line);padding-right:9px}.metrics small,.metrics b{display:block}.metrics b{font-size:13px}.goal-actions{display:flex;gap:7px;margin-top:14px}.goal-actions button{border:1px solid var(--line);background:var(--paper);color:var(--ink);padding:7px 9px;font:inherit;font-size:11px;cursor:pointer}.goal-actions .danger{color:var(--danger)}.roadmap{margin-top:34px;border-top:1px solid var(--line);padding-top:24px}.roadmap-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-right:1px solid var(--line)}.road{min-height:155px;padding:18px;background:var(--paper);border-left:1px solid var(--line);border-bottom:1px solid var(--line)}.road time{font-size:11px;color:var(--blue);font-weight:900}.road b{display:block;margin:10px 0}.road p{font-size:12px;color:var(--muted);line-height:1.7}.road.done{opacity:.55}.privacy{margin-top:34px;border-top:1px solid var(--line);padding-top:22px;display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:16px}.privacy p{color:var(--muted);font-size:12px}.import{position:relative;overflow:hidden}.import input{position:absolute;inset:0;opacity:0;margin:0;cursor:pointer}.empty{grid-column:1/-1;padding:40px 12px;text-align:center;color:var(--muted);border-bottom:1px solid var(--line)}#toast{position:fixed;bottom:24px;left:24px;background:var(--ink);color:var(--bg);padding:10px 14px;opacity:0;transform:translateY(10px);pointer-events:none;transition:.2s}#toast.show{opacity:1;transform:none}@media(max-width:850px){.hero{grid-template-columns:1fr}.layout{grid-template-columns:1fr}.roadmap-grid{grid-template-columns:1fr 1fr}.privacy{grid-template-columns:1fr}.metrics{grid-template-columns:1fr 1fr}}@media(max-width:560px){main{padding-top:28px}.top{height:auto;min-height:64px;gap:8px}.actions a{display:none}.two{grid-template-columns:1fr}.editor,.workspace{padding:18px}.roadmap-grid{grid-template-columns:1fr}.mile-input{grid-template-columns:1fr 90px 32px}.goal-top{display:block}.goal .days{margin-top:10px}.metrics{grid-template-columns:1fr 1fr}}
