:root{--ink:#163a4a;--ink-2:#244f5e;--teal:#1aa7a8;--teal-dark:#087d7d;--mint:#dff7f3;--mist:#f4fbfb;--line:#d8ecec;--white:#fff;--danger:#a83e3e;--warning:#8a6518;--shadow:0 18px 50px #163a4a14}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);background:var(--white);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6}a{color:inherit}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.62}.shell{width:min(1120px,100% - 32px);margin:auto}.narrow{width:min(560px,100%)}.site-header{border-bottom:1px solid var(--line);z-index:10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff5;position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;gap:24px;min-height:80px;display:flex}.brand{width:260px;max-width:52vw;height:auto}.nav{align-items:center;gap:18px;display:flex}.nav a{font-weight:650;text-decoration:none}.pill{background:var(--ink);color:#fff;border-radius:999px;padding:10px 16px}.hero{background:radial-gradient(circle at 80% 20%,#dff7f3,#0000 35%),linear-gradient(#f9fdfd,#fff);padding:86px 0}.eyebrow{text-transform:uppercase;letter-spacing:.16em;color:var(--teal);margin:0 0 8px;font-size:.78rem;font-weight:800}.hero h1{max-width:900px;margin:.3em 0;font-size:clamp(2.5rem,6vw,5.5rem);line-height:1.02}.lead{color:#395d68;max-width:760px;font-size:clamp(1.05rem,2vw,1.25rem)}.actions{flex-wrap:wrap;gap:12px;margin-top:30px;display:flex}.button{background:var(--teal);color:#fff;border:0;border-radius:12px;justify-content:center;align-items:center;padding:13px 20px;font-weight:750;text-decoration:none;display:inline-flex}.button:hover{background:var(--teal-dark)}.button.secondary{color:var(--ink);border:1px solid var(--line);background:#fff}.section{padding:72px 0}.grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.card,.panel{border:1px solid var(--line);background:#fff;border-radius:20px;padding:24px}.card h2,.card h3,.panel h2,.panel h3{margin-top:0}.muted{color:#55747d}.status-ok{color:#087d69;align-items:center;gap:8px;font-weight:750;display:inline-flex}.status-ok:before{content:"";background:#18a77f;border-radius:50%;width:10px;height:10px}.page{min-height:65vh;padding:64px 0}.site-footer{background:var(--ink);color:#d9eeee;padding:44px 0}.footer-logo{width:250px;height:auto}.skip{position:absolute;left:-9999px}.skip:focus{z-index:99;background:#fff;padding:10px;top:12px;left:12px}.auth-page{background:linear-gradient(135deg, var(--mist), #fff)}.auth-card{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:28px;gap:22px;padding:clamp(26px,5vw,46px);display:grid}.auth-card h1{margin:0;font-size:clamp(2rem,5vw,3.2rem);line-height:1.05}.field{color:var(--ink);gap:7px;font-weight:700;display:grid}.field input,.field select,.field textarea{width:100%;color:var(--ink);background:#fff;border:1px solid #bcdada;border-radius:11px;padding:11px 13px;font-weight:500}.field textarea{resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--teal);outline:3px solid #1aa7a829}.form-error{color:var(--danger);margin:0;font-weight:700}.form-note{color:#667f87;margin:0;font-size:.9rem}.notice{background:var(--mist);border:1px solid var(--line);color:var(--ink-2);border-radius:12px;padding:14px 16px}.notice.warning{color:#6f531a;background:#fff9e9;border-color:#ead89b}.private-shell{background:#f8fcfc;grid-template-columns:270px minmax(0,1fr);width:min(1440px,100%);min-height:72vh;margin:auto;display:grid}.private-nav{border-right:1px solid var(--line);background:#fff;flex-direction:column;align-self:start;gap:30px;min-height:calc(100vh - 81px);padding:34px 24px;display:flex;position:sticky;top:81px}.private-nav-copy{color:#55747d;margin:0;font-size:.92rem}.private-nav nav{gap:8px;display:grid}.private-nav nav a{border-radius:10px;padding:11px 13px;font-weight:700;text-decoration:none}.private-nav nav a:hover{background:var(--mist);color:var(--teal-dark)}.text-button{color:#5d747d;text-align:left;background:0 0;border:0;margin-top:auto;padding:10px 0;font-weight:700}.private-content{min-width:0}.private-page{gap:24px;width:min(1120px,100% - 48px);margin:auto;padding:52px 0 72px;display:grid}.page-heading{justify-content:space-between;align-items:flex-start;gap:28px;display:flex}.page-heading h1{margin:0;font-size:clamp(2.25rem,5vw,4.2rem);line-height:1.04}.page-heading .lead{margin-bottom:0}.metric-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;display:grid}.metric-card{border:1px solid var(--line);background:#fff;border-radius:16px;flex-direction:column;justify-content:space-between;min-height:122px;padding:18px;display:flex}.metric-card span{color:#617c84;font-size:.88rem;font-weight:650}.metric-card strong{font-size:clamp(1.25rem,2.4vw,2rem);line-height:1.1}.product-grid{align-items:start;gap:20px;display:grid}.product-grid.two-thirds{grid-template-columns:minmax(0,2fr) minmax(260px,1fr)}.product-grid.equal{grid-template-columns:repeat(2,minmax(0,1fr))}.panel{box-shadow:0 10px 35px #163a4a0a}.panel-heading{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.inline-link{color:var(--teal-dark);font-weight:800;text-decoration:none}.progress{background:#e7f3f3;border-radius:99px;height:10px;margin:18px 0;overflow:hidden}.progress span{background:linear-gradient(90deg, var(--teal), #58c7b1);border-radius:inherit;height:100%;display:block}.timeline-chart{border-bottom:1px solid var(--line);align-items:end;gap:8px;min-height:245px;padding:24px 8px 2px;display:flex;overflow-x:auto}.chart-day{text-align:center;flex:1;gap:7px;min-width:36px;display:grid}.chart-bars{justify-content:center;align-items:end;gap:4px;height:190px;display:flex}.bar{border-radius:6px 6px 2px 2px;width:min(12px,42%);min-height:8px}.bar.energy,.legend.energy{background:var(--teal)}.bar.symptom,.legend.symptom{background:#d98c64}.chart-day small{color:#6b858d;font-size:.7rem}.chart-legend{color:#607b83;flex-wrap:wrap;gap:18px;margin-top:16px;font-size:.85rem;display:flex}.chart-legend span{align-items:center;gap:7px;display:inline-flex}.legend{border-radius:3px;width:10px;height:10px;display:inline-block}.empty-state{text-align:center;color:#5d7a82;background:var(--mist);border-radius:14px;padding:34px 18px}.empty-state.compact{padding:20px}.experiment-list{gap:14px;display:grid}.experiment-row{border-top:1px solid var(--line);grid-template-columns:minmax(0,2fr) minmax(180px,1fr);gap:24px;padding:18px 0;display:grid}.experiment-row:first-child{border-top:0}.experiment-row h3{margin:8px 0 4px}.experiment-row p{color:#55747d;margin:0}.experiment-row>div:last-child{align-content:center;gap:4px;display:grid}.experiment-row small{color:#6c858c}.status-tag{text-transform:uppercase;letter-spacing:.08em;color:#506b73;background:#edf3f4;border-radius:999px;padding:4px 9px;font-size:.7rem;font-weight:850;display:inline-flex}.status-tag.active{color:#116d56;background:#dff6ed}.status-tag.planned{color:#2a5f91;background:#e8f2ff}.status-tag.completed{color:#5c4991;background:#ece8ff}.status-tag.cancelled{color:#934747;background:#f8e8e8}.product-form{border:1px solid var(--line);background:#fff;border-radius:20px;gap:20px;padding:clamp(20px,4vw,34px);display:grid;box-shadow:0 10px 35px #163a4a0a}.form-section{border-bottom:1px solid var(--line);gap:16px;padding-bottom:22px;display:grid}.form-section:last-of-type{border-bottom:0}.form-section h2{margin:0}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.checkbox-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.checkbox{border:1px solid var(--line);background:var(--mist);border-radius:10px;align-items:center;gap:9px;padding:10px 12px;display:flex}.checkbox input{accent-color:var(--teal)}.form-status{color:#176849;background:#e8f7ef;border-radius:10px;margin:0;padding:12px 14px;font-weight:700}.experiment-card{border:1px solid var(--line);background:#fff;border-radius:14px;padding:18px}.experiment-card h3{margin:9px 0}.experiment-card p{color:#4f6d76}.experiment-card dl{gap:8px;margin:0;display:grid}.experiment-card dl div{grid-template-columns:80px 1fr;gap:10px;display:grid}.experiment-card dt{color:#6a838a;font-size:.85rem}.experiment-card dd{margin:0;font-weight:650}@media (max-width:1100px){.metric-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:900px){.private-shell{grid-template-columns:1fr}.private-nav{border-right:0;border-bottom:1px solid var(--line);gap:15px;min-height:auto;padding:18px 24px;position:static}.private-nav nav{display:flex;overflow-x:auto}.private-nav nav a{white-space:nowrap}.text-button{margin-top:0}.product-grid.two-thirds,.product-grid.equal{grid-template-columns:1fr}}@media (max-width:760px){.header-inner{flex-direction:column;align-items:flex-start;padding:16px 0}.nav{width:100%;padding-bottom:4px;overflow:auto}.hero{padding:58px 0}.grid{grid-template-columns:1fr}.brand{width:220px;max-width:80vw}.private-page{width:min(100% - 28px,1120px);padding-top:34px}.page-heading{flex-direction:column}.metric-grid{grid-template-columns:repeat(2,1fr)}.form-grid,.checkbox-grid,.experiment-row{grid-template-columns:1fr}}