:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;font-synthesis:none;background:#0c111b;color:#ecf1f7;font-size:16px;line-height:1.45;color-scheme:dark}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 80% -20%,#14283c 0,transparent 55%),#0c111b}button,input,select{font:inherit}button{cursor:pointer}.layout{max-width:980px;margin:0 auto;padding:40px 22px 70px}.header{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:26px}.header h1{font-size:32px;line-height:1.1;letter-spacing:-.035em;margin:7px 0 10px}.eyebrow,.overline{text-transform:uppercase;letter-spacing:.12em;color:#79baf2;font-weight:700;font-size:11px;margin:0}.subtext,.smallprint{color:#99a8bc;font-size:13px;max-width:680px;margin:5px 0}.status-pill{border:1px solid #33536d;border-radius:40px;padding:7px 11px;color:#9bccf6;font-size:12px;white-space:nowrap;background:#193048}.panel{background:#151d2a;border:1px solid #273548;border-radius:20px;padding:26px;margin:16px 0;box-shadow:0 12px 22px rgba(0,0,0,.08)}.panel-header{display:flex;justify-content:space-between;gap:14px;margin-bottom:22px;align-items:center}h2{font-size:21px;letter-spacing:-.02em;margin:6px 0}h3{margin:24px 0 10px;font-size:14px;font-weight:700}.form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.field{display:flex;flex-direction:column;gap:8px;color:#c8d4e3;font-size:13px;font-weight:600}.field small{font-size:11px;font-weight:400;color:#8d9cb0}.field input,.field select{width:100%;padding:11px 13px;background:#0d1624;border:1px solid #34465d;border-radius:10px;color:#f2f7fb;min-width:0;min-height:45px;outline:none;transition:border-color .15s}.field input:focus,.field select:focus{border-color:#68adf2;box-shadow:0 0 0 3px #68adf222}.field-label{display:block;margin-bottom:8px}.field:has(.field-label){gap:0}.day-grid{grid-template-columns:1fr 1fr 1fr}.choice-row{display:grid;grid-template-columns:1fr 1fr;gap:7px}.choice{border:1px solid #34465d;background:#0d1624;color:#bfd0e2;padding:11px;border-radius:10px}.choice.active{background:#26537c;border-color:#4f9bd4;color:#fff}.saved-hint{color:#8da7ba;font-size:12px;margin:18px 0 0}.text-button{background:transparent;border:0;color:#8ac2f4;padding:6px 0;font-size:12px;text-decoration:underline;text-underline-offset:3px}.results{background:#172335;border-color:#38516d}.highlights{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:12px}.highlights>div{border:1px solid #31455d;background:#101b2a;border-radius:14px;padding:16px 16px 14px;display:flex;flex-direction:column;gap:4px}.highlights span,.macro-grid span{color:#a6bbcf;font-size:12px}.highlights strong{font-size:29px;letter-spacing:-.03em;font-variant-numeric:tabular-nums}.highlights small,.macro-grid small{font-size:11px;color:#94a3b8}.primary-number{background:#1d3a55!important;border-color:#488bc2!important}.primary-number strong{color:#d7efff}.breakdown{border:1px solid #2c4159;border-radius:12px;overflow:hidden}.breakdown>div{display:flex;justify-content:space-between;gap:10px;padding:11px 13px;border-bottom:1px solid #26374b;font-size:13px}.breakdown>div:last-child{border:0}.breakdown span{color:#b2c0d0}.breakdown strong{font-variant-numeric:tabular-nums}.breakdown-total{background:#213147;font-weight:700}.macro-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.macro-grid>div{padding:13px 15px;border:1px solid #2c4159;border-radius:12px;display:flex;flex-direction:column;gap:5px}.macro-grid strong{font-size:22px;font-variant-numeric:tabular-nums}.buttons{display:flex;justify-content:flex-end;margin-top:20px}.button-main{padding:12px 18px;border:0;border-radius:10px;background:#73b7ee;color:#0b1b2c;font-weight:700}.button-main:hover{background:#99ccf4}.advanced summary{cursor:pointer;font-size:15px;font-weight:700}.advanced .form-grid{margin-top:20px}.advanced .text-button{margin-top:13px}.footer{font-size:12px;color:#8797aa;line-height:1.6;margin-top:22px}.warning{padding:12px;border-radius:10px;background:#6d4a19;color:#ffe4b4;font-size:12px}.error{padding:12px;border-radius:10px;background:#5c2832;color:#ffd2da;font-size:13px;margin-bottom:15px}[hidden]{display:none!important}@media(max-width:750px){.header{flex-direction:column;gap:10px}.header h1{font-size:28px}.status-pill{align-self:flex-start}.form-grid,.day-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.highlights{grid-template-columns:1fr 1fr}.primary-number{grid-column:1/-1}}@media(max-width:480px){.layout{padding:22px 12px 40px}.panel{padding:17px;border-radius:16px}.panel-header{align-items:flex-start}.form-grid,.day-grid{grid-template-columns:1fr 1fr;gap:10px}.day-grid .field:last-child{grid-column:1/-1}.field input,.field select{padding:10px}.highlights strong{font-size:25px}.macro-grid>div{padding:10px}.macro-grid strong{font-size:18px}.panel-header .text-button{max-width:95px}.subtext{font-size:12px}}
.auth-card{max-width:470px;margin:7vh auto}.auth-card h1{font-size:30px;letter-spacing:-.035em}.auth-card form,.account-panel form{display:grid;gap:18px;margin:24px 0}.account{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.account .status-pill{white-space:normal;overflow-wrap:anywhere}.tabs{display:flex;gap:8px;margin:20px 0}.tabs button{flex:1}.notice{border:1px solid #488bc2;border-radius:12px;padding:12px 16px;background:#163048;font-size:14px}.notice.error{background:#5c2832;border-color:#8a4050}.actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:18px}.field textarea{font:inherit;resize:vertical;width:100%;padding:12px;background:#0d1624;color:#f2f7fb;border:1px solid #34465d;border-radius:10px}.field textarea:focus{outline:2px solid #68adf2}.date-field{max-width:190px}.history-tools{display:flex;gap:12px;align-items:end;flex-wrap:wrap}.table-scroll{overflow:auto;margin-top:20px}table{border-collapse:collapse;width:100%;white-space:nowrap;font-size:13px}td,th{text-align:left;padding:13px 10px;border-bottom:1px solid #2c4159}th{color:#a6bbcf}.charts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:22px}.chart{border:1px solid #2c4159;border-radius:12px;padding:12px;min-width:0}.chart h3{margin:0 0 10px}.chart svg{width:100%;height:130px}.chart .smallprint{font-size:11px}button:disabled{opacity:.5;cursor:wait}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid #99ccf4;outline-offset:4px}.account-panel{max-width:560px}.saved-hint.dirty{color:#ffda9b}.buttons{gap:10px}.field input:invalid{border-color:#c98165}.chart text{fill:#99a8bc;font-size:11px}@media(max-width:600px){.charts{grid-template-columns:1fr}.panel-header{flex-wrap:wrap}.date-field{max-width:none;width:100%}.actions .button-main{width:100%}.status-pill{max-width:100%}.breakdown>div{align-items:center}.breakdown strong{white-space:nowrap}.account{width:100%;justify-content:space-between}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}

.optional-measurements { margin: 16px 0; color: var(--muted); }
.optional-measurements summary { cursor: pointer; padding: 8px 0; }
.optional-measurements[open] .form-grid { margin-top: 12px; }