:root{--bg:#f5f7f8;--card:#fff;--ink:#203536;--muted:#718083;--line:#e5ebec;--accent:#257668;--accent-ink:#fff;--good:#257668;--soft:#f0f7f4;--c1:#257668;--c2:#d5a35a;--c3:#b2bdc3;--c4:#8b80af}
body{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:14px;letter-spacing:-.01em}
a{color:var(--accent)}button,input,select{transition:background .15s,border-color .15s,box-shadow .15s}button{font-size:13px;font-weight:600;padding:11px 16px;border-radius:9px}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #71b9a9;outline-offset:3px}button.primary{box-shadow:0 3px 7px #25766814}button.primary:hover{background:#1a5f53}button:disabled{opacity:.55;cursor:wait}input[type=text],input[type=number],input[type=month],select{background:#fff;font-size:14px;padding:11px;border-color:#dfe7e8}h1,h2,h3{letter-spacing:-.035em}h2{font-size:18px}#app.wrap{max-width:none;margin:0;padding:0;min-height:100vh}.sidebar{position:fixed;left:0;top:0;bottom:0;width:236px;background:#fff;border-right:1px solid var(--line);padding:34px 22px;display:flex;flex-direction:column;z-index:30}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;color:var(--ink);font-size:18px;font-weight:750;letter-spacing:-.5px;line-height:1.2}.brand-mark{flex-shrink:0;background:var(--accent);color:#fff;display:inline-grid;place-items:center;width:36px;height:36px;border-radius:11px;font-size:26px;font-weight:500}.brand small{display:block;font-size:8px;color:var(--muted);letter-spacing:1.6px;font-weight:650;margin-top:3px}.nav-label{font-size:9px;letter-spacing:1.6px;color:#96a1a3;font-weight:700;margin:48px 12px 15px}.sidebar nav{display:grid;gap:6px}.sidebar nav a{display:flex;align-items:center;gap:13px;text-decoration:none;color:#728184;font-size:13px;font-weight:550;padding:13px 14px;border-radius:9px}.sidebar svg{width:19px;height:19px}.sidebar a[aria-current=page]{background:#eaf4ef;color:#256d5e;font-weight:700}.sidebar nav a:hover{background:#f1f6f4}.sidebar-note{margin-top:auto;border:1px solid #e0ebe5;border-radius:12px;background:#f7faf7;padding:20px 16px;color:#527168;font-size:12px}.sidebar-note b{display:block;font-size:12px}.sidebar-note p{margin:8px 0 0;line-height:1.7;color:#8a9a92}.note-icon{display:block;font-size:22px;color:#84a98e;margin-bottom:12px}.topbar{margin-left:236px;background:#fff;border-bottom:1px solid var(--line);height:76px;padding:0 38px;display:flex;align-items:center;gap:12px}.topbar-label{color:#8b9799;font-size:12px}.account-bar{display:flex;align-items:center;gap:12px;margin-left:auto;flex-wrap:wrap;font-size:11px;color:var(--muted)}#accountEmail{max-width:200px;overflow:hidden;text-overflow:ellipsis}#syncStatus{order:-1;font-size:10px}#signOut{border:0;color:#718083;background:transparent;padding:6px;font-size:11px}.account-dot{color:#82b6a2;font-size:9px;margin-left:auto}.account-bar{margin-left:0}#menuToggle{display:none}.workspace{margin-left:236px;padding:38px;max-width:1500px}.eyebrow{font-size:9px;letter-spacing:1.7px;font-weight:700;color:#809593}.page-heading{margin-bottom:30px}.page-heading h1{font-size:30px;font-weight:650;margin:9px 0 6px;outline:none}.page-heading p{color:#859193;margin:0;font-size:13px}.card{padding:25px 26px;border-radius:14px;border:1px solid var(--line);box-shadow:0 3px 8px #263c3b02;margin-bottom:22px}.card h2{margin-bottom:22px;font-weight:650}.sub{line-height:1.7}.welcome-strip{background:#e9f3ee;border:1px solid #dbe9e0;border-radius:14px;padding:25px 28px;display:flex;justify-content:space-between;align-items:center;gap:22px;margin-bottom:25px;position:relative;overflow:hidden}.welcome-strip h2{font-size:22px;font-weight:600;margin:9px 0 7px}.welcome-strip p{color:#799187;font-size:12px;margin:0}.welcome-strip button{white-space:nowrap}.welcome-strip button span{margin-left:18px}.date-big{font-size:36px;font-weight:650;letter-spacing:-1.3px;margin:10px 0}.dash-top{min-height:120px}.bar{height:9px;border:0;background:#eaf0ed}.statusline{margin-top:20px;background:#f6f9f8;color:#7c8e88;font-size:12px;line-height:1.8;border:1px solid #eaf0ed;padding:15px}.dbars{margin-top:24px;gap:18px 28px}.dbar .t{font-size:12px}.bar.sm{height:5px}.quick-actions{display:grid;grid-template-columns:1fr 1fr;gap:20px}.quick-actions button{display:grid;grid-template-columns:32px 1fr auto;text-align:left;padding:20px 22px;background:#fff;border:1px solid var(--line)}.quick-actions span{grid-row:span 2;font-size:10px;color:#6a9a87;background:#eff6f2;width:27px;height:27px;display:grid;place-items:center;border-radius:8px}.quick-actions b{font-size:13px}.quick-actions small{grid-column:2;font-size:11px;color:#9aa5a5;font-weight:400;margin-top:5px}.section-tabs{display:flex;gap:24px;border-bottom:1px solid var(--line);margin-bottom:26px;overflow:auto}.section-tabs button{background:transparent;border:0;border-radius:0;padding:0 2px 14px;white-space:nowrap;color:#8c999b;font-size:12px;border-bottom:2px solid transparent}.section-tabs button[aria-selected=true]{color:var(--accent);border-bottom-color:var(--accent)}.totals{padding:17px 18px;background:#f6f9f8;border-radius:9px;font-size:12px;gap:18px}.totals b{display:inline-block;margin-left:4px}.row.head{font-size:9px;padding:0 0 6px;letter-spacing:1px}.debt{padding-bottom:12px;margin-bottom:16px}.debt summary{font-size:11px!important}.opt{background:#fff;padding:23px;border-radius:12px}.opt.best{background:#f7fbf8;box-shadow:none;border-color:#8fbaa4}.opt h3{font-size:18px}.stat{font-size:12px;padding:11px 0}.opt .desc{font-size:11px;margin-bottom:19px}.tag{font-size:9px;letter-spacing:.2px}.note{font-size:12px;line-height:1.9;background:#f0f6f3;padding:20px}.tabs button{font-size:11px}.tablewrap{max-height:530px}th{font-size:9px;padding:13px}td{font-size:12px;padding:13px}.help summary{font-weight:600;cursor:pointer}.help .foot{line-height:1.9;font-size:12px}.big{font-size:30px;font-weight:650;color:var(--accent)}canvas{height:260px}.legend{font-size:10px;gap:18px}.hint{font-size:11px;line-height:1.8}.lh{font-size:13px;margin-bottom:16px}.two{gap:32px}.row2 button{padding:7px}.row2{gap:10px}#authPanel{padding-top:65px!important;max-width:460px!important}.login-brand{display:flex;align-items:center;justify-content:center;gap:10px;font-size:24px;font-weight:700;margin-bottom:35px;color:var(--ink)}#authPanel .card{padding:35px;border-radius:18px;box-shadow:0 12px 45px #20353607}#authPanel h1{font-size:27px;line-height:1.25;max-width:290px;font-weight:650;margin-bottom:12px}#authPanel .muted{font-size:12px;line-height:1.8}#loginForm{margin-top:28px}#loginForm label{font-size:12px;font-weight:600}#loginForm input{background:#fff;padding:12px;font-size:14px}#loginButton{width:100%;margin-top:5px;display:flex;justify-content:space-between}#authMessage{font-size:11px;color:var(--muted);line-height:1.8}
@media(min-width:1500px){.workspace{padding:44px 55px}}
@media(max-width:1000px){.sidebar{width:205px;padding:30px 16px}.workspace,.topbar{margin-left:205px}.workspace{padding:28px 24px}.topbar{padding:0 24px}.topbar-label{display:none}.cmp{grid-template-columns:1fr}.welcome-strip{align-items:flex-start;flex-direction:column}.account-dot{margin-left:0}.account-bar{margin-left:auto}}
@media(max-width:700px){.sidebar{transform:translateX(-100%);transition:transform .2s;width:235px;box-shadow:15px 0 40px #20353618}.menu-open .sidebar{transform:translateX(0);top:65px}.topbar{margin:0;height:65px;padding:0 17px;position:sticky;top:0;z-index:40}#menuToggle{display:block;padding:5px 9px;font-size:20px;border:0}.account-dot{display:none}#accountEmail{max-width:135px;font-size:10px}.account-bar{gap:9px;flex-wrap:nowrap}#syncStatus{max-width:95px;line-height:1.4;font-size:9px}.workspace{margin:0;padding:26px 16px}.page-heading{margin-bottom:24px}.page-heading h1{font-size:27px}.eyebrow{font-size:8px}.welcome-strip{padding:22px}.welcome-strip h2{font-size:21px}.card{padding:21px 17px}.quick-actions{grid-template-columns:1fr;gap:12px}.section-tabs{gap:20px}.totals{gap:12px}.date-big{font-size:32px}.row2{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr) auto}.row2 input{min-width:0}.section-tabs button{font-size:11px}#authPanel{padding-top:35px!important}#authPanel .card{padding:28px}canvas{height:220px}}
@media print{.sidebar,.topbar,.workspace{display:none!important}}
.money input{padding-left:25px}.pct input{padding-right:27px}.field-label{display:none}
@media(max-width:700px){.field-label{display:block;font-size:10px;color:var(--muted);margin:0 0 6px}.debt .money::before{top:auto;bottom:11px;transform:none}.debt .pct::after{top:auto;bottom:11px;transform:none}.debt .row{align-items:end}.debt .row>.x{height:42px;width:42px;justify-self:end}}
.settings-form{max-width:620px;display:grid;gap:18px}.settings-form label,.payment-item>label:not(.check-label){display:grid;gap:7px;font-size:12px;color:var(--muted)}.settings-form input:not([type=checkbox]),.settings-form select,textarea{width:100%;border:1px solid var(--line);border-radius:8px;padding:11px 12px;font:inherit;color:var(--ink);background:#fff}.settings-form button{justify-self:start}.settings-form .check-label,.check-label{display:flex;align-items:center;gap:10px;cursor:pointer}.check-label input{width:17px;height:17px;accent-color:var(--accent);flex:none}.member-list{display:grid;gap:12px;margin:24px 0}.member-list>div{display:flex;align-items:center;gap:12px;font-size:12px}.member-list .muted{margin-left:auto;font-size:11px}.avatar{display:grid;place-items:center;background:var(--soft);width:34px;height:34px;border-radius:50%;color:var(--accent);font-weight:700}.account-create{border:1px solid var(--line);padding:18px;border-radius:12px;margin:20px 0}.account-create summary{font-weight:650;cursor:pointer}.account-create .settings-form{margin-top:20px}hr{border:0;border-top:1px solid var(--line);margin:30px 0}.section-title{display:flex;justify-content:space-between;align-items:start;gap:16px}.section-title label{font-size:11px;color:var(--muted)}.section-title input{margin-top:6px}.payment-list{margin-top:22px}.payment-item{display:grid;grid-template-columns:minmax(150px,1.5fr) 1fr 95px 1.2fr;gap:16px;align-items:center;padding:20px 0;border-top:1px solid var(--line)}.payment-item.complete .check-label b{text-decoration:line-through;color:var(--muted)}.payment-amount{font-weight:650;font-size:18px}.payment-amount small{display:block;font-size:9px;font-weight:400;color:var(--muted);margin-top:3px}.payment-detail{grid-column:1/-1;color:var(--muted);font-size:10px}.track-status .status-pill{display:inline-block;font-weight:650;color:var(--accent);background:var(--soft);padding:6px 10px;border-radius:8px;font-size:12px}.track-status.attention .status-pill{background:#fff2e7;color:#ad6724}.track-status p{color:var(--muted);font-size:13px;line-height:1.8}.reminder-banner{background:#fff8e9;padding:13px;border-radius:9px;font-size:12px;color:#8c6c32}.milestone-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.milestone{padding:17px 12px;background:#f7f9f8;border:1px solid var(--line);border-radius:12px;text-align:center}.milestone span{display:block;font-size:23px;color:#a5b7ad;margin-bottom:8px}.milestone b{display:block;font-size:11px}.milestone small{display:block;font-size:9px;color:var(--muted);margin-top:6px}.milestone.achieved{background:#eaf6ef;border-color:#a5cfb5}.milestone.achieved span{color:var(--accent)}.review-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:20px 0}.review-steps span{display:grid;place-items:center;border-radius:50%;height:27px;width:27px;background:var(--soft);color:var(--accent);margin-bottom:12px;font-size:12px}.review-steps b{font-size:12px}.review-steps p{font-size:11px;line-height:1.8;color:var(--muted)}textarea{display:block;resize:vertical;margin:8px 0 12px}.shared-note{padding:18px 0;border-top:1px solid var(--line);font-size:12px}.shared-note>div{display:flex;gap:12px;justify-content:space-between}.shared-note small{color:var(--muted);font-size:10px}.shared-note p{line-height:1.8;overflow-wrap:anywhere}.activity-item{display:flex;gap:12px;padding:12px 0;font-size:12px}.activity-item small{display:block;color:var(--muted);font-size:10px;margin-top:5px}.activity-dot{width:6px;height:6px;border-radius:50%;background:#88b29e;flex:none;margin-top:7px}.empty-card{padding:30px 15px;background:#f6f9f8;border-radius:10px;color:var(--muted)}.sidebar-note{padding:14px;margin-top:20px}.sidebar{overflow-y:auto}.nav-label{margin-top:32px}.sidebar nav a{padding:10px 14px}#reloadPlan{color:#a25f29;font-size:11px}.account-bar{max-width:75%}#syncStatus{max-width:260px}
@media(max-width:1000px){.payment-item{grid-template-columns:1fr 1fr}.payment-item>label:not(.check-label){grid-row:2}.milestone-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.review-steps{grid-template-columns:1fr;gap:10px}.review-steps>div{display:grid;grid-template-columns:28px 1fr;gap:8px 12px}.review-steps span{grid-row:span 2;margin:0}.review-steps p{margin:0}.payment-item{gap:14px}.payment-amount{text-align:right}.section-title{flex-wrap:wrap}.member-list>div{flex-wrap:wrap}.account-bar{max-width:90%}#syncStatus{max-width:100px}.sidebar-note{margin-top:auto}.settings-form .two{gap:18px}}

/* Phone-first reading and navigation. */
:root{--muted:#53676a}html{scroll-padding-top:100px}button,input,select,textarea,a,summary{-webkit-tap-highlight-color:transparent}input,select,textarea{max-width:100%}button{touch-action:manipulation}.mobile-nav,.menu-backdrop,.mobile-title,.sidebar-account{display:none}
@media(max-width:900px){
 body{font-size:16px;line-height:1.55;-webkit-text-size-adjust:100%}
 body:has(.menu-open){overflow:hidden}
 .sidebar{position:fixed;transform:translateX(-110%);top:0;bottom:0;width:min(86vw,320px);padding:26px 22px calc(100px + env(safe-area-inset-bottom));transition:transform .2s ease;z-index:70;box-shadow:16px 0 48px #20353624;overflow-y:auto}
 .menu-open .sidebar{transform:translateX(0);top:0}
 .brand{font-size:22px;gap:12px;line-height:1.2}.brand-mark{width:42px;height:42px}.brand small{font-size:10px;letter-spacing:1px;margin-top:5px}
 .nav-label{font-size:12px;letter-spacing:1px;color:var(--muted);margin:30px 12px 12px}
 .sidebar nav{gap:4px}.sidebar nav a{min-height:50px;font-size:16px;color:#425c5f;padding:12px 14px}.sidebar svg{width:22px;height:22px;flex:none}
 .sidebar-note{display:none}.sidebar-account{display:grid;gap:8px;margin-top:24px;padding:20px 0;border-top:1px solid var(--line);font-size:14px;overflow-wrap:anywhere}.sidebar-account button{justify-self:start}
 .menu-backdrop{position:fixed;inset:0;background:#172b2d73;z-index:60;border:0;border-radius:0;padding:0;width:100%;height:100%}.menu-open .menu-backdrop{display:block}
 .topbar{margin:0;height:auto;min-height:88px;padding:10px 16px;display:grid;grid-template-columns:44px minmax(0,1fr);column-gap:12px;row-gap:0;position:sticky;top:0;z-index:40;background:#fff}
 #menuToggle{display:grid;place-items:center;grid-row:1 / span 2;min-height:48px;width:44px;padding:0;font-size:24px;border:1px solid #dce6e4;border-radius:12px;background:#fff}
 .mobile-title{display:block;font-size:18px;font-weight:750;letter-spacing:-.4px;line-height:1.3}.topbar-label,.account-dot{display:none}
 .account-bar{margin:0;max-width:100%;gap:4px;font-size:12px;flex-wrap:wrap;line-height:1.4}.account-bar #accountEmail,.account-bar #signOut{display:none}
 #syncStatus{order:0;max-width:100%;font-size:12px;color:#49665d;line-height:1.4}#retrySync,#reloadPlan{font-size:13px;min-height:32px;padding:4px 8px}
 .workspace{margin:0;padding:24px 16px calc(110px + env(safe-area-inset-bottom));max-width:760px;margin-inline:auto;min-width:0}
 .mobile-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));position:fixed;bottom:0;left:0;right:0;z-index:50;min-height:76px;padding:7px 8px calc(7px + env(safe-area-inset-bottom));background:#fff;border-top:1px solid #dbe5e2;box-shadow:0 -4px 24px #20353608}
 .mobile-nav a,.mobile-nav button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:60px;min-width:0;margin:0 2px;padding:6px 2px;font-family:inherit;font-size:14px;font-weight:600;line-height:1.2;color:#4d6467;text-decoration:none;border:0;border-radius:12px;background:transparent}
 .mobile-nav svg{width:23px;height:23px;flex:none}.mobile-nav [aria-current=page],.mobile-nav button[aria-expanded=true]{background:#eaf4ef;color:#1b6556}
 .eyebrow{font-size:11px;letter-spacing:1.2px;color:#526d68}.page-heading{margin-bottom:24px}.page-heading h1{font-size:30px;line-height:1.2;margin:9px 0}.page-heading p{font-size:16px;line-height:1.55;color:var(--muted)}
 .card{padding:22px 18px;margin-bottom:20px;border-radius:16px;min-width:0}.card h2{font-size:22px;line-height:1.3;margin-bottom:18px}h3{font-size:19px}.sub,.muted{font-size:16px;line-height:1.6}
 button{font-size:16px;min-height:48px;padding:12px 16px;border-radius:11px;line-height:1.35}input:not([type=checkbox]):not([type=range]),select,textarea,#loginForm input{font-size:16px!important;min-height:50px;padding:12px;line-height:1.35;border-color:#cbd8d6;border-radius:10px;min-width:0}
 input[type=range]{min-height:44px;width:100%}input[type=checkbox]{width:24px;height:24px}.check-label{min-height:48px;align-items:flex-start;padding:10px 0}.check-label input{margin-top:1px}
 .settings-form label,.payment-item>label:not(.check-label),label.lf,.opts label,.section-title label{font-size:16px;line-height:1.5;color:#425c5f}.settings-form{gap:22px}.settings-form .check-label{font-size:16px}.settings-form .two{gap:20px}
 .settings-form .actions{display:grid;grid-template-columns:1fr;width:100%;gap:12px}.settings-form .actions button{width:100%;justify-self:stretch}.settings-form button{max-width:100%;white-space:normal}
 .hint,.note,.help .foot,.foot{font-size:14px;line-height:1.65;color:var(--muted)}.hint{margin-top:12px}.note{padding:18px}.hint:empty{display:none}
 .welcome-strip{padding:22px;gap:20px}.welcome-strip h2{font-size:24px}.welcome-strip p{font-size:16px;color:#4e6a5f}.welcome-strip button{width:100%;display:flex;justify-content:space-between}
 .track-status p{font-size:16px;line-height:1.6}.track-status .status-pill{font-size:15px;padding:8px 12px}.track-status .actions{display:grid;grid-template-columns:1fr;gap:10px}.reminder-banner{font-size:15px;line-height:1.6}
 .dash-top,.budget,.two,.logform,.dbars{grid-template-columns:1fr;gap:24px}.date-big{font-size:36px;line-height:1.2}.statusline{font-size:15px;line-height:1.65;color:#425e54}.dbar .t{font-size:15px;gap:12px}.dbars{gap:20px}
 .totals{font-size:15px;display:grid;grid-template-columns:1fr;gap:12px;padding:18px}.totals b{font-size:18px}.big{font-size:32px}
 .quick-actions{grid-template-columns:1fr;gap:14px}.quick-actions button{padding:20px 16px;grid-template-columns:32px minmax(0,1fr) auto}.quick-actions b{font-size:17px}.quick-actions small{font-size:14px;color:#52696b;line-height:1.45}.quick-actions span{font-size:12px}
 .section-tabs{gap:10px;scrollbar-width:thin;scroll-snap-type:x proximity;margin-bottom:22px;padding-bottom:4px}.section-tabs button{font-size:15px;min-height:48px;padding:10px 12px;scroll-snap-align:start;color:#52676a}.tabs{gap:10px}.tabs button{font-size:15px;padding:10px 14px}
 .row{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px 12px}.row.head{display:none}.row .name{grid-column:1/-1}.field-label{display:block;font-size:14px;color:#425c5f;margin-bottom:7px;font-weight:550}
 .debt{padding:0 0 24px;margin-bottom:24px}.debt .row{align-items:end}.debt .row>.x{width:48px;height:50px;justify-self:end}.debt summary{font-size:14px!important;line-height:1.55;min-height:48px;padding:12px 0!important}.debt .money input,.money input{padding-left:28px}.debt .money::before{top:auto;bottom:13px;transform:none}.debt .pct::after{top:auto;bottom:13px;transform:none}
 .opts{gap:18px 12px}.row2{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) 48px;gap:10px;margin-bottom:16px}.row2 button{padding:8px}.row3{grid-template-columns:1fr 1fr;gap:12px}.row3 .name{grid-column:1/-1}.row3 button.x{width:48px;justify-self:end}.lh{font-size:17px;margin-bottom:18px}.slider-line{flex-wrap:wrap}.slider-line .money{width:100%}
 .payment-item{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px 12px;padding:24px 0}.payment-item>.check-label{grid-column:1/-1;font-size:18px;line-height:1.4;align-items:center;padding:0}.payment-amount{grid-column:1/-1;text-align:left;font-size:26px}.payment-amount small{font-size:14px;margin-top:4px}.payment-item>label:not(.check-label){grid-row:auto}.payment-detail{font-size:14px;line-height:1.6}.section-title input{width:100%}
 .member-list>div{font-size:16px;gap:10px}.member-list .muted{font-size:14px;margin-left:0}.avatar{width:40px;height:40px;flex:none}.account-create{padding:16px}.account-create summary,.help summary{min-height:44px;font-size:16px;line-height:1.5;padding:8px 0}
 .milestone-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.milestone{padding:20px 12px}.milestone b{font-size:15px;line-height:1.4}.milestone small{font-size:13px;color:#52686b}.milestone span{font-size:28px}
 .review-steps{grid-template-columns:1fr;gap:24px}.review-steps>div{display:grid;grid-template-columns:32px minmax(0,1fr);gap:6px 12px}.review-steps span{grid-row:span 2;font-size:15px;width:32px;height:32px;margin:0}.review-steps b{font-size:17px}.review-steps p{font-size:15px;line-height:1.6;margin:0}.lfields{grid-template-columns:1fr;gap:20px}
 .shared-note,.activity-item{font-size:16px;line-height:1.6}.shared-note>div{flex-wrap:wrap;gap:6px}.shared-note small,.activity-item small{font-size:13px}.empty-card{font-size:16px;line-height:1.6}
 .opt{padding:22px 18px}.opt h3{font-size:22px}.opt .desc{font-size:15px;line-height:1.6}.stat{font-size:16px;padding:14px 0;gap:18px;align-items:start}.stat span:last-child{font-weight:600;text-align:right}.tag{font-size:13px}.order{font-size:15px;line-height:1.6}.cmp{grid-template-columns:minmax(0,1fr);gap:24px}
 .tablewrap{max-height:65vh;overscroll-behavior:contain}th{font-size:13px;letter-spacing:.03em;padding:14px 12px}td{font-size:15px;padding:14px 12px}canvas{height:260px}.legend{font-size:14px;line-height:1.5;gap:12px}
 #authPanel{padding:32px 20px!important;max-width:480px!important}.login-brand{font-size:26px;margin-bottom:28px}#authPanel .card{padding:28px 22px}#authPanel h1{font-size:30px}#authPanel .muted,#loginForm label{font-size:16px}#authMessage{font-size:14px;line-height:1.6}#loginForm{display:grid;gap:18px}
 #preferenceMessage,#passwordMessage,#createMemberMessage,#feedMessage{font-size:15px;line-height:1.6;overflow-wrap:anywhere}
}
@media(max-width:360px){.workspace{padding-inline:12px}.card{padding:20px 16px}.opts{grid-template-columns:1fr}.payment-item>label:not(.check-label){grid-column:1/-1}.mobile-nav a,.mobile-nav button{font-size:13px}.brand{font-size:20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}
@media print{.mobile-nav,.menu-backdrop{display:none!important}}

@media(max-width:900px){.mobile-nav .other-page{color:#1b6556}.sidebar-account span{font-size:14px}.money input{padding-left:28px!important}}

.drawer-close{display:none}@media(max-width:900px){.drawer-close{display:grid;place-items:center;position:absolute;right:10px;top:14px;width:44px;min-height:44px;padding:0;font-size:28px;border:0;background:transparent}.sidebar .brand{padding-right:38px;font-size:20px}.sidebar .brand-mark{width:36px;height:36px}.topbar .account-bar{margin-top:0}}