:root{--bg:#f5f5f7;--surface:#fff;--ink:#1d1d1f;--muted:#6e6e73;--blue:#0071e3;--blue-hover:#0077ed;--line:#dedee3;--green:#79c99e;--amber:#f4c95d;--red:#ef767a;--empty:#e8e8ed;--shadow:0 20px 55px rgba(0,0,0,.08)}*{box-sizing:border-box}[hidden]{display:none!important}html{background:var(--bg);color:var(--ink);font-family:system-ui,-apple-system,"Segoe UI",sans-serif;letter-spacing:-.015em}body{margin:0;min-height:100vh}.topbar{position:sticky;top:0;z-index:10;height:48px;background:rgba(255,255,255,.78);backdrop-filter:saturate(180%) blur(20px);border-bottom:1px solid rgba(0,0,0,.08)}.nav-inner{max-width:980px;height:100%;margin:auto;padding:0 20px;display:flex;align-items:center;justify-content:space-between}.brand{font-size:14px;font-weight:650;display:flex;align-items:center;gap:8px}.brand-dot{width:10px;height:10px;border-radius:50%;background:linear-gradient(135deg,#8ad5b1,#f4c95d)}.nav-actions{display:flex;align-items:center;gap:12px}.nav-link{border:0;background:transparent;color:var(--muted);cursor:pointer;font-size:13px}.login-screen{min-height:calc(100vh - 48px);display:grid;place-items:center;padding:30px 18px}.login-card{width:min(420px,100%);background:#fff;border-radius:28px;padding:36px;box-shadow:var(--shadow);text-align:left}.login-card h1{font-size:38px;letter-spacing:-.04em;margin:0 0 8px}.login-card .muted{margin:0 0 12px}.login-icon{display:grid;place-items:center;width:58px;height:58px;border-radius:50%;background:#f5f5f7;color:#ef767a;font-size:28px;margin-bottom:24px}.login-card .eyebrow{margin-bottom:8px}button,input,select,textarea{font:inherit}.small-button,.primary-button{border:0;background:var(--blue);color:white;border-radius:999px;cursor:pointer}.small-button{padding:7px 14px;font-size:13px}.primary-button{padding:12px 20px;font-size:16px}.primary-button:hover,.small-button:hover{background:var(--blue-hover)}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(0,113,227,.28);outline-offset:2px}main{max-width:980px;margin:auto;padding:0 20px 80px}.hero{text-align:center;padding:78px 16px 64px}.eyebrow,.card-label{font-size:12px;font-weight:700;letter-spacing:.08em;color:var(--muted);margin:0 0 10px}.hero h1{font-size:clamp(42px,8vw,64px);line-height:1.03;letter-spacing:-.045em;margin:0}.hero-copy{font-size:20px;line-height:1.4;max-width:620px;margin:18px auto 20px;color:var(--muted)}.telegram-note{display:inline-block;margin:0;padding:10px 16px;border-radius:999px;background:#fff;color:var(--ink);font-size:14px;font-weight:600}.dashboard{display:grid;grid-template-columns:1.3fr 1fr;gap:16px}.tracker-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:16px;margin-top:16px}.bowel-card,.combined-card{min-height:280px}.bristol-scale{display:grid;grid-template-columns:repeat(7,1fr);gap:7px;margin-top:28px}.bristol-item{display:grid;gap:7px;text-align:center;font-size:11px;color:var(--muted)}.bristol-bar{height:54px;border-radius:9px;background:#eeeef2;position:relative;overflow:hidden}.bristol-fill{position:absolute;left:0;right:0;bottom:0;background:#8f87d8;border-radius:9px;min-height:0}.coverage-line{display:flex;align-items:baseline;gap:10px;margin-top:34px}.coverage-line strong{font-size:42px;line-height:1}.coverage-line span{color:var(--muted);font-size:13px;max-width:140px}.observation-note{margin-top:28px;padding:13px 15px;background:#f5f5f7;border-radius:12px;color:var(--muted);font-size:12px;line-height:1.45}.card{background:var(--surface);border-radius:22px;padding:30px;box-shadow:0 1px 0 rgba(0,0,0,.04)}.card h2,.calendar-header h2,.dialog-head h2{margin:0;font-size:28px;line-height:1.1;letter-spacing:-.035em}.muted{color:var(--muted);line-height:1.5}.week-card{display:grid;grid-template-columns:1fr 190px;min-height:300px;align-items:center;overflow:hidden}.metrics{display:flex;gap:24px;margin-top:34px}.metrics div{display:flex;flex-direction:column}.metrics strong{font-size:30px;line-height:1}.metrics span{font-size:12px;color:var(--muted);margin-top:7px}.flower{position:relative;width:180px;height:180px;margin:auto}.petal{position:absolute;left:67px;top:12px;width:46px;height:72px;border-radius:50% 50% 46% 46%;background:var(--empty);transform-origin:23px 78px;transition:background .3s,transform .3s}.p1{transform:rotate(0deg)}.p2{transform:rotate(51.4deg)}.p3{transform:rotate(102.8deg)}.p4{transform:rotate(154.2deg)}.p5{transform:rotate(205.6deg)}.p6{transform:rotate(257deg)}.p7{transform:rotate(308.4deg)}.petal.filled{background:linear-gradient(180deg,#aee3c7,#78c69b)}.flower-center{position:absolute;display:grid;place-items:center;left:61px;top:61px;width:58px;height:58px;border-radius:50%;background:#fff;color:#ef767a;font-size:25px;box-shadow:0 4px 18px rgba(0,0,0,.09)}.distribution-card{min-height:300px}.bars{display:grid;gap:18px;margin-top:35px}.bar-row{display:grid;grid-template-columns:78px 1fr 26px;gap:10px;align-items:center;font-size:13px}.bar-track{height:12px;background:var(--bg);border-radius:20px;overflow:hidden}.bar-fill{height:100%;border-radius:20px;min-width:0;transition:width .4s}.bar-good{background:var(--green)}.bar-regular{background:var(--amber)}.bar-bad{background:var(--red)}.bar-unknown{background:#b8b8bf}.calendar-section{margin-top:70px}.calendar-header{display:flex;justify-content:space-between;align-items:end;margin-bottom:18px}.calendar-actions{display:flex;gap:8px;align-items:center}.icon-button,.text-button{height:40px;border:0;background:#fff;color:var(--ink);cursor:pointer}.icon-button{width:40px;border-radius:50%;font-size:25px}.text-button{padding:0 16px;border-radius:999px}.calendar-shell{background:#fff;border-radius:22px;padding:18px;overflow:hidden}.weekdays,.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr)}.weekdays span{text-align:center;color:var(--muted);font-size:11px;font-weight:650;padding:7px}.day{position:relative;min-height:84px;border:0;border-top:1px solid #ececf0;background:white;text-align:left;padding:10px;cursor:pointer;color:var(--ink)}.day:hover{background:#fafafa}.day.outside{color:#b6b6bb}.day.selected{background:#f2f7fd}.day-number{display:grid;place-items:center;width:29px;height:29px;border-radius:50%;font-size:13px}.day.today .day-number{background:var(--ink);color:#fff}.dots{display:flex;gap:4px;flex-wrap:wrap;margin-top:10px}.dot{width:7px;height:7px;border-radius:50%;background:var(--blue)}.dot.good{background:var(--green)}.dot.regular{background:var(--amber)}.dot.bad{background:var(--red)}.dot.bowel{background:#8f87d8;border-radius:2px;transform:rotate(45deg)}.day-section-label{font-size:11px;font-weight:700;letter-spacing:.08em;color:var(--muted);margin:22px 0 4px}.day-panel{margin-top:16px;background:#fff;border-radius:22px;padding:22px}.day-panel h3{margin:0 0 14px;font-size:20px}.entry-row{display:grid;grid-template-columns:78px 1fr;gap:14px;padding:15px 0;border-top:1px solid #ededf0}.entry-row:first-of-type{border-top:0}.entry-time{font-size:13px;color:var(--muted)}.entry-title{margin:0 0 5px;font-weight:650}.entry-meta{margin:0;color:var(--muted);font-size:13px;line-height:1.4}.delete-button{border:0;background:transparent;color:#c43d45;cursor:pointer;padding:7px}dialog{border:0;border-radius:24px;padding:0;width:min(600px,calc(100% - 28px));max-height:92vh;box-shadow:var(--shadow)}dialog::backdrop{background:rgba(0,0,0,.36);backdrop-filter:blur(6px)}form{padding:28px;display:grid;gap:18px}.dialog-head{display:flex;justify-content:space-between;align-items:start}label,fieldset{display:grid;gap:8px;font-size:14px;font-weight:600}input,select,textarea{width:100%;border:1px solid var(--line);border-radius:12px;background:#fafafa;color:var(--ink);padding:12px;font-size:16px}textarea{resize:vertical;min-height:78px}input[type=range]{padding:0}.two-columns{display:grid;grid-template-columns:1fr 1fr;gap:12px}fieldset{border:0;padding:0;margin:0}legend{margin-bottom:10px}.feeling-options{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.feeling-options label{display:flex;align-items:center;gap:8px;background:#f5f5f7;padding:11px;border-radius:12px;font-weight:500}.feeling-options input{width:auto}.privacy-note{font-size:12px;color:var(--muted);margin:0}.wide{width:100%}.error{color:#c43d45;font-size:13px;text-align:center;min-height:18px;margin:0}.toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%,20px);background:rgba(29,29,31,.92);color:#fff;padding:12px 18px;border-radius:999px;opacity:0;pointer-events:none;transition:.25s;z-index:20}.toast.show{opacity:1;transform:translate(-50%,0)}@media(max-width:760px){main{padding-inline:14px}.hero{padding:58px 8px 48px}.hero-copy{font-size:17px}.dashboard,.tracker-grid{grid-template-columns:1fr}.week-card{grid-template-columns:1fr 140px}.flower{transform:scale(.76);margin-left:-10px}.card{padding:22px}.metrics{gap:16px}.calendar-section{margin-top:48px}.day{min-height:62px;padding:6px}.day-number{width:25px;height:25px}.entry-row{grid-template-columns:54px 1fr}.calendar-header{align-items:center}.calendar-header h2{font-size:23px}.text-button{display:none}}@media(max-width:430px){.week-card{grid-template-columns:1fr}.flower{margin:8px auto 0;transform:scale(.8)}.metrics{justify-content:space-between}.calendar-shell{padding:8px}.day{min-height:56px}.two-columns{grid-template-columns:1fr}.feeling-options{grid-template-columns:1fr 1fr}form{padding:22px}.hero h1{font-size:44px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}