:root{--ink:#1b332e;--muted:#71817b;--green:#175b49;--dark:#123e35;--cream:#f5f6f1;--line:#e2e7df;--white:#fff;--lime:#d8ef9b;--radius:22px}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased}a{color:var(--green);text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.6}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #81a783;outline-offset:4px}h1,h2,h3,p{margin:0}h1{font-size:34px;letter-spacing:-1.4px;line-height:1.14;font-weight:750}h2{font-size:19px;letter-spacing:-.45px}h3{font-size:16px}p{color:var(--muted)}.topbar{max-width:860px;margin:auto;padding:24px 24px 18px;display:flex;align-items:center;justify-content:space-between;padding-top:max(24px,env(safe-area-inset-top))}.brand{display:flex;gap:10px;align-items:center;color:var(--ink);font-size:26px;font-weight:750;letter-spacing:-1px;line-height:1}.brand-symbol{display:grid;place-items:center;background:var(--dark);color:var(--lime);width:42px;height:44px;border-radius:14px;font-size:33px;padding-bottom:6px}.brand-sub{display:block;font-size:8px;letter-spacing:2px;font-weight:600;margin-top:7px;color:var(--muted)}.private-label{font-size:11px;color:var(--muted);display:flex;align-items:center;gap:6px}.status-dot{width:6px;height:6px;border-radius:50%;background:#74a37c}.shell{max-width:800px;margin:auto;padding:14px 24px 120px}.page-heading{margin:10px 0 26px}.page-heading p{margin-top:10px;font-size:14px}.eyebrow{font-size:10px;font-weight:750;letter-spacing:1.6px;color:var(--muted);display:block;margin-bottom:10px}.heading-with-action{display:flex;align-items:center;justify-content:space-between;gap:12px}.round-action{border:1px solid var(--line);border-radius:50%;width:46px;height:46px;display:grid;place-items:center;background:white;font-size:28px;flex-shrink:0}.card{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:22px;margin-bottom:16px}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:26px 0 16px}.card .section-heading{margin:0 0 18px}.section-heading p{font-size:12px;margin-top:4px}.mini-icon{font-size:28px;color:var(--green);flex-shrink:0}.period-picker{margin-bottom:20px}.period-picker label{margin-top:0}.select-row{display:flex;gap:8px}.select-row select{min-width:0;flex:1;margin:0}.select-row button{flex-shrink:0}.hero-card{background:var(--dark);color:white;border-radius:26px;padding:25px;margin-bottom:20px;position:relative;overflow:hidden}.hero-card:after{content:"";position:absolute;width:180px;height:180px;border:32px solid #ffffff06;border-radius:50%;right:-70px;top:-60px;pointer-events:none}.hero-top{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:10px;letter-spacing:1px}.badge{display:inline-flex;background:#eaf0e7;color:#526c57;white-space:nowrap;font-size:10px;padding:6px 10px;border-radius:20px;letter-spacing:0}.badge.light{background:#ffffff18;color:var(--lime)}.hero-label{color:#bdd2c7;font-size:13px;margin-top:27px}.hero-number{font-size:54px;line-height:1.2;letter-spacing:-2.5px;font-weight:650;margin:4px 0 27px;font-variant-numeric:tabular-nums}.hero-number span{font-size:20px;font-weight:400;letter-spacing:-.5px;color:var(--lime)}.hero-bottom{border-top:1px solid #ffffff20;padding-top:18px;display:grid;grid-template-columns:1fr 1fr;gap:12px}.hero-bottom span{display:block;color:#b2c7bc;font-size:11px;margin-bottom:5px}.hero-bottom strong{font-size:17px;letter-spacing:-.4px}.notice{padding:16px 18px;border-radius:16px;margin-bottom:18px;font-size:13px}.notice p{margin-top:5px;color:inherit;opacity:.86;font-size:12px}.notice a{display:inline-block;padding-top:10px;font-weight:700}.warning{background:#fff3d9;border:1px solid #f1dfb9;color:#785a23}.error{background:#ffebe6;border:1px solid #f2c9bb;color:#8f3829}.success{background:#e8f2df;border:1px solid #c8dfb7;color:#365d33}.metric-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.metric{min-width:0;padding:18px}.metric .eyebrow{font-size:9px;letter-spacing:1px}.metric strong{font-size:25px;letter-spacing:-1px;display:block;overflow-wrap:anywhere}.metric small{font-size:11px;color:var(--muted);font-weight:500;letter-spacing:0}.metric p{font-size:10px;margin-top:8px}.personal-card{background:#edf1e5;border-color:#dee6d4}.personal-card h2{font-size:16px}.muted{color:var(--muted);font-size:13px;font-weight:400}.personal-values{display:grid;grid-template-columns:1fr 1fr;gap:10px}.personal-values strong{font-size:25px;font-weight:650;letter-spacing:-.7px;display:block}.personal-values small{font-size:12px;font-weight:400;color:var(--muted)}.personal-values span{font-size:11px;color:var(--muted)}.comparison{color:#3e674a;border-top:1px solid #d7e0cb;margin-top:17px;padding-top:13px;font-size:12px}.unit-list{border:1px solid var(--line);border-radius:22px;background:white;overflow:hidden;margin-bottom:20px}.unit-row{display:flex;align-items:center;gap:12px;padding:17px 16px;color:var(--ink);border-bottom:1px solid #edf0e9;min-height:76px}.unit-row:last-child{border:0}.unit-number{display:grid;place-items:center;flex-shrink:0;width:37px;height:39px;border-radius:12px;background:#f0f3ec;color:#61785f;font-size:13px;font-weight:700}.unit-number.own{background:var(--dark);color:var(--lime)}.unit-info{min-width:0;flex:1}.unit-info strong{display:block;font-size:12px;font-weight:650;overflow-wrap:anywhere}.unit-info small{font-size:10px;color:var(--muted)}.unit-amount{font-size:14px;font-weight:650;white-space:nowrap;letter-spacing:-.3px;font-variant-numeric:tabular-nums}.unit-amount small{font-size:10px;font-weight:400;color:var(--muted)}.bottom-nav{position:fixed;z-index:10;bottom:0;left:50%;transform:translateX(-50%);width:100%;max-width:800px;display:grid;grid-template-columns:repeat(4,1fr);background:#fcfdf9f5;backdrop-filter:blur(16px);border-top:1px solid var(--line);padding:8px 8px max(12px,env(safe-area-inset-bottom));box-shadow:0 -6px 25px #123e3506}.bottom-nav a{display:flex;flex-direction:column;align-items:center;gap:1px;color:#8a978d;font-size:10px;min-height:48px;justify-content:center;font-weight:500}.nav-icon{font-size:24px;line-height:1.2;width:44px;text-align:center;border-radius:12px}.bottom-nav a[aria-current]{color:var(--dark);font-weight:750}.bottom-nav a[aria-current] .nav-icon{background:#e1ebcf}label,.input-label{display:block;font-size:12px;font-weight:650;color:#52675c;margin:17px 0 7px}input:not([type=hidden]):not([type=checkbox]),select,textarea{width:100%;padding:13px 14px;border:1px solid #dce3d8;background:#fafbf7;border-radius:12px;color:var(--ink);min-height:48px;font-size:16px;outline:none;max-width:100%}input:focus,select:focus,textarea:focus{border-color:#73987e;box-shadow:0 0 0 3px #72987b15}input[readonly]{color:var(--muted);background:#f1f3ec}input[type=date]{min-width:0;appearance:none}textarea{resize:vertical}.button{display:inline-flex;align-items:center;justify-content:center;gap:16px;min-height:46px;padding:12px 18px;border-radius:12px;border:0;font-weight:650;font-size:13px}.primary{background:var(--green);color:white}.secondary{background:#e9eee2;color:var(--dark)}.full{width:100%;margin-top:20px}.field-help{font-size:11px;margin-top:9px;line-height:1.65}.reading-card{scroll-margin-top:20px;padding:18px}.reading-heading{display:flex;align-items:center;gap:10px}.reading-heading>div{min-width:0;flex:1}.reading-heading h3{font-size:13px;overflow-wrap:anywhere}.reading-heading p{font-size:10px}.reading-difference{font-size:11px;white-space:nowrap;color:var(--green)}.reading-difference.negative{color:#a15a31}.reading-inputs{display:grid;grid-template-columns:1fr 1fr;gap:16px}.reading-inputs>div{min-width:0}.previous-value{min-height:48px;display:flex;align-items:center;font-size:24px;letter-spacing:-.7px}.reading-note{border-top:1px solid #edf0e8;margin-top:14px;padding-top:10px}.reading-note summary{font-size:11px;color:var(--muted)}summary{cursor:pointer;padding:4px 0;font-size:13px;min-height:32px}.advanced{margin-top:18px}.check-label{display:flex;align-items:center;gap:10px;font-size:11px;min-height:44px}.check-label input{width:18px;height:18px;flex-shrink:0}.save-bar{position:sticky;bottom:83px;z-index:5;padding:12px 14px;background:#f9fbf3f5;border:1px solid #d3dfc6;border-radius:16px;box-shadow:0 5px 20px #123e3515;display:flex;flex-direction:column;gap:8px}.save-bar span#save-status{font-size:11px;color:var(--muted);text-align:center}.save-bar .button{width:100%}.calculation-details dl{display:grid;grid-template-columns:1fr 1fr;font-size:12px;gap:12px}.calculation-details dt{color:var(--muted)}.calculation-details dd{margin:0;text-align:right}.table-card{padding:0;overflow:hidden}.table-scroll{overflow:auto;-webkit-overflow-scrolling:touch}table{border-collapse:collapse;width:100%;font-size:12px;white-space:nowrap}th,td{padding:16px;border-bottom:1px solid var(--line);text-align:right}th:first-child,td:first-child{text-align:left}thead{background:#edf1e7;color:var(--muted);font-size:10px}tbody th{font-weight:550}tbody th small{display:block;color:var(--muted);font-size:9px}.quiet{font-size:12px;color:var(--muted);line-height:1.7}.center{text-align:center}.page-footer{text-align:center;font-size:10px;color:#95a08f;margin:30px 0 5px}.page-footer span{margin:0 8px}.audit-list{list-style:none;padding:0;font-size:12px}.audit-list li{padding:10px 0;border-bottom:1px solid var(--line)}.audit-list small{display:block;color:var(--muted);font-size:10px}.text-link{display:block;padding:16px 0}.login-page .shell{max-width:480px;padding-top:30px}.login-intro{margin-bottom:32px}.login-intro h1{font-size:42px;line-height:1.12;letter-spacing:-1.8px;margin:16px 0}.login-intro p{font-size:14px;line-height:1.8}.login-intro .eyebrow{color:var(--green)}.login-card{box-shadow:0 12px 45px #193d2910}.login-page .topbar{max-width:480px}.login-page .page-footer{margin-top:45px}@media(min-width:650px){.shell{padding-top:26px}.hero-number{font-size:64px}.hero-card{padding:32px}.unit-info strong{font-size:14px}.unit-amount{font-size:16px}.reading-inputs{grid-template-columns:1fr 2fr}.save-bar{flex-direction:row;align-items:center;justify-content:space-between}.save-bar .button{width:auto}.save-bar span#save-status{text-align:left}.bottom-nav{border-radius:20px 20px 0 0}}@media(max-width:350px){.shell{padding-left:16px;padding-right:16px}.topbar{padding-left:16px;padding-right:16px}.card{padding:17px}.hero-card{padding:20px}.hero-number{font-size:46px}.hero-bottom strong{font-size:14px}.personal-values strong{font-size:21px}.unit-row{gap:8px;padding:14px 11px}.unit-amount{font-size:12px}.unit-info strong{font-size:11px}.login-intro h1{font-size:36px}.metric strong{font-size:22px}}