:root{--accent-custom:#5b8f7b;--accent-custom-rgb:91, 143, 123;--bg-base:#f6f1e8;--bg-top:color-mix(in srgb, var(--bg-base) 68%, var(--accent-custom) 32%);--bg-bottom:color-mix(in srgb, #edf4ef 72%, var(--accent-custom) 28%);--bg-glow-1:rgba(var(--accent-custom-rgb), .24);--bg-glow-2:rgba(var(--accent-custom-rgb), .18);--bg-glow-3:rgba(var(--accent-custom-rgb), .12);--surface:color-mix(in srgb, #fffcf7d1 84%, var(--accent-custom) 16%);--surface-strong:color-mix(in srgb, #fffaf4f0 80%, var(--accent-custom) 20%);--surface-border:#5854471f;--surface-border-strong:#5854472e;--text-main:#2d342f;--text-soft:#2d342fb8;--heading:#24302a;--accent-strong:color-mix(in srgb, var(--accent-custom) 76%, black);--accent-soft:rgba(var(--accent-custom-rgb), .16);--secondary:color-mix(in srgb, var(--accent-custom) 34%, #d9926e);--hero-start:color-mix(in srgb, var(--accent-custom) 60%, #5f7367);--hero-end:#293e38;--shadow-soft:0 22px 70px #454a3e1a;--shadow-hover:0 28px 90px #454a3e24;color:var(--text-main);background:var(--bg-top);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Aptos,Segoe UI,Trebuchet MS,sans-serif;font-weight:400;line-height:1.5}:root[data-theme=dark]{--bg-base:#101715;--bg-top:color-mix(in srgb, var(--bg-base) 78%, var(--accent-custom) 22%);--bg-bottom:color-mix(in srgb, #151d1a 72%, var(--accent-custom) 28%);--bg-glow-1:rgba(var(--accent-custom-rgb), .22);--bg-glow-2:rgba(var(--accent-custom-rgb), .16);--bg-glow-3:rgba(var(--accent-custom-rgb), .12);--surface:color-mix(in srgb, #17201dd1 80%, var(--accent-custom) 20%);--surface-strong:color-mix(in srgb, #1a2521f0 76%, var(--accent-custom) 24%);--surface-border:#c0d6ce1a;--surface-border-strong:#c0d6ce29;--text-main:#ebf1ed;--text-soft:#ebf1edb8;--heading:#f5f8f6;--accent-strong:color-mix(in srgb, var(--accent-custom) 70%, white);--accent-soft:rgba(var(--accent-custom-rgb), .22);--secondary:color-mix(in srgb, var(--accent-custom) 30%, #e2a178);--hero-start:color-mix(in srgb, var(--accent-custom) 44%, #1d2a26);--hero-end:#101a17;--shadow-soft:0 24px 80px #00000047;--shadow-hover:0 28px 92px #00000057}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{background:linear-gradient(180deg, var(--bg-top), var(--bg-bottom));min-width:320px;color:var(--text-main);margin:0;transition:background-color .22s,color .22s,background .22s}button,input,textarea{font:inherit}button{border:0}#root{min-height:100vh}::selection{color:#24302a;background:#5b8f7b38}.app-shell{background:radial-gradient(circle at top left, var(--bg-glow-1), transparent 28%), radial-gradient(circle at top right, var(--bg-glow-2), transparent 24%), radial-gradient(circle at 50% 100%, var(--bg-glow-3), transparent 32%), linear-gradient(180deg, var(--bg-top) 0%, color-mix(in srgb, var(--bg-top) 52%, var(--bg-bottom) 48%) 42%, var(--bg-bottom) 100%);min-height:100vh;color:var(--text-main);padding:56px 28px 72px;position:relative;overflow:hidden visible}.app-shell:before,.app-shell:after{content:"";filter:blur(90px);pointer-events:none;opacity:.4;border-radius:50%;width:34rem;height:34rem;position:fixed;inset:auto}.app-shell:before{background:color-mix(in srgb, var(--accent-custom) 32%, #f3d5bc);top:-10rem;left:-8rem}.app-shell:after{background:color-mix(in srgb, var(--accent-custom) 48%, #d8eadf);bottom:-12rem;right:-10rem}.hero,.dashboard-grid,.details-grid,.trend-grid,.preset-strip,.history-grid,.appearance-bar,.fit-sync-bar{z-index:1;width:min(1180px,100%);margin:0 auto;position:relative}.appearance-bar{z-index:30;flex-wrap:wrap;justify-content:flex-end;gap:12px;margin-bottom:18px;display:flex}.fit-sync-bar{margin-bottom:24px}.fit-sync-panel{grid-template-columns:1.15fr 1fr;align-items:center;gap:24px;display:grid}.fit-sync-copy p:last-child{color:var(--text-soft);margin:0;line-height:1.65}.fit-sync-actions{justify-items:start;gap:14px;display:grid}.fit-range-panel{border:1px solid var(--surface-border);background:linear-gradient(180deg, rgba(var(--accent-custom-rgb), .12), rgba(var(--accent-custom-rgb), .04));border-radius:24px;gap:12px;width:100%;padding:16px;display:grid}.fit-range-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.fit-range-head strong{color:var(--heading)}.fit-fill-button{padding:0}.fit-range-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;width:100%;display:grid}.fit-date-field{width:100%}.fit-status{color:var(--text-soft);margin:0}.fit-progress{border:1px solid rgba(var(--accent-custom-rgb), .16);background:linear-gradient(180deg, rgba(var(--accent-custom-rgb), .12), rgba(var(--accent-custom-rgb), .04));border-radius:18px;gap:8px;width:100%;padding:12px 14px;display:grid}.fit-progress-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.fit-progress-head strong,.fit-progress-head span{font-size:.9rem}.fit-progress-head strong{color:var(--heading)}.fit-progress-head span{color:var(--text-soft)}.fit-progress-bar{background:rgba(var(--accent-custom-rgb), .08);border-radius:999px;height:10px;overflow:hidden}.fit-progress-bar span{border-radius:inherit;background:linear-gradient(90deg, var(--secondary), var(--accent-custom));height:100%;box-shadow:0 4px 16px rgba(var(--accent-custom-rgb), .18);transition:width .18s;display:block}.fit-action-row{flex-wrap:wrap;gap:10px;display:flex}.action-button,.text-button{cursor:pointer;border-radius:999px;align-items:center;gap:8px;padding:12px 16px;display:inline-flex}.action-button{border:1px solid rgba(var(--accent-custom-rgb), .18);background:linear-gradient(180deg, rgba(var(--accent-custom-rgb), .22), rgba(var(--accent-custom-rgb), .12));color:var(--heading);box-shadow:var(--shadow-soft)}.action-button.secondary{background:linear-gradient(180deg, var(--surface-strong), var(--surface))}.action-button:disabled,.text-button:disabled{opacity:.55;cursor:not-allowed;box-shadow:none;transform:none}.text-button{color:var(--accent-strong);background:0 0;border:0}.fit-hint{color:var(--text-soft)}.appearance-card{border:1px solid var(--surface-border);background:linear-gradient(180deg, var(--surface-strong), var(--surface));box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:999px;align-items:center;gap:12px;padding:10px 12px;display:flex}.appearance-label{letter-spacing:.08em;text-transform:uppercase;color:var(--text-soft);font-size:.82rem;font-weight:700}.theme-switcher{background:linear-gradient(180deg, rgba(var(--accent-custom-rgb), .16), rgba(var(--accent-custom-rgb), .08));border-radius:999px;gap:6px;padding:4px;display:inline-flex}.theme-chip{color:var(--text-soft);cursor:pointer;background:0 0;border-radius:999px;align-items:center;gap:8px;padding:8px 12px;display:inline-flex}.theme-chip:hover{background:rgba(var(--accent-custom-rgb), .12);color:var(--text-main)}.theme-chip.active{background:var(--accent-custom);color:#f7f4ee;box-shadow:0 10px 24px rgba(var(--accent-custom-rgb), .22)}.accent-control{gap:14px;position:relative}.accent-value{min-width:78px;color:var(--text-soft);text-transform:uppercase;font-size:.92rem}.accent-preview{width:18px;height:18px;box-shadow:0 0 0 2px #ffffff8c, 0 8px 16px rgba(var(--accent-custom-rgb), .22);border-radius:50%}.picker-trigger{border:1px solid var(--surface-border);background:linear-gradient(180deg, var(--surface-strong), var(--surface));min-width:210px;color:var(--text-main);text-align:left;cursor:pointer;box-shadow:var(--shadow-soft);border-radius:18px;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:inline-flex}.picker-trigger span{color:var(--text-soft)}.picker-trigger strong{letter-spacing:.08em;text-transform:uppercase;color:var(--accent-strong);align-items:center;gap:8px;font-size:.82rem;font-weight:700;display:inline-flex}.picker-trigger.active,.picker-trigger:hover{border-color:rgba(var(--accent-custom-rgb), .34);box-shadow:var(--shadow-hover);transform:translateY(-1px)}.picker-popover{z-index:20;border:1px solid var(--surface-border);background:linear-gradient(180deg, var(--surface-strong), var(--surface));width:min(100vw - 28px,320px);box-shadow:var(--shadow-hover);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:24px;padding:16px;position:absolute;top:calc(100% + 12px);right:0}.accent-popover{gap:14px;display:grid}.accent-swatches{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;display:grid}.swatch-button{aspect-ratio:1;cursor:pointer;border:0;border-radius:16px;width:100%;box-shadow:inset 0 0 0 1px #ffffff61}.swatch-button.active{box-shadow:inset 0 0 0 2px #ffffffb8, 0 0 0 4px rgba(var(--accent-custom-rgb), .14)}.accent-custom-field{gap:10px}.accent-manual-row{grid-template-columns:1fr auto;gap:10px;display:grid}.apply-button,.icon-button{border:1px solid rgba(var(--accent-custom-rgb), .18);background:linear-gradient(180deg, rgba(var(--accent-custom-rgb), .18), rgba(var(--accent-custom-rgb), .08));color:var(--text-main);cursor:pointer;border-radius:16px}.apply-button{padding:12px 14px}.date-picker{z-index:25;max-width:320px;margin-bottom:340px;position:relative}.calendar-popover{width:min(100vw - 28px,340px);left:0;right:auto}.calendar-head{grid-template-columns:40px 1fr 40px;align-items:center;gap:10px;margin-bottom:14px;display:grid}.calendar-head strong{text-align:center;text-transform:capitalize;color:var(--heading)}.icon-button{width:40px;height:40px;font-size:1.3rem}.calendar-weekdays,.calendar-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;display:grid}.calendar-weekdays{margin-bottom:10px}.calendar-weekdays span{text-align:center;color:var(--text-soft);text-transform:uppercase;font-size:.78rem}.calendar-day{background:rgba(var(--accent-custom-rgb), .06);min-height:40px;color:var(--text-main);cursor:pointer;border:1px solid #0000;border-radius:14px}.calendar-day:hover{background:rgba(var(--accent-custom-rgb), .14)}.calendar-day.muted{opacity:.45}.calendar-day.today{border-color:rgba(var(--accent-custom-rgb), .34)}.calendar-day.selected{background:var(--accent-custom);color:#f8f5ef;box-shadow:0 14px 24px rgba(var(--accent-custom-rgb), .24)}.hero{grid-template-columns:1.5fr .9fr;align-items:stretch;gap:24px;margin-bottom:28px;display:grid}.hero-copy,.hero-panel,.panel,.preset-card{border:1px solid var(--surface-border);background:linear-gradient(180deg, var(--surface-strong), var(--surface));box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:32px}.hero-copy,.hero-panel,.panel,.preset-card,.metric-card,.check-item,.history-card,.ghost-button,input,textarea{transition:transform .22s,box-shadow .22s,border-color .22s,background-color .22s,background .22s,color .22s}.hero-copy{padding:38px}.eyebrow{letter-spacing:.22em;text-transform:uppercase;color:var(--accent-strong);margin:0 0 14px;font-size:.78rem;font-weight:700}.hero h1{letter-spacing:-.055em;color:var(--heading);text-wrap:balance;max-width:11ch;margin:0;font-family:Cambria,Georgia,Times New Roman,serif;font-size:clamp(2.7rem,6vw,4.9rem);line-height:.98}.hero-text{max-width:54ch;color:var(--text-soft);margin-top:20px;font-size:1.05rem;line-height:1.72}.hero-panel{background:radial-gradient(circle at top right, #ffffff29, transparent 32%), radial-gradient(circle at bottom left, rgba(var(--accent-custom-rgb), .18), transparent 38%), linear-gradient(155deg, var(--hero-start), var(--hero-end));color:#f4efe7;align-content:center;justify-items:start;padding:30px;display:grid}.hero-date{text-transform:capitalize;opacity:.82;font-size:.95rem}.hero-score{letter-spacing:-.04em;margin-top:16px;font-family:Cambria,Georgia,Times New Roman,serif;font-size:clamp(4.1rem,10vw,6.1rem);line-height:.9}.hero-score-label{opacity:.88;margin-top:8px;font-size:1rem}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:24px;display:flex}.ghost-button{background:rgba(var(--accent-custom-rgb), .12);color:inherit;font:inherit;cursor:pointer;border:1px solid #f4efe747;border-radius:999px;align-items:center;gap:8px;padding:13px 18px;display:inline-flex}.ghost-button:hover{background:rgba(var(--accent-custom-rgb), .22);transform:translateY(-1px);box-shadow:0 14px 24px #101c192e}.ghost-button.danger{background:#d662621f;border-color:#d6626252}.ghost-button.danger:hover{background:#d6626233}.preset-strip{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:28px;display:grid}.preset-card{text-align:left;font:inherit;color:inherit;cursor:pointer;padding:20px 22px}.preset-card:hover,.panel:hover{box-shadow:var(--shadow-hover);border-color:rgba(var(--accent-custom-rgb), .28);transform:translateY(-2px)}.preset-card span,.panel h2,.metric-card h3{font-family:Cambria,Georgia,Times New Roman,serif;display:block}.preset-card span{color:var(--heading);margin-bottom:6px;font-size:1.38rem}.preset-card small{color:var(--text-soft);line-height:1.55}.dashboard-grid,.details-grid,.trend-grid,.history-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-bottom:24px;display:grid}.trend-grid,.history-grid{grid-template-columns:1fr}.trend-panel{gap:22px;display:grid}.trend-head{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.trend-control-stack{justify-items:end;gap:10px;display:grid}.trend-metric-switcher{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.trend-metric-chip{background:rgba(var(--accent-custom-rgb), .08);color:var(--text-soft);cursor:pointer;border-radius:999px;padding:8px 12px}.trend-metric-chip.active{background:color-mix(in srgb, var(--accent-custom) 24%, var(--surface-strong));color:var(--heading);border-color:rgba(var(--accent-custom-rgb), .22)}.trend-switcher{background:rgba(var(--accent-custom-rgb), .08);border-radius:999px;gap:6px;padding:4px;display:inline-flex}.trend-chip{color:var(--text-soft);cursor:pointer;background:0 0;border-radius:999px;padding:8px 12px}.trend-chip.active{background:var(--accent-custom);color:#f7f4ee}.trend-chart-frame{border:1px solid var(--surface-border);background:linear-gradient(180deg, rgba(var(--accent-custom-rgb), .08), #ffffff1f);border-radius:26px;padding:16px}.trend-chart{width:100%;height:auto;display:block}.trend-grid-line{stroke:rgba(var(--accent-custom-rgb), .14);stroke-width:1px}.trend-grid-label,.trend-axis-label{fill:var(--text-soft);font-size:12px}.trend-axis-label{text-anchor:middle}.trend-line{fill:none;stroke:var(--accent-custom);stroke-width:4px;stroke-linecap:round;stroke-linejoin:round}.trend-point{fill:var(--accent-custom);stroke:#ffffffeb;stroke-width:3px}.trend-empty{text-align:center;color:var(--text-soft);padding:42px 16px}.trend-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.trend-stat-card{border:1px solid var(--surface-border);background:linear-gradient(180deg, var(--surface-strong), var(--surface));border-radius:20px;padding:14px 16px}.trend-stat-card span{color:var(--text-soft);font-size:.82rem;display:block}.trend-stat-card strong{color:var(--accent-strong);margin-top:8px;font-family:Cambria,Georgia,Times New Roman,serif;font-size:1.8rem;display:block}.panel{padding:28px;position:relative;overflow:visible}.panel-head{margin-bottom:22px}.panel h2{color:var(--heading);margin:0 0 8px;font-size:2rem;line-height:1}.panel-head p{color:var(--text-soft);margin:0;line-height:1.6}.metric-grid,.config-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.metric-card{background:linear-gradient(180deg, var(--surface-strong), var(--surface));border:1px solid var(--surface-border);border-radius:24px;padding:18px;position:relative;overflow:visible}.metric-card:hover,.check-item:hover,.history-card:hover{border-color:rgba(var(--accent-custom-rgb), .28);box-shadow:0 18px 40px rgba(var(--accent-custom-rgb), .12);transform:translateY(-2px)}:is(.metric-card:has(.number-input:hover),.metric-card:has(.number-input:focus-within),.panel:has(.number-input:hover),.panel:has(.number-input:focus-within)){z-index:60}.metric-top{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.metric-card h3{color:var(--heading);margin:0 0 4px;font-size:1.2rem}.metric-card p,.metric-top strong{color:var(--text-soft);margin:0}.metric-top strong{color:var(--accent-strong);font-size:1.15rem}.progress-bar{background:linear-gradient(90deg, rgba(var(--accent-custom-rgb), .14), rgba(var(--accent-custom-rgb), .05));border-radius:999px;height:12px;margin:16px 0 14px;overflow:hidden}.progress-bar span{border-radius:inherit;background:linear-gradient(90deg, var(--secondary), var(--accent-custom));height:100%;box-shadow:0 4px 16px rgba(var(--accent-custom-rgb), .2);display:block}.metric-input,.config-input{gap:8px;display:grid;position:relative;overflow:visible}.metric-input span,.config-input span{color:var(--text-soft);font-size:.9rem}input,textarea,button{transition:all .18s}input,textarea{box-sizing:border-box;border:1px solid var(--surface-border);background:var(--surface-strong);width:100%;color:var(--text-main);font:inherit;border-radius:18px;padding:13px 15px;box-shadow:inset 0 1px #fff9}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{appearance:textfield}input:hover,textarea:hover{border-color:rgba(var(--accent-custom-rgb), .3)}textarea{resize:vertical;min-height:126px;line-height:1.6}input:focus,textarea:focus,button:focus{border-color:rgba(var(--accent-custom-rgb), .65);box-shadow:0 0 0 4px rgba(var(--accent-custom-rgb), .14), 0 10px 24px #454a3e14;outline:none}.checklist{gap:10px;margin-top:16px;display:grid}.number-input{grid-template-columns:42px minmax(0,1fr) 42px;align-items:center;gap:8px;display:grid;position:relative;overflow:visible}.number-input:hover,.number-input:focus-within{z-index:40}.number-input input{text-align:center}.number-stepper-group{z-index:1;margin-top:-10px;padding-top:10px;position:relative}.number-stepper{border:1px solid rgba(var(--accent-custom-rgb), .16);background:linear-gradient(180deg, rgba(var(--accent-custom-rgb), .18), rgba(var(--accent-custom-rgb), .08));width:42px;height:44px;color:var(--accent-strong);cursor:pointer;border-radius:16px;font-size:1.2rem;font-weight:700;line-height:1}.number-stepper:hover{border-color:rgba(var(--accent-custom-rgb), .3);box-shadow:0 12px 24px rgba(var(--accent-custom-rgb), .14);transform:translateY(-1px)}.number-stepper-menu{border:1px solid var(--surface-border);background:linear-gradient(180deg, var(--surface-strong), var(--surface));min-width:76px;box-shadow:var(--shadow-hover);opacity:0;pointer-events:none;z-index:50;border-radius:16px;gap:6px;padding:8px 8px 16px;transition:opacity .16s,transform .16s;display:grid;position:absolute;bottom:100%;left:50%;transform:translate(-50%,-2px)}.number-stepper-group:hover .number-stepper-menu,.number-stepper-group:focus-within .number-stepper-menu{opacity:1;pointer-events:auto;transform:translate(-50%)}.number-step-option{border:1px solid rgba(var(--accent-custom-rgb), .14);background:rgba(var(--accent-custom-rgb), .08);color:var(--text-main);cursor:pointer;white-space:nowrap;border-radius:12px;padding:8px 10px;font-size:.9rem}.number-step-option:hover{background:rgba(var(--accent-custom-rgb), .16)}.check-item{background:linear-gradient(180deg, var(--surface-strong), var(--surface));border:1px solid var(--surface-border);border-radius:20px;align-items:center;gap:12px;padding:15px 16px;display:flex}.check-item input{width:18px;height:18px;accent-color:var(--accent-custom);padding:0}.history-panel{background:linear-gradient(180deg, var(--surface-strong), var(--surface))}.history-head{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.history-summary{background:linear-gradient(180deg, rgba(var(--accent-custom-rgb), .24), rgba(var(--accent-custom-rgb), .08));text-align:center;border:1px solid rgba(var(--accent-custom-rgb), .14);border-radius:20px;min-width:132px;padding:14px 16px}.history-summary strong{color:var(--accent-strong);font-family:Cambria,Georgia,Times New Roman,serif;font-size:2rem;display:block}.history-summary span{color:var(--text-soft)}.history-list{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;display:grid}.history-card{border:1px solid var(--surface-border);background:linear-gradient(180deg, var(--surface-strong), var(--surface));text-align:left;color:inherit;cursor:pointer;border-radius:22px;padding:16px}.history-card span,.history-card strong{display:block}.history-card span{color:var(--text-soft);font-size:.92rem}.history-card strong{color:var(--accent-strong);margin-top:10px;font-family:Cambria,Georgia,Times New Roman,serif;font-size:2rem}.history-mini-metrics{gap:8px;margin-top:14px;display:grid}.history-mini-metric{grid-template-columns:18px minmax(0,1fr);align-items:center;gap:8px;display:grid}.history-mini-metric i{color:var(--text-soft);justify-content:center;align-items:center;font-size:.76rem;font-style:normal;font-weight:700;display:inline-flex}.history-mini-bar{background:rgba(var(--accent-custom-rgb), .08);border-radius:999px;height:8px;overflow:hidden}.history-mini-bar span{border-radius:inherit;background:linear-gradient(90deg, rgba(var(--accent-custom-rgb), .45), var(--accent-custom));height:100%;display:block}.history-card.active{border-color:rgba(var(--accent-custom-rgb), .42);background:linear-gradient(180deg, color-mix(in srgb, var(--surface-strong) 82%, var(--accent-custom) 18%), var(--surface));box-shadow:0 0 0 4px rgba(var(--accent-custom-rgb), .1), 0 18px 40px #454a3e14}@media (width<=980px){.hero,.dashboard-grid,.details-grid,.trend-stats,.preset-strip,.metric-grid,.config-grid,.fit-sync-panel{grid-template-columns:1fr}.app-shell{padding:20px 14px 40px}.appearance-bar{justify-content:stretch}.appearance-card{border-radius:24px;justify-content:space-between;width:100%}.fit-sync-actions,.fit-action-row,.fit-range-grid{width:100%}.action-button{justify-content:center}.picker-trigger{width:100%;min-width:0}.picker-popover{width:100%}.theme-switcher{flex-wrap:wrap;justify-content:flex-end}.trend-head{flex-direction:column}.trend-control-stack{justify-items:stretch;width:100%}.trend-metric-switcher{justify-content:flex-start;width:100%}.trend-switcher{justify-content:space-between;width:100%}.trend-chip{text-align:center;flex:1 1 0;justify-content:center}.app-shell:before,.app-shell:after{width:18rem;height:18rem}.hero-copy,.hero-panel,.panel{padding:22px}.history-head{flex-direction:column}.date-picker{max-width:none;margin-bottom:340px}}@media (width<=720px){.app-shell{padding:14px 12px 32px}.appearance-bar,.fit-sync-bar,.hero,.preset-strip,.dashboard-grid,.details-grid,.trend-grid,.history-grid{margin-bottom:18px}.appearance-card,.hero-copy,.hero-panel,.panel,.preset-card{border-radius:24px}.appearance-card{flex-direction:column;align-items:stretch;gap:10px;padding:12px}.appearance-label{font-size:.74rem}.theme-switcher{justify-content:stretch;width:100%;padding:5px}.theme-chip{flex:1 1 0;justify-content:center;padding:10px 8px;font-size:.92rem}.accent-control{gap:10px}.accent-value{min-width:0;font-size:.86rem}.picker-trigger{border-radius:16px;padding:11px 12px}.picker-trigger span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.picker-trigger strong{flex-shrink:0;font-size:.74rem}.picker-popover{border-radius:20px;width:min(100vw - 24px,100%);padding:14px}.accent-swatches{grid-template-columns:repeat(3,minmax(0,1fr))}.accent-manual-row{grid-template-columns:1fr}.apply-button{width:100%}.hero{gap:16px}.hero-copy,.hero-panel,.panel{padding:18px}.hero h1{max-width:none;font-size:clamp(2.1rem,12vw,3.1rem)}.hero-text{margin-top:14px;font-size:.98rem;line-height:1.62}.hero-score{font-size:clamp(3.3rem,20vw,4.9rem)}.ghost-button{justify-content:center;width:100%;padding:12px 14px}.fit-sync-panel{gap:16px}.fit-status{font-size:.94rem}.fit-action-row{grid-template-columns:1fr;display:grid}.fit-range-panel{border-radius:20px;padding:14px}.fit-range-grid{grid-template-columns:1fr}.action-button,.text-button{justify-content:center;width:100%}.preset-strip{gap:12px}.preset-card{padding:16px 18px}.preset-card span{font-size:1.2rem}.panel-head{margin-bottom:16px}.panel h2{font-size:1.7rem}.metric-grid,.config-grid{gap:10px}.metric-card{border-radius:20px;padding:14px}.metric-top{align-items:center}.metric-card h3{font-size:1.05rem}.metric-top strong{text-align:right;font-size:1rem}.number-input{grid-template-columns:40px minmax(0,1fr) 40px}.number-stepper{border-radius:14px;width:40px;height:40px}.number-stepper-menu{gap:5px;min-width:70px;padding:8px 6px 12px}.number-step-option{padding:7px 8px;font-size:.84rem}textarea{min-height:108px}.check-item{border-radius:18px;padding:13px 14px}.trend-panel{gap:16px}.trend-switcher{gap:4px}.trend-metric-switcher{gap:6px}.trend-metric-chip{text-align:center;flex:calc(50% - 6px);justify-content:center;font-size:.88rem}.trend-chart-frame{border-radius:20px;padding:10px;overflow-x:auto}.trend-chart{min-width:560px}.trend-stats{gap:10px}.trend-stat-card{border-radius:18px;padding:12px 14px}.trend-stat-card strong{font-size:1.45rem}.history-summary{width:100%}.date-picker{margin-bottom:300px}.history-list{grid-template-columns:1fr}.history-card{border-radius:18px;padding:14px}.history-card strong{font-size:1.7rem}}@media (width<=540px){.app-shell{padding:12px 10px 28px}.app-shell:before,.app-shell:after{filter:blur(70px);width:14rem;height:14rem}.eyebrow{letter-spacing:.18em;font-size:.68rem}.hero-copy,.hero-panel,.panel,.preset-card,.appearance-card{border-radius:20px}.hero-copy,.hero-panel,.panel{padding:16px}.hero h1{font-size:clamp(1.9rem,11vw,2.6rem)}.hero-text,.panel-head p,.fit-sync-copy p:last-child{font-size:.93rem;line-height:1.56}.theme-chip,.action-button,.text-button,.ghost-button,.trend-chip{font-size:.9rem}.panel h2{font-size:1.5rem}.metric-card,.history-card,.trend-stat-card{border-radius:16px}.trend-chart{min-width:500px}.trend-grid-label,.trend-axis-label{font-size:10px}.history-mini-metrics{gap:6px}.history-mini-metric{grid-template-columns:16px minmax(0,1fr);gap:6px}.calendar-popover{width:min(100vw - 20px,100%)}.calendar-weekdays,.calendar-grid{gap:6px}.calendar-day,.icon-button{width:36px;height:36px;min-height:36px}}