:root{color-scheme:light;--ink:#18231f;--muted:#687266;--paper:#f5f5ed;--acid:#d3f75b;--line:#dddfd3;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--paper)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}a{color:inherit}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible{outline:3px solid #57772d;outline-offset:6px}p{line-height:1.7}h1,h2,h3,p{margin-top:0}.wrap{width:min(1120px,calc(100% - 64px));margin-inline:auto}.masthead{display:flex;align-items:center;justify-content:space-between;gap:28px;padding-block:30px;border-bottom:1px solid var(--line)}.brand-home{display:flex;align-items:center;background:transparent;padding:0;text-align:left;text-decoration:none;position:relative;flex:0 0 auto}.wordmark{font-family:Inter,"Segoe UI",Arial,sans-serif;font-size:28px;font-weight:850;letter-spacing:-1.8px;display:flex;align-items:center;gap:5px}.alpha-mark{width:43px;height:43px;border-radius:15px;background:var(--ink);color:var(--acid);display:grid;place-items:center;margin-right:4px;position:relative;overflow:hidden;flex:0 0 auto}.alpha-mark svg{width:33px;height:33px;fill:none;stroke:currentColor;stroke-width:2.8;stroke-linecap:round;stroke-linejoin:round}.brand-text{line-height:.9}.brand-domain{display:block;font-size:9px;letter-spacing:1.8px;color:#737c73;margin-top:5px;font-weight:550}.edition{font-size:10px;letter-spacing:2px;color:var(--muted);border-left:1px solid var(--line);padding-left:16px;margin-left:10px;font-weight:500}.masthead nav{display:flex;align-items:center;gap:28px;font-size:13px}.masthead nav>a:first-child{text-decoration:none}.button{display:inline-flex;align-items:center;justify-content:center;gap:26px;padding:19px 24px;background:var(--ink);color:var(--paper);border-radius:13px;font-size:14px;font-weight:700;text-decoration:none}.button:hover{background:#344333}.button.small{padding:14px 19px;font-size:12px}.hero{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:70px;padding-block:86px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2px}.hero h1{font-size:clamp(46px,5.7vw,74px);line-height:1.05;letter-spacing:-4px;margin-bottom:28px}.hero em{font-family:Georgia,serif;font-weight:400}.lead{font-size:18px;max-width:410px;color:var(--muted)}.actions{display:flex;flex-wrap:wrap;align-items:center;gap:22px;margin-top:32px}.text-link{font-size:12px;text-decoration:none}.note{font-size:12px;color:var(--muted);margin-top:18px}.home-card{background:var(--acid);border-radius:30px;padding:32px;transform:rotate(2deg)}.card-top{display:flex;justify-content:space-between;align-items:center}.pill{border:1px solid #18231f33;border-radius:30px;padding:7px 13px;font-size:14px}.home-card h2{font-size:35px;line-height:1.13;letter-spacing:-1.6px;margin-block:46px 30px}.media{display:grid;grid-template-columns:1fr 1fr;gap:10px;list-style:none;padding:0}.media li{border:1px solid #18231f25;border-radius:14px;padding:20px 14px;font-size:13px;display:flex;align-items:center;gap:12px}.media li span{font-size:25px;width:30px;text-align:center}.card-footer{display:flex;justify-content:space-between;gap:10px;border-top:1px solid #18231f25;margin-top:30px;padding-top:22px;font-size:11px}.how{padding-block:40px 65px;scroll-margin-top:25px}.how>h2,.offline-panel h2{font-size:32px;letter-spacing:-1px;font-weight:600}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin-top:35px}.steps article{border-top:1px solid var(--line);padding-top:24px}.step-number{font:italic 28px Georgia,serif;color:#7b8b62;display:block;margin-bottom:25px}.steps h3{font-size:17px}.steps p,.offline-panel p{font-size:14px;color:var(--muted)}.offline-panel{display:grid;grid-template-columns:1fr 1fr;gap:60px;background:#e8ecdf;border-radius:24px;padding:35px}.offline-panel h2{margin:0}.footer{padding-block:45px;display:flex;justify-content:space-between;gap:20px;font-size:12px;color:var(--muted)}.footer a{text-decoration:none}.skip{position:absolute;left:20px;top:-100px;padding:14px;background:var(--ink);color:white;z-index:3}.skip:focus{top:12px}@media(max-width:760px){.wrap{width:calc(100% - 36px)}.masthead{padding-block:20px;gap:10px}.wordmark{font-size:26px}.alpha-mark{width:39px;height:39px;border-radius:13px}.alpha-mark svg{width:30px;height:30px}.brand-domain{font-size:8px}.edition{display:none}.masthead nav{gap:8px}.masthead nav>a:first-child{display:none}.hero{grid-template-columns:1fr;gap:35px;padding-block:50px}.hero h1{letter-spacing:-2px}.home-card{transform:none}.steps{grid-template-columns:1fr;gap:16px}.steps article{display:grid;grid-template-columns:40px 1fr;column-gap:14px}.steps .step-number{grid-row:1/3}.steps p{grid-column:2}.offline-panel{grid-template-columns:1fr;gap:22px;padding:25px}.footer{flex-direction:column;gap:12px}.how{padding-top:20px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.promise{padding-block:36px 70px}
.promise-intro{max-width:850px;border-left:5px solid var(--acid);padding-left:24px}
.promise-intro .eyebrow{color:#536b24}
.promise-intro h2{font-size:clamp(32px,4vw,52px);line-height:1.06;letter-spacing:-1.8px;margin-bottom:18px}
.promise-intro>p:last-child{font-size:17px;color:var(--muted);max-width:760px}
.promise-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:32px}
.promise-grid article{background:#fff;border:1px solid var(--line);border-radius:20px;padding:25px}
.promise-mark{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:var(--acid);font-size:14px;font-weight:700;margin-bottom:20px}
.promise-grid h3{font-size:19px;line-height:1.2;letter-spacing:-.4px;margin-bottom:12px}
.promise-grid p{font-size:14px;color:var(--muted);margin-bottom:0}
.promise-grid .promise-highlight{background:var(--ink);color:var(--paper)}
.promise-highlight .promise-mark{color:var(--ink)}
.promise-highlight p{color:#d5dbd1}
@media(max-width:760px){.promise{padding-block:18px 44px}.promise-intro{padding-left:16px}.promise-intro h2{font-size:34px;letter-spacing:-1px}.promise-grid{grid-template-columns:1fr;gap:12px}.promise-grid article{padding:20px}}
@media(max-width:380px){.masthead{gap:6px}.masthead nav{gap:6px}.button.small{padding:10px 9px;font-size:11px}}


.alpha-mark:after{content:'';position:absolute;inset:-50%;background:linear-gradient(110deg,transparent 45%,#ffffff20 50%,transparent 55%);animation:brand-shine 8s ease-in-out infinite}
@keyframes brand-shine{0%,75%{transform:translateX(-70%)}100%{transform:translateX(70%)}}
@media(prefers-reduced-motion:reduce){.alpha-mark:after{animation:none}}


/* Source: language-switch.css */
.language-switch{position:relative;font-size:12px}
.language-switch summary{cursor:pointer;list-style:none;border:1px solid #dddfd3;border-radius:30px;padding:10px 12px;white-space:nowrap}
.language-switch summary::-webkit-details-marker{display:none}
.language-switch summary:focus-visible{outline:3px solid #57772d;outline-offset:4px}
.language-switch ul{position:absolute;top:calc(100% + 10px);right:0;z-index:5;min-width:150px;max-height:min(70vh,360px);overflow:auto;list-style:none;margin:0;padding:6px;background:#f5f5ed;border:1px solid #dddfd3;border-radius:14px;box-shadow:0 12px 32px #18231f20}
.language-switch li a{display:block;padding:9px 11px;border-radius:9px;text-decoration:none;color:#18231f}
.language-switch li a:hover,.language-switch li a[aria-current=page]{background:#e8ecdf}
.masthead .language-switch{margin-inline:auto 0}
.language-switch summary:focus-visible{outline-offset:3px}
@media(max-width:760px){.masthead{gap:12px}.masthead nav{gap:10px}.masthead .button.small{padding:12px 14px;gap:8px}}


/* Source: tokens.css */

:root{--paper:#f3f4ec;--ink:#18231f;--muted:#737c73;--line:#dce0d4;--market-accent:#d3f75b;--acid:var(--market-accent);--red:#ba422e;--green:#2c7355;--radius:26px;font-family:Inter,"Segoe UI",Arial,sans-serif;color:var(--ink);background:var(--paper)}


/* Source: base.css */

*{box-sizing:border-box}body{margin:0;-webkit-font-smoothing:antialiased}body,body *{-webkit-user-select:none;user-select:none}input,textarea,[contenteditable=true]{-webkit-user-select:text;user-select:text}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit;border:0;touch-action:manipulation}button:disabled{cursor:default;opacity:.45}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #508448;outline-offset:4px}button:active:not(:disabled){transform:scale(.97)}svg{display:block}.icon{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}[hidden]{display:none!important}h1,h2,h3,p{margin:0}a{color:inherit}small{font-size:12px}.reorder-list{display:grid}.reorder-item{transition:transform .18s ease,background .18s ease;touch-action:pan-y}.reorder-handle{cursor:grab;touch-action:none}.reorder-active .reorder-handle{animation:reorder-wiggle .15s ease-in-out infinite alternate}.reorder-active .reorder-item{background:#edf1e6}.reorder-dragging{position:fixed;z-index:70;margin:0!important;box-shadow:0 16px 38px #18231f30;border:1px solid var(--ink);border-radius:16px;background:#fafbf6!important;pointer-events:none;transform:rotate(1deg) scale(1.02)}.reorder-placeholder{border-top:2px solid var(--ink);margin:2px 0;transition:height .18s ease}.reorder-in-progress{overflow:hidden}@keyframes reorder-wiggle{from{transform:rotate(-1.4deg)}to{transform:rotate(1.4deg)}}


/* Source: components.css */
.shell{max-width:1120px;margin:auto;padding:0 28px 120px}.masthead{height:100px;display:flex;justify-content:space-between;align-items:center;gap:12px}.wordmark{font-size:24px;font-weight:850;letter-spacing:-1.5px;display:flex;align-items:center;gap:10px}.brand-glyph{display:flex;align-items:center;gap:3px;height:25px}.brand-glyph i{width:5px;border-radius:3px;background:var(--ink);height:13px;animation:equalizer 2s ease-in-out infinite alternate}.brand-glyph i:nth-child(2){height:25px;animation-delay:-.8s}.brand-glyph i:nth-child(3){height:19px;animation-delay:-1.3s}.edition{font-size:10px;letter-spacing:2px;color:var(--muted);border-left:1px solid var(--line);padding-left:16px;margin-left:10px;font-weight:500}.round{width:46px;height:46px;border-radius:50%;background:#e8ebdf;display:grid;place-items:center}.round:hover{background:var(--acid)}.eyebrow{font-size:10px;font-weight:750;letter-spacing:2px;text-transform:uppercase;color:var(--muted)}.headline{display:flex;justify-content:space-between;align-items:end;margin:14px 0 28px;gap:14px}.headline h1{font-size:clamp(34px,5vw,54px);letter-spacing:-2.5px;line-height:1.05;font-weight:650;margin-top:10px}.headline h1 em{font-style:normal;color:#839078}.live-tag{display:flex;gap:7px;align-items:center;font-size:10px;letter-spacing:1px;white-space:nowrap}.dot{width:7px;height:7px;background:#588055;border-radius:50%;box-shadow:0 0 0 4px #58805512;animation:pulse 2s infinite}.page{animation:page-in .45s ease both}.layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:20px;align-items:start}.main-column,.side-column{display:grid;gap:20px;min-width:0}.hero{position:relative;isolation:isolate;overflow:hidden;background:var(--acid);border-radius:var(--radius);padding:28px 28px 20px}.hero-top{display:flex;justify-content:space-between;align-items:center}.hero .eyebrow{color:#4e6132}.tiny-pill{font-size:10px;border:1px solid #22301930;border-radius:20px;padding:6px 9px}.cost{font-size:clamp(48px,6.4vw,78px);font-weight:600;letter-spacing:-5px;font-variant-numeric:tabular-nums;line-height:1.12;margin:15px 0 6px;overflow-wrap:anywhere}.cost small{font-size:18px;letter-spacing:-.4px;margin-left:8px;font-weight:450}.hero-caption{font-size:12px;color:#4e6132;line-height:1.6}.periods{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;margin-top:20px;padding:4px;border-radius:30px;background:#18231f10}.periods button{padding:10px 0;background:transparent;font-size:12px;border-radius:24px;transition:background .25s,color .25s}.periods button[aria-pressed=true]{background:var(--ink);color:white;box-shadow:0 3px 8px #16231f20}.terrain{height:105px;position:relative;margin:18px -28px -20px;overflow:hidden}.terrain svg{width:110%;height:100%;position:absolute;left:-5%;bottom:0}.terrain .wave-a{animation:drift 8s ease-in-out infinite alternate}.terrain .wave-b{animation:drift 12s ease-in-out infinite alternate-reverse}.terrain-label{position:absolute;bottom:20px;left:28px;right:28px;display:flex;justify-content:space-between;font-size:10px;letter-spacing:.5px}.panel{border:1px solid var(--line);border-radius:var(--radius);padding:23px;background:#fafbf6}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}.panel-head h2{font-size:17px;font-weight:650;letter-spacing:-.5px}.text-button{background:none;font-size:11px;font-weight:600;display:flex;align-items:center;gap:6px;min-height:32px}.text-button .icon{width:15px;height:15px}.balance-card{background:var(--ink);color:var(--paper);border-radius:var(--radius);padding:24px;position:relative;overflow:hidden}.balance-card .eyebrow{color:#b5c1ad}.balance-top{display:flex;align-items:center;justify-content:space-between}.balance-amount{font-size:38px;font-variant-numeric:tabular-nums;letter-spacing:-1.5px;margin:13px 0 8px;overflow-wrap:anywhere}.balance-amount.negative{color:#ffae98}.balance-amount.positive{color:var(--acid)}.balance-amount small{font-size:15px;letter-spacing:0}.balance-bottom{font-size:11px;line-height:1.6;color:#b5c1ad;display:flex;justify-content:space-between;gap:10px}.balance-flow{display:flex;gap:3px;margin:19px 0 13px;height:5px}.balance-flow i{flex:1;background:#d3f75b33;transform-origin:left;animation:flow 3s ease-in-out infinite}.balance-flow i:nth-child(3n){background:#d3f75b;animation-delay:-1s}.balance-flow i:nth-child(2n){animation-delay:-2s}.split{display:grid;grid-template-columns:1fr 1fr;gap:15px}.split small{color:#99a68f;display:block;font-size:10px;margin-bottom:5px}.split strong{font-size:15px;font-weight:500}.medium-list{display:grid;gap:10px}.medium{width:100%;display:flex;align-items:center;gap:12px;text-align:left;background:transparent;border-radius:16px;padding:11px 8px;position:relative;transition:background .2s}.medium:hover{background:#e9eddf}.medium-icon,.expense-icon{width:43px;height:43px;border-radius:14px;display:grid;place-items:center;background:var(--tint,#e6eadf);color:var(--accent,#354a35);flex-shrink:0}.medium-info{flex:1;min-width:0}.medium-name{font-size:13px;font-weight:650}.medium-track{display:block;height:4px;border-radius:4px;background:#e3e7dc;margin-top:9px;position:relative;overflow:hidden}.medium-track i{display:block;height:100%;width:var(--fill);background:var(--accent);transform-origin:left;animation:grow .8s cubic-bezier(.16,1,.3,1) both}.medium-money{text-align:right;flex-shrink:0}.medium-money strong{font-size:13px;display:block;font-weight:600;font-variant-numeric:tabular-nums}.medium-money small{display:block;font-size:10px;margin-top:5px;color:var(--muted)}.negative,.medium-money .negative{color:var(--red)}.positive,.medium-money .positive{color:var(--green)}.section-note{font-size:11px;line-height:1.65;color:var(--muted);margin-top:16px}.capture{background:var(--ink);color:white;border-radius:20px;padding:18px 20px;display:flex;align-items:center;gap:14px;text-align:left;width:100%}.capture .icon{width:24px;height:24px;color:var(--acid)}.capture span{flex:1}.capture b{font-size:14px;display:block;font-weight:550}.capture small{display:block;color:#a8b5a1;margin-top:4px;font-size:10px}.capture .arrow{flex:0;font-size:21px;color:var(--acid)}.expense-row{display:flex;align-items:center;gap:12px;width:100%;text-align:left;padding:14px 0;background:transparent;border-bottom:1px solid var(--line)}.expense-row:last-child{border-bottom:0}.expense-row .item-copy{flex:1;min-width:0}.item-copy b{display:block;font-size:13px;font-weight:600;overflow-wrap:anywhere}.item-copy small{display:block;font-size:10px;color:var(--muted);margin-top:5px;line-height:1.5}.item-price{font-size:13px;font-weight:600;text-align:right}.item-price small{font-weight:400;display:block;font-size:10px;color:var(--muted);margin-top:5px}.expense-row:hover .expense-icon{background:var(--acid)}.distribution{height:18px;display:flex;gap:4px;margin:16px 0 14px}.distribution i{min-width:0;flex:var(--share);background:var(--color);border-radius:5px;animation:grow .8s ease both;transition:flex .5s}.legend{display:flex;gap:12px;flex-wrap:wrap;font-size:10px;color:var(--muted)}.legend span{display:flex;align-items:center;gap:5px}.legend i{width:7px;height:7px;background:var(--color);border-radius:2px}.summary-total{display:flex;justify-content:space-between;align-items:center;padding:17px 0 0;font-size:12px;gap:10px}.summary-total strong{font-size:21px;letter-spacing:-.6px}.note-card{border-radius:20px;background:#e7ebde;padding:17px 19px;font-size:12px;line-height:1.7;display:flex;align-items:flex-start;gap:12px}.note-card .icon{width:18px;height:18px;margin-top:2px}.note-card strong{font-weight:650}.footer-note{font-size:10px;color:var(--muted);text-align:center;margin:30px auto 0;line-height:1.7;max-width:530px}.dock-wrap{position:fixed;bottom:0;left:0;right:0;z-index:20;display:flex;justify-content:center;padding:10px 16px calc(14px + env(safe-area-inset-bottom));background:linear-gradient(transparent,var(--paper) 55%);pointer-events:none}.dock{display:flex;gap:5px;padding:7px;border-radius:30px;background:var(--ink);box-shadow:0 10px 40px #18231f26;pointer-events:auto}.dock button{display:flex;align-items:center;justify-content:center;gap:7px;border-radius:25px;background:none;color:#aebaab;min-width:58px;min-height:46px;padding:0 16px;transition:background .25s,color .25s}.dock button .icon{width:20px;height:20px}.dock button span{font-size:11px}.dock button[aria-current=page]{background:var(--acid);color:var(--ink)}.page-intro{font-size:13px;line-height:1.8;color:var(--muted);max-width:600px;margin-top:-10px;margin-bottom:24px}.settings-layout{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start}.settings-group{margin-bottom:20px}.toggle-row{display:flex;align-items:center;gap:12px;padding:15px 0;border-bottom:1px solid var(--line)}.toggle-row:last-child{border-bottom:0}.toggle-copy{flex:1;min-width:0}.toggle-copy b{font-size:13px;display:block;font-weight:600;overflow-wrap:anywhere}.toggle-copy small{display:block;color:var(--muted);font-size:11px;margin-top:4px;line-height:1.55}.switch{position:relative;display:block;width:45px;height:30px;flex-shrink:0}.switch input{position:absolute;inset:-7px 0;margin:0;width:100%;height:44px;opacity:0;cursor:pointer;z-index:2}.switch span{position:absolute;inset:2px 0;background:#d7dccf;border-radius:20px;transition:background .25s}.switch span:after{content:"";position:absolute;left:4px;top:4px;width:18px;height:18px;background:white;border-radius:50%;box-shadow:0 1px 4px #0002;transition:transform .3s cubic-bezier(.3,1.7,.5,1)}.switch input:checked+span{background:var(--ink)}.switch input:checked+span:after{transform:translateX(19px);background:var(--acid)}.switch input:focus-visible+span{outline:3px solid #508448;outline-offset:3px}.edit-small{background:#e9eddf;border-radius:12px;width:40px;height:44px;display:grid;place-items:center;flex-shrink:0}.edit-small .icon{width:16px;height:16px}.primary{border-radius:15px;background:var(--ink);color:var(--paper);min-height:48px;padding:13px 19px;display:flex;align-items:center;justify-content:center;gap:8px;font-size:13px;font-weight:600;width:100%;margin-top:18px}.primary.acid{background:var(--acid);color:var(--ink)}.secondary{border:1px solid var(--line);background:transparent;color:var(--ink)}.empty{padding:25px 10px;text-align:center;color:var(--muted);font-size:13px;line-height:1.8}.history-group{display:grid;gap:12px}.history-item{display:flex;align-items:center;gap:13px;padding:16px 18px;background:#fafbf6;border:1px solid var(--line);border-radius:18px}.history-item .item-copy{flex:1}.history-item small{font-size:11px}.summary-banner{padding:24px;background:var(--acid);border-radius:24px;display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.summary-banner strong{font-size:30px;letter-spacing:-1.2px}.summary-banner small{display:block;margin-top:5px;font-size:11px}.category-filter{display:flex;gap:6px;margin-bottom:20px}.category-filter button{background:#e7ebdf;border-radius:20px;padding:10px 17px;font-size:12px}.category-filter button[aria-pressed=true]{background:var(--ink);color:white}
dialog{padding:0;border:0;border-radius:28px;color:var(--ink);background:var(--paper);width:min(480px,calc(100% - 28px));max-height:88dvh;box-shadow:0 30px 90px #0004;overscroll-behavior:contain}dialog::backdrop{background:#0d211a70;backdrop-filter:blur(7px)}dialog[open]:not(.period-year-picker){animation:sheet-in .4s cubic-bezier(.16,1,.3,1) both}dialog[open]:not(.period-year-picker)::backdrop{animation:sheet-backdrop-in .4s ease-out both}dialog.is-closing:not(.period-year-picker){animation:sheet-out .4s cubic-bezier(.4,0,1,1) both!important}dialog.is-closing:not(.period-year-picker)::backdrop{animation:sheet-backdrop-out .4s ease-in both!important}.sheet-head{display:flex;align-items:center;justify-content:space-between;padding:19px 22px;border-bottom:1px solid var(--line);position:sticky;top:0;background:var(--paper);z-index:2}.sheet-head h2{font-size:19px;letter-spacing:-.5px}.sheet-head .round{width:40px;height:40px}.sheet-body{padding:22px}.field{display:block;margin-bottom:17px;font-size:12px;font-weight:600}.field input,.field select{display:block;width:100%;border:1px solid #cad1c1;background:#fafbf6;border-radius:12px;padding:13px;margin-top:8px;min-height:46px;color:var(--ink);font-weight:400;font-size:16px}.field small{display:block;font-weight:400;color:var(--muted);line-height:1.65;margin-top:7px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.detail-number{font-size:44px;letter-spacing:-2px;margin:9px 0 18px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.detail-number small{font-size:17px;letter-spacing:0}.detail-stat{display:flex;justify-content:space-between;padding:13px 0;border-bottom:1px solid var(--line);font-size:12px;gap:14px}.detail-stat strong{font-weight:600}.detail-chart{height:100px;display:flex;align-items:end;gap:6px;margin:22px 0 8px}.detail-chart i{position:relative;display:flex;align-items:flex-end;justify-content:center;flex:1;height:var(--height);background:var(--accent);border-radius:5px 5px 0 0;opacity:.65;transform-origin:bottom;animation:grow .7s both}.detail-chart i span{padding-bottom:3px;color:var(--ink);font-size:8px;font-weight:800;line-height:1;text-shadow:0 1px 0 #fff8}.detail-chart i.model{opacity:.38;border:1px dotted var(--muted)}.detail-chart i.forecast{opacity:.52;border:1px dashed var(--ink)}.chart-key{display:inline-block;width:8px;height:8px;border-radius:3px;background:var(--green)}.chart-key.chart-model{background:#aab69d}.chart-key.chart-forecast{background:#d8c874}.camera-preview{position:relative;height:220px;border-radius:19px;background:var(--ink);color:#b8c6b1;display:flex;align-items:center;justify-content:center;overflow:hidden;text-align:center;font-size:12px;line-height:1.7}.camera-preview .icon{margin:0 auto 10px}.camera-preview video,.camera-preview canvas{width:100%;height:100%;object-fit:contain}.camera-preview .scanline{position:absolute;left:8%;right:8%;height:1px;top:30%;background:var(--acid);box-shadow:0 0 14px var(--acid);animation:scan 3s infinite alternate}.camera-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px}.camera-actions .primary{font-size:11px;padding:12px 8px}.hint{font-size:11px;color:var(--muted);line-height:1.7;margin:14px 0}.error{font-size:12px;color:var(--red);line-height:1.6}.toast{position:fixed;bottom:105px;left:50%;transform:translateX(-50%);z-index:50;max-width:calc(100vw - 32px);width:max-content;background:var(--ink);color:white;padding:13px 19px;border-radius:16px;font-size:12px;line-height:1.6;box-shadow:0 8px 35px #0003;pointer-events:none}.offline{background:#f1d7a0;border-radius:13px;padding:11px 16px;font-size:12px;margin-bottom:15px}.plus-action{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:var(--ink);color:var(--acid)}body:not(.large) .item-copy b,body:not(.large) .medium-name,body:not(.large) .toggle-copy b{font-size:15px}body.large .item-copy b,body.large .medium-name,body.large .toggle-copy b{font-size:17.25px}body:not(.large) .item-copy small,body:not(.large) .section-note,body:not(.large) .hint,body:not(.large) .toggle-copy small{font-size:13px}body.large .item-copy small,body.large .section-note,body.large .hint,body.large .toggle-copy small{font-size:15px}
@keyframes equalizer{to{transform:scaleY(.5)}}@keyframes pulse{50%{box-shadow:0 0 0 6px #58805510;opacity:.6}}@keyframes page-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes sheet-in{from{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes sheet-backdrop-in{from{opacity:0}to{opacity:1}}@keyframes sheet-out{from{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100%)}}@keyframes sheet-backdrop-out{from{opacity:1}to{opacity:0}}@keyframes grow{from{transform:scale(.15);opacity:.1}}@keyframes drift{to{transform:translateX(6%) translateY(9px)}}@keyframes flow{50%{opacity:.2;transform:scaleX(.5)}}@keyframes scan{to{top:70%}}
@media(max-width:720px){.shell{max-width:510px;padding:0 20px 116px}.masthead{height:82px}.edition{font-size:8px;letter-spacing:1px;margin-left:2px;padding-left:10px}.wordmark{font-size:22px}.headline{margin:9px 0 23px}.headline h1{font-size:39px;letter-spacing:-2px}.layout,.settings-layout{grid-template-columns:1fr;gap:17px}.main-column,.side-column{gap:17px}.hero{padding:24px 23px 20px}.cost{font-size:62px;letter-spacing:-4px}.terrain{margin-left:-23px;margin-right:-23px;height:100px}.terrain-label{left:23px;right:23px}.panel{padding:20px}.balance-card{padding:22px}.balance-amount{font-size:36px}.dock{width:100%;max-width:390px;justify-content:space-between;border-radius:26px}.dock button{padding:0 12px;min-width:48px;flex:1;flex-direction:column;gap:4px;border-radius:20px;min-height:49px}.dock button span{font-size:9px}.dock button .icon{width:19px;height:19px}.dock button[aria-current=page]{flex:1.2}.live-tag{font-size:8px;letter-spacing:.6px}.settings-group{margin-bottom:17px}dialog{margin:auto auto 0;width:100%;max-width:510px;max-height:92dvh;border-radius:27px 27px 0 0;padding-bottom:env(safe-area-inset-bottom)}.footer-note{margin-top:23px}.summary-banner strong{font-size:27px}}
@media(max-width:360px){.shell{padding-left:14px;padding-right:14px}.cost{font-size:53px}.headline h1{font-size:34px}.edition{display:none}.hero{padding-left:20px;padding-right:20px}.form-grid{grid-template-columns:1fr}.item-price{font-size:12px}.medium{gap:9px;padding-left:0;padding-right:0}.medium-money strong{font-size:12px}.medium-name{font-size:12px}.toggle-row{gap:8px}.toggle-row .expense-icon{width:34px;height:38px}.edit-small{width:34px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}body.still *,body.still *:before,body.still *:after{animation:none!important;transition:none!important}
@media(max-width:720px){.layout .main-column,.layout .side-column{display:contents}.layout>.main-column>.hero{order:1}.layout .balance-card{order:2}.layout .capture{order:3}.layout .media-panel{order:4}.layout .breakdown{order:5}.layout .upcoming{order:6}.layout .note-card{order:7}}
/* 10 — αpuls. Topic workspaces extend the approved PULS visual system. */
html{scrollbar-gutter:stable}button{transition:background .2s,transform .2s}textarea{font:inherit;resize:vertical}.brand-home{display:flex;align-items:center;background:transparent;padding:0;text-align:left}.wordmark{gap:5px;font-size:28px;letter-spacing:-1.8px}.alpha-mark{width:43px;height:43px;border-radius:15px;background:var(--ink);color:var(--acid);display:grid;place-items:center;margin-right:4px;position:relative;overflow:hidden}.alpha-mark svg{width:33px;height:33px;fill:none;stroke:currentColor;stroke-width:2.8;stroke-linecap:round;stroke-linejoin:round}.alpha-mark:after{content:'';position:absolute;inset:-50%;background:linear-gradient(110deg,transparent 45%,#ffffff20 50%,transparent 55%);animation:brand-shine 8s ease-in-out infinite}.brand-domain{display:block;font-size:9px;letter-spacing:1.8px;color:var(--muted);margin-top:5px;font-weight:550}.brand-text{line-height:.9}.mast-actions{display:flex;gap:8px}.mast-actions .round{width:42px;height:42px}.masthead .edition{font-size:9px}.home-extras{display:grid;grid-template-columns:1.25fr 1fr;gap:20px;margin-top:20px}.vault-teaser{background:#e5ebdc;display:flex;align-items:center;gap:16px;width:100%;border-radius:24px;padding:23px;text-align:left;border:1px solid #d4ddc8}.vault-teaser .item-copy{flex:1}.vault-teaser .item-copy b{font-size:16px}.vault-teaser .item-copy small{font-size:12px}.vault-symbol{width:56px;height:56px;border-radius:18px;display:grid;place-items:center;background:var(--ink);color:var(--acid);box-shadow:6px 6px 0 #c7d2b7;flex-shrink:0}.vault-symbol .icon{width:28px;height:28px}.welcome-strip{display:flex;gap:10px;flex-wrap:wrap;margin:-5px 0 21px}.micro-chip{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border-radius:30px;font-size:10px;background:#e8ecdf;color:#53624c}.micro-chip .icon{width:13px;height:13px}.micro-chip.accent{background:var(--acid);color:var(--ink)}.workspace{--accent:#526a40;--tint:#e5ebdb}.workspace-head{display:flex;align-items:center;justify-content:space-between;margin:7px 0 22px;gap:10px}.back-link{background:transparent;display:flex;align-items:center;gap:8px;font-size:12px;min-height:44px}.back-link .icon{transform:rotate(180deg);width:17px}.topic-hero{display:grid;grid-template-columns:1.3fr 1fr;background:var(--tint);border:1px solid color-mix(in srgb,var(--accent) 15%,transparent);border-radius:28px;overflow:hidden;position:relative;margin-bottom:20px;min-height:237px}.topic-hero-copy{padding:30px;position:relative;z-index:1}.topic-hero h1{font-size:clamp(34px,5vw,51px);line-height:1.07;letter-spacing:-2px;font-weight:650;margin:12px 0}.topic-hero p{font-size:13px;line-height:1.75;max-width:400px;color:#526157}.topic-hero .eyebrow{color:var(--accent)}.topic-art{position:relative;display:flex;align-items:center;justify-content:center;min-height:180px;overflow:hidden}.topic-art:before{content:'';width:190px;height:190px;border:1px solid color-mix(in srgb,var(--accent) 20%,transparent);border-radius:50%;position:absolute}.topic-art:after{content:'';width:250px;height:250px;border:1px dashed color-mix(in srgb,var(--accent) 15%,transparent);border-radius:50%;position:absolute;animation:orbit 45s linear infinite}.artifact-card{width:146px;min-height:154px;position:relative;z-index:1;border-radius:24px;background:#fafbf6;box-shadow:12px 14px 0 color-mix(in srgb,var(--accent) 14%,transparent);padding:20px;transform:rotate(-7deg);animation:float-card 6s ease-in-out infinite}.artifact-card>.icon{color:var(--accent);width:34px;height:34px;margin-bottom:19px}.artifact-screen{font-size:24px;letter-spacing:-1px;font-weight:650;background:var(--tint);padding:9px;border-radius:9px}.artifact-label{font-size:8px;text-transform:uppercase;letter-spacing:1.1px;margin-top:9px;color:var(--muted)}.art-spark{position:absolute;right:18%;top:20%;width:33px;height:33px;border-radius:50%;background:var(--acid);display:grid;place-items:center;z-index:2;animation:pulse 3s infinite}.art-spark .icon{width:15px}.topic-tabs{display:flex;gap:5px;padding:5px;background:#e5e9dd;border-radius:20px;margin:0 0 21px;overflow-x:auto;scrollbar-width:none}.topic-tabs button{min-height:45px;flex:1;border-radius:15px;background:none;white-space:nowrap;padding:10px 13px;font-size:12px;display:flex;gap:7px;align-items:center;justify-content:center}.topic-tabs .icon{width:17px;height:17px}.topic-tabs button[aria-pressed=true]{background:var(--ink);color:var(--paper);box-shadow:0 4px 12px #18231f14}.workspace-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:20px;align-items:start}.stack{display:grid;gap:20px;min-width:0}.stack>.primary{margin-top:0}.workspace .panel-head{margin-bottom:17px}.workspace h3{font-size:15px;letter-spacing:-.3px;font-weight:650}.muted{color:var(--muted)}.lead{font-size:13px;line-height:1.75;color:#64705e}.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin:18px 0}.stat-cell{padding:17px;background:var(--tint);border-radius:18px;min-width:0}.stat-cell span{font-size:10px;color:#596551;display:block;line-height:1.5}.stat-cell strong{font-size:23px;letter-spacing:-.8px;display:block;margin-top:7px;font-weight:600;overflow-wrap:anywhere}.stat-cell small{font-size:11px;font-weight:400}.steps{display:grid;gap:0;margin-top:8px}.step{display:flex;align-items:center;gap:13px;padding:17px 0;text-align:left;background:transparent;border-bottom:1px solid var(--line);width:100%}.step:last-child{border:0}.step-number{width:32px;height:32px;border:1px solid #d0d8c5;border-radius:50%;display:grid;place-items:center;font-size:11px;flex-shrink:0}.step.done .step-number{background:var(--ink);border-color:var(--ink);color:var(--acid)}.step-number .icon{width:15px}.step .item-copy{flex:1}.step>.icon{width:15px;color:var(--muted)}.guide-panel{background:#e9edde}.guide-illustration{padding:21px 0;display:flex;justify-content:center;gap:9px;align-items:center}.guide-illustration .guide-tile{background:#fafbf6;border-radius:16px;width:57px;height:64px;display:grid;place-items:center;box-shadow:0 6px 0 #d8dfcc}.guide-illustration>.icon{width:15px;color:#7f8b75}.guide-panel p{font-size:12px;line-height:1.8}.guide-panel details{border-top:1px solid #d2dac6;margin-top:17px;padding-top:15px}.guide-panel summary{font-size:12px;font-weight:650;cursor:pointer;min-height:30px}.guide-panel details p{margin-top:8px}.form-section{margin-bottom:23px}.form-section-title{display:flex;gap:9px;align-items:center;font-size:12px;margin-bottom:19px;color:var(--accent);font-weight:700}.form-section-title .icon{width:18px}.field textarea{display:block;width:100%;min-height:88px;padding:13px;border:1px solid #cad1c1;background:#fafbf6;border-radius:12px;margin-top:8px;font-size:16px;font-weight:400;color:var(--ink)}.field{min-width:0}.field select{max-width:100%}.field textarea:focus-visible{outline:3px solid #508448;outline-offset:3px}.workspace-form>.primary{margin-top:7px}.form-status{font-size:11px;color:var(--green);line-height:1.7;min-height:20px;margin-top:12px}.inline-buttons{display:flex;gap:9px;flex-wrap:wrap}.inline-buttons .primary{flex:1;min-width:110px}.neutral-button{display:inline-flex;align-items:center;gap:7px;min-height:42px;border:1px solid var(--line);border-radius:13px;background:transparent;padding:9px 13px;font-size:11px}.neutral-button .icon{width:16px;height:16px}.danger-button{color:var(--red)}.room-map{display:grid;grid-template-columns:1.3fr 1fr;gap:8px;background:#e2e5d9;border:7px solid #d4d9ca;border-radius:22px;padding:8px;position:relative;margin:20px 0 14px}.room-tile{position:relative;padding:18px 13px 13px;min-height:124px;background:#fafbf6;border-radius:12px;text-align:left;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:12px;box-shadow:inset 0 -3px #00000003}.room-tile:first-child{grid-row:span 2;min-height:255px;background:#eee9dc}.room-tile:hover,.room-tile[aria-pressed=true]{background:var(--tint);outline:2px solid var(--accent);outline-offset:-2px}.room-tile .radiator-drawing{display:flex;gap:3px;position:absolute;top:10px;right:11px}.radiator-drawing i{height:22px;width:4px;background:var(--accent);border-radius:3px;opacity:.7;animation:heat-breathe 3s infinite alternate}.radiator-drawing i:nth-child(2n){animation-delay:-1.5s}.room-number{background:var(--ink);color:var(--paper);font-size:10px;width:25px;height:25px;display:grid;place-items:center;border-radius:8px}.room-tile b{font-size:12px;font-weight:600;overflow-wrap:anywhere;max-width:100%;padding-top:15px}.room-tile small{display:block;font-size:9px;font-weight:400;color:var(--muted);margin-top:4px}.map-caption{display:flex;justify-content:space-between;gap:12px;font-size:10px;line-height:1.6;color:var(--muted)}.device-card{padding:19px;border:1px solid var(--line);border-radius:21px;background:#fafbf6;animation:page-in .4s ease both}.device-head{display:flex;gap:12px;align-items:center;margin-bottom:14px}.device-head .item-copy{flex:1;min-width:0}.device-value{font-size:30px;font-weight:600;letter-spacing:-1.1px;padding:8px 0}.device-value small{font-size:12px;letter-spacing:0;color:var(--muted)}.device-meta{font-size:10px;color:var(--muted);line-height:1.75;overflow-wrap:anywhere}.device-card .inline-buttons{gap:7px}.device-card .primary{font-size:11px;min-width:0;padding:12px 10px}.device-card.active{border-color:var(--accent);background:var(--tint)}.device-list{display:grid;gap:12px}.device-strip{display:flex;gap:10px;align-items:center;padding:12px 14px;border-radius:15px;background:var(--tint);margin-bottom:18px}.device-strip .item-copy{flex:1}.device-strip .icon{color:var(--accent)}.document-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.document-card{border:1px solid var(--line);border-radius:21px;overflow:hidden;background:#fafbf6;animation:page-in .4s ease both;min-width:0}.document-open{display:block;background:transparent;width:100%;text-align:left;padding:0}.document-cover{height:115px;background:#e7ecde;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.document-cover .icon{width:38px;height:38px;color:#71845e}.document-cover img{width:100%;height:100%;object-fit:cover}.doc-kind{position:absolute;left:10px;bottom:9px;padding:4px 7px;background:#fafbf6ed;border-radius:7px;font-size:8px;text-transform:uppercase;letter-spacing:1px}.document-copy{padding:14px}.document-copy b{font-size:12px;font-weight:650;display:block;overflow-wrap:anywhere;line-height:1.5}.document-copy small{font-size:10px;color:var(--muted);display:block;margin-top:6px;line-height:1.6}.vault-toolbar{display:flex;gap:10px;margin-bottom:18px;align-items:center}.search-field{position:relative;flex:1}.search-field input{width:100%;min-height:48px;border:1px solid var(--line);border-radius:15px;background:#fafbf6;padding:12px 15px 12px 42px;font-size:14px;color:var(--ink)}.search-field>.icon{position:absolute;left:14px;top:14px;width:19px;height:19px;color:var(--muted)}.vault-filter{display:flex;gap:7px;overflow:auto;padding-bottom:10px;margin-bottom:12px;scrollbar-width:thin}.vault-filter button{white-space:nowrap;min-height:37px;font-size:11px;border-radius:20px;padding:8px 13px;background:#e6eadf}.vault-filter button[aria-pressed=true]{background:var(--ink);color:var(--paper)}.upload-area{padding:26px 20px;border:1.5px dashed #adbda0;border-radius:20px;background:#eaf0df;text-align:center;cursor:pointer;display:block}.upload-area>.icon{margin:0 auto 12px;color:#53664a;width:27px;height:27px}.upload-area strong{display:block;font-size:14px}.upload-area small{display:block;color:var(--muted);font-size:11px;margin-top:8px;line-height:1.6}.file-preview{max-width:100%;max-height:48dvh;display:block;margin:0 auto 16px;border-radius:16px;object-fit:contain}.pdf-preview{border:1px solid var(--line);width:100%;height:43dvh;border-radius:14px;background:white}.doc-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:17px}.doc-actions a{text-decoration:none}.empty-art{margin:12px auto 23px;width:80px;height:80px;display:grid;place-items:center;background:#e6eddb;border-radius:25px;transform:rotate(-5deg)}.empty-art .icon{width:36px;height:36px;color:#6a8054}.empty h3{color:var(--ink);margin-bottom:8px}.empty .primary{max-width:300px;margin:20px auto 0}.vault-hero{display:flex;gap:20px;align-items:center;padding:25px;border-radius:25px;background:var(--ink);color:var(--paper);margin-bottom:21px;position:relative;overflow:hidden}.vault-hero .vault-symbol{background:var(--acid);color:var(--ink);box-shadow:6px 6px 0 #ffffff17}.vault-hero p{font-size:11px;line-height:1.8;color:#b7c5ad;margin-top:6px}.vault-hero strong{font-size:25px;font-weight:550;letter-spacing:-.8px}.vault-hero>div:last-child{flex:1}.toast{z-index:100}.document-count{font-variant-numeric:tabular-nums}.reading-photo-link{margin-top:6px;color:var(--green);font-size:10px;display:flex;align-items:center;gap:5px;background:transparent;padding:4px 0}.reading-photo-link .icon{width:12px;height:12px}.reading-context{display:block;font-size:10px;color:var(--muted);font-weight:450;margin-top:4px}.section-divider{border:0;border-top:1px solid var(--line);margin:22px 0}.big-date{font-size:36px;letter-spacing:-1px;font-weight:600;margin:18px 0 8px}.topic-details-note{font-size:11px;line-height:1.7;color:var(--muted);margin-top:16px}.install-label{font-size:9px;letter-spacing:1px;display:flex;align-items:center;gap:5px}body:not(.large) .lead,body:not(.large) .guide-panel p,body:not(.large) .topic-hero p{font-size:15px}.large .lead,.large .guide-panel p,.large .topic-hero p{font-size:17.25px}body:not(.large) .field,body:not(.large) .device-meta,body:not(.large) .topic-details-note{font-size:13px}.large .field,.large .device-meta,.large .topic-details-note{font-size:15px}body:not(.large) .topic-tabs button{font-size:14px}.large .topic-tabs button{font-size:16.1px}
@keyframes brand-shine{0%,75%{transform:translateX(-70%)}100%{transform:translateX(70%)}}@keyframes float-card{50%{transform:translateY(-7px) rotate(-3deg)}}@keyframes orbit{to{transform:rotate(360deg)}}@keyframes heat-breathe{to{opacity:.3;transform:translateY(-2px)}}
@media(max-width:720px){.home-extras,.workspace-grid{grid-template-columns:1fr;gap:17px}.home-extras{margin-top:17px}.wordmark{font-size:26px}.alpha-mark{width:39px;height:39px;border-radius:13px}.alpha-mark svg{width:30px;height:30px}.masthead .edition{display:none}.brand-domain{font-size:8px}.topic-hero{grid-template-columns:minmax(0,1fr) 115px;min-height:198px;border-radius:25px}.topic-hero-copy{padding:24px 0 24px 22px}.topic-hero h1{font-size:35px;letter-spacing:-1.5px;overflow-wrap:anywhere}.topic-hero p{font-size:11px;line-height:1.75}.topic-hero .eyebrow{font-size:8px;letter-spacing:1.3px}.topic-art{min-height:170px}.topic-art:before{width:130px;height:130px}.topic-art:after{width:172px;height:172px}.artifact-card{width:91px;min-height:110px;padding:13px;border-radius:16px;box-shadow:7px 9px 0 color-mix(in srgb,var(--accent) 14%,transparent)}.artifact-card>.icon{width:25px;height:25px;margin-bottom:14px}.artifact-screen{font-size:15px;padding:6px}.artifact-label{font-size:6px;letter-spacing:.5px}.art-spark{right:10%;top:20%;width:25px;height:25px}.art-spark .icon{width:12px}.topic-tabs{gap:2px;border-radius:17px;margin-bottom:17px;padding:4px}.topic-tabs button{font-size:10px;min-height:46px;padding:8px 6px;gap:5px}.topic-tabs .icon{width:15px;height:15px}.workspace-head{margin:0 0 13px}.stack{gap:17px}.room-map{border-width:5px;padding:6px;gap:6px}.room-tile{padding:14px 11px;min-height:113px}.room-tile:first-child{min-height:232px}.stat-cell{padding:15px}.stat-cell strong{font-size:22px}.vault-teaser{padding:20px}.vault-teaser .item-copy b{font-size:15px}.vault-teaser .item-copy small{font-size:11px}.document-grid{gap:10px}.document-cover{height:104px}.document-copy{padding:12px}.vault-hero{padding:22px;gap:16px}.vault-symbol{width:49px;height:49px}.vault-hero strong{font-size:22px}.welcome-strip{gap:6px;margin-bottom:18px}.micro-chip{font-size:9px;padding:6px 9px}.history-item{padding:15px 12px}.history-item .medium-icon{width:35px;height:38px}.history-item{gap:10px}.room-map .room-tile:last-child:nth-child(2){min-height:232px}body:not(.large) .topic-tabs button{font-size:11px}.large .topic-tabs button{font-size:12.65px;padding-left:4px;padding-right:4px;gap:4px}}
@media(max-width:360px){.topic-hero{grid-template-columns:minmax(0,1fr) 95px}.topic-hero-copy{padding-left:18px}.topic-hero h1{font-size:30px}.artifact-card{width:78px}.topic-tabs button{font-size:9px;gap:3px}.topic-tabs .icon{width:13px}.mast-actions{gap:5px}.mast-actions .round{width:37px;height:37px}.document-copy b{font-size:11px}.stat-cell strong{font-size:19px}.vault-hero{padding:18px}.vault-hero strong{font-size:20px}.room-tile b{font-size:11px}}
/* Compact circular actions keep edit/delete controls readable without adding text to dense rows. */
.icon-action{width:32px;height:32px;min-width:32px;padding:0;display:inline-grid;place-items:center;border:1px solid var(--line);border-radius:50%;background:#eef2e9;color:var(--ink);vertical-align:middle}.icon-action .icon{width:15px;height:15px}.icon-action:hover{background:var(--acid);border-color:var(--acid)}.icon-action.danger{color:#a35643;background:#fff1eb;border-color:#e7c8b6}.icon-action.danger:hover{background:#f5ddd2;border-color:#d9a995}.icon-action:disabled{opacity:.45}
/* Keyboard focus belongs on controls, not a frame around the entire view. */
#content:focus{outline:none}.home-extras{align-items:start}.home-extras>.vault-teaser{min-height:160px}.topic-hero h1{overflow-wrap:anywhere}html:has(dialog[open]){overflow:hidden}.upload-area:has(+input:focus-visible){outline:3px solid #508448;outline-offset:4px}.document-cover,.document-copy{display:block}.document-cover{display:flex}.document-copy{min-height:92px}.field input:invalid:not(:placeholder-shown){box-shadow:none}
@media(max-width:720px){.home-extras>.vault-teaser{min-height:120px}.workspace-grid:has(.device-list)>.stack>.guide-panel{order:3}.workspace-grid:has(.device-list){display:flex;flex-direction:column}.workspace-grid:has(.device-list)>.stack{display:contents}.workspace-grid:has(.device-list)>.stack>.panel:first-child{order:1;width:100%}.workspace-grid:has(.device-list)>.device-list{order:2;width:100%}.workspace-grid:has(.device-list)>.stack>.guide-panel{width:100%}.headline h1{font-size:clamp(32px,9.8vw,39px)}.headline .live-tag{max-width:64px;white-space:normal;line-height:1.7}.topic-tabs{scroll-margin-top:15px}}
.workspace-grid>*{min-width:0}.topic-hero-copy{min-width:0}.topic-tabs{max-width:100%}.vault-filter{max-width:100%}.vault-toolbar{min-width:0}.search-field{min-width:0}.topic-hero p{overflow-wrap:anywhere}

/* A visible waiting indicator; motion preference keeps a static indicator. */
.ocr-loading{display:flex;align-items:center;gap:10px;padding:12px;border-radius:12px;background:#e5ebdc;color:var(--ink)}.ocr-loading::before{content:'';width:20px;height:20px;flex-shrink:0;border:3px solid #aab89e;border-top-color:#263c28;border-radius:50%;animation:ocr-wait .8s linear infinite}@keyframes ocr-wait{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.ocr-loading::before{animation:none}}
.vault-secure-stamp{position:absolute;z-index:2;top:15px;right:-39px;width:158px;padding:6px 4px;transform:rotate(35deg);background:var(--ink);color:var(--acid);text-align:center;font-size:8px;font-weight:750;letter-spacing:.5px;box-shadow:0 2px 8px #18231f30}.vault-crypto-note{padding:13px 14px;border-left:3px solid #526a40;border-radius:0 12px 12px 0;background:#eaf0df;color:#45533f;font-size:11px;line-height:1.7;margin:13px 0}.vault-crypto-note strong{display:block;margin-bottom:3px;color:var(--ink)}.vault-key-panel{display:grid;gap:12px}.vault-key-panel .field textarea{font:600 14px/1.7 ui-monospace,Consolas,monospace;overflow-wrap:anywhere}.vault-key-confirm{display:flex;align-items:flex-start;gap:10px;font-size:12px;line-height:1.6;padding:9px 0}.vault-key-confirm input{width:20px;height:20px;flex-shrink:0;margin-top:1px}.vault-key-panel>.primary{width:100%}.vault-reset-key{display:block;margin-top:10px;padding:0;background:transparent;color:#6f3329;font-size:10px;text-decoration:underline;text-underline-offset:3px}
.vault-forget-key{display:block;margin-top:10px;padding:0;background:transparent;color:#526a40;font-size:10px;text-decoration:underline;text-underline-offset:3px}
/* Live account marker: a shared visual cue for every read-only sample screen. */
.live-mode-badge{display:flex;align-items:center;justify-content:center;gap:9px;min-width:max-content;padding:10px 18px;border:1px solid #5eadd4;border-radius:999px;background:linear-gradient(135deg,#effaff,#d9f2ff);color:#17618a;font-size:clamp(18px,2.3vw,27px);font-weight:800;letter-spacing:-.6px;line-height:1;box-shadow:0 9px 25px rgba(55,145,199,.34),0 0 0 3px rgba(92,181,224,.18)}
.live-mode-badge-dot{width:10px;height:10px;border-radius:50%;background:#3da6d9;box-shadow:0 0 0 5px rgba(61,166,217,.16);animation:live-badge-pulse 2.2s ease-in-out infinite}
html[data-alfa-mode="live"] .live-mode-badge{position:static!important;inset:auto!important;margin:0!important;transform:none!important}
.live-mode-tools{display:flex;align-items:center;gap:8px;min-width:max-content}
.live-back-button,.live-entry-button{display:grid;place-items:center;padding:0;border:1px solid #5eadd4;border-radius:50%;background:linear-gradient(135deg,#effaff,#d9f2ff);color:#17618a;box-shadow:0 9px 25px rgba(55,145,199,.34),0 0 0 3px rgba(92,181,224,.18);cursor:pointer;transition:transform .2s,box-shadow .2s,background .2s}
.live-back-button{width:49px;height:49px}
.live-back-button:hover,.live-entry-button:hover{background:#e4f7ff;box-shadow:0 10px 28px rgba(55,145,199,.42),0 0 0 4px rgba(92,181,224,.22);transform:translateY(-1px)}
.live-back-button:focus-visible,.live-entry-button:focus-visible{outline:3px solid rgba(61,166,217,.48);outline-offset:3px}
.live-back-button .icon{width:21px;height:21px;stroke-width:2.2}
.live-entry-button .icon{width:14px;height:14px;stroke-width:2.2}
.live-entry-button > .icon > svg.icon{width:100%;height:100%}
.live-entry{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:2px;width:var(--mast-action-size);align-self:flex-end;flex-shrink:0}
.live-entry-button{width:21px;height:21px;box-shadow:0 5px 12px rgba(55,145,199,.28),0 0 0 2px rgba(92,181,224,.14)}
.live-entry-label{color:#17618a;font-size:6px;font-weight:800;letter-spacing:1px;line-height:1}.masthead.has-live-entry{position:relative}.masthead.has-live-entry .live-entry{position:absolute;z-index:2;right:0;top:calc(100% + 14px)}

html[data-alfa-mode="live"] .panel,
html[data-alfa-mode="live"] .hero,
html[data-alfa-mode="live"] .topic-hero,
html[data-alfa-mode="live"] .device-card,
html[data-alfa-mode="live"] .document-card,
html[data-alfa-mode="live"] .history-item,
html[data-alfa-mode="live"] .note-card,
html[data-alfa-mode="live"] .summary-banner,
html[data-alfa-mode="live"] .vault-teaser,
html[data-alfa-mode="live"] .capture,
html[data-alfa-mode="live"] .balance-card{box-shadow:0 12px 32px rgba(55,145,199,.34),0 0 0 1px rgba(92,181,224,.22)}
html[data-alfa-mode="live"] dialog{box-shadow:0 30px 90px rgba(54,157,213,.44),0 0 0 1px rgba(92,181,224,.3)}
@keyframes live-badge-pulse{0%,100%{box-shadow:0 0 0 5px rgba(61,166,217,.14)}50%{box-shadow:0 0 0 8px rgba(61,166,217,.25)}}
html[data-alfa-mode="live"] .masthead{display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-rows:auto;height:100px;align-items:center;column-gap:12px}
html[data-alfa-mode="live"] .brand-home{grid-column:1;grid-row:1;align-self:center;min-width:0}
html[data-alfa-mode="live"] .live-mode-tools{grid-column:2;grid-row:1;justify-self:start;align-self:center}
html[data-alfa-mode="live"] .mast-right{grid-column:3;grid-row:1;align-self:center}
@media(max-width:720px){html[data-alfa-mode="live"] .masthead{height:82px;column-gap:8px}.live-back-button{width:33px;height:33px}.live-back-button .icon{width:16px;height:16px}.live-mode-badge{font-size:15px;padding:8px 11px;gap:7px}.live-mode-badge-dot{width:8px;height:8px}.masthead .brand-home{min-width:0}.masthead .wordmark{min-width:0}.masthead .brand-text{min-width:0}}
@media(max-width:420px){html[data-alfa-mode="live"] .masthead{column-gap:4px}.live-mode-tools{gap:5px}.live-back-button{width:26px;height:26px}.live-back-button .icon{width:16px;height:16px}.live-mode-badge{font-size:12px;padding:6px 7px;gap:5px}html[data-alfa-mode="live"] .mast-right{--mast-action-size:30px;--mast-action-gap:4px;inline-size:98px}html[data-alfa-mode="live"] .mast-actions .round{width:30px;height:30px}html[data-alfa-mode="live"] .mast-status{height:22px;min-height:22px}html[data-alfa-mode="live"] .mast-status .offline,html[data-alfa-mode="live"] .mast-status .mast-status-note,html[data-alfa-mode="live"] .sync-status{width:30px}.live-entry-button{width:17px;height:17px}.live-entry-button .icon{width:12px;height:12px}}
@media(max-width:360px){html[data-alfa-mode="live"] .brand-home .alpha-mark{width:33px;height:33px;border-radius:10px}html[data-alfa-mode="live"] .brand-home .alpha-mark svg{width:25px;height:25px}html[data-alfa-mode="live"] .brand-home .wordmark{font-size:22px}html[data-alfa-mode="live"] .brand-home .brand-domain{font-size:6.5px;letter-spacing:1.2px}html[data-alfa-mode="live"] .mast-right{--mast-action-size:29px;--mast-action-gap:3px;inline-size:93px}.live-mode-tools{gap:3px}.live-back-button{width:25px;height:25px}.live-back-button .icon{width:15px;height:15px}.live-mode-badge{font-size:11px;padding:6px 6px;gap:4px}.live-entry-button{width:16px;height:16px}.live-entry-button .icon{width:11px;height:11px}}


@media(max-width:720px){.masthead.has-live-entry .live-entry{top:calc(100% + 9px)}}
/* Shared thumb-operated camera bottom sheet for all meter readings. */
.reading-camera-modal{margin:auto auto 0;width:100%;max-width:600px;max-height:96dvh;border-radius:26px 26px 0 0;background:#111814;color:#f2f5ef;overflow:auto;padding-bottom:env(safe-area-inset-bottom)}
.reading-camera-modal .sheet-head{background:#111814;color:#f2f5ef;padding:12px 16px;border-color:#ffffff25}
.reading-camera-modal .sheet-head h2{font-size:17px;min-width:0;overflow-wrap:anywhere}
.camera-modal-head{touch-action:none}
#camera-workspace{display:block;height:auto;border-radius:16px;overflow:hidden;background:#080b09}
#camera-workspace[hidden]{display:none}
#camera-workspace .camera-stage{position:relative;inset:auto;width:100%;height:clamp(150px,34dvh,320px);overflow:hidden}
#camera-workspace .camera-thumb-controls{display:none}
.reading-camera-modal #camera-workspace .camera-thumb-controls{display:grid;grid-template-columns:76px minmax(110px,1fr) 148px;gap:8px;padding:12px 8px 8px;background:#111814;align-items:stretch}
.camera-slider-column{display:flex;flex-direction:column;align-items:center;gap:5px;min-width:0;padding:5px 2px;border-radius:18px;background:#ffffff0d;font-size:12px;color:#f2f5ef}
.camera-slider-column output{font-size:11px;color:#b9c8b8;font-variant-numeric:tabular-nums;white-space:nowrap}
.camera-slider-column input[type=range]{writing-mode:vertical-lr;direction:rtl;appearance:auto;width:64px;height:clamp(115px,23dvh,210px);min-height:115px;max-width:64px;padding:0;margin:0;accent-color:#69f28a;touch-action:none;cursor:pointer}
.camera-slider-column input[type=range]:focus-visible{outline:2px solid #69f28a;outline-offset:2px;border-radius:8px}
.camera-slider-column.camera-slider-grabbed{background:#69f28a35;box-shadow:0 0 0 2px #69f28a,0 0 18px #69f28a55}
.camera-slider-column input[type=range]::-webkit-slider-thumb{width:44px;height:44px;border:3px solid #f5f8f1;border-radius:50%;background:#69f28a;box-shadow:0 2px 8px #0008}
.camera-slider-column input[type=range]::-moz-range-thumb{width:40px;height:40px;border:3px solid #f5f8f1;border-radius:50%;background:#69f28a;box-shadow:0 2px 8px #0008}
.camera-frame-sliders{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.camera-thumb-center{display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:8px;text-align:center;min-width:0}
.camera-thumb-center #camera-torch{width:52px;min-width:52px;min-height:52px;padding:10px;border-radius:50%;background:#303b32;color:#fff}
.camera-thumb-center #camera-torch .icon{width:25px;height:25px;margin:auto}
.camera-thumb-center #camera-torch[aria-pressed=true]{background:#d3f75b;color:#122018}
.camera-thumb-center #camera-torch:disabled{opacity:.55}
.camera-thumb-center #camera-target-status{min-height:44px;font-size:12px;line-height:1.5;max-width:100%;margin:0;color:#d7ded3}
.camera-thumb-center #camera-target-status.camera-ready{color:#69f28a}
.camera-thumb-center .camera-shutter{width:76px;height:76px;min-height:76px;flex-shrink:0;border:3px solid #f1f5ed;border-radius:50%;background:#69f28a;color:#102016;padding:6px;display:grid;place-items:center;box-shadow:0 0 0 4px #69f28a25;touch-action:manipulation}
.camera-shutter span{width:100%;height:100%;border:2px solid #15351f;border-radius:50%;display:block}
.camera-thumb-center .camera-shutter.camera-ready{box-shadow:0 0 0 5px #69f28a65}
.camera-thumb-center .camera-shutter:disabled{opacity:.4}
.camera-thumb-center .camera-shutter[hidden]{display:none}
.camera-thumb-center small{font-size:10px;color:#b9c8b8;line-height:1.3}
.camera-modal-hint{padding:4px 16px 12px;margin:0;color:#b9c8b8;font-size:11px;line-height:1.5}
@media(max-height:540px){#camera-workspace .camera-stage{height:28dvh}.camera-slider-column input[type=range]{height:115px}.reading-camera-modal .sheet-head{padding:6px 12px}.camera-modal-hint{display:none}.camera-thumb-center .camera-shutter{width:58px;height:58px;min-height:58px}}
@media(max-width:370px){.reading-camera-modal #camera-workspace .camera-thumb-controls{grid-template-columns:68px minmax(84px,1fr) 136px;gap:5px;padding-left:5px;padding-right:5px}.camera-slider-column input[type=range]{width:60px;max-width:60px}.camera-frame-sliders{gap:4px}.camera-thumb-center .camera-shutter{width:68px;height:68px;min-height:68px}}
@media(prefers-reduced-motion:reduce){.reading-camera-modal[open]{animation:none}}
.payment-action{width:100%;margin-top:10px;padding:13px 16px;border-radius:19px;background:#eff7e9;color:var(--ink);display:flex;gap:13px;align-items:center;text-align:left;border:1px solid #cce2bd}.payment-action-icon{width:58px;height:58px;display:grid;place-items:center;border-radius:20px;background:#4e8b45;color:white;box-shadow:5px 5px 0 #d4e6c9;flex:0 0 auto}.payment-action-icon .icon{width:31px;height:31px}.payment-action b,.payment-action small{display:block}.payment-action b{font-size:15px}.payment-action small{font-size:11px;color:#5c7157;margin-top:4px}.payment-intro{margin-bottom:18px}.payment-summary{padding:16px;border-radius:18px;background:#eaf1e3;margin:14px 0 18px}.payment-summary b,.payment-summary small{display:block}.payment-summary b{font-size:16px}.payment-summary small{font-size:12px;line-height:1.55;color:var(--muted);margin-top:5px}.payment-qr{display:grid;place-items:center;margin:18px auto 10px;max-width:330px;background:#fff;border-radius:20px;padding:12px;box-shadow:0 7px 25px #18231f12}.payment-qr img{width:100%;display:block;border-radius:12px;-webkit-user-select:auto;user-select:auto;-webkit-touch-callout:default;touch-action:manipulation}.payment-hold{text-align:center;font-size:12px;color:var(--muted);line-height:1.65;margin:10px 0 2px}.payment-status{min-height:20px;font-size:12px;color:var(--green);line-height:1.6;margin-top:10px}
.payment-amount-line{display:flex;align-items:center;justify-content:space-between;gap:16px}.payment-amount-line .big-date{margin:18px 0 8px}.payment-quick-wrap{display:flex;flex-direction:column;align-items:center;gap:4px;font-size:10px;font-weight:700}.payment-quick{width:58px;height:58px;min-width:58px;padding:0;display:grid;place-items:center;border-radius:50%;background:var(--acid);color:var(--ink);box-shadow:5px 5px 0 #d5e4bd}.payment-quick .icon{width:28px;height:28px}.payment-iban-toggle{display:flex;align-items:center;gap:9px;font-size:13px;font-weight:650;margin:3px 0 16px}.payment-iban-toggle input{width:19px;height:19px;accent-color:#4e8b45}.payment-recap{margin-top:14px;padding:15px;border-radius:18px;background:#eaf1e3}.payment-recap>b{display:block;font-size:14px}.payment-recap dl{margin:12px 0 0;display:grid;gap:7px}.payment-recap dl div{display:flex;justify-content:space-between;align-items:baseline;gap:15px;font-size:12px}.payment-recap dt{color:var(--muted)}.payment-recap dd{margin:0;text-align:right;font-weight:600;overflow-wrap:anywhere}.payment-change{font-size:12px;line-height:1.6;color:var(--muted);margin:17px 0 12px}.payment-missing-arrow{display:inline-flex;vertical-align:middle;color:var(--green);animation:payment-missing 1.1s ease-in-out infinite}.payment-missing-arrow .icon{width:16px;height:16px}.link-button{display:inline;padding:0;background:transparent;color:var(--green);text-decoration:underline;font:inherit;font-weight:700}.payment-missing{display:block;width:max-content;margin:-13px 0 12px auto;color:#aab1a7;font-weight:800;letter-spacing:2px;animation:payment-missing 1.4s ease-in-out infinite}.reading-camera-modal .round{color:var(--ink)!important}@keyframes payment-missing{50%{opacity:.25}}
.payment-details-title{grid-column:1/-1;margin:7px 0 2px}.payment-details-note{grid-column:1/-1;margin:-5px 0 8px}.workspace-form .field{position:relative}.payment-camera-button{position:absolute;right:7px;top:28px;width:34px;height:34px;padding:0;display:grid;place-items:center;border-radius:50%;background:#e8ece3;color:var(--ink);z-index:1}.payment-camera-button .icon{width:16px;height:16px}.workspace-form .field:has(.payment-camera-button) input{padding-right:48px}.payment-missing-input::placeholder{color:#aab1a7;letter-spacing:2px;font-weight:800;animation:payment-missing 1.4s ease-in-out infinite}
/* Camera workspace styles. */
.camera-preview{position:relative;height:310px;background:#000;color:#eee}.camera-stage{position:absolute;inset:48px 0 62px;display:flex;align-items:center;justify-content:center;overflow:hidden}.camera-stage #camera-live{width:100%;height:100%;touch-action:none}.camera-stage canvas[hidden],.camera-stage video[hidden]{display:none}.camera-bar{position:absolute;left:0;right:0;display:flex;align-items:center;justify-content:center;gap:10px;padding:4px 8px;background:#000;color:white;z-index:1}.camera-bar-top{top:0;height:48px}.camera-bar-bottom{bottom:0;height:62px}.camera-bar button{min-width:44px;min-height:40px;padding:4px 10px;background:#161616;color:white;border-radius:8px;font-size:14px;white-space:nowrap}.camera-bar button:focus-visible{outline:2px solid var(--acid);outline-offset:1px}.camera-bar button:disabled{opacity:.4}.camera-bar #camera-target-status{font-size:13px;line-height:1.4;text-align:center}.camera-bar #camera-target-status.camera-ready{font-size:30px;color:#69f28a}.camera-bar #capture-photo{min-width:100px;background:#69f28a;color:#000;font-size:15px;font-weight:700;border-radius:12px}.camera-bar #capture-photo.camera-ready{background:#69f28a;color:#000;opacity:1}.camera-bar #camera-retry{width:40px;height:40px;min-width:40px;min-height:40px;display:grid;place-items:center;border-radius:50%;padding:0;background:#e1e4de;color:#273029}.camera-bar #camera-retry .icon{width:20px;height:20px}.camera-bar #camera-zoom-reset{font-size:13px;font-variant-numeric:tabular-nums}.camera-bar #camera-autozoom[aria-pressed=true],.camera-actions #camera-select-area[aria-pressed=true]{background:var(--acid);color:var(--ink)}.camera-bar button[hidden],#camera-tools[hidden],#camera-select-area[hidden]{display:none}


/* Compact two-column actions for the account sheet. */
.account-identity{margin:0 0 11px;padding:8px 9px 9px;border:1px solid var(--line);border-radius:14px;background:#f6f8f1;text-align:center}
.account-identity-row{display:flex;align-items:center;justify-content:center;gap:6px;min-width:0}
.account-identity-icon{display:inline-grid;place-items:center;flex:0 0 auto;width:15px;height:15px;color:var(--green)}
.account-identity-icon .icon{width:15px;height:15px;stroke-width:1.9}
.account-identity-email{display:block;color:var(--ink);font-size:14px;line-height:1.25;font-weight:800;overflow-wrap:anywhere}
.account-identity-phone{display:block;margin-top:3px;color:var(--muted);font-size:12px;line-height:1.25;font-weight:650}
.account-identity + .lead{margin:0 0 9px;font-size:11px;line-height:1.45;text-align:center}
.account-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:10px}
.account-option{min-width:0;min-height:96px;width:100%;margin:0;padding:10px 8px;border:1px solid var(--line);border-radius:16px;background:#fafbf6;color:var(--ink);display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:6px;text-align:center;cursor:pointer;text-decoration:none;transition:background .2s,border-color .2s,transform .2s}
.account-option:hover{background:#f0f4e9;border-color:#cbd6c0;transform:translateY(-1px)}
.account-option:active{transform:scale(.98)}
.account-option:focus-visible{outline:3px solid #508448;outline-offset:2px}
.account-option-icon{width:40px;height:40px;flex:0 0 auto;border-radius:50%;display:grid;place-items:center;background:var(--option-tint);color:var(--option-accent);box-shadow:0 3px 10px #18231f12}
.account-option-icon .icon{width:20px;height:20px}

.account-option-copy{display:block;width:100%;min-width:0}
.account-option-copy b{display:block;font-size:12px;line-height:1.35;font-weight:650;overflow-wrap:normal;word-break:normal;hyphens:none}
.account-option-copy small{display:block;margin-top:4px;color:var(--muted);font-size:10px;line-height:1.45;font-weight:400;overflow-wrap:normal;word-break:normal;hyphens:none}
.account-option[hidden]{display:none}
#sync-now .account-option-icon{--option-tint:#e7f1df;--option-accent:#4c7a3e}
#install-app .account-option-icon{--option-tint:#eff6d8;--option-accent:#5f742d}
#persist-data .account-option-icon{--option-tint:#e3efeb;--option-accent:#3f7666}
#change-password .account-option-icon{--option-tint:#f4ebdb;--option-accent:#94733c}
#manage-bio .account-option-icon{--option-tint:#eeebf5;--option-accent:#65598e}
#sign-out .account-option-icon{--option-tint:#f7e9e4;--option-accent:#a35643}
#account-terms .account-option-icon{--option-tint:#e8edf3;--option-accent:#4a627e}
#account-subscription .account-option-icon{--option-tint:#e9f1dc;--option-accent:#55763b}
.account-option-placeholder{cursor:default;opacity:.72}
.account-option-placeholder:hover{background:#fafbf6;border-color:var(--line);transform:none}
.account-option-placeholder:active{transform:none}
#account-status:empty{display:none}
body.large .account-option-copy b{font-size:15px}
body.large .account-option-copy small{font-size:12px}
body.large .account-identity + .lead{font-size:13px;line-height:1.5}
body.large .account-identity-email{font-size:16px}
body.large .account-identity-phone{font-size:13px}

.auth-terms{display:flex;align-items:flex-start;gap:11px;margin:3px 0 16px;color:var(--muted);font-size:12px;font-weight:450;line-height:1.65}.auth-terms input{width:19px;height:19px;flex:0 0 19px;margin:1px 0 0;accent-color:var(--ink)}.auth-terms a{color:var(--ink);font-weight:650;text-decoration:underline;text-underline-offset:3px}.auth-terms input:focus-visible{outline:3px solid #508448;outline-offset:2px}body.large .auth-terms{font-size:15px}

.mast-right{display:flex;flex-direction:column;align-items:flex-end;gap:5px;min-width:0;flex-shrink:0}.mast-status{position:relative;display:flex;align-items:center;justify-content:flex-end;gap:6px;width:min(300px,100%);height:26px;min-height:26px}.mast-status .offline,.mast-status .mast-status-note{position:relative;display:grid;place-items:center;width:27px;height:26px;margin:0;padding:0;border:0;border-radius:0;background:transparent;color:var(--muted);font-size:0;line-height:1;cursor:pointer}.mast-status .offline:before,.mast-status .mast-status-note:before{content:'!';display:grid;place-items:center;width:17px;height:17px;border:1px solid currentColor;border-radius:50%;font-size:11px;font-weight:800}.mast-status .offline:after,.mast-status .mast-status-note:after{content:attr(data-message);position:absolute;right:0;top:calc(100% + 7px);z-index:35;min-width:210px;max-width:300px;padding:9px 11px;border-radius:11px;background:var(--ink);color:var(--paper);font-size:11px;font-weight:400;line-height:1.45;text-align:left;box-shadow:0 10px 30px #18231f2b;opacity:0;visibility:hidden;transform:translateY(-3px);pointer-events:none;transition:opacity .2s,transform .2s,visibility .2s}.mast-status .offline:hover:after,.mast-status .offline:focus-visible:after,.mast-status .mast-status-note:hover:after,.mast-status .mast-status-note:focus-visible:after{opacity:1;visibility:visible;transform:translateY(0)}.sync-status{position:relative;display:flex;align-items:center;justify-content:flex-end;width:30px;height:26px;margin:0;padding:0;color:var(--green);cursor:pointer;outline:0}.sync-status-mark{position:relative;display:grid;place-items:center;width:28px;height:26px}.sync-status-mark>.icon{width:21px;height:21px}.sync-status-badge{position:absolute;right:-1px;bottom:-1px;display:grid;place-items:center;width:14px;height:14px;border:2px solid var(--paper);border-radius:50%;background:var(--green);color:var(--paper)}.sync-status-badge .icon{width:10px;height:10px;stroke-width:2.6}.sync-status-copy{position:absolute;right:0;top:calc(100% + 7px);z-index:35;min-width:220px;max-width:310px;padding:9px 11px;border-radius:11px;background:var(--ink);color:var(--paper);font-size:11px;line-height:1.45;text-align:left;box-shadow:0 10px 30px #18231f2b;opacity:0;visibility:hidden;transform:translateY(-3px);pointer-events:none;transition:opacity .2s,transform .2s,visibility .2s}.sync-status:hover .sync-status-copy,.sync-status:focus-visible .sync-status-copy,.sync-status.is-open .sync-status-copy{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto}.sync-status-copy button{display:block;margin-top:7px;padding:4px 0;background:transparent;color:var(--acid);font:inherit;font-weight:700;text-align:left;text-decoration:underline;text-underline-offset:2px}.sync-status[data-state=offline]{color:var(--red)}.sync-status[data-state=offline] .sync-status-badge{background:var(--red)}.sync-status[data-state=pending]{color:#a27b35}.sync-status[data-state=pending] .sync-status-badge{background:#a27b35}.sync-status[data-state=pending] .sync-status-badge .icon{animation:status-spin 1.5s linear infinite}.sync-status[data-state=local]{color:var(--muted)}.sync-status[data-state=local] .sync-status-badge{background:var(--muted)}.sync-status[data-state=online] .sync-status-badge .icon{animation:status-check .8s ease-out}.mast-status .offline:focus-visible,.mast-status .mast-status-note:focus-visible,.sync-status:focus-visible{outline:2px solid var(--green);outline-offset:3px}@keyframes status-check{0%{stroke-dasharray:0 30;opacity:.45}100%{stroke-dasharray:30 0;opacity:1}}@keyframes status-spin{to{transform:rotate(360deg)}}
/* Keep the operational row on the same grid as the three masthead actions. */
.mast-right{--mast-action-size:42px;--mast-action-gap:8px;inline-size:calc(var(--mast-action-size) * 3 + var(--mast-action-gap) * 2);align-items:stretch}
.mast-actions{gap:var(--mast-action-gap);align-self:flex-end}
.mast-actions .round{width:var(--mast-action-size);height:var(--mast-action-size)}
.mast-status{width:100%;align-self:stretch;gap:var(--mast-action-gap)}
.mast-status .offline,.mast-status .mast-status-note,.sync-status{width:var(--mast-action-size)}
.mast-status .mast-status-note{transform:translateY(2px)}
.sync-status-mark{width:var(--mast-action-size)}
.sync-status-badge{right:6px}
.mast-status-note[data-state=error]{color:var(--red)}
@media(max-width:360px){.mast-right{--mast-action-size:37px;--mast-action-gap:5px}}
main.terms-page a{text-decoration:none}
.auth-terms a{text-decoration:none}
/* Responsive form containment */
form,.field,.form-grid,.sheet-body{min-width:0;max-width:100%}input,select,textarea{box-sizing:border-box;min-width:0;max-width:100%}.field input,.field select,.field textarea{width:100%;min-width:0;max-width:100%}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.payment-recap dl div{min-width:0}.payment-recap dd{min-width:0;max-width:100%}@media(max-width:720px){.sheet-body{padding:18px 16px}.form-grid{grid-template-columns:minmax(0,1fr);gap:0}.field{margin-bottom:14px}.field input,.field select,.field textarea{width:100%;font-size:16px}.payment-recap dl div{align-items:flex-start;flex-wrap:wrap;gap:4px 10px}.payment-recap dd{width:100%;text-align:left;overflow-wrap:anywhere}.payment-recap dt{max-width:100%}}
.notification-delivery{margin:16px 0 8px;padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}.notification-delivery h3{margin:0;font-size:14px}.notification-delivery .hint{margin:5px 0 10px;font-size:11px;line-height:1.45}.notification-delivery-fields{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}.notification-delivery-fields label{display:grid;gap:4px;color:var(--muted);font-size:11px}.notification-delivery-fields select,.notification-delivery-fields input{width:100%;box-sizing:border-box;min-width:0;padding:7px 8px;border:1px solid var(--line);border-radius:8px;background:var(--paper);color:var(--ink);font:inherit;font-size:13px}@media(max-width:420px){.notification-delivery-fields{grid-template-columns:minmax(0,1fr)}}.notification-preferences{display:grid;gap:10px}.notification-preference{padding:10px 0;border-bottom:1px solid var(--line)}.notification-preference .toggle-row{padding:0}.notification-frequency{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:8px;color:var(--muted);font-size:11px}.notification-frequency select{min-width:132px;padding:6px 8px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--ink)}.notification-history-title{margin:24px 0 10px;font-size:15px}.notification-history{display:grid;gap:8px}.notification-history-row{display:flex;align-items:flex-start;gap:10px;padding:10px 0;border-bottom:1px solid var(--line)}.notification-history-row:last-child{border-bottom:0}.notification-history-mark{width:26px;height:26px;display:grid;place-items:center;border-radius:9px;background:#e7eee2;color:var(--green);flex:0 0 auto}.notification-history-mark .icon{width:14px;height:14px}.notification-history-row b,.notification-history-row small{display:block}.notification-history-row b{font-size:12px}.notification-history-row small{margin-top:3px;color:var(--muted);font-size:10px;line-height:1.5}
.notification-intro{margin:0 0 14px;padding:0 3px}.notification-panel{margin:0 0 12px;padding:14px;border:1px solid var(--line);border-radius:16px;background:var(--surface)}.notification-section-head{display:flex;align-items:flex-start;gap:10px}.notification-section-number{display:grid;place-items:center;width:24px;height:24px;flex:0 0 24px;border-radius:50%;background:var(--acid);color:var(--ink);font-size:12px;font-weight:800}.notification-section-head h3{margin:1px 0 0;font-size:14px;line-height:1.25}.notification-section-head .hint{margin:4px 0 0;font-size:11px;line-height:1.45}.notification-panel.notification-delivery{margin:0 0 12px;padding:14px}.notification-delivery-fields{margin-top:12px}.notification-destinations .notification-preferences{margin-top:10px}.notification-destinations .notification-preference:first-child{padding-top:0}.notification-actions .notification-action-list{display:grid;gap:8px;margin-top:10px}.notification-actions .notification-action{width:100%;min-height:0;margin:0;padding:11px 12px;display:block;text-align:left;border-radius:12px}.notification-action b{display:block;font-size:12px;font-weight:650}.notification-action small{display:block;margin-top:3px;color:var(--muted);font-size:10px;font-weight:400;line-height:1.45}.notification-history-panel .notification-history{margin-top:10px}.notification-history-panel .hint{margin-bottom:0}.notification-history-panel .notification-history-row{padding:8px 0}.notification-history-panel .notification-history-row small{font-size:10px}@media(max-width:420px){.notification-panel{padding:12px}.notification-delivery-fields{grid-template-columns:minmax(0,1fr)}.notification-frequency{align-items:flex-start;flex-direction:column;gap:5px}.notification-frequency select{width:100%;min-width:0}}
.notification-panel,.notification-preference,.notification-frequency,.notification-delivery-fields{min-width:0;max-width:100%}:where(select,input[type=time],input[type=date],input[type=month],input[type=datetime-local],input[type=number]){box-sizing:border-box;min-width:0;max-width:100%}.notification-frequency{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);align-items:center;gap:8px;width:100%;margin-top:9px}.notification-frequency>span{min-width:0;line-height:1.35}.notification-frequency select{display:block;width:100%;min-width:0;max-width:100%;min-height:44px;height:44px;padding:8px 28px 8px 10px;font-size:16px;line-height:1.25}.notification-delivery-fields label{min-width:0}.notification-delivery-fields select,.notification-delivery-fields input[type=time]{display:block;width:100%;min-width:0;max-width:100%;min-height:44px;height:44px;padding:8px 10px;font-size:16px;line-height:1.25}@media(max-width:420px){.notification-frequency{grid-template-columns:minmax(0,1fr);align-items:stretch;flex-direction:initial;gap:5px}.notification-frequency select{width:100%;font-size:16px}.notification-delivery-fields select,.notification-delivery-fields input[type=time]{width:100%;min-height:44px;height:44px}}
.notification-frequency{grid-template-columns:minmax(0,1fr) minmax(124px,1.15fr);align-items:center;flex-direction:initial}.notification-frequency>span{white-space:nowrap}.notification-frequency select{inline-size:100%;block-size:44px;min-block-size:44px}.notification-delivery-fields{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;align-items:stretch}.notification-delivery-fields label{min-width:0;white-space:nowrap}.notification-delivery-fields select{inline-size:100%;block-size:44px;min-block-size:44px;min-inline-size:0;line-height:1.25}.notification-delivery-fields input[type=time]{-webkit-appearance:none;appearance:none;inline-size:100%;block-size:44px;min-block-size:44px;min-inline-size:0;line-height:1.25}@media(max-width:420px){.notification-frequency{grid-template-columns:minmax(0,1fr) minmax(124px,1.15fr);align-items:center;gap:8px}.notification-frequency select{inline-size:100%;min-inline-size:0}.notification-delivery-fields{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:8px}.notification-delivery-fields label{font-size:10px}.notification-delivery-fields input[type=time],.notification-delivery-fields select{padding-left:8px;padding-right:8px;font-size:16px}}
.notification-choice-field{display:grid;gap:4px;min-width:0}.notification-choice-label{color:var(--muted);font-size:11px;line-height:1.25;white-space:nowrap}.notification-choice-wrap{position:relative;width:100%;min-width:0}.notification-choice{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;min-width:0;min-height:44px;padding:8px 10px;border:1px solid var(--line);border-radius:8px;background:var(--paper);color:var(--ink);font:inherit;font-size:16px;line-height:1.25;text-align:left;cursor:pointer;touch-action:manipulation}.notification-choice:disabled{cursor:default;opacity:.55}.notification-choice:focus-visible{outline:3px solid #508448;outline-offset:2px}.notification-choice-arrow{width:8px;height:8px;flex:0 0 8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-2px);opacity:.75}.notification-choice[aria-expanded=true] .notification-choice-arrow{transform:rotate(225deg) translate(-1px,-1px)}.notification-choice-menu{display:grid;gap:2px;max-height:220px;margin-top:5px;padding:4px;overflow-y:auto;overscroll-behavior:contain;border:1px solid var(--line);border-radius:10px;background:var(--paper);box-shadow:0 8px 24px #18231f20;z-index:3}.notification-choice-menu[hidden]{display:none}.notification-choice-option{display:block;width:100%;min-height:40px;padding:8px 10px;border-radius:7px;background:transparent;color:var(--ink);font:inherit;font-size:15px;line-height:1.25;text-align:left;cursor:pointer;touch-action:manipulation}.notification-choice-option:hover,.notification-choice-option:focus-visible{background:#e7ebdf;outline:0}.notification-choice-option[aria-selected=true]{background:var(--acid);font-weight:650}.sheet-body{padding-bottom:calc(28px + env(safe-area-inset-bottom))}@media(max-width:420px){.notification-choice-label{font-size:10px}.notification-choice{padding-left:8px;padding-right:8px;font-size:16px}.notification-choice-option{min-height:38px;font-size:15px}.notification-choice-menu{max-height:200px}}
.choice-control{position:relative;display:block;width:100%;min-width:0;margin-top:8px}.choice-control>.choice-control-source{position:absolute!important;inset:auto!important;width:1px!important;height:1px!important;min-width:1px!important;max-width:1px!important;opacity:0!important;pointer-events:none!important;clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important}.choice-control-button{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;min-width:0;min-height:46px;padding:13px 36px 13px 13px;border:1px solid #cad1c1;border-radius:12px;background:#fafbf6;color:var(--ink);font:inherit;font-size:16px;font-weight:400;line-height:1.25;text-align:left;cursor:pointer;touch-action:manipulation}.choice-control-button:disabled{cursor:default;opacity:.55}.choice-control-button:focus-visible{outline:3px solid #508448;outline-offset:2px}.choice-control-arrow{position:absolute;top:50%;right:15px;width:8px;height:8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-65%) rotate(45deg);opacity:.7;pointer-events:none}.choice-control.is-open .choice-control-arrow{transform:translateY(-35%) rotate(225deg)}.choice-control-menu{display:grid;gap:2px;max-height:220px;margin-top:5px;padding:4px;overflow-y:auto;overscroll-behavior:contain;border:1px solid var(--line);border-radius:10px;background:var(--paper);box-shadow:0 8px 24px #18231f20;z-index:4}.choice-control-menu[hidden]{display:none}.choice-control-option{display:block;width:100%;min-height:40px;padding:8px 10px;border:0;border-radius:7px;background:transparent;color:var(--ink);font:inherit;font-size:15px;line-height:1.25;text-align:left;cursor:pointer;touch-action:manipulation}.choice-control-option:hover,.choice-control-option:focus-visible{background:#e7ebdf;outline:0}.choice-control-option[aria-selected=true]{background:var(--acid);font-weight:650}.choice-control-option:disabled{cursor:default;opacity:.45}
.date-control{position:relative;display:block;width:100%;min-width:0;margin-top:8px}.date-control>.date-control-source{position:absolute!important;inset:auto!important;width:1px!important;height:1px!important;min-width:1px!important;max-width:1px!important;opacity:0!important;pointer-events:none!important;clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important}.date-control-button{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;min-width:0;min-height:46px;padding:13px 13px;border:1px solid #cad1c1;border-radius:12px;background:#fafbf6;color:var(--ink);font:inherit;font-size:16px;font-weight:400;line-height:1.25;text-align:left;cursor:pointer;touch-action:manipulation}.date-control-button:disabled{cursor:default;opacity:.55}.date-control-button:focus-visible{outline:3px solid #508448;outline-offset:2px}.date-control-mark{position:relative;width:16px;height:15px;flex:0 0 16px;border:1.5px solid currentColor;border-radius:3px;opacity:.7}.date-control-mark:before{content:'';position:absolute;left:2px;right:2px;top:3px;border-top:1.5px solid currentColor}.date-control-mark:after{content:'';position:absolute;left:3px;top:-3px;width:2px;height:5px;border-radius:2px;background:currentColor;box-shadow:7px 0 currentColor}.date-control-menu{display:block;max-width:100%;margin-top:5px;padding:9px;border:1px solid var(--line);border-radius:12px;background:var(--paper);box-shadow:0 8px 24px #18231f20;z-index:4}.date-control-menu[hidden]{display:none}.date-control-header{display:grid;grid-template-columns:36px minmax(0,1fr) 36px;align-items:center;gap:4px;margin-bottom:7px}.date-control-header strong{text-align:center;font-size:13px;text-transform:capitalize}.date-control-nav{display:grid;place-items:center;width:36px;height:34px;border-radius:9px;background:#e7ebdf;color:var(--ink);font-size:23px;line-height:1;cursor:pointer}.date-control-nav:disabled{opacity:.35;cursor:default}.date-control-weekdays,.date-control-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:3px}.date-control-weekdays{margin-bottom:3px}.date-control-weekdays span{padding:3px 0;color:var(--muted);font-size:10px;font-weight:650;text-align:center}.date-control-day{display:grid;place-items:center;min-width:0;min-height:34px;padding:0;border-radius:8px;background:transparent;color:var(--ink);font:inherit;font-size:13px;cursor:pointer}.date-control-day:hover,.date-control-day:focus-visible{background:#e7ebdf;outline:0}.date-control-day[aria-current=date]{background:var(--acid);font-weight:750}.date-control-day.is-outside,.date-control-day:disabled{opacity:.3;cursor:default}.date-control-clear{width:100%;margin-top:8px;padding:7px;border-top:1px solid var(--line);background:transparent;color:var(--muted);font:inherit;font-size:12px;text-align:center;cursor:pointer}.date-control-clear:hover,.date-control-clear:focus-visible{color:var(--ink);outline:0}
.data-tools-intro{margin-bottom:14px}.data-tools-section{margin:16px 0;padding-top:14px;border-top:1px solid var(--line)}.data-tools-section h3{margin:0 0 9px;font-size:15px}.data-tools-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.data-tools-actions button,.data-tools-section>button{width:100%;min-width:0}.data-tools-backups{display:grid;gap:6px;margin:12px 0}.data-backup-row{display:flex;justify-content:space-between;gap:12px;min-width:0;padding:9px 10px;border:1px solid var(--line);border-radius:10px;background:var(--paper)}.data-backup-row b,.data-backup-row small{min-width:0;overflow:hidden;text-overflow:ellipsis}.data-backup-row small{color:var(--muted);text-align:right}.data-tools-policy p{margin:0 0 10px}.data-tools-policy b{font-size:13px}.data-tools-policy span{color:var(--muted);font-size:12px;line-height:1.45}.data-tools-danger{border-top-color:#d9aaa2}.data-tools-danger .danger{background:#9e4038;color:#fff}@media(max-width:420px){.data-tools-actions{grid-template-columns:minmax(0,1fr)}.data-backup-row{display:grid;gap:3px}.data-backup-row small{text-align:left}.data-tools-section .field input,.data-tools-section .field select{box-sizing:border-box;width:100%;max-width:100%;min-width:0}}
.live-mode-tools{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-width:0;max-width:100%;height:var(--mast-action-size);box-sizing:border-box;padding:0 10px 0 8px;border:1px solid #5eadd4;border-radius:999px;background:linear-gradient(135deg,#effaff,#d9f2ff);color:#17618a;font:inherit;font-size:11px;font-weight:800;letter-spacing:.4px;line-height:1;white-space:nowrap;box-shadow:0 9px 25px rgba(55,145,199,.34),0 0 0 3px rgba(92,181,224,.18);animation:live-mode-pill-pulse 2.2s ease-in-out infinite;cursor:pointer;transition:transform .2s,box-shadow .2s,background .2s}
.live-mode-tools:hover{background:#e4f7ff;box-shadow:0 10px 28px rgba(55,145,199,.42),0 0 0 4px rgba(92,181,224,.22);transform:translateY(-1px)}
.live-mode-tools:focus-visible{outline:3px solid rgba(61,166,217,.48);outline-offset:3px}
.live-mode-tools>.icon{width:16px;height:16px;flex:0 0 16px;stroke-width:2.2}
.live-mode-tools .live-mode-badge{order:1;display:inline;min-width:0;padding:0;border:0;border-radius:0;background:transparent;color:inherit;font-size:inherit;font-weight:inherit;letter-spacing:inherit;line-height:1;box-shadow:none}
.live-mode-tools .live-mode-badge-dot{display:none}
@media(max-width:720px){.live-mode-tools{padding-left:6px;padding-right:8px;font-size:10px}.live-mode-tools>.icon{width:15px;height:15px;flex-basis:15px}}
@media(max-width:420px){.live-mode-tools{gap:3px;padding-left:5px;padding-right:6px;font-size:9px}.live-mode-tools>.icon{width:14px;height:14px;flex-basis:14px}}
@media(max-width:360px){.live-mode-tools{gap:3px;padding-left:4px;padding-right:5px;font-size:8.5px}.live-mode-tools>.icon{width:13px;height:13px;flex-basis:13px}}
@keyframes live-mode-pill-pulse{0%,100%{box-shadow:0 9px 25px rgba(55,145,199,.34),0 0 0 3px rgba(92,181,224,.18)}50%{box-shadow:0 10px 28px rgba(55,145,199,.42),0 0 0 5px rgba(92,181,224,.28)}}
.live-mode-tools{height:calc(var(--mast-action-size) * .7)}
.live-mode-tools>.icon{order:-1;width:9.6px;height:9.6px;flex-basis:9.6px}
.live-mode-tools>.live-mode-label{order:1;display:inline;min-width:0}
@media(max-width:720px){.live-mode-tools>.icon{width:9px;height:9px;flex-basis:9px}}
@media(max-width:420px){.live-mode-tools>.icon{width:8.4px;height:8.4px;flex-basis:8.4px}}
@media(max-width:360px){.live-mode-tools>.icon{width:7.8px;height:7.8px;flex-basis:7.8px}}
.live-mode-tools{gap:.35em}
.live-mode-tools{display:inline-flex!important;flex-direction:row;flex-wrap:nowrap;align-items:center;vertical-align:middle}
.live-mode-tools>.icon{display:inline-flex;align-items:center;justify-content:center;align-self:center;order:-1;width:.1em;height:.1em;flex:0 0 .1em;margin:0;padding:0;line-height:1}
.live-mode-tools>.icon>svg.icon{display:block;width:100%;height:100%}
.live-mode-tools>.live-mode-label{display:inline-block;line-height:1;white-space:nowrap}
.live-mode-tools>.live-mode-arrow{display:inline-block;order:-1;flex:0 0 auto;width:auto;height:auto;margin:0;padding:0;font-size:.9em;line-height:1}
.live-mode-tools>.icon,.live-mode-tools>.live-mode-arrow{display:none!important}
.live-mode-tools::before{content:'←';display:inline-block;order:-1;flex:0 0 auto;font-size:1em;line-height:1}

/* Final header: both modes use the same three-circle operational row. */
.mast-status{display:grid;grid-template-columns:repeat(3,var(--mast-action-size));grid-template-rows:var(--mast-action-size);grid-auto-flow:column;align-items:center;justify-content:end;gap:var(--mast-action-gap);inline-size:100%;block-size:var(--mast-action-size);min-block-size:var(--mast-action-size);overflow:visible;transition:grid-template-columns .35s ease}
.mast-status .live-mode-tools,.mast-status #live-entry,.mast-status .sync-status,.mast-status #offline{grid-row:1;width:var(--mast-action-size);height:var(--mast-action-size);min-width:var(--mast-action-size);min-height:var(--mast-action-size);margin:0;padding:0}
.mast-status .live-mode-tools,.mast-status #live-entry,.mast-status .sync-status{transition:transform .35s ease}
.mast-status.is-ready .live-mode-tools,.mast-status.is-ready #live-entry,.mast-status.is-ready .sync-status{transform:translateX(calc(var(--mast-action-size) + var(--mast-action-gap)))}
html[data-alfa-mode="live"] .mast-status .live-mode-tools{grid-column:1;display:grid!important;place-items:center;box-sizing:border-box;position:relative;border:0;border-radius:50%;background:#e8ebdf;color:var(--ink);box-shadow:none;animation:none;transform:none;font:inherit;line-height:1;cursor:pointer}
html[data-alfa-mode="live"] .mast-status .live-mode-tools:hover{background:var(--acid);box-shadow:none;transform:none}
html[data-alfa-mode="live"] .mast-status .live-mode-tools:focus-visible{outline:3px solid rgba(61,166,217,.48);outline-offset:3px}
html[data-alfa-mode="live"] .mast-status .live-mode-tools::before{content:none!important;display:none!important}
html[data-alfa-mode="live"] .mast-status .live-mode-tools>.icon{display:grid!important;place-items:center;position:absolute;left:50%;top:50%;order:0;width:22px!important;height:22px!important;flex:0 0 22px!important;margin:0;padding:0;transform:translate(-50%,-50%)}
html[data-alfa-mode="live"] .mast-status .live-mode-tools>.icon>svg.icon{display:block;width:100%;height:100%}
html[data-alfa-mode="live"] .mast-status .live-mode-tools>.live-mode-badge,html[data-alfa-mode="live"] .mast-status .live-mode-tools>.live-mode-label,html[data-alfa-mode="live"] .mast-status .live-mode-tools>.live-mode-arrow{display:none!important}
html:not([data-alfa-mode="live"]) .mast-status .live-mode-tools,html[data-alfa-mode="live"] .mast-status #live-entry,html:not([data-alfa-mode="live"]) .mast-status #live-entry[hidden]{display:none!important}
html:not([data-alfa-mode="live"]) .mast-status #live-entry{grid-column:1;position:relative!important;inset:auto!important;top:auto!important;right:auto!important;bottom:auto!important;left:auto!important;z-index:auto!important;align-self:center!important;justify-self:stretch;display:grid!important;place-items:center;box-sizing:border-box;border:0;border-radius:50%;background:#e8ebdf;color:var(--ink);box-shadow:none;transform:none;font:inherit;line-height:1;cursor:pointer}
html:not([data-alfa-mode="live"]) .mast-status #live-entry:hover{background:var(--acid)}
html:not([data-alfa-mode="live"]) .mast-status #live-entry:focus-visible{outline:3px solid rgba(61,166,217,.48);outline-offset:3px}
html:not([data-alfa-mode="live"]) .mast-status #live-entry>.icon{display:grid;place-items:center;position:absolute;left:50%;top:50%;width:22px;height:22px;margin:0;transform:translate(-50%,-50%)}
html:not([data-alfa-mode="live"]) .mast-status #live-entry>.icon>svg.icon{display:block;width:100%;height:100%}
html:not([data-alfa-mode="live"]) .mast-status #live-entry[hidden]{display:none!important}
.mast-status .sync-status{grid-column:2;display:grid!important;place-items:center;box-sizing:border-box;border-radius:50%;background:#e8ebdf;color:var(--green);position:relative}
.mast-status .sync-status-mark{position:absolute!important;left:50%;top:50%;display:grid;place-items:center;width:22px!important;height:22px!important;transform:translate(-50%,-50%)}
.mast-status .sync-status-mark>.icon{width:21px;height:21px}
.mast-status .sync-status[data-state="online"] .sync-status-mark{color:var(--muted)}
.mast-status .sync-status-badge{right:-4px;bottom:-4px}
.mast-status #offline{grid-column:3;display:grid!important;place-items:center;box-sizing:border-box;border:0;border-radius:50%;background:#e8ebdf;color:var(--muted);font-size:0;line-height:1}
.mast-status #offline:before{width:17px;height:17px}
.mast-status #offline[hidden]{display:none!important}
.mast-status #cache-status,.mast-status #missing-data{display:none!important}
.mast-status.is-ready .live-mode-tools,.mast-status.is-ready #live-entry,.mast-status.is-ready .sync-status{transform:translateX(calc(var(--mast-action-size) + var(--mast-action-gap)))!important}
.mast-status:not(.is-ready) .live-mode-tools,.mast-status:not(.is-ready) #live-entry,.mast-status:not(.is-ready) .sync-status{transform:none!important}
.masthead{height:110px}
@media(max-width:720px){.masthead{height:102px}}
@media(max-width:360px){.masthead{height:90px}}
/* Keep the live header at exactly the same vertical rhythm as the account header. */
html[data-alfa-mode="live"] .masthead{height:110px}
@media(max-width:720px){html[data-alfa-mode="live"] .masthead{height:102px}}
@media(max-width:360px){html[data-alfa-mode="live"] .masthead{height:90px}}
@keyframes live-context-text-pulse{0%,100%{text-shadow:0 5px 8px rgba(23,97,138,0)}50%{text-shadow:0 5px 8px rgba(23,97,138,.78)}}
@keyframes live-back-surface-pulse{0%,100%{background-color:#e8ebdf}50%{background-color:#d9f2ff}}
html[data-alfa-mode="live"] .live-tag{display:inline-block;color:#17618a;font-size:11.5px;font-weight:750;text-align:right;white-space:nowrap!important;overflow-wrap:normal;word-break:normal;transform:translateX(-20px);animation:live-context-text-pulse 2.2s ease-in-out infinite}
html[data-alfa-mode="live"] .headline-extra{display:flex;align-items:flex-end;justify-content:flex-end;gap:12px;min-width:0;flex:0 1 auto}
html[data-alfa-mode="live"] .live-tag{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;inline-size:58px;max-inline-size:58px;text-align:center;white-space:normal!important;line-height:1.15}
html[data-alfa-mode="live"] .live-tag-line{display:block;white-space:nowrap}
@media(max-width:720px){html[data-alfa-mode="live"] .live-tag{font-size:9.2px;inline-size:54px;max-inline-size:54px}}
html[data-alfa-mode="live"] .headline-extra-stack{flex-direction:row;align-items:flex-end;gap:12px}
.headline-extra-stack{display:flex;flex-direction:row;align-items:flex-end;justify-content:flex-end;gap:12px;min-width:0;flex:0 1 auto}
html[data-alfa-mode="live"] .headline-extra-stack .live-tag{transform:none}
html[data-alfa-mode="live"] .headline h1{animation:live-context-text-pulse 2.2s ease-in-out infinite}
html[data-alfa-mode="live"] .mast-status .live-mode-tools{animation:live-back-surface-pulse 2.2s ease-in-out infinite;box-shadow:none!important}
html:not([data-alfa-mode="live"]) .mast-status #live-entry{animation:live-back-surface-pulse 2.2s ease-in-out infinite;box-shadow:none!important}
/* The live mobile header uses the same action geometry as the account header. */
@media(max-width:420px){
    html[data-alfa-mode="live"] .mast-right{--mast-action-size:42px;--mast-action-gap:8px;inline-size:calc(var(--mast-action-size) * 3 + var(--mast-action-gap) * 2)}
    html[data-alfa-mode="live"] .mast-actions{gap:8px}
    html[data-alfa-mode="live"] .mast-actions .round{width:42px;height:42px}
    html[data-alfa-mode="live"] .mast-status{height:42px;min-height:42px}
    html[data-alfa-mode="live"] .mast-status .offline,html[data-alfa-mode="live"] .mast-status .mast-status-note,html[data-alfa-mode="live"] .mast-status .sync-status{width:42px}
}
@media(max-width:360px){
    html[data-alfa-mode="live"] .mast-right{--mast-action-size:37px;--mast-action-gap:5px;inline-size:calc(var(--mast-action-size) * 3 + var(--mast-action-gap) * 2)}
    html[data-alfa-mode="live"] .mast-actions{gap:5px}
    html[data-alfa-mode="live"] .mast-actions .round{width:37px;height:37px}
    html[data-alfa-mode="live"] .mast-status{height:37px;min-height:37px}
    html[data-alfa-mode="live"] .mast-status .offline,html[data-alfa-mode="live"] .mast-status .mast-status-note,html[data-alfa-mode="live"] .mast-status .sync-status{width:37px}
}
/* Keep the complete icon section identical in live and account mode. */
html[data-alfa-mode="live"] .masthead{display:flex;grid-template-columns:none;grid-template-rows:none;justify-content:space-between;align-items:center;gap:12px}
html[data-alfa-mode="live"] .brand-home,html[data-alfa-mode="live"] .mast-right{grid-column:auto;grid-row:auto}
html[data-alfa-mode="live"] .mast-right{--mast-action-size:42px;--mast-action-gap:8px;inline-size:calc(var(--mast-action-size) * 3 + var(--mast-action-gap) * 2)}
html[data-alfa-mode="live"] .mast-actions{gap:var(--mast-action-gap)}
html[data-alfa-mode="live"] .mast-actions .round{width:var(--mast-action-size);height:var(--mast-action-size)}
html[data-alfa-mode="live"] .mast-status{height:var(--mast-action-size);min-height:var(--mast-action-size);gap:var(--mast-action-gap)}
@media(max-width:360px){
    html[data-alfa-mode="live"] .mast-right{--mast-action-size:37px;--mast-action-gap:5px;inline-size:calc(var(--mast-action-size) * 3 + var(--mast-action-gap) * 2)}
}


/* Source: runtime.css */
[hidden]{display:none!important}.auth-page{max-width:580px;margin:0 auto}.auth-page .lead{margin:16px 0 24px}.auth-page .inline-buttons{margin-top:20px}.sync-status{font-size:12px;color:var(--muted);line-height:1.7;padding:8px 0}.sync-status button{font:inherit;text-decoration:underline;background:none;color:var(--ink);padding:3px 8px}.loading{max-width:520px;margin:15vh auto;padding:28px;text-align:center}.loading h1{font-size:40px;margin-bottom:15px}.loading p{line-height:1.8;color:var(--muted)}.neutral-button{text-decoration:none;color:inherit}#vault-file{max-width:100%;margin:15px 0}#auth-form{margin-top:20px}.boot-error{white-space:pre-line}.update-notice{padding:12px 16px;background:var(--acid);border-radius:14px;font-size:12px;margin:12px 0}.update-notice button{background:var(--ink);color:var(--paper);padding:8px 12px;border-radius:10px;margin-left:8px}.financial-note{margin:16px 0;font-size:12px;line-height:1.7;color:var(--muted)}.install-hero{display:flex;align-items:center;gap:15px;margin-bottom:18px}.install-hero img{width:64px;height:64px;border-radius:16px;box-shadow:0 8px 22px #18231f33;flex-shrink:0}.install-hero b{display:block;font-size:19px;letter-spacing:-.6px}.install-hero small{display:block;font-size:12px;color:var(--muted);margin-top:4px;line-height:1.5}.install-panel{margin-bottom:6px}.install-panel p+p{margin-top:8px}.install-steps .step{align-items:center}.install-steps .step>.icon{width:46px;height:46px;padding:11px;box-sizing:border-box;flex-shrink:0;border-radius:15px;background:var(--acid);color:var(--ink);stroke-width:1.9}body.large .install-hero small{font-size:14px}
.browser-notice{background:var(--ink);color:var(--paper);border-color:var(--ink);margin-bottom:22px}.browser-notice .eyebrow{color:var(--acid)}.browser-notice h2{font-size:22px;letter-spacing:-.6px;margin:8px 0 10px}.browser-notice .lead{color:#c9d3c2;font-size:14px}.browser-notice .primary{text-decoration:none;font-size:15px;min-height:54px}.browser-notice .hint{color:#c9d3c2;font-size:12px}.browser-notice .neutral-button{color:var(--paper);border-color:#4b5a52}.bio-button{display:flex;flex-direction:column;align-items:center;gap:14px;width:100%;margin:26px 0 8px;background:none;color:var(--ink)}.bio-disc{width:96px;height:96px;border-radius:50%;background:var(--acid);color:var(--ink);display:grid;place-items:center;box-shadow:0 12px 30px #18231f2e}.bio-disc svg{width:50px;height:50px}.bio-button:active .bio-disc{transform:scale(.96)}.bio-button:disabled{opacity:.55}.bio-text{text-align:center}.bio-text b{display:block;font-size:17px;letter-spacing:-.4px}.bio-text small{display:block;font-size:12px;color:var(--muted);margin-top:3px}
#vault-file{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}


/* Source: market.css */
/* Český referenční vzhled. Hodnoty zůstávají shodné se společným základem. */
:root[data-market="cz"] {
  --market-accent: #d3f75b;
}


/* Conditions-only header adjustments */
.shell>.public-terms-header{height:auto;padding-block:30px;border-bottom:1px solid var(--line)}.shell>.public-terms-header.wrap{width:auto;margin-inline:0}
.footer-note .terms-review-link{float:right;margin-inline-start:12px;font-size:10px;line-height:inherit;font-weight:400;letter-spacing:.03em}
.terms-translation-note{margin:0 0 20px;color:var(--muted);font-size:12px;line-height:1.6;overflow-wrap:anywhere}