:root{--bg:#07131b;--bg2:#0a1822;--surface:#0d1f2a;--surface2:#122936;--line:#1b3a47;--text:#f2f7f8;--muted:#91a7b2;--teal:#2de2c5;--teal2:#0ebca7;--success:#4fd08a;--warn:#f2bd5b;--danger:#ff7d77;--shadow:0 18px 50px rgba(0,0,0,.26);--r:22px;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);font-family:Inter,Manrope,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color-scheme:dark}
[data-theme="light"]{--bg:#f4f8f9;--bg2:#edf4f5;--surface:#fff;--surface2:#f4f9f9;--line:#d7e4e7;--text:#122028;--muted:#61747d;--teal:#087f73;--teal2:#0b9b8b;--success:#237f54;--warn:#9a6b0d;--danger:#c34842;--shadow:0 15px 40px rgba(28,67,76,.10);color-scheme:light}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text)}body{padding:0;overflow-x:hidden}button,input,select,textarea{font:inherit}.app{min-height:100vh;padding:calc(var(--safe-top) + 12px) 16px calc(88px + var(--safe-bottom));background:radial-gradient(circle at 50% -10%,rgba(45,226,197,.10),transparent 34%),linear-gradient(180deg,var(--bg),var(--bg2))}.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.brand{display:flex;align-items:center;gap:11px}.mark{width:38px;height:38px;border-radius:13px;background:linear-gradient(145deg,var(--teal),#77f4e3);display:grid;place-items:center;color:#042119;font-weight:900;box-shadow:0 0 26px rgba(45,226,197,.18)}.brand h1{font-size:15px;letter-spacing:.12em;margin:0}.brand small{display:block;color:var(--muted);font-size:11px;margin-top:3px}.avatar{width:40px;height:40px;border-radius:50%;border:1px solid var(--line);background:var(--surface2);display:grid;place-items:center;font-weight:800;color:var(--teal)}.screen-title{font-size:27px;line-height:1.08;margin:12px 0 4px;letter-spacing:-.035em}.subtitle{color:var(--muted);font-size:14px;line-height:1.45;margin:0 0 18px}.grid{display:grid;gap:12px}.card{background:linear-gradient(180deg,var(--surface),rgba(13,31,42,.92));border:1px solid var(--line);border-radius:var(--r);padding:16px;box-shadow:var(--shadow)}[data-theme="light"] .card{background:var(--surface)}.hero{padding:20px;position:relative;overflow:hidden}.hero:after{content:"";position:absolute;width:160px;height:160px;border-radius:50%;background:rgba(45,226,197,.12);filter:blur(25px);right:-80px;top:-75px;pointer-events:none}.eyebrow{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--teal);font-weight:800}.metric{font-size:42px;font-weight:850;letter-spacing:-.05em}.metric-row{display:flex;align-items:flex-end;gap:10px}.muted{color:var(--muted)}.hero h2{font-size:22px;line-height:1.2;margin:10px 0 8px;letter-spacing:-.025em}.hero p{color:var(--muted);line-height:1.5;margin:0 0 16px}.btn{min-height:46px;border:0;border-radius:15px;padding:0 16px;font-weight:800;cursor:pointer;transition:.18s transform,.18s opacity,.18s background;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn:active{transform:scale(.985)}.btn-primary{background:var(--teal);color:#042119}.btn-secondary{background:var(--surface2);color:var(--text);border:1px solid var(--line)}.btn-ghost{background:transparent;color:var(--teal);padding:0;min-height:34px}.btn-danger{background:rgba(255,125,119,.12);color:var(--danger);border:1px solid rgba(255,125,119,.25)}.btn-full{width:100%}.row{display:flex;gap:10px;align-items:center}.row-between{display:flex;justify-content:space-between;gap:12px;align-items:center}.section{margin-top:18px}.section-head{display:flex;justify-content:space-between;align-items:end;margin:0 2px 10px}.section-head h3{margin:0;font-size:16px}.section-head span{font-size:12px;color:var(--muted)}.stat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.stat{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:14px}.stat b{display:block;font-size:20px;margin-top:5px}.stat small{color:var(--muted)}.route-list,.task-list,.habit-list{display:grid;gap:8px}.route-item,.task,.habit{display:flex;gap:12px;align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:17px;padding:12px}.route-icon,.task-check{width:34px;height:34px;border-radius:12px;background:var(--surface2);display:grid;place-items:center;flex:0 0 auto}.task-check{border:1px solid var(--line);cursor:pointer;color:var(--teal)}.route-item b,.task b,.habit b{font-size:14px}.route-item small,.task small,.habit small{display:block;color:var(--muted);margin-top:3px}.quick{position:fixed;right:18px;bottom:calc(83px + var(--safe-bottom));width:54px;height:54px;border-radius:18px;background:var(--teal);color:#042119;border:0;font-size:26px;font-weight:600;box-shadow:0 12px 30px rgba(45,226,197,.25);z-index:30}.nav{position:fixed;bottom:0;left:0;right:0;padding:8px 10px calc(8px + var(--safe-bottom));display:grid;grid-template-columns:repeat(5,1fr);gap:4px;background:rgba(6,18,25,.93);backdrop-filter:blur(18px);border-top:1px solid var(--line);z-index:20}[data-theme="light"] .nav{background:rgba(245,250,250,.94)}.nav button{border:0;background:transparent;color:var(--muted);padding:7px 2px 4px;border-radius:12px;font-size:10px;display:grid;place-items:center;gap:4px}.nav button .ico{font-size:19px}.nav button.active{color:var(--teal);background:rgba(45,226,197,.08)}.seg{display:flex;background:var(--surface);border:1px solid var(--line);padding:4px;border-radius:14px;overflow:auto}.seg button{flex:1;min-width:max-content;border:0;background:transparent;color:var(--muted);padding:9px 12px;border-radius:10px;font-weight:700;font-size:12px}.seg button.active{background:var(--surface2);color:var(--text)}.input{width:100%;background:var(--surface);color:var(--text);border:1px solid var(--line);border-radius:15px;padding:13px 14px;outline:none;min-height:48px}.input:focus{border-color:var(--teal)}.sheet-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:50;display:flex;align-items:flex-end}.sheet{width:100%;max-height:88vh;overflow:auto;background:var(--bg2);border:1px solid var(--line);border-radius:26px 26px 0 0;padding:18px 16px calc(22px + var(--safe-bottom));box-shadow:0 -20px 60px rgba(0,0,0,.35)}.handle{width:46px;height:4px;background:var(--line);border-radius:10px;margin:0 auto 16px}.sheet h3{margin:0 0 8px;font-size:21px}.choices{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.choice{border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:16px;padding:14px 8px;min-height:80px}.checkin{min-height:70vh;display:flex;flex-direction:column}.progress-bar{height:6px;background:var(--surface2);border-radius:99px;overflow:hidden}.progress-bar>i{display:block;height:100%;background:var(--teal);border-radius:99px}.big-options{display:grid;gap:10px;margin-top:24px}.big-option{min-height:64px;border-radius:18px;border:1px solid var(--line);background:var(--surface);color:var(--text);text-align:left;padding:14px 16px;font-weight:800}.big-option.selected{border-color:var(--teal);background:rgba(45,226,197,.08)}.workout-head{position:sticky;top:calc(var(--safe-top) + 6px);z-index:10;background:rgba(7,19,27,.92);backdrop-filter:blur(14px);border:1px solid var(--line);border-radius:17px;padding:11px 13px;margin-bottom:12px}.exercise{margin-bottom:12px}.set-row{display:grid;grid-template-columns:28px 1fr 1fr 1fr 44px;gap:7px;align-items:center;margin-top:8px}.set-cell{background:var(--surface2);border:1px solid var(--line);border-radius:11px;padding:9px 7px;text-align:center;font-size:12px}.set-done{background:rgba(79,208,138,.12);color:var(--success)}.rest{position:sticky;bottom:78px;background:var(--surface2);border:1px solid var(--teal);border-radius:18px;padding:12px 14px;display:flex;justify-content:space-between;align-items:center;box-shadow:var(--shadow)}.rest strong{font-size:24px}.chart{height:160px;width:100%;position:relative;margin-top:10px}.chart svg{width:100%;height:100%;overflow:visible}.chart-grid{stroke:var(--line);stroke-width:1}.chart-line{stroke:var(--teal);stroke-width:3;fill:none;stroke-linecap:round;stroke-linejoin:round}.chart-dot{fill:var(--bg);stroke:var(--teal);stroke-width:3}.macro{margin:12px 0}.macro .row-between{font-size:13px}.macro-track{height:8px;background:var(--surface2);border-radius:99px;overflow:hidden;margin-top:7px}.macro-track i{display:block;height:100%;background:var(--teal);border-radius:99px}.meal{padding:14px 0;border-bottom:1px solid var(--line)}.meal:last-child{border-bottom:0}.meal ul{padding-left:18px;color:var(--muted);margin:8px 0}.more-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.more-card{min-height:118px;background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:15px;cursor:pointer}.more-card .ico{font-size:26px}.more-card b{display:block;margin-top:18px}.more-card small{color:var(--muted)}.toast{position:fixed;left:50%;transform:translateX(-50%);bottom:calc(94px + var(--safe-bottom));background:var(--text);color:var(--bg);padding:10px 14px;border-radius:13px;font-weight:700;z-index:100;box-shadow:var(--shadow);max-width:86%;text-align:center}.error{border-color:rgba(255,125,119,.35);background:rgba(255,125,119,.08)}.skeleton{animation:pulse 1.5s ease infinite;background:linear-gradient(90deg,var(--surface),var(--surface2),var(--surface));background-size:200% 100%;border-radius:16px;height:90px;margin:10px 0}@keyframes pulse{50%{background-position:100% 0}}@media(min-width:700px){.app{max-width:760px;margin:0 auto;padding-left:24px;padding-right:24px}.nav{left:50%;transform:translateX(-50%);max-width:760px;border-left:1px solid var(--line);border-right:1px solid var(--line);border-radius:18px 18px 0 0}.quick{right:calc((100vw - 760px)/2 + 24px)}.stat-grid{grid-template-columns:repeat(4,1fr)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.btn-danger{background:rgba(235,87,87,.13);color:var(--danger,#ff7272);border:1px solid rgba(235,87,87,.32)}
.ai-text{white-space:normal;line-height:1.6}.ai-modes{overflow-x:auto;justify-content:flex-start}.ai-modes button{white-space:nowrap;min-width:max-content}
.row-between>div>small{display:block;margin-top:4px}.row-between{gap:12px}.row-between>div{min-width:0}
.set-edit{appearance:none;font:inherit;color:inherit;cursor:pointer}.pain-link{background:none;border:0;color:var(--text-secondary);font:inherit;font-size:12px;padding:4px 0 10px 28px;cursor:pointer}.rest-timer{position:sticky;bottom:82px;z-index:18;margin:14px 0;padding:12px 14px;border:1px solid var(--border);border-radius:16px;background:var(--surface-raised);display:flex;align-items:center;justify-content:space-between;box-shadow:0 12px 36px rgba(0,0,0,.26)}.rest-timer small{display:block;color:var(--accent);font-size:10px;font-weight:800;letter-spacing:.14em}.rest-timer b{font-size:24px;letter-spacing:.04em}