@import "https://fonts.googleapis.com/css2?family=Google+Sans:wght@400;500;700&display=swap";:root{--dark:#061b20;--bg:#efefef;--blue:#bbbcfc;--green:#dcfda4;--tan:#d2b97f;--pink:#fcbac6;--muted:#666}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--dark);min-height:100vh;font-family:Google Sans,sans-serif}h1{letter-spacing:-2px;font-size:56px;line-height:.95}h2{border-bottom:2px solid #111;margin:28px 0 16px;padding-bottom:10px;font-size:26px;font-weight:700}h3{margin:20px 0 10px;font-size:13px;font-weight:700}a{color:var(--dark)}button,input,select{font-family:inherit}.lede{max-width:36rem;margin:12px 0 24px;line-height:1.5}.muted{color:var(--muted);font-size:12px;line-height:1.45}.error{color:#8a2040;margin:8px 0;font-size:13px}.splash,.auth-page,.wizard,.dash{max-width:920px;margin:0 auto;padding:48px 28px 64px}.panel{background:#fff;flex-direction:column;gap:16px;max-width:420px;padding:24px;display:flex}.mode-toggle{gap:2px;display:flex}.mode-toggle button{cursor:pointer;background:#f0f0f0;border:none;flex:1;padding:10px;font-size:13px;font-weight:700}.mode-toggle button.on{background:var(--dark);color:#fff}.field{flex-direction:column;flex:1;gap:6px;display:flex}.field-label{font-size:12px;font-weight:600}.field-hint{color:var(--muted);font-size:12px;line-height:1.4}.input{width:100%;color:var(--dark);background:0 0;border:none;border-bottom:1px solid #ddd;outline:none;padding:8px 2px;font-size:16px;font-weight:700}.money-input{background:#fff;align-items:center;gap:4px;padding:0 10px;display:flex}.money-input span{color:#555;font-size:13px;font-weight:700}.money-input .input{text-align:right;border:none;font-size:15px}.money-suffix{white-space:nowrap}.btn{border:1.5px solid var(--dark);color:var(--dark);cursor:pointer;background:0 0;align-items:center;padding:10px 16px;font-size:13px;font-weight:700;text-decoration:none;display:inline-flex}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-primary{background:var(--dark);color:#fff}.choice-list{gap:8px;margin-bottom:16px;display:grid}.choice{text-align:left;cursor:pointer;background:#fff;border:none;flex-direction:column;gap:4px;padding:14px 16px;display:flex}.choice span{color:var(--muted);font-size:12px}.choice-on{background:var(--blue)}.steps{flex-wrap:wrap;gap:8px;margin:20px 0;list-style:none;display:flex}.steps button{cursor:pointer;color:#999;background:0 0;border:none;font-size:13px;font-weight:700}.steps .on button,.steps .done button{color:var(--dark)}.steps .on button{text-decoration:underline}.preview-strip{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:2px;margin-bottom:28px;display:grid}.preview-strip>div,.stat{background:var(--dark);color:#fff;padding:16px}.preview-strip .muted,.stat .muted{color:#999;margin-bottom:6px}.preview-strip strong,.stat strong{letter-spacing:-.5px;font-size:22px;display:block}.wizard-body{max-width:560px}.wizard-nav{justify-content:space-between;max-width:560px;margin-top:32px;display:flex}.row{align-items:center;gap:8px;margin-bottom:8px;display:flex}.icon-btn{cursor:pointer;color:#999;background:0 0;border:none;padding:0 4px;font-size:18px}.add-source{flex-wrap:wrap;gap:12px;margin:8px 0 16px;display:flex}.account-card{background:#fff;margin-bottom:10px;padding:16px}.takeaway-preview{max-width:560px;margin-top:16px;padding-left:18px;font-size:13px;line-height:1.5}.dash-head{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.stat-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:2px;margin:8px 0 28px;display:grid}.stat-grid.three{grid-template-columns:repeat(3,1fr)}.chart{background:#fff;height:280px;margin-top:8px}.chart.tall{height:320px}.takeaways{flex-direction:column;gap:2px;list-style:none;display:flex}.takeaways li{border-left:6px solid var(--blue);background:#fff;padding:12px 14px;font-size:13px;line-height:1.5}.foot{margin-top:32px}@media (width<=640px){h1{font-size:40px}.dash-head{flex-direction:column}.stat-grid.three{grid-template-columns:1fr}h2.talk-q{font-size:28px}.talk .choice-list{grid-template-columns:1fr}}.wordmark{letter-spacing:-.4px;color:inherit;font-size:18px;font-weight:700;text-decoration:none}.auth-shell{flex-direction:column;justify-content:center;gap:32px;max-width:420px;min-height:100vh;margin:0 auto;padding:48px 24px 72px;display:flex}.auth-brand h1{margin-bottom:12px}.auth-actions{flex-direction:column;gap:10px;display:flex}.btn-block{text-align:center;width:100%;text-decoration:none;display:block}.talk-card{flex-direction:column;gap:20px;display:flex}.talk-card .btn-primary{width:100%;padding:14px 16px}.linkish{cursor:pointer;font:inherit;text-align:left;color:var(--muted);background:0 0;border:none;padding:0;font-size:13px;font-weight:600;text-decoration:underline}.auth-switch{color:var(--muted);font-size:14px}.auth-switch a{font-weight:700}.talk{flex-direction:column;max-width:640px;min-height:100vh;margin:0 auto;padding:24px 24px 120px;display:flex}.talk-top{align-items:center;gap:16px;margin-bottom:40px;display:flex}.progress{background:#ddd;flex:1;height:3px}.progress>div{background:var(--dark);height:100%;transition:width .25s}.progress-label{color:var(--muted);white-space:nowrap;font-size:12px;font-weight:600}h2.talk-q{letter-spacing:-1.2px;border:none;margin:0 0 10px;padding:0;font-size:34px;line-height:1.12}.talk-sub{color:var(--muted);max-width:28rem;margin-bottom:8px;font-size:16px;line-height:1.45}.talk-fields{flex-direction:column;gap:20px;max-width:440px;margin-top:20px;display:flex}.talk .field-label{font-size:14px}.talk .input,.talk-card .input{border-bottom:2px solid #111;padding:12px 2px;font-size:20px;font-weight:700}.talk select.input{background:#fff;border-bottom:none;padding:12px 10px;font-size:16px}.talk .money-input{gap:8px;padding:6px 12px 6px 14px}.talk .money-input .input{border:none;padding:10px 2px;font-size:28px}.talk .choice-list{grid-template-columns:1fr 1fr;margin:0}.talk .choice{min-height:76px;padding:16px 18px}.talk-extra{background:#fff;flex-direction:column;gap:16px;padding:16px;display:flex}.talk .preview-strip{grid-template-columns:1fr 1fr;margin:8px 0 0}.talk-nav{background:linear-gradient(transparent, var(--bg) 28%);justify-content:space-between;gap:12px;max-width:640px;margin:0 auto;padding:16px 24px 24px;display:flex;position:fixed;bottom:0;left:0;right:0}.talk-nav .btn-primary{min-width:140px}.compare{border-collapse:collapse;background:#fff;width:100%;margin:8px 0 24px;font-size:13px}.compare th,.compare td{text-align:left;border-bottom:1px solid #eee;padding:10px 12px}.compare th{color:var(--muted);font-size:12px;font-weight:600}.compare td:nth-child(2),.compare td:nth-child(3),.compare td:nth-child(4){text-align:right;white-space:nowrap}.compare .delta.up{color:#2a6b2a}.compare .delta.down{color:#8a2040}.version-list{flex-direction:column;gap:2px;margin-bottom:28px;list-style:none;display:flex}.version-list li{background:#fff;flex-direction:column;gap:4px;padding:12px 14px;display:flex}.check-row{align-items:center;gap:8px;margin:16px 0;font-size:14px;display:flex}.screen-nav{justify-content:space-between;margin-top:32px;padding-bottom:24px;display:flex}.talk-lite .progress{margin:8px 0 28px}.plan-actions{margin-bottom:24px}.plan-actions .btn{align-self:flex-end;margin-bottom:2px}.app-frame{grid-template:"bar bar""nav main"1fr/248px minmax(0,1fr);min-height:100vh;display:grid}.app-bar{z-index:5;background:var(--bg);border-bottom:1.5px solid #ddd;grid-area:bar;align-items:center;padding:12px 20px;display:flex;position:sticky;top:0}.app-nav{flex-wrap:wrap;gap:8px;display:flex}.app-tab{border:1.5px solid var(--dark);color:var(--dark);background:#fff;align-items:center;padding:8px 16px;font-size:13px;font-weight:700;text-decoration:none;display:inline-flex}.app-tab.on{background:var(--dark);color:#fff}.app-bar-end{align-items:center;gap:12px;margin-left:auto;display:flex}.app-hello{margin:8px 28px 0}.side-nav{background:#f6f6f6;border-right:1.5px solid #ddd;flex-direction:column;grid-area:nav;gap:28px;padding:20px 14px 40px;display:flex}.side-head{align-items:center;gap:8px;margin-bottom:8px;display:flex}.side-title{letter-spacing:.04em;text-transform:uppercase;color:var(--muted);font-size:12px;font-weight:700;text-decoration:none}.side-title.on{color:var(--dark)}.side-add{border:1.5px solid var(--dark);width:28px;height:28px;color:var(--dark);background:#fff;justify-content:center;align-items:center;margin-left:auto;font-size:16px;font-weight:700;line-height:1;text-decoration:none;display:inline-flex}.side-empty{padding:0 4px}.side-list{flex-direction:column;gap:2px;list-style:none;display:flex}.side-item{color:inherit;background:0 0;flex-direction:column;gap:2px;padding:10px;text-decoration:none;display:flex}.side-item.on{background:#fff}.side-item strong{font-size:13px}.app-main{grid-area:main;min-width:0}.forecast-tools{flex-direction:column;gap:12px;max-width:920px;margin:0 auto;padding:16px 28px 0;display:flex}.forecast-head{justify-content:space-between;align-items:center;display:flex}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.page-head .btn{flex:none;margin-top:12px}.journal-kinds .choice-list{grid-template-columns:1fr 1fr}.journal-nudge{background:#fff;margin:0 0 8px;padding:12px 16px}.journal-nudge.due{background:var(--blue)}.journal-nudge a{font-weight:700}.side-due{letter-spacing:.04em;text-transform:uppercase;margin-left:auto;font-size:11px;font-weight:700}.journal-table a{width:100%;color:inherit;justify-content:space-between;gap:16px;text-decoration:none;display:flex}@media (width<=800px){.app-frame{grid-template-columns:1fr;grid-template-areas:"bar""nav""main"}.side-nav{border-bottom:1.5px solid #ddd;border-right:none;flex-direction:row;align-items:flex-start;gap:24px;padding:12px 16px;overflow-x:auto}.side-nav section{min-width:200px}}.glance-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:2px;margin:8px 0 28px;display:grid}.glance{color:inherit;border-left:6px solid var(--blue);background:#fff;flex-direction:column;gap:4px;min-height:110px;padding:16px;text-decoration:none;display:flex}.glance strong{letter-spacing:-.5px;font-size:22px}.account-card{flex-direction:column;gap:16px;display:flex}.card-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.card-head h3{margin:0}.budget-row{align-items:flex-end}.stat a{color:inherit;font-weight:700}.record-select{border:1.5px solid var(--dark);min-width:160px;max-width:240px;color:var(--dark);background:#fff;padding:8px 12px;font-size:13px;font-weight:700}.add-wrap{position:relative}.add-menu{border:1.5px solid var(--dark);z-index:8;background:#fff;min-width:260px;position:absolute;top:calc(100% + 6px);right:0}.add-menu button{text-align:left;cursor:pointer;background:0 0;border:none;width:100%;padding:14px 16px;font-size:14px;font-weight:700;display:block}.add-menu button:hover{background:#f6f6f6}.add-menu button span{color:var(--muted);margin-top:4px;font-size:12px;font-weight:400;line-height:1.4;display:block}.band-list{flex-direction:column;gap:12px;display:flex}.band-meta{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:6px;display:flex}.band-track{background:#e8e8e8;height:10px;overflow:hidden}.band-fill{background:#ddd;height:100%}.band-fill.on{background:var(--dark)}.spend-track{background:#e8e8e8;height:16px;margin:8px 0 16px;display:flex;overflow:hidden}.spend-seg{height:100%}.spend-seg.leftover,.swatch.leftover{background:#e8e8e8}.spend-legend,.read-list{flex-direction:column;gap:8px;list-style:none;display:flex}.spend-legend li,.read-list li{align-items:center;gap:10px;font-size:14px;display:flex}.spend-legend strong,.read-list strong{margin-left:auto}.swatch{flex:none;width:10px;height:10px}.dash.experiment{max-width:1080px}.experiment-grid{grid-template-columns:minmax(240px,320px) minmax(0,1fr);align-items:start;gap:40px;display:grid}.experiment-controls h2:first-child{margin-top:0}.slider-field{flex-direction:column;gap:6px;margin:0 0 16px;display:flex}.slider-head{justify-content:space-between;gap:12px;font-size:13px;font-weight:700;display:flex}.slider-head strong{color:var(--muted);font-weight:700}.slider-field input[type=range]{width:100%;accent-color:var(--dark)}.preset-row{gap:6px;margin-bottom:16px;display:flex}.preset{border:1.5px solid var(--dark);color:var(--dark);cursor:pointer;background:#fff;flex:1;padding:8px 4px;font-size:12px;font-weight:700}.preset.on{background:var(--dark);color:#fff}@media (width<=900px){.experiment-grid{grid-template-columns:1fr}}@media (width<=640px){.app-bar{padding:12px 16px}}
