:root{--bg:#eef1ef;--paper:#fbfcfb;--ink:#1f2624;--muted:#5d6864;--rule:#d5dbd8;--rule-strong:#1f2624;--primary:#0e7c66;--primary-hover:#0b6653;--on-primary:#fff;--primary-soft:#d9ede7;--basic:#2a5ea8;--basic-soft:#dfe8f5;--lifestyle:#8e3f8f;--lifestyle-soft:#efdff0;--savings:#c4531f;--savings-soft:#f7e2d7;--on-flap:#fff;--negative:#b3261e;--positive:#0e7c66;--shadow:0 1px 2px #1f26240f, 0 8px 24px -12px #1f26242e;--font:"Schibsted Grotesk Variable", system-ui, -apple-system, "Segoe UI", sans-serif;--radius:8px;--radius-sm:5px;--ease-out:cubic-bezier(.16, 1, .3, 1);--gutter:clamp(16px, 3vw, 28px);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;accent-color:var(--primary)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#121614;--paper:#1a201d;--ink:#e4e9e6;--muted:#97a39e;--rule:#2c3531;--rule-strong:#e4e9e6;--primary:#5fcfb4;--primary-hover:#7fdcc5;--on-primary:#0c1512;--primary-soft:#183a31;--basic:#8fb5ec;--basic-soft:#1d2b40;--lifestyle:#d59ad6;--lifestyle-soft:#37233a;--savings:#f19a6c;--savings-soft:#3d261b;--on-flap:#101312;--negative:#ff7a6b;--positive:#5fcfb4;--shadow:0 1px 2px #0000004d, 0 8px 24px -12px #00000080;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--bg:#121614;--paper:#1a201d;--ink:#e4e9e6;--muted:#97a39e;--rule:#2c3531;--rule-strong:#e4e9e6;--primary:#5fcfb4;--primary-hover:#7fdcc5;--on-primary:#0c1512;--primary-soft:#183a31;--basic:#8fb5ec;--basic-soft:#1d2b40;--lifestyle:#d59ad6;--lifestyle-soft:#37233a;--savings:#f19a6c;--savings-soft:#3d261b;--on-flap:#101312;--negative:#ff7a6b;--positive:#5fcfb4;--shadow:0 1px 2px #0000004d, 0 8px 24px -12px #00000080;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}::selection{background:var(--primary-soft);color:var(--ink)}body{background:var(--bg);color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased;scrollbar-color:var(--rule) transparent;margin:0;font-size:14px;line-height:1.4}h1,h2,h3{text-wrap:balance;margin:0}h2{font-size:1rem}button,input,select{font:inherit;color:inherit}input,textarea{caret-color:var(--primary)}:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}button{cursor:pointer;border:1px solid var(--rule);background:var(--paper);border-radius:var(--radius-sm);transition:background-color .15s var(--ease-out), border-color .15s var(--ease-out), color .15s var(--ease-out);justify-content:center;align-items:center;gap:6px;padding:6px 12px;font-weight:500;display:inline-flex}button:hover:not(:disabled){border-color:var(--muted)}button:disabled{opacity:.5;cursor:not-allowed}button.primary,button[type=submit]{background:var(--primary);border-color:var(--primary);color:var(--on-primary);font-weight:600}button.primary:hover:not(:disabled),button[type=submit]:hover:not(:disabled){background:var(--primary-hover);border-color:var(--primary-hover)}button.quiet{color:var(--muted);background:0 0;border-color:#0000}button.quiet:hover:not(:disabled){color:var(--ink);border-color:var(--rule)}button.link{color:var(--primary);text-underline-offset:3px;background:0 0;border:none;padding:0;font-weight:600}button.link:hover:not(:disabled){text-decoration:underline}button.icon{color:var(--muted);border-radius:var(--radius-sm);font-variant-numeric:tabular-nums;background:0 0;border:none;gap:2px;padding:4px;font-size:.75rem}button.icon:hover:not(:disabled){color:var(--ink);background:var(--bg)}button.icon.active{color:var(--primary);font-weight:700}.danger,button.icon.danger:hover:not(:disabled),button.link.danger{color:var(--negative)}input,select{border:1px solid var(--rule);border-radius:var(--radius-sm);background:var(--paper);min-width:0;transition:border-color .15s var(--ease-out), background-color .15s var(--ease-out);padding:6px 8px}input::placeholder{color:var(--muted)}input:hover,select:hover{border-color:var(--muted)}input[aria-invalid=true]{border-color:var(--negative)}.muted{color:var(--muted)}.negative{color:var(--negative)}.ok{color:var(--positive)}.error{color:var(--negative);margin:4px 0}.num{text-align:right;font-variant-numeric:tabular-nums}.topbar{padding:max(12px, env(safe-area-inset-top)) max(var(--gutter), env(safe-area-inset-right)) 0 max(var(--gutter), env(safe-area-inset-left));background:var(--paper);border-bottom:1px solid var(--rule);z-index:2;align-items:flex-end;gap:20px;display:flex;position:sticky;top:0}.topbar>button{white-space:nowrap;margin-bottom:8px}.wordmark{letter-spacing:-.04em;font-size:1.5rem;font-weight:800;line-height:1}.topbar .wordmark{padding-bottom:12px}.wordmark .dot{color:var(--primary)}.month-tabs{scrollbar-width:none;flex:1;gap:2px;min-width:0;display:flex;overflow-x:auto}.month-tabs button{border-radius:var(--radius) var(--radius) 0 0;white-space:nowrap;color:var(--muted);background:0 0;border:1px solid #0000;border-bottom:none;padding:9px 14px 10px}.month-tabs button:hover:not(:disabled){color:var(--ink);border-color:#0000}.month-tabs button.active{background:var(--bg);border-color:var(--rule);color:var(--ink);margin-bottom:-1px;font-weight:700}main{padding:20px max(var(--gutter), env(safe-area-inset-right)) max(56px, env(safe-area-inset-bottom)) max(var(--gutter), env(safe-area-inset-left));flex-direction:column;gap:20px;max-width:1400px;margin:0 auto;display:flex}.month-title{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.month-title h2{font-size:1.05rem;font-weight:700}.month-head{flex-direction:column;gap:8px;display:flex}.month-actions{gap:16px;display:flex}.reconcile-note{border:1px solid var(--rule);border-radius:var(--radius-sm);background:var(--paper);justify-content:space-between;align-items:flex-start;gap:12px;padding:10px 12px;display:flex}.reconcile-note ul{margin:6px 0 0;padding-left:18px}.overview{grid-template-columns:minmax(0,280px) minmax(0,1fr);grid-template-areas:"saldo split""ledger ledger";align-items:end;gap:20px 28px;display:grid}.saldo{flex-direction:column;grid-area:saldo;gap:2px;display:flex}.saldo label,.split-head h3{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-size:.72rem;font-weight:700}.saldo>span{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.85rem}input.saldo-value{letter-spacing:-.035em;text-align:left;background:0 0;border-color:#0000;width:100%;margin-left:-7px;padding:0 6px;font-size:clamp(2rem,1.4rem + 2vw,2.6rem);font-weight:800;line-height:1.1}input.saldo-value:hover,input.saldo-value:focus{border-color:var(--rule);background:var(--paper)}.split{flex-direction:column;grid-area:split;gap:6px;min-width:0;display:flex}.split-head{justify-content:space-between;align-items:baseline;display:flex}.split-head .link{font-size:.85rem}.strip{background:var(--paper);border:1px solid var(--rule);border-radius:var(--radius);min-height:68px;display:flex;overflow:hidden}.envelope{flex-direction:column;flex-basis:0;justify-content:space-between;gap:4px;min-width:max-content;padding:9px 12px 14px;display:flex;position:relative}.envelope+.envelope{border-left:2px dashed var(--rule)}.envelope strong,.envelope span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.envelope strong{font-size:.8rem;font-weight:700}.envelope span{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.8rem}.envelope .fill{height:6px;position:absolute;inset:auto 0 0}.envelope .fill i{transform-origin:0;transition:transform .5s var(--ease-out);position:absolute;inset:0}.envelope.basic strong{color:var(--basic)}.envelope.basic .fill{background:var(--basic-soft)}.envelope.basic .planned{background:color-mix(in srgb, var(--basic) 35%, var(--basic-soft))}.envelope.basic .paid{background:var(--basic)}.envelope.basic .reserved{background:repeating-linear-gradient(-45deg, var(--basic) 0 2px, transparent 2px 5px)}.envelope.lifestyle strong{color:var(--lifestyle)}.envelope.lifestyle .fill{background:var(--lifestyle-soft)}.envelope.lifestyle .planned{background:color-mix(in srgb, var(--lifestyle) 35%, var(--lifestyle-soft))}.envelope.lifestyle .paid{background:var(--lifestyle)}.envelope.lifestyle .reserved{background:repeating-linear-gradient(-45deg, var(--lifestyle) 0 2px, transparent 2px 5px)}.envelope.savings strong{color:var(--savings)}.envelope.savings .fill{background:var(--savings-soft)}.pct-form{background:var(--paper);border:1px solid var(--rule);border-radius:var(--radius);flex-wrap:wrap;align-items:center;gap:8px 16px;padding:12px;display:flex}.pct-form label{align-items:center;gap:8px;display:flex}.pct-form input{text-align:right;font-variant-numeric:tabular-nums;width:88px}.ledger-wrap{flex-direction:column;grid-area:ledger;align-items:flex-start;gap:6px;min-width:0;display:flex}.ledger{border-top:1.5px solid var(--rule-strong);border-bottom:1px solid var(--rule);grid-template-columns:repeat(4,minmax(0,1fr));align-self:stretch;margin:0;display:grid}.ledger>div{min-width:0;padding:8px 12px 9px}.ledger>div:first-child{padding-left:0}.ledger>div+div{border-left:1px solid var(--rule)}.ledger dt{color:var(--muted);font-size:.78rem}.ledger dd{font-variant-numeric:tabular-nums;letter-spacing:-.01em;margin:0;font-size:1.15rem;font-weight:700}.breakdown{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;font-size:.9rem}.breakdown caption{text-align:left;color:var(--muted);padding-bottom:4px;font-size:.78rem}.breakdown th,.breakdown td{text-align:right;border-bottom:1px solid var(--rule);padding:6px 12px 6px 0}.breakdown thead th{color:var(--muted);font-size:.78rem;font-weight:600}.breakdown th[scope=row]{text-align:left;font-weight:600}.breakdown td.savings{color:var(--savings)}.sobres{grid-template-columns:minmax(0,1fr);align-items:start;gap:20px;display:grid}.sobre{background:var(--paper);border:1px solid var(--rule);border-radius:var(--radius);box-shadow:var(--shadow);min-width:0;overflow:hidden;container:sobre/inline-size}.flap{--flap:var(--primary);background:var(--flap);color:var(--on-flap);clip-path:polygon(0 0,100% 0,100% calc(100% - 18px),50% 100%,0 calc(100% - 18px));flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:8px 20px;padding:14px 16px 30px;display:flex}.expenses.basic .flap{--flap:var(--basic)}.expenses.lifestyle .flap{--flap:var(--lifestyle)}.flap h2{letter-spacing:-.01em;font-size:1.1rem;font-weight:700}.flap>div>span{opacity:.85;font-size:.8rem}.flap dl{text-align:right;gap:18px;margin:0;display:flex}.flap dt{opacity:.85;font-size:.72rem}.flap dd{font-variant-numeric:tabular-nums;margin:0;font-weight:700}.table-wrap{padding:0 8px}table{border-collapse:collapse;table-layout:fixed;width:100%}col.col-check{width:34px}col.col-type{width:132px}col.col-money{width:100px}col.col-actions{width:118px}th{text-align:left;color:var(--muted);text-transform:uppercase;letter-spacing:.07em;border-bottom:1px solid var(--rule);white-space:nowrap;text-overflow:ellipsis;padding:4px 4px 6px;font-size:.7rem;font-weight:700;overflow:hidden}td{border-bottom:1px solid var(--rule);vertical-align:middle;padding:3px 4px}tbody tr{transition:background-color .15s var(--ease-out)}tbody tr:hover{background:color-mix(in srgb, var(--bg) 60%, transparent)}.paid-check{appearance:none;border:1.5px solid var(--muted);background:var(--paper);cursor:pointer;border-radius:4px;width:18px;height:18px;margin:0 auto;padding:0;display:block}.paid-check:checked{background-color:var(--primary);border-color:var(--primary);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='white' stroke-width='2.25' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3.5 8.5l3 3 6-7'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:14px}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .paid-check:checked{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%230c1512' stroke-width='2.25' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3.5 8.5l3 3 6-7'/%3E%3C/svg%3E")}}:root[data-theme=dark] .paid-check:checked{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%230c1512' stroke-width='2.25' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3.5 8.5l3 3 6-7'/%3E%3C/svg%3E")}.desc-wrap{align-items:center;gap:6px;min-width:0;display:flex}.desc-wrap .text-input{flex:1;min-width:0}tbody tr.paid td{color:var(--muted)}.stamp{letter-spacing:.12em;text-transform:uppercase;color:var(--primary);border:1.5px solid;border-radius:3px;flex:none;padding:1px 4px 0;font-size:.6rem;font-weight:800;line-height:1.3;transform:rotate(-6deg)}.stamp.reserved{color:var(--savings);border-style:dashed}.stamp.is-new{animation:stamp .26s var(--ease-out) both}@keyframes stamp{0%{opacity:0;transform:rotate(-16deg)scale(1.6)}60%{opacity:1}to{transform:rotate(-6deg)scale(1)}}tfoot td{border-bottom:none;padding-top:10px;padding-bottom:6px;font-weight:700}td.empty{text-align:center;padding:20px}.cell-actions{white-space:nowrap;text-align:right}.cell-actions .error{white-space:normal;font-size:.8rem;display:block}.mobile-label{display:none}.text-input,.money-input{background:0 0;border-color:#0000;width:100%}.text-input:hover,.text-input:focus,.money-input:hover,.money-input:focus{border-color:var(--rule);background:var(--paper)}.money-input{text-align:right;font-variant-numeric:tabular-nums}.cell-amount .money-input{padding-inline:4px}.money-input.invalid{border-color:var(--negative)}.cell-type select{width:100%;color:var(--muted);background-color:#0000;border-color:#0000;padding-inline:2px;font-size:.8rem}.cell-type select:hover,.cell-type select:focus{border-color:var(--rule)}.add-expense,.entry-form{flex-wrap:wrap;gap:6px;display:flex}.add-expense{border-top:1px solid var(--rule);background:color-mix(in srgb, var(--bg) 50%, var(--paper));padding:12px 12px 14px}.add-expense input:first-child,.entry-form input:nth-child(2){flex:1;min-width:140px}.add-expense input:nth-child(3),.entry-form input:nth-child(3){text-align:right;font-variant-numeric:tabular-nums;width:108px}.entry-form input[type=date]{width:148px}.entries-left{white-space:nowrap;font-size:.72rem;line-height:1.2;display:block}.entries-left strong,.entries-head strong.remaining{font-weight:600}.remaining{color:var(--ink)}.entries-row>td{background:var(--bg);padding:12px 14px}.entries-row:hover{background:0 0}.entries-head{font-variant-numeric:tabular-nums;flex-wrap:wrap;justify-content:space-between;gap:2px 12px;display:flex}.entries ul{margin:8px 0 0;padding:0;list-style:none}.entries li{border-bottom:1px dashed var(--rule);grid-template-columns:92px minmax(0,1fr) auto auto;align-items:center;gap:8px;padding:3px 0;display:grid}.entries .entry-form{margin-top:10px}.new-month{flex-direction:column;gap:14px;max-width:720px;padding:0 0 20px;display:flex}.new-month>:not(.flap){margin-inline:20px}.new-month .fields{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;display:grid}.new-month label{color:var(--muted);flex-direction:column;gap:4px;font-size:.85rem;font-weight:500;display:flex}.new-month label input,.new-month label select{color:var(--ink)}.new-month p{max-width:65ch;margin-block:0}.form-actions{justify-content:flex-end;gap:8px;display:flex}.center{text-align:center;padding:48px 16px}.auth-page{min-height:100dvh;padding:max(24px, env(safe-area-inset-top)) 16px max(24px, env(safe-area-inset-bottom));flex-direction:column;justify-content:safe center;align-items:center;gap:16px;display:flex}.auth-card{flex-direction:column;width:100%;max-width:400px;display:flex}.auth-card .flap{clip-path:polygon(0 0,100% 0,100% calc(100% - 22px),50% 100%,0 calc(100% - 22px));flex-direction:column;align-items:flex-start;gap:6px;padding:26px 28px 44px}.auth-card .wordmark{letter-spacing:-.045em;font-size:2.5rem}.auth-card .wordmark .dot{color:var(--paper);opacity:.75}.auth-card .flap p{opacity:.85;margin:0;font-size:.9rem;font-weight:500}.auth-body{flex-direction:column;gap:16px;padding:22px 28px 30px;display:flex}.auth-body>h2{letter-spacing:-.025em;text-wrap:balance;font-size:1.35rem;font-weight:800;line-height:1.15}.auth-body>p{text-wrap:pretty;margin:-8px 0 0}.auth-tira{background:var(--paper);gap:2px;height:6px;display:flex}.auth-tira i:first-child{background:var(--basic);flex:54}.auth-tira i:nth-child(2){background:var(--lifestyle);flex:33}.auth-tira i:nth-child(3){background:var(--savings);flex:13}.auth-foot{color:var(--muted);letter-spacing:.02em;align-items:center;gap:8px;font-size:.8rem;display:flex}.auth-form{flex-direction:column;gap:14px;display:flex}.auth-form label,.auth-form .field{flex-direction:column;gap:5px;display:flex}.auth-form label,.auth-form .field>label{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-size:.72rem;font-weight:700}.auth-form input{letter-spacing:normal;text-transform:none;width:100%;color:var(--ink);background:var(--bg);transition:background-color .15s var(--ease-out), border-color .15s var(--ease-out);border-color:#0000;padding:11px 12px;font-size:1rem;font-weight:500}.auth-form input:hover{border-color:var(--rule)}.auth-form input:focus{background:var(--paper);border-color:var(--primary)}.auth-form input:focus-visible{outline:1px solid var(--primary);outline-offset:0}.auth-form .password{position:relative}.auth-form .password input{padding-right:44px}.auth-form .password button.icon{padding:8px;position:absolute;top:50%;right:6px;translate:0 -50%}.auth-form small{letter-spacing:normal;text-transform:none;font-size:.75rem;font-weight:400}.auth-form button{padding:12px 14px;font-size:1rem}.auth-form button[type=submit]{margin-top:4px}.auth-form button.link{padding:4px 0;font-size:.9rem}.auth-form .error{border-radius:var(--radius-sm);background:color-mix(in srgb, var(--negative) 10%, transparent);margin:0;padding:8px 10px;font-size:.9rem}.code-input{letter-spacing:.3em;text-align:center;font-variant-numeric:tabular-nums;padding:10px;font-size:1.6rem}.qr{border-radius:var(--radius);background:#fff;align-self:center;padding:8px}.secret summary{cursor:pointer;color:var(--primary);font-size:.85rem;font-weight:600}.secret code{background:var(--bg);border-radius:var(--radius-sm);word-break:break-all;margin-top:8px;padding:8px;font-size:.95rem;display:block}.recovery-codes{background:var(--bg);border:1px dashed var(--rule);border-radius:var(--radius);text-align:center;grid-template-columns:repeat(2,1fr);gap:6px;margin:0;padding:12px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;list-style:none;display:grid}.toasts{left:50%;bottom:max(16px, env(safe-area-inset-bottom));z-index:10;flex-direction:column;gap:8px;width:min(480px,100vw - 32px);display:flex;position:fixed;transform:translate(-50%)}.toast{border-radius:var(--radius);background:var(--ink);color:var(--paper);align-items:center;gap:12px;padding:12px 16px;display:flex;box-shadow:0 12px 32px -8px #00000059}.toast span{flex:1}.toast.warning{background:var(--savings);color:var(--on-flap)}.toast button.link{color:inherit;opacity:.8}@media (width<=760px){.overview{grid-template-columns:minmax(0,1fr);grid-template-areas:"saldo""split""ledger";gap:16px}.ledger{grid-template-columns:repeat(2,minmax(0,1fr))}.breakdown th,.breakdown td{padding-right:6px;font-size:.8rem}.ledger>div:nth-child(3){border-left:none;padding-left:0}.ledger>div:nth-child(n+3){border-top:1px solid var(--rule)}.envelope{padding-inline:8px}.envelope strong,.envelope span{font-size:.75rem}}@media (width<=640px){.topbar{padding-top:max(10px, env(safe-area-inset-top));flex-wrap:wrap;align-items:center;row-gap:4px}.topbar .wordmark{flex:1;padding-bottom:0}.topbar{column-gap:6px}.topbar>button{margin-bottom:0}.topbar>button.quiet{padding-inline:8px}.hide-narrow{display:none}.month-tabs{margin-inline:calc(-1 * var(--gutter));padding-inline:var(--gutter);flex-basis:100%;order:3}.strip{flex-direction:column;min-height:0}.envelope{flex-direction:row;align-items:baseline;min-width:0;padding:8px 12px 13px}.envelope+.envelope{border-left:none;border-top:2px dashed var(--rule)}.envelope strong,.envelope span{font-size:.85rem}.envelope span{color:var(--ink);flex-shrink:0;font-weight:700}}@container sobre (width<=639px){.flap dl{text-align:left;justify-content:space-between;width:100%}.table-wrap{padding:0}table,tbody,tfoot{display:block}colgroup,thead{display:none}tbody tr:not(.entries-row),tfoot tr{border-bottom:1px solid var(--rule);grid-template-columns:36px minmax(0,1fr) minmax(100px,auto) 112px;grid-template-areas:"check desc desc amount"".type spent actions";align-items:center;padding:6px 8px 6px 0;display:grid}tfoot tr{border-bottom:none;grid-template-areas:"check total total amount"". .spent."}tbody tr td,tfoot tr td{border-bottom:none;padding:1px 2px}.cell-check{grid-area:check}.cell-desc{grid-area:desc}.cell-type{grid-area:type}.cell-amount{grid-area:amount}.cell-amount .money-input{padding-inline:2px;font-weight:600}.cell-spent{color:var(--muted);white-space:nowrap;grid-area:spent;font-size:.75rem}.cell-actions{grid-area:actions}.cell-total{grid-area:total}tfoot .cell-actions{display:none}.mobile-label{display:inline}.cell-type select{width:auto;max-width:100%;padding-inline:2px;font-size:.75rem}.entries-row,.entries-row>td,td.empty{display:block}.entries li{grid-template-columns:76px minmax(0,1fr) auto auto}.add-expense input:first-child{flex-basis:100%}.add-expense input:nth-child(3){flex:1}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:1ms!important;animation-duration:1ms!important}}.panel{background:var(--paper);border:1px solid var(--rule);border-radius:var(--radius);padding:16px}.panel-head{justify-content:space-between;align-items:baseline;gap:12px;display:flex}button.quiet[aria-pressed=true]{color:var(--primary);border-color:var(--rule);background:var(--primary-soft)}.auth-divider{color:var(--muted);align-items:center;gap:12px;margin:2px 0;font-size:.85rem;display:flex}.auth-divider:before,.auth-divider:after{content:"";border-top:1px dashed var(--rule);flex:1}.passkeys,.passkey-offer{flex-direction:column;gap:12px;display:flex}.passkeys p,.passkey-offer p{margin:0}.passkeys>button.primary{align-self:flex-start}.passkey-list{border-top:1px solid var(--rule);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.passkey-list li{border-bottom:1px solid var(--rule);justify-content:space-between;align-items:center;gap:12px;padding:10px 0;display:flex}.passkey-list li>div{flex-direction:column;gap:2px;display:flex}.passkey-offer{flex-flow:wrap;justify-content:space-between;align-items:center}.passkey-offer .actions{align-items:center;gap:12px;display:flex}@media (width<=359px){.topbar{column-gap:2px}.topbar>button.primary{padding-inline:8px}.topbar>button.quiet{padding-inline:6px}}@font-face{font-family:Schibsted Grotesk Variable;font-style:normal;font-display:swap;font-weight:400 900;src:url(/assets/schibsted-grotesk-latin-ext-wght-normal-hsMS0n0O.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Schibsted Grotesk Variable;font-style:normal;font-display:swap;font-weight:400 900;src:url(/assets/schibsted-grotesk-latin-wght-normal-Bb8VGrTG.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}