:root{--bg:#07090d;--secondary:#0f141a;--card:#151b22;--raised:#1a222b;--text:#f5f7fa;--muted:#b8c0cc;--border:#2a3240;--purple:#a855f7;--cyan:#29d8ff;--mint:#37e6c3;--green:#38f28e;--warning:#ff9f1c}*{box-sizing:border-box}html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:var(--bg);scroll-behavior:smooth}body{color:var(--text);margin:0;font:15px/1.55 -apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{border:1px solid var(--border);background:var(--raised);min-height:48px;color:var(--text);cursor:pointer;border-radius:12px;padding:12px 16px;font-weight:600}button:hover{border-color:var(--purple)}button:disabled{opacity:.5;cursor:wait}:focus-visible{outline:3px solid var(--cyan);outline-offset:4px}a{color:inherit}h1,h2,p{margin-top:0}h2{font-size:17px;line-height:1.4}.app-shell{max-width:860px;padding:env(safe-area-inset-top) 24px 140px;margin:auto}.app-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;min-height:104px;padding-block:16px;display:flex}.header-actions{align-items:center;gap:10px;display:flex}.header-button{min-height:44px;padding:6px 12px;font-size:11px}.full-width{width:100%}.secondary-action{margin-top:10px}.vault-panel h3{margin-top:25px;font-size:15px}.vault-panel form>button{margin-top:20px}.vault-panel select{border:1px solid var(--border);background:var(--bg);width:100%;min-height:48px;color:var(--text);font:inherit;border-radius:10px;padding:10px}.vault-summary{gap:12px;margin-block:24px;display:grid}.vault-summary div{grid-template-columns:1fr 1.5fr;gap:12px;font-size:12px;display:grid}.vault-summary dt{color:var(--muted)}.vault-summary dd{overflow-wrap:anywhere;font-variant-numeric:tabular-nums;margin:0}.vault-details{border-top:1px solid var(--border);padding-block:18px}.vault-details summary{cursor:pointer;min-height:44px;padding-block:10px;font-size:13px;font-weight:600}.checkbox-label{align-items:center;gap:12px;min-height:48px;display:flex!important}.checkbox-label input{width:22px;height:22px;accent-color:var(--purple);flex-shrink:0}.backup-state{border:1px solid #ff9f1c66;border-radius:10px;padding:12px}.backup-current{border-color:#38f28e66}.privacy-hidden{visibility:hidden}.privacy-screen{background:var(--bg);color:var(--text);text-align:center;z-index:100;flex-direction:column;justify-content:center;align-items:center;gap:18px;padding:30px;font-size:22px;display:flex;position:fixed;inset:0}.privacy-screen span{max-width:340px;color:var(--muted);font-size:14px}.brand{letter-spacing:2px;align-items:center;gap:11px;font-size:17px;font-weight:700;text-decoration:none;display:flex}.brand strong{color:var(--cyan)}.brand small{letter-spacing:2px;color:var(--muted);margin-top:2px;font-size:8px;display:block}.brand-mark{color:#dec6ff;letter-spacing:-5px;background:linear-gradient(140deg,#392c50,#182b34);border:1px solid #70618d;border-radius:12px;place-items:center;width:40px;height:42px;padding-right:5px;font-size:25px;display:grid}.connection{color:var(--muted);white-space:nowrap;font-size:11px}.connection span{color:var(--green);margin-right:3px;font-size:9px}.connection.is-offline span{color:var(--warning)}.preview-notice{border-bottom:1px solid var(--border);color:var(--muted);align-items:center;gap:10px;padding:12px 0 18px;font-size:11px;display:flex}.stage-badge,.pill{letter-spacing:1px;color:#d8c7ee;white-space:nowrap;border:1px solid #3b374b;border-radius:6px;padding:4px 7px;font-size:9px;font-weight:700}.page-heading{padding:34px 0 23px}.eyebrow{color:var(--cyan);letter-spacing:2.5px;margin-bottom:13px;font-size:10px;font-weight:700}h1{white-space:pre-line;letter-spacing:-1.7px;margin-bottom:17px;font-size:clamp(34px,7vw,52px);font-weight:650;line-height:1.13}.lead{max-width:380px;color:var(--muted);font-size:14px;line-height:1.7}.card{border:1px solid var(--border);background:linear-gradient(130deg, #1b2030, var(--card) 50%);border-radius:22px;padding:24px;box-shadow:0 12px 45px #0002}.section-label{justify-content:space-between;align-items:center;gap:8px;display:flex}.section-label h2{margin:0}.pill{color:var(--muted);border-color:var(--border);font-size:8px}.quick-card>p:not(.amount-placeholder){color:var(--muted);font-size:13px}.amount-placeholder{color:var(--muted);font-variant-numeric:tabular-nums;align-items:baseline;gap:8px;margin:24px 0 2px;font-size:30px;display:flex}.amount-placeholder span{color:var(--text);letter-spacing:-3px;font-size:68px;font-weight:500;line-height:1.2}.amount-placeholder .decimal{color:#8690a3;letter-spacing:-1px;margin-left:-7px;font-size:34px}.space-chips{flex-wrap:wrap;gap:8px;margin:22px 0;display:flex}.space-chips span{border:1px solid;border-radius:8px;padding:7px 13px;font-size:11px}.personal{color:#c392fa;background:#a855f70d}.household{color:var(--cyan);background:#29d8ff08}.tsc{color:var(--mint);background:#37e6c308}.primary{color:#12121e;background:linear-gradient(105deg,#a886e7,#8fa6e9);border-color:#0000}.quick-card .primary{justify-content:space-between;width:100%;margin-top:20px;display:flex}.foundation-grid{grid-template-columns:1fr 1fr;gap:18px;margin:26px 0;display:grid}.foundation-grid article{padding:5px 2px}.foundation-grid article>span{color:var(--cyan);font-size:25px}.foundation-grid h2{margin:7px 0;font-size:13px}.foundation-grid p{color:var(--muted);margin:0;font-size:12px}.status-card{border:1px solid var(--border);background:var(--secondary);border-radius:16px;justify-content:space-between;align-items:center;gap:12px;padding:18px;display:flex}.status-card strong{font-size:12px;font-weight:600}.status-card p{color:var(--muted);margin:4px 0 0 15px;font-size:11px}.status-dot{background:var(--warning);border-radius:50%;width:6px;height:6px;margin-right:8px;display:inline-block}.status-dot.ready{background:var(--green)}.text-button{white-space:nowrap;color:var(--cyan);background:0 0;border:0;padding:7px;font-size:11px}.page-footer{color:var(--muted);text-align:center;padding:28px 0 0;font-size:10px;line-height:1.8}.bottom-nav{border-top:1px solid var(--border);width:min(100%,860px);padding:12px 14px max(12px, env(safe-area-inset-bottom));z-index:10;background:#0f141af5;grid-template-columns:repeat(4,1fr) 56px;align-items:center;gap:4px;display:grid;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.nav-item{color:var(--muted);background:0 0;border:0;place-items:center;gap:3px;min-height:52px;padding:4px;font-size:10px;font-weight:500;display:grid}.nav-item>span{font-size:22px;line-height:1.2}.nav-item.active{color:var(--cyan);background:#29d8ff09}.add-button{color:#17151f;background:#b59ae9;border:0;border-radius:16px;justify-self:end;width:48px;min-height:48px;padding:0;font-size:28px}.empty-state{padding:32px 24px}.empty-state p{color:var(--muted);font-size:13px}.empty-symbol{color:var(--cyan);margin-bottom:12px;font-size:30px;display:block}.lab p{color:var(--muted);font-size:13px}.lab>p{margin-top:17px}.lab label{margin:22px 0 8px;font-size:13px;font-weight:600;display:block}.lab input[type=password]{background:var(--bg);width:100%;color:var(--text);border:1px solid #465063;border-radius:10px;min-height:50px;padding:12px;font-size:16px}.small,.lab .small{font-size:11px}.muted{color:var(--muted)}.button-grid{gap:10px;margin:20px 0;display:grid}.button-grid button,.lab-secondary button{font-size:12px}.result{border:1px solid var(--border);background:var(--secondary);overflow-wrap:anywhere;border-radius:12px;margin-top:20px;padding:16px}.result strong{font-size:13px}.result p:last-child{margin-bottom:0}.record-id{font-family:ui-monospace,monospace}.lab-secondary{gap:10px;margin-top:20px;display:grid}.error{overflow-wrap:anywhere;border:1px solid #ff546866;border-radius:10px;padding:12px;font-size:13px;color:#ffabb5!important}.notice{border:1px solid #ff9f1c55;border-radius:12px;margin-top:20px;padding:16px}.notice p{color:var(--muted);font-size:13px}.visually-hidden,.file-input{display:none}@media (width>=650px){.app-shell{padding-inline:48px}.button-grid,.lab-secondary{grid-template-columns:1fr 1fr}.quick-card{padding:30px}.foundation-grid{gap:40px}}@media (width<=360px){.app-shell{padding-inline:16px}.card{padding:18px}.section-label{flex-wrap:wrap}.status-card{flex-direction:column;align-items:start}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}@media (prefers-color-scheme:light){html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root:not([data-appearance=dark]){--bg:#f5f6fa;--secondary:#eef0f7;--card:#fff;--raised:#f6f5fb;--text:#172031;--muted:#515d70;--border:#d6dce8;--cyan:#006980;--mint:#087762}html:not([data-appearance=dark]) .card{background:linear-gradient(130deg, #f3edfc, var(--card) 60%);box-shadow:0 12px 35px #171c3008}html:not([data-appearance=dark]) .bottom-nav{background:#f5f6faf5}html:not([data-appearance=dark]) .personal{color:#7435b3}html:not([data-appearance=dark]) .stage-badge{color:#69418d;border-color:#c5b3d8}html:not([data-appearance=dark]) .error{color:#9e2037!important}}html[data-appearance=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f5f6fa;--secondary:#eef0f7;--card:#fff;--raised:#f6f5fb;--text:#172031;--muted:#515d70;--border:#d6dce8;--cyan:#006980;--mint:#087762}html[data-appearance=light] .card{background:linear-gradient(130deg, #f3edfc, var(--card) 60%);box-shadow:0 12px 35px #171c3008}html[data-appearance=light] .bottom-nav{background:#f5f6faf5}html[data-appearance=light] .personal{color:#7435b3}html[data-appearance=light] .stage-badge{color:#69418d;border-color:#c5b3d8}html[data-appearance=light] .error{color:#9e2037!important}