:root{--bg:#f4f3ef;--surface:#fff;--surface-2:#f0eee9;--text:#1b1c1e;--muted:#6b6d72;--line:#e6e3dc;--accent:#1f6f5c;--accent-text:#fff;--pos:#1f7a4d;--neg:#b4402f;--warn:#9a6400;--series:#2a78d6;--series-hover:#6da7ec;--series-muted:#b7d3f6;--series-earned:#1baf7a;--radius:14px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--bg:#0f1115;--surface:#171a20;--surface-2:#20242c;--text:#eceef1;--muted:#9095a0;--line:#272b33;--accent:#3aa88b;--accent-text:#08130f;--pos:#4cc38a;--neg:#f07a66;--warn:#e3b252;--series:#3987e5;--series-hover:#256abf;--series-muted:#184f95;--series-earned:#199e70;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);margin:0;font:15px/1.45 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}body.locked{overflow:hidden}button,input{font:inherit;color:inherit}button{cursor:pointer;text-align:inherit;background:0 0;border:0;padding:0}button:disabled{opacity:.45;cursor:default}input{border:1px solid var(--line);background:var(--surface);border-radius:9px;width:100%;min-width:0;padding:9px 12px}input:focus,button:focus-visible,tr:focus-visible{outline:2px solid var(--accent);outline-offset:-1px}.muted{color:var(--muted)}.pos{color:var(--pos)}.neg{color:var(--neg)}.warn-text{color:var(--warn)}.num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.nowrap{white-space:nowrap}.center{text-align:center;padding:64px 16px}.empty{color:var(--muted);margin:8px 0}.app{max-width:1280px;margin:0 auto;padding:0 32px 48px}.topbar{z-index:5;background:color-mix(in srgb, var(--bg) 90%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;margin:0 -32px 20px;padding:14px 32px;display:grid;position:sticky;top:0}.brand{align-items:center;gap:10px;font-size:18px;font-weight:700;display:flex}.brand img{border-radius:7px}.month-nav{align-items:center;gap:6px;font-weight:600;display:flex}.month-nav>span{text-align:center;min-width:140px}.month-nav>button:not(.link-button){text-align:center;width:32px;height:32px;color:var(--muted);border-radius:8px;font-size:20px;line-height:1}.month-nav>button:not(.link-button):hover:not(:disabled){background:var(--surface);color:var(--text)}.topbar>.primary{justify-self:end}.primary{background:var(--accent);color:var(--accent-text);border-radius:10px;padding:9px 16px;font-weight:600}.link-button{color:var(--accent);font-size:14px;font-weight:600}.banner{background:var(--surface);color:var(--neg);border-radius:10px;margin-bottom:16px;padding:10px 14px}.kpis{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:16px;display:grid}.kpi{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);padding:16px 20px;display:block}button.kpi:hover{border-color:color-mix(in srgb, var(--accent) 50%, var(--line))}.kpi-label{color:var(--muted);font-size:13px;font-weight:600}.kpi-value{letter-spacing:-.01em;font-variant-numeric:tabular-nums;margin:2px 0;font-size:26px;font-weight:700}.kpi-sub{color:var(--muted);font-size:13px}.kpi-sub b{color:var(--text);font-weight:600}.kpi-sub b.neg{color:var(--neg)}.grid{grid-template-columns:repeat(12,1fr);align-items:start;gap:16px;display:grid}.span-8{grid-column:span 8}.span-4{grid-column:span 4}.panel{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);min-width:0;padding:18px 20px}.panel.stretch{align-self:stretch}.panel h2{align-items:center;gap:10px;margin:0 0 12px;font-size:15px;font-weight:650;display:flex}.filter-chip{background:color-mix(in srgb, var(--accent) 15%, var(--surface));color:var(--accent);border-radius:999px;padding:2px 10px;font-size:13px;font-weight:600}@media (width<=1000px){.span-8,.span-4{grid-column:span 12}.kpis{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.app{padding:0 16px 32px}.topbar{grid-template-columns:1fr auto;margin:0 -16px 16px;padding:12px 16px}.month-nav{grid-area:2/1/auto/-1;justify-content:center}.kpi-value{font-size:21px}.hide-narrow{display:none}}.chart{position:relative}.chart svg{display:block}.chart .gridline{stroke:var(--line);stroke-width:1px}.chart .axis{stroke:var(--muted);stroke-opacity:.5;stroke-width:1px}.chart .tick{fill:var(--muted);font-size:11px}.chart .tick-on{fill:var(--text);font-weight:700}.bar{fill:var(--series-muted);transition:fill .12s}.bar-hover{fill:var(--series-hover)}.bar-on{fill:var(--series)}.bar-hit{cursor:pointer;outline:none}.tooltip{pointer-events:none;border:1px solid var(--line);background:var(--surface);font-variant-numeric:tabular-nums;border-radius:10px;min-width:170px;padding:8px 12px;font-size:13px;position:absolute;transform:translate(-50%);box-shadow:0 6px 20px #00000026}.tooltip-title{margin-bottom:2px;font-weight:700}.breakdown{margin:0;padding:0;list-style:none}.breakdown-row{border-radius:8px;grid-template-columns:1fr auto;gap:4px 12px;width:100%;padding:7px 8px;display:grid}.breakdown-row:hover{background:var(--surface-2)}.breakdown-row.dim{opacity:.45}.breakdown-label{white-space:nowrap;text-overflow:ellipsis;gap:8px;display:flex;overflow:hidden}.breakdown-value{font-variant-numeric:tabular-nums;font-weight:600}.breakdown-value .muted{font-size:13px;font-weight:400}.breakdown-track{background:var(--surface-2);border-radius:3px;grid-column:1/-1;height:6px}.breakdown-bar{background:var(--series);border-radius:3px;height:100%;display:block}.tx-table{border-collapse:collapse;width:100%}.tx-table th{color:var(--muted);text-align:left;text-transform:uppercase;letter-spacing:.04em;padding:6px 8px;font-size:12px;font-weight:600}.tx-table th.num{text-align:right}.tx-table td{border-top:1px solid var(--line);vertical-align:middle;padding:9px 8px}.tx-table tbody tr{cursor:pointer}.tx-table tbody tr:hover{background:var(--surface-2)}.desc{align-items:center;gap:10px;min-width:0;display:flex}.desc-text{text-overflow:ellipsis;overflow:hidden}.desc-text>.detail:before{content:" · "}.icon-sm{background:var(--surface-2);border-radius:8px;flex:none;place-items:center;width:30px;height:30px;font-size:15px;display:inline-grid}.amount{font-weight:600}.amount.transfer{color:var(--muted);font-weight:500}.assets,.asset-children{margin:0;padding:0;list-style:none}.asset-section{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;margin:14px 8px 4px;font-size:12px;font-weight:600}.asset-row{border-radius:8px;align-items:center;gap:10px;width:100%;padding:7px 8px;display:flex}.asset-row:hover{background:var(--surface-2)}.asset-row.child{padding-left:30px}.asset-name{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.asset-row .num{font-weight:600}.chevron{width:30px;height:30px;color:var(--muted);place-items:center;font-size:18px;transition:transform .15s;display:inline-grid}.chevron.open{transform:rotate(90deg)}.panel>.link-button{margin:10px 8px 0}.backdrop{z-index:10;background:#00000073;place-items:center;padding:16px;animation:.12s ease-out fade;display:grid;position:fixed;inset:0}.dialog{background:var(--bg);border-radius:16px;width:100%;max-width:540px;max-height:calc(100dvh - 32px);padding:20px 22px 22px;animation:.15s ease-out pop;overflow-y:auto;box-shadow:0 20px 60px #0000004d}@keyframes fade{0%{opacity:0}}@keyframes pop{0%{opacity:.6;transform:scale(.97)}}.dialog-head{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.dialog-head h3{margin:0;font-size:17px}.dialog-number{font-variant-numeric:tabular-nums;margin-bottom:8px;font-size:28px;font-weight:700}.ghost{color:var(--muted);border-radius:8px;padding:4px 8px}.ghost:hover{background:var(--surface-2)}.ghost.small{font-size:12px}.segmented{background:var(--surface-2);border-radius:11px;grid-template-columns:repeat(3,1fr);gap:4px;padding:4px;display:grid}.segmented button{color:var(--muted);text-align:center;border-radius:8px;padding:7px;font-size:14px;font-weight:600}.segmented button.on{background:var(--surface);color:var(--text);box-shadow:0 1px 3px #0000001f}.amount-input{align-items:baseline;gap:8px;margin:14px 0;display:flex}.amount-input input{font-variant-numeric:tabular-nums;background:0 0;border:0;padding:0;font-size:34px;font-weight:700}.amount-input input:focus{outline:none}.amount-input span{color:var(--muted);font-size:18px}.cat-grid{grid-template-columns:repeat(5,1fr);gap:4px;display:grid}.cat-grid button{text-align:center;color:var(--muted);border-radius:10px;flex-direction:column;align-items:center;gap:3px;padding:8px 2px;font-size:12px;line-height:1.2;display:flex}.cat-grid button:hover{background:var(--surface)}.cat-grid button.on{background:var(--surface);color:var(--text);outline:2px solid var(--accent)}.cat-grid .icon{font-size:20px}.transfer-pick{gap:12px;display:grid}.field-label{color:var(--muted);margin:16px 0 6px;font-size:13px;font-weight:600;display:block}.transfer-pick .field-label{margin-top:0}.chips{flex-wrap:wrap;gap:6px;display:flex}.chips button{background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:6px 12px;font-size:14px}.chips button.on{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 15%, var(--surface));font-weight:600}.fields{grid-template-columns:170px 1fr;gap:8px;margin-top:14px;display:grid}.form-grid{grid-template-columns:1fr 80px;gap:10px;margin-top:14px;display:grid}.form-grid label{color:var(--muted);gap:4px;font-size:13px;font-weight:600;display:grid}.form-grid label:nth-child(n+3){grid-column:1/-1}.form-grid input{color:var(--text);font-size:15px;font-weight:400}.icon-input{text-align:center;font-size:18px}.inline-form{gap:8px;display:flex}.hint{color:var(--muted);margin:6px 0 0;font-size:13px}.actions{gap:8px;margin-top:16px;display:flex}.actions>*{flex:1}.actions button,.inline-form button{background:var(--surface);border:1px solid var(--line);text-align:center;border-radius:10px;padding:9px 16px;font-weight:600}.actions button.primary,.inline-form button.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-text)}.actions button.danger{color:var(--neg);flex:none}.error-text{color:var(--neg);margin:12px 0 0;font-size:14px}.history{border:1px solid var(--line);background:var(--surface);border-radius:10px;margin:0;padding:0;list-style:none;overflow:hidden}.history:empty{display:none}.history>li+li{border-top:1px solid var(--line)}.history-row{grid-template-columns:1fr auto auto;align-items:center;gap:12px;width:100%;padding:8px 12px;font-size:14px;display:grid}button.history-row:hover{background:var(--surface-2)}.history-row.value{background:color-mix(in srgb, var(--accent) 8%, var(--surface))}.stack{gap:16px;min-width:0;display:grid}.panel-sub{color:var(--muted);margin:-6px 0 8px;font-size:13px}.schedules{margin:0;padding:0;list-style:none}.schedule-row{border-radius:8px;align-items:center;gap:10px;width:100%;padding:6px 8px;display:flex}.schedule-row:hover{background:var(--surface-2)}.schedule-text{flex-direction:column;flex:1;min-width:0;display:flex}.schedule-title{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.small{font-size:12.5px}.panel .stack>.link-button,.panel>.link-button{margin:10px 8px 0}.repeat{flex-wrap:wrap;align-items:center;gap:8px 16px;margin-top:12px;display:flex}.check{cursor:pointer;align-items:center;gap:8px;font-size:14px;font-weight:600;display:flex}.check input{width:16px;height:16px;accent-color:var(--accent)}.inline-label{color:var(--muted);white-space:nowrap;align-items:center;gap:8px;font-size:14px;display:flex}.inline-label input{width:auto}.inline-label input[inputmode=numeric]{text-align:center;width:56px}.loan-grid{grid-template-columns:1fr 1fr 1.2fr;gap:10px;display:grid}.loan-grid label{color:var(--muted);gap:4px;font-size:13px;font-weight:600;display:grid}select{border:1px solid var(--line);background:var(--surface);width:100%;color:var(--text);font:inherit;border-radius:9px;padding:9px 8px}.plan{margin:0 0 4px}.h2-sub{color:var(--muted);margin-left:auto;font-size:13px;font-weight:600}.pay-list{margin:0;padding:0;list-style:none}.pay-row{align-items:center;gap:8px;display:flex}.pay-list>li+li{border-top:1px solid var(--line)}.pay-row.child{padding-left:22px}.pay-main{border-radius:8px;flex:1;align-items:center;gap:10px;min-width:0;padding:8px;display:flex}.pay-main:hover{background:var(--surface-2)}.pay-text{flex-direction:column;flex:1;min-width:0;display:flex}.pay-title{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.pay-main .num{font-weight:600}.paid-button{border:1px solid color-mix(in srgb, var(--accent) 45%, var(--line));min-width:84px;color:var(--accent);text-align:center;border-radius:999px;flex:none;padding:6px 12px;font-size:13px;font-weight:650}.paid-button:hover{background:var(--accent);color:var(--accent-text)}.chevron-inline{color:var(--muted);margin-left:6px;transition:transform .15s;display:inline-block}.chevron-inline.open{transform:rotate(90deg)}.tx-table tr.child td:nth-child(2){padding-left:30px}.tx-table tr.group-row td{font-weight:600}.schedule-row.child{padding-left:26px}.asset-name{flex-direction:column;display:flex}.asset-sub{font-size:12px;font-weight:400}.tabs{background:var(--surface-2);border-radius:10px;gap:4px;margin-left:18px;padding:3px;display:flex}.tabs a{color:var(--muted);border-radius:8px;padding:5px 14px;font-size:14px;font-weight:600;text-decoration:none}.tabs a.on{background:var(--surface);color:var(--text);box-shadow:0 1px 3px #0000001f}.span-7{grid-column:span 7}.span-5{grid-column:span 5}@media (width<=1000px){.span-7,.span-5{grid-column:span 12}}.loan-track{background:var(--surface-2);border-radius:3px;height:6px}.loan-bar{background:var(--accent);border-radius:3px;height:100%;display:block}.legend{color:var(--muted);gap:16px;margin:-4px 0 8px;font-size:13px;display:flex}.legend span{align-items:center;gap:6px;display:flex}.swatch{border-radius:3px;width:10px;height:10px;display:inline-block}.swatch.earned,.bar-earned{background:var(--series-earned);fill:var(--series-earned)}.swatch.spent,.bar-spent{background:var(--series);fill:var(--series)}.hover-band{fill:var(--surface-2)}.year-table tbody tr.dim-row td{color:var(--muted)}.year-table tbody tr.current-row td:first-child{font-weight:700}.year-table tfoot td{border-top:2px solid var(--line);padding:10px 8px;font-weight:700}.breakdown-row.static{cursor:default;opacity:1}.breakdown-row.static:hover{background:0 0}.breakdown-value .avg{margin-left:6px}.currency-pick{width:auto;padding:4px 6px;font-size:15px;font-weight:600}.fx-row{flex-wrap:wrap;align-items:center;gap:6px 12px;margin:-6px 0 12px;font-size:13px;display:flex}.rate-input{text-align:right;padding:5px 8px;width:90px!important}.rate-input.wide{width:130px!important}.topbar-right{justify-content:flex-end;align-items:center;gap:16px;display:flex}.user-menu{align-items:center;gap:10px;display:flex}.login-wrap{place-items:center;min-height:100dvh;padding:16px;display:grid}.login{gap:14px;width:100%;max-width:380px;padding:28px;display:grid}.login-brand{justify-content:center;margin-bottom:4px;font-size:22px}.login label{color:var(--muted);gap:4px;font-size:13px;font-weight:600;display:grid}.login input{color:var(--text);font-size:15px;font-weight:400}.login .primary{text-align:center;padding:11px}.segmented.two{grid-template-columns:1fr 1fr}@media (width<=640px){.app{padding-bottom:calc(96px + env(safe-area-inset-bottom))}.topbar{padding-top:calc(10px + env(safe-area-inset-top));-webkit-backdrop-filter:none;backdrop-filter:none;background:var(--bg);grid-template-columns:1fr auto;row-gap:8px}.brand{gap:8px;min-width:0}.brand-name{display:none}.tabs{margin-left:0}.tabs a{padding:5px 11px}.month-nav>span{min-width:120px}.add-button{right:16px;bottom:calc(16px + env(safe-area-inset-bottom));z-index:8;text-align:center;border-radius:50%;width:56px;height:56px;padding:0;font-size:28px;line-height:1;position:fixed;box-shadow:0 8px 24px #00000059}.add-label{display:none}.kpis{gap:10px;margin-bottom:12px}.kpi{padding:12px 14px}.kpi-sub{font-size:12px}.grid,.stack{gap:12px}.panel{padding:14px}.pay-main{gap:8px;padding:8px 4px}.paid-button{min-width:0;padding:6px 10px}.tx-table td,.tx-table th{padding-left:4px;padding-right:4px}.tx-table td:first-child{font-size:13px}.icon-sm{width:26px;height:26px;font-size:13px}.dialog{padding:16px}.cat-grid{grid-template-columns:repeat(4,1fr)}.fields,.loan-grid{grid-template-columns:1fr}.year-table td,.year-table th{font-size:13px}.desc-text>.detail{font-size:12px;display:block}.desc-text>.detail:before{content:none}}.invite-fresh{margin-top:12px}.invite-code{border:1px dashed color-mix(in srgb, var(--accent) 60%, var(--line));background:var(--surface);letter-spacing:.08em;text-align:center;-webkit-user-select:all;user-select:all;border-radius:12px;padding:14px;font:700 26px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-weight:600}.invite-row{grid-template-columns:auto 1fr auto}.request-row{grid-template-columns:minmax(0,1fr) auto auto}.request-row .person-email{overflow-wrap:anywhere}.request-actions{gap:4px;display:flex}.request-note{white-space:pre-wrap;grid-column:1/-1}.loan-track.big{border-radius:5px;height:10px}.loan-track.big .loan-bar{border-radius:5px}.loan-progress-labels{justify-content:space-between;margin-top:6px;font-size:13px;display:flex}.loan-progress-labels b{font-variant-numeric:tabular-nums}.loan-facts{grid-template-columns:repeat(4,1fr);gap:8px;margin:0;display:grid}.loan-facts div{background:var(--surface);border-radius:8px;padding:8px 10px}.loan-facts dt{color:var(--muted);font-size:11.5px;font-weight:600}.loan-facts dd{font-variant-numeric:tabular-nums;margin:2px 0 0;font-weight:650}@media (width<=640px){.loan-facts{grid-template-columns:repeat(2,1fr)}}.stack>*{min-width:0}.chart{overflow:hidden}.loan-detail{background:var(--surface-2);border-radius:10px;gap:10px;margin:2px 8px 10px 30px;padding:12px;display:grid}.loan-detail .loan-facts div{background:var(--surface)}.pay-squares{flex-wrap:wrap;gap:4px;display:flex}.pay-square{border:1.5px solid color-mix(in srgb, var(--accent) 55%, var(--line));border-radius:4px;width:16px;height:16px}.pay-square.done{background:var(--accent);border-color:var(--accent)}.pay-square.next{border-width:2px;border-color:var(--text)}.assets-main{grid-column:3/span 8}@media (width<=1000px){.assets-main{grid-column:span 12}}.breakdown-link{border:1px solid var(--line);background:var(--surface);border-radius:10px;justify-content:space-between;align-items:center;gap:12px;width:100%;margin-top:14px;padding:10px 12px;display:flex}.breakdown-link:hover{border-color:color-mix(in srgb, var(--accent) 50%, var(--line))}.cat-edit-tile{border:1px dashed var(--line)!important}.breakdown-summary{margin-bottom:8px}.item-add{grid-template-columns:1fr 100px 1fr auto;gap:6px;display:grid}.item-add button{border:1px solid var(--line);background:var(--surface);border-radius:9px;padding:8px 12px;font-weight:600}.item-head{justify-content:space-between;align-items:center;gap:8px;margin-top:8px;display:flex}.items{border:1px solid var(--line);background:var(--surface);border-radius:10px;margin:0;padding:0;list-style:none;overflow:hidden}.items.nested{border:0;border-top:1px solid var(--line);background:var(--surface-2);border-radius:0}.items>li+li{border-top:1px solid var(--line)}.item-row{grid-template-columns:52px 1fr 150px auto auto;align-items:center;gap:8px;width:100%;padding:6px 10px;font-size:14px;display:grid}.item-row select{padding:4px 6px;font-size:13px}.item-row.small-group{grid-template-columns:52px 1fr auto;font-weight:600}.item-desc{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.file-pick input{display:none}.file-pick .primary{cursor:pointer;display:inline-block}.import{gap:10px;display:grid}.import .field-label{margin:4px 0 0}.import-cols{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.import-cols label{color:var(--muted);gap:4px;font-size:12px;font-weight:600;display:grid}.import-cols select{font-size:13px}.import-opts{flex-wrap:wrap;gap:8px 16px;display:flex}.import-opts select,.import-opts input{width:auto;padding:5px 8px;font-size:13px}.import-total{background:var(--surface);border-radius:9px;padding:8px 12px;font-size:14px}.import-total.match{outline:1px solid var(--pos)}.import-rows{border:1px solid var(--line);background:var(--surface);border-radius:10px;max-height:300px;overflow:auto}.import-rows td{padding:5px 6px;font-size:13px}.import-rows input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent)}.import-rows .item-desc{max-width:260px}.import-catmap{gap:6px;display:grid}.import-catmap select{width:auto;padding:5px 8px;font-size:13px}.catmap-bank{min-width:140px;color:var(--text)}.cat-edit{gap:6px;margin:0;padding:0;list-style:none;display:grid}.cat-edit-row{grid-template-columns:52px 1fr auto;align-items:center;gap:6px;display:grid}.cat-edit-row .icon-input{padding:7px 4px}.cat-edit-row button:not(.ghost){border:1px solid var(--line);background:var(--surface);border-radius:9px;padding:8px 12px;font-weight:600}.hidden-cats{flex-wrap:wrap;align-items:center;gap:6px;margin-top:8px;display:flex}.chip-button{border:1px solid var(--line);background:var(--surface);border-radius:999px;padding:4px 10px;font-size:13px}@media (width<=640px){.item-add{grid-template-columns:1fr 90px}.item-row{grid-template-columns:1fr auto auto}.item-row>:first-child,.item-row select{grid-column:1/-1}.item-row.small-group{grid-template-columns:auto 1fr auto}.item-row.small-group>:first-child{grid-column:auto}.import-cols{grid-template-columns:1fr 1fr}}.locked-value{border:1px dashed var(--line);background:var(--surface-2);border-radius:9px;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex}.user-links{align-items:center;gap:12px;display:flex}.menu-button{display:none}.user-menu{position:relative}.menu-backdrop{z-index:20;position:fixed;inset:0}.menu-pop{z-index:21;border:1px solid var(--line);background:var(--surface);border-radius:12px;gap:2px;min-width:190px;padding:8px;display:grid;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 12px 32px #0000004d}.menu-pop .link-button{text-align:left;border-radius:8px;padding:10px 8px;font-size:15px}.menu-pop .link-button:hover{background:var(--surface-2)}.menu-email{border-bottom:1px solid var(--line);overflow-wrap:anywhere;margin-bottom:4px;padding:4px 8px 8px}@media (width<=640px){.user-links{display:none}.menu-button{display:inline-block}}.person-email{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.blocked-row .person-email{color:var(--muted);text-decoration:line-through}.danger-text{color:var(--neg)}.onboarding{border-color:color-mix(in srgb, var(--accent) 45%, var(--line));margin-bottom:16px}.onboarding-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.onboarding-head h2{margin-bottom:2px}.onboarding-progress{background:var(--surface-2);border-radius:3px;height:6px;margin:12px 0 6px;overflow:hidden}.onboarding-progress span{background:var(--accent);border-radius:3px;height:100%;transition:width .3s;display:block}.onboarding-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 24px;margin:12px 0 0;padding:0;list-style:none;display:grid}.onboarding-steps li{border-top:1px solid var(--line);grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px 0;display:grid}.ob-check{border:2px solid var(--line);border-radius:50%;place-items:center;width:22px;height:22px;font-size:12px;font-weight:700;display:grid}.onboarding-steps li.done .ob-check{border-color:var(--accent);background:var(--accent);color:var(--accent-text)}.onboarding-steps li.done .ob-title{color:var(--muted);text-decoration:line-through}.ob-text{flex-direction:column;min-width:0;display:flex}.ob-title{font-weight:600}.ob-howto{flex-direction:column;margin-top:4px;display:flex}@media (width<=1000px){.onboarding-steps{grid-template-columns:minmax(0,1fr)}}
