:root{--bg:#f4f6f5;--surface:#fff;--surface-2:#f8faf9;--ink:#172c25;--muted:#75827b;--line:#e3e9e5;--accent:#236b4b;--accent-soft:#e8f2ec;--orange:#db713e;--good:#2a8059;--good-soft:#e6f3eb;--warn:#a97521;--warn-soft:#fcf3de;--bad:#bf5850;--bad-soft:#fbeceb;--idle:#edf0ee;--shadow:0 2px 8px #203d2d04;color-scheme:light;--f-body:"Be Vietnam Pro",system-ui,sans-serif;--f-display:"Barlow Condensed",sans-serif}
:root[data-theme=dark]{--bg:#101915;--surface:#18241e;--surface-2:#1d2b23;--ink:#e4eee7;--muted:#a0b1a6;--line:#2d3d32;--accent:#7bc79a;--accent-soft:#243f2d;--orange:#f2a16e;--good:#7bc79a;--good-soft:#243f2d;--warn:#dbb765;--warn-soft:#3b3320;--bad:#ed9a91;--bad-soft:#3d2826;--idle:#2a352d;color-scheme:dark}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:13px/1.55 var(--f-body);padding:env(safe-area-inset-top) max(20px,env(safe-area-inset-right)) env(safe-area-inset-bottom) max(20px,env(safe-area-inset-left))}button,input,select{font:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button,a,summary{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button:disabled{cursor:default;opacity:.35}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--orange);outline-offset:3px}button,input,select{border-radius:8px}button{border:1px solid var(--line);background:var(--surface);color:var(--ink);padding:8px 12px}button:hover:not(:disabled){background:var(--surface-2)}input,select{border:1px solid var(--line);background:var(--surface);color:var(--ink);padding:8px 10px;min-width:0}input[type=checkbox]{accent-color:var(--accent)}[hidden]{display:none!important}.app{max-width:1440px;margin:auto}h1,h2,h3,h4,p{margin:0}h1{font-size:23px;line-height:1.25;letter-spacing:-.7px}h2{font-size:18px;line-height:1.35;letter-spacing:-.4px}h3{font-size:14px}small,.muted,.note{color:var(--muted)}small,.note{font-size:11px}.label{font-size:10px;font-weight:600;letter-spacing:1.2px;text-transform:uppercase;color:var(--muted)}.num{font-variant-numeric:tabular-nums}.skip{position:fixed;top:-80px;left:16px;z-index:10;padding:10px;background:var(--surface)}.skip:focus{top:8px}.app-header{height:76px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:11px;flex-shrink:0}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:var(--accent);color:var(--surface);font:bold 27px var(--f-display)}.brand b{display:block;font-size:13px}.brand small{display:block;font-size:10px}.primary-nav{display:flex;gap:6px;align-self:stretch;align-items:center}.primary-nav a{padding:9px 14px;display:flex;align-items:center;gap:8px;font-weight:500;color:var(--muted);border-radius:8px;white-space:nowrap}.primary-nav a[aria-current=page]{background:var(--accent-soft);color:var(--accent);font-weight:600}.icon{width:17px;height:17px;display:inline-block;flex:none;vertical-align:middle}.header-tools{display:flex;align-items:center;gap:12px}.date-label{font-size:11px;color:var(--muted)}.icon-button{width:34px;height:34px;display:grid;place-items:center;padding:0}.overview{padding:24px 0 16px;display:grid;gap:16px}.overview-heading{display:flex;align-items:center;justify-content:space-between;gap:14px}.overview-heading .label{margin-bottom:5px}.overview-heading p{color:var(--muted);margin-top:6px;font-size:12px}.badge{font-size:11px;border-radius:6px;background:var(--accent-soft);color:var(--accent);padding:6px 10px;white-space:nowrap;font-weight:600}.overview-grid{display:grid;grid-template-columns:minmax(260px,1.35fr) repeat(4,minmax(110px,1fr));gap:12px}.card,.panel{border:1px solid var(--line);border-radius:12px;background:var(--surface);box-shadow:var(--shadow);min-width:0}.goal{padding:16px 18px;background:var(--accent);color:var(--surface);border-color:transparent;display:grid;gap:8px}.goal .label,.goal small{color:color-mix(in srgb,var(--surface) 75%,transparent)}.goal-number{font:600 38px/1 var(--f-display);font-variant-numeric:tabular-nums}.goal-number span{font:400 12px var(--f-body);opacity:.75}.track{height:5px;background:#ffffff30;border-radius:20px;position:relative;overflow:hidden}.track>span{position:absolute;inset:0 auto 0 0;background:#d6efc5;border-radius:20px}.track>i{position:absolute;height:100%;width:2px;background:#fff}.stat{padding:16px;display:grid;gap:7px;align-content:start}.stat-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.stat-top .icon{color:var(--muted);width:16px;height:16px}.stat-value{font:600 35px/1.05 var(--f-display);font-variant-numeric:tabular-nums;letter-spacing:.3px}.stat-value span{font:400 12px var(--f-body);color:var(--muted)}.stat small{font-size:10px}.workspace-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 18px;color:var(--muted);font-size:10px}.sync{display:inline-flex;align-items:center;gap:6px}.sync i{width:6px;height:6px;border-radius:50%;background:var(--warn);flex:none}.sync.ok i{background:var(--good)}.pin{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:12px 14px;background:var(--warn-soft);border:1px solid var(--line);border-radius:10px;margin-bottom:14px}.pin label{font-weight:600}.pin input{max-width:150px}.primary{background:var(--accent);color:var(--surface);border-color:var(--accent)}.primary:hover:not(:disabled){background:var(--ink);color:var(--surface)}main{outline:none}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px}.page-heading p{margin-top:4px;color:var(--muted);font-size:12px}.planner{display:grid;grid-template-columns:minmax(300px,.85fr) minmax(0,1.65fr);gap:18px;align-items:start}.sidebar{display:grid;gap:16px}.panel{padding:18px}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.panel-heading h3{font-size:13px}.calendar-nav{display:flex;gap:5px}.calendar-nav button{padding:4px;width:27px;height:27px;display:grid;place-items:center}.calendar-month{font-weight:600;font-size:13px}.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px}.weekday{font-size:10px;color:var(--muted);font-weight:500;text-align:center;padding:2px 0 9px}.calendar-cell{min-width:0;min-height:47px;aspect-ratio:1.12;border:1px solid transparent;padding:5px 2px 4px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:8px;gap:4px;font-size:12px;background:transparent;position:relative}.calendar-cell .day-number{font-weight:500}.calendar-cell .day-dot{width:4px;height:4px;border-radius:50%;background:var(--line)}.calendar-cell.good{background:var(--good-soft);color:var(--good)}.calendar-cell.good .day-dot{background:var(--good)}.calendar-cell.warn{background:var(--warn-soft);color:var(--warn)}.calendar-cell.warn .day-dot{background:var(--warn)}.calendar-cell.bad{background:var(--bad-soft);color:var(--bad)}.calendar-cell.bad .day-dot{background:var(--bad)}.calendar-cell.is-today:not(.is-selected){border-color:var(--orange)}.calendar-cell.is-selected{background:var(--accent)!important;color:var(--surface)!important;border-color:var(--accent)}.calendar-cell.is-selected .day-dot{background:#d6efc5}.calendar-cell.other-month{color:var(--muted)}.calendar-cell:disabled{opacity:.3}.calendar-cell[aria-current=date] .day-number{text-decoration:underline;text-underline-offset:3px}.calendar-footer{display:flex;justify-content:space-between;align-items:center;gap:10px;border-top:1px solid var(--line);padding-top:13px;margin-top:13px}.calendar-footer button{font-size:11px;padding:5px 9px}.legend{display:flex;flex-wrap:wrap;gap:9px;font-size:9px;color:var(--muted)}.legend span{display:inline-flex;align-items:center;gap:4px}.legend i{width:5px;height:5px;border-radius:50%;background:var(--line)}.legend .good{background:var(--good)}.legend .warn{background:var(--warn)}.legend .bad{background:var(--bad)}.week-picker{display:flex;gap:8px;align-items:center}.week-picker select{font-size:11px;padding:5px 7px;max-width:130px}.week-focus{font-size:11px;color:var(--muted);line-height:1.8;margin-bottom:12px}.week-list{display:grid;gap:2px}.week-row{display:grid;grid-template-columns:27px minmax(0,1fr) auto;gap:9px;align-items:center;width:100%;text-align:left;border:none;padding:8px 7px;background:transparent;font-size:11px}.week-row[aria-pressed=true]{background:var(--accent-soft)}.week-row strong{font-size:11px}.week-row small{font-size:9px;display:block}.week-row .mini-date{font:600 21px var(--f-display);color:var(--muted)}.week-row .km{font-size:10px;font-weight:600;white-space:nowrap}.day-card{overflow:hidden;padding:0}.day-head{padding:18px 20px 15px;display:flex;gap:12px;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.day-title{display:flex;gap:11px;align-items:center}.day-date{background:var(--surface-2);border:1px solid var(--line);border-radius:9px;padding:6px 12px;text-align:center}.day-date b{display:block;font:600 30px/1 var(--f-display)}.day-date small{font-size:9px}.day-title h3{font-size:16px}.day-title p{font-size:11px;color:var(--muted);margin-top:3px}.pill{display:inline-flex;align-items:center;border-radius:6px;padding:5px 9px;white-space:nowrap;font-size:10px;font-weight:600;background:var(--idle);color:var(--muted)}.pill.good{color:var(--good);background:var(--good-soft)}.pill.warn{color:var(--warn);background:var(--warn-soft)}.pill.bad{color:var(--bad);background:var(--bad-soft)}.pill.now{color:var(--accent);background:var(--accent-soft)}.day-body{padding:18px 20px;display:grid;gap:18px}.activity-summary{display:grid;grid-template-columns:1fr 1fr;gap:12px}.activity{border:1px solid var(--line);border-radius:9px;padding:11px 13px;display:flex;gap:10px;align-items:flex-start;background:var(--surface-2)}.activity .icon{margin-top:2px;color:var(--accent)}.activity h4{font-size:11px;font-weight:600}.activity p{font-size:11px;color:var(--muted);margin-top:4px}.check-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.check-heading strong{font-size:12px}.check-heading .count{font-size:11px;color:var(--accent);font-weight:600}.bar{height:4px;border-radius:4px;background:var(--idle);overflow:hidden}.bar>span{display:block;height:100%;background:var(--accent);border-radius:4px;transition:width .2s}.habits{display:grid;grid-template-columns:1fr 1fr;gap:6px 12px;margin-top:10px}.habit{display:flex;align-items:center;gap:9px;padding:8px 9px;border:1px solid var(--line);border-radius:8px;font-size:11px;cursor:pointer;min-height:38px}.habit:has(input:checked){background:var(--good-soft);border-color:transparent;color:var(--good)}.habit input{width:15px;height:15px;margin:0;flex:none;cursor:pointer}.habit input:checked+span{text-decoration:line-through;text-decoration-color:color-mix(in srgb,var(--good) 45%,transparent)}.record-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.record-fields label{font-size:10px;color:var(--muted);display:grid;gap:5px}.record-fields input{width:100%;font-size:12px;padding:8px 10px;color:var(--ink)}.detail-group{border:1px solid var(--line);border-radius:9px;overflow:hidden}.detail-group summary{display:flex;align-items:center;justify-content:space-between;list-style:none;cursor:pointer;padding:11px 13px;font-size:11px;font-weight:600}.detail-group summary::-webkit-details-marker{display:none}.detail-group summary:after{content:'+';color:var(--muted);font-size:16px;font-weight:400}.detail-group[open] summary:after{content:'−'}.detail-content{border-top:1px solid var(--line);padding:13px;font-size:11px;line-height:1.9}.detail-content ul{padding-left:18px;margin:0}.meal-list{display:grid;grid-template-columns:65px minmax(0,1fr);gap:9px 12px;margin:0}.meal-list dt{font-size:10px;color:var(--muted)}.meal-list dd{margin:0}.day-footnote{font-size:10px;color:var(--muted);border-top:1px solid var(--line);padding:12px 20px;background:var(--surface-2)}.day-switch{display:flex;gap:6px}.day-switch button{padding:4px;width:28px;height:28px}.report-filters{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.report-filters label{font-size:10px;color:var(--muted);display:flex;gap:7px;align-items:center}.report-filters input{padding:7px;font-size:11px;max-width:135px}.report-filters button{font-size:11px;padding:7px 10px}.report-range-note{margin-bottom:14px;font-size:11px;color:var(--muted)}.report-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px}.report-kpis .stat-value{font-size:31px}.report-main{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(270px,1fr);gap:18px;align-items:start;margin-bottom:18px}.chart-legend{display:flex;gap:14px;font-size:10px;color:var(--muted)}.chart-legend span{display:flex;align-items:center;gap:5px}.chart-legend i{display:block;width:15px;height:2px;background:var(--accent)}.chart-legend i.plan{background:var(--orange)}.chart{width:100%;height:auto;display:block;overflow:visible}.chart text{fill:var(--muted);font:10px var(--f-body)}.chart .grid-line{stroke:var(--line);stroke-dasharray:3 5}.chart .actual-line{fill:none;stroke:var(--accent);stroke-width:2.5;stroke-linejoin:round}.chart .plan-line{fill:none;stroke:var(--orange);stroke-width:2;stroke-dasharray:5 5;stroke-linejoin:round}.chart .area{fill:var(--accent-soft)}.chart .point{fill:var(--accent);stroke:var(--surface);stroke-width:2}.chart-caption{font-size:10px;color:var(--muted);margin-top:8px}.habit-report{display:grid;gap:11px}.habit-report-row>div{display:flex;justify-content:space-between;gap:12px;font-size:10px;margin-bottom:4px}.habit-report-row .bar{height:4px}.report-bottom{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(270px,1fr);gap:18px;align-items:start}.table-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;white-space:nowrap;font-size:11px;text-align:left}th{font-weight:500;color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:.5px;padding:0 12px 11px 0;border-bottom:1px solid var(--line)}td{padding:11px 12px 11px 0;border-bottom:1px solid var(--line);font-variant-numeric:tabular-nums}tr:last-child td{border-bottom:none}td .bar{min-width:55px}.table-link{border:none;background:transparent;color:var(--accent);font-weight:600;padding:0;font-size:11px}.measure-summary{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px}.measure-summary>div{padding:12px;background:var(--surface-2);border-radius:8px}.measure-summary b{display:block;font:600 28px var(--f-display)}.measure-summary small{font-size:9px}.empty{padding:24px 10px;text-align:center;color:var(--muted);font-size:11px;line-height:1.8}.routine-layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:18px;align-items:start}.routine-list{display:grid}.routine-row{display:grid;grid-template-columns:90px minmax(0,1fr);gap:14px;padding:11px 0;border-bottom:1px solid var(--line);font-size:11px}.routine-row:last-child{border:none}.routine-row b{font-size:11px;font-variant-numeric:tabular-nums}.routine-row.highlight b{color:var(--accent)}.rules{display:grid;gap:12px}.rule h3{font-size:12px;margin-bottom:6px}.rule p{font-size:11px;color:var(--muted);line-height:1.8}.app-footer{padding:24px 0 20px;display:flex;justify-content:space-between;gap:12px;font-size:9px;color:var(--muted)}.field-error{color:var(--bad);font-size:11px;margin-top:8px}.report-actions{display:flex;gap:7px}
.planner{grid-template-columns:340px minmax(0,1fr)}.calendar-cell{width:100%;min-height:40px}.week-row{padding-block:6px}.week-row .mini-date{line-height:1.1}.week-row small{display:none}
.primary-nav{min-width:0;max-width:100%;overflow-x:auto}
@media(min-width:1500px){body{padding-inline:40px}.app-header{height:82px}.overview{padding-top:28px}.planner{grid-template-columns:360px minmax(0,1fr)}.calendar-cell{min-height:42px;aspect-ratio:1.2}}
@media(max-width:1100px){.overview-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.goal{grid-column:1/-1;grid-template-columns:1fr 1.2fr;align-items:center;gap:8px 20px}.goal .track{grid-column:2;grid-row:1}.goal small{grid-column:2;grid-row:2}.goal .label{margin-bottom:5px}.goal-number{font-size:32px}.date-label{display:none}.primary-nav a{padding:9px 11px}.planner{grid-template-columns:310px minmax(0,1fr)}.habits{grid-template-columns:1fr}.report-main,.report-bottom{grid-template-columns:minmax(0,1.4fr) minmax(250px,1fr)}.activity-summary{grid-template-columns:1fr}}
@media(max-width:800px){body{padding-inline:16px}.app-header{flex-wrap:wrap;height:auto;padding:14px 0 0;gap:12px}.brand-mark{width:33px;height:33px;font-size:24px}.brand small{font-size:9px}.primary-nav{order:3;width:100%;justify-content:stretch;gap:5px;padding:0 0 12px}.primary-nav a{justify-content:center;flex:1;padding:9px 6px;font-size:11px}.overview{padding-top:18px}.overview-heading p{font-size:10px}.overview-heading .badge{display:none}.overview-grid{gap:8px}.stat{padding:12px}.stat-value{font-size:30px}.stat .label{font-size:8px;letter-spacing:.5px}.stat-top .icon{display:none}.stat small{font-size:9px}.planner{grid-template-columns:minmax(260px,.9fr) minmax(0,1.3fr);gap:12px}.panel{padding:14px}.calendar-grid{gap:3px}.calendar-cell{min-height:36px;font-size:11px}.day-head{padding:14px}.day-body{padding:14px}.day-title h3{font-size:13px}.day-date{padding:5px 9px}.day-switch{display:none}.record-fields{gap:7px}.report-main,.report-bottom{grid-template-columns:1fr}.report-kpis{gap:8px}.report-kpis .stat{padding:12px}.routine-layout{grid-template-columns:1fr 1fr}.workspace-bar{margin-bottom:15px}.workspace-bar>span{display:none}.report-filters{margin-top:6px}.page-heading{align-items:flex-start;flex-wrap:wrap}}
@media(max-width:620px){h1{font-size:22px}.overview{gap:13px}.overview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.goal{grid-template-columns:1fr;gap:8px;padding:14px 16px}.goal .track{grid-column:auto;grid-row:auto}.goal small{grid-column:auto;grid-row:auto}.goal>div:first-child{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.goal .label{font-size:9px;letter-spacing:.6px}.goal-number{font-size:34px}.stat{gap:5px}.stat-value{font-size:29px}.stat .label{font-size:9px}.overview-heading .label{font-size:9px}.planner{grid-template-columns:1fr;gap:14px}.sidebar{gap:12px}.calendar-cell{min-height:40px;aspect-ratio:1.55}.sidebar .week-panel{display:none}.calendar-footer{padding-top:10px;margin-top:8px}.day-card{padding:0}.habits{grid-template-columns:1fr 1fr;gap:6px}.habit{font-size:10px;padding:8px;gap:7px}.activity-summary{grid-template-columns:1fr 1fr;gap:8px}.activity{padding:10px;gap:7px}.activity p{font-size:10px}.activity .icon{width:15px}.day-head{gap:8px}.day-title h3{font-size:14px}.day-footnote{padding:10px 14px}.record-fields label{font-size:9px}.record-fields input{font-size:11px;padding:8px}.report-kpis{grid-template-columns:1fr 1fr}.report-filters{width:100%;gap:6px}.report-filters label{font-size:9px;gap:4px}.report-filters input{max-width:125px}.report-filters button{font-size:10px}.routine-layout{grid-template-columns:1fr}.app-footer{font-size:9px;flex-direction:column;gap:4px}.pin label{width:100%}.page-heading{margin-bottom:13px}.page-heading h2{font-size:17px}.page-heading p{font-size:10px}.workspace-bar{font-size:9px}.chart-legend{font-size:9px}.table-scroll{max-width:100%}}
@media(max-width:370px){body{padding-inline:12px}.habits,.activity-summary{grid-template-columns:1fr}.primary-nav a{font-size:10px;gap:5px}.calendar-cell{min-height:36px}.report-filters input{max-width:115px}.day-head .pill{font-size:9px;padding:4px 6px}}
@media(max-width:620px){.overview-grid .stat small{display:none}.overview-grid .stat{padding:10px 12px;gap:4px}.overview-grid .stat-value{font-size:27px}.goal{padding:12px 14px}.goal-number{font-size:31px}.overview-heading h1{font-size:20px}.overview{gap:12px}.calendar-cell{aspect-ratio:auto}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.bar>span{transition:none}}
@media print{body{padding:0;background:#fff;color:#172c25}.app-header,.overview,.workspace-bar,.app-footer,.pin,.report-filters,.report-actions{display:none!important}.report-main,.report-bottom{display:block}.panel{break-inside:avoid;margin-bottom:14px;box-shadow:none}.report-kpis{grid-template-columns:repeat(4,1fr)}.page-heading{margin-top:10px}}
.live-strip{display:grid;grid-template-columns:205px minmax(0,1fr);gap:18px;padding:13px 16px;margin-top:16px;border:1px solid var(--line);border-radius:10px;background:var(--surface)}.live-clock{display:flex;align-items:baseline;gap:9px;flex-wrap:wrap}.live-clock b{font:600 28px/1 var(--f-display);font-variant-numeric:tabular-nums}.live-clock span,.live-clock small{font-size:10px;color:var(--muted)}.live-clock small{width:100%}.live-next{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:3px 12px;align-items:center;color:var(--ink);text-decoration:none;min-width:0}.live-next .label{grid-column:1/-1;font-size:9px}.live-next strong{font-size:11px;font-weight:500;overflow-wrap:anywhere}.live-next small{font-size:11px;color:var(--accent);font-variant-numeric:tabular-nums;white-space:nowrap}.reminder-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;align-items:start}.reminder-column{display:grid;gap:18px;min-width:0}.water-slots{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;margin:16px 0}.water-slot{display:flex;gap:8px;align-items:center;border:1px solid var(--line);border-radius:8px;padding:10px 8px;font-size:11px;cursor:pointer}.water-slot input{margin:0;flex:none;width:14px;height:14px}.water-slot span{display:grid;gap:3px}.water-slot small{font-size:10px;color:var(--muted)}.water-slot.is-done{background:var(--good-soft);border-color:transparent;color:var(--good)}.reminder-form{display:grid;gap:15px}.reminder-form>label:not(.switch-row),.reminder-fields label{display:grid;gap:5px;font-size:11px;color:var(--muted)}.reminder-form input:not([type=checkbox]),.reminder-form select{width:100%;min-width:0;padding:8px;font-size:12px;color:var(--ink)}.reminder-form input[type=checkbox]{width:15px;height:15px;flex:none;margin:0}.switch-row{display:flex;gap:9px;align-items:center;font-size:12px;font-weight:600}.reminder-fields,.reminder-options{display:grid;grid-template-columns:1fr 1fr;gap:12px}.reminder-options label{display:flex;gap:8px;align-items:center;font-size:11px}.reminder-actions{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.reminder-actions button{font-size:11px;padding:8px 12px}.reminder-health{display:grid;grid-template-columns:minmax(100px,1fr) minmax(0,1fr);gap:8px;margin:16px 0;font-size:10px}.reminder-health dt{color:var(--muted)}.reminder-health dd{margin:0;overflow-wrap:anywhere}.upcoming-list>div{display:grid;grid-template-columns:45px minmax(0,1fr);gap:12px;font-size:11px;padding:11px 0;border-bottom:1px solid var(--line)}.upcoming-list>div:last-child{border:0}.upcoming-list b{color:var(--accent);font-variant-numeric:tabular-nums}
@media(max-width:1100px){.water-slots{grid-template-columns:repeat(2,minmax(0,1fr))}.app-header{gap:16px}.primary-nav{gap:2px}.primary-nav a{padding-inline:9px}}
@media(max-width:760px){.reminder-layout{grid-template-columns:1fr}.water-slots{grid-template-columns:repeat(5,minmax(0,1fr))}.live-strip{grid-template-columns:145px minmax(0,1fr);gap:12px}.live-next{grid-template-columns:1fr}.live-next .label{grid-column:auto}.live-next small{font-size:10px}}
@media(max-width:620px){.live-strip{padding:12px;margin-top:12px;gap:10px;grid-template-columns:110px minmax(0,1fr)}.live-clock{gap:3px}.live-clock b{font-size:26px}.live-clock span{width:100%;font-size:9px}.live-clock small{font-size:9px}.live-next strong{font-size:10px}.live-next .label{font-size:8px}.water-slots{grid-template-columns:repeat(2,minmax(0,1fr))}.reminder-options{grid-template-columns:1fr}.primary-nav{overflow-x:auto;max-width:100%;justify-content:flex-start}.primary-nav a{padding-inline:9px;flex:none}}
@media print{.live-strip{display:none!important}}
@media(max-width:620px){.primary-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;overflow:visible}.primary-nav a{flex-direction:column;gap:3px;padding:7px 2px;font-size:9px;min-width:0;white-space:normal;text-align:center;line-height:1.3}.primary-nav .icon{width:16px;height:16px}.primary-nav a span[data-icon]{height:18px}}
.action-button{--button-color:#236b4b;display:inline-flex;align-items:center;justify-content:center;gap:7px;background:var(--button-color);border-color:var(--button-color);color:#fff;font-weight:500;line-height:1.45;min-height:36px}.action-button .icon{width:16px;height:16px;flex:none}.action-button>span[data-icon]{display:inline-flex}.action-button:hover:not(:disabled){background:color-mix(in srgb,var(--button-color) 86%,black);border-color:color-mix(in srgb,var(--button-color) 86%,black);color:#fff}.action-button:disabled{opacity:.45}.btn-save{--button-color:#236b4b}.btn-email{--button-color:#1d4ed8}.btn-export{--button-color:#0e7490}.calendar-footer .action-button{padding:6px 9px;font-size:10px;min-height:30px}.reminder-actions .action-button{padding:9px 12px}.action-button[aria-busy=true]{cursor:wait}
@media(max-width:620px){.reminder-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.reminder-actions .action-button{padding:10px 8px;gap:6px;min-height:44px;font-size:10px}.reminder-actions .action-button span{min-width:0;overflow-wrap:anywhere}.report-filters .action-button{gap:5px;padding-inline:8px}}