@font-face{font-family:Instrument Sans;font-style:normal;font-weight:400 700;font-stretch:100%;font-display:swap;src:url(../media/c7f47671e39f7787-s.06cvo47x4w1en.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Instrument Sans;font-style:normal;font-weight:400 700;font-stretch:100%;font-display:swap;src:url(../media/f06bf9da926bae75-s.p.0pz0x0eczp58u.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Instrument Sans Fallback;src:local(Arial);ascent-override:94.42%;descent-override:24.33%;line-gap-override:0.0%;size-adjust:102.74%}.instrument_sans_9e69b748-module__Ez8_HW__className{font-family:Instrument Sans,Instrument Sans Fallback;font-style:normal}.instrument_sans_9e69b748-module__Ez8_HW__variable{--font-body:"Instrument Sans", "Instrument Sans Fallback"}
@font-face{font-family:Fraunces;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/1e219c03c996efbd-s.0vlx5hthn2t7i.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Fraunces;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/b35b0dbffda7f2c4-s.0fu677rwbv-.g.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fraunces;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/03bda585a99c6450-s.p.0zzh68k1~whtc.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Fraunces Fallback;src:local(Times New Roman);ascent-override:84.71%;descent-override:22.09%;line-gap-override:0.0%;size-adjust:115.45%}.fraunces_fd956a0c-module__JYlfxG__className{font-family:Fraunces,Fraunces Fallback;font-style:normal}.fraunces_fd956a0c-module__JYlfxG__variable{--font-display:"Fraunces", "Fraunces Fallback"}
:root{--background:#f8f7f2;--surface:#fffefa;--surface-soft:#f3f7f0;--surface-tint:#e9f1e8;--ink:#18251f;--muted:#68756e;--faint:#9aa59d;--line:#e3e2dc;--line-strong:#d2d1ca;--green:#3d7657;--green-dark:#2d5d42;--green-soft:#e3ede3;--blue:#3d95b8;--coral:#d8734e;--shadow:0 24px 70px #1e2b241f;--radius:8px}*{box-sizing:border-box}html{background:var(--background);scroll-behavior:smooth}body{background:linear-gradient(#3d765709 1px, transparent 1px), linear-gradient(90deg, #3d765709 1px, transparent 1px), var(--background);min-height:100vh;color:var(--ink);font-family:var(--font-body), "Instrument Sans", ui-sans-serif, system-ui, sans-serif;background-size:32px 32px;margin:0}button,input,select{font:inherit}a{color:inherit;text-decoration:none}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app-loading{min-height:100vh;color:var(--green);letter-spacing:.12em;text-transform:uppercase;place-items:center;font-weight:700;display:grid}.app-shell{grid-template-columns:252px minmax(0,1fr);min-height:100vh;padding:28px;display:grid}.sidebar{border:1px solid var(--line);background:#fffefae0;border-right:0;border-radius:8px 0 0 8px;flex-direction:column;gap:26px;min-height:calc(100vh - 56px);padding:22px 16px;display:flex}.traffic{gap:8px;display:flex}.traffic span{border-radius:999px;width:13px;height:13px}.traffic .red{background:#ff6b5f}.traffic .yellow{background:#eabd4e}.traffic .green{background:#5fbe65}.brand{color:var(--ink);letter-spacing:.14em;text-transform:uppercase;align-items:center;gap:10px;font-size:13px;font-weight:800;display:inline-flex}.brand svg{color:var(--green)}.side-nav{gap:8px;display:grid}.side-link{border-radius:var(--radius);color:#53615a;align-items:center;gap:13px;min-height:43px;padding:0 14px;font-size:15px;display:flex}.side-link:hover,.side-link.active{background:var(--green-soft);color:var(--ink)}.habit-note{border-radius:var(--radius);background:var(--green-soft);color:#617069;min-height:170px;margin-top:auto;padding:22px;position:relative;overflow:hidden}.habit-note p{margin:0 0 7px}.habit-note svg{color:#3d765773;position:absolute;bottom:13px;right:14px}.dashboard{border:1px solid var(--line);min-height:calc(100vh - 56px);box-shadow:var(--shadow);background:#fffefae6;border-radius:0 8px 8px 0;overflow:hidden}.mobile-topbar{display:none}.grid-main{grid-template-columns:minmax(0,1fr);align-items:start;gap:18px;padding:42px 36px 26px;display:grid}.main-column,.side-column{align-content:start;gap:18px;display:grid}.main-column{grid-template-columns:repeat(2,minmax(0,1fr))}.side-column{grid-template-columns:repeat(3,minmax(0,1fr))}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:24px}.panel:hover{border-color:var(--line-strong)}.panel.is-due{background:linear-gradient(135deg, #d8734e14, transparent 46%), var(--surface);border-color:#d8734e80}.hero-panel{grid-column:1/-1;grid-template-columns:1fr 280px;align-items:center;gap:28px;min-height:350px;display:grid}.lab-hero{background:linear-gradient(135deg, #3d95b81a, transparent 44%), linear-gradient(220deg, #3d76571f, transparent 38%), var(--surface)}.panel-copy{min-width:0}.label{color:var(--muted);letter-spacing:.18em;text-transform:uppercase;margin:0 0 18px;font-size:12px;font-weight:800}.label.green{color:var(--green)}.label.blue{color:var(--blue)}.label.coral{color:var(--coral)}h1,h2,p{margin-top:0}h1{letter-spacing:0;margin-bottom:18px;font-size:32px;font-weight:500;line-height:1.1}h2{letter-spacing:0;margin-bottom:10px;font-size:19px;font-weight:650;line-height:1.25}.countdown{color:var(--green);letter-spacing:0;margin-bottom:22px;font-size:clamp(64px,8vw,92px);font-weight:500;line-height:.95}.muted{color:var(--muted);margin-bottom:0;line-height:1.65}.button-row{flex-wrap:wrap;gap:12px;margin-top:34px;display:flex}.primary-button,.soft-button,.icon-button,.button-link{appearance:none;border:1px solid var(--line);background:var(--surface);color:var(--ink);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:0 17px;font-weight:650;display:inline-flex}.primary-button{border-color:var(--green);background:var(--green);color:#fff}.primary-button:hover{background:var(--green-dark)}.soft-button:hover,.icon-button:hover,.button-link:hover{border-color:var(--green);color:var(--green-dark)}.soft-button.compact{min-height:34px;padding:0 13px;font-size:13px}.soft-button.danger{color:#9c4b34}.soft-button.danger:hover{color:#8e3d25;border-color:#d8734e8c}.primary-button.compact{min-height:34px;padding:0 13px;font-size:13px}.icon-button{width:38px;padding:0}.leaf-art{width:260px;height:260px;position:relative}.leaf-art .stem{transform-origin:bottom;background:#bdd1c2;width:2px;height:205px;position:absolute;bottom:18px;left:50%;transform:rotate(18deg)}.leaf-art .leaf{background:linear-gradient(135deg,#3d765729,#3d76576b);border:1px solid #9bb49f;border-radius:100% 0;width:62px;height:116px;position:absolute}.leaf-one{top:72px;left:88px;transform:rotate(-24deg)}.leaf-two{top:122px;right:28px;transform:rotate(64deg)}.leaf-three{top:36px;right:70px;transform:rotate(14deg);width:38px!important;height:86px!important}.leaf-four{top:6px;right:24px;transform:rotate(8deg);width:34px!important;height:78px!important}.leaf-five{top:130px;left:38px;transform:rotate(-36deg);width:38px!important;height:88px!important}.lab-score-stack{justify-items:center;gap:16px;display:grid}.progress-ring{--value:0%;aspect-ratio:1;background:radial-gradient(circle at center, var(--surface) 0 58%, transparent 59%), conic-gradient(var(--green) var(--value), #dce7df 0);border-radius:50%;place-items:center;width:148px;display:grid;box-shadow:inset 0 0 0 1px #3d765714}.progress-ring div{aspect-ratio:1;border:1px solid var(--line);background:#fffefaf0;border-radius:50%;align-content:center;place-items:center;width:104px;display:grid}.progress-ring strong{color:var(--green);font-size:32px;font-weight:700;line-height:1}.progress-ring span{color:var(--muted);letter-spacing:.1em;text-transform:uppercase;font-size:11px;font-weight:800}.score-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:100%;display:grid}.score-metrics span,.status-pill{border:1px solid var(--line);color:var(--muted);text-align:center;background:#fffefabf;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:750}.meal-panel{grid-column:1/-1;min-height:304px}.compact-meal{grid-column:auto;min-height:0}.integrations-panel,.modules-panel,.stretch-coach-panel,.log-panel{grid-column:1/-1}.panel-head{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.panel-head a,.panel-link{color:var(--green);align-items:center;gap:6px;font-size:14px;font-weight:650;display:inline-flex}.meal-list,.reminder-list{gap:18px;display:grid}.meal-row,.reminder-row{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;display:grid}.meal-icon{width:36px;height:36px;color:var(--green-dark);border-radius:50%;place-items:center;font-weight:800;display:grid}.meal-row strong,.reminder-row strong{font-size:15px;display:block}.meal-row p,.reminder-row p{color:var(--muted);margin:3px 0 0;font-size:13px}.meal-row time{background:var(--green-soft);color:var(--green-dark);white-space:nowrap;border-radius:999px;padding:5px 8px;font-size:12px;font-weight:700}.panel-link{margin-top:24px}.streak-number{align-items:baseline;gap:10px;display:flex}.streak-number strong{font-size:30px;font-weight:600}.week-row{flex-wrap:wrap;gap:12px;margin-top:24px;display:flex}.week-row span{background:var(--green-soft);width:26px;height:26px;color:var(--green);border-radius:999px;place-items:center;font-size:12px;font-weight:800;display:grid}.week-row span.done{background:var(--green);color:#fff}.movement-content{grid-template-columns:1fr 110px;align-items:end;gap:20px;display:grid}.stretch-figure{background:radial-gradient(circle at 56px 18px,#1e2c25 0 9px,#0000 10px),linear-gradient(118deg,#0000 36%,#f2aa73 37% 42%,#0000 43%),linear-gradient(70deg,#0000 43%,#3d7657 44% 56%,#0000 57%),linear-gradient(100deg,#0000 48%,#f2aa73 49% 54%,#0000 55%);border-radius:0 0 48px 48px;justify-self:end;width:96px;height:116px}.bar-chart{align-items:end;gap:7px;height:104px;margin-top:28px;display:flex}.bar-chart span{background:#cddfcf;border-radius:999px 999px 0 0;flex:1;min-width:4px}.integration-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:18px;display:grid}.integration-card{border:1px solid var(--line);border-radius:var(--radius);text-align:left;background:#fffefab8;align-content:start;gap:8px;min-height:112px;padding:14px;display:grid}.integration-card:hover{border-color:var(--green);transform:translateY(-1px)}.integration-card span{width:42px;height:42px;color:var(--green);border-radius:50%;place-items:center;display:grid}.integration-card strong{font-size:14px}.integration-card small{color:var(--muted)}.integration-card small.demo{color:var(--green)}.integration-card p{color:var(--muted);margin:0;font-size:12px;line-height:1.4}.integration-card em{color:var(--green-dark);font-size:12px;font-style:normal;font-weight:750}.coach-panel{grid-column:auto}.coach-prompt-list{gap:10px;margin-top:16px;display:grid}.coach-prompt-card{border:1px solid var(--line);border-radius:var(--radius);background:#fffefab8;padding:13px}.coach-prompt-card strong{margin-bottom:6px;font-size:13px;display:block}.coach-prompt-card p{color:var(--muted);margin:0;font-size:12px;line-height:1.45}.coach-prompt-card.green{border-color:#3d765752}.coach-prompt-card.blue{border-color:#3d95b852}.coach-prompt-card.coral{border-color:#d8734e52}.module-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:18px;display:grid}.module-card{border:1px solid var(--line);border-radius:var(--radius);background:#fffefab8;align-content:start;gap:9px;min-height:178px;padding:16px;display:grid}.module-card:hover{border-color:var(--green);transform:translateY(-1px)}.module-card span{width:42px;height:42px;color:var(--green-dark);border-radius:50%;place-items:center;display:grid}.module-card strong{font-size:15px}.module-card small{color:var(--blue);letter-spacing:.08em;text-transform:uppercase;font-size:12px;font-weight:800}.module-card p{color:var(--muted);margin:0;font-size:13px;line-height:1.45}.module-card em{color:var(--green-dark);font-size:13px;font-style:normal;font-weight:800}.stretch-coach-grid{grid-template-columns:minmax(280px,.9fr) minmax(0,1fr);gap:18px;margin-top:18px;display:grid}.stretch-visual-card{border:1px solid var(--line);border-radius:var(--radius);place-items:center;min-height:250px;display:grid;overflow:hidden}.stretch-visual-card img{width:min(100%,360px);height:auto;display:block}.stretch-guide{border:1px solid var(--line);border-radius:var(--radius);background:#f8f7f28c;align-content:center;gap:16px;padding:18px;display:grid}.routine-meta{flex-wrap:wrap;gap:8px;display:flex}.routine-meta span{background:var(--green-soft);color:var(--green-dark);border-radius:999px;padding:5px 9px;font-size:12px;font-weight:800}.step-copy{color:var(--ink);margin:0;font-size:22px;font-weight:650;line-height:1.3}.compact-row{margin-top:0}.routine-strip{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:16px;display:grid}.routine-strip button{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);cursor:pointer;color:var(--ink);gap:8px;padding:10px;font-weight:750;display:grid}.routine-strip button.active{border-color:var(--green);background:var(--green-soft)}.routine-strip img{aspect-ratio:4/3;object-fit:cover;border-radius:6px;width:100%}.hydration-panel,.posture-panel,.widget-panel{min-height:245px}.water-meter{background:#dcebf0;border-radius:999px;height:12px;margin-top:18px;overflow:hidden}.water-meter span{border-radius:inherit;background:linear-gradient(90deg, var(--blue), #6bc7d6);height:100%;display:block}.check-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:18px 0;display:grid}.check-grid span{border:1px solid var(--line);border-radius:var(--radius);color:var(--green-dark);align-items:center;gap:8px;padding:10px;font-size:13px;font-weight:750;display:flex}.desktop-preview{border-radius:var(--radius);border:1px solid var(--line);background-color:#24322b;background-image:linear-gradient(#fff3 1px,#0000 1px),linear-gradient(90deg,#fff3 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:18px 18px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;grid-template-columns:1.2fr .9fr;align-items:end;gap:12px;min-height:150px;padding:16px;display:grid}.mini-widget{background:#fffefaeb;border:1px solid #ffffff38;border-radius:8px;gap:4px;padding:13px;display:grid}.mini-widget.secondary{opacity:.84}.mini-widget span,.mini-widget small{color:var(--muted);text-transform:uppercase;font-size:11px;font-weight:800}.mini-widget strong{color:var(--green-dark);font-size:22px;line-height:1.05}.segmented-control{border:1px solid var(--line);border-radius:999px;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:14px;padding:4px;display:grid}.segmented-control button{min-height:30px;color:var(--muted);cursor:pointer;text-transform:capitalize;background:0 0;border:0;border-radius:999px;font-size:12px;font-weight:800}.segmented-control button.active{background:var(--green);color:#fff}.command-log{gap:10px;margin-top:18px;display:grid}.log-row{border:1px solid var(--line);border-radius:var(--radius);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px;display:grid}.log-row>span{background:var(--green);border-radius:50%;width:10px;height:10px}.log-row.blue>span{background:var(--blue)}.log-row.coral>span{background:var(--coral)}.log-row.neutral>span{background:var(--faint)}.log-row strong{font-size:14px;display:block}.log-row p{color:var(--muted);margin:3px 0 0;font-size:12px;line-height:1.4}.log-row time{color:var(--muted);font-size:12px;font-weight:750}.slider-stack{gap:14px;margin-top:18px;display:grid}.slider-stack label{color:var(--muted);grid-template-columns:70px minmax(0,1fr) 44px;align-items:center;gap:10px;font-size:13px;font-weight:750;display:grid}.slider-stack input{accent-color:var(--green)}.comfort-preview{--warmth:36;--dim:18;border:1px solid var(--line);border-radius:var(--radius);min-height:74px;color:var(--ink);background:linear-gradient(90deg, rgba(216, 115, 78, calc(var(--warmth) * .004)), #3d95b81f), linear-gradient(rgba(0, 0, 0, calc(var(--dim) * .003)), rgba(0, 0, 0, calc(var(--dim) * .003))), var(--surface);align-items:center;gap:10px;margin-top:18px;padding:14px;font-weight:750;display:flex}.preset-list{gap:10px;display:grid}.preset-list button{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);color:var(--ink);cursor:pointer;text-align:left;gap:4px;padding:13px;display:grid}.preset-list button:hover{border-color:var(--green)}.preset-list strong{font-size:14px}.preset-list span{color:var(--blue);text-transform:uppercase;font-size:12px;font-weight:800}.preset-list p{color:var(--muted);margin:0;font-size:12px;line-height:1.4}.reminder-status{color:var(--muted);margin:-6px 0 18px;font-size:13px;line-height:1.5}.reminder-row{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr) auto;padding-bottom:14px}.toggle{cursor:pointer;background:#d7ddd8;border:0;border-radius:999px;width:42px;height:24px;padding:3px}.toggle span{background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .18s;display:block;box-shadow:0 1px 4px #0003}.toggle.is-on{background:var(--green)}.toggle.is-on span{transform:translate(18px)}.button-link{width:100%;color:var(--green);background:0 0;border:0;border-radius:0;justify-content:space-between;padding:0}.settings-list{gap:12px;margin-top:18px;display:grid}.settings-list label{color:var(--muted);grid-template-columns:minmax(0,1fr) 82px;align-items:center;gap:12px;font-size:14px;font-weight:700;display:grid}.settings-list label>span,.settings-toggles>span{gap:3px;display:grid}.settings-list small,.settings-toggles small{color:var(--faint);font-size:11px;font-weight:600;line-height:1.35}.settings-list input{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);width:100%;min-height:36px;color:var(--ink);text-align:right;padding:0 10px}.settings-list input:focus{border-color:var(--green);outline:2px solid #3d76572e}.reset-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:18px;display:grid}.settings-toggles{color:var(--muted);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;margin-top:18px;font-size:14px;font-weight:750;display:grid}.reset-grid .soft-button,.reset-grid .primary-button{width:100%;min-height:36px;padding:0 10px;font-size:13px}.status-footer{border-top:1px solid var(--line);color:#6b8975;justify-content:center;align-items:center;gap:12px;height:54px;font-size:14px;display:flex}.status-footer svg{color:var(--green)}.mobile-nav{display:none}.ghost-menu{width:28px;height:28px;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;display:grid}.ghost-menu:hover{background:#0c18200f}.info-mark{color:#9aa6b2;vertical-align:-2px}.reference-header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:18px;display:flex}.reference-header h2{margin:0;font-size:24px;line-height:1.1}.reference-header p{color:#536173;margin:6px 0 0;font-size:15px}.window-actions{color:#111827;align-items:center;gap:14px;font-size:14px;display:flex}.window-square{border:2px solid;border-radius:3px;width:13px;height:13px;display:inline-block}.workday-dashboard-panel,.eye-lab-screen{background:#fff;border-color:#dfe5ec;grid-column:1/-1;padding:22px}.reference-grid,.eye-lab-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:16px;display:grid}.ref-card{background:#fff;border:1px solid #dfe5ec;border-radius:8px;min-width:0;min-height:150px;padding:18px;box-shadow:0 16px 36px #1e293b0d}.ref-card-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.ref-card-head h3,.ref-card h3{color:#121826;margin:0;font-size:16px;line-height:1.2}.ref-card-head span,.ref-muted,.goal-copy{color:#5f6b7a;font-size:13px}.microbreak-card,.long-break-card,.daily-limits-card,.notification-card,.score-card,.compliance-card,.risk-card,.posture-check-card,.comfort-controls-card,.screen-distance-card,.eye-notification-card,.daily-eye-score-card{grid-column:span 3}.stretch-routine-card{grid-column:span 8}.plan-card,.eye-countdown-card,.blink-card,.fatigue-card,.eye-plan-card{grid-column:span 4}.focus-timeline-card{grid-column:span 9}.microbreak-body,.long-break-body,.eye-countdown-body,.eye-score-flex{align-items:center;gap:20px;display:flex}.microbreak-card .progress-ring,.eye-countdown-card .progress-ring{flex:0 0 142px;width:142px;height:142px}.microbreak-body h4{color:#1f2937;margin:0 0 7px;font-size:18px;font-weight:600}.microbreak-body p,.notification-preview p,.long-break-body p,.long-break-body small,.routine-main p,.routine-main small{color:#4b5565}.long-break-body{justify-content:space-between}.long-break-body strong{margin-top:8px;font-size:30px;display:block}.long-break-body img{object-fit:contain;background:#f8fbfb;border-radius:8px;width:112px;height:112px}.mini-bar{gap:8px;margin:11px 0;display:grid}.mini-bar div{color:#374151;justify-content:space-between;align-items:center;gap:12px;min-width:0;font-size:14px;display:flex}.mini-bar strong{color:#111827;overflow-wrap:anywhere;text-align:right;font-size:14px;font-weight:700}.mini-bar i{background:#e5e8ed;border-radius:999px;height:6px;overflow:hidden}.mini-bar i,.mini-bar b{display:block}.mini-bar b{border-radius:inherit;background:#0faaa1;height:100%}.mini-bar.green b{background:#22aa48}.mini-bar.amber b{background:#f59e0b}.mini-bar.blue b{background:#2f9cf4}.notification-preview{border:1px solid #e3e8ef;border-radius:8px;padding:16px}.notification-preview.light{background:#fbfcfe;grid-template-columns:auto minmax(0,1fr);gap:12px;display:grid}.notification-preview.light .button-row{grid-column:1/-1}.notification-preview strong,.notification-preview span{display:block}.routine-tabs,.eye-tab-row,.widget-tabs{border-bottom:1px solid #e3e8ef;align-items:center;gap:8px;margin-bottom:14px;display:flex}.routine-tabs button,.eye-tab-row button,.widget-tabs button{color:#526070;cursor:pointer;background:0 0;border:0;padding:10px 12px;font-size:14px}.routine-tabs button.active,.eye-tab-row button.active,.widget-tabs button.active{color:#0faaa1;font-weight:800;box-shadow:inset 0 -2px #0faaa1}.routine-main{grid-template-columns:140px minmax(0,1fr);align-items:center;gap:18px;display:grid}.routine-main img{object-fit:contain;background:#f8fbfb;border-radius:8px;width:140px;height:118px}.animation-controls,.routine-footer{align-items:center;gap:12px;margin-top:14px;display:flex}.ghost-arrow{color:#475569;cursor:pointer;background:#f1f5f8;border:0;border-radius:999px;width:32px;height:32px;font-size:24px}.routine-card-row{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-top:14px;display:grid}.routine-card-row button{cursor:pointer;background:#fff;border:1px solid #dfe5ec;border-radius:8px;min-height:126px;padding:10px 8px 12px;position:relative}.routine-card-row button.active{border-color:#0faaa1;box-shadow:0 0 0 2px #0faaa121}.routine-card-row button span{color:#637083;background:#eef2f7;border-radius:999px;padding:3px 7px;font-size:11px;position:absolute;top:8px;right:8px}.routine-card-row img{object-fit:contain;width:100%;height:72px}.routine-card-row strong{color:#1f2937;font-size:13px;display:block}.routine-footer{color:#475569;border-top:1px solid #e3e8ef;justify-content:space-between;padding-top:14px}.timeline-list,.posture-list,.eye-plan-list{gap:13px;display:grid}.timeline-list div,.eye-plan-list div{color:#526070;grid-template-columns:22px 72px minmax(0,1fr);align-items:center;gap:10px;font-size:14px;display:grid}.timeline-list div.done svg,.posture-list .done svg{color:#18a957}.posture-list span{color:#374151;align-items:center;gap:10px;font-size:14px;display:flex}.double-gauge-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:14px;display:grid}.small-gauge{background:radial-gradient(circle at center, #fff 0 58%, transparent 59%), conic-gradient(#22aa48 var(--value), #e4e8ee 0);border-radius:999px;place-items:center;width:120px;height:120px;margin:0 auto;display:grid}.small-gauge.amber{background:radial-gradient(circle at center, #fff 0 58%, transparent 59%), conic-gradient(#f59e0b var(--value), #e4e8ee 0)}.small-gauge.blue{background:radial-gradient(circle at center, #fff 0 58%, transparent 59%), conic-gradient(#2f9cf4 var(--value), #e4e8ee 0)}.small-gauge div{text-align:center}.small-gauge strong{font-size:28px;display:block}.small-gauge span{color:#526070;font-size:12px}.large-percent{color:#0faaa1;font-size:30px;display:block}.compliance-chart{grid-template-columns:repeat(7,minmax(0,1fr));align-items:end;gap:10px;height:115px;margin:10px 0 14px;display:grid}.compliance-chart div{text-align:center;align-items:end;gap:7px;display:grid}.compliance-chart span{background:linear-gradient(#11b7a9,#07907f);border-radius:5px 5px 0 0;justify-self:center;width:18px;min-height:22px}.compliance-chart small{color:#607083;font-size:11px}.risk-meter{place-items:end center;height:120px;display:grid;position:relative;overflow:hidden}.risk-meter span{background:conic-gradient(from 270deg, #17aa67 0 32%, #f6b73c 32% 64%, #ef4444 64% 100%);border:16px solid #e4e8ee;border-bottom:0;border-radius:170px 170px 0 0;width:170px;height:85px;-webkit-mask:radial-gradient(circle at 50% 100%,#0000 0 52px,#000 53px);mask:radial-gradient(circle at 50% 100%,#0000 0 52px,#000 53px)}.risk-meter b{transform-origin:0;background:#111827;border-radius:999px;width:78px;height:5px;position:absolute;bottom:4px;left:50%;transform:rotate(-33deg)}.eye-summary-row{border:1px solid #dfe5ec;border-radius:8px;grid-template-columns:1.4fr repeat(4,minmax(0,1fr));gap:16px;margin-bottom:16px;padding:18px;display:grid}.eye-summary-row>div{align-content:center;gap:3px;display:grid}.eye-summary-row svg{color:#2398f2}.eye-summary-row span{color:#526070;font-size:13px}.eye-summary-row strong{color:#121826;font-size:23px}.eye-summary-row small{color:#607083}.eye-count-large strong{letter-spacing:.04em;font-size:29px}.eye-rules{gap:12px;display:grid}.eye-rules span,.comfort-note,.success-strip{color:#344054;align-items:center;gap:8px;font-size:14px;display:flex}.eye-rules svg,.comfort-note svg{color:#18a957}.countdown-controls{color:#526070;justify-content:space-between;align-items:center;gap:12px;margin-top:18px;font-size:13px;display:flex}.countdown-controls button{color:#344054;cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;display:inline-flex}.center{text-align:center}.fatigue-number{text-align:center;color:#111827;font-size:36px;display:block}.screen-distance-visual{grid-template-columns:1fr 1fr;align-items:center;min-height:150px;display:grid;position:relative}.head-side{opacity:.74;background:linear-gradient(145deg,#cbe5ff,#7cb6f4);border-radius:52% 42% 48% 52%;justify-self:center;width:110px;height:120px}.monitor-shape{background:linear-gradient(90deg,#6b7280,#202938);border-radius:8px;justify-self:center;width:62px;height:118px;box-shadow:12px 18px 22px #0f172a29}.screen-distance-visual span{color:#2f9cf4;text-align:center;border-top:2px dashed;font-weight:800;position:absolute;top:48%;left:35%;right:29%}.warning-strip,.success-strip{color:#8a5b11;background:#fff4df;border-radius:8px;padding:10px 12px;font-size:13px}.success-strip{color:#217044;background:#eaf8ee}.eye-plan-list div{grid-template-columns:22px minmax(0,1fr) auto}.eye-plan-list svg{color:#2f9cf4}.eye-notification-card .ref-card-head button{color:#2f9cf4;cursor:pointer;background:0 0;border:0}.focus-timeline{grid-template-columns:repeat(11,minmax(0,1fr));gap:0;min-height:135px;padding-top:22px;display:grid;position:relative}.focus-timeline>span{color:#64748b;border-left:1px dashed #d7dee8;padding-left:8px;font-size:12px}.focus-timeline b{color:#334155;text-align:center;border-radius:7px;min-height:42px;padding:9px 12px;font-size:12px;font-weight:700;line-height:1.25;position:absolute;top:58px}.focus-block{background:#d7ebff}.break-block{background:#e6eaef}.wind-block{background:#efe8ff}.focus-block.one{width:19%;left:10%}.break-block.one{width:14%;left:30%}.focus-block.two{width:19%;left:51%}.break-block.two{width:14%;left:72%}.wind-block{width:12%;right:1%}.daily-eye-score-card .progress-ring{flex:0 0 112px;width:112px;height:112px}.widget-lab-screen{color:#eff7ff;background:#050b16;border:1px solid #94a3b859;border-radius:8px;grid-column:1/-1;min-height:760px;position:relative;overflow:hidden}.widget-lab-app{isolation:isolate;grid-template-columns:230px minmax(0,1fr);min-height:760px;display:grid;position:relative}.widget-bg-orbit{opacity:.78;z-index:-1;background:radial-gradient(circle at 38% 38%,#0000 0 38%,#006cff9e 39% 49%,#0000 50%),radial-gradient(circle at 58% 44%,#0000 0 30%,#1e91ffb8 31% 41%,#0000 42%),linear-gradient(145deg,#2074ffe6,#11182700);border-radius:999px;width:440px;height:440px;position:absolute;top:80px;right:-90px}.widget-lab-sidebar{background:linear-gradient(#0d1825f2,#09121ff7);border-right:1px solid #94a3b829;flex-direction:column;gap:26px;padding:24px 18px;display:flex}.widget-brand{align-items:center;gap:12px;display:flex}.widget-brand svg{color:#8ee26d}.widget-brand strong,.widget-brand small{display:block}.widget-brand strong{font-size:14px}.widget-brand small{color:#d6e3ee;margin-top:3px}.widget-nav-group{gap:7px;display:grid}.widget-nav-group>span{color:#8b9aae;letter-spacing:.08em;text-transform:uppercase;margin-bottom:4px;font-size:11px}.widget-nav-group a{color:#d9e4ef;border-radius:7px;align-items:center;gap:10px;min-height:34px;padding:0 10px;font-size:13px;display:flex}.widget-nav-group a.active{color:#8ee26d;background:#8ee26d1a;box-shadow:inset 3px 0 #79dc54}.widget-system-pill{background:#1e2c3fd1;border-radius:8px;grid-template-columns:10px 1fr;align-items:center;gap:4px 9px;margin-top:auto;padding:14px;display:grid}.widget-system-pill b{background:#56e271;border-radius:999px;width:10px;height:10px}.widget-system-pill span{font-weight:800}.widget-system-pill small{color:#b8c6d6;grid-column:2}.widget-lab-main{min-width:0;padding:24px 20px 20px}.widget-lab-titlebar{grid-template-columns:minmax(0,1fr) auto auto;align-items:start;gap:18px;margin-bottom:22px;display:grid}.widget-lab-titlebar h2{margin:0;font-size:20px}.widget-lab-titlebar p{color:#b8c6d6;margin:6px 0 0;font-size:12px}.widget-enable,.widget-window-actions{color:#c8d6e4;align-items:center;gap:10px;font-size:12px;display:inline-flex}.widget-window-actions{gap:18px}.widget-editor-shell{grid-template-columns:minmax(0,1fr) 192px;gap:16px;display:grid}.canvas-toolbar{justify-content:flex-end;gap:12px;margin-bottom:12px;display:flex}.canvas-toolbar .soft-button{color:#dbe7f4;background:#0f172a73;border-color:#94a3b838}.canvas-grid{background-color:#0d1825c7;background-image:linear-gradient(#94a3b814 1px,#0000 1px),linear-gradient(90deg,#94a3b814 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:12px 12px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;border:1px solid #94a3b82e;border-radius:8px;min-height:430px;position:relative;overflow:hidden}.floating-widget{color:#f4f9ff;background:linear-gradient(145deg,#13202ef0,#0c141ff0);border:1px solid #a6b8cd57;border-radius:8px;padding:12px;position:absolute;box-shadow:0 20px 45px #0000005c}.floating-widget.selected{outline-offset:0;outline:2px solid #21a4ff}.floating-head{color:#e3eef9;justify-content:space-between;align-items:center;gap:8px;font-size:11px;font-weight:800;display:flex}.floating-head span{align-items:center;gap:6px;display:inline-flex}.floating-widget.eye{text-align:center;width:220px;height:184px;top:22px;left:26px}.floating-widget.eye .progress-ring{width:112px;height:112px;margin:6px auto 0}.floating-widget.hydration{width:176px;height:156px;top:36px;left:275px}.floating-widget.stretch{text-align:center;width:190px;height:154px;top:38px;left:485px}.floating-widget.posture{width:166px;height:132px;top:240px;left:40px}.floating-widget.posture strong{color:#85de5d;margin-top:4px;font-size:16px;line-height:1.15}.floating-widget.posture p{font-size:12px}.floating-widget.blue-light{width:188px;height:126px;top:262px;left:235px}.floating-widget.daily-score{grid-template-columns:90px minmax(0,1fr);gap:8px 12px;width:260px;height:146px;display:grid;top:250px;left:455px}.floating-widget.daily-score .floating-head{grid-column:1/-1}.floating-widget.daily-score .progress-ring{width:86px;height:86px}.floating-widget .mini-bar{gap:4px;margin:3px 0}.floating-widget .mini-bar div{color:#cfdaea;font-size:10px}.floating-widget .mini-bar strong{color:#f4f9ff;margin:0;font-size:10px;display:inline}.floating-widget .mini-bar i{height:4px}.floating-widget strong{margin-top:8px;font-size:28px;display:block}.floating-widget strong small{font-size:13px}.floating-widget p,.floating-widget small{color:#c9d7e5;margin:4px 0}.widget-stepper{gap:8px;display:flex}.widget-stepper button{color:#f8fbff;background:#ffffff0f;border:1px solid #94a3b847;border-radius:6px;flex:1;height:28px}.widget-green-button,.save-layout-button{color:#fff;cursor:pointer;background:linear-gradient(#89dc5d,#58b83f);border:0;border-radius:6px;min-height:34px;padding:0 16px;font-weight:800}.posture-stick{border-bottom:5px solid #85de5d;border-left:5px solid #85de5d;border-radius:0 0 0 12px;width:56px;height:58px;margin-top:8px;transform:skewY(8deg)}.canvas-bottom-bar{color:#d9e7f4;border:1px solid #94a3b82e;border-top:0;align-items:center;gap:12px;height:48px;padding:0 12px;display:flex}.canvas-bottom-bar button{color:#d9e7f4;background:#0f172a6b;border:1px solid #94a3b82e;border-radius:6px;align-items:center;gap:6px;height:30px;padding:0 10px;display:inline-flex}.canvas-bottom-bar small{color:#a9bacb;margin-left:auto}.widget-inspector{gap:12px;display:grid}.inspector-card{background:#0d1825d1;border:1px solid #94a3b82e;border-radius:8px;padding:13px}.inspector-card h3{margin:0 0 12px;font-size:13px}.inspector-card label,.inspector-toggle,.dark-reminder-row{color:#c8d6e4;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;font-size:12px;display:flex}.inspector-card select{color:#f2f7fc;background:#0b1522;border:1px solid #94a3b840;border-radius:6px;width:104px;height:30px}.dark-reminder-row span,.dark-reminder-row small{display:block}.dark-reminder-row small{color:#8ea2b6}.dark-notification-preview{color:#d9e7f4;grid-template-columns:24px minmax(0,1fr);gap:8px;font-size:12px;display:grid}.dark-notification-preview p{color:#9fb1c3;margin:4px 0 0}.save-layout-button{width:100%}.widget-rules-row{background:#0d1825b8;border:1px solid #94a3b82e;border-radius:8px;margin-top:16px;padding:16px}.widget-rules-row h3{margin:0 0 12px;font-size:14px}.widget-rules-row>div{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.widget-rules-row button{color:#dbe7f4;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:7px;grid-template-rows:auto auto;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:4px 10px;padding:8px;display:grid}.widget-rules-row button:hover{background:#ffffff0d}.widget-rules-row small{color:#9fb1c3;grid-column:1/-1;line-height:1.35}.widget-rules-row .fake-toggle{grid-area:1/2}.fake-toggle{background:#334155;border-radius:999px;align-items:center;width:28px;height:16px;padding:2px;display:inline-flex}.fake-toggle i{background:#fff;border-radius:999px;width:12px;height:12px;transform:translate(0)}.fake-toggle.is-on{background:#78d957}.fake-toggle.is-on i{transform:translate(12px)}@media (max-width:1180px){.app-shell{grid-template-columns:1fr;padding:0}.sidebar{display:none}.dashboard{min-height:100vh;box-shadow:none;border-radius:0}.mobile-topbar{justify-content:space-between;align-items:center;padding:16px;display:flex}.mobile-brand{font-size:11px}.grid-main{grid-template-columns:1fr;padding:0 16px 90px}.main-column,.side-column{display:contents}.hero-panel,.action-panel,.water-panel,.activity-panel,.reminders-panel,.meal-panel,.streak-panel,.movement-panel,.integrations-panel,.modules-panel,.stretch-coach-panel,.hydration-panel,.posture-panel,.coach-panel,.widget-panel,.comfort-panel,.rules-panel,.log-panel,.settings-panel{grid-column:auto}.hero-panel{order:1;grid-template-columns:1fr 120px;gap:12px;min-height:auto}.leaf-art{width:116px;height:150px}.leaf-art .stem{height:122px}.leaf-art .leaf{width:34px;height:68px}.leaf-two{top:76px;right:0}.leaf-one{top:48px;left:34px}.leaf-three,.leaf-four,.leaf-five{display:none}.action-panel{order:2}.water-panel{order:3}.hydration-panel{order:4}.stretch-coach-panel{order:5}.modules-panel{order:6}.integrations-panel{order:7}.posture-panel{order:8}.coach-panel{order:9}.widget-panel{order:10}.comfort-panel{order:11}.rules-panel{order:12}.water-panel,.movement-panel,.hydration-panel,.posture-panel,.widget-panel{min-height:168px}.meal-panel{order:13}.streak-panel{order:14}.activity-panel{order:15}.log-panel{order:16}.reminders-panel{order:17}.settings-panel{order:18}.mobile-nav{border-top:1px solid var(--line);z-index:10;background:#fffefaf5;grid-template-columns:repeat(5,1fr);height:68px;display:grid;position:fixed;bottom:0;left:0;right:0}.mobile-nav a{color:var(--muted);place-items:center;gap:3px;font-size:10px;display:grid}.mobile-nav a.active{color:var(--green)}}@media (max-width:720px){body{background:var(--background)}.panel{padding:20px}.hero-panel{grid-template-columns:1fr}.leaf-art{opacity:.65;pointer-events:none;position:absolute;top:86px;right:32px}.hero-panel{padding-right:28px;position:relative}h1{font-size:20px}.countdown{font-size:54px}.button-row{margin-top:24px}.primary-button,.soft-button{min-height:38px;padding:0 13px;font-size:13px}.grid-main{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-panel,.action-panel,.meal-panel,.streak-panel,.activity-panel,.integrations-panel,.modules-panel,.stretch-coach-panel,.hydration-panel,.posture-panel,.coach-panel,.widget-panel,.comfort-panel,.rules-panel,.log-panel,.reminders-panel,.settings-panel{grid-column:1/-1}.module-grid,.routine-strip,.stretch-coach-grid,.desktop-preview{grid-template-columns:1fr}.hydration-panel .panel-head{grid-template-columns:1fr;justify-items:start;display:grid}.progress-ring{width:128px}.progress-ring div{width:90px}.module-grid{gap:10px}.stretch-visual-card{min-height:210px}.movement-panel{margin-left:0}.movement-content{grid-template-columns:1fr}.stretch-figure{display:none}.meal-row{grid-template-columns:auto minmax(0,1fr)}.meal-row time{grid-column:2;justify-self:start}.integration-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.reset-grid{grid-template-columns:1fr}.reference-header,.window-actions{flex-wrap:wrap;align-items:flex-start}.reference-grid,.eye-lab-grid,.eye-summary-row{grid-template-columns:1fr}.microbreak-card,.long-break-card,.daily-limits-card,.notification-card,.score-card,.compliance-card,.risk-card,.posture-check-card,.comfort-controls-card,.screen-distance-card,.eye-notification-card,.daily-eye-score-card,.stretch-routine-card,.plan-card,.eye-countdown-card,.blink-card,.fatigue-card,.eye-plan-card,.focus-timeline-card{grid-column:1/-1}.microbreak-body,.long-break-body,.eye-countdown-body,.eye-score-flex,.routine-main{grid-template-columns:1fr;display:grid}.routine-main img{width:100%;height:150px}.routine-card-row{grid-template-columns:repeat(2,minmax(0,1fr))}.mini-bar div{grid-template-columns:minmax(0,1fr);gap:4px;display:grid}.mini-bar strong{text-align:left}.routine-tabs,.focus-timeline-card{overflow-x:auto}.focus-timeline{min-width:640px}.widget-lab-app,.widget-editor-shell{grid-template-columns:1fr}.widget-lab-sidebar{display:none}.widget-lab-titlebar{grid-template-columns:1fr}.widget-tabs,.canvas-toolbar,.canvas-bottom-bar{flex-wrap:wrap}.canvas-grid{grid-template-columns:1fr;gap:12px;min-height:auto;padding:12px;display:grid;overflow:visible}.floating-widget,.floating-widget.eye,.floating-widget.hydration,.floating-widget.stretch,.floating-widget.posture,.floating-widget.blue-light,.floating-widget.daily-score{width:100%;height:auto;position:relative;top:auto;left:auto}.floating-widget.daily-score{grid-template-columns:90px minmax(0,1fr)}.widget-rules-row>div{grid-template-columns:1fr}.status-footer{display:none}}@media (max-width:420px){.grid-main{gap:12px;padding-left:12px;padding-right:12px}.panel{padding:16px}.countdown{font-size:48px}.brand{letter-spacing:.1em}}