/* Lumo ordered css bundle. Generated from reviewed original modules. */ /* Source: style.css | sha256:99cfb5d950e7e7fe479d7d3cc635aec3bbe7f634b4e77bf1dbdc797a4e56830d */ :root{--ink:#20261e;--muted:#74796e;--paper:#f8f9f4;--white:#fff;--green:#b5e96a;--line:#e7e9e0;--soft:#f0f2e9;--red:#a64333;--radius:23px}*{box-sizing:border-box}body{margin:0;background:#e9ede4;color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,'Helvetica Neue',Arial,sans-serif;-webkit-font-smoothing:antialiased;font-size:16px;line-height:1.45}button,input,select,textarea{font:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;color:inherit}button:focus-visible,a:focus-visible{outline:3px solid #759d3b;outline-offset:4px}button:disabled{opacity:.4;cursor:default}a{color:inherit}svg{flex-shrink:0}#app{position:relative;width:100%;max-width:460px;min-height:100dvh;background:var(--paper);margin:auto;box-shadow:0 0 0 1px #20261e0b}.demo-strip{display:flex;align-items:center;gap:6px;padding:10px 24px 8px;font-size:9px;letter-spacing:1.25px;font-weight:700;background:var(--paper)}.demo-strip button{border:0;background:none;font-size:11px;letter-spacing:0;margin-left:auto;padding:3px 0;text-decoration:underline;text-underline-offset:3px}.status-dot{width:5px;height:5px;background:#6a922b;border-radius:50%}.screen{padding:8px 25px 30px;animation:enter .18s ease}.screen-welcome{padding-bottom:34px}h1,h2,h3,p{margin:0}h1{font-size:36px;line-height:1.06;letter-spacing:-1.5px;font-weight:600}h2{font-size:24px;letter-spacing:-.7px;line-height:1.15;font-weight:600}h3{font-size:18px;letter-spacing:-.4px;font-weight:600}p{line-height:1.5}strong{font-weight:600}.eyebrow{font-size:10px;letter-spacing:1.65px;font-weight:600;text-transform:uppercase}.muted{color:var(--muted)}.small,small{font-size:13px;line-height:1.5}.tiny{font-size:11px}.accent{color:#597d2a}.topline{display:flex;align-items:center;justify-content:space-between;min-height:46px;margin:0 -8px 22px}.topline .eyebrow{letter-spacing:3px}.icon-btn{display:inline-flex;align-items:center;justify-content:center;border:0;background:none;width:40px;height:40px;border-radius:50%}.icon-btn:hover{background:var(--soft)}.page-heading{margin:0 0 28px}.page-heading p{margin-top:12px;font-size:15px}.stack{display:flex;flex-direction:column;gap:16px}.grid2,.grid3{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.grid3{grid-template-columns:repeat(3,minmax(0,1fr))}.card{background:white;border-radius:var(--radius);padding:21px}.soft{background:var(--soft);border-radius:var(--radius);padding:20px}.notice{background:var(--soft);border-radius:17px;padding:16px;font-size:14px;color:#51594a;margin:16px 0}.warning{background:#fff1dd;color:#795518;border-radius:18px;padding:17px;font-size:14px;margin:16px 0}.notice p+p,.warning p+p{margin-top:8px}.row{display:flex;align-items:center;width:100%;gap:13px;padding:17px 0;border:0;background:transparent;text-align:left;min-height:70px}.row-icon{display:flex;align-items:center;justify-content:center;border-radius:17px;width:43px;height:43px;flex-shrink:0;background:var(--soft)}.row-copy{flex:1;min-width:0}.row-copy strong{display:block;font-size:15px}.row-copy small{display:block;color:var(--muted);margin-top:3px;font-size:12px}.row-end{display:flex;align-items:center;gap:5px;font-size:14px;text-align:right;flex-shrink:0}.primary,.secondary,.danger{display:flex;align-items:center;justify-content:center;gap:8px;min-height:55px;width:100%;border:0;border-radius:18px;background:var(--ink);color:white;font-size:15px;font-weight:600;padding:14px 20px}.primary:active{transform:scale(.985)}.secondary{background:var(--soft);color:var(--ink)}.danger{background:#fae7e3;color:var(--red)}.text-btn{background:transparent;border:0;padding:12px 6px;font-weight:500;font-size:14px;color:var(--ink)}.text-btn:hover,.link:hover{text-decoration:underline}.link{border:0;background:none;padding:0;text-decoration:underline;text-underline-offset:3px;color:var(--ink)}.field{display:block;margin:0 0 20px}.field>span{display:block;font-size:13px;font-weight:500;margin-bottom:9px}.input,input:not([type=checkbox]):not([type=radio]),select,textarea{display:block;border:1px solid var(--line);border-radius:16px;background:white;color:var(--ink);padding:16px;width:100%;min-height:56px;outline:none;font-size:17px;transition:border .15s}input:focus,select:focus,textarea:focus{border-color:#597d2a;box-shadow:0 0 0 3px #b5e96a30}.amount-input{font-size:44px!important;letter-spacing:-1.8px;font-weight:600;border:0!important;background:transparent!important;text-align:center;padding:15px 0!important}.field input[type=password]{letter-spacing:5px;font-size:25px}textarea{resize:vertical;min-height:100px}.actions{display:flex;flex-direction:column;gap:11px;margin-top:24px}.chips{display:flex;gap:8px;flex-wrap:wrap;margin:15px 0}.chip{border:1px solid var(--line);border-radius:100px;background:transparent;padding:9px 14px;font-size:12px;font-weight:500}.chip.selected,.selected{background:var(--ink)!important;color:white!important;border-color:var(--ink)!important}.avatar{display:flex;align-items:center;justify-content:center;width:43px;height:43px;border-radius:50%;background:var(--soft);font-size:14px;font-weight:600}.list{margin:6px 0}.divider{height:1px;background:var(--line);margin:22px 0}.pill{display:inline-flex;align-items:center;gap:5px;font-size:10px;font-weight:600;padding:6px 10px;border-radius:100px;background:var(--soft);letter-spacing:.4px}.success-mark{display:flex;justify-content:center;align-items:center;width:76px;height:76px;background:var(--green);border-radius:50%;margin:26px auto}.success-mark svg{width:35px;height:35px}.progress{height:6px;background:#e5e8dd;border-radius:10px;overflow:hidden}.progress-bar{height:100%;background:#7ea443;border-radius:10px;max-width:100%}.empty{text-align:center;padding:35px 10px}.empty svg{margin-bottom:14px;color:#7c866f}.empty h2{margin-bottom:10px}.metric{font-size:27px;letter-spacing:-1px;font-weight:600}.money{font-variant-numeric:tabular-nums}.section-head{display:flex;align-items:center;justify-content:space-between;margin:29px 0 9px}.section-head h2{font-size:20px}.section-head .text-btn{padding:3px;font-size:12px}.illustration{width:100%;height:auto}.inline{display:flex;align-items:center;gap:10px}.split,.summary-line{display:flex;justify-content:space-between;gap:18px;align-items:center}.summary-line{padding:12px 0;font-size:14px}.summary-line span:first-child{color:var(--muted)}.summary-line strong{text-align:right}.receipt{background:white;border-radius:24px;padding:24px}.form{margin-top:24px}.hero{padding:12px 0 15px}.balance-label{display:flex;align-items:center;gap:7px;font-size:13px;margin-top:17px}.balance-main{font-size:53px;line-height:1.17;letter-spacing:-2.7px;font-weight:600;margin-top:6px}.balance-main .currency{font-size:21px;letter-spacing:-.7px;vertical-align:top;position:relative;top:9px;margin-right:4px}.balance-main .cents{font-size:29px;letter-spacing:-1px;color:#838a7a}.balance-accent{background:linear-gradient(transparent 68%,#b5e96a 68%);padding:0 3px}.balance-context{font-size:12px;color:var(--muted);margin-top:10px}.quick-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:24px 0 29px}.quick-actions button{display:flex;flex-direction:column;align-items:center;gap:10px;border:0;background:none;padding:0;font-size:11px;font-weight:500}.quick-actions span{width:54px;height:54px;background:var(--ink);color:white;border-radius:19px;display:flex;align-items:center;justify-content:center}.home-greeting{display:flex;align-items:center;justify-content:space-between;padding:9px 0 12px}.home-greeting .wordmark{font-size:31px}.home-greeting .icon-btn{background:white}.wordmark{font-size:48px;font-weight:750;letter-spacing:-3px;line-height:1;text-decoration:none}.wordmark span{display:inline-block;position:relative}.wordmark span:after{content:'';position:absolute;width:5px;height:5px;background:var(--green);border-radius:50%;top:7px;right:-3px;border:2px solid var(--paper)}.money-art{display:block;width:100%;height:150px;margin:7px 0 0}.money-note{background:var(--soft);border-radius:24px;padding:19px 21px;position:relative;overflow:hidden}.money-note .eyebrow{font-size:9px}.money-note h2{font-size:22px;margin:9px 0;max-width:280px}.money-note p{font-size:12px;max-width:260px}.story-preview{border-radius:24px;background:var(--ink);color:var(--paper);padding:23px}.story-preview p{color:#c7cdbd;font-size:13px;margin:9px 0 18px}.story-preview .text-btn{color:var(--paper);padding:0}.story-preview .accent{color:var(--green)}.chat-bubble{border-radius:21px 21px 21px 4px;background:white;padding:17px 19px;font-size:15px;max-width:94%;margin:16px 0;line-height:1.55}.chat-bubble.user{background:#e7eddd;margin-left:auto;border-radius:21px 21px 4px 21px}.chat-entry{display:flex;gap:9px;align-items:center;margin-top:20px}.chat-entry input{flex:1;min-width:0}.chat-entry button{border:0;background:var(--ink);color:white;border-radius:17px;width:54px;height:54px}.check-row{display:flex;gap:12px;align-items:flex-start;font-size:14px;padding:12px 0}.check-row input{accent-color:var(--ink);width:19px;height:19px;flex-shrink:0;margin-top:1px}.toggle-row{display:flex;justify-content:space-between;gap:18px;align-items:center;padding:16px 0}.toggle{appearance:none;width:42px!important;height:26px!important;min-height:0!important;border:0!important;background:#d1d6c9!important;position:relative;border-radius:50px!important;padding:0!important;cursor:pointer}.toggle:after{content:'';width:20px;height:20px;border-radius:50%;background:#fff;position:absolute;top:3px;left:3px}.toggle:checked{background:var(--ink)!important}.toggle:checked:after{left:19px}#error{color:var(--red);font-size:14px;margin:15px 0}#error:empty{display:none}#nav{position:static;max-width:460px;width:100%;display:flex;justify-content:space-around;padding:12px 8px calc(12px + env(safe-area-inset-bottom));background:#f8f9f4f5;backdrop-filter:blur(20px);border-top:1px solid #e7e9e0;z-index:10}#nav[hidden]{display:none}.nav-item{display:flex;align-items:center;flex-direction:column;gap:5px;width:20%;background:none;border:0;color:#848a7d;font-size:10px;padding:3px 2px}.nav-item.active{color:var(--ink);font-weight:600}.nav-item.active svg{stroke-width:2.3}.nav-item.active:before{content:'';position:absolute;bottom:9px;width:4px;height:4px;border-radius:50%;background:#7d9e44}#toast{position:fixed;bottom:100px;left:50%;transform:translate(-50%,12px);width:max-content;max-width:88%;background:var(--ink);color:white;border-radius:15px;padding:14px 20px;font-size:13px;opacity:0;pointer-events:none;transition:.2s;z-index:40}#toast.show{opacity:1;transform:translate(-50%,0)}.desktop-note{display:none}.center{text-align:center}.spacer{height:20px}.category-bar{display:flex;height:10px;gap:3px;border-radius:8px;overflow:hidden;margin:20px 0}.category-bar span{background:#a7c47a}.category-bar span:nth-child(2){background:#44533a}.category-bar span:nth-child(3){background:#a9b19e}.category-bar span:nth-child(4){background:#dbe0d3}.test-step{counter-increment:step;display:flex;gap:14px;padding:16px 0}.test-step:before{content:counter(step,decimal-leading-zero);font-size:12px;font-weight:600;min-width:24px;color:#7d876f;padding-top:2px}.test-step p{font-size:13px;color:var(--muted);margin-top:5px}.test-list{counter-reset:step}.mini-label{font-size:10px;text-transform:uppercase;letter-spacing:1px;color:var(--muted)}@media(min-width:900px){body{padding:32px 40px;display:flex;gap:80px;align-items:flex-start;justify-content:center}#app{border-radius:34px;min-height:calc(100dvh - 64px);overflow:hidden;margin:0;box-shadow:0 30px 80px #26351c13}#nav{border-radius:0 0 34px 34px}.desktop-note{display:flex;flex-direction:column;width:310px;min-height:calc(100dvh - 64px);padding:22px 0 30px;position:sticky;top:32px;gap:80px}.desktop-note h2{font-size:44px;letter-spacing:-2px;line-height:1.06;margin:20px 0}.desktop-note p{font-size:16px;color:#77806c}.desktop-test{margin-top:auto}.desktop-test p{font-size:13px;max-width:245px;margin:17px 0 5px}.desktop-test .text-btn{padding-left:0}.demo-strip{padding-top:16px}#toast{left:calc(50% + 195px)}}@media(max-width:359px){.screen{padding-left:19px;padding-right:19px}h1{font-size:32px}.balance-main{font-size:46px}.quick-actions{gap:6px}.quick-actions span{width:49px;height:49px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important;transition:none!important}}@keyframes enter{from{opacity:.4;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}} .welcome-illustration svg{display:block;width:100%;max-height:200px}.welcome-screen>.muted{margin-top:15px}.demo-note{margin-top:18px;font-size:11px}.welcome-explore{width:100%;text-align:center}.demo-options{margin:20px 0;font-size:12px;color:var(--muted)}summary{padding:10px 0;cursor:pointer}.phone-field{display:flex;gap:10px;align-items:center}.phone-field>span{font-size:21px}.code-input{letter-spacing:8px;text-align:center;font-size:28px!important}.identity-card>p{margin-top:10px}.identity-card h2{margin-top:12px}.receipt strong,.summary-line strong{overflow-wrap:anywhere;max-width:65%}.screen-welcome .actions{margin-top:24px}.screen-welcome>.welcome-screen>.topline{margin-bottom:12px} /* Source: pause.css | sha256:084c9ca034c63814f00b571802277f7e64436fccf04ca9663facd91b498fe9b7 */ /* The navigation and actions belong to the page; they never cover its content. */ #app{display:flex;flex-direction:column}#view{flex:1;min-width:0}#nav{position:static;inset:auto;bottom:auto;left:auto;right:auto;transform:none;max-width:none;flex-shrink:0;margin-top:auto;background:var(--paper);backdrop-filter:none;border-radius:0;z-index:auto;padding-bottom:calc(16px + env(safe-area-inset-bottom))}.nav-item{position:relative}.nav-item.active:before{bottom:-6px}.screen{padding-bottom:30px}.screen-welcome{padding-bottom:24px}.actions{position:static;inset:auto;transform:none}.pause-home{width:100%;display:flex;align-items:center;gap:14px;padding:18px 0 23px;border:0;border-top:1px solid var(--line);background:none;text-align:left}.pause-home>span:nth-child(2){display:flex;flex:1;flex-direction:column;gap:2px}.pause-home small{font-size:9px;letter-spacing:1.5px;color:#69745d;font-weight:600}.pause-home strong{font-size:21px;letter-spacing:-.6px}.pause-home>span>span{font-size:12px;color:var(--muted)}.pause-home-symbol{width:45px;height:45px;border:1.5px solid var(--ink);border-radius:50%;display:flex;gap:4px;align-items:center;justify-content:center;background:#b5e96a50}.pause-home-symbol i{height:15px;width:3px;background:var(--ink);border-radius:2px}.pause-title{margin-bottom:23px}.pause-title h1{font-size:37px;letter-spacing:-1.6px}.pause-title p{font-size:14px;margin-top:12px;color:var(--muted)}.pause-scene{--pause-tone:#688b39;border-radius:25px;background:#edf1e5;padding:18px;margin:10px 0 4px;isolation:isolate}.pause-tone-short{--pause-tone:#98603c;background:#f5eee5}.pause-tone-tight{--pause-tone:#7c7944}.pause-tone-unknown{--pause-tone:#808773;background:#eff1eb}.pause-scene-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.pause-scene-heading .eyebrow{font-size:8px;letter-spacing:1.2px}.pause-scene-heading .text-btn{display:flex;align-items:center;gap:4px;padding:2px;font-size:10px;min-height:24px;color:var(--muted)}.pause-transfer{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(30px,.55fr) minmax(0,.9fr);align-items:center;gap:5px;position:relative;min-height:152px}.pause-wallet{position:relative;display:flex;flex-direction:column;gap:4px;min-width:0;padding:12px 0}.pause-wallet-icon{display:flex;width:34px;height:34px;align-items:center;justify-content:center;margin-bottom:6px}.pause-wallet small{font-size:10px;color:#66705b}.pause-wallet strong{font-size:24px;font-weight:600;line-height:1.15;white-space:nowrap;letter-spacing:-1.05px;font-variant-numeric:tabular-nums}.pause-from{font-size:10px;color:var(--muted)}.pause-journey{height:52px;position:relative;align-self:center;margin-top:-7px}.pause-route-line{display:block;position:absolute;top:25px;width:100%;border-top:1px dashed #9fa98f}.pause-payment-token{display:block;position:absolute;top:10px;left:-24px;background:var(--ink);color:var(--paper);padding:5px 8px;border-radius:100px;font-size:9px;white-space:nowrap;font-weight:500;z-index:1}.pause-recipient{text-align:center;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:6px;min-width:0}.pause-recipient-icon{width:44px;height:44px;background:#f9faf6;border:1px solid #dce2d2;border-radius:50%;display:flex;align-items:center;justify-content:center}.pause-recipient strong{font-size:10px;line-height:1.2;max-width:95px}.pause-recipient small{font-size:10px;color:var(--muted)}.pause-unsent{font-size:10px;color:#7b816f;letter-spacing:.2px;text-align:center;margin:0 0 15px}.pause-math{padding:14px 0 0;border-top:1px solid #74815e20;display:flex;flex-direction:column;gap:10px}.pause-commitment,.pause-room-line{display:flex;justify-content:space-between;gap:8px;font-size:12px}.pause-commitment>span{color:#727b65}.pause-room-line{margin-top:3px;font-size:14px;font-weight:600}.pause-room-bar{position:relative;height:7px;background:#dce2d1;overflow:hidden;border-radius:8px;margin:2px 0 3px}.pause-room-before,.pause-room-after{position:absolute;display:block;left:0;top:0;height:100%;border-radius:8px}.pause-room-before{width:var(--room-before);background:#a4b48b;opacity:.2}.pause-room-after{width:var(--room-after);background:var(--pause-tone)}.pause-gap{font-size:11px;color:#88532e;margin-top:1px}.pause-consequence{margin-top:18px;padding-top:15px;border-top:1px solid #74815e20}.pause-consequence h3{font-size:19px;letter-spacing:-.6px;line-height:1.12;max-width:280px}.pause-consequence p{font-size:12px;line-height:1.5;color:#68705d;margin-top:8px}.pause-tone-short .pause-consequence p{color:#7b6754}.pause-unknown{display:flex;gap:9px;padding-top:14px;border-top:1px solid #74815e20;color:var(--muted);font-size:12px}.pause-open{font-size:12px;display:flex;align-items:center;gap:7px;padding:12px 2px 18px}.pause-details{font-size:12px;margin-top:12px}.pause-details summary{color:var(--muted)}.pause-plan-names{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}.pause-plan-names span{display:flex;align-items:center;gap:5px;font-size:10px;color:var(--muted)}.pause-actions{gap:9px;margin-top:18px}.pause-actions .primary,.pause-actions .secondary{min-height:48px;padding:12px 17px;font-size:14px}.pause-actions .text-btn{min-height:40px;padding:8px}.pause-compact .pause-transfer{min-height:140px}.pause-compact .pause-consequence h3{font-size:17px}.pause-compact .pause-consequence p{font-size:11px}.pause-compact .pause-consequence{margin-top:12px;padding-top:12px}.pause-example-plan{display:flex;flex-direction:column;gap:7px;font-size:10px;color:var(--muted);padding:12px 3px}.pause-example-plan span{display:flex;align-items:center;gap:7px}.pause-demo-chips{gap:7px}.pause-demo-chips .chip{font-size:10px;padding:8px 10px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.screen-paymentReview .hero{gap:7px!important}.screen-paymentReview .hero h1{font-size:34px}.screen-paymentReview .receipt{margin-top:4px}.screen-paymentReview .summary-line{font-size:12px;padding:9px 0}.screen-paymentReview .divider{margin:10px 0}.screen-paymentReview .actions{margin-top:18px}.screen-pause .topline{margin-bottom:16px}.screen-pause .tiny{margin-top:13px}@media(min-width:900px){#nav{position:static;bottom:auto;border-radius:0 0 34px 34px}}@media(max-width:359px){.pause-wallet strong{font-size:21px}.pause-scene{padding:15px}.pause-title h1{font-size:33px}.pause-transfer{grid-template-columns:minmax(0,1.6fr) minmax(25px,.45fr) minmax(0,.9fr)}} /* A static navigation row in an app viewport, with scrolling content above it. */ body{height:100dvh;overflow:hidden}#app{height:100dvh;min-height:0}#view{min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch}.demo-strip{flex-shrink:0}#nav{margin-top:0;flex-shrink:0}@media(min-width:900px){#app{height:calc(100dvh - 64px);min-height:0}.desktop-note{height:calc(100dvh - 64px);min-height:0}} .pause-risk-preview{display:flex;gap:13px;align-items:center;background:#f4ede3;padding:16px;border-radius:20px;margin:10px 0 18px}.pause-risk-preview .pause-home-symbol{background:transparent;width:36px;height:36px;flex-shrink:0;border-color:#997348}.pause-risk-preview .pause-home-symbol i{background:#997348;height:13px}.pause-risk-preview .eyebrow{font-size:8px;letter-spacing:1.1px;color:#8a6e4c}.pause-risk-preview strong{display:block;font-size:15px;line-height:1.25;margin:5px 0;color:#664e31}.pause-risk-preview p{font-size:11px;color:#8a795e} /* A quiet decision point, with the projected balance distinct from authorisation. */ .screen.screen-pause .pause-single-insight h1{max-width:27ch;text-wrap:pretty} .screen.screen-pause .pause-focus-scene{border:1px solid #dce5d1;border-radius:22px;padding:13px 16px} .screen.screen-pause .pause-scene-heading .eyebrow{font-size:9px;color:#556047;letter-spacing:1.2px} .screen.screen-pause .pause-transfer{grid-template-columns:minmax(0,1.3fr) minmax(24px,.4fr) minmax(0,1fr);min-height:102px;gap:8px} .screen.screen-pause .pause-wallet{gap:5px;padding:10px 0} .screen.screen-pause .pause-wallet small,.screen.screen-pause .pause-from{color:#59634f;font-size:11px} .screen.screen-pause .pause-wallet strong{font-size:clamp(22px,6.1vw,26px);letter-spacing:-.8px} .screen.screen-pause .pause-recipient{gap:5px} .screen.screen-pause .pause-recipient-icon{width:36px;height:36px} .screen.screen-pause .pause-recipient strong{font-size:11px;line-height:1.25;max-width:none;overflow-wrap:anywhere} .screen.screen-pause .pause-recipient small{font-size:10px;color:#59634f} .screen.screen-pause>.pause-unsent{margin:9px 0 0;color:#59634f;font-size:11px;line-height:1.45;letter-spacing:0} .screen.screen-pause .pause-actions .text-btn{min-height:44px;font-size:12px} .screen.screen-pause .pause-actions{margin-top:13px} .screen.screen-pause[data-density=compact] .pause-transfer{min-height:96px} @media(max-width:359px){.screen.screen-pause .pause-focus-scene{padding:12px}.screen.screen-pause .pause-transfer{gap:5px}.screen.screen-pause .pause-wallet strong{font-size:21px}} /* Source: motion.css | sha256:df5d19b9a877184ba66415f3d160f88d5303688b6194223a4897c6840a61793d */ /* Reveal → hold → resolve. Rules are mirrored in L.motionRules for Web Animations. */ :root{--motion-reveal:180ms;--motion-hold:80ms;--motion-resolve:220ms;--motion-press:100ms;--ease-focus:cubic-bezier(.2,.75,.3,1)} /* Supersede legacy local entrance/counter effects. All final facts exist at first paint. */ html.lumo-motion-ready #view .screen, html.lumo-motion-ready #view .pay-tab-panel, html.lumo-motion-ready #view .scene-art svg, html.lumo-motion-ready #view .focus-art .scene-art svg, html.lumo-motion-ready #view .money-art, html.lumo-motion-ready #view .money-art>circle, html.lumo-motion-ready #view .welcome-illustration, html.lumo-motion-ready #view .welcome-illustration svg, html.lumo-motion-ready #view .focus-balance-track>span, html.lumo-motion-ready #view .focus-category-track>span{animation:none} button,.quick-actions button>span{transition:transform var(--motion-press) var(--ease-focus),background-color var(--motion-reveal) ease,border-color var(--motion-reveal) ease,box-shadow var(--motion-reveal) ease} button:not(:disabled):active{transform:scale(.985)} .row:not(:disabled):active{background:var(--soft,#edf0e8)} .quick-actions button:not(:disabled):active{transform:none} .quick-actions button:not(:disabled):active>span{transform:scale(.96)} .nav-item svg{transition:transform var(--motion-press) var(--ease-focus),stroke-width var(--motion-reveal) ease} .nav-item:not(:disabled):active svg{transform:scale(.96)} .chip{transition:background-color var(--motion-reveal) ease,color var(--motion-reveal) ease,transform var(--motion-press) ease} .toggle:after{transition:left var(--motion-reveal) var(--ease-focus)} [data-insight],[data-projection],.success-mark,.result-mark{transform-origin:center} .balance-main,[data-pause-balance]{font-variant-numeric:tabular-nums} .success-mark svg path,.result-mark svg path{stroke-linecap:round;stroke-linejoin:round} .pause-scene{isolation:isolate} .pause-wallet,.pause-recipient{transform-origin:center} .pause-payment-token{pointer-events:none;z-index:2;opacity:0} .pause-route-line{transition:opacity var(--motion-reveal) ease} .pause-ring-progress{transform-origin:center;stroke-linecap:round} .pause-room-bar{overflow:hidden} .pause-is-complete .pause-payment-token{opacity:0} /* The wordmark’s rounded counter becomes a quiet, functional focus edge. */ #view.lumo-balances-revealed .home-plan-summary{outline:1px solid var(--line,#d4dacd);outline-offset:3px;transition:outline-color var(--motion-resolve) ease} @media(hover:hover){ .quick-actions button:hover>span{transform:translateY(-1px)} } .lumo-motion-paused #view *, .lumo-motion-paused #view *::before, .lumo-motion-paused #view *::after{animation:none!important;transition:none!important} @media(prefers-reduced-motion:reduce){ *,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important} button:not(:disabled):active,.quick-actions button:not(:disabled):active>span,.nav-item:not(:disabled):active svg,.quick-actions button:hover>span{transform:none} .pause-payment-token{display:none} } /* Source: illustrations.css | sha256:979fab145e24f3b1aaac8ba0fcd7d87893827e3726476b2042b810fd51fe4fa8 */ .scene-art{display:block;margin:0 0 14px;width:100%;height:112px;overflow:visible}.scene-art svg{display:block;width:100%;height:100%;transform-origin:50% 90%;animation:scene-arrive .6s cubic-bezier(.2,.75,.3,1) both}.scene-compact{height:96px;margin-bottom:12px}.page-heading{margin-bottom:21px}.page-heading>.eyebrow+.scene-art{margin-top:12px}.page-heading p{margin-top:9px;font-size:14px}.page-heading h1{font-size:32px;letter-spacing:-1.2px}.screen p{line-height:1.45}.screen-explainer{font-size:12px;color:var(--muted);margin:12px 0}.screen-explainer>summary{padding:9px 0;text-decoration:underline;text-underline-offset:3px}.screen-explainer .notice{margin:0 0 12px}.screen-pause .scene-art{height:122px;margin:0 0 15px}.pause-single-insight h1{font-size:30px;line-height:1.14;letter-spacing:-1.1px;font-weight:600}.pause-single-insight h2{font-size:26px;line-height:1.17;letter-spacing:-.8px}.pause-single-insight{margin:10px 0 19px}.pause-focus-scene{padding:15px 18px;background:#eef3e7}.pause-focus-scene .pause-transfer{min-height:134px}.pause-focus-scene .pause-unsent{margin-bottom:2px}.pause-actions{gap:8px}.pause-actions .text-btn{padding:6px;min-height:31px}.engine-demo-details{font-size:11px;color:var(--muted);margin:12px 0}.engine-demo-details .summary-line{font-size:11px;padding:7px 0}.screen-pauseDemo .scene-art{height:95px}.screen-home .scene-art{height:125px;margin:0}.home-compact-plan{display:flex;justify-content:space-between;align-items:center;gap:14px;background:var(--soft);border-radius:21px;border:0;padding:18px;text-align:left;width:100%}.home-compact-plan strong{display:block;font-size:23px;letter-spacing:-.8px}.home-compact-plan small{display:block;color:var(--muted);font-size:11px;margin-top:4px}.screen-home .quick-actions{margin:20px 0}.screen-home .balance-main{font-size:48px}.screen-home .hero{padding-bottom:4px}.screen-home .pause-home{padding:15px 0;margin-top:14px}.screen-home .section-head{margin-top:22px}.screen-home .home-greeting{padding-bottom:7px}.screen-chat .chat-bubble{font-size:14px}.screen-chat .scene-art{height:100px}.screen-pay .grid3 button{font-size:13px}.screen-pay .hero p{font-size:14px}.screen-identity .scene-art{height:100px}.screen-privacy .scene-art,.screen-accountInfo .scene-art{height:105px}.screen-paymentReview .hero h1{font-size:35px}.screen-paymentReview .hero{gap:5px!important}.screen-merchant .scene-art{height:122px}.screen-more .scene-art{height:108px}.screen .topline{margin-bottom:17px}@keyframes scene-arrive{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(max-width:359px){.scene-art{height:100px}.pause-single-insight h1{font-size:27px}}@media(prefers-reduced-motion:reduce){.scene-art svg{animation:none}} /* The illustration is the main visual, with a consistent editorial scale. */ .scene-art{height:166px;margin:0 0 15px}.scene-art.scene-compact{height:137px;margin-bottom:12px}.scene-editorial svg{max-height:none;animation:editorial-arrive .65s cubic-bezier(.2,.75,.3,1) both}.screen-home .scene-art{height:176px;margin:0 0 2px}.screen-pause .scene-art{height:166px;margin:0 0 15px}.screen-pauseDemo .scene-art{height:150px}.screen-chat .scene-art{height:160px}.screen-identity .scene-art,.screen-livecheck .scene-art{height:164px}.screen-merchant .scene-art{height:178px}.screen-more .scene-art{height:160px}.screen-privacy .scene-art,.screen-accountInfo .scene-art{height:155px}.screen-welcome .welcome-illustration{height:215px!important;margin:0 0 12px!important}.screen-welcome .welcome-illustration .scene-art{height:215px;margin:0}.screen-welcome .welcome-illustration svg{max-height:none}.scene-editorial image{image-rendering:auto}.screen-paymentResult .scene-art{height:178px}.screen-txDetail .scene-art{height:130px}@media(max-height:720px){.scene-art{height:145px}.scene-art.scene-compact{height:120px}.screen-pause .scene-art{height:145px}.screen-home .scene-art{height:155px}.screen-welcome .welcome-illustration,.screen-welcome .welcome-illustration .scene-art{height:185px!important}}@media(max-width:359px){.scene-art{height:145px}.scene-art.scene-compact{height:120px}.screen-home .scene-art{height:155px}}@keyframes editorial-arrive{from{opacity:0;transform:translateY(10px) scale(.975)}to{opacity:1;transform:translateY(0) scale(1)}}@media(prefers-reduced-motion:reduce){.scene-editorial svg{animation:none!important}} /* Source: compact.css | sha256:dd8b8cfcbdc4a0116a91c0c92eaacde35d94b6b67c0c4fe33da6aeffa1053dac */ /* Screen-first rhythm. Text keeps its size; art and space adapt to the viewport. */ .screen{--art-size:clamp(186px,25dvh,218px);--option-height:66px;padding:5px 22px 16px} .demo-strip{padding:7px 22px 5px;font-size:8px;letter-spacing:1px;min-height:29px} .screen .topline{min-height:40px;margin:0 -6px 8px} .screen .page-heading{margin-bottom:15px} .screen .page-heading h1{font-size:29px;line-height:1.1;letter-spacing:-1px} .screen .page-heading p,.screen .hero p{font-size:13px;line-height:1.4;margin-top:7px} .screen .scene-art{height:var(--art-size)!important;margin:0 0 10px;width:100%;overflow:hidden;flex-shrink:0} .screen .scene-art svg,.screen .scene-art .option-art{overflow:hidden} .screen .page-heading:has(>.scene-art),.screen .hero:has(>.scene-art),.screen .pause-single-insight:has(>.scene-art){display:flex!important;flex-direction:column;align-items:stretch;gap:0!important} .screen .page-heading>.scene-art,.screen .hero>.scene-art,.screen .pause-single-insight>.scene-art{order:-1;grid-column:auto;grid-row:auto;width:100%;height:var(--art-size)!important;margin:0 auto 14px;align-self:center} .screen .page-heading:has(>.scene-art)>:not(.scene-art),.screen .hero:has(>.scene-art)>:not(.scene-art),.screen .pause-single-insight:has(>.scene-art)>:not(.scene-art){grid-column:auto;margin-top:0!important} .screen .hero{padding:6px 0 12px} .screen .hero:has(>.scene-art)>.avatar{display:none} .screen .hero h1{font-size:31px;line-height:1.12;letter-spacing:-1.1px;overflow-wrap:anywhere} .screen .hero .text-btn{padding:4px 0;text-align:left;font-size:12px} .screen p{line-height:1.4} .screen .stack{gap:10px} .screen .form{margin-top:12px} .screen .field{margin-bottom:13px;font-size:13px} .screen .field>span{margin-bottom:6px} .screen input:not([type=checkbox]):not([type=radio]),.screen select{min-height:49px;padding:12px 14px;font-size:16px;border-radius:14px} .screen textarea{min-height:82px;font-size:16px;padding:12px 14px} .screen .amount-input{font-size:39px!important;min-height:60px!important;padding:7px 0!important} .screen .primary,.screen .secondary,.screen .danger{min-height:48px;padding:12px 16px;border-radius:15px;font-size:14px} .screen .text-btn{min-height:36px;padding:7px 5px;font-size:13px} .screen .actions{margin-top:15px;gap:8px} .screen .card,.screen .soft,.screen .receipt{padding:16px;border-radius:19px} .screen .notice,.screen .warning{padding:12px 14px;font-size:13px;margin:10px 0;border-radius:15px} .screen .notice p+p{margin-top:5px} .screen .row{min-height:59px;padding:10px 0;gap:11px} .screen .row-icon{width:36px;height:36px;border-radius:13px} .screen .row-copy strong{font-size:14px} .screen .row-copy small{font-size:11px;margin-top:2px;line-height:1.35} .screen .row-end{font-size:12px} .screen .section-head{margin:17px 0 5px} .screen .section-head h2{font-size:18px} .screen .summary-line{padding:8px 0;font-size:13px} .screen .divider{margin:12px 0} .screen .chips{gap:6px;margin:11px 0} .screen .chip{padding:8px 11px;font-size:11px;min-height:34px} .screen .empty{padding:22px 6px} .screen .check-row{font-size:13px;padding:9px 0} .screen .success-mark{width:56px;height:56px;margin:15px auto} .screen .screen-explainer{margin:8px 0} #nav{padding:9px 7px calc(11px + env(safe-area-inset-bottom));min-height:68px} .nav-item{min-height:43px;gap:4px} /* A full-width, centred illustration leads the heading on every screen. */ .compact-title{margin:4px 0 12px} .compact-title h1{font-size:33px;line-height:1.08;letter-spacing:-1.2px} .compact-title p{font-size:13px;margin-top:7px;color:var(--muted)} .option-art{display:block;width:100%;height:var(--option-height);margin:0;flex-shrink:0;pointer-events:none} .option-art>svg{display:block;width:100%;height:100%} .scene-service>.option-art{height:100%;width:100%} .menu-choice{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;border:0;background:none;padding:8px 3px;text-align:center;border-radius:15px;min-width:0;min-height:68px} .menu-choice strong{display:block;font-size:13px;font-weight:600;line-height:1.25} .menu-choice small{display:block;font-size:12px;line-height:1.35;color:var(--muted);margin-top:5px} .menu-icon{display:flex;align-items:center;justify-content:center;width:38px;height:38px;background:var(--soft);border-radius:13px;flex-shrink:0} .menu-choice:hover{background:#e9eedf80} .menu-choice:active .menu-icon{transform:scale(.94)} .payment-grid .menu-choice{min-height:73px;padding:6px 3px;gap:6px} .home-art-actions .menu-choice{padding:3px 0;gap:8px} .home-art-actions .menu-choice strong{font-size:11px} .home-art-actions .menu-icon{background:var(--ink);color:var(--paper);width:43px;height:43px;border-radius:15px} .account-choice-grid .menu-choice{min-height:76px} .funding-choices .menu-choice{min-height:119px;padding:14px 0;gap:12px} .funding-choices .menu-choice strong{font-size:15px} .funding-choices .menu-choice small{max-width:140px} .funding-choices .menu-icon{width:48px;height:48px} .screen .option-art .scene-art{width:100%;height:100%!important;margin:0} .illustrated-choice{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;border:0;background:none;padding:6px 3px;text-align:center;border-radius:17px;min-width:0;min-height:44px;transition:transform .2s ease,background .2s ease} .illustrated-choice strong{display:block;font-size:13px;font-weight:600;line-height:1.25} .illustrated-choice small{display:block;font-size:12px;line-height:1.35;color:var(--muted);margin-top:4px} .illustrated-choice:hover{background:#e9eedf80} .illustrated-choice:active .option-art{transform:translateY(-2px) rotate(-2deg)} .payment-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px 12px} .payment-grid .illustrated-choice{min-height:92px} .compact-section{display:flex;align-items:center;justify-content:space-between;min-height:33px;margin:7px 0 2px} .compact-section .eyebrow{font-size:9px;letter-spacing:1.1px} .compact-section .text-btn{font-size:11px;min-height:32px;padding:5px 0} .compact-draft{display:flex;align-items:center;gap:8px;width:100%;background:var(--soft);border:0;border-radius:12px;min-height:40px;padding:8px 11px;font-size:11px;margin:0 0 7px;text-align:left} .compact-draft span{flex:1;overflow-wrap:anywhere} .home-balance-scene{display:flex;flex-direction:column;align-items:stretch;gap:0;min-height:0} .screen-home .home-greeting{padding:2px 0 8px;min-height:45px} .home-greeting .avatar{width:36px;height:36px} .screen-home .home-balance-scene .scene-art{height:var(--art-size)!important;width:100%;margin:0 auto 12px;order:-1} .screen-home .balance-label{font-size:12px;margin-top:10px;padding:0;min-height:20px} .screen-home .balance-main{font-size:39px;letter-spacing:-1.9px;margin-top:4px;white-space:nowrap} .screen-home .balance-main .currency{font-size:15px;top:6px;margin-right:2px} .screen-home .balance-main .cents{font-size:22px} .home-art-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin:8px -3px 13px;--option-height:54px} .home-art-actions .illustrated-choice{padding:3px 0;gap:7px} .home-art-actions .illustrated-choice strong{font-size:11px} .screen-home .home-compact-plan{padding:12px 15px;gap:8px;border-radius:17px;min-height:76px} .home-compact-plan .eyebrow{font-size:8px;letter-spacing:1px} .screen-home .home-compact-plan strong{font-size:22px;margin-top:3px} .screen-home .home-compact-plan small{font-size:10px;margin-top:3px} .screen-home .pause-home{padding:12px 0;margin-top:9px;gap:11px;min-height:68px} .screen-home .pause-home-symbol{width:36px;height:36px;flex-shrink:0} .screen-home .pause-home small{font-size:8px} .screen-home .pause-home strong{font-size:18px} .screen-home .pause-home>span>span{font-size:11px} .screen-home .section-head{margin-top:10px} .screen-home .home-empty{padding:12px 0} .plan-total{margin:0 0 7px} .plan-total .balance-main{font-size:37px;margin-top:2px;letter-spacing:-1.8px} .plan-total .balance-main .currency{font-size:17px;top:6px} .plan-total .balance-main .cents{font-size:23px} .plan-total .text-btn{padding:4px 0;text-align:left;min-height:28px;font-size:12px} .illustrated-list{display:flex;flex-direction:column;gap:2px} .illustrated-row{display:flex;align-items:center;gap:12px;width:100%;padding:8px 0;min-height:69px;border:0;background:none;text-align:left} .illustrated-row>.option-art{width:65px;height:52px} .illustrated-row>span:nth-child(2){flex:1;min-width:0} .illustrated-row strong{display:block;font-size:14px;line-height:1.2} .illustrated-row small{display:block;font-size:11px;color:var(--muted);margin-top:4px;line-height:1.3} .plan-footer,.account-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:7px} .plan-footer .text-btn,.account-footer .text-btn{padding-left:0} .account-choice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 10px;--option-height:76px;margin-top:17px} .account-choice-grid .illustrated-choice{min-height:102px} .account-footer{margin-top:18px} .funding-balance{display:flex;align-items:center;justify-content:space-between;margin:14px 0 20px} .funding-balance strong{font-size:23px;letter-spacing:-.7px} .funding-choices{display:grid;grid-template-columns:1fr 1fr;gap:17px;--option-height:100px;margin:8px 0 23px} .funding-choices .illustrated-choice{padding:12px 0;gap:12px} .funding-choices .illustrated-choice strong{font-size:15px} .funding-choices .illustrated-choice small{max-width:140px} .campus-code{margin:5px 0 14px} .campus-code label{display:block;margin-bottom:7px} .campus-code .secondary{width:auto;min-width:72px} .campus-merchants{gap:7px;margin-bottom:15px} .campus-merchants .illustrated-row{min-height:77px} .campus-merchants .option-art{width:77px;height:63px} .optional-fields{font-size:13px;margin:6px 0 14px;color:var(--muted)} .optional-fields summary{padding:9px 0;min-height:38px;text-decoration:underline;text-underline-offset:3px} .optional-fields[open] summary{margin-bottom:5px} .receipt-more{font-size:12px;color:var(--muted)} .receipt-more summary{min-height:36px;padding:10px 0 0} .page-controls{display:flex;align-items:center;justify-content:center;gap:18px;margin:15px 0 0;font-size:12px;color:var(--muted)} .screen .page-controls .secondary{width:44px;min-height:44px;padding:10px;border-radius:50%} .activity-search{display:flex;align-items:center;gap:8px;margin-bottom:9px} .activity-search input{flex:1;min-width:0} .activity-search .icon-btn{width:44px;height:44px;background:var(--soft);flex-shrink:0} .screen-chat{height:100%;display:flex;flex-direction:column;min-height:0} .screen-chat>*{flex-shrink:0} .screen-chat .page-heading{--art-size:clamp(174px,23dvh,198px);margin-bottom:9px} .screen-chat>.pill{align-self:flex-start;font-size:8px} .screen-chat .chat-thread{flex:1;min-height:100px;overflow-y:auto;overscroll-behavior:contain;padding:0 2px 8px;scrollbar-width:thin} .screen-chat .chat-bubble{font-size:14px;padding:13px 15px;margin:10px 0;line-height:1.45} .screen-chat .chat-entry{margin-top:7px;gap:8px} .screen-chat .chat-entry button{width:49px;height:49px} .screen-chat .chat-prompts{font-size:12px;color:var(--muted);margin-top:3px} .screen-chat .chat-prompts summary{padding:8px 0;min-height:34px} .screen-chat .chat-prompts .chips{margin:0 0 8px} .screen-chat>p.tiny{font-size:10px;margin-top:7px!important} .screen-pause .pause-single-insight{margin:4px 0 12px} .screen-pause .pause-single-insight h1{font-size:27px;line-height:1.15;letter-spacing:-.9px} .screen .pause-focus-scene{padding:12px 15px;margin:8px 0} .screen .pause-focus-scene .pause-transfer{min-height:113px} .screen .pause-focus-scene .pause-wallet{gap:3px;padding:8px 0} .screen .pause-wallet-icon{margin-bottom:2px} .screen .pause-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:13px} .screen .pause-actions .primary,.screen .pause-actions .secondary{grid-column:1 / -1} .screen .pause-actions .text-btn{font-size:12px;min-height:40px} .screen .pause-actions+p{margin-top:8px} .screen-identity .identity-card{padding:12px 16px} .screen-identity .identity-card h2{font-size:21px;margin-top:6px} .screen-identity .identity-card>p{margin-top:4px;font-size:12px} .screen-identity .notice .text-btn{padding-left:0;font-size:12px;min-height:30px} .screen-identity>.scene-art{height:var(--art-size)!important} .screen .page-heading>.eyebrow{font-size:8px;margin:7px 0 4px!important;letter-spacing:1px} .screen-welcome .welcome-screen>.topline{margin-bottom:4px} .screen.screen-welcome .welcome-illustration,.screen.screen-welcome .welcome-illustration .scene-art{height:var(--art-size)!important;margin:0 0 8px!important} .screen-welcome .welcome-screen>h1{font-size:40px;line-height:1.04;letter-spacing:-1.8px;margin:8px 0 10px} .screen-welcome .welcome-screen>.muted{font-size:15px;margin:0} .screen-welcome .welcome-screen>.eyebrow{font-size:9px} .screen-welcome .actions{margin-top:20px;gap:8px} .screen-welcome .welcome-explore{margin-top:5px;min-height:43px} .welcome-utilities{display:flex;justify-content:center;gap:9px;margin:2px 0 6px} .screen-welcome .welcome-utilities .text-btn{font-size:11px;padding:7px 4px;min-height:36px} /* The measured fit pass and short screens tighten rhythm without clipping content. */ .screen[data-density=snug]{--art-size:clamp(174px,23dvh,198px);--option-height:58px} .screen[data-density=snug] .page-heading{margin-bottom:11px} .screen[data-density=snug] .field{margin-bottom:10px} .screen[data-density=snug] .actions{margin-top:12px} .screen[data-density=snug] .card,.screen[data-density=snug] .soft,.screen[data-density=snug] .receipt{padding:13px 15px} .screen[data-density=snug] .payment-grid{gap:5px 10px} .screen[data-density=snug] .payment-grid .illustrated-choice{min-height:82px} .screen[data-density=snug] .account-choice-grid{--option-height:64px;gap:8px} .screen[data-density=snug] .account-choice-grid .illustrated-choice{min-height:91px} .screen[data-density=snug] .illustrated-row{min-height:62px;padding:5px 0} .screen[data-density=compact]{--art-size:168px;--option-height:48px;padding-top:3px;padding-bottom:12px} .screen[data-density=compact] .topline{margin-bottom:4px} .screen[data-density=compact] .page-heading{margin-bottom:9px} .screen[data-density=compact] .page-heading h1{font-size:27px} .screen[data-density=compact] .form{margin-top:8px} .screen[data-density=compact] .actions{margin-top:10px;gap:6px} .screen[data-density=compact] .field{margin-bottom:9px} .screen[data-density=compact] .notice,.screen[data-density=compact] .warning{margin:7px 0;padding:10px 12px} .screen[data-density=compact] .card,.screen[data-density=compact] .soft,.screen[data-density=compact] .receipt{padding:12px 14px} .screen[data-density=compact] .row{min-height:52px;padding:7px 0} .screen[data-density=compact] .section-head{margin-top:11px} .screen[data-density=compact] .summary-line{padding:6px 0} .screen[data-density=compact] .payment-grid{gap:4px 10px} .screen[data-density=compact] .payment-grid .illustrated-choice{min-height:73px;gap:4px} .screen-pay[data-density=compact]{--option-height:42px} .screen-pay[data-density=compact] .payment-grid .illustrated-choice{min-height:66px;gap:3px;padding:3px 2px} .screen-pay[data-density=compact] .compact-title p{display:none} .screen[data-density=compact] .compact-title{margin-bottom:8px} .screen[data-density=compact] .compact-title p{margin-top:5px} .screen[data-density=compact] .compact-section{margin-top:4px;min-height:28px} .screen[data-density=compact] .account-choice-grid{--option-height:55px;gap:5px;margin-top:10px} .screen[data-density=compact] .account-choice-grid .illustrated-choice{min-height:80px} .screen-more[data-density=compact] .account-choice-grid .illustrated-choice{padding:3px 2px} .screen[data-density=compact] .funding-choices{--option-height:78px;margin:5px 0 16px} .screen[data-density=compact] .home-balance-scene{min-height:0} .screen[data-density=compact] .home-balance-scene .scene-art{height:var(--art-size)!important;width:100%} .screen[data-density=compact] .home-art-actions{--option-height:43px;margin:5px -3px 10px} .screen[data-density=compact] .home-compact-plan{min-height:65px;padding:9px 13px} .screen[data-density=compact] .pause-home{min-height:59px;padding:8px 0;margin-top:7px} .screen[data-density=compact] .illustrated-row{min-height:57px;padding:4px 0} .screen[data-density=compact] .illustrated-row>.option-art{height:46px;width:60px} .screen[data-density=compact] .plan-total .balance-main{font-size:34px} .screen[data-density=compact] .pause-focus-scene .pause-transfer{min-height:100px} .screen[data-density=compact] .pause-single-insight h1{font-size:26px} .screen.screen-welcome[data-density=compact] .welcome-illustration,.screen.screen-welcome[data-density=compact] .welcome-illustration .scene-art{height:var(--art-size)!important} .screen-welcome[data-density=compact] .welcome-screen>h1{font-size:36px} .screen-welcome[data-density=compact] .actions{margin-top:13px} @media(max-height:710px){.screen{--art-size:178px;--option-height:56px}.payment-grid .illustrated-choice{min-height:81px}.screen .page-heading{margin-bottom:11px}.account-choice-grid{--option-height:61px;gap:6px}.account-choice-grid .illustrated-choice{min-height:90px}.screen.screen-welcome .welcome-illustration,.screen.screen-welcome .welcome-illustration .scene-art{height:var(--art-size)!important}.screen-welcome .welcome-screen>h1{font-size:37px}.screen-home .home-balance-scene .scene-art{height:var(--art-size)!important;width:100%}.home-balance-scene{min-height:0}} @media(max-width:359px){.screen{padding-left:18px;padding-right:18px}.screen .page-heading h1{font-size:26px}.screen-home .balance-main{font-size:36px}.screen-home .balance-main .currency{font-size:13px}.screen-home .balance-main .cents{font-size:20px}.payment-grid{gap:6px}.illustrated-choice strong{font-size:12px}.home-art-actions .illustrated-choice strong{font-size:10px}.compact-title h1{font-size:30px}} @media(prefers-reduced-motion:reduce){.illustrated-choice:active .option-art{transform:none}} /* Artwork keeps a substantial footprint even when the page needs tighter spacing. */ .screen .page-heading:has(>.scene-art)>p,.screen .hero:has(>.scene-art)>p{margin-top:6px!important} .screen .scene-art>svg,.screen .scene-service>.option-art>svg{margin:0 auto} .home-latest{display:flex;align-items:center;gap:8px;margin-top:8px;min-height:57px} .home-latest-entry{display:flex;align-items:center;justify-content:space-between;gap:10px;flex:1;min-width:0;border:0;background:none;text-align:left;padding:7px 0;min-height:48px} .home-latest-entry>span:first-child{min-width:0;flex:1} .home-latest-entry small{display:block;font-size:10px;color:var(--muted);margin-bottom:2px} .home-latest-entry strong{display:block;font-size:13px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden} .home-latest-amount{font-size:12px;white-space:nowrap} .home-latest>.icon-btn{width:40px;height:44px} .screen[data-density=compact] .payment-grid .menu-choice{min-height:60px;padding:4px 2px;gap:5px} .screen[data-density=compact] .payment-grid .menu-icon{width:32px;height:32px;border-radius:11px} .screen[data-density=compact] .account-choice-grid .menu-choice{min-height:64px;padding:4px 2px} .screen[data-density=compact] .account-choice-grid .menu-icon{width:32px;height:32px} .screen-home[data-density=compact] .home-greeting{min-height:40px;padding-bottom:4px} .screen-home[data-density=compact] .home-balance-scene>div>p{display:none} .screen-home[data-density=compact] .balance-label{margin-top:0} .screen-home[data-density=compact] .home-art-actions{margin:6px -3px 9px} .screen-home[data-density=compact] .home-art-actions .menu-icon{width:36px;height:36px;border-radius:12px} .screen-home[data-density=compact] .home-art-actions .menu-choice{min-height:58px;gap:6px;padding:2px 0} .screen-home[data-density=compact] .home-compact-plan{padding:8px 13px;min-height:62px} .screen-home[data-density=compact] .home-compact-plan strong{font-size:20px} .screen-home[data-density=compact] .pause-home{min-height:52px;padding:8px 0;margin-top:7px} .screen-home[data-density=compact] .pause-home>span>span{display:none} .screen-home[data-density=compact] .home-latest{margin-top:2px;min-height:49px} /* Three payment tabs keep sending and campus merchants one tap away. */ .screen-pay .pay-hero .scene-art{margin:0 auto 12px} .pay-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3px;background:var(--soft);border-radius:15px;padding:4px;margin:0 0 11px} .pay-tabs button{border:0;border-radius:12px;background:transparent;color:var(--muted);min-height:44px;padding:8px 5px;font-size:12px;line-height:1.2;font-weight:600} .pay-tabs button[aria-selected=true]{background:var(--ink);color:var(--paper)} .pay-tab-panel{min-width:0;animation:enter .18s ease} .pay-tab-panel[hidden]{display:none!important} .pay-tab-panel:focus-visible{outline:2px solid #759d3b;outline-offset:4px;border-radius:10px} .pay-option-list{display:flex;flex-direction:column} .screen-pay .pay-option-list .row{min-height:48px;padding:7px 0;gap:12px} .screen-pay .pay-option-list .row-icon{width:32px;height:32px;border-radius:11px} .screen-pay .pay-option-list .row-icon svg{width:19px;height:19px} .screen-pay .pay-option-list .row-copy strong{font-size:14px;font-weight:500;line-height:1.3} .screen-pay .pay-option-list .row-end{color:var(--muted)} .pay-campus-code{font-size:12px;color:var(--muted);margin:5px 0 0} .pay-campus-code>summary{min-height:42px;padding:12px 0;text-decoration:underline;text-underline-offset:3px} .pay-campus-code .campus-code{margin:4px 0 6px} .pay-campus-code .campus-code label{font-size:12px} .pay-campus-code .text-btn{font-size:12px;padding-left:0;min-height:36px} .pay-utilities{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-top:11px} .screen-pay .pay-utilities .text-btn{display:flex;align-items:center;justify-content:center;gap:6px;padding:7px 4px;font-size:12px;min-height:44px} .screen-pay[data-density=compact] .pay-tabs{margin-bottom:7px} .screen-pay[data-density=compact] .pay-option-list .row{min-height:44px;padding:6px 0} .screen-pay[data-density=compact] .pay-hero .scene-art{margin-bottom:9px} .screen-pay[data-density=compact] .pay-utilities{margin-top:7px} @media(max-width:359px){.pay-tabs button{font-size:11px;padding-left:3px;padding-right:3px}} /* Customer-facing finish: legible contrast, clear focus and generous touch targets. */ :root{--muted:#626b5a} #app{padding-top:env(safe-area-inset-top)} .demo-strip[hidden]{display:none!important} .demo-strip a{font-size:10px;letter-spacing:0;margin-left:5px;white-space:nowrap} .wordmark-small{font-size:26px;letter-spacing:-1.8px;min-width:44px} .wordmark-small span:after{width:4px;height:4px;top:4px;right:-3px} .screen .topline{min-height:44px} .screen .icon-btn{min-width:44px;min-height:44px} .screen .text-btn,.screen summary{min-height:44px} .screen .text-btn{display:inline-flex;align-items:center;justify-content:center} .screen .field:has([aria-invalid=true]) input{border-color:var(--red)} .screen input::placeholder,.screen textarea::placeholder{color:#697260;opacity:1} .screen input[type=checkbox]{min-width:20px;min-height:20px;accent-color:var(--ink)} .screen .balance-main .cents{color:var(--muted)} .screen h1:focus,.screen:focus{outline:none} .screen .eyebrow{color:var(--muted)} .screen .home-greeting .wordmark{color:var(--ink)} .home-greeting .avatar{min-width:44px;min-height:44px} .screen-home .home-balance-scene>div>p{font-size:14px} .screen-home .home-compact-plan small{font-size:11px} .home-latest-entry small{font-size:11px} .home-latest-entry strong{font-size:14px} .home-resume{display:flex;align-items:center;gap:10px;width:100%;min-height:58px;padding:10px 0;border:0;border-bottom:1px solid var(--line);background:none;text-align:left;margin-top:4px} .home-resume>span{flex:1;min-width:0} .home-resume strong,.home-resume small{display:block} .home-resume strong{font-size:13px} .home-resume small{font-size:12px;color:var(--muted);overflow-wrap:anywhere;margin-top:2px} .screen-pay .pay-option-list .row+.row{border-top:1px solid var(--line)} .screen-pay .campus-code{margin:3px 0 9px} .screen-pay .campus-code label{font-size:12px} .screen-pay .campus-code .inline{gap:8px} .screen-pay .campus-code .secondary{min-width:68px;flex-shrink:0} .screen-pay .pay-campus-code{margin:3px 0 0} .screen-pay .pay-tabs button{transition:background-color .2s ease,color .2s ease} #nav{padding-top:7px;padding-bottom:calc(9px + env(safe-area-inset-bottom));min-height:72px} #nav .nav-item{font-size:11px;min-height:48px;color:#626b5a;gap:3px} #nav .nav-item svg{width:30px;height:30px;padding:4px;border-radius:11px} #nav .nav-item.active{color:var(--ink)} #nav .nav-item.active svg{background:#dff0c7} #nav .nav-item.active:before{display:none} .screen-more .account-choice-grid{margin-top:12px;gap:13px 10px} .screen-more .account-choice-grid .menu-choice{min-height:84px} .testing-drawer{border-top:1px solid var(--line);font-size:13px;margin-top:14px} .preview-boundary{font-size:12px;color:var(--muted);line-height:1.4;margin:10px 0} .screen-welcome .preview-boundary{margin-top:14px} .screen-welcome .welcome-utilities{margin-top:9px} .screen-welcome .welcome-utilities .text-btn{font-size:12px} .screen-welcome .welcome-screen>.topline{margin-bottom:17px} .screen-welcome .welcome-screen>h1{margin-top:14px} .screen-welcome .welcome-utilities+.preview-boundary{margin-top:8px} .goal-summary{border:0;text-align:left;width:100%;margin:10px 0 0;display:block} .goal-summary p{margin:8px 0 10px} .goal-summary h3{font-size:17px} .screen .spending-breakdown{font-size:13px;margin:10px 0 0;border-bottom:1px solid var(--line)} .screen .spending-breakdown>summary{padding:12px 0;font-weight:600} .screen-story .balance-main{font-size:39px;letter-spacing:-1.7px} .screen-story .balance-main .currency{font-size:16px;top:6px} .screen-story .balance-main .cents{font-size:23px} .screen-story .category-bar{margin:12px 0} .screen-storyTx .metric{margin:4px 0 18px} .screen .pause-unsent{font-size:12px;color:var(--muted)} .screen .pause-actions .text-btn{min-height:44px} .screen-chat .chat-prompts summary{min-height:44px} .screen-chat>p.tiny{font-size:11px} .screen-chat .chat-thread{scroll-padding:12px} .screen .plan-setup-progress .progress{height:5px} @media(hover:hover){.menu-choice:hover .menu-icon{background:#e0e8d5}.home-art-actions .menu-choice:hover .menu-icon{background:#3a4930}} @media(min-width:900px){.desktop-note{gap:68px}.desktop-note p{color:#626b5a}.desktop-test p{font-size:13px;max-width:260px}.desktop-test .pill{color:var(--muted);font-size:10px}} @media(max-width:899px){.screen{padding-bottom:calc(16px + env(safe-area-inset-bottom))}#nav:not([hidden]){padding-bottom:calc(9px + env(safe-area-inset-bottom))}} @media(prefers-reduced-motion:reduce){.pay-tab-panel{animation:none}.screen-pay .pay-tabs button{transition:none}} .launch-screen{height:100%;min-height:250px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px} .launch-dot{width:7px;height:7px;border-radius:50%;background:#688c3b;animation:lumo-launch 1s ease-in-out infinite} @keyframes lumo-launch{0%,100%{opacity:.35;transform:scale(.8)}50%{opacity:1;transform:scale(1.1)}} @media(prefers-reduced-motion:reduce){.launch-dot{animation:none}} /* Home's Money Story shortcut replaces the former Pause entry. */ .home-money-story{display:flex;align-items:center;gap:12px;width:100%;min-height:60px;margin-top:8px;padding:10px 0;border:0;background:none;text-align:left;border-radius:14px} .home-story-icon{display:flex;align-items:center;justify-content:center;width:38px;height:38px;flex-shrink:0;border-radius:13px;background:var(--soft)} .home-story-copy{flex:1;min-width:0} .home-story-copy strong,.home-story-copy small{display:block} .home-story-copy strong{font-size:16px;line-height:1.3} .home-story-copy small{font-size:12px;line-height:1.4;color:var(--muted);margin-top:3px} .screen-home[data-density=compact] .home-money-story{min-height:54px;margin-top:4px;padding:8px 0} @media(hover:hover){.home-money-story:hover .home-story-icon{background:#e0e8d5}} /* Source: focus.css | sha256:2d183550b5ce75a9a02317d6d01c1717b5c0667cdb97f542d7b2d06ce3d85a68 */ /* Five distinct compositions, one Lumo. */ .screen-home,.screen-pay,.screen-paymentReview,.screen-pause,.screen-story{--focus-ink:#20261e;padding:8px 24px 18px;letter-spacing:-.2px} .focus-top .eyebrow{font-size:10px;letter-spacing:1.7px} .focus-art{width:100%;position:relative;isolation:isolate} .screen .focus-art .scene-art{height:148px!important;margin:0!important;width:100%;mix-blend-mode:multiply} .screen .focus-art .scene-art svg{height:100%;width:100%;animation:focus-rise .65s cubic-bezier(.18,.72,.28,1) both} .focus-amount,.focus-payment-title h1,.focus-story-total>strong{font-variant-numeric:tabular-nums;font-weight:600;letter-spacing:-3px;line-height:1.1;overflow-wrap:anywhere} .focus-amount .currency,.focus-payment-title .currency,.focus-story-total .currency{font-size:.27em;letter-spacing:0;margin-right:7px;vertical-align:baseline} .focus-amount .cents,.focus-payment-title .cents,.focus-story-total .cents{font-size:.55em;letter-spacing:-1px;color:#68705e} .focus-home .home-greeting{padding:4px 0 12px}.focus-home .avatar{border:1px solid var(--line);width:38px;height:38px} .focus-hello{font-size:13px;color:#66705e;margin-bottom:9px} .focus-money h1{font-size:14px;line-height:1.4;font-weight:500;letter-spacing:0} .focus-money h1 button{display:flex;gap:4px;align-items:center;padding:0;background:none;border:0;font-size:inherit} .focus-amount{font-size:clamp(48px,13.5vw,64px);margin-top:5px;color:#354c25} .home-stage:before{content:'';position:absolute;width:65%;height:85%;border-radius:50%;background:radial-gradient(ellipse,#e1efcf 0%,#eff4e6 55%,transparent 73%);left:17%;top:12%;z-index:-1} .screen .home-stage .scene-art{height:145px!important}.home-stage{margin:0 0 10px} .focus-main-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.screen .focus-main-actions button{min-height:53px;border-radius:16px;font-size:14px;padding:12px 8px} .focus-main-actions .secondary{background:transparent;border:1.5px solid #283321;color:var(--ink)} .focus-small-actions{display:flex;align-items:center;justify-content:center;gap:26px;margin:5px 0 8px}.screen .focus-small-actions button{display:flex;align-items:center;gap:5px;font-size:12px;min-height:40px} .focus-plan{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;text-align:left;background:#edf0e7;border:0;border-radius:17px;padding:13px 15px} .focus-plan small{display:block;font-size:8px;letter-spacing:1.25px;color:#5e6854;line-height:1.4}.focus-plan strong{display:block;font-size:21px;letter-spacing:-.7px;margin-top:3px}.focus-plan strong span{font-size:12px;font-weight:400;letter-spacing:0}.focus-plan em{font-size:11px;color:#825233;font-style:normal;display:block;margin-top:3px} .screen .focus-story-link{padding:14px 0 13px;border-bottom:1px solid var(--line);border-radius:0;margin:0;min-height:69px}.focus-story-link .home-story-copy small{font-size:8px;letter-spacing:1.3px;margin:0 0 3px}.focus-story-link .home-story-copy strong{font-size:22px;letter-spacing:-.8px} .focus-latest{display:flex;align-items:center;padding-top:9px;gap:5px}.focus-latest>button:first-child{display:flex;align-items:center;justify-content:space-between;gap:12px;flex:1;text-align:left;background:none;border:0;padding:0;min-width:0}.focus-latest small,.focus-latest span strong{display:block}.focus-latest small{font-size:10px;color:var(--muted)}.focus-latest strong{font-size:12px}.focus-latest span{min-width:0}.focus-latest span strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:180px}.focus-latest .icon-btn{height:40px;width:32px}.focus-resume{display:flex;width:100%;justify-content:space-between;align-items:center;border:0;background:none;font-size:12px;min-height:44px;padding:8px 0} /* Pay: decisive heading, artwork with breathing room, then one short task list. */ .focus-pay-heading{margin:8px 0 0}.focus-pay-heading h1{font-size:36px;line-height:1.04;letter-spacing:-1.7px;max-width:9em}.focus-pay-heading p{font-size:13px;color:#66705e;margin-top:9px} .screen-pay .focus-pay-art .scene-art{height:154px!important;margin:0!important}.screen-pay .focus-pay-art{margin:2px 0 13px} .screen-pay .pay-tabs{padding:4px;border-radius:14px;background:#e9ede2;gap:3px;border:0;margin:0 0 8px;display:grid;grid-template-columns:1fr 1fr 1fr}.screen-pay .pay-tabs button{min-height:43px;border:0;border-radius:10px;font-size:11px;padding:8px 3px;letter-spacing:-.1px;color:#616a57;background:none}.screen-pay .pay-tabs [aria-selected=true]{background:#20261e;color:#fff;box-shadow:0 2px 4px #20261e10} .screen-pay .pay-option-list .row{min-height:65px;padding:10px 0;border-bottom:1px solid #e4e8dd}.screen-pay .row-icon{background:transparent;border:1px solid #dce2d3;border-radius:50%;width:40px;height:40px}.screen-pay .row-copy strong{font-size:16px;font-weight:500;letter-spacing:-.4px}.screen-pay .pay-utilities{margin-top:12px;justify-content:flex-start;gap:22px}.screen-pay .pay-utilities button{font-size:12px;min-height:44px} .screen-pay .pay-tab-panel{animation:focus-rise .28s ease both}.screen-pay .pay-tab-panel[hidden]{display:none!important}.screen-pay #pay-panel-bills .row{min-height:49px;padding:6px 0}.screen-pay #pay-panel-bills .row-icon{width:31px;height:31px;border:0}.screen-pay #pay-panel-bills .row-copy strong{font-size:14px}.screen-pay .campus-code{margin:6px 0 4px}.screen-pay .campus-code label{font-size:11px} /* Review is a precise payment summary, with the actual approval still ahead. */ .screen .review-stage .scene-art{height:132px!important}.focus-payment-title{text-align:center;margin:4px 0 18px}.focus-payment-title .eyebrow{color:#66705e;font-size:9px;letter-spacing:1.5px}.focus-payment-title h1{font-size:52px;margin:8px 0}.focus-payment-title p{font-size:16px}.focus-payment-title small{display:block;font-size:11px;color:#66705e;margin-top:4px;overflow-wrap:anywhere}.focus-receipt{border-top:1px solid #dce2d3;border-bottom:1px solid #dce2d3;padding:8px 0}.focus-receipt>div{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:7px 0;font-size:13px}.focus-receipt>div>span{color:#64705a}.focus-receipt .focus-total{font-size:16px;padding-top:10px}.focus-receipt .focus-total span{color:var(--ink);font-weight:600}.focus-receipt .focus-after{font-size:12px;margin-top:7px;padding:10px 12px;background:#edf0e7;border-radius:9px}.focus-details{font-size:12px;margin-top:9px}.focus-details summary{cursor:pointer;min-height:35px;display:flex;align-items:center;gap:6px;color:#58644e}.focus-details summary:after{content:'+';margin-left:auto}.focus-details[open] summary:after{content:'−'}.focus-details p{padding:4px 0;color:#58644e}.focus-footnote{font-size:10px;color:#59654e;text-align:center;margin-top:9px}.screen-paymentReview .actions{gap:8px;margin-top:16px}.screen-paymentReview .actions .primary,.screen-paymentReview .actions .secondary{min-height:49px}.screen-paymentReview .actions .text-btn{min-height:40px} /* Pause owns the green canvas. Its one insight remains the engine's selected message. */ .screen.screen-pause{background:var(--green);min-height:100%;padding-top:8px;animation:focus-pause-reveal .45s cubic-bezier(.2,.75,.3,1) both}.focus-pause{color:#202b19}.focus-pause .focus-top{margin-bottom:3px}.focus-pause-label{display:flex;justify-content:center;align-items:center;gap:7px;font-size:8px;font-weight:600;letter-spacing:1.8px;margin:8px 0 2px}.focus-pause-label>span{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:1px solid #202b1940;border-radius:50%;font-size:13px;letter-spacing:0}.screen .pause-stage .scene-art{height:172px!important}.focus-pause-insight h1{font-size:clamp(27px,7.3vw,34px);line-height:1.09;letter-spacing:-1.2px;text-align:center;text-wrap:balance;margin:4px auto 18px;max-width:21ch}.focus-consequence{padding:13px 0 0;border-top:1px solid #202b1930}.focus-consequence>div:not(.focus-balance-track){display:flex;align-items:center;justify-content:space-between;padding:4px 0;gap:10px;font-size:12px}.focus-consequence>div:nth-child(2){font-size:15px}.focus-consequence>div:nth-child(2) strong{font-size:21px;letter-spacing:-.7px}.focus-balance-track{height:7px;background:#202b191c;border-radius:5px;margin:10px 0;overflow:hidden}.focus-balance-track>span{display:block;height:100%;width:var(--remaining);background:#26381d;border-radius:5px;animation:focus-money-impact 1.4s .3s cubic-bezier(.3,0,.25,1) both}.focus-consequence>p{font-size:11px;opacity:.78;overflow-wrap:anywhere}.focus-choice{text-align:center;font-size:12px;font-weight:500;margin:17px 0 0}.focus-pause .actions{margin-top:12px}.screen-pause .focus-pause .secondary{background:transparent;border:1px solid #202b1970}.focus-pause-exits{display:grid;grid-template-columns:1fr 1fr;gap:8px}.screen-pause .focus-pause-exits .text-btn{min-height:44px;font-size:12px}.focus-pause .focus-footnote{margin-top:2px} /* Money Story: the answer is visible before opening more detail. */ .focus-story-heading h1{font-size:35px;line-height:1.03;letter-spacing:-1.6px}.focus-story-heading p{font-size:12px;color:#64705a;margin-top:9px}.screen .story-stage .scene-art{height:127px!important}.focus-story-period{display:flex;gap:5px;margin:7px 0 15px}.focus-period{background:none;border:1px solid #dfe4d7;border-radius:22px;min-height:40px;flex:1;font-size:12px}.focus-period.is-active{background:#20261e;color:white;border-color:#20261e}.focus-story-total>span{display:block;font-size:8px;letter-spacing:1.1px;color:#64705a}.focus-story-total>strong{display:block;font-size:45px;margin-top:6px}.focus-categories{margin-top:14px}.focus-category{display:block;width:100%;text-align:left;padding:9px 0;border:0;background:none;min-height:54px}.focus-category>div{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12px}.focus-category>div>span{display:flex;align-items:center;gap:7px}.focus-category i{height:7px;width:7px;border-radius:50%;display:inline-block}.focus-category small{font-size:10px;font-weight:400;color:#66705e;margin-left:4px}.focus-category-track{display:block;height:4px;background:#e8ecdf;border-radius:5px;margin-top:9px;overflow:hidden}.focus-category-track>span{display:block;height:100%;border-radius:5px;animation:focus-bar .6s ease both}.focus-story .actions{margin-top:14px}.focus-story .text-btn{display:flex;align-items:center;justify-content:center;gap:8px}.focus-empty{font-size:13px;color:#64705a;margin:18px 0} /* Preserve reading and scrolling on short screens and with large accessibility text. */ @media(max-height:760px){.screen .home-stage .scene-art{height:112px!important}.screen .focus-pay-art .scene-art{height:120px!important}.screen .pause-stage .scene-art{height:138px!important}.screen .review-stage .scene-art{height:105px!important}.screen .story-stage .scene-art{height:97px!important}.focus-pause-insight h1{font-size:28px}.focus-money .focus-amount{font-size:52px}.focus-hello{margin-bottom:5px}.focus-main-actions{gap:8px}.screen .focus-main-actions button{min-height:49px}.focus-small-actions{margin:2px 0 5px}.focus-plan{padding:11px 13px}.focus-home .home-greeting{padding-bottom:7px}.focus-story-heading h1,.focus-pay-heading h1{font-size:32px}} @media(max-width:359px){.screen-home,.screen-pay,.screen-paymentReview,.screen-pause,.screen-story{padding-left:18px;padding-right:18px}.focus-amount{font-size:49px}.screen .focus-main-actions button{font-size:12px}.focus-payment-title h1{font-size:45px}.focus-story-total>strong{font-size:40px}.screen-pay .pay-tabs button{font-size:10px}.focus-pause-insight h1{font-size:27px}} @media(hover:hover){.focus-main-actions .primary:hover{background:#394831}.focus-category:hover,.focus-story-link:hover{opacity:.75}} @keyframes focus-rise{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}} @keyframes focus-pause-reveal{from{opacity:.3;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}} @keyframes focus-money-impact{from{width:100%}to{width:var(--remaining)}} @keyframes focus-bar{from{transform:scaleX(0);transform-origin:left}to{transform:scaleX(1);transform-origin:left}} @media(prefers-reduced-motion:reduce){.screen.screen-pause,.screen .focus-art .scene-art svg,.screen-pay .pay-tab-panel,.focus-balance-track>span,.focus-category-track>span{animation:none!important}} /* Customer design system: consistent scale, clear actions and a private overview. */ :root{--muted:#626c59;--line:#e0e5d9;--radius:20px} .screen{--art-size:clamp(145px,22dvh,190px);padding:10px 24px 22px} .screen .topline{margin:0 -5px 13px;min-height:46px} .screen .topline .eyebrow{font-size:12px;letter-spacing:1.1px} .screen .page-heading{margin-bottom:19px} .screen .page-heading h1,.screen .hero h1{font-size:clamp(2rem,8.8vw,2.4rem);line-height:1.07;letter-spacing:-1.4px;font-weight:600} .screen .page-heading p,.screen .hero p{font-size:14px;line-height:1.45;margin-top:10px;color:var(--muted)} .screen p{line-height:1.45} .screen .eyebrow{font-size:12px;letter-spacing:1px} .screen .small,.screen small,.screen .tiny,.screen .mini-label{font-size:12px;line-height:1.45} .screen .primary,.screen .secondary,.screen .danger{min-height:52px;border-radius:16px;font-size:15px;line-height:1.3;padding:14px 16px} .screen .primary{font-weight:600;letter-spacing:-.2px} .screen .secondary{background:#edf0e7} .screen .text-btn{font-size:14px;min-height:44px;padding:10px 4px} .screen .icon-btn{width:44px;min-width:44px;height:44px;min-height:44px;padding:0} .screen .actions{gap:10px;margin-top:20px} .screen .field{margin-bottom:17px} .screen .field>span,.screen .field{font-size:14px} .screen .field>span{margin-bottom:7px} .screen input:not([type=checkbox]):not([type=radio]),.screen select{min-height:54px;border-radius:14px;padding:14px;font-size:16px;background:#fff} .screen .amount-input{font-size:clamp(2.5rem,10vw,3.2rem)!important;min-height:72px!important} .screen .row{min-height:65px;padding:12px 0;gap:13px} .screen .row-copy strong{font-size:16px;font-weight:500;letter-spacing:-.25px;line-height:1.3} .screen .row-copy small{font-size:12px;line-height:1.45;margin-top:3px} .screen .row-end{font-size:13px;min-width:18px;max-width:47%;overflow-wrap:anywhere} .screen .row-icon{width:40px;height:40px;border-radius:13px;background:#edf0e7} .screen .summary-line{font-size:14px;padding:10px 0} .screen .notice,.screen .warning{font-size:14px;line-height:1.45;padding:15px;border-radius:16px} .screen .card,.screen .receipt,.screen .soft{padding:19px;border-radius:20px} .screen .chip{min-height:44px;font-size:12px;padding:10px 13px} .screen summary{min-height:44px;align-content:center;cursor:pointer;font-size:13px} .screen .preview-boundary,.screen .focus-footnote,.screen .pause-unsent{font-size:12px;line-height:1.4} .screen .scene-art{height:var(--art-size)!important;margin-bottom:15px} .screen .page-heading>.scene-art,.screen .hero>.scene-art{height:var(--art-size)!important;margin-bottom:18px} #nav:not([hidden]){min-height:78px;padding:8px 8px calc(8px + env(safe-area-inset-bottom));background:var(--paper);border-top:1px solid #e3e7dd;gap:0} .nav-item{isolation:isolate;min-height:56px;padding:8px 0 4px;gap:5px;font-size:11px;line-height:1.25;color:#687360;border-radius:14px;position:relative} .nav-item.active{color:#26351d;background:#edf2e5}.nav-item.active:before{display:none}.nav-item svg{width:23px;height:23px}.nav-item.active svg{stroke-width:2} .screen [hidden]{display:none!important} /* Home: the balance is a private, stable-sized object, never a blurred value. */ .focus-home .home-greeting{min-height:48px;padding:0 0 13px}.focus-home .home-greeting .wordmark{font-size:33px}.focus-home .avatar{width:40px;height:40px;border:1px solid #dce3d1;background:none} .home-intro{display:flex;justify-content:space-between;gap:12px;align-items:baseline;margin:2px 0 10px}.home-intro p{font-size:15px;font-weight:500}.home-intro>span{font-size:12px;color:#65705a;text-align:right;max-width:50%} .focus-money{position:relative;text-align:center;padding:0 0 4px} .balance-caption{display:flex;justify-content:center;align-items:center;gap:10px;min-height:44px;font-size:13px;color:#546049} .balance-eye{display:inline-flex;align-items:center;justify-content:center;border:0;background:#edf0e7;border-radius:50%;min-width:44px;min-height:44px;color:#35472a} .focus-money .focus-amount{font-size:clamp(2.9rem,13vw,3.7rem);min-height:67px;display:flex;align-items:center;justify-content:center;margin-top:5px;letter-spacing:-2.5px;color:#283b1e} .focus-money .focus-amount .money-mask{font-size:48px;letter-spacing:6px;line-height:1} .money-mask{display:inline-block;white-space:nowrap;letter-spacing:3px;line-height:1.1} .privacy-hint{font-size:12px;color:#637156;margin-top:4px;min-height:18px} .balance-details-link{position:absolute;right:0;top:49px;display:flex;align-items:center;justify-content:center;gap:2px;border:0;background:none;font-size:0;min-height:44px;min-width:25px;opacity:.7}.balance-details-link svg{width:18px;height:18px} .screen .home-stage .scene-art{height:clamp(125px,17dvh,164px)!important}.home-stage{margin:0 0 10px}.home-stage:before{width:77%;height:93%;left:12%;top:5%;background:radial-gradient(ellipse,#e2efcf,transparent 70%)} .screen .focus-main-actions button{min-height:54px;font-size:14px;border-radius:16px}.focus-main-actions .secondary{background:transparent;border:1.5px solid #29371f} .focus-small-actions{margin:4px 0 9px;gap:28px}.screen .focus-small-actions button{min-height:44px;font-size:13px} .focus-plan{padding:14px 15px;border-radius:16px;background:#edf0e7}.focus-plan small{font-size:11px;letter-spacing:.6px}.focus-plan strong{font-size:22px;margin-top:4px;line-height:1.2}.focus-plan strong>span:not([data-private-value]){font-size:12px;font-weight:400;letter-spacing:0}.focus-plan em{font-size:12px}.focus-plan .money-mask{font-size:20px} .screen .focus-story-link{min-height:74px;padding:13px 0}.focus-story-link .home-story-copy strong{font-size:23px;letter-spacing:-.8px}.focus-story-link .home-story-copy small{font-size:12px;letter-spacing:0;text-transform:none;margin:4px 0 0}.focus-latest{padding-top:10px;min-height:55px}.focus-latest small,.focus-latest strong{font-size:12px}.focus-latest .money-mask{font-size:15px}.focus-resume{font-size:13px;min-height:48px} /* Primary destinations have individual compositions within the same system. */ .destination-heading h1,.focus-pay-heading h1,.focus-story-heading h1{font-size:clamp(2rem,8.7vw,2.4rem);line-height:1.05;letter-spacing:-1.6px}.destination-heading p,.focus-pay-heading p,.focus-story-heading p{font-size:14px;line-height:1.45;color:#616d55;margin-top:10px} .screen .destination-stage .scene-art{height:clamp(125px,18dvh,165px)!important}.destination-stage{margin-top:5px} .plan-room{padding:4px 0 16px}.plan-room>span{font-size:13px;color:#616d55}.plan-room>strong{display:block;font-size:clamp(2.5rem,10.4vw,3rem);letter-spacing:-2px;line-height:1.15;margin:5px 0 7px}.plan-room .currency{font-size:.37em;letter-spacing:0;margin-right:5px}.plan-room .cents{font-size:.6em;letter-spacing:-1px;color:#67725c}.plan-room p{font-size:12px;color:#616d55}.plan-room .text-btn{display:flex;align-items:center;gap:8px;text-align:left} .destination-list .row{border-top:1px solid #e0e5d8}.destination-list .row-icon{background:none;border:1px solid #e0e5d8;border-radius:50%}.destination-footer{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:10px}.destination-footer .text-btn{display:flex;align-items:center;gap:7px;font-size:13px}.destination-footer>span{font-size:12px;color:#65715a} .you-campus{display:flex;align-items:center;justify-content:center;gap:6px;color:#637156;font-size:12px;margin:4px 0 15px}.you-options{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.you-options button{min-height:90px;display:grid;grid-template-columns:35px 1fr;grid-template-rows:1fr 1fr;column-gap:10px;align-items:center;border:0;border-top:1px solid #e0e5d8;background:none;text-align:left;padding:15px 0}.you-options button>span{grid-row:1/-1;display:flex;align-items:center;justify-content:center}.you-options strong{font-size:15px;align-self:end;font-weight:500}.you-options small{color:#65715a;font-size:12px;align-self:start;margin-top:2px} .screen-pay .focus-pay-art .scene-art{height:clamp(128px,19dvh,164px)!important}.screen-pay .pay-tabs{margin:0 0 10px}.screen-pay .pay-tabs button{min-height:48px;font-size:12px}.screen-pay .pay-option-list .row{min-height:64px}.screen-pay .pay-option-list .row-copy strong{font-size:16px}.screen-pay #pay-panel-bills .row{min-height:51px}.screen-pay #pay-panel-bills .row-copy strong{font-size:15px}.screen-pay .pay-utilities .text-btn{font-size:13px}.screen-pay .campus-code label{font-size:13px}.screen-pay .compact-draft{font-size:12px;min-height:44px} /* Financial decisions: enough space to read, one unambiguous approval path. */ .screen .review-stage .scene-art{height:clamp(112px,17dvh,148px)!important}.focus-payment-title h1{font-size:clamp(2.6rem,12vw,3.3rem)}.focus-payment-title .eyebrow{font-size:12px}.focus-payment-title small{font-size:12px;line-height:1.45}.focus-payment-title{margin:8px 0 20px}.focus-receipt>div{font-size:14px;padding:9px 0}.focus-receipt .focus-after{font-size:13px}.screen-paymentReview .actions .primary,.screen-paymentReview .actions .secondary{min-height:52px}.focus-details{font-size:13px}.focus-details summary{min-height:44px} .screen.screen-pause{padding:10px 24px 24px}.focus-pause-label{font-size:11px;letter-spacing:1px;margin:8px 0}.screen .pause-stage .scene-art{height:clamp(135px,21dvh,185px)!important}.focus-pause-insight h1{font-size:clamp(1.8rem,7.9vw,2.2rem);max-width:22ch;line-height:1.1;letter-spacing:-1.1px;margin:6px auto 22px}.focus-consequence>div:not(.focus-balance-track){font-size:14px}.focus-consequence>div:nth-child(2){font-size:16px}.focus-consequence>div:nth-child(2) strong{font-size:25px}.focus-consequence>p{font-size:12px;line-height:1.45}.focus-choice{font-size:14px;margin:18px 0 0}.screen .focus-pause .pause-actions{display:flex;flex-direction:column;gap:9px;margin-top:14px}.focus-pause-exits{grid-column:1/-1;width:100%;gap:10px}.screen-pause .focus-pause-exits .text-btn{min-height:46px;font-size:13px}.screen .focus-pause .secondary{background:transparent} .screen .story-stage .scene-art{height:clamp(108px,16dvh,138px)!important}.focus-story-period{margin:6px 0 18px}.focus-period{min-height:44px;font-size:13px}.focus-story-total>span{font-size:11px;letter-spacing:.5px;line-height:1.4}.focus-story-total>strong{font-size:clamp(2.4rem,10vw,3rem)}.focus-category{min-height:60px;padding:12px 0}.focus-category>div{font-size:14px}.focus-category small{font-size:12px}.focus-story .actions{margin-top:17px} /* Chat keeps a readable conversation and a reachable composer. */ .screen-chat .page-heading h1{font-size:35px}.screen-chat .chat-bubble{font-size:15px;line-height:1.5;border-radius:19px;padding:15px}.screen-chat .chat-prompts summary{font-size:13px}.screen-chat .chat-entry{min-height:54px;border-radius:17px}.screen-chat .chat-entry button{width:44px;height:44px;min-width:44px}.screen-chat .chat-entry input{background:none;border:0;min-height:50px;padding:10px;font-size:16px} /* Density changes adjust artwork and spacing, never shrink readable copy. */ .screen[data-density=snug]{--art-size:155px}.screen[data-density=compact]{--art-size:132px} .screen[data-density=compact] .focus-art .scene-art,.screen[data-density=compact] .focus-pay-art .scene-art{height:120px!important} .screen-pause[data-density=compact] .focus-art .scene-art{height:135px!important} .screen[data-density=compact] .topline{margin-bottom:8px}.screen[data-density=compact] .page-heading{margin-bottom:13px} @media(max-height:760px){.screen{padding-top:6px}.home-intro{margin-bottom:2px}.home-intro>span{display:none}.screen .home-stage .scene-art{height:108px!important}.focus-money .focus-amount{min-height:58px;font-size:50px}.focus-money .focus-amount .money-mask{font-size:42px}.screen .focus-main-actions button{min-height:50px}.focus-plan{padding:11px 14px}.screen .focus-story-link{min-height:66px}.focus-latest{padding-top:5px}.screen .destination-stage .scene-art{height:112px!important}.you-options button{min-height:76px;padding:10px 0}.screen-pause .pause-stage .scene-art{height:130px!important}.screen .review-stage .scene-art{height:110px!important}.screen .story-stage .scene-art{height:98px!important}} @media(max-width:359px){.screen{padding-left:19px;padding-right:19px}.home-intro>span{display:none}.screen .focus-main-actions button{font-size:13px;gap:5px}.you-options{gap:0 10px}.you-options button{grid-template-columns:27px 1fr;column-gap:6px}.you-options strong{font-size:14px}.screen-pay .pay-tabs button{font-size:11px}.focus-pause-insight h1{font-size:28px}} .focus-plan strong>[data-private-value]{font:inherit;letter-spacing:inherit}.balance-details-link{min-width:44px}.focus-plan small{font-size:12px}.focus-story-total>span,.focus-pause-label{font-size:12px} /* First funding and clear money language. The eye controls only the two summary amounts. */ .balance-details-link{position:static;font-size:12px;min-height:36px;min-width:44px;width:max-content;margin:1px auto 0;opacity:1;color:#536448} .plan-explanation{display:block;font-size:12px;color:#626f57;line-height:1.4;margin-top:5px;max-width:29ch} .home-first-funding>p{font-size:13px;color:#58694d;text-align:center;margin-bottom:11px} .home-first-funding .primary{min-height:54px} .home-plan-invite{display:flex;align-items:center;justify-content:space-between;gap:14px;width:100%;min-height:78px;padding:14px 0;text-align:left;border:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:none} .home-plan-invite strong{display:block;font-size:20px;letter-spacing:-.6px}.home-plan-invite small{display:block;font-size:12px;color:#637156;margin-top:4px;max-width:29ch} .plan-start-copy{font-size:14px;color:#637156;margin:6px 0 17px} .focus-plan-shortfall{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:13px 0 15px;margin-bottom:10px;border-bottom:1px solid #202b1930}.focus-plan-shortfall>span{font-size:13px;max-width:18ch}.focus-plan-shortfall>strong{font-size:29px;letter-spacing:-1px;line-height:1.1;text-align:right} .pause-plan-basis{font-size:12px;color:#3b502b;margin:11px 0 0;line-height:1.45} .screen .chat-scope{font-size:12px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 0;margin-bottom:10px;border-bottom:1px solid var(--line);color:#637156} .screen .chat-scope button{font-size:12px;min-height:44px} @media(max-height:760px){.screen .home-stage .scene-art{height:96px!important}.balance-details-link{min-height:32px}.home-first-funding>p{margin-bottom:8px}} .focus-consequence>.pause-available-before{font-size:14px!important}.focus-consequence>.pause-available-before strong{font-size:14px!important;letter-spacing:0!important}.focus-consequence>.pause-available-after{font-size:16px!important}.focus-consequence>.pause-available-after strong{font-size:25px!important;letter-spacing:-.7px!important}.focus-consequence>.focus-plan-shortfall{font-size:13px;min-height:60px}.focus-consequence>.focus-plan-shortfall strong{font-size:29px;letter-spacing:-1px} .story-category-scope{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:13px}.story-category-scope .text-btn{min-height:44px} .screen-chat .chat-context{padding:2px 0 7px}.screen-chat .chat-context .chips{margin:7px 0 0}.screen-chat .chat-prompts{gap:6px;margin:8px 0 3px}.screen-chat .chat-prompts .chip{font-size:12px;padding:9px 12px} .screen-chat[data-density=compact] .page-heading{--art-size:106px}.screen-chat[data-density=snug] .page-heading{--art-size:128px} /* Clearer actions throughout Lumo. Preserve the existing sizes and static placement. */ .screen .primary,.screen .secondary,.screen .danger{font-size:16px;font-weight:700;letter-spacing:-.2px;border:1.5px solid transparent} .screen .primary{background:#20261e;color:#fff;border-color:#20261e;box-shadow:0 2px 0 #20261e1c} .screen .secondary{background:#f5f7ef;color:#20261e;border-color:#536148;box-shadow:none} .screen .danger{background:#fae7e3;border-color:#bd7769;color:#8b2d20} .screen .focus-main-actions button{font-size:15px;font-weight:700} .screen-paymentReview .actions .primary,.screen-paymentReview .actions .secondary{font-size:16px;font-weight:700} .screen .focus-pause .secondary{background:#ffffff26;border:1.5px solid #29371f;font-weight:700} .screen .text-btn{font-weight:600;color:#26331f;text-decoration:underline;text-decoration-color:#89977d;text-underline-offset:4px;text-decoration-thickness:1px} .screen .focus-small-actions .text-btn,.screen .pay-utilities .text-btn,.screen .welcome-utilities .text-btn{font-weight:600} .screen .pause-actions .text-btn,.screen-pause .focus-pause-exits .text-btn{font-weight:600;text-decoration-color:#516a3b} .screen .row-copy strong,.screen-pay .row-copy strong,.screen .menu-choice strong,.screen .you-options strong{font-weight:600} .screen .row-end svg{stroke-width:2;color:#4b5a40} .screen .menu-icon{background:#e6ebdd;color:#28391f} .screen .funding-choices{gap:12px} .screen .funding-choices .menu-choice{border:1.5px solid #647256;background:#f4f6ee;border-radius:19px;padding:17px 9px;min-height:140px;gap:10px} .screen .funding-choices .menu-choice strong{font-size:16px;font-weight:700} .screen .funding-choices .menu-choice small{font-size:12px;color:#56644c} .screen .funding-choices .menu-icon{background:#20261e;color:#fff;width:47px;height:47px} .screen .icon-btn,.screen .balance-eye{background:#edf1e6;border:1px solid #d7decd;color:#2c3b23} .screen .icon-btn svg,.screen .balance-eye svg,.screen .primary svg,.screen .secondary svg{stroke-width:2} .screen .focus-pause .icon-btn{background:#ffffff35;border-color:#64814480} .screen .chip,.screen .focus-period{font-weight:600;border-color:#a0ad94;color:#33432a} .screen .chip.selected,.screen .focus-period.is-active{border-color:#20261e;background:#20261e;color:#fff} .screen-pay .pay-tabs button{font-weight:700;color:#405036;border:1px solid transparent} .screen-pay .pay-tabs button[aria-selected=true]{border-color:#20261e;background:#20261e;color:#fff} .screen .chat-context .text-btn,.screen .chat-scope button{font-weight:600} .screen .chat-entry button{font-weight:700;background:#20261e;color:#fff;border:1.5px solid #20261e} .nav-item{font-weight:600}.nav-item.active{font-weight:700} .screen button:disabled{background:#e3e7dc;color:#8b9481;border-color:#d4dacb;box-shadow:none;opacity:.75} .screen button:focus-visible{outline:3px solid #5d7a3c;outline-offset:3px} .screen-pause button:focus-visible{outline-color:#26391b} @media(hover:hover){.screen .primary:not(:disabled):hover{background:#33432a;border-color:#33432a}.screen .secondary:not(:disabled):hover{background:#e8eedf}.screen .funding-choices .menu-choice:hover{background:#eaf0e0;border-color:#2e4121}.screen .icon-btn:hover,.screen .balance-eye:hover{background:#e1e9d6}} @media(max-width:359px){.screen .focus-main-actions button{font-size:14px}.screen .funding-choices .menu-choice{padding:15px 7px}.screen .funding-choices .menu-choice strong{font-size:15px}} .screen .focus-plan,.screen .home-plan-invite,.screen .focus-resume,.screen .compact-draft,.screen .home-money-story,.screen .focus-category{font-weight:600} .screen .balance-details-link{font-weight:600;text-decoration:underline;text-underline-offset:3px} /* Review corrections: visible planning choices and readable fields. */ .screen input:not([type=checkbox]):not([type=radio]),.screen select,.screen textarea{border:1.5px solid #7b8a70;background:#fff} .screen input:focus,.screen select:focus,.screen textarea:focus{border-color:#3f5a2b;box-shadow:0 0 0 3px #b5e96a65} .screen [aria-invalid=true]{border-color:#a64333!important;box-shadow:0 0 0 3px #a6433318} .screen .payment-plan-link{padding:13px 14px;margin:8px 0 14px;border-radius:15px;background:#edf2e5} .screen .payment-plan-link label,.screen .payment-plan-link .field{font-size:13px} .screen .payment-plan-link select{margin-top:7px} .screen .payment-plan-link p{font-size:12px;color:#56694b;margin-top:7px} .plan-period-line .text-btn{font-size:12px;min-height:44px;padding-left:0;justify-content:flex-start} .screen .plan-period-fields{margin:10px 0 16px} .screen .plan-period-fields label{font-size:13px} .ambassador-intro{font-size:15px;color:#637156;margin:12px 0 18px} .ambassador-boundary{padding:15px;background:#edf2e5;border-radius:16px;margin:15px 0;font-size:14px} .ambassador-boundary p{margin-top:7px;font-size:13px;line-height:1.5} .ambassador-entry>.small{margin-top:17px} .ambassador-tools{margin-top:15px} .screen-chat:has(#chatText:focus) .page-heading{--art-size:72px;margin-bottom:5px} .screen-chat:has(#chatText:focus) .page-heading h1{font-size:27px} .screen-chat:has(#chatText:focus) .page-heading>p{display:none} .screen-chat:has(#chatText:focus) .chat-prompts,.screen-chat:has(#chatText:focus) .chat-context .chips{display:none} .screen-chat:has(#chatText:focus) .chat-thread{min-height:72px} .screen-chat:has(#chatText:focus) .chat-context{padding-bottom:2px} /* Open campus linework stays behind the crisp foreground illustration. */ .screen .focus-art .scene-art.scene-legon{mix-blend-mode:normal} .scene-legon .legon-backdrop{pointer-events:none} /* Source: decision-layout.css | sha256:9c9c877cb85f9d96cc0222095d1053297f9498f3912c3c80a048763182b82628 */ /* Pair account money with the part left after the saved plan. */ .screen-home .has-saved-plan{text-align:left;padding-top:1px} .screen-home .has-saved-plan .home-account-line{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:46px} .screen-home .has-saved-plan .balance-caption{justify-content:flex-start;font-size:13px;gap:8px;min-height:44px} .screen-home .has-saved-plan .focus-amount{font-size:29px;line-height:1.15;min-height:0;margin:0;letter-spacing:-1px;color:#526049;text-align:right;justify-content:flex-end} .screen-home .has-saved-plan .focus-amount .money-mask{font-size:25px;letter-spacing:3px} .screen-home .home-plan-summary{display:flex;position:relative;width:100%;text-align:left;align-items:center;justify-content:space-between;padding:13px 0 3px;border-radius:0;border:0;border-top:1px solid #d7dfce;background:none;gap:12px;box-shadow:none} .screen-home .home-plan-summary>span{min-width:0} .screen-home .home-plan-summary small{display:block;font-size:14px;font-weight:600;letter-spacing:0;line-height:1.4;color:#35482a} .screen-home .home-plan-summary strong{display:block;font-size:clamp(42px,12vw,51px);font-weight:700;letter-spacing:-1.9px;line-height:1.08;margin:5px 0 8px;color:#283e1c;font-variant-numeric:tabular-nums} .screen-home .home-plan-summary strong>[data-private-value]{font:inherit;letter-spacing:inherit} .screen-home .home-plan-summary .currency{font-size:.35em;letter-spacing:0;margin-right:5px} .screen-home .home-plan-summary .cents{font-size:.55em;letter-spacing:-.6px} .screen-home .home-plan-summary .money-mask{font-size:40px;letter-spacing:6px} .screen-home .home-plan-summary>.icon{flex:none} .screen-home .home-plan-math{display:block;font-size:13px;color:#4f6042;line-height:1.4;max-width:34ch} .screen-home .home-plan-math b{font-weight:600} .screen-home .home-plan-summary .plan-explanation{font-size:11px;line-height:1.4;margin-top:5px;max-width:none;color:#68745e} .screen-home .has-saved-plan .privacy-hint{text-align:left;font-size:11px;margin:7px 0 0;line-height:1.35;min-height:0} .screen-home .has-saved-plan .balance-details-link{position:static;margin:0 0 0 auto;font-size:12px;min-height:44px;opacity:1;justify-content:flex-end} .screen-home:has(.has-saved-plan) .home-stage .scene-art{height:clamp(90px,13dvh,126px)!important;margin:0!important} .screen-home:has(.has-saved-plan) .home-stage{margin:0 0 7px} /* Keep the consequence and the two equally weighted decisions together. */ .screen.screen-pause{padding:7px 22px 17px} .screen-pause .focus-pause-compact .topline{margin-bottom:2px;min-height:44px} .screen-pause .focus-pause-compact .focus-pause-label{justify-content:flex-start;font-size:10px;letter-spacing:1px;margin:4px 0 8px} .screen-pause .focus-pause-compact .focus-pause-label>span{width:19px;height:19px;font-size:11px} .screen-pause .pause-decision-heading{display:grid;grid-template-columns:82px minmax(0,1fr);gap:11px;align-items:center;margin:0 0 8px} .screen-pause .pause-decision-heading .pause-stage{margin:0} .screen-pause .pause-decision-heading .pause-stage .scene-art{height:86px!important;margin:0!important;width:100%} .screen-pause .pause-decision-heading .focus-pause-insight h1{font-size:24px;line-height:1.12;letter-spacing:-.75px;text-align:left;max-width:none;margin:0;text-wrap:balance} .screen-pause .pause-payment-context{font-size:12px;margin:4px 0 11px;color:#36472b;line-height:1.35;overflow-wrap:anywhere} .screen-pause .pause-decision-consequence{padding:11px 0;border-top:1px solid #2d421f40;border-bottom:1px solid #2d421f40} .screen-pause .pause-decision-consequence p{font-size:14px;line-height:1.4;margin:0} .screen-pause .pause-decision-consequence .pause-goal-impact{margin-top:8px;font-weight:600} .screen-pause .pause-decision-consequence .pause-total-impact,.screen-pause .pause-decision-consequence .pause-existing-gap{font-size:12px;margin-top:7px;line-height:1.35;color:#3c502e} .screen-pause .pause-simple-figures{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:14px} .screen-pause .pause-simple-figures strong{font-size:23px;letter-spacing:-.6px} .screen-pause .focus-pause-compact .focus-choice{font-size:13px;margin:11px 0 0;font-weight:500} .screen-pause .focus-pause-compact .pause-actions{display:flex;flex-direction:column;gap:4px;margin-top:11px} .screen-pause .pause-decisions{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:9px;width:100%} .screen-pause .pause-decisions .pause-equal-choice{min-height:53px;border:1.8px solid #25351b;background:#f8fcef;color:#233119;font-size:14px;font-weight:700;line-height:1.25;padding:12px 8px;border-radius:14px;box-shadow:none;margin:0} .screen-pause .pause-decisions .pause-equal-choice:hover{background:#fff} .screen-pause .pause-actions .pause-link-cost{font-size:13px;min-height:44px;padding:8px 0} .screen-pause .focus-pause-compact .focus-pause-exits{gap:12px} .screen-pause .focus-pause-compact .focus-pause-exits .text-btn{min-height:44px;font-size:13px;padding:7px 2px} .screen-pause .focus-pause-compact .focus-footnote{font-size:11px;line-height:1.35;margin-top:6px;text-align:center} .screen-pause .focus-pause-compact #error:empty{display:none} /* A brief sample before the optional four-step plan, without an extra sign-up step. */ .screen-planBenefit .topline{gap:8px;margin-bottom:10px} .screen-planBenefit .topline .eyebrow{font-size:10px;letter-spacing:.5px} .screen-planBenefit .topline .pill{font-size:10px;padding:5px 7px;white-space:nowrap} .screen-planBenefit h1{font-size:31px;line-height:1.07;letter-spacing:-1.1px;margin:5px 0 9px} .screen-planBenefit .plan-benefit-intro{font-size:14px;color:#536348;line-height:1.4;margin:0 0 14px} .plan-benefit-before{padding:0 0 13px;border-bottom:1px solid #dbe3d1;margin-bottom:14px} .plan-benefit-before>span{display:block;font-size:10px;font-weight:600;letter-spacing:.6px;color:#5c6c4f} .plan-benefit-before>div{display:flex;align-items:baseline;gap:9px;margin:6px 0} .plan-benefit-before strong{font-size:34px;letter-spacing:-1px;color:#2d451e;line-height:1.1} .plan-benefit-before>div>span{font-size:13px} .plan-benefit-before>p{font-size:12px;color:#5c6c4e;line-height:1.4} .plan-benefit-pause{background:#b5e96a;border-radius:18px;padding:14px 15px 12px;display:grid;grid-template-columns:78px minmax(0,1fr);column-gap:11px;align-items:center} .plan-benefit-pause-label{grid-column:1/-1;display:flex;align-items:center;gap:6px;font-size:10px;font-weight:700;letter-spacing:.8px;margin-bottom:8px} .screen-planBenefit .plan-benefit-art{grid-row:2/4;grid-column:1;margin:0} .screen-planBenefit .plan-benefit-art .scene-art{height:87px!important;width:100%;margin:0!important} .plan-benefit-pause h2{font-size:20px;line-height:1.15;letter-spacing:-.5px;margin:0} .plan-benefit-pause>p{font-size:12px;line-height:1.4;margin:4px 0 0} .plan-benefit-impact{grid-column:1/-1;margin:9px 0 0;border-top:1px solid #30461e45;padding-top:7px} .plan-benefit-impact>div{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:4px 0;font-size:13px} .plan-benefit-impact strong{font-size:17px;white-space:nowrap} .plan-benefit-pause .plan-benefit-choice{grid-column:1/-1;font-size:12px;font-weight:500;margin:8px 0 0} .plan-benefit-footnote{font-size:12px;color:#5d6b51;line-height:1.4;margin:12px 0 0} .screen-planBenefit .actions{margin-top:14px;gap:4px} @media(max-height:700px){ .screen-pause .pause-decision-heading{grid-template-columns:64px minmax(0,1fr);gap:8px;margin-bottom:5px} .screen-pause .pause-decision-heading .pause-stage .scene-art{height:66px!important} .screen-pause .pause-decision-heading .focus-pause-insight h1{font-size:23px} .screen-pause .pause-payment-context{margin-bottom:8px} .screen-pause .pause-decision-consequence{padding:9px 0} .screen-pause .focus-pause-compact .focus-choice{margin-top:8px} .screen-pause .focus-pause-compact .pause-actions{margin-top:8px} .screen-home .has-saved-plan .balance-details-link{min-height:44px} .screen-home:has(.has-saved-plan) .home-stage .scene-art{height:86px!important} .screen-planBenefit h1{font-size:28px}.screen-planBenefit .plan-benefit-intro{margin-bottom:10px}.plan-benefit-before{margin-bottom:10px;padding-bottom:10px} } @media(max-width:359px){ .screen.screen-pause{padding-left:16px;padding-right:16px} .screen-pause .pause-decisions{gap:7px}.screen-pause .pause-decisions .pause-equal-choice{font-size:13px} .screen-home .has-saved-plan .focus-amount{font-size:26px} .screen-home .home-plan-summary strong{font-size:42px} .screen-home .home-plan-math{font-size:12px} } /* Source: chat-layout.css | sha256:fd2889d41bc59ca90565c5d1a4a2d229cd0a8ccbabc3a9938d9f08912a03e367 */ /* Chat gives the conversation the main scrolling surface. */ .screen.screen-chat{height:auto;min-height:100%;display:block;padding-bottom:20px} .screen-chat .chat-workspace{display:block;min-width:0} .screen-chat .chat-thread{height:auto;max-height:none;min-height:0!important;overflow:visible;overscroll-behavior:auto;flex:none;padding:0} .screen-chat .chat-illustration .scene-art{height:clamp(120px,18dvh,158px)!important;margin:0 auto 10px;width:100%} .screen-chat .chat-has-conversation .chat-illustration{display:none} .screen-chat .chat-has-conversation .page-heading{margin-bottom:8px} .screen-chat .chat-has-conversation .page-heading h1{font-size:27px;line-height:1.15;letter-spacing:-.8px} .screen-chat .chat-has-conversation .page-heading>p{display:none} .screen-chat .chat-context{padding:0 0 8px;margin-bottom:5px;border-bottom:1px solid var(--line)} .screen-chat .chat-context>summary{font-size:12px;color:#5c6b51;padding:10px 0;min-height:44px;cursor:pointer} .screen-chat .chat-context .chips{margin-top:5px} .screen-chat .chat-turn{margin:12px 0 20px} .screen-chat .chat-bubble{font-size:15px;line-height:1.5;overflow-wrap:anywhere;max-width:100%;padding:15px 16px;margin:8px 0} .screen-chat .chat-bubble.user{max-width:88%;width:max-content;background:#e7eddd;padding:11px 14px} .screen-chat .chat-reply{background:#fff;border-radius:18px 18px 18px 5px} .screen-chat .chat-reply .lead{font-size:17px;font-weight:600;line-height:1.4;letter-spacing:-.2px} .screen-chat .chat-reply .impact-secondary{margin-top:10px;font-size:15px;color:#4e6041;line-height:1.5} .screen-chat .chat-calculation{margin:13px 0 0;padding-top:3px;border-top:1px solid #e2e7db;font-size:13px} .screen-chat .chat-calculation>summary{font-weight:600;cursor:pointer;padding:10px 0;min-height:44px;color:#526448} .screen-chat .chat-calculation dl{margin:0 0 10px} .screen-chat .chat-calculation dl>div{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:7px 0} .screen-chat .chat-calculation dt{color:#5d6a53;flex:1} .screen-chat .chat-calculation dd{margin:0;text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums;font-weight:600} .screen-chat .chat-calculation p{font-size:12px;color:#596a4e;margin:9px 0;line-height:1.5} .screen-chat .chat-reply-actions{display:flex;flex-wrap:wrap;gap:3px 17px;margin-top:10px} .screen-chat .chat-reply-actions .text-btn{font-size:13px;text-align:left;min-height:44px;padding:9px 0} .screen-chat .chat-prompts{margin:4px 0 6px;padding:0;font-size:13px} .screen-chat .chat-prompts>summary{padding:10px 0;min-height:44px;cursor:pointer;font-weight:600;color:#526448} .screen-chat .chat-prompts .chips{margin:0 0 8px} .screen-chat .chat-entry{margin-top:8px;align-items:center} .screen-chat .chat-boundary{font-size:11px;margin-top:9px!important} /* Focus does not decide whether supporting controls are available. */ .screen-chat:has(#chatText:focus) .chat-prompts{display:block} .screen-chat:has(#chatText:focus) .chat-context .chips{display:flex} .screen-chat:has(#chatText:focus) .chat-illustration{display:none} @media(max-width:359px){.screen-chat .chat-reply .lead{font-size:16px}.screen-chat .chat-calculation dl>div{gap:10px}.screen-chat .chat-reply-actions{gap:2px 13px}} /* Source: type-system.css | sha256:07368700800a8d55a24aa6f85e2a029b2ee6f794ebe794594d5b005777100160 */ /* Inherited role measurements. Original Lumo Sans faces load in clarity-type.css; the wordmark is an SVG. */ :root { --font-ui: 'Lumo Sans', Arial, sans-serif; --weight-regular: 400; --weight-medium: 500; --weight-semibold: 600; --weight-bold: 700; --type-title: clamp(2rem, 8.4vw, 2.375rem); --type-consequence: clamp(1.5rem, 6.6vw, 1.875rem); --type-amount: clamp(2.5rem, 11.4vw, 3rem); --type-body: 1rem; --type-support: .9375rem; --type-meta: .8125rem; } html { font-synthesis: none; } body { font-family: var(--font-ui); font-size: var(--type-body); font-weight: 400; line-height: 1.5; } button, input, select, textarea { font-family: inherit; } b, strong { font-weight: 600; } h1, h2, h3 { font-weight: 700; } /* Titles orient; conclusions state the change; amounts make it concrete. */ .screen .page-heading h1, .screen .hero h1, .screen .focus-pay-heading h1, .screen .destination-heading h1, .screen .focus-story-heading h1 { font-size: var(--type-title); font-weight: 700; line-height: 1.12; letter-spacing: -.045em; } .screen .focus-pause-insight h1, .screen-chat .chat-reply .lead, .lumo-conclusion { font-size: var(--type-consequence); font-weight: 600; line-height: 1.22; letter-spacing: -.035em; } .screen-home .home-plan-summary strong, .screen .focus-payment-title h1, .screen .plan-room>strong, .screen .focus-story-total>strong, .lumo-amount { font-size: var(--type-amount); font-weight: 600; line-height: 1.08; letter-spacing: -.045em; } .money, .focus-amount, .balance-main, .focus-payment-title h1, .focus-story-total>strong, .home-plan-summary strong, .plan-room>strong, .metric, .amount-input, .receipt strong, .summary-line strong, .focus-receipt strong, .chat-calculation dd, .lumo-amount { font-variant-numeric: lining-nums tabular-nums; } .screen .primary, .screen .secondary, .screen .danger, .screen .pause-decisions .pause-equal-choice, .screen .focus-main-actions button { font-weight: 700; line-height: 1.3; letter-spacing: -.015em; } .screen .text-btn, .screen .row-copy strong, .screen .menu-choice strong, .screen .you-options strong, .screen .chip, .screen .focus-period, .screen .chat-context summary, .screen .chat-prompts summary, .screen .chat-calculation summary, .nav-item { font-weight: 600; letter-spacing: -.01em; } .nav-item.active { font-weight: 700; } .screen .field>span, .screen .home-intro p, .screen .home-plan-summary small, .screen .plan-benefit-choice, .screen .focus-choice { font-weight: 500; } .screen .pause-decision-consequence p, .screen .chat-reply .impact-secondary, .screen .home-plan-math, .screen .page-heading p, .screen .destination-heading p { font-size: var(--type-support); font-weight: 400; line-height: 1.5; letter-spacing: -.01em; } .screen .pause-decision-consequence .pause-goal-impact { font-weight: 500; } .screen .tiny, .screen .focus-footnote, .screen .privacy-hint, .screen .plan-explanation, .screen .chat-boundary, .screen .demo-note { font-size: var(--type-meta); font-weight: 400; line-height: 1.45; letter-spacing: 0; } .screen .eyebrow, .screen .mini-label, .screen .plan-benefit-pause-label, .screen .focus-pause-label { font-weight: 600; letter-spacing: .09em; line-height: 1.4; } /* Source: design-system.css | sha256:376c80176f5d73ddf7ba12c18661e31c5b401d0ef750a6290deb81b4c8fb6b21 */ /* Lumo: the consequence comes into focus. Shared primitives, then route compositions. */ :root{ --ink:#20261e;--muted:#53614b;--paper:#f8f9f4;--white:#fff; --green:#b5e96a;--green-ink:#314b1f;--green-soft:#eaf3df;--soft:#eef1e8; --line:#d7decf;--control-line:#7a896f;--red:#8a3d2b;--shortfall-soft:#f4e8e0; --space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px; --curve-control:16px;--curve-panel:24px;--curve-bubble:24px 24px 24px 8px; --stroke:1.5px;--motion-reveal:180ms;--motion-hold:80ms;--motion-resolve:220ms;--ease-focus:cubic-bezier(.2,.75,.3,1); } /* Preserve the existing wordmark's face, proportions and offset dot. */ .wordmark{font-family:-apple-system,BlinkMacSystemFont,'Helvetica Neue',Arial,sans-serif;font-synthesis:weight style;font-weight:750;letter-spacing:-3px} .wordmark-small{letter-spacing:-1.8px} body{background:#e9ede4;color:var(--ink);font-size:16px;line-height:1.5} .screen{padding:8px 22px 24px;letter-spacing:0;overflow-wrap:anywhere} .screen .topline{min-height:44px;margin-bottom:12px} .screen .eyebrow{font-size:11px;letter-spacing:1.2px;font-weight:600} .screen .muted,.screen .row-copy small{color:var(--muted)} .screen .small,.screen small{font-size:14px;line-height:1.5} .screen .tiny{font-size:12px;line-height:1.45} .screen .page-heading>p,.screen .hero>p{font-size:15px;line-height:1.45;color:var(--muted)} .screen .primary,.screen .secondary,.screen .danger{min-height:54px;border-radius:var(--curve-control);font-size:15px;font-weight:700;line-height:1.35;padding:14px 16px} .screen .primary{background:var(--ink);color:var(--white);border:var(--stroke) solid var(--ink)} .screen .secondary{background:transparent;border:var(--stroke) solid var(--ink);color:var(--ink)} .screen .text-btn,.screen .chip,.screen summary,.screen .link{min-height:44px} .screen .text-btn{font-size:14px;font-weight:600;line-height:1.45} .screen .icon-btn,.screen .avatar{width:44px;min-width:44px;height:44px} .screen .field>span,.screen label.field{font-size:14px;font-weight:500;line-height:1.5} .screen input:not([type=checkbox]):not([type=radio]),.screen select,.screen textarea{font-size:16px;min-height:54px;border:var(--stroke) solid var(--control-line);border-radius:var(--curve-control);line-height:1.45} .screen input:focus,.screen select:focus,.screen textarea:focus{border-color:var(--green-ink);box-shadow:0 0 0 3px #b5e96a70} button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--green-ink);outline-offset:3px} .screen .notice,.screen .soft{background:var(--soft);color:var(--muted);border-radius:var(--curve-control);font-size:14px;line-height:1.5} .screen .warning{background:var(--shortfall-soft);color:var(--red);font-size:14px;line-height:1.5} .screen .row{min-height:68px;padding:14px 0} .screen .row-copy strong{font-size:16px;font-weight:600;line-height:1.35;letter-spacing:-.2px} .screen .row-copy small{font-size:13px;line-height:1.45} .screen .row-end{max-width:49%;font-size:14px;font-variant-numeric:tabular-nums} .screen .row-end .pill{white-space:normal} .screen .receipt,.screen .card{border-radius:var(--curve-panel);padding:20px;background:var(--white)} .screen .summary-line{font-size:14px;gap:12px;align-items:baseline} .screen .summary-line strong,.screen .focus-receipt strong{font-variant-numeric:tabular-nums;overflow-wrap:anywhere} .screen .summary-line strong{min-width:0} .screen .balance-main,.screen .metric,.screen .money,.screen .amount-input,.screen .focus-amount,.screen .focus-plan strong,.screen .plan-room>strong{font-variant-numeric:tabular-nums;font-weight:600;letter-spacing:-1.5px;line-height:1.15} .screen .currency{font-size:.43em!important;letter-spacing:-.1px!important;vertical-align:baseline!important;position:static!important;margin-right:4px!important;white-space:nowrap} .screen .cents{font-size:.66em!important;color:inherit!important;letter-spacing:-.4px!important} .screen .whole{font:inherit;letter-spacing:inherit} .screen .currency,.screen .cents{font-weight:inherit;line-height:inherit} .screen-home .home-plan-summary .whole{font:inherit;letter-spacing:inherit} .clarity-ring{display:inline-block;position:relative;width:13px;height:13px;flex:none;border:1.5px solid currentColor;border-radius:50%} .clarity-ring:after{content:'';position:absolute;width:3px;height:3px;border-radius:50%;right:-2px;top:0;background:currentColor} .insight-kicker{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:600;line-height:1.4;margin-bottom:7px;color:var(--green-ink)} .insight-conclusion,.screen .focus-pause-insight h1,.screen-chat .chat-reply .lead{font-size:25px;line-height:1.18;font-weight:600;letter-spacing:-.7px;text-wrap:pretty} .insight-support{font-size:14px;line-height:1.45;margin-top:9px} .decision-insight{border-radius:var(--curve-panel);background:var(--green-soft);padding:16px 18px;margin:12px 0 16px;position:relative} .decision-insight[data-decision-state=shortfall]{background:var(--shortfall-soft)} .decision-insight[data-decision-state=shortfall] .insight-kicker{color:var(--red)} .decision-insight[data-decision-state=unknown],.decision-insight[data-decision-state=funding]{background:var(--soft)} .projection-fact{display:flex;justify-content:space-between;align-items:baseline;gap:12px;font-size:13px;line-height:1.5;margin-top:11px} .projection-fact strong{font-weight:600;white-space:nowrap;font-variant-numeric:tabular-nums} .projection-boundary{display:block;font-size:12px;line-height:1.5;margin-top:8px;color:var(--muted)} .projection-placeholder{font-size:14px;line-height:1.45;color:var(--muted);padding:12px 0} .payment-projection .decision-insight{margin:8px 0 16px} .payment-projection .insight-conclusion{font-size:21px;line-height:1.25} .screen .payment-plan-link{background:var(--soft);border-radius:var(--curve-control);padding:12px 14px} .screen .payment-plan-link select{font-size:14px} .screen .payment-plan-link p{font-size:13px;line-height:1.45;color:var(--muted)} /* Home: account context, a clear conclusion, then the next action. */ .screen-home .home-intro p{font-size:16px;font-weight:500} .screen-home .home-intro>span{font-size:13px;color:var(--muted)} .screen-home .has-saved-plan .home-account-line{min-height:48px;margin:0 0 10px;gap:8px;flex-wrap:wrap} .screen-home .has-saved-plan .balance-caption{font-size:13px;color:var(--muted)} .screen-home .has-saved-plan .focus-amount{font-size:26px;letter-spacing:-.7px;color:var(--ink);max-width:100%;overflow-wrap:anywhere} .screen-home .has-saved-plan .focus-amount .whole{font:inherit} .screen-home .home-plan-summary{border:0;border-radius:var(--curve-panel);padding:17px 18px 18px;background:var(--green-soft);gap:8px} .screen-home .home-plan-summary>span{flex:1;min-width:0} .screen-home .home-plan-summary small{display:flex;align-items:center;gap:7px;font-size:14px;font-weight:600;color:var(--green-ink)} .screen-home .home-plan-summary strong{font-size:clamp(38px,11.5vw,52px);line-height:1.12;letter-spacing:-1.6px;color:var(--green-ink);margin:7px 0 9px;overflow-wrap:anywhere} .screen-home .home-plan-summary .currency{font-size:.41em!important} .screen-home .home-plan-summary .home-plan-math{font-size:13px;line-height:1.5;color:var(--muted);max-width:34ch} .screen-home .home-plan-summary em{display:flex;align-items:center;gap:5px;font-size:13px;line-height:1.45;color:var(--red);margin-top:8px} .screen-home .home-plan-summary[data-decision-state=shortfall]{background:var(--shortfall-soft)} .screen-home .home-plan-period{display:block;width:100%;text-align:left;padding:10px 2px 6px;font-size:13px;color:var(--muted);font-weight:500} .screen-home .home-plan-period u{color:var(--ink);font-weight:600;text-underline-offset:3px} .screen-home .has-saved-plan .privacy-hint{font-size:12px;color:var(--muted);margin:4px 0 0} .screen-home .has-saved-plan .balance-details-link{font-size:12px;min-height:44px} .screen-home .balance-details-link{font-size:12px;min-width:44px;min-height:44px;width:auto;position:static;display:inline-flex;align-items:center;gap:4px;margin-left:auto} .screen-home .home-stage:before{display:none} .screen-home .focus-story-link .home-story-copy strong{font-size:22px;font-weight:600;letter-spacing:-.6px} .screen-home .focus-story-link .home-story-copy small{font-size:13px;letter-spacing:0;line-height:1.5} .screen-home .focus-latest small{font-size:12px}.screen-home .focus-latest strong{font-size:13px} .screen-home .focus-small-actions button{min-height:44px;font-size:13px} /* Projected payment -> short specific Pause -> confirmed fact. */ .screen-paymentReview .focus-payment-title{margin:3px 0 14px} .screen-paymentReview .focus-payment-title h1{font-size:clamp(38px,12vw,52px);line-height:1.1;letter-spacing:-1.6px} .screen-paymentReview .focus-payment-title p{font-size:16px} .screen-paymentReview .focus-payment-title small{font-size:12px;line-height:1.4} .screen-paymentReview .decision-insight{margin:12px 0 14px} .screen-paymentReview .decision-insight .insight-conclusion{font-size:23px} .screen-paymentReview .decision-insight .projection-fact{display:none} .screen-paymentReview .focus-receipt{border-color:var(--line)} .screen-paymentReview .focus-receipt>div{font-size:14px;padding:7px 0} .screen-paymentReview .focus-receipt .focus-after{font-size:13px;background:var(--soft);border-radius:12px;margin:7px 0 3px} .screen-paymentReview .focus-details summary{min-height:44px;font-size:14px} .screen-paymentReview .actions{margin-top:14px} .screen-paymentReview .focus-footnote,.screen-pause .focus-footnote{font-size:12px;line-height:1.4;color:var(--muted)} .screen.screen-pause{background:var(--green);padding:8px 22px 20px} .screen-pause .pause-decision-heading{grid-template-columns:62px minmax(0,1fr);gap:10px;align-items:center} .screen-pause .pause-decision-heading .focus-pause-insight h1{font-size:25px;line-height:1.17;letter-spacing:-.7px;font-weight:600;text-align:left;max-width:none;margin:0} .screen-pause .pause-payment-context{font-size:13px;color:var(--ink);line-height:1.5;margin:8px 0 12px} .projection-tag{font-size:11px;font-weight:600;margin-right:5px;text-transform:uppercase;letter-spacing:.7px} .screen-pause .pause-decision-consequence{border-color:#526a3c80;padding:12px 0} .screen-pause .pause-decision-consequence p{font-size:14px;line-height:1.45} .screen-pause .pause-decision-consequence .pause-goal-impact{font-weight:600;margin-top:7px} .screen-pause .pause-decision-consequence .pause-total-impact,.screen-pause .pause-decision-consequence .pause-existing-gap{font-size:12px;color:var(--green-ink);line-height:1.45} .screen-pause .pause-decisions .pause-equal-choice{font-size:14px;min-height:54px;border:var(--stroke) solid var(--ink);background:var(--paper);font-weight:700;border-radius:var(--curve-control);padding:12px 8px;line-height:1.35} .screen-pause .focus-pause-compact .focus-choice{font-size:13px;margin-top:10px;font-weight:500} .screen-pause .pause-actions .pause-link-cost,.screen-pause .focus-pause-exits .text-btn{min-height:44px;font-size:13px;font-weight:600} .screen-pause .focus-pause-compact .focus-footnote{font-size:12px;margin-top:5px;color:var(--green-ink)} .screen-paymentResult .hero{gap:10px!important;margin-bottom:18px} .screen-paymentResult .hero h1{font-size:29px;line-height:1.16;letter-spacing:-.8px;font-weight:600} .screen-paymentResult .result-mark{height:58px;width:58px;border-radius:50%;margin:10px 0 8px;background:var(--soft);border:var(--stroke) solid var(--control-line)} .screen-paymentResult [data-payment-state=confirmed] .result-mark{background:var(--green-soft);border-color:var(--green-ink)} .screen-paymentResult [data-payment-state=failed] .result-mark,.screen-paymentResult [data-payment-state=delivery-failed] .result-mark{background:var(--shortfall-soft);border-color:var(--red)} .screen-paymentResult .receipt{padding:18px} /* The same conclusion style leads the conversation. */ .screen-chat .chat-has-conversation .page-heading h1{font-size:26px;font-weight:600;letter-spacing:-.7px} .screen-chat .chat-bubble.user{font-size:14px;background:var(--soft);border-radius:20px 20px 8px 20px} .screen-chat .chat-reply{border-radius:var(--curve-bubble);padding:18px 18px 16px;background:var(--white);border-left:3px solid var(--green)} .screen-chat .chat-reply .lead{font-size:23px;line-height:1.23;font-weight:600;letter-spacing:-.6px} .screen-chat .chat-reply .impact-secondary{font-size:14px;line-height:1.5;color:var(--muted)} .screen-chat .chat-calculation{font-size:13px;border-color:var(--line)} .screen-chat .chat-calculation>summary,.screen-chat .chat-context>summary,.screen-chat .chat-prompts>summary{color:var(--muted);font-size:13px;min-height:44px;line-height:1.5} .screen-chat .chat-calculation dl>div{align-items:baseline;flex-wrap:wrap;gap:4px 12px} .screen-chat .chat-calculation dt{flex-basis:50%}.screen-chat .chat-calculation dd{margin-left:auto;font-weight:600;max-width:100%;white-space:normal;overflow-wrap:anywhere} .projection-fact strong{max-width:100%;white-space:normal;overflow-wrap:anywhere} .screen-chat .chat-calculation p,.screen-chat .chat-boundary{font-size:12px;color:var(--muted)} .screen-chat .chat-entry{border:var(--stroke) solid var(--control-line);background:var(--white);border-radius:var(--curve-control);padding:3px} .screen-chat .chat-entry input{border:0!important;box-shadow:none!important;min-height:46px;background:none} .screen-chat .chat-entry:focus-within{outline:3px solid #b5e96a70;border-color:var(--green-ink)} .screen-chat .chat-entry button{border-radius:13px} #nav{background:var(--paper);border-color:var(--line);padding-top:9px;padding-bottom:calc(9px + env(safe-area-inset-bottom));gap:2px} .nav-item{min-height:49px;font-size:11px;color:var(--muted);font-weight:600;line-height:1.25} .nav-item.active{color:var(--ink);font-weight:700}.nav-item.active:before{display:none} .nav-item.active svg{background:var(--green-soft);box-shadow:0 0 0 5px var(--green-soft);border-radius:50%} .prototype-boundary{font-size:11px;line-height:1.4;text-align:center;padding:3px 10px 5px;color:var(--muted);background:var(--paper);flex:none} @media(max-width:359px){ .screen{padding-left:16px;padding-right:16px} .screen-home .home-plan-summary{padding:15px 14px} .screen-home .home-plan-summary strong{font-size:38px} .screen-home .has-saved-plan .focus-amount{font-size:23px} .screen-pause .pause-decision-heading{grid-template-columns:48px minmax(0,1fr);gap:7px} .screen-pause .pause-decision-heading .focus-pause-insight h1{font-size:23px} .screen-chat .chat-reply .lead{font-size:21px} .projection-fact{flex-wrap:wrap;gap:3px 10px} } @media(max-height:700px){ .screen .topline{margin-bottom:7px} .screen-pause .pause-decision-heading .focus-pause-insight h1{font-size:23px} .screen-pause .pause-decision-consequence{padding:9px 0} .screen-pause .focus-pause-compact .pause-actions{margin-top:8px} .screen-paymentReview .focus-payment-title{margin-bottom:10px} } /* Source: illustration-system.css | sha256:44719f64de03e2a9370da9a97352834a2144d531af7082f61a124c3a80de66cd */ /* Lumo illustration grammar. Load after the shared design system. A scene supports a conclusion; it never contains financial interface text. */ :root{ --art-intro-size:clamp(148px,23dvh,196px); --art-everyday-size:clamp(108px,17dvh,144px); --art-decision-size:76px; } .screen .scene-art.scene-size-intro{height:var(--art-intro-size)!important;margin:0 auto 12px!important} .screen .scene-art.scene-size-everyday,.screen .scene-service{height:var(--art-everyday-size)!important;margin:0 auto 12px!important} .screen .scene-art.scene-size-decision{height:var(--art-decision-size)!important;margin:0 auto 8px!important} .screen.screen-welcome .welcome-illustration,.screen.screen-welcome .welcome-illustration .scene-art.scene-size-intro{height:var(--art-intro-size)!important;margin:0 auto 12px!important} /* Compact states retain their original composed underlay in the SVG for reuse, but render only the single foreground action so the consequence stays first. */ .scene-size-decision .legon-backdrop{display:none} .scene-art svg,.option-art svg{overflow:hidden;max-width:100%} .screen .scene-art.scene-decision{overflow:hidden;isolation:isolate} .screen .scene-art.scene-decision svg{max-width:180px;margin:0 auto} .screen .home-stage:before{display:none} @media(max-height:700px){ :root{--art-intro-size:148px;--art-everyday-size:108px;--art-decision-size:64px} } /* Source: journey-refinement.css | sha256:7d49cdfa648a0c1a08ba6bc3fccb495000b6ecb5c5883630765d5736eef517c2 */ /* Journey roles: orient on entry, check the payment on Review, decide at Pause. This final layer deliberately overrides legacy illustration heights. */ :root{ --art-entry-size:64px;--art-review-size:48px;--art-pause-size:64px; --art-result-size:72px;--art-conversation-intro-size:108px;--art-home-size:108px; } /* Amount entry is one short task. Supporting fields keep their natural height. */ .screen [data-payment-entry] .topline{margin-bottom:4px} .screen [data-payment-entry] .hero{padding:0 0 4px;gap:4px!important} .screen [data-payment-entry] .hero>h1{font-size:26px;line-height:1.15;letter-spacing:-.8px;margin:0!important} .screen [data-payment-entry] .hero>p{font-size:13px;line-height:1.4;margin:3px 0 0!important} .screen [data-payment-entry] .hero>.avatar{display:none} .screen [data-payment-entry] .hero>.text-btn{min-height:44px;padding:8px 0;font-size:13px;align-self:flex-start} .screen [data-payment-entry] .scene-art{height:var(--art-entry-size)!important;margin:0 auto 4px!important} .screen [data-payment-entry] .legon-backdrop{display:none} .screen [data-payment-entry] .form{margin-top:4px} .screen [data-payment-entry] .field{margin-bottom:8px} .screen [data-payment-entry] .field>span{margin-bottom:3px} .screen .payment-amount-row{display:flex;flex-wrap:nowrap;min-width:0;max-width:100%} .screen .payment-currency{white-space:nowrap;word-break:normal;overflow-wrap:normal;flex-shrink:0} .screen .payment-amount-row .amount-input{flex:1 1 0;min-width:0;width:100%;max-width:100%} .screen [data-payment-entry] .payment-amount-row{display:flex;align-items:baseline;gap:8px;min-width:0;max-width:100%;flex-wrap:nowrap} .screen [data-payment-entry] .payment-amount-row .payment-currency{ display:inline-block;flex:0 0 auto;white-space:nowrap;word-break:normal;overflow-wrap:normal; color:var(--ink);font-size:20px;font-weight:600;line-height:1.2;letter-spacing:-.4px; } .screen [data-payment-entry] .payment-amount-row .amount-input{ flex:1 1 0;min-width:0;width:100%;max-width:100%;min-height:54px!important; font-size:40px!important;line-height:1.15;padding:4px 0!important;text-align:left; border-radius:6px;letter-spacing:-1.2px;font-variant-numeric:tabular-nums; } .screen [data-payment-entry] .payment-plan-link{padding:0;margin:2px 0 8px;background:none;border-radius:0} .screen [data-payment-entry] .payment-plan-link .field{margin-bottom:0} .screen [data-payment-entry] .payment-plan-link .field>span{font-size:13px;line-height:1.4;margin:0 0 4px} .screen [data-payment-entry] .payment-plan-link select{min-height:44px;margin-top:0;padding:10px 12px;font-size:16px;line-height:1.4} .screen [data-payment-entry] .payment-plan-link p{font-size:13px;line-height:1.4;margin:4px 0 0;color:var(--muted)} .screen [data-payment-entry] .payment-projection{margin:8px 0 12px;min-width:0} .screen [data-payment-entry] .entry-consequence{display:flex;align-items:flex-start;gap:9px;padding:0;background:none;border:0;border-radius:0;min-width:0} .screen [data-payment-entry] .entry-consequence>div{min-width:0;flex:1} .screen [data-payment-entry] .entry-consequence>.clarity-ring{margin-top:4px;color:var(--green-ink)} .screen [data-payment-entry] .entry-consequence-copy{min-width:0;font-size:15px;line-height:1.4;font-weight:600;color:var(--ink);overflow-wrap:anywhere} .screen [data-payment-entry] .entry-consequence-label{display:block;font-size:12px;font-weight:500;line-height:1.4;letter-spacing:0;color:var(--muted);margin-bottom:2px} .screen [data-payment-entry] .projection-placeholder{font-size:14px;line-height:1.4;padding:3px 0} .screen [data-payment-entry] .form>button.primary,.screen [data-payment-entry] .payment-entry-actions>.primary{min-height:54px;margin-top:0} .screen [data-payment-entry] .optional-fields{margin:6px 0 0} .screen [data-payment-entry] .optional-fields>summary{min-height:44px;font-size:13px;padding:10px 0} .screen [data-payment-entry] .optional-fields[open] .field{margin:4px 0 8px} .screen [data-payment-entry] .form>.text-btn{min-height:44px;font-size:13px} .screen [data-payment-entry] .form>.money,.screen [data-payment-entry] .card .money{font-size:36px;font-weight:600;line-height:1.15;letter-spacing:-1px;margin:4px 0} /* A small offset ring labels an insight. It is never a second logo or status tick. */ .screen .clarity-ring{width:13px;height:13px;min-width:13px;border:1.5px solid currentColor;border-radius:50%;flex:none} .screen-home .home-plan-summary small{display:flex;align-items:center;gap:7px} .screen-home .home-plan-summary,.screen-home .home-plan-summary[data-decision-state=shortfall]{background:var(--green-soft)} .screen-home .home-stage .scene-art, .screen-home:has(.has-saved-plan) .home-stage .scene-art{height:var(--art-home-size)!important;margin:0!important} .screen-paymentReview .review-stage .scene-art{height:var(--art-review-size)!important;margin:0!important} .screen-paymentReview .review-stage{margin:0 0 4px} .screen-paymentReview .focus-payment-title{margin:4px 0 12px} .screen-paymentReview .focus-payment-title h1{margin:5px 0 7px} .screen-paymentReview .focus-receipt{padding:7px 0} .screen-paymentReview .focus-receipt>div{padding:7px 0} .screen-pause .pause-decision-heading{grid-template-columns:var(--art-pause-size) minmax(0,1fr);gap:10px} .screen-pause .pause-decision-heading .pause-stage .scene-art{height:var(--art-pause-size)!important;margin:0!important} .screen-pause .focus-pause-compact .focus-pause-label{gap:7px;font-size:11px;line-height:1.4;letter-spacing:.8px} .screen-pause .focus-pause-compact .focus-pause-label>.clarity-ring{width:13px;height:13px;min-width:13px;border:1.5px solid currentColor;background:none;font-size:0} .screen-chat .chat-illustration .scene-art{height:var(--art-conversation-intro-size)!important;margin:0 auto 8px!important} .screen-chat .chat-has-conversation .chat-illustration{display:none} .screen-chat .chat-reply{background:var(--white);border:0;border-radius:var(--curve-bubble)} .screen-chat .chat-reply[data-insight]{background:var(--green-soft)} .screen-chat .chat-reply .lead>.clarity-ring{vertical-align:baseline;margin-right:7px;color:var(--green-ink)} .screen-chat .chat-reply .lead{font-size:23px;line-height:1.23;letter-spacing:-.6px} .screen-paymentResult .hero>.scene-art{height:var(--art-result-size)!important;margin:0 auto 4px!important} .screen-paymentResult .result-mark{height:56px;width:56px;min-width:56px;margin:5px 0 8px;background:var(--soft);border:1.5px solid var(--control-line);color:var(--ink)} .screen-paymentResult .result-mark svg{width:28px;height:28px} .screen-paymentResult [data-payment-state=confirmed] .result-mark{background:var(--green-soft);border-color:var(--green-ink);color:var(--green-ink)} .screen-paymentResult [data-payment-state=pending] .result-mark, .screen-paymentResult [data-payment-state=delivery-pending] .result-mark, .screen-paymentResult [data-payment-state=reversed] .result-mark{background:var(--soft);border-color:var(--control-line);color:var(--ink)} .screen-paymentResult [data-payment-state=failed] .result-mark, .screen-paymentResult [data-payment-state=delivery-failed] .result-mark{background:var(--shortfall-soft);border-color:var(--red);color:var(--red)} @media(max-width:359px){ .screen [data-payment-entry] .hero>h1{font-size:25px} .screen [data-payment-entry] .payment-amount-row .amount-input{font-size:36px!important} .screen-chat .chat-reply .lead{font-size:21px} } @media(max-height:700px){ :root{--art-entry-size:48px;--art-home-size:96px} .screen [data-payment-entry] .topline{margin-bottom:2px} .screen [data-payment-entry] .scene-art{margin-bottom:2px!important} } /* No fixed height, line clamp or sticky action: keyboard, text enlargement, long names and optional detail remain available through ordinary scrolling. */ /* Source: clarity-type.css | sha256:838d5c0c394141c34c88ad6fe0bb5f17ad5a0f90eb6531983902904b1f0f7f7b */ /* Clarity Edition: the original Lumo Sans 1.120 files, never synthesised. */ @font-face { font-family: 'Lumo Sans'; src: url('/fonts/LumoSans-Regular.woff2') format('woff2'); font-style: normal; font-weight: 400; font-display: swap; } @font-face { font-family: 'Lumo Sans'; src: url('/fonts/LumoSans-Medium.woff2') format('woff2'); font-style: normal; font-weight: 500; font-display: swap; } @font-face { font-family: 'Lumo Sans'; src: url('/fonts/LumoSans-Semibold.woff2') format('woff2'); font-style: normal; font-weight: 600; font-display: swap; } @font-face { font-family: 'Lumo Sans'; src: url('/fonts/LumoSans-Bold.woff2') format('woff2'); font-style: normal; font-weight: 700; font-display: swap; } :root { --font-ui: 'Lumo Sans', Arial, sans-serif; --weight-regular: 400; --weight-medium: 500; --weight-semibold: 600; --weight-bold: 700; --type-title: clamp(2rem, 8.4vw, 2.375rem); --type-consequence: clamp(1.5rem, 6.6vw, 1.875rem); --type-amount: clamp(2.5rem, 11.4vw, 3rem); --type-body: 1rem; --type-support: .9375rem; --type-meta: .8125rem; } html { font-synthesis: none; } body { font-family: var(--font-ui); font-weight: 400; } button, input, select, textarea { font-family: inherit; } /* Native tnum alternates are 640 units wide at every authentic weight. */ .money, .focus-amount, .balance-main, .focus-payment-title h1, .focus-story-total>strong, .home-plan-summary strong, .plan-room>strong, .metric, .amount-input, .receipt strong, .summary-line strong, .focus-receipt strong, .chat-calculation dd, .lumo-amount, .clarity-comparison strong { font-variant-numeric: lining-nums tabular-nums; } /* The original face has open, generous counters; avoid Jakarta's tight fit. */ .screen .page-heading h1, .screen .hero h1, .screen .focus-pay-heading h1, .screen .destination-heading h1, .screen .focus-story-heading h1 { font-weight: 600; letter-spacing: -.025em; } .screen .focus-pause-insight h1, .screen-chat .chat-reply .lead, .lumo-conclusion { font-weight: 600; letter-spacing: -.018em; } .screen-home .home-plan-summary strong, .screen .focus-payment-title h1, .screen .plan-room>strong, .lumo-amount { font-weight: 600; letter-spacing: -.025em; } .screen .primary, .screen .secondary, .screen .danger, .screen .pause-decisions .pause-equal-choice, .screen .focus-main-actions button { font-weight: 600; letter-spacing: -.01em; } /* Capital-L wordmark artwork remains its native 2502:712 ratio. */ .lumo-wordmark-asset { display: block; width: 5.5rem; min-width: 80px; height: auto; aspect-ratio: 2502 / 712; object-fit: contain; } .lumo-wordmark-asset.is-intro { width: 8.75rem; } /* Source: clarity-edition.css | sha256:28d4bbe08a6bb25fd690296750b5154859cb3d5525422b2831d389bac132f4b2 */ /* Lumo · Clarity Edition The campus journeys keep their behaviour. The earlier Lumo identity supplies the lettering, textile scenes, white space and deliberately sparse highlight. This is the final composition layer. See docs/VISUAL-MERGE.md. */ :root{ --ink:#111111;--focus-ink:#111111;--muted:#555555;--paper:#ffffff;--white:#ffffff; --green:#cfef59;--green-ink:#111111;--green-soft:#f2f8de;--soft:#f5f5f5; --line:#dedede;--control-line:#858585;--red:#8a3027;--shortfall-soft:#f6f3f1; --radius:12px;--curve-control:12px;--curve-panel:12px;--curve-bubble:0; --art-intro-size:clamp(148px,23dvh,180px);--art-everyday-size:140px; --art-decision-size:64px;--art-entry-size:56px;--art-review-size:48px; --art-pause-size:64px;--art-result-size:128px;--art-conversation-intro-size:164px;--art-home-size:152px; } body{background:#eeeeee;color:var(--ink)} #app,#view,.screen,.prototype-boundary,.demo-strip{background:var(--white);color:var(--ink)} #app{box-shadow:0 0 0 1px #11111112} .screen{--focus-ink:var(--ink);padding:8px 24px 24px;line-height:1.5;letter-spacing:0;min-width:0} .screen h1,.screen h2,.screen h3{color:var(--ink);font-weight:600} .screen em{font-style:normal} .screen .page-heading h1,.screen .hero h1,.screen .destination-heading h1,.screen .focus-pay-heading h1,.screen .focus-story-heading h1{font-size:2rem;line-height:1.12;letter-spacing:-.028em} .screen p{line-height:1.5} .screen .page-heading>p,.screen .hero>p{font-size:15px;line-height:1.5;color:var(--muted)} .screen .page-heading{margin-bottom:18px} .screen .eyebrow{font-size:11px;letter-spacing:1px;font-weight:600} .screen .topline{min-height:44px;margin-bottom:12px} .screen .small,.screen small{font-size:14px;line-height:1.5} .screen .tiny{font-size:12px;line-height:1.5} .screen .muted,.screen .row-copy small,.screen .menu-choice small,.screen .illustrated-choice small{color:var(--muted)} /* The original capital-L artwork is never rebuilt as type or stretched. Its rounded counter informs small insight rings, not extra logos. */ .wordmark,.wordmark-small{display:inline-flex;align-items:center;max-width:100%;min-height:28px;line-height:1;letter-spacing:0;text-decoration:none;font-size:inherit;font-weight:400;font-synthesis:none;flex:none} .wordmark:before,.wordmark:after,.wordmark span:before,.wordmark span:after{content:none!important;display:none!important} .wordmark .actual-wordmark,.wordmark .lumo-wordmark-asset{display:block;width:92px;min-width:80px;max-width:100%;height:auto;aspect-ratio:2502/712;object-fit:contain} .wordmark-small .actual-wordmark,.wordmark-small .lumo-wordmark-asset{width:84px} .welcome-screen>.topline .actual-wordmark,.welcome-screen>.topline .lumo-wordmark-asset{width:112px} .desktop-note>.wordmark .actual-wordmark,.desktop-note>.wordmark .lumo-wordmark-asset{width:140px} .launch-screen,.clarity-launch{background:var(--ink);color:var(--white);min-height:100%;padding:48px 24px} .launch-screen .actual-wordmark,.launch-screen .lumo-wordmark-asset{width:164px;max-width:80%} .launch-dot{background:var(--green)} .screen .clarity-ring{display:inline-block;width:12px;height:12px;min-width:12px;border:1.5px solid var(--ink);border-radius:50%;background:none;color:var(--ink)} .screen .clarity-ring:after{content:none} /* Actions are ink, outline, or text. Lime belongs to the information. */ .screen .primary,.screen .secondary,.screen .danger{min-height:52px;padding:13px 16px;font-size:16px;font-weight:600;line-height:1.4;border-radius:12px;box-shadow:none;letter-spacing:-.01em} .screen .primary{background:var(--ink);border:1.5px solid var(--ink);color:var(--white)} .screen .secondary{background:var(--white);border:1.5px solid var(--ink);color:var(--ink)} .screen .danger{background:var(--white);border:1.5px solid var(--red);color:var(--red)} .screen .text-btn,.screen .link{min-height:44px;font-size:14px;line-height:1.5;font-weight:500;color:var(--ink);text-decoration-color:var(--ink);text-underline-offset:4px} .screen .welcome-utilities .text-btn,.screen .compact-section .text-btn,.screen .plan-total .text-btn,.screen .receipt-more summary,.screen .optional-fields summary,.screen .plan-footer .text-btn,.screen .account-footer .text-btn{min-height:44px;font-size:13px;line-height:1.45} .screen .icon-btn,.screen .balance-eye{width:44px;height:44px;min-width:44px;border:0;border-radius:50%;background:none;color:var(--ink)} .screen .avatar{min-width:44px;width:44px;height:44px;background:var(--soft);color:var(--ink);border:1px solid var(--line)} .screen .icon-btn svg,.screen .balance-eye svg{color:var(--ink);stroke-width:1.7} .screen .chip,.screen .focus-period{min-height:44px;border-color:var(--control-line);color:var(--ink);background:var(--white);font-size:13px;font-weight:500} .screen .chip.selected,.screen .focus-period.is-active,.screen .selected{color:var(--white)!important;background:var(--ink)!important;border-color:var(--ink)!important} .screen button:disabled{background:#f2f2f2;color:#777777;border-color:#b5b5b5;box-shadow:none;opacity:1} .screen input:not([type=checkbox]):not([type=radio]),.screen select,.screen textarea{min-height:52px;font-size:16px;line-height:1.5;border:1.5px solid var(--control-line);border-radius:12px;background:var(--white);color:var(--ink)} .screen .field>span,.screen label.field{font-size:14px;font-weight:500;line-height:1.5} .screen .field>span{margin-bottom:6px} .screen input:focus,.screen select:focus,.screen textarea:focus{border-color:var(--ink);box-shadow:0 0 0 3px var(--green)} button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,.screen button:focus-visible{outline:2px solid var(--ink);outline-offset:4px;box-shadow:0 0 0 3px var(--white)} .screen .card,.screen .receipt{border-radius:0;border:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:16px 0;background:var(--white)} .screen .soft,.screen .notice{background:var(--soft);color:var(--muted);border-radius:8px} .screen .warning{background:var(--shortfall-soft);color:var(--ink);border:0;border-left:3px solid var(--ink);border-radius:0;font-size:14px} .screen .row{min-height:64px;padding:12px 0;border-bottom:1px solid var(--line)} .screen .row-copy strong{font-size:16px;line-height:1.35;font-weight:500;letter-spacing:-.01em;color:var(--ink)} .screen .row-copy small{font-size:13px;line-height:1.45} .screen .row-end{font-size:14px;min-width:0;max-width:48%;color:var(--ink)} .screen .row-end svg{color:var(--ink)} .screen .row-icon,.screen .menu-icon{background:var(--soft);color:var(--ink);border-radius:8px} .screen .summary-line{gap:12px;font-size:14px;align-items:baseline} .screen .currency,.screen .payment-currency{white-space:nowrap;word-break:normal;overflow-wrap:normal;flex-shrink:0} .screen .money,.screen .metric,.screen .focus-amount,.screen .amount-input,.screen .focus-payment-title h1,.screen .home-plan-summary strong,.screen .pause-comparison strong{font-variant-numeric:lining-nums tabular-nums;color:var(--ink);letter-spacing:-.025em} .screen .cents{color:inherit!important} /* A textile scene is one readable action. The hierarchy controls its scale. The authentic PNGs keep their own colours; no tint or grayscale is applied. */ .screen .scene-art.clarity-art{display:flex;align-items:center;justify-content:center;max-width:100%;overflow:hidden;mix-blend-mode:normal;background:none} .screen .scene-art.clarity-art img{display:block;height:100%;max-height:100%;width:100%;max-width:100%;object-fit:contain;object-position:center;filter:none;mix-blend-mode:normal} .screen .scene-art.clarity-art:before,.screen .scene-art.clarity-art:after{display:none} .screen .scene-art.scene-size-intro{height:var(--art-intro-size)!important;margin:0 auto 12px!important} .screen .scene-art.scene-size-everyday{height:var(--art-everyday-size)!important;margin:0 auto 10px!important} .screen .scene-art.scene-size-decision{height:var(--art-decision-size)!important;margin:0 auto 6px!important} .screen-welcome .welcome-screen>h1{font-size:2.5rem;line-height:1.08;font-weight:600;letter-spacing:-.03em;max-width:11ch} .screen.screen-welcome .welcome-illustration,.screen.screen-welcome .welcome-illustration .scene-art{height:var(--art-intro-size)!important;margin:0 auto 16px!important} .screen-welcome .welcome-screen>.muted{font-size:16px;color:var(--muted)} .screen .funding-choices .menu-choice{background:var(--white);border:1px solid var(--line);border-radius:8px;padding:16px 10px;min-height:130px} .screen .funding-choices .menu-choice strong{font-size:16px;font-weight:600} .screen .funding-choices .menu-choice small{font-size:13px;color:var(--muted)} .screen .funding-choices .menu-icon{background:var(--ink);color:var(--white)} .screen .menu-choice:hover,.screen .illustrated-choice:hover{background:var(--soft)} .screen .compact-draft{border-radius:0;background:var(--soft);min-height:44px;font-size:13px} /* Home: the derived figure is the conclusion. The account is its context. */ .screen-home .home-greeting{min-height:48px;padding:0 0 8px} .screen-home .home-intro{align-items:baseline;margin:5px 0 12px;gap:12px} .screen-home .home-intro p{font-size:17px;font-weight:500;line-height:1.4;color:var(--ink)} .screen-home .home-intro>span{font-size:13px;line-height:1.4;color:var(--muted)} .screen-home .focus-money{text-align:left} .screen-home .has-saved-plan .home-account-line{display:flex;flex-wrap:wrap;gap:2px 10px;align-items:center;min-height:44px;margin:0 0 6px} .screen-home .has-saved-plan .balance-caption{min-height:44px;font-size:14px;line-height:1.4;color:var(--muted);justify-content:flex-start;gap:4px} .screen-home .has-saved-plan .focus-amount{font-size:26px;line-height:1.2;letter-spacing:-.02em;min-height:0;max-width:100%;margin:0 0 0 auto;color:var(--ink)} .screen-home .home-plan-summary,.screen-home .home-plan-summary[data-decision-state=shortfall]{border:0;border-top:1px solid var(--line);border-radius:0;background:var(--white);padding:16px 0 3px;gap:12px;box-shadow:none;text-align:left;align-items:center} .screen-home .home-plan-summary small{display:flex;gap:7px;font-size:15px;line-height:1.4;font-weight:500;color:var(--ink)} .screen-home .home-plan-summary strong{display:table;max-width:100%;font-size:clamp(2.625rem,12.5vw,3.25rem);font-weight:600;line-height:1.15;letter-spacing:-.025em;color:var(--ink);margin:7px 0 11px;padding:0 3px 2px 0;background:linear-gradient(transparent 66%,var(--green) 66%,var(--green) 94%,transparent 94%);box-decoration-break:clone;-webkit-box-decoration-break:clone;overflow-wrap:anywhere} .screen-home .home-plan-summary strong>[data-private-value]{font:inherit;letter-spacing:inherit} .screen-home .home-plan-summary .currency{font-size:.42em!important;margin-right:5px!important} .screen-home .home-plan-summary .cents{font-size:.65em!important} .screen-home .home-plan-summary .money-mask{font-size:inherit;letter-spacing:.07em} .screen-home .home-plan-math{font-size:14px;line-height:1.45;color:var(--muted);max-width:35ch} .screen-home .home-plan-math b{font-weight:500;color:var(--ink)} .screen-home .home-plan-summary em{font-size:13px;line-height:1.5;color:var(--ink);font-weight:500;margin-top:8px} .screen-home .home-plan-period{font-size:14px;line-height:1.5;min-height:44px;padding:10px 0 7px;margin:0;color:var(--muted)} .screen-home .home-plan-period u{font-weight:500;color:var(--ink)} .screen-home .has-saved-plan .privacy-hint,.screen-home .privacy-hint{font-size:12px;line-height:1.45;color:var(--muted);margin:3px 0 0;text-align:left} .screen-home .balance-details-link,.screen-home .has-saved-plan .balance-details-link{min-height:44px;font-size:13px;line-height:1.4;padding:8px 0;margin:0 0 0 auto;color:var(--ink);font-weight:500} .screen-home .home-stage:before{display:none} .screen-home .home-stage .scene-art,.screen-home:has(.has-saved-plan) .home-stage .scene-art{height:var(--art-home-size)!important;margin:0!important} .screen-home .home-stage{margin:4px 0 12px} .screen .focus-main-actions button{min-height:52px;font-size:15px;font-weight:600;border-radius:12px} .screen .focus-main-actions .secondary{background:var(--white);border-color:var(--ink);color:var(--ink)} .screen-home .focus-small-actions{gap:20px;margin:2px 0 10px} .screen-home .focus-small-actions button{min-height:44px;font-size:14px;color:var(--ink)} .screen-home .focus-story-link{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:15px 0;min-height:74px} .screen-home .focus-story-link .home-story-copy strong{font-size:22px;font-weight:500;line-height:1.25;letter-spacing:-.02em;color:var(--ink)} .screen-home .focus-story-link .home-story-copy small{font-size:13px;color:var(--muted);line-height:1.45;letter-spacing:0} .screen-home .home-plan-invite strong{font-size:21px;line-height:1.25;letter-spacing:-.02em} .screen-home .home-plan-invite small,.screen-home .home-first-funding>p{font-size:14px;line-height:1.5;color:var(--muted)} .screen-home .focus-latest{padding-top:9px}.screen-home .focus-latest small{font-size:12px;color:var(--muted)} .screen-home .focus-latest strong{font-size:14px;font-weight:500} /* Entry projects once. Review checks facts. Pause owns the decision. */ .screen [data-payment-entry] .hero>h1{font-size:26px;line-height:1.2;font-weight:600;letter-spacing:-.025em} .screen [data-payment-entry] .hero>p{font-size:14px;line-height:1.45;color:var(--muted)} .screen [data-payment-entry] .scene-art{height:var(--art-entry-size)!important;margin:0 auto 4px!important} .screen [data-payment-entry] .payment-amount-row{display:flex;flex-wrap:nowrap;gap:9px;min-width:0;max-width:100%;align-items:baseline} .screen [data-payment-entry] .payment-amount-row .payment-currency{font-size:21px;line-height:1.2;flex:0 0 auto;white-space:nowrap;word-break:normal;overflow-wrap:normal;color:var(--ink);letter-spacing:-.02em} .screen [data-payment-entry] .payment-amount-row .amount-input{font-size:42px!important;font-weight:600;line-height:1.15;letter-spacing:-.025em;min-height:56px!important;padding:4px 0!important;flex:1 1 0;min-width:0;width:100%;border-radius:0;background:none!important} .screen [data-payment-entry] .payment-plan-link{padding:0;margin:2px 0 7px;border:0;border-radius:0;background:none} .screen [data-payment-entry] .payment-plan-link select{min-height:44px;font-size:16px;padding:9px 12px} .screen [data-payment-entry] .payment-plan-link p{font-size:13px;line-height:1.4;color:var(--muted);margin-top:4px} .screen [data-payment-entry] .payment-projection{margin:8px 0 12px} .screen [data-payment-entry] .entry-consequence{gap:8px;background:none;border:0;border-radius:0;padding:0} .screen [data-payment-entry] .entry-consequence-copy{font-size:15px;font-weight:500;line-height:1.4;color:var(--ink)} .screen [data-payment-entry] .entry-consequence-label{font-size:12px;font-weight:400;line-height:1.4;color:var(--muted)} .screen [data-payment-entry] .entry-consequence>.clarity-ring{color:var(--ink)} .screen [data-payment-entry] .form>.primary,.screen [data-payment-entry] .payment-entry-actions>.primary{min-height:52px;margin-top:0} .screen [data-payment-entry] .optional-fields>summary{font-size:13px;min-height:44px} .screen-paymentReview .review-stage .scene-art{height:var(--art-review-size)!important;margin:0!important} .screen-authorize .scene-art{height:64px!important;margin:0 auto 8px!important} .screen-paymentReview .focus-payment-title{margin:6px 0 17px} .screen-paymentReview .focus-payment-title h1{font-size:clamp(2.625rem,12vw,3.25rem);line-height:1.15;font-weight:600;letter-spacing:-.025em;color:var(--ink)} .screen-paymentReview .focus-payment-title p{font-size:17px;line-height:1.45;color:var(--ink)} .screen-paymentReview .focus-payment-title small{font-size:13px;color:var(--muted);line-height:1.4} .screen-paymentReview .focus-receipt{border-color:var(--line);padding:8px 0} .screen-paymentReview .focus-receipt>div{font-size:15px;padding:9px 0;line-height:1.45} .screen-paymentReview .focus-receipt span{color:var(--muted)} .screen-paymentReview .focus-receipt .focus-total{border-top:1px solid var(--line);margin-top:4px;padding-top:12px} .screen-paymentReview .focus-receipt .focus-total strong{font-size:19px;font-weight:600} .screen .focus-details summary{font-size:14px;min-height:44px;color:var(--ink)} /* One hypothetical before/after: no competing bars, counters or moving money. */ .screen.screen-pause{background:var(--white);color:var(--ink);padding:8px 24px 22px} .screen-pause .focus-pause{color:var(--ink)} .screen-pause .focus-pause-compact .focus-pause-label{color:var(--ink);font-size:11px;line-height:1.4;font-weight:500;letter-spacing:.9px;margin:4px 0 12px} .screen-pause .pause-decision-heading{display:grid;grid-template-columns:64px minmax(0,1fr);align-items:center;gap:12px;margin:0 0 12px} .screen-pause .pause-decision-heading .pause-stage .scene-art{height:64px!important;margin:0!important;width:100%} .screen-pause .pause-decision-heading .focus-pause-insight h1{font-size:26px;line-height:1.18;font-weight:600;letter-spacing:-.02em;color:var(--ink);text-align:left;max-width:none;margin:0;text-wrap:pretty} .screen-pause .pause-payment-context{font-size:14px;line-height:1.4;color:var(--ink);margin:0 0 15px} .screen-pause .projection-tag{font-size:11px;letter-spacing:.7px;font-weight:500;color:var(--muted)} .screen-pause .pause-decision-consequence{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:13px 0} .screen-pause .pause-decision-consequence p{font-size:14px;line-height:1.5;color:var(--muted)} .screen-pause .pause-decision-consequence .pause-goal-impact{font-size:14px;font-weight:500;color:var(--ink);margin-top:8px} .screen-pause .pause-decision-consequence .pause-total-impact,.screen-pause .pause-decision-consequence .pause-existing-gap{font-size:13px;color:var(--muted);line-height:1.5} .screen-pause .pause-comparison{margin:14px 0;padding:13px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:var(--ink)} .screen-pause .pause-decision-consequence:has(.pause-comparison){border:0;padding:0} .screen-pause .pause-comparison-heading{display:flex;justify-content:space-between;align-items:baseline;gap:4px 12px;flex-wrap:wrap;margin-bottom:10px} .screen-pause .pause-comparison-heading .projection-tag{margin:0} .screen-pause .pause-comparison h2{font-size:14px;line-height:1.4;font-weight:500;letter-spacing:0;margin:0 0 10px} .screen-pause .pause-comparison-heading h2{margin-bottom:0} .screen-pause .pause-comparison-values{display:grid;grid-template-columns:minmax(0,1fr) 24px minmax(0,1fr);gap:8px;align-items:center;min-width:0} .screen-pause .pause-comparison-values>div{min-width:0} .screen-pause .pause-comparison-values small,.screen-pause .pause-comparison-values .comparison-label,.screen-pause .pause-comparison-values>div>span{display:block;color:var(--muted);font-size:12px;line-height:1.4;margin-bottom:4px} .screen-pause .pause-comparison-values strong{display:inline-block;font-size:29px;font-weight:600;line-height:1.2;letter-spacing:-.025em;max-width:100%;overflow-wrap:anywhere} .screen-pause .pause-comparison-values strong .currency{font-size:.45em!important;margin-right:3px!important} .screen-pause .pause-comparison-values strong .cents{font-size:.66em!important} .screen-pause .pause-comparison-values strong .whole{font:inherit;letter-spacing:inherit} .screen-pause .pause-comparison-values>div:last-child strong{background:linear-gradient(transparent 59%,var(--green) 59%,var(--green) 94%,transparent 94%);padding:0 3px 1px 0;box-decoration-break:clone;-webkit-box-decoration-break:clone} .screen-pause .pause-comparison-arrow,.screen-pause .pause-comparison-values>.arrow{align-self:center;text-align:center;font-size:22px;color:var(--muted);font-weight:400} .screen-pause .pause-comparison-note,.screen-pause .pause-decision-consequence .pause-comparison-note{font-size:12px;line-height:1.45;margin:9px 0 0;color:var(--muted)} .screen-pause .pause-calculation{margin:7px 0 0;border:0;font-size:13px} .screen-pause .pause-calculation>summary{font-size:13px;min-height:44px;line-height:1.4;padding:11px 0;color:var(--ink);text-decoration:underline;text-underline-offset:4px} .screen-pause .pause-calculation dl{margin:0 0 8px} .screen-pause .pause-calculation dl>div{display:flex;justify-content:space-between;align-items:baseline;gap:8px 12px;flex-wrap:wrap;padding:5px 0} .screen-pause .pause-calculation dt{flex:1;min-width:45%;color:var(--muted)} .screen-pause .pause-calculation dd{margin:0 0 0 auto;text-align:right;font-variant-numeric:lining-nums tabular-nums;font-weight:500} .screen-pause .focus-pause-compact .focus-choice{font-size:14px;line-height:1.45;font-weight:400;margin:11px 0 0} .screen-pause .focus-pause-compact .pause-actions{gap:3px;margin-top:12px} .screen-pause .pause-decisions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px} .screen-pause .pause-decisions .pause-equal-choice{background:var(--white);border:1.5px solid var(--ink);color:var(--ink);min-height:54px;font-size:15px;line-height:1.35;font-weight:600;border-radius:12px;padding:12px 8px;box-shadow:none} .screen-pause .pause-actions .pause-link-cost,.screen-pause .focus-pause-exits .text-btn{font-size:14px;min-height:44px;color:var(--ink);font-weight:500;text-decoration-color:var(--ink)} .screen-paymentReview .focus-footnote,.screen-pause .focus-pause-compact .focus-footnote{font-size:12px;line-height:1.5;color:var(--muted)} /* Ask first, then make room for the answer and the real composer. */ .screen-chat .chat-workspace:not(.chat-has-conversation) .page-heading h1{font-size:2.5rem;line-height:1.08;letter-spacing:-.03em;font-weight:600;max-width:9ch} .screen-chat .chat-illustration .scene-art{height:var(--art-conversation-intro-size)!important;margin:0 auto 14px!important} .screen-chat .chat-has-conversation .chat-illustration{display:none} .screen-chat .chat-has-conversation .page-heading h1{font-size:26px;font-weight:500;line-height:1.2;letter-spacing:-.025em} .screen-chat .chat-context{border-color:var(--line);margin-bottom:6px} .screen-chat .chat-context>summary,.screen-chat .chat-prompts>summary{min-height:44px;font-size:14px;line-height:1.45;font-weight:500;color:var(--ink)} .screen-chat .chat-prompts .chips{gap:0;margin:0 0 9px;display:flex;flex-direction:column} .screen-chat .chat-prompts .chip{border:0;border-top:1px solid var(--line);background:none;border-radius:0;min-height:48px;font-size:15px;font-weight:400;text-align:left;padding:11px 0;color:var(--ink)} .screen-chat .chat-turn{margin:12px 0 23px} .screen-chat .chat-bubble.user{background:var(--soft);border:0;border-radius:12px 12px 0 12px;font-size:15px;line-height:1.45;padding:11px 14px} .screen-chat .chat-reply,.screen-chat .chat-reply[data-insight]{border:0;border-radius:0;background:var(--white);padding:12px 0 8px;margin:4px 0} .screen-chat .chat-reply .lead{font-size:20px;line-height:1.35;font-weight:600;letter-spacing:-.015em;color:var(--ink)} .screen-chat .chat-reply .lead>.clarity-ring{vertical-align:baseline;margin-right:7px;color:var(--ink)} .screen-chat .chat-reply .impact-secondary{font-size:15px;line-height:1.5;font-weight:400;color:var(--muted);margin-top:9px} .screen-chat .chat-calculation{border-color:var(--line);margin-top:12px;font-size:13px} .screen-chat .chat-calculation>summary{font-size:14px;font-weight:500;min-height:44px;color:var(--ink)} .screen-chat .chat-calculation dt,.screen-chat .chat-calculation p,.screen-chat .chat-boundary{color:var(--muted)} .screen-chat .chat-calculation dl>div{gap:5px 12px;flex-wrap:wrap} .screen-chat .chat-calculation dt{flex-basis:48%} .screen-chat .chat-calculation dd{margin-left:auto;max-width:100%;font-weight:500;white-space:normal;overflow-wrap:anywhere;color:var(--ink)} .screen-chat .chat-reply-actions{gap:3px 17px} .screen-chat .chat-reply-actions .text-btn{min-height:44px;font-size:14px;font-weight:500;padding:9px 0} .screen-chat .chat-entry{background:var(--white);border:1.5px solid var(--control-line);border-radius:12px;padding:3px;gap:5px;align-items:center;min-width:0} .screen-chat .chat-entry:focus-within{outline:2px solid var(--ink);outline-offset:3px;border-color:var(--ink)} .screen-chat .chat-entry input{font-size:16px;border:0!important;min-height:46px;box-shadow:none!important;min-width:0} .screen-chat .chat-entry button{background:var(--ink);color:var(--white);border:1.5px solid var(--ink);width:46px;min-width:46px;height:46px;border-radius:9px} .screen-chat .chat-boundary{font-size:12px;line-height:1.45} /* Confirmed facts use the same lettering and quiet highlight. Status is explicit. */ .screen-paymentResult .hero{gap:8px!important;margin-bottom:16px} .screen-paymentResult .hero>.scene-art{height:var(--art-result-size)!important;margin:0 auto 8px!important} .screen-paymentResult .hero h1{font-size:30px;font-weight:600;line-height:1.15;letter-spacing:-.025em} .screen-paymentResult .result-mark{width:52px;height:52px;min-width:52px;margin:4px 0 7px;border:1.5px solid var(--ink);border-radius:50%;background:var(--white);color:var(--ink)} .screen-paymentResult [data-payment-state=confirmed] .result-mark{background:var(--green);border-color:var(--ink);color:var(--ink)} .screen-paymentResult [data-payment-state=pending] .result-mark,.screen-paymentResult [data-payment-state=delivery-pending] .result-mark,.screen-paymentResult [data-payment-state=reversed] .result-mark{background:var(--soft);border-color:var(--ink);color:var(--ink)} .screen-paymentResult [data-payment-state=failed] .result-mark,.screen-paymentResult [data-payment-state=delivery-failed] .result-mark{background:var(--white);border-color:var(--ink);color:var(--ink)} .screen .success-mark{background:var(--green);color:var(--ink);border:1.5px solid var(--ink)} .screen .progress{background:#e8e8e8}.screen .progress-bar{background:var(--ink)} .screen .focus-pay-art .scene-art{height:148px!important} .screen-pay .pay-tabs{background:none;border-radius:0;border-bottom:1px solid var(--line);padding:0;gap:0} .screen-pay .pay-tabs button{background:none;color:var(--muted);border:0;border-radius:0;min-height:48px;font-size:14px;font-weight:500} .screen-pay .pay-tabs button[aria-selected=true]{background:none;color:var(--ink);border:0;border-bottom:2px solid var(--ink);box-shadow:none} .screen .plan-room{background:none;border-radius:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:16px 0} .screen .plan-room>strong{color:var(--ink)} .screen-planBenefit .plan-benefit-intro,.screen-planBenefit .plan-benefit-footnote,.plan-benefit-before>p,.plan-benefit-before>span{color:var(--muted)} .plan-benefit-before{border-color:var(--line)}.plan-benefit-before strong{color:var(--ink)} .plan-benefit-pause{border:1px solid var(--line);border-radius:8px;background:var(--white)} .plan-benefit-pause h2{color:var(--ink)} .plan-benefit-impact{border-color:var(--line)} .plan-benefit-impact strong{background:linear-gradient(transparent 61%,var(--green) 61%,var(--green) 93%,transparent 93%);color:var(--ink)} /* Black navigation is the stable frame from the earlier edition. */ #nav{background:var(--ink);border-top:1px solid var(--ink);backdrop-filter:none;padding:9px 8px calc(10px + env(safe-area-inset-bottom));gap:0;min-height:72px} #nav .nav-item{min-height:49px;font-size:12px;font-weight:400;line-height:1.3;color:#b8b8b8;background:none;border:0;box-shadow:none} #nav .nav-item.active{color:var(--white);font-weight:500;background:none;box-shadow:none} #nav .nav-item svg,#nav .nav-item.active svg{background:none;box-shadow:none;border-radius:0;color:inherit;stroke-width:1.7} #nav .nav-item.active:before,#nav .nav-item.active:after{display:none} #nav .nav-item:focus-visible{outline:2px solid var(--white);outline-offset:-3px;box-shadow:none} .prototype-boundary{font-size:11px;color:var(--muted);padding:4px 10px 6px;line-height:1.45} .demo-strip{font-size:9px;letter-spacing:.8px} .status-dot{background:var(--ink)} .desktop-note p,.desktop-test p{color:var(--muted)} .desktop-note h2{font-size:42px;font-weight:500;line-height:1.12;letter-spacing:-.03em;color:var(--ink)} #view.lumo-balances-revealed .home-plan-summary{outline:none} /* fitScreen may add snug/compact density. That must never enlarge focused art through an older, more specific legacy selector. */ .screen[data-density] [data-payment-entry] .scene-art{height:var(--art-entry-size)!important;margin:0 auto 4px!important} .screen.screen-paymentReview[data-density] .review-stage.focus-art .scene-art{height:var(--art-review-size)!important;margin:0!important} .screen.screen-pause[data-density] .pause-decision-heading .pause-stage.focus-art .scene-art{height:64px!important;margin:0!important} .screen.screen-authorize[data-density] .scene-art{height:64px!important;margin:0 auto 8px!important} .screen.screen-paymentResult[data-density] .hero>.scene-art{height:var(--art-result-size)!important;margin:0 auto 8px!important} @media(hover:hover){ .screen .primary:not(:disabled):hover{background:#303030;border-color:#303030} .screen .secondary:not(:disabled):hover,.screen-pause .pause-decisions .pause-equal-choice:hover{background:var(--soft)} .screen .icon-btn:hover,.screen .balance-eye:hover{background:var(--soft)} .screen .funding-choices .menu-choice:hover{background:var(--soft);border-color:var(--ink)} } /* Keep real text, normal scrolling and every action. Compactness comes from art and spacing, never clipped explanations or shrinking accessibility text. */ @media(max-width:359px){ .screen,.screen.screen-pause{padding-left:18px;padding-right:18px} .screen .page-heading h1,.screen .hero h1,.screen .destination-heading h1,.screen .focus-pay-heading h1{font-size:30px} .screen-home .home-plan-summary strong{font-size:42px} .screen-home .has-saved-plan .focus-amount{font-size:24px} .screen-home .home-plan-math{font-size:14px} .screen-home .home-intro>span{display:none} .screen [data-payment-entry] .hero>h1{font-size:25px} .screen [data-payment-entry] .payment-amount-row .amount-input{font-size:38px!important} .screen-pause .pause-decision-heading{grid-template-columns:52px minmax(0,1fr);gap:9px} .screen-pause .pause-decision-heading .pause-stage .scene-art{height:52px!important} .screen.screen-pause[data-density] .pause-decision-heading .pause-stage.focus-art .scene-art{height:52px!important} .screen-pause .pause-decision-heading .focus-pause-insight h1{font-size:24px} .screen-pause .pause-comparison-values strong{font-size:26px} .screen-pause .pause-decisions{gap:8px} .screen-pause .pause-decisions .pause-equal-choice{font-size:14px} .screen-chat .chat-reply .lead{font-size:19px} .screen .focus-main-actions button{font-size:14px} #nav .nav-item{font-size:11px} } @media(max-height:700px){ :root{--art-intro-size:148px;--art-home-size:120px;--art-entry-size:48px;--art-conversation-intro-size:140px;--art-result-size:104px} .screen .topline{margin-bottom:7px} .screen-home .home-stage{margin:0 0 9px} .screen-pause .focus-pause-compact .focus-pause-label{margin-bottom:8px} .screen-pause .pause-decision-heading{margin-bottom:9px} .screen-pause .pause-payment-context{margin-bottom:11px} .screen-pause .pause-comparison{padding:10px 0;margin:10px 0} .screen-pause .pause-decision-consequence{padding:10px 0} .screen-pause .focus-pause-compact .pause-actions{margin-top:9px} } @media(prefers-reduced-motion:reduce){ *,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important} .screen-pause .pause-comparison-values strong{transform:none!important;opacity:1!important} } /* Source: task-sheet.css | sha256:892ad112a81fe8d200d447af10468707f5c0212f4ad54dfd4cf3efc9a8929ac1 */ /* Campus Pay is a task over a retained page, never a second stack of pages. Load after clarity-edition.css. The sheet adapter owns viewport measurements, focus, inert state and task history; this file only presents those states. */ :root{ --task-sheet-curve:24px; --task-sheet-gutter:24px; --task-sheet-backdrop:rgb(17 17 17 / .42); } /* Renaming the retained outlet must preserve the app's original flex sizing and scroll surface. Its children stay mounted; inert and the scrim stop interaction. */ #task-parent-view{ flex:1 1 auto; min-width:0; min-height:0; overflow-x:hidden; overflow-y:auto; background:var(--white,#fff); } #task-parent-view [id$="-parent-error"]{color:var(--red,#8a3027);font-size:14px;margin:15px 0} #task-parent-view [id$="-parent-error"]:empty{display:none} body.task-sheet-open #toast{z-index:90;bottom:calc(20px + env(safe-area-inset-bottom))} /* Keep the retained Pay error outlet visually identical after ID isolation. */ #task-parent-view [id$="-parent-error"]{color:var(--red,#8a3027);font-size:14px;margin:15px 0} #task-parent-view [id$="-parent-error"]:empty{display:none} /* The app's measured horizontal frame keeps the overlay inside the phone on desktop as well as full-width on a real phone. Fixed positioning follows the visual viewport, including the phone keyboard. No parent transform or filter is applied, so the saved Home layout and scroll position do not change. */ #app .task-sheet-layer{ position:fixed; z-index:70; top:var(--task-viewport-top,0px); left:var(--task-app-left,0px); width:var(--task-app-width,100%); height:var(--task-viewport-height,100dvh); max-width:460px; display:flex; align-items:flex-end; isolation:isolate; pointer-events:none; overflow:hidden; } .task-sheet-layer[hidden]{display:none!important} .task-sheet-backdrop{ position:absolute; inset:0; z-index:0; width:100%; height:100%; min-height:0; margin:0; padding:0; border:0; border-radius:0; background:var(--task-sheet-backdrop); opacity:0; cursor:default; pointer-events:auto; touch-action:none; transition:opacity var(--motion-reveal,180ms) var(--ease-focus,ease); } .task-sheet-layer .task-sheet-backdrop:active{transform:none} .task-sheet{ position:relative; z-index:1; display:flex; flex-direction:column; width:100%; height:min(90%,780px); min-height:0; max-height:calc(100% - max(16px,env(safe-area-inset-top))); margin:0; padding:0; overflow:hidden; border:1px solid rgb(17 17 17 / .1); border-bottom:0; border-radius:var(--task-sheet-curve) var(--task-sheet-curve) 0 0; background:var(--white,#fff); color:var(--ink,#111); box-shadow:0 -12px 40px rgb(17 17 17 / .08); pointer-events:auto; transform:translateY(24px); opacity:0; transition:transform var(--motion-resolve,220ms) var(--ease-focus,ease),opacity var(--motion-reveal,180ms) var(--ease-focus,ease); } .task-sheet:focus{outline:none} .task-sheet-layer.is-ready .task-sheet-backdrop{opacity:1} .task-sheet-layer.is-ready .task-sheet{transform:translateY(var(--task-drag-y,0px));opacity:1} .task-sheet-layer.is-dragging .task-sheet{transition:none} /* Controls remain outside the scrolling content. Back moves within this task; Close dismisses it. The title names the task, not its current financial state. */ .task-sheet-chrome{ position:relative; display:grid; grid-template-columns:44px minmax(0,1fr) 44px 44px; align-items:center; gap:0 2px; flex:0 0 auto; min-height:68px; padding:14px 12px 6px; border-bottom:1px solid var(--line,#dedede); background:var(--white,#fff); color:var(--ink,#111); touch-action:none; user-select:none; } .task-sheet-grab{position:absolute;top:6px;left:50%;width:32px;height:4px;transform:translateX(-50%);border-radius:4px;background:#b8b8b8;pointer-events:auto} .task-sheet-chrome #task-sheet-title{ min-width:0; padding:0 6px; overflow-wrap:anywhere; font-size:15px; line-height:1.4; font-weight:600; letter-spacing:-.01em; } .task-sheet-chrome .icon-btn{ display:inline-flex; align-items:center; justify-content:center; width:44px; min-width:44px; height:44px; min-height:44px; padding:10px; border:0; border-radius:50%; background:transparent; color:var(--ink,#111); touch-action:manipulation; } .task-sheet-chrome .icon-btn svg{width:22px;height:22px;stroke-width:1.8} .task-sheet-chrome .icon-btn:focus-visible{outline:2px solid var(--ink,#111);outline-offset:-3px;box-shadow:none} .task-sheet-chrome .icon-btn[hidden]{display:none} .task-sheet-chrome .task-sheet-back[hidden]{display:flex;visibility:hidden;pointer-events:none} /* One scroll surface accommodates long recipients, open calculations, increased text and a keyboard. Nothing is clipped to force a one-screen composition. */ .task-sheet-body, .task-sheet-body#view{ position:relative; flex:1 1 auto; min-width:0; min-height:0; width:100%; height:auto; max-height:none; overflow-x:hidden; overflow-y:auto; overscroll-behavior:contain; -webkit-overflow-scrolling:touch; scroll-padding:16px 0 calc(20px + env(safe-area-inset-bottom)); background:var(--white,#fff); color:var(--ink,#111); } .task-sheet-body .screen, .task-sheet-body .screen.screen-pause{ width:100%; min-width:0; min-height:0; height:auto; max-height:none; padding:18px var(--task-sheet-gutter) calc(24px + env(safe-area-inset-bottom)); overflow:visible; background:var(--white,#fff); animation:none!important; } .task-sheet-body .screen>.topline, .task-sheet-body .screen>section>.topline, .task-sheet-body .screen>.focus-review>.topline, .task-sheet-body .screen>.focus-pause>.topline{display:none} .task-sheet-body .page-heading{margin:0 0 18px} .task-sheet-body .page-heading h1{font-size:1.875rem;line-height:1.15;letter-spacing:-.025em} .task-sheet-body .page-heading p{margin-top:8px;font-size:14px;line-height:1.45} .task-sheet-body .screen h1, .task-sheet-body .screen h2, .task-sheet-body .screen p, .task-sheet-body .screen strong{overflow-wrap:break-word} .task-sheet-body .screen .currency, .task-sheet-body .screen .payment-currency{white-space:nowrap;word-break:normal;overflow-wrap:normal;flex-shrink:0} .task-sheet-body .screen .primary, .task-sheet-body .screen .secondary{min-height:52px;line-height:1.4} .task-sheet-body .screen .text-btn, .task-sheet-body .screen summary{min-height:44px} .task-sheet-body .screen input:not([type=checkbox]):not([type=radio]), .task-sheet-body .screen select, .task-sheet-body .screen textarea{font-size:16px;scroll-margin-block:16px} .task-sheet-body .screen .actions{gap:8px;margin-top:16px} .task-sheet-body .screen .compact-section{margin-top:16px} .task-sheet-body .screen .campus-code{margin:0 0 14px} .task-sheet-body .screen .campus-code label{font-size:14px;line-height:1.45;margin-bottom:6px} .task-sheet-body .screen .campus-code .inline{gap:8px} .task-sheet-body .screen .campus-code .secondary{width:auto;min-width:68px;flex:0 0 auto} .task-sheet-body .screen .campus-merchants .illustrated-row{min-height:80px} .task-sheet-body .screen .campus-merchants .option-art{width:72px;height:60px} /* Entry gets one small drawing, one amount, a plan link and one live sentence. Review is factual. The Pause retains its comparison and equivalent choices. */ .task-sheet-layer .screen[data-density] [data-payment-entry] .scene-art, .task-sheet-layer .screen [data-payment-entry] .scene-art{height:48px!important;margin:0 auto 3px!important} .task-sheet-body [data-payment-entry] .hero{padding:0 0 6px;gap:5px!important} .task-sheet-body .screen [data-payment-entry] .hero>h1{font-size:1.5rem;line-height:1.2} .task-sheet-body .screen [data-payment-entry] .hero>p{font-size:13px;line-height:1.4} .task-sheet-body [data-payment-entry] .form{margin-top:8px} .task-sheet-body [data-payment-entry] .field{margin-bottom:12px} .task-sheet-body .screen [data-payment-entry] .payment-amount-row{gap:8px;flex-wrap:nowrap;align-items:baseline;min-width:0} .task-sheet-body .screen [data-payment-entry] .payment-amount-row .payment-currency{font-size:21px;white-space:nowrap;flex:0 0 auto} .task-sheet-body .screen [data-payment-entry] .payment-amount-row .amount-input{min-height:56px!important;font-size:2.625rem!important;line-height:1.2;padding:3px 0!important;min-width:0;flex:1 1 0} .task-sheet-body .screen [data-payment-entry] .payment-plan-link{margin:0 0 4px;padding:0} .task-sheet-body .screen [data-payment-entry] .payment-plan-link .field{margin-bottom:4px} .task-sheet-body .screen [data-payment-entry] .payment-plan-link p{font-size:12px;line-height:1.45;margin-top:4px} .task-sheet-body .screen [data-payment-entry] .payment-projection{margin:7px 0 12px} .task-sheet-body .screen [data-payment-entry] .entry-consequence{padding:0;gap:7px} .task-sheet-body .screen [data-payment-entry] .entry-consequence-copy{font-size:14px;line-height:1.4} .task-sheet-body .screen [data-payment-entry] .entry-consequence-label{font-size:12px;line-height:1.4} .task-sheet-body .screen [data-payment-entry] .form>.primary{margin-top:0} .task-sheet-body .screen [data-payment-entry] .optional-fields{margin-top:4px} .task-sheet-layer .screen.screen-paymentReview[data-density] .review-stage.focus-art .scene-art, .task-sheet-layer .screen.screen-paymentReview .review-stage .scene-art{height:40px!important;margin:0!important} .task-sheet-body .screen-paymentReview .focus-payment-title{margin:4px 0 14px} .task-sheet-body .screen-paymentReview .focus-payment-title h1{font-size:2.75rem;line-height:1.15;margin:5px 0} .task-sheet-body .screen-paymentReview .focus-payment-title p{font-size:16px;line-height:1.45} .task-sheet-body .screen-paymentReview .focus-payment-title small{font-size:13px;line-height:1.45} .task-sheet-body .screen-paymentReview .focus-receipt>div{padding:8px 0;font-size:14px} .task-sheet-body .screen-paymentReview .focus-receipt strong{max-width:65%;overflow-wrap:anywhere} .task-sheet-body .screen-pause .focus-pause-label{margin:0 0 10px} .task-sheet-body .screen-pause .pause-decision-heading{grid-template-columns:52px minmax(0,1fr);gap:10px;margin-bottom:10px} .task-sheet-layer .screen.screen-pause[data-density] .pause-decision-heading .pause-stage.focus-art .scene-art, .task-sheet-layer .screen.screen-pause .pause-decision-heading .pause-stage .scene-art{height:52px!important;margin:0!important} .task-sheet-body .screen-pause .pause-decision-heading .focus-pause-insight h1{font-size:1.5rem;line-height:1.2;letter-spacing:-.02em} .task-sheet-body .screen-pause .pause-comparison{margin:11px 0;padding:11px 0} .task-sheet-body .screen-pause .pause-comparison-values strong{font-size:1.75rem;line-height:1.25} .task-sheet-body .screen-pause .pause-payment-context{font-size:13px;line-height:1.45;margin-bottom:10px} .task-sheet-body .screen-pause .focus-choice{margin:10px 0 0} .task-sheet-body .screen-pause .pause-actions{margin-top:10px} .task-sheet-body .screen-pause .pause-decisions{gap:8px} .task-sheet-body .screen-pause .pause-decisions .pause-equal-choice{min-height:52px;font-size:14px;line-height:1.4;padding:12px 8px} .task-sheet-layer .screen.screen-authorize[data-density] .scene-art, .task-sheet-layer .screen.screen-authorize .scene-art{height:56px!important;margin:0 auto 8px!important} .task-sheet-body .screen-authorize .hero{padding:0 0 12px;gap:7px!important} .task-sheet-body .screen-authorize .hero h1{font-size:1.875rem;line-height:1.15} .task-sheet-body .screen-authorize .form{margin-top:12px} .task-sheet-layer .screen.screen-paymentResult[data-density] .hero>.scene-art, .task-sheet-layer .screen.screen-paymentResult .hero>.scene-art{height:120px!important;margin:0 auto 8px!important} .task-sheet-body .screen-paymentResult .hero{padding:0 0 10px;margin-bottom:12px} .task-sheet-body .screen-paymentResult .hero h1{font-size:1.875rem;line-height:1.2} .task-sheet-body .screen-paymentResult .receipt{padding:12px 0} .task-sheet-body .screen-paymentResult .summary-line{padding:8px 0} .task-sheet-body .focus-footnote{font-size:12px;line-height:1.5} /* A short viewport should surrender illustration space before text or controls. Keyboard-open state grows the sheet instead of hiding the focused input. */ .task-sheet-layer.task-keyboard-open .task-sheet{height:calc(100% - 8px);max-height:calc(100% - 8px);border-radius:18px 18px 0 0} .task-sheet-layer.task-keyboard-open .task-sheet-chrome{min-height:56px;padding-top:4px;padding-bottom:4px} .task-sheet-layer.task-keyboard-open .screen [data-payment-entry] .scene-art, .task-sheet-layer.task-keyboard-open .screen[data-density] [data-payment-entry] .scene-art{height:24px!important;margin:0 auto 2px!important} .task-sheet-layer.task-keyboard-open .screen [data-payment-entry] .hero{padding-bottom:3px} .task-sheet-layer.task-keyboard-open .screen [data-payment-entry] .hero>p{font-size:13px} @media(min-width:900px){ #app .task-sheet-layer{top:calc(var(--task-viewport-top,0px) + 32px);height:calc(var(--task-viewport-height,100dvh) - 64px);border-radius:34px} .task-sheet{height:94%;max-height:calc(100% - 16px)} } @media(max-width:359px){ :root{--task-sheet-gutter:18px} .task-sheet-chrome{padding-left:8px;padding-right:8px;gap:0} .task-sheet-chrome #task-sheet-title{padding:0 4px;font-size:14px} .task-sheet-body .screen [data-payment-entry] .payment-amount-row .amount-input{font-size:2.375rem!important} .task-sheet-body .screen-pause .pause-decision-heading{grid-template-columns:44px minmax(0,1fr);gap:8px} .task-sheet-layer .screen.screen-pause[data-density] .pause-decision-heading .pause-stage.focus-art .scene-art, .task-sheet-layer .screen.screen-pause .pause-decision-heading .pause-stage .scene-art{height:44px!important} .task-sheet-body .screen-pause .pause-decision-heading .focus-pause-insight h1{font-size:1.375rem} .task-sheet-body .screen-pause .pause-comparison-values{gap:5px;grid-template-columns:minmax(0,1fr) 18px minmax(0,1fr)} .task-sheet-body .screen-pause .pause-comparison-values strong{font-size:1.625rem} } @media(max-height:700px){ .task-sheet{height:94%;max-height:calc(100% - 12px)} .task-sheet-body .screen,.task-sheet-body .screen.screen-pause{padding-top:12px} .task-sheet-body .page-heading{margin-bottom:12px} .task-sheet-layer .screen.screen-paymentResult[data-density] .hero>.scene-art, .task-sheet-layer .screen.screen-paymentResult .hero>.scene-art{height:96px!important} } @media(hover:hover){.task-sheet-chrome .icon-btn:hover{background:var(--soft,#f5f5f5)}} @media(prefers-reduced-motion:reduce){ .task-sheet-layer .task-sheet,.task-sheet-layer .task-sheet-backdrop{transition:none!important;transform:none!important;opacity:1} .task-sheet-body,.task-sheet-body *{scroll-behavior:auto!important} } /* Source: clarity-bold.css | sha256:6316baac11c7031261c25d2de55e3ecaa321d2e340a19a75e46b911891d5fd12 */ /* Lumo's expressive pass: campus scenes, open type and restrained insight accents. Keep last, after task-sheet.css. Real figures and financial rules remain in JS. */ :root{ --bold-hero-size:clamp(184px,26dvh,220px); --bold-intro-size:clamp(220px,31dvh,260px); --bold-home-size:clamp(184px,26dvh,216px); --bold-chat-size:clamp(184px,26dvh,216px); --art-intro-size:var(--bold-intro-size); --art-everyday-size:var(--bold-hero-size); --art-home-size:var(--bold-home-size); --art-conversation-intro-size:var(--bold-chat-size); --art-entry-size:48px; --art-review-size:40px; --art-pause-size:60px; --art-result-size:148px; --bold-lens-colour:#cfef59; } body{background:#ececec} .screen{font-size:16px;line-height:1.5;letter-spacing:0} .screen h1,.screen h2,.screen h3{font-weight:700;color:var(--ink,#111)} .screen .page-heading h1, .screen[data-density] .page-heading h1, .screen .destination-heading h1, .screen .focus-pay-heading h1, .screen .focus-story-heading h1{font-size:clamp(2rem,8.8vw,2.5rem);font-weight:700;line-height:1.1;letter-spacing:-.03em} .screen .page-heading>p, .screen .destination-heading>p, .screen .focus-pay-heading>p, .screen .focus-story-heading>p{font-size:15px;line-height:1.5;margin-top:10px;color:var(--muted,#555)} .screen .small,.screen small{font-size:14px;line-height:1.5} .screen .tiny{font-size:12px;line-height:1.5} .screen .row-copy strong{font-size:17px;line-height:1.35;font-weight:600} .screen .row-copy small,.screen .illustrated-row small{font-size:14px;line-height:1.45} .screen .row{min-height:70px;padding:14px 0} .screen .primary,.screen .secondary,.screen .danger{min-height:54px;font-size:16px;line-height:1.4;font-weight:700;padding:14px 16px;border-radius:12px;box-shadow:none} .screen .text-btn,.screen .link{min-height:44px;font-size:15px;line-height:1.45;font-weight:500} .screen input:not([type=checkbox]):not([type=radio]),.screen select,.screen textarea{font-size:16px;line-height:1.5;min-height:52px} .screen label.field,.screen .field>span{font-size:15px;line-height:1.45;font-weight:500} .screen .warning,.screen .notice{font-size:15px;line-height:1.5} .screen .eyebrow{font-size:11px;line-height:1.45;font-weight:600;letter-spacing:.9px} /* Older layers used green for input focus and spending-category graphics. Keep those functional states neutral so lime retains its insight meaning. */ .screen input:focus,.screen select:focus,.screen textarea:focus{border-color:var(--ink);box-shadow:0 0 0 3px #11111120} .screen-pay .pay-tab-panel:focus-visible{outline-color:var(--ink)} .screen-story .focus-category-track{background:#ececec} .screen-story .focus-category i,.screen-story .focus-category-track>span{filter:grayscale(1)} /* Each scene has a readable foreground gesture and one restrained campus layer. The figure always uses contain: no body, hand or object is cropped to fill. The grayscale applies only to the setting, preserving the textile colours. */ .screen .scene-art.bold-scene, .screen[data-density] .scene-art.bold-scene{ position:relative; display:block; width:100%; max-width:100%; height:var(--bold-hero-size)!important; min-height:0; margin:10px auto 16px!important; padding:0; overflow:visible; isolation:isolate; background:none; mix-blend-mode:normal; flex-shrink:0; } .bold-scene>.legon-backdrop{ position:absolute; inset:5% 0 0; z-index:0; display:block; width:100%; height:95%; overflow:hidden; pointer-events:none; opacity:.3; filter:grayscale(1); -webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000 15%,#000 68%,transparent 100%); mask-image:linear-gradient(to bottom,transparent 0%,#000 15%,#000 68%,transparent 100%); } .bold-scene .legon-backdrop-image{ display:block; width:100%; height:100%; max-width:none; max-height:none; object-fit:cover; object-position:center; filter:grayscale(1) contrast(.9) brightness(1.08); mix-blend-mode:normal; } .bold-scene>.expressive-figure{ position:relative; z-index:1; display:block; width:100%; height:100%; margin:0; overflow:visible; pointer-events:none; } .bold-scene .bold-figure-image{ display:block; width:100%; height:100%; max-width:100%; max-height:100%; object-fit:contain; object-position:center bottom; filter:none; mix-blend-mode:normal; } .screen .scene-art.bold-scene::before,.screen .scene-art.bold-scene::after{content:none;display:none} .screen .scene-art.bold-scene.scene-size-intro, .screen[data-density] .scene-art.bold-scene.scene-size-intro{height:var(--bold-intro-size)!important} .screen .scene-art.bold-scene.scene-size-decision, .screen[data-density] .scene-art.bold-scene.scene-size-decision{height:64px!important;margin:0 auto 8px!important} .screen.screen-welcome .welcome-illustration, .screen.screen-welcome .welcome-illustration .scene-art.bold-scene, .screen.screen-welcome[data-density] .welcome-illustration .scene-art.bold-scene{height:var(--bold-intro-size)!important;margin:4px auto 20px!important} .screen-welcome .welcome-screen>h1{font-size:clamp(2.5rem,10.5vw,3rem);font-weight:700;line-height:1.05;letter-spacing:-.035em;max-width:11ch} .screen-welcome .welcome-screen>.muted{font-size:16px;line-height:1.5;max-width:32ch} .screen-home .home-stage .scene-art.bold-scene, .screen-home[data-density] .home-stage .scene-art.bold-scene, .screen-home:has(.has-saved-plan) .home-stage .scene-art.bold-scene{height:var(--bold-home-size)!important;margin:8px 0 16px!important} .screen-home .home-stage{margin:0 0 12px} .screen-home .home-intro{margin:8px 0 14px} .screen-home .home-intro p{font-size:22px;font-weight:600;line-height:1.25;letter-spacing:-.02em} .screen-home .home-intro>span{font-size:13px;line-height:1.4} .screen-home .has-saved-plan .focus-amount{font-size:25px;font-weight:600;line-height:1.2} .screen .destination-stage .scene-art.bold-scene, .screen[data-density] .destination-stage .scene-art.bold-scene, .screen-pay .focus-pay-art .scene-art.bold-scene{height:var(--bold-hero-size)!important;margin:10px 0 18px!important} .screen-chat .page-heading>.scene-art.bold-scene, .screen-chat[data-density] .page-heading>.scene-art.bold-scene, .screen-chat .chat-illustration .scene-art.bold-scene, .screen-chat[data-density] .chat-illustration .scene-art.bold-scene{height:var(--bold-chat-size)!important;margin:10px 0 16px!important} .screen-chat .chat-has-conversation .scene-art.bold-scene{display:none!important} .screen-chat .chat-workspace:not(.chat-has-conversation) .page-heading h1{font-size:2.5rem;font-weight:700;line-height:1.08;letter-spacing:-.03em} .screen-chat .chat-has-conversation .page-heading h1{font-size:26px;font-weight:600;line-height:1.2} .screen .empty .scene-art.bold-scene{height:var(--bold-intro-size)!important;margin:8px auto 18px!important} .screen .option-art.bold-scene, .screen[data-density] .option-art.bold-scene, .screen .option-art .scene-art.bold-scene{height:64px!important;margin:0!important} .screen .illustrated-row>.option-art.bold-scene{width:76px;height:64px!important} .screen .option-art.bold-scene>.legon-backdrop{opacity:.18} /* Legacy lens hooks now identify real conclusions, not decorative containers. Lime sits behind the useful figure or sentence. No large ring or reserved ring space remains. Repeated standalone ring markers are removed too. */ .lumo-lens{ position:relative; min-width:0; overflow:visible; } .lumo-lens::before{ content:none; display:none; pointer-events:none; } .lumo-lens::after{content:none;display:none;pointer-events:none} .lumo-lens-value{font-variant-numeric:lining-nums tabular-nums} .screen .clarity-ring{display:none!important} .intelligence-note{font-size:14px;line-height:1.5;color:var(--muted,#555)} .screen-home .home-plan-summary.lumo-lens, .screen-home .home-plan-summary.lumo-lens[data-decision-state=shortfall]{min-height:0;margin:7px 0 4px;padding:16px 0 6px;border:0;border-top:1px solid var(--line);background:none;border-radius:0;gap:8px} .screen-home .home-plan-summary.lumo-lens small{font-size:15px;line-height:1.4;font-weight:600} .screen-home .home-plan-summary.lumo-lens strong.lumo-lens-value{display:table;background:linear-gradient(transparent 66%,var(--bold-lens-colour) 66%,var(--bold-lens-colour) 94%,transparent 94%);font-size:clamp(2.75rem,12.8vw,3.375rem);font-weight:700;line-height:1.15;letter-spacing:-.035em;margin:9px 0 10px;padding:0 3px 2px 0;max-width:100%;overflow-wrap:anywhere;box-decoration-break:clone;-webkit-box-decoration-break:clone} .screen-home .home-plan-summary.lumo-lens .home-plan-math{display:block;font-size:14px;line-height:1.5;color:var(--muted);max-width:32ch} .screen-home .home-plan-summary.lumo-lens .home-plan-math b{color:var(--ink);font-weight:500} .screen-home .home-plan-period{font-size:14px;line-height:1.5;padding-top:12px;margin:0} .screen-home .privacy-hint{font-size:12px;line-height:1.45} .screen-home .focus-main-actions{gap:10px} .screen-home .focus-main-actions button{min-height:54px;font-size:16px;font-weight:700} .screen-home .focus-small-actions{gap:20px;margin:2px 0 12px} .screen-home .focus-small-actions .text-btn{font-size:15px;min-height:44px} .screen .plan-room.lumo-lens{min-height:0;padding:16px 0} .screen .plan-total.lumo-lens{min-height:0;padding:0} .screen .plan-room.lumo-lens>strong{font-size:3rem;font-weight:700;line-height:1.15} .screen .plan-room.lumo-lens .lumo-lens-value,.screen .plan-total.lumo-lens .lumo-lens-value{background:none} .screen .plan-room.lumo-lens>p{font-size:14px;line-height:1.5} .screen-pause .pause-comparison-after.lumo-lens{display:block;min-height:0;padding:0;text-align:left} .screen-pause .pause-comparison-after.lumo-lens .comparison-label{max-width:none;margin-bottom:4px;font-size:12px;line-height:1.4} .screen-pause .pause-comparison-after.lumo-lens strong{display:inline-block;background:linear-gradient(transparent 66%,var(--bold-lens-colour) 66%,var(--bold-lens-colour) 94%,transparent 94%);padding:0 3px 1px 0;font-weight:700;font-size:1.875rem;line-height:1.2;box-decoration-break:clone;-webkit-box-decoration-break:clone} .screen-pause .pause-comparison-after.lumo-lens>small{margin:4px 0 0;max-width:none;font-size:12px;line-height:1.4} .screen-pause .pause-comparison-before strong{font-weight:600} .screen-pause .pause-decision-heading .focus-pause-insight h1{font-size:1.625rem;line-height:1.17;font-weight:700;letter-spacing:-.025em} .screen-pause .pause-comparison-heading h2{font-size:15px;font-weight:600;line-height:1.4} .screen-pause .pause-comparison-note,.screen-pause .pause-decision-consequence .pause-comparison-note{font-size:13px;line-height:1.5} .screen-pause .pause-decisions .pause-equal-choice{min-height:54px;font-size:15px;font-weight:700;line-height:1.35} .screen-chat .chat-reply.lumo-lens{margin:4px 0;padding:12px 0 8px;background:none;border:0;border-radius:0} .screen-chat .chat-reply .lead{font-size:20px;line-height:1.4;font-weight:600} .screen-chat .chat-reply.lumo-lens[data-insight] .lead.lumo-lens-value{display:inline;background:linear-gradient(transparent 72%,var(--bold-lens-colour) 72%,var(--bold-lens-colour) 96%,transparent 96%);padding:0 .08em .03em 0;font-size:22px;line-height:1.4;font-weight:700;letter-spacing:-.02em;box-decoration-break:clone;-webkit-box-decoration-break:clone} .screen-chat .chat-reply .impact-secondary{font-size:15px;line-height:1.5} .screen-chat .chat-reply-actions .text-btn{font-size:14px;min-height:44px} .screen-chat .chat-calculation summary{min-height:44px;font-size:14px} .screen-chat .chat-thread{max-height:none;overflow:visible} .screen-chat .chat-entry{min-height:56px;padding:4px;border:1.5px solid var(--ink);border-radius:14px;background:var(--white)} .screen-chat .chat-entry input{min-height:46px;font-size:16px} .screen-chat .chat-entry button{width:46px;min-width:46px;height:46px;border-radius:10px} .screen-chat .chat-boundary{font-size:12px;line-height:1.5} .screen [data-payment-entry] .entry-consequence.lumo-lens-small{display:block;gap:0;padding-left:0} .screen .entry-consequence.lumo-lens-small .entry-consequence-label{display:block} .screen .entry-consequence.lumo-lens-small .entry-consequence-copy.lumo-lens-value{display:inline;background:linear-gradient(transparent 70%,var(--bold-lens-colour) 70%,var(--bold-lens-colour) 96%,transparent 96%);padding:0 .08em .03em 0;box-decoration-break:clone;-webkit-box-decoration-break:clone} /* All task families use the same sheet. Short edits remain compact, while the content itself can grow and scroll. No inner form receives a fixed height. */ .task-sheet-chrome{border-bottom:1px solid var(--line);min-height:66px} .task-sheet-chrome #task-sheet-title{font-size:16px;font-weight:700;line-height:1.35} .task-sheet-body .screen .page-heading h1{font-size:1.875rem;line-height:1.15;font-weight:700} .task-sheet-body .screen .page-heading>p{font-size:15px;line-height:1.5} .task-sheet-body .screen .scene-art.bold-scene, .task-sheet-body .screen[data-density] .scene-art.bold-scene{height:96px!important;margin:4px auto 14px!important} .task-sheet[data-sheet-state=form] .screen .scene-art.bold-scene, .task-sheet[data-sheet-state=form] .screen[data-density] .scene-art.bold-scene{height:64px!important;margin:0 auto 10px!important} .task-sheet[data-sheet-state=intro] .screen .scene-art.bold-scene, .task-sheet[data-sheet-state=intro] .screen[data-density] .scene-art.bold-scene{height:132px!important;margin:4px auto 14px!important} .task-sheet-layer .screen [data-payment-entry] .scene-art.bold-scene, .task-sheet-layer .screen[data-density] [data-payment-entry] .scene-art.bold-scene{height:48px!important;margin:0 auto 3px!important} .task-sheet-body .screen [data-payment-entry] .hero>h1{font-size:1.5rem;line-height:1.2;font-weight:700} .task-sheet-body .screen [data-payment-entry] .hero>p{font-size:13px;line-height:1.4} .task-sheet-body .screen [data-payment-entry] .entry-consequence-copy{font-size:15px;font-weight:600;line-height:1.4} .task-sheet-layer .screen.screen-paymentReview[data-density] .review-stage.focus-art .scene-art.bold-scene, .task-sheet-layer .screen.screen-paymentReview .review-stage .scene-art.bold-scene{height:40px!important;margin:0!important} .task-sheet-body .screen-paymentReview .focus-payment-title h1{font-size:2.75rem;line-height:1.15;font-weight:700} .task-sheet-layer .screen.screen-pause[data-density] .pause-decision-heading .pause-stage.focus-art .scene-art.bold-scene, .task-sheet-layer .screen.screen-pause .pause-decision-heading .pause-stage .scene-art.bold-scene{height:60px!important;margin:0!important} .task-sheet-body .screen-pause .pause-decision-heading{grid-template-columns:60px minmax(0,1fr);gap:10px} .task-sheet-body .screen-pause .pause-decision-heading .focus-pause-insight h1{font-size:1.5rem;line-height:1.2;font-weight:700} .task-sheet-body .screen-pause .pause-comparison-after.lumo-lens{min-height:0} .task-sheet-body .screen-pause .pause-comparison-after.lumo-lens strong{font-size:1.75rem;font-weight:700;line-height:1.25} .task-sheet-body .screen-pause .pause-decisions .pause-equal-choice{min-height:54px;font-size:14px;font-weight:700} .task-sheet-layer .screen.screen-authorize[data-density] .scene-art.bold-scene, .task-sheet-layer .screen.screen-authorize .scene-art.bold-scene{height:56px!important;margin:0 auto 8px!important} .task-sheet-layer .screen.screen-paymentResult[data-density] .hero>.scene-art.bold-scene, .task-sheet-layer .screen.screen-paymentResult .hero>.scene-art.bold-scene{height:148px!important;margin:0 auto 12px!important} .task-sheet-body .screen .option-art.bold-scene, .task-sheet-body .screen[data-density] .option-art.bold-scene{height:60px!important;margin:0!important} .task-sheet-layer.task-keyboard-open .screen .scene-art.bold-scene, .task-sheet-layer.task-keyboard-open .screen[data-density] .scene-art.bold-scene{height:36px!important;margin:0 auto 5px!important} .task-sheet-layer.task-keyboard-open .screen [data-payment-entry] .scene-art.bold-scene, .task-sheet-layer.task-keyboard-open .screen[data-density] [data-payment-entry] .scene-art.bold-scene{height:24px!important;margin:0 auto 2px!important} .task-sheet-layer.task-keyboard-open .bold-scene>.legon-backdrop{opacity:.18} /* The root frame stays constant; active navigation is a quiet immediate change. These hooks allow the same header when switching the five app destinations. */ .native-app-header{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:64px;padding:8px 24px;background:var(--white);border-bottom:1px solid var(--line);flex-shrink:0} .native-app-header .actual-wordmark{display:block;width:92px;height:auto;aspect-ratio:2502/712;object-fit:contain} .native-app-header .icon-btn{width:44px;height:44px;min-width:44px;border:0;border-radius:50%;background:none;color:var(--ink)} .native-app-header .native-app-label{font-size:15px;line-height:1.35;font-weight:600;letter-spacing:-.01em} #nav:not([hidden]){background:#111111;color:#b8b8b8;border-top:1px solid #111111;backdrop-filter:none;min-height:78px;gap:0} #nav:not([hidden]) .nav-item{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-width:44px;min-height:52px;width:20%;padding:8px 2px 6px;border:0;border-radius:0;background:none;box-shadow:none;color:#b8b8b8;font-size:12px;line-height:1.3;font-weight:500;opacity:1;visibility:visible} #nav:not([hidden]) .nav-item[aria-current="page"]{color:#cfef59;font-weight:700} #nav:not([hidden]) .nav-item span{display:block;max-width:100%;color:inherit;font-size:12px;line-height:1.3;opacity:1;visibility:visible} #nav:not([hidden]) .nav-item svg{display:block;width:26px;height:26px;padding:0;border-radius:0;background:none;box-shadow:none;color:inherit;stroke:currentColor;stroke-width:1.8;opacity:1;visibility:visible;transition:transform var(--motion-press,100ms) var(--ease-focus,ease),color var(--motion-reveal,180ms) ease} #nav:not([hidden]) .nav-item::before{content:none;display:none} #nav:not([hidden]) .nav-item[aria-current="page"]::after{content:"";position:absolute;display:block;left:50%;bottom:1px;width:24px;height:2px;transform:translateX(-50%);border:0;border-radius:0;background:currentColor;pointer-events:none} #nav:not([hidden]) .nav-item:focus-visible{outline:2px solid #ffffff;outline-offset:-4px;box-shadow:none} #nav .nav-item:active svg{transform:translateY(-2px)} .task-sheet-body .screen, html.lumo-motion-ready #view.task-sheet-body .screen{animation:task-stage-reveal var(--motion-reveal,180ms) var(--ease-focus,ease)!important} @keyframes task-stage-reveal{from{opacity:.7;transform:translateX(8px)}to{opacity:1;transform:translateX(0)}} @media(max-width:359px){ :root{--bold-hero-size:184px;--bold-intro-size:220px;--bold-home-size:184px;--bold-chat-size:184px} .screen .page-heading h1,.screen .destination-heading h1,.screen .focus-pay-heading h1,.screen .focus-story-heading h1{font-size:2rem} .screen-home .home-intro p{font-size:21px} .screen-home .home-plan-summary.lumo-lens strong.lumo-lens-value{font-size:2.75rem} .screen-home .focus-main-actions button{font-size:15px} .screen-pause .pause-comparison-after.lumo-lens strong{font-size:1.625rem} .task-sheet-body .screen-pause .pause-decision-heading{grid-template-columns:48px minmax(0,1fr);gap:8px} .task-sheet-layer .screen.screen-pause[data-density] .pause-decision-heading .pause-stage.focus-art .scene-art.bold-scene, .task-sheet-layer .screen.screen-pause .pause-decision-heading .pause-stage .scene-art.bold-scene{height:48px!important} .task-sheet-body .screen-pause .pause-decision-heading .focus-pause-insight h1{font-size:1.375rem} .task-sheet-body .screen-pause .pause-comparison-after.lumo-lens strong{font-size:1.625rem} .screen-chat .chat-reply.lumo-lens[data-insight] .lead.lumo-lens-value{font-size:21px} .native-app-header{padding-left:18px;padding-right:18px} } @media(max-height:700px){ :root{--bold-hero-size:164px;--bold-intro-size:208px;--bold-home-size:164px;--bold-chat-size:164px} .task-sheet-layer .screen.screen-paymentResult[data-density] .hero>.scene-art.bold-scene, .task-sheet-layer .screen.screen-paymentResult .hero>.scene-art.bold-scene{height:112px!important} } @media(hover:hover){ .screen .primary:not(:disabled):hover{background:#303030;border-color:#303030} .screen .secondary:not(:disabled):hover{background:#f5f5f5} .screen .menu-choice:hover .menu-icon{background:var(--soft);color:var(--ink)} .native-app-header .icon-btn:hover{background:#f5f5f5} } @media(prefers-reduced-motion:reduce){ .task-sheet-body .screen, html.lumo-motion-ready #view.task-sheet-body .screen{animation:none!important;transform:none!important;opacity:1!important} .lumo-lens::before,.bold-scene,.bold-scene *{animation:none!important;transition:none!important} #nav .nav-item svg,#nav .nav-item:active svg{transition:none!important;transform:none!important} } /* Existing campus service props keep their original line work while their decorative green is neutralized; Lumo lime belongs to UI insights/navigation. */ .bold-scene .bold-figure-image.service-prop{filter:grayscale(1)} /* Source: native-refinement.css | sha256:9294411cb7000bb998fd7b347c0efbca5966b9b12cfaea7071532627bfa7314c */ /* Native task refinement. Load last. Preserve identity and financial behavior; content determines height, and important text never shrinks to force a fit. */ :root{--native-gutter:22px;--native-control:54px;--native-home-art:64px} body{height:auto;min-height:100dvh;overflow:auto} #app{display:flex;flex-direction:column;min-height:0;height:100dvh} #view:not(.task-sheet-body),#task-parent-view{flex:1 1 auto;min-height:0;min-width:0;overflow-x:hidden;overflow-y:auto} #app>.prototype-boundary{flex:0 0 auto;padding:2px 10px 4px;font-size:.6875rem;line-height:1.4} #app>#nav{flex-shrink:0} body.task-sheet-open{overflow:hidden} @media(max-width:899px){ body{padding:0;background:#fff} #app{width:100%;max-width:none;margin:0;padding-top:env(safe-area-inset-top);border-radius:0;box-shadow:none} #app .task-sheet-layer{max-width:none} } @media(min-width:900px){#app{height:calc(100dvh - 64px)}} /* A sheet fits its content until it reaches the viewport cap. The chrome and bottom safe area remain reachable, and the body is the sole scroll surface. */ #app .task-sheet-layer .task-sheet, #app .task-sheet-layer.task-keyboard-open .task-sheet{ height:auto; min-height:0; max-height:calc(100% - max(12px,env(safe-area-inset-top))); border-radius:24px 24px 0 0; } #app .task-sheet-layer .task-sheet-body#view{ flex:0 1 auto; min-height:0; height:auto; max-height:none; overflow-x:hidden; overflow-y:auto; scroll-padding-block:16px calc(20px + env(safe-area-inset-bottom)); } #app .task-sheet-layer .task-sheet-chrome{flex:0 0 auto;min-height:60px;padding:12px 10px 4px} #app .task-sheet-layer .task-sheet-chrome #task-sheet-title{font-size:1rem;line-height:1.35;font-weight:600} #app .task-sheet-layer .task-sheet-body .screen, #app .task-sheet-layer .task-sheet-body .screen[data-density]{ min-height:0; height:auto; max-height:none; padding:16px var(--native-gutter) calc(20px + env(safe-area-inset-bottom)); overflow:visible; } #app .task-sheet-layer .screen .page-heading{margin:0 0 14px} #app .task-sheet-layer .screen .page-heading h1, #app .task-sheet-layer .screen[data-density] .page-heading h1{font-size:1.5rem;line-height:1.2;font-weight:600;letter-spacing:-.02em} #app .task-sheet-layer .screen .page-heading>p{font-size:.9375rem;line-height:1.45;margin-top:8px} #app .task-sheet-layer .screen .primary, #app .task-sheet-layer .screen .secondary, #app .task-sheet-layer .screen .danger{min-height:var(--native-control);padding:12px 16px;font-size:1rem;line-height:1.4;font-weight:600} #app .task-sheet-layer .screen .text-btn, #app .task-sheet-layer .screen summary{min-height:44px;font-size:.875rem;line-height:1.45} #app .task-sheet-layer .screen input:not([type=checkbox]):not([type=radio]), #app .task-sheet-layer .screen select, #app .task-sheet-layer .screen textarea{font-size:1rem;line-height:1.5} #app .task-sheet-layer .screen .field{margin-bottom:12px} #app .task-sheet-layer .screen .field>span{font-size:.875rem;line-height:1.45;margin-bottom:6px} #app .task-sheet-layer .screen .actions{gap:8px;margin-top:16px} #app .task-sheet-layer .screen .scene-art{height:48px!important;margin:0 auto 10px!important} /* Treatments identify the purpose, without prescribing a mostly empty height. */ #app .task-sheet[data-sheet-treatment=selection] .screen .scene-art{height:48px!important} #app .task-sheet[data-sheet-treatment=selection] .screen .row{min-height:60px;padding:12px 0} #app .task-sheet[data-sheet-treatment=edit] .screen .scene-art, #app .task-sheet[data-sheet-treatment=form] .screen .scene-art{height:28px!important;margin-bottom:8px!important} #app .task-sheet[data-sheet-treatment=detail] .screen .scene-art, #app .task-sheet[data-sheet-treatment=confirmation] .screen .scene-art{display:none!important} #app .task-sheet[data-sheet-treatment=detail] .screen .receipt{padding:12px 0} #app .task-sheet[data-sheet-treatment=detail] .screen .summary-line{font-size:.9375rem;line-height:1.45;padding:9px 0} #app .task-sheet[data-sheet-treatment=confirmation] .native-decision-copy p{font-size:1rem;line-height:1.5} #app .task-sheet-layer[data-sheet-overflow=true] .task-sheet-body{overscroll-behavior:contain} #app .task-sheet-layer .plan-explanation-page{font-size:1rem;line-height:1.5;color:var(--ink);max-width:none;letter-spacing:0} #app .task-sheet-layer .plan-explanation-page h1{font-size:1.5rem;line-height:1.2;font-weight:600;margin:0 0 10px} #app .task-sheet-layer .plan-explanation-page>p{font-size:.9375rem;line-height:1.5;color:var(--muted);max-width:none} .balance-calculation{margin:16px 0} .balance-calculation>div{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:11px 0;border-bottom:1px solid var(--line);font-size:.9375rem;line-height:1.45} .balance-calculation dt{flex:1;min-width:0;color:var(--muted)} .balance-calculation dd{margin:0;max-width:55%;text-align:right;overflow-wrap:anywhere;font-variant-numeric:tabular-nums} .balance-calculation>div:last-child dt,.balance-calculation>div:last-child dd{color:var(--ink);font-weight:600} /* Home: an illustration-led view of money, then receiving actions and a compact money story. Spending journeys remain in the Pay destination. */ #app .screen.screen-home, #app .screen.screen-home[data-density]{padding:8px var(--native-gutter) 16px;min-height:100%;height:auto;display:flex;flex-direction:column} #app .screen-home .home-greeting{display:flex;align-items:center;gap:10px;min-height:44px;padding:0;margin:0 0 8px} #app .screen-home .home-greeting .wordmark .actual-wordmark{width:98px;min-width:98px;height:auto} #app .screen-home .home-greeting .inline{gap:4px} #app .screen-home .home-greeting .icon-btn, #app .screen-home .home-greeting .avatar{width:44px;min-width:44px;height:44px;min-height:44px} #app .screen-home .home-greeting{justify-content:space-between} #app .screen-home .focus-home>.home-intro{margin:3px 0 10px;padding:0;display:block;min-width:0} #app .screen-home .focus-home>.home-intro p{font-size:1.125rem;line-height:1.4;font-weight:500;letter-spacing:-.01em} #app .screen-home .home-intro>span{display:none} #app .screen-home .home-overview{display:block;margin:0} #app .screen-home .home-overview .focus-money{min-width:0} #app .screen-home .focus-home{display:flex;flex-direction:column;justify-content:flex-start;flex:1 0 auto;min-width:0} #app .screen-home .focus-home>.home-hero-stage{display:flex;align-items:center;justify-content:center;flex:1 0 clamp(126px,calc(100dvh - 600px),300px);width:100%;height:clamp(126px,calc(100dvh - 600px),300px);min-height:126px;max-height:300px;margin:0 0 14px} #app .screen-home .focus-home>.home-hero-stage .scene-art, #app .screen-home[data-density] .focus-home>.home-hero-stage .scene-art{width:100%;height:100%!important;min-height:126px;max-height:300px;margin:0!important} /* The mirror master contains its own monochrome Legon setting. Keep the shared background layer mounted, but show only this complete scene. */ #app .bold-scene-home.home-complete-scene>.legon-backdrop{display:none} #app .screen-home .home-money-story{display:block;min-height:0;padding:0;border-radius:0;margin:16px 0 0;border-top:1px solid var(--line);border-bottom:0} #app .screen-home .home-story-open{display:block;width:100%;padding:12px 0;text-align:left;background:none;border:0;border-radius:0;color:var(--ink);font:inherit;letter-spacing:0;cursor:pointer} #app .screen-home .home-story-heading{display:grid;grid-template-columns:minmax(0,1fr) 24px;align-items:center;gap:8px;min-height:0} #app .screen-home .home-story-copy{display:block;min-width:0;overflow-wrap:anywhere} #app .screen-home .home-story-title{display:block;font-size:.8125rem;line-height:1.4;font-weight:500;letter-spacing:0;color:var(--muted)} #app .screen-home .home-story-insight{display:block;font-size:1rem;line-height:1.5;font-weight:500;letter-spacing:0;margin-top:4px;overflow-wrap:anywhere} #app .screen-home .home-story-total{display:inline;font:inherit;letter-spacing:inherit;font-variant-numeric:tabular-nums;overflow-wrap:anywhere} #app .screen-home .home-story-arrow{display:flex;align-items:center;justify-content:flex-end;align-self:center;margin:0} .home-story-detail h1{font-size:1.5rem;line-height:1.2;font-weight:600;letter-spacing:-.02em;margin:0 0 14px} .home-story-periods{display:flex;gap:8px;margin-bottom:16px} .home-story-periods .chip{flex:1;min-height:44px;font-size:.875rem} .home-story-scope{font-size:.875rem;line-height:1.4;color:var(--muted);margin:0 0 5px} .home-story-detail-total{display:block;font-size:2.25rem;line-height:1.2;font-weight:600;letter-spacing:-.03em;font-variant-numeric:tabular-nums;overflow-wrap:anywhere} .home-story-detail-total .currency{font-size:.55em;margin-right:3px} .home-story-detail-total .cents{font-size:.7em} .home-story-breakdown{margin:18px 0 10px} .home-story-breakdown>div{display:flex;align-items:baseline;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line);padding:11px 0;font-size:1rem;line-height:1.4} .home-story-breakdown dt{min-width:0;overflow-wrap:anywhere} .home-story-breakdown dd{margin:0;max-width:62%;min-width:0;flex-shrink:1;text-align:right;font-variant-numeric:tabular-nums} .home-story-breakdown dd small{display:inline-block;min-width:34px;font-size:.8125rem;color:var(--muted)} .story-currency{white-space:nowrap} .story-amount-number{white-space:normal;overflow-wrap:anywhere} .home-story-definition{font-size:.875rem;line-height:1.5;color:var(--muted);margin:4px 0 12px} .home-story-definition summary{cursor:pointer;min-height:44px;padding:11px 0;color:var(--ink)} .home-story-transactions{margin:4px 0 6px} .home-story-transactions summary{font-size:.875rem;line-height:1.5;min-height:44px;padding:11px 0;cursor:pointer} .home-story-transactions button{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:54px;padding:10px 0;background:none;border:0;border-bottom:1px solid var(--line);text-align:left;font-size:.9375rem;line-height:1.4;color:var(--ink)} .home-story-transactions button>span{min-width:0;max-width:60%;overflow-wrap:anywhere} .home-story-transactions button>span:last-child{text-align:right;max-width:55%;font-variant-numeric:tabular-nums} .home-story-transactions strong{display:block;font-weight:500} .home-story-transactions small{display:block;font-size:.8125rem;color:var(--muted);line-height:1.4;margin-top:3px} .home-story-no-payments{font-size:1rem;line-height:1.5;color:var(--muted);margin:18px 0 8px} .home-story-detail .actions{margin-top:14px} #app .screen-home .home-account-line{display:flex;align-items:center;justify-content:space-between;min-height:44px;padding-right:0;margin:0;gap:12px} #app .screen-home .balance-caption{justify-content:flex-start;gap:2px;min-height:44px;font-size:.8125rem;line-height:1.35} #app .screen-home .home-account-line>.balance-caption{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-width:0} #app .screen-home .balance-eye{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;gap:7px;width:auto;min-width:44px;min-height:44px;height:auto;padding:10px 12px;border:1.5px solid var(--control-border,#858585);border-radius:12px;background:#fff;color:var(--ink,#111);font-size:.875rem;font-weight:500;line-height:1.4;white-space:nowrap} #app .screen-home .balance-eye:hover{background:#F5F5F5} #app .screen-home .balance-eye:focus-visible{outline:3px solid var(--ink,#111);outline-offset:3px} #app .screen-home .balance-eye svg{flex-shrink:0} #app .screen-home .focus-amount,#app .screen-home .has-saved-plan .focus-amount{font-size:1.5625rem;line-height:1.2;font-weight:400;min-height:0;margin:0;text-align:left;letter-spacing:-.02em} #app .screen-home .balance-caption .focus-amount{justify-content:flex-start} #app .screen-home .focus-amount .money-mask,#app .screen-home .has-saved-plan .focus-amount .money-mask{font-size:inherit;line-height:inherit} #app .screen-home .focus-amount .currency,#app .screen-home .has-saved-plan .focus-amount .currency{font-size:.55em!important;margin-right:3px} #app .screen-home .focus-amount .cents,#app .screen-home .has-saved-plan .focus-amount .cents{font-size:.7em!important} #app .screen-home .home-plan-summary, #app .screen-home .home-plan-summary.lumo-lens, #app .screen-home .home-plan-summary.lumo-lens[data-decision-state=shortfall]{min-height:0;margin:0;padding:12px 0 0;border:0;gap:8px} #app .screen-home .home-plan-summary small{font-size:.875rem;line-height:1.4;font-weight:500} #app .screen-home .home-plan-summary strong.lumo-lens-value{font-size:2.75rem;line-height:1.12;font-weight:600;margin:5px 0 7px;letter-spacing:-.03em} #app .screen-home .home-plan-summary .home-plan-math{font-size:.875rem;line-height:1.45;max-width:35ch} #app .screen-home .home-money-footer, #app .screen-home .home-finance-footer, #app .screen-home .home-overview-tools{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:0 12px;margin:0 0 8px} #app .screen-home .home-plan-period, #app .screen-home .balance-details-link{min-height:44px;margin:0;padding:8px 0;font-size:.8125rem;line-height:1.4} #app .screen-home .home-money-footer .home-plan-period, #app .screen-home .home-finance-footer .home-plan-period{flex:1;text-align:left} #app .screen-home .home-overview-tools .home-plan-period{flex:1;min-width:0;text-align:right} #app .screen-home .home-money-footer .balance-details-link, #app .screen-home .home-finance-footer .balance-details-link{margin-left:auto;flex-shrink:0} #app .screen-home .home-overview-tools .balance-details-link{margin:0;flex-shrink:0;text-align:left} #app .screen-home .focus-main-actions{gap:10px;margin:0} #app .screen-home .focus-main-actions button{min-height:54px;padding:12px 10px;font-size:1rem;line-height:1.35;font-weight:600} /* Receiving actions are utilities below the financial conclusion. Keep their targets and labels clear without adding another solid black focal point. */ #app .screen-home .home-funding-actions button{min-height:54px;font-size:1rem;font-weight:500;background:var(--white,#fff);color:var(--ink,#111);border:1.5px solid var(--ink,#111);box-shadow:none} #app .screen-home .home-funding-actions button>svg{display:none} #app .screen-home .home-funding-actions button:not(:disabled):hover{background:#F5F5F5;color:var(--ink,#111);border-color:var(--ink,#111)} #app .screen-home .home-funding-actions button:focus-visible{outline:3px solid var(--ink,#111);outline-offset:3px} #app .screen-home .home-pending-status{display:flex;align-items:center;gap:7px;min-height:44px;width:100%;padding:8px 0;border:0;background:none;text-align:left;color:var(--ink);font-size:.875rem;line-height:1.4} #app .screen-home .home-pending-status svg:last-child{margin-left:auto} #app .screen-home .focus-small-actions{gap:18px;margin:0 0 8px} #app .screen-home .focus-small-actions .text-btn{min-height:44px;font-size:.875rem;line-height:1.4;padding:8px 0} #app .screen-home .focus-story-link{min-height:44px;padding:10px 0;margin:0;border-radius:0} #app .screen-home .focus-story-link .home-story-copy strong{font-size:1.125rem;line-height:1.3;font-weight:500;letter-spacing:-.01em} #app .screen-home .focus-story-link .home-story-copy small{font-size:.8125rem;line-height:1.4;margin-top:3px} #app .screen-home .focus-latest{min-height:52px;padding-top:6px} #app .screen-home .focus-latest strong{font-size:.875rem;line-height:1.4;font-weight:500} #app .screen-home .focus-latest small{font-size:.75rem;line-height:1.4} /* Payment entry projects once. Review checks the facts. Pause gives a clear choice. Only the explicit result symbol reports the confirmed transaction. */ #app .task-sheet-layer .screen [data-payment-entry] .scene-art, #app .task-sheet-layer .screen[data-density] [data-payment-entry] .scene-art{height:28px!important;margin:0 auto 4px!important} #app .task-sheet-layer .screen [data-payment-entry] .hero{gap:4px!important;padding:0 0 6px} #app .task-sheet-layer .screen [data-payment-entry] .hero>h1{font-size:1.375rem;line-height:1.2;font-weight:600} #app .task-sheet-layer .screen [data-payment-entry] .hero>p{font-size:.875rem;line-height:1.4} #app .task-sheet-layer .screen [data-payment-entry] .form{margin-top:8px} #app .task-sheet-layer .screen [data-payment-entry] .payment-amount-row{display:flex;flex-wrap:nowrap;align-items:baseline;gap:8px;min-width:0} #app .task-sheet-layer .screen [data-payment-entry] .payment-currency{font-size:1.3125rem;white-space:nowrap;flex:0 0 auto;word-break:normal;overflow-wrap:normal} #app .task-sheet-layer .screen [data-payment-entry] .amount-input{font-size:2.625rem!important;line-height:1.15;min-height:56px!important;padding:3px 0!important;min-width:0;flex:1 1 0} #app .task-sheet-layer .screen [data-payment-entry] .payment-plan-link{margin:0 0 5px} #app .task-sheet-layer .screen [data-payment-entry] .payment-plan-link select{font-size:1rem;min-height:48px;padding:10px 12px} #app .task-sheet-layer .screen [data-payment-entry] .payment-plan-link p{font-size:.8125rem;line-height:1.4} #app .task-sheet-layer .screen [data-payment-entry] .payment-projection{margin:8px 0 12px} #app .task-sheet-layer .screen [data-payment-entry] .entry-consequence-copy{font-size:.9375rem;line-height:1.4;font-weight:500} #app .task-sheet-layer .screen-paymentReview .review-stage{display:none} #app .task-sheet-layer .screen-paymentReview .focus-payment-title{margin:0 0 14px} #app .task-sheet-layer .screen-paymentReview .focus-payment-title h1{font-size:2.5rem;line-height:1.15;font-weight:600;margin:4px 0 8px} #app .task-sheet-layer .screen-paymentReview .focus-payment-title p{font-size:1rem;line-height:1.45} #app .task-sheet-layer .screen-paymentReview .focus-payment-title small{font-size:.8125rem;line-height:1.45} #app .task-sheet-layer .screen-paymentReview .focus-receipt{padding:7px 0} #app .task-sheet-layer .screen-paymentReview .focus-receipt>div{font-size:.9375rem;line-height:1.45;padding:9px 0} #app .task-sheet-layer .screen-pause .pause-decision-heading{grid-template-columns:minmax(0,1fr);gap:0;margin:0 0 10px} #app .task-sheet-layer .screen-pause .pause-stage{display:none} #app .task-sheet-layer .screen.screen-pause[data-density] .pause-decision-heading .pause-stage .scene-art, #app .task-sheet-layer .screen.screen-pause .pause-decision-heading .pause-stage .scene-art{height:28px!important;margin:0!important} #app .task-sheet-layer .screen-pause .pause-decision-heading .focus-pause-insight h1{font-size:1.5rem;line-height:1.2;font-weight:600;letter-spacing:-.02em} #app .task-sheet-layer .screen-pause .focus-pause-label{margin:0 0 10px;font-size:.6875rem;line-height:1.4} #app .task-sheet-layer .screen-pause .pause-payment-context{font-size:.875rem;line-height:1.45;margin-bottom:10px} #app .task-sheet-layer .screen-pause .pause-comparison{margin:10px 0;padding:10px 0} #app .task-sheet-layer .screen-pause .pause-comparison-heading .projection-tag{display:none} #app .task-sheet-layer .screen-pause .pause-comparison-values{gap:8px;grid-template-columns:minmax(0,1fr) 20px minmax(0,1fr)} #app .task-sheet-layer .screen-pause .pause-comparison-values strong{font-size:1.75rem;line-height:1.2;font-weight:600} #app .task-sheet-layer .screen-pause .pause-comparison-note{font-size:.8125rem;line-height:1.45} #app .task-sheet-layer .screen-pause .pause-goal-impact{font-size:.875rem;line-height:1.45} #app .task-sheet-layer .screen-pause .focus-choice{font-size:.875rem;line-height:1.45;margin:10px 0 0} #app .task-sheet-layer .screen-pause .pause-actions{margin-top:10px;gap:8px} #app .task-sheet-layer .screen-pause .pause-decisions .pause-equal-choice{min-height:54px;padding:12px 8px;font-size:.9375rem;line-height:1.35;font-weight:600} #app .task-sheet-layer .screen .currency{white-space:nowrap;word-break:normal;overflow-wrap:normal} #app .screen-paymentResult .scene-art{display:none!important} .payment-result-compact{padding:0} .payment-result-compact .result-mark{width:56px;height:56px;min-width:56px;margin:0 auto 14px} .payment-result-compact>h1{text-align:center;font-size:1.5rem;line-height:1.2;font-weight:600;margin:0 0 10px} .payment-result-compact .result-context{text-align:center;font-size:1rem;line-height:1.5;margin:0 0 12px;overflow-wrap:anywhere} .payment-result-compact .result-context strong{font-weight:600} .payment-result-compact .result-explanation{font-size:.9375rem;line-height:1.5;margin:0 0 14px;color:var(--muted)} .payment-result-compact .result-reference{display:flex;justify-content:space-between;gap:12px;align-items:baseline;padding:10px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:.8125rem;line-height:1.45} .payment-result-compact .result-reference>span{color:var(--muted)} .payment-result-compact .result-reference>strong{max-width:70%;overflow-wrap:anywhere;text-align:right;font-size:.875rem;font-weight:500} .payment-result-compact .result-actions{display:flex;flex-direction:column;gap:8px;margin-top:16px} .payment-result-compact .result-details{margin-top:12px;font-size:.875rem;line-height:1.5} .payment-result-compact .result-details>summary{min-height:44px} .payment-result-compact .preview-boundary{font-size:.75rem;line-height:1.45;margin-top:12px;text-align:center;color:var(--muted)} /* The onboarding example uses the same comparison without becoming a payment. */ #app .screen-samplePause .scene-art{display:none!important} .sample-pause>h1{font-size:1.5rem;line-height:1.2;font-weight:600;letter-spacing:-.02em;margin:0 0 12px} .sample-pause .pause-payment-context{font-size:.9375rem;line-height:1.45;margin-bottom:14px} .sample-pause .pause-comparison{padding:12px 0;margin:12px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)} .sample-pause .pause-comparison-heading{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:12px;flex-wrap:wrap} .sample-pause .pause-comparison-heading h2{font-size:.9375rem;line-height:1.4;font-weight:500;letter-spacing:0} .sample-pause .projection-tag{font-size:.6875rem;line-height:1.4;letter-spacing:.5px;color:var(--muted)} .sample-pause .pause-comparison-heading .projection-tag{display:none} .sample-pause .pause-comparison-values{display:grid;grid-template-columns:minmax(0,1fr) 20px minmax(0,1fr);gap:8px;align-items:center} .sample-pause .pause-comparison-values>div{min-width:0} .sample-pause .pause-comparison-values .comparison-label,.sample-pause .pause-comparison-values small{display:block;font-size:.75rem;line-height:1.4;color:var(--muted);margin-bottom:4px} .sample-pause .pause-comparison-values strong{display:inline-block;font-size:1.75rem;line-height:1.2;font-weight:600;letter-spacing:-.025em;max-width:100%;overflow-wrap:anywhere} .sample-pause .pause-comparison-values .currency{font-size:.45em!important;white-space:nowrap;margin-right:3px} .sample-pause .pause-comparison-values .cents{font-size:.65em!important} .sample-pause .pause-comparison-after strong{background:linear-gradient(transparent 66%,var(--green) 66%,var(--green) 94%,transparent 94%);box-decoration-break:clone;-webkit-box-decoration-break:clone} .sample-pause .pause-comparison-note,.sample-pause .pause-goal-impact,.sample-pause .sample-pause-boundary{font-size:.875rem;line-height:1.5;margin:10px 0;color:var(--muted)} .sample-pause .pause-calculation{font-size:.875rem;line-height:1.5} .sample-pause .pause-calculation>summary{min-height:44px} .sample-pause .pause-calculation dl>div{display:flex;justify-content:space-between;gap:12px;padding:8px 0} .sample-pause .pause-calculation dd{margin:0;max-width:55%;text-align:right;overflow-wrap:anywhere} /* Chat is a stable flex workspace. The conversation scrolls independently; its composer remains above navigation and the actual visible keyboard. */ #app[data-route=chat]{height:var(--chat-viewport-height,100dvh);top:var(--chat-viewport-top,0px)} #app[data-route=chat]>#view:not(.task-sheet-body){overflow:hidden} #app[data-route=chat] .screen.screen-chat, #app[data-route=chat] .screen.screen-chat[data-density]{display:flex;flex-direction:column;min-height:0;height:100%;max-height:100%;padding:8px var(--native-gutter) 8px;overflow:hidden} #app[data-route=chat] .chat-workspace{display:flex;flex-direction:column;min-height:0;height:100%;max-height:100%;width:100%;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scroll-padding-bottom:64px} #app[data-route=chat] .chat-workspace>.topline{flex:0 0 auto;min-height:44px;margin:0 0 8px} #app[data-route=chat] .chat-workspace>.page-heading{display:grid;grid-template-columns:minmax(0,1fr) 72px;column-gap:12px;align-items:center;flex:0 0 auto;min-width:0;margin:0 0 8px} #app[data-route=chat] .chat-workspace>.page-heading .chat-illustration{grid-column:2;grid-row:1 / span 2;width:72px;margin:0} #app[data-route=chat] .screen-chat .chat-illustration .scene-art, #app[data-route=chat] .screen-chat[data-density] .chat-illustration .scene-art{height:72px!important;margin:0!important} #app[data-route=chat] .chat-workspace>.page-heading h1{grid-column:1;font-size:1.75rem;line-height:1.15;font-weight:600;letter-spacing:-.02em;max-width:none;margin:0} #app[data-route=chat] .chat-workspace>.page-heading>p{grid-column:1;font-size:.875rem;line-height:1.45;margin-top:6px} #app[data-route=chat] .chat-has-conversation>.page-heading{display:block;margin-bottom:6px} #app[data-route=chat] .chat-has-conversation>.page-heading h1{font-size:1.5rem;line-height:1.2} #app[data-route=chat] .chat-has-conversation>.page-heading .chat-illustration, #app[data-route=chat] .chat-has-conversation>.page-heading>p{display:none} #app[data-route=chat] #chat-thread{flex:1 1 auto;min-height:0!important;height:auto;max-height:none;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scroll-padding-block:12px;padding:0 0 8px} #app[data-route=chat] .chat-has-conversation #chat-thread{min-height:6rem!important} #app[data-route=chat] .chat-turn{margin:10px 0 16px} #app[data-route=chat] .chat-bubble.user{font-size:.9375rem;line-height:1.45;padding:10px 12px;margin:4px 0 10px} #app[data-route=chat] .chat-reply{padding:8px 0;margin:0} #app[data-route=chat] .chat-reply .lead{font-size:1.125rem;line-height:1.45;font-weight:600} #app[data-route=chat] .chat-reply.lumo-lens[data-insight] .lead.lumo-lens-value{font-size:1.25rem;line-height:1.4;font-weight:600} #app[data-route=chat] .chat-reply .impact-secondary{font-size:.9375rem;line-height:1.5;margin-top:9px} #app[data-route=chat] .chat-reply-actions{gap:0 16px;margin-top:8px} #app[data-route=chat] .chat-reply-actions .text-btn, #app[data-route=chat] .chat-calculation-link{min-height:44px;font-size:.875rem;line-height:1.45} #app[data-route=chat] .chat-tools{flex:0 1 auto;display:block;min-width:0;min-height:44px;max-height:min(15rem,calc(var(--chat-viewport-height,100dvh) / 3));overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;margin:0 0 6px} #app[data-route=chat] .chat-tools .chat-context, #app[data-route=chat] .chat-tools .chat-prompts{margin:0;padding:0;border:0} #app[data-route=chat] .chat-tools summary{min-height:44px;padding:10px 0;font-size:.8125rem;line-height:1.45;font-weight:500} #app[data-route=chat] .chat-tools .chat-prompts .chips{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0 0 6px} #app[data-route=chat] .chat-tools .chat-prompts .chip{min-height:44px;padding:8px 10px;border:1px solid var(--line);border-radius:10px;font-size:.875rem;line-height:1.4;text-align:left;background:#fff} #app[data-route=chat] .chat-has-conversation>.chat-tools{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 12px} #app[data-route=chat] .chat-has-conversation>.chat-tools>details[open]{grid-column:1 / -1} #app[data-route=chat] .chat-entry{position:sticky;bottom:0;z-index:3;flex:0 0 auto;min-width:0;min-height:56px;margin:0;padding:4px;gap:4px;border:1.5px solid var(--ink);border-radius:14px;background:#fff} #app[data-route=chat] .chat-entry input{min-width:0;min-height:46px;font-size:1rem;line-height:1.5} #app[data-route=chat] .chat-entry button{width:46px;min-width:46px;height:46px;min-height:46px} #app[data-route=chat] .chat-boundary{flex:0 0 auto;font-size:.6875rem;line-height:1.4;margin:6px 0 0!important} #app.chat-keyboard-open[data-route=chat] .chat-workspace>.page-heading{display:none} #app.chat-keyboard-open[data-route=chat] .chat-workspace>.topline{margin-bottom:4px} #app.chat-keyboard-open[data-route=chat] .chat-boundary{position:absolute;width:1px;height:1px;margin:-1px!important;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap} .chat-calculation-page .chat-calculation-body{font-size:.9375rem;line-height:1.5} .chat-calculation-body dl{margin:0} .chat-calculation-body dl>div{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid var(--line)} .chat-calculation-body dt{flex:1;min-width:0;color:var(--muted)} .chat-calculation-body dd{margin:0;max-width:55%;text-align:right;overflow-wrap:anywhere;font-variant-numeric:tabular-nums} .chat-calculation-body p{margin-top:12px;font-size:.875rem;line-height:1.5} @media(min-width:900px){#app[data-route=chat]{height:calc(var(--chat-viewport-height,100dvh) - 64px)}} /* These ranges are layout targets, not a claim of device rendering validation. Text stays the same size; smaller screens surrender art and spare spacing. */ @media(max-width:379px){:root{--native-gutter:18px;--native-home-art:56px}} @media(min-width:400px) and (max-width:899px){:root{--native-gutter:24px;--native-home-art:72px}} @media(max-width:379px) and (max-height:700px){ :root{--native-home-art:48px} #app .screen-home .home-greeting{margin-bottom:4px} #app .screen-home .home-overview{gap:8px;margin-bottom:4px} #app .screen-home .home-plan-summary{padding-top:8px} #app .screen-home .focus-small-actions{margin-bottom:4px} } @media(prefers-reduced-motion:reduce){ #app .task-sheet-layer .task-sheet,#app .task-sheet-layer .task-sheet-body .screen{animation:none!important;transition:none!important} #app[data-route=chat] #chat-thread{scroll-behavior:auto!important} } /* While typing, the next payment action stays in the visible scroll surface. This is ordinary sticky content, never a fake keyboard or fixed overlay. */ #app .task-sheet-layer.task-keyboard-open .task-sheet-body#view{scroll-padding-bottom:calc(92px + env(safe-area-inset-bottom))} #app .task-sheet-layer.task-keyboard-open .screen input, #app .task-sheet-layer.task-keyboard-open .screen select, #app .task-sheet-layer.task-keyboard-open .screen textarea{scroll-margin-bottom:92px} #app .task-sheet-layer.task-keyboard-open .screen form>button[type=submit].primary{position:sticky;bottom:0;z-index:2;box-shadow:0 0 0 7px var(--white,#fff)} .payment-result-compact .result-mark{background:var(--white,#fff);color:var(--ink,#111);border:1.5px solid var(--ink,#111)} .payment-result-compact[data-payment-state=confirmed] .result-mark{background:var(--ink,#111);color:var(--white,#fff)} /* Three Home groups: money now, receiving actions and money story. */ /* Setup and access screens share a text edge. Labels are explicit spans; code digits stay centred, while their labels follow the other fields. */ #app .screen .onboarding-page{width:100%;min-width:0;text-align:left} #app .screen .onboarding-page>.topline{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;gap:8px;margin:0 0 12px} #app .screen .onboarding-page>.topline>.eyebrow{min-width:0;text-align:center;overflow-wrap:anywhere} #app .screen .onboarding-page .page-heading{width:100%;min-width:0;text-align:left} #app .screen .onboarding-page .page-heading h1, #app .screen .onboarding-page .page-heading>p{max-width:none;text-align:left;overflow-wrap:anywhere} #app .screen .onboarding-page .form, #app .screen .onboarding-page .field{width:100%;min-width:0;text-align:left} #app .screen .onboarding-page .field>span{display:block;margin-bottom:8px;font-size:.875rem;line-height:1.5;font-weight:500;text-align:left} #app .screen .onboarding-page .input:not(.code-input), #app .screen .onboarding-page select, #app .screen .onboarding-page textarea{text-align:left;min-width:0} #app .screen .onboarding-page .field>.phone-field{display:grid;margin:0;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px;min-width:0} #app .screen .onboarding-page .phone-field>span{font-size:1rem;line-height:1.5;white-space:nowrap} #app .screen .onboarding-page .phone-field>input{min-width:0;width:100%} #app .screen .onboarding-page .check-row{align-items:flex-start;text-align:left;line-height:1.5} #app .screen .onboarding-page .check-row>input{margin:3px 0 0;flex-shrink:0} #app .screen .onboarding-page .check-row>span{flex:1;min-width:0;text-align:left} #app .screen .onboarding-page>.inline{flex-wrap:wrap;justify-content:flex-start} /* Cost-first planning: two core steps, optional extras and one clear result. */ #app .simple-plan-setup .page-heading{margin:0 0 12px} #app .simple-plan-setup .page-heading h1{font-size:1.5rem;line-height:1.2;letter-spacing:-.02em} #app .simple-plan-setup .page-heading>p{font-size:.9375rem;line-height:1.45;margin-top:8px} #app .simple-plan-setup .simple-plan-art .scene-art{height:28px!important;margin:0 0 8px!important} #app .simple-plan-setup .plan-setup-progress{margin:0 0 16px} #app .simple-plan-setup .plan-setup-progress>.progress{height:3px;margin-top:8px} #app .simple-plan-setup .field{margin:0 0 12px} #app .simple-plan-setup .first-cost-suggestions{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 12px} #app .simple-plan-setup .first-cost-suggestions .chip{min-height:44px;font-size:.875rem;padding:9px 14px} #app .simple-plan-setup .first-cost-preview{font-size:.9375rem;line-height:1.5;border-top:1px solid var(--line);padding-top:10px;margin-top:4px} #app .simple-plan-setup .first-cost-list .summary-line{font-size:.9375rem;flex-wrap:wrap;padding:7px 0;border-bottom:1px solid var(--line)} #app .simple-plan-setup .first-cost-list .text-btn{min-height:44px;padding:8px} #app .simple-plan-setup .first-plan-conclusion{margin:4px 0 12px} #app .simple-plan-setup .first-plan-conclusion>span{display:block;font-size:.875rem;line-height:1.5} #app .simple-plan-setup .first-plan-conclusion>strong{display:table;font-size:2.25rem;line-height:1.2;font-weight:600;font-variant-numeric:tabular-nums;margin:5px 0 8px;background:linear-gradient(transparent 68%,var(--green) 68%,var(--green) 95%,transparent 95%);overflow-wrap:anywhere} #app .simple-plan-setup .first-plan-conclusion .warning{font-size:.9375rem;line-height:1.5} #app .simple-plan-setup .first-plan-math{margin:0 0 8px} #app .simple-plan-setup .first-plan-math>div{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:8px 0;border-bottom:1px solid var(--line);font-size:.9375rem;line-height:1.5} #app .simple-plan-setup .first-plan-math dt{min-width:0;overflow-wrap:anywhere} #app .simple-plan-setup .first-plan-math dd{margin:0;text-align:right;font-variant-numeric:tabular-nums;overflow-wrap:anywhere} #app .simple-plan-setup .optional-fields{margin:4px 0} #app .simple-plan-setup .optional-fields>summary{min-height:44px;font-size:.875rem;padding:11px 0;line-height:1.5} #app .simple-plan-setup .first-plan-extras{display:flex;flex-wrap:wrap;gap:8px} /* Review has one primary decision; editing and returning later share a row. */ #app .task-sheet-layer .simple-plan-review .actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px} #app .task-sheet-layer .simple-plan-review .actions>.primary{grid-column:1/-1} #app .task-sheet-layer .simple-plan-review .actions>.secondary,#app .task-sheet-layer .simple-plan-review .actions>.text-btn{min-height:44px;padding:9px 8px} #app .simple-plan-page .destination-heading h1{font-size:1.75rem;line-height:1.2} #app .simple-plan-page .destination-stage .scene-art{height:64px!important;margin:4px 0 12px!important} #app .simple-plan-page .plan-room{padding:12px 0} #app .simple-plan-page .destination-list .row{min-height:64px} #app .simple-plan-benefit h1{font-size:1.5rem;line-height:1.2;letter-spacing:-.02em;margin:6px 0 10px} #app .simple-plan-benefit .plan-benefit-art .scene-art{height:40px!important;margin:0 0 8px!important} #app .simple-plan-benefit .plan-benefit-intro{font-size:1rem;line-height:1.5;margin:0 0 16px} #app .simple-plan-benefit .plan-benefit-uses-heading{font-size:.9375rem;line-height:1.5;font-weight:500;margin:0 0 10px} #app .simple-plan-benefit .plan-benefit-uses{padding-left:22px;margin:0 0 14px} #app .simple-plan-benefit .plan-benefit-uses li{padding-left:4px;margin-bottom:12px;font-size:.9375rem;line-height:1.5} #app .simple-plan-benefit .plan-benefit-uses strong{font-weight:600} #app .simple-plan-benefit .plan-benefit-uses p{font-size:.9375rem;line-height:1.5;margin:3px 0 0;color:var(--muted)} #app .simple-plan-benefit .plan-benefit-example-consequence{font-size:1rem;line-height:1.45;font-weight:600;margin:12px 0} #app .simple-plan-benefit .plan-benefit-comparison{margin:12px 0} #app .simple-plan-benefit .plan-benefit-comparison>div{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line);padding:10px 0;font-size:.9375rem;line-height:1.5} #app .simple-plan-benefit .plan-benefit-comparison dd{margin:0;text-align:right;font-weight:500;font-variant-numeric:tabular-nums} #app .simple-plan-benefit .plan-benefit-footnote{font-size:.875rem;line-height:1.5;margin:12px 0 0} #app .screen-home .home-focus-group{min-width:0} #app .screen-home .home-focus-group[data-home-focus=actions]{margin-top:16px} @media(max-height:700px){ #app .screen-home .home-money-story, #app .screen-home .home-focus-group[data-home-focus=actions]{margin-top:12px} #app .screen-home .focus-home>.home-hero-stage{flex-basis:126px;margin-bottom:10px} } /* Source: everyday-edition.css | sha256:08330ae701685ced2e1d006bb3ffdeaa0c310ba5b1e4cd31f4e19dced2169bc6 */ /* Lumo · Everyday Edition Campus Pilot's authentic type and familiar colour system, composed around Clarity's task hierarchy. Load after native-refinement.css. Behaviour, calculations, illustration assets and overlay sizing remain in their owners. See docs/EVERYDAY-EDITION.md for the source responsibilities. */ @font-face{ font-family:'Lumo Jakarta'; src:url('/assets/fonts/PlusJakartaSans-v2.071.woff') format('woff'); font-style:normal; font-weight:400 700; font-display:swap; } :root{ --font-ui:'Lumo Jakarta',Arial,sans-serif; --ink:#20261e;--focus-ink:#20261e;--muted:#53614b; --paper:#f8f9f4;--white:#ffffff; --green:#b5e96a;--green-ink:#314b1f;--green-soft:#eaf3df; --soft:#eef1e8;--line:#d7decf;--control-line:#7a896f; --control-border:#7a896f;--red:#8a3d2b;--shortfall-soft:#f4e8e0; --radius:16px;--curve-control:16px;--curve-panel:24px; --curve-bubble:24px 24px 24px 8px; --bold-lens-colour:#b5e96a; --task-sheet-curve:24px; --task-sheet-backdrop:rgb(32 38 30 / .42); --motion-reveal:180ms;--motion-resolve:220ms; --ease-focus:cubic-bezier(.2,.75,.3,1); } html{font-synthesis:none} body{font-family:var(--font-ui);font-weight:400;background:#e9ede4;color:var(--ink)} button,input,select,textarea{font-family:var(--font-ui)} #app,#view,#task-parent-view,.screen,.prototype-boundary,.demo-strip{background:var(--paper);color:var(--ink)} #app{box-shadow:0 0 0 1px rgb(32 38 30 / .08),0 24px 72px rgb(32 38 30 / .08)} .screen{--focus-ink:var(--ink);font-family:var(--font-ui);font-size:1rem;line-height:1.5;letter-spacing:0} .screen h1,.screen h2,.screen h3{font-weight:700;color:var(--ink)} .screen .page-heading h1, .screen[data-density] .page-heading h1, .screen .destination-heading h1, .screen .focus-pay-heading h1, .screen .focus-story-heading h1{ font-size:clamp(1.875rem,8.2vw,2.25rem);line-height:1.16; font-weight:700;letter-spacing:-.04em; } .screen .page-heading>p,.screen .destination-heading>p, .screen .focus-pay-heading>p,.screen .focus-story-heading>p, .screen .hero>p{color:var(--muted);font-size:.9375rem;line-height:1.5;letter-spacing:0} .screen .muted,.screen .row-copy small,.screen .menu-choice small, .screen .illustrated-choice small,.screen .focus-footnote, .screen .chat-boundary,.screen .privacy-hint,.screen .plan-explanation{color:var(--muted)} .screen .eyebrow,.screen .mini-label{color:var(--muted);font-weight:600;letter-spacing:.08em} .screen .money,.screen .metric,.screen .focus-amount,.screen .amount-input, .screen .balance-main,.screen .focus-payment-title h1, .screen .home-plan-summary strong,.screen .plan-room>strong, .screen .pause-comparison strong,.screen .focus-story-total>strong, .screen .home-story-detail-total,.screen .first-plan-conclusion>strong{ font-family:var(--font-ui);font-weight:600;letter-spacing:-.04em; font-variant-numeric:lining-nums tabular-nums; } .screen .currency,.screen .payment-currency,.story-currency{ white-space:nowrap;word-break:normal;overflow-wrap:normal;flex-shrink:0; } .screen strong,.screen b{font-weight:600} .screen .row-copy strong,.screen .menu-choice strong,.screen .you-options strong{font-weight:700} /* The same three action roles everywhere: forest, filled quiet, then text. */ .screen .primary,.screen .secondary,.screen .danger, #app .task-sheet-layer .screen .primary, #app .task-sheet-layer .screen .secondary, #app .task-sheet-layer .screen .danger{ min-height:54px;border-radius:var(--curve-control);padding:13px 16px; font-size:1rem;line-height:1.4;font-weight:700;letter-spacing:-.02em; box-shadow:none;border:1.5px solid transparent; } .screen .primary{background:var(--ink);color:var(--white);border-color:var(--ink)} .screen .secondary{background:var(--soft);color:var(--ink);border-color:var(--control-line)} .screen .danger{background:var(--shortfall-soft);color:var(--red);border-color:var(--red)} .screen .text-btn,.screen .link{color:var(--green-ink);font-weight:600;text-decoration-color:currentColor} .screen .icon-btn,.screen .avatar{ background:var(--soft);color:var(--ink);border:1px solid var(--line); border-radius:16px; } .screen .icon-btn svg,.screen .balance-eye svg{color:currentColor;stroke-width:1.9} .screen .avatar{border-radius:50%;font-weight:700} .screen button:disabled{ background:var(--soft);color:var(--muted);border-color:var(--line); opacity:.7;box-shadow:none; } .screen .chip,.screen .focus-period{ border:1px solid var(--control-line);border-radius:14px; background:var(--white);color:var(--ink);font-weight:600; } .screen .chip.selected,.screen .focus-period.is-active,.screen .selected{ background:var(--green)!important;color:var(--green-ink)!important; border-color:var(--green-ink)!important; } .screen input:not([type=checkbox]):not([type=radio]),.screen select,.screen textarea{ background:var(--white);color:var(--ink);border:1.5px solid var(--control-line); border-radius:var(--curve-control);font-size:1rem;line-height:1.5; } .screen input::placeholder,.screen textarea::placeholder{color:var(--muted);opacity:.85} .screen input:focus,.screen select:focus,.screen textarea:focus{ border-color:var(--green-ink);box-shadow:0 0 0 3px rgb(181 233 106 / .4); } .screen input[type=checkbox],.screen input[type=radio]{accent-color:var(--green-ink)} button:focus-visible,a:focus-visible,summary:focus-visible, input:focus-visible,select:focus-visible,textarea:focus-visible, .screen button:focus-visible{ outline:3px solid var(--green-ink);outline-offset:3px; box-shadow:0 0 0 2px var(--white); } .screen .field>span,.screen label.field{color:var(--ink);font-weight:600} .screen .phone-field>span{color:var(--ink)} .screen .card,.screen .receipt{ padding:16px;border:1px solid var(--line);border-radius:var(--curve-panel); background:var(--white); } .screen .soft,.screen .notice{ border-radius:var(--curve-control);background:var(--soft);color:var(--muted); } .screen .warning{ background:var(--shortfall-soft);color:var(--red);border:1px solid #d5b4a8; border-left:3px solid var(--red);border-radius:var(--curve-control); } .screen .warning strong{color:var(--red)} .screen #error:not(:empty),#task-parent-view [id$="-parent-error"]{color:var(--red)} .screen .row{border-color:var(--line)} .screen .row-copy strong,.screen .row-end{color:var(--ink)} .screen .row-icon,.screen .menu-icon{background:var(--soft);color:var(--green-ink);border-radius:14px} .screen .row-end svg{color:var(--muted)} .screen .pill{background:var(--soft);border-color:var(--line);color:var(--green-ink)} .screen .progress{background:var(--line);border-radius:8px} .screen .progress-bar{background:var(--green-ink);border-radius:8px} .status-dot{background:var(--green-ink)} .demo-strip,.prototype-boundary{color:var(--muted)} /* Home has one financial conclusion. Available cash remains separate context. No new actions, extra campaign heading or additional illustration is added. */ #app .screen-home .focus-home>.home-intro p{font-weight:600;letter-spacing:-.025em} #app .screen-home .home-greeting .icon-btn{background:var(--soft);border-color:var(--line)} #app .screen-home .home-account-line{margin-bottom:10px} #app .screen-home .balance-caption{color:var(--muted)} #app .screen-home .focus-amount,#app .screen-home .has-saved-plan .focus-amount{ color:var(--ink);font-weight:600;letter-spacing:-.035em; } #app .screen-home .balance-eye{ border:1px solid var(--control-line);border-radius:14px;background:var(--soft); color:var(--green-ink);font-weight:600; } #app .screen-home .home-plan-summary, #app .screen-home .home-plan-summary.lumo-lens, #app .screen-home .home-plan-summary.lumo-lens[data-decision-state=shortfall]{ padding:14px 16px;margin:0;border:1px solid #d1dfc0; border-radius:var(--curve-panel);background:var(--green-soft);gap:8px; } #app .screen-home .home-plan-summary small{font-weight:600;color:var(--green-ink)} #app .screen-home .home-plan-summary strong.lumo-lens-value{ font-size:2.75rem;line-height:1.14;font-weight:600;letter-spacing:-.045em; color:var(--green-ink);background:none;margin:5px 0 7px;padding:0; } #app .screen-home .home-plan-summary .home-plan-math{color:var(--muted);line-height:1.5} #app .screen-home .home-plan-summary .home-plan-math b{color:var(--ink);font-weight:600} #app .screen-home .home-plan-summary.lumo-lens[data-decision-state=shortfall]{ background:var(--shortfall-soft);border-color:#d5b4a8; } #app .screen-home .home-plan-summary[data-decision-state=shortfall] small, #app .screen-home .home-plan-summary[data-decision-state=shortfall] strong.lumo-lens-value, #app .screen-home .home-plan-summary[data-decision-state=shortfall] em{color:var(--red)} #app .screen-home .home-plan-invite{ border:1px solid #d1dfc0;border-radius:var(--curve-panel); padding:14px 16px;background:var(--green-soft); } #app .screen-home .home-plan-invite strong{font-size:1.125rem;font-weight:700;color:var(--green-ink)} #app .screen-home .home-plan-invite small{font-size:.875rem;color:var(--muted)} #app .screen-home .home-funding-actions button{ border:1.5px solid var(--ink);border-radius:var(--curve-control); background:var(--ink);color:var(--white);font-weight:700; } #app .screen-home .home-funding-actions button.secondary{ background:var(--soft);color:var(--ink);border-color:var(--control-line); } #app .screen-home .home-money-story{border-top-color:var(--line)} #app .screen-home .home-story-title{font-weight:600;color:var(--muted)} #app .screen-home .home-story-insight{font-weight:600;color:var(--ink);line-height:1.5} #app .screen-home .home-story-arrow{color:var(--green-ink)} .home-story-detail h1{font-weight:700;letter-spacing:-.035em} .home-story-detail-total{font-weight:600;color:var(--green-ink)} /* Destination pages keep their open headings and existing contextual artwork; real options share one softly defined group, rather than separate tiles. */ .screen .destination-list,.screen .pay-option-list{ background:var(--white);border:1px solid var(--line); border-radius:var(--curve-panel);padding:0 14px; } .screen .destination-list .row,.screen .pay-option-list .row{border-top:0;border-bottom:1px solid var(--line)} .screen .destination-list .row:last-child,.screen .pay-option-list .row:last-child{border-bottom:0} .screen .destination-list .row-icon,.screen-pay .pay-option-list .row-icon{ border:0;background:var(--soft);color:var(--green-ink);border-radius:14px; } .screen-pay .pay-tabs{ border:0;border-radius:18px;background:var(--soft);padding:4px;gap:4px; } .screen-pay .pay-tabs button{border:0;border-radius:14px;color:var(--muted);font-weight:600} .screen-pay .pay-tabs button[aria-selected=true]{ background:var(--green);color:var(--green-ink);border:0;box-shadow:none;font-weight:700; } .screen-pay .pay-tab-panel:focus-visible{outline-color:var(--green-ink)} .screen .funding-choices .menu-choice{ background:var(--white);border:1px solid var(--control-line); border-radius:var(--curve-panel);padding:16px 10px; } .screen .funding-choices .menu-icon{background:var(--soft);color:var(--green-ink);border-radius:16px} .screen .funding-choices .menu-choice strong{font-weight:700} .screen .compact-draft{background:var(--green-soft);border:1px solid #d1dfc0;border-radius:16px;color:var(--green-ink)} .screen .you-options{gap:0 16px} .screen .you-options button{border-color:var(--line)} .screen .you-options button>span{color:var(--green-ink)} .screen .you-options strong{font-weight:700} .screen .testing-drawer{border-color:var(--line)} /* Planning remains cost-first. Colour supports the saved conclusion, while optional dates, goals and incoming money keep the existing disclosure. */ #app .simple-plan-setup .page-heading h1{font-weight:700;letter-spacing:-.035em} #app .simple-plan-setup .first-cost-suggestions .chip{border-radius:14px;background:var(--soft)} #app .simple-plan-setup .first-cost-preview{ padding:10px 12px;border:1px solid #d1dfc0;background:var(--green-soft); border-radius:16px;color:var(--green-ink); } #app .simple-plan-setup .first-cost-list .summary-line{border-color:var(--line)} #app .simple-plan-setup .first-plan-conclusion{ background:var(--green-soft);border-radius:var(--curve-panel);padding:14px 16px; } #app .simple-plan-setup .first-plan-conclusion>span{color:var(--green-ink);font-weight:600} #app .simple-plan-setup .first-plan-conclusion>strong{ background:none;color:var(--green-ink);font-weight:600;letter-spacing:-.04em; } #app .simple-plan-setup .first-plan-math>div{border-color:var(--line)} #app .simple-plan-setup .first-plan-math dt{color:var(--muted)} #app .simple-plan-setup .first-plan-math dd{color:var(--ink);font-weight:600} #app .screen .essential-coverage{ margin:10px 0 14px;padding:6px 12px;background:var(--soft); border:1px solid var(--line);border-radius:16px; } #app .screen .essential-coverage .summary-line{ display:flex;justify-content:space-between;align-items:baseline;gap:12px; padding:8px 0;font-size:.9375rem;line-height:1.5;border-bottom:1px solid var(--line); } #app .screen .essential-coverage .summary-line:last-child{border-bottom:0} #app .screen .essential-coverage dt{flex:1;min-width:0;margin:0;color:var(--muted);overflow-wrap:anywhere} #app .screen .essential-coverage dd{ min-width:0;max-width:58%;margin:0;text-align:right;color:var(--ink); font-weight:600;font-variant-numeric:tabular-nums;overflow-wrap:anywhere; } #app .simple-plan-setup .optional-fields>summary{color:var(--green-ink);font-weight:600} #app .simple-plan-page .destination-heading h1{font-weight:700;letter-spacing:-.035em} #app .screen .plan-room, #app .screen .plan-room.lumo-lens{ padding:14px 16px;margin-bottom:16px;border:1px solid #d1dfc0; border-radius:var(--curve-panel);background:var(--green-soft); } #app .screen .plan-room>span{color:var(--green-ink);font-weight:600} #app .screen .plan-room>strong{font-weight:600;color:var(--green-ink);letter-spacing:-.04em} #app .screen .plan-room>p{color:var(--muted)} #app .simple-plan-benefit h1{font-weight:700;letter-spacing:-.035em} #app .simple-plan-benefit .plan-benefit-uses strong{font-weight:700} #app .simple-plan-benefit .plan-benefit-example-consequence{color:var(--red)} .plan-benefit-pause{border-radius:24px;background:var(--green-soft);border-color:#d1dfc0} .plan-benefit-impact strong{background:none;color:var(--green-ink)} /* Payment entry is compact; there is exactly one live consequence. */ #app .task-sheet-layer .screen [data-payment-entry] .hero>h1, .screen [data-payment-entry] .hero>h1{font-weight:700;letter-spacing:-.035em} .screen [data-payment-entry] .payment-amount-row{border-bottom:1.5px solid var(--control-line);padding-bottom:5px} #app .task-sheet-layer .screen [data-payment-entry] .amount-input, .screen [data-payment-entry] .payment-amount-row .amount-input{ border:0;border-radius:0;background:none!important;font-weight:600; color:var(--ink);letter-spacing:-.04em;box-shadow:none; } .screen [data-payment-entry] .payment-amount-row:focus-within{ border-color:var(--green-ink);box-shadow:0 3px 0 -1px var(--green); } .screen [data-payment-entry] .payment-plan-link{background:none} .screen [data-payment-entry] .payment-plan-link select{border-radius:16px;background:var(--white)} .screen [data-payment-entry] .entry-consequence, .screen [data-payment-entry] .entry-consequence.lumo-lens-small{ padding:9px 12px;border-radius:16px;background:var(--green-soft); border:0;min-width:0; } .screen [data-payment-entry] .entry-consequence-copy.lumo-lens-value{ padding:0;background:none;color:var(--green-ink);font-weight:600;letter-spacing:-.01em; } .screen [data-payment-entry] .entry-consequence-label{color:var(--muted)} .screen [data-payment-entry] .entry-consequence[data-decision-state=shortfall], .screen [data-payment-entry] .entry-consequence:has([data-decision-state=shortfall]){background:var(--shortfall-soft)} .screen [data-payment-entry] .entry-consequence[data-decision-state=shortfall] .entry-consequence-copy.lumo-lens-value{color:var(--red)} .screen-paymentReview .focus-payment-title{ padding:14px 16px;background:var(--green-soft);border-radius:var(--curve-panel); } #app .task-sheet-layer .screen-paymentReview .focus-payment-title h1{ font-weight:600;letter-spacing:-.04em;color:var(--green-ink); } .screen-paymentReview .focus-payment-title .eyebrow, .screen-paymentReview .focus-payment-title small{color:var(--muted)} .screen-paymentReview .focus-payment-title p{color:var(--ink)} .screen-paymentReview .focus-receipt{ border:0;border-radius:var(--curve-panel);background:var(--soft);padding:7px 14px; } .screen-paymentReview .focus-receipt span{color:var(--muted)} .screen-paymentReview .focus-receipt .focus-total{border-color:var(--line)} .screen-paymentReview .focus-receipt .focus-total strong{color:var(--ink)} .screen .focus-details summary{color:var(--green-ink);font-weight:600} /* Pause is a recognisable warm-green decision surface. No success treatment appears here: every figure remains a projection until PIN confirmation. */ #app .task-sheet-layer .screen.screen-pause, #app .task-sheet-layer .screen.screen-pause[data-density], .screen.screen-pause{background:var(--green-soft);color:var(--ink)} #app .task-sheet[data-sheet-treatment=pause] .task-sheet-chrome, #app .task-sheet[data-sheet-treatment=pause] .task-sheet-body{ background:var(--green-soft); } #app .task-sheet[data-sheet-treatment=pause]{border-color:#cbdab9} .screen-pause .focus-pause-compact .focus-pause-label{ color:var(--green-ink);font-weight:700;letter-spacing:.06em; } #app .task-sheet-layer .screen-pause .pause-decision-heading .focus-pause-insight h1{ font-weight:700;letter-spacing:-.035em;color:var(--green-ink);line-height:1.25; } #app .task-sheet-layer .screen-pause .focus-pause-insight[data-decision-state=shortfall] h1{ color:var(--red); } .screen-pause .pause-payment-context{color:var(--ink)} .screen-pause .projection-tag{color:var(--muted)} #app .task-sheet-layer .screen-pause .pause-comparison{ padding:12px 14px;border:1px solid #d1dfc0;border-radius:24px;background:var(--white); } .screen-pause .pause-comparison h2{font-weight:600;color:var(--ink)} .screen-pause .pause-comparison-before strong{color:var(--ink);font-weight:600} .screen-pause .pause-comparison-after.lumo-lens strong, #app .task-sheet-layer .screen-pause .pause-comparison-after.lumo-lens strong{ background:none;color:var(--green-ink);font-weight:600;letter-spacing:-.04em;padding:0; } #app .task-sheet-layer .screen-pause:has(.focus-pause-insight[data-decision-state=shortfall]) .pause-comparison-after.lumo-lens strong{ color:var(--red); } .screen-pause .pause-decision-consequence .pause-goal-impact{color:var(--ink);font-weight:600} .screen-pause .pause-decision-consequence .pause-total-impact{color:var(--red)} .screen-pause .pause-decision-consequence p, .screen-pause .pause-comparison-note{color:var(--muted)} #app .task-sheet-layer .screen-pause .pause-decisions .pause-equal-choice, .screen-pause .pause-decisions .pause-equal-choice{ background:var(--white);color:var(--ink);border:1.5px solid var(--green-ink); border-radius:16px;font-weight:700; } .screen-pause .focus-pause-exits .text-btn,.screen-pause .pause-link-cost{color:var(--green-ink)} .sample-pause .pause-comparison{border-color:var(--line)} .sample-pause .pause-comparison-after strong{color:var(--red);background:none} .sample-pause>h1{font-weight:700;letter-spacing:-.035em} /* Chat's light conversation surface belongs to the same system as Home. A short answer stays a short answer; the input keeps its measured viewport. */ #app[data-route=chat] .chat-workspace>.page-heading h1{font-weight:700;letter-spacing:-.04em} #app[data-route=chat] .chat-has-conversation>.page-heading h1{font-weight:700} #app[data-route=chat] .chat-bubble.user{ background:var(--soft);border:0;border-radius:20px 20px 6px 20px;color:var(--ink); } #app[data-route=chat] .chat-reply, #app[data-route=chat] .chat-reply.lumo-lens{ background:none;border:0;border-radius:0;padding:8px 0; } #app[data-route=chat] .chat-reply .lead{ background:none;color:var(--ink);font-weight:600; font-size:1.125rem;line-height:1.5;letter-spacing:-.025em;padding:0; } #app[data-route=chat] .chat-reply.lumo-lens[data-insight] .lead.lumo-lens-value{ background:none;color:var(--green-ink);font-weight:700; font-size:1.125rem;line-height:1.5;letter-spacing:-.025em;padding:0; } #app[data-route=chat] .chat-reply[data-decision-state=shortfall] .lead, #app[data-route=chat] .chat-reply.lumo-lens[data-insight][data-decision-state=shortfall] .lead.lumo-lens-value{color:var(--red)} #app[data-route=chat] .chat-reply.chat-reply-previous .lead{color:var(--ink);font-weight:600} #app[data-route=chat] .chat-snapshot-status{color:var(--muted);font-size:.875rem;line-height:1.5;margin-bottom:6px} #app[data-route=chat] .chat-recheck{min-height:44px;color:var(--green-ink);font-weight:600} #app[data-route=chat] .chat-reply .impact-secondary{color:var(--muted)} #app[data-route=chat] .chat-tools .chat-prompts .chip{ background:var(--white);border:1px solid var(--line);border-radius:16px; font-weight:600;color:var(--ink); } #app[data-route=chat] .chat-tools summary{color:var(--green-ink);font-weight:600} #app[data-route=chat] .chat-entry{ background:var(--white);border-color:var(--control-line);border-radius:18px; } #app[data-route=chat] .chat-entry input{background:none} #app[data-route=chat] .chat-entry:focus-within{ outline:3px solid rgb(181 233 106 / .55);outline-offset:1px;border-color:var(--green-ink); } #app[data-route=chat] .chat-entry button{ background:var(--ink);border-color:var(--ink);color:var(--white);border-radius:14px; } .chat-calculation-body dt,.chat-calculation-body p{color:var(--muted)} .chat-calculation-body dd{color:var(--ink);font-weight:600} /* Confirmations describe one actual state; their symbol and text must agree. */ .payment-result-compact>h1{font-weight:700;letter-spacing:-.035em} .payment-result-compact .result-mark{background:var(--soft);color:var(--ink);border-color:var(--control-line)} .payment-result-compact[data-payment-state=confirmed] .result-mark, .screen .success-mark{ background:var(--green);color:var(--green-ink);border:1.5px solid var(--green-ink); } .payment-result-compact[data-payment-state=pending] .result-mark, .payment-result-compact[data-payment-state=delivery-pending] .result-mark, .payment-result-compact[data-payment-state=reversed] .result-mark{ background:var(--soft);color:var(--ink);border-color:var(--control-line); } .payment-result-compact[data-payment-state=failed] .result-mark, .payment-result-compact[data-payment-state=delivery-failed] .result-mark{ background:var(--shortfall-soft);color:var(--red);border-color:var(--red); } .payment-result-compact .result-reference{ border:0;border-radius:16px;padding:12px 14px;background:var(--soft); } .payment-result-compact .result-reference>span{color:var(--muted)} .payment-result-compact .result-explanation{color:var(--muted)} .screen .native-decision-copy h1{font-weight:700;letter-spacing:-.035em} .screen .native-decision-copy p{color:var(--muted)} /* Sheets retain the six semantic treatments and their shared focus/history controller. These rules change surface styling, never viewport or scrolling. */ #app .task-sheet-layer .task-sheet{background:var(--white);border-radius:24px 24px 0 0;box-shadow:0 -10px 42px rgb(32 38 30 / .1)} #app .task-sheet-layer .task-sheet-chrome{background:var(--white);border-color:var(--line)} #app .task-sheet-layer .task-sheet-chrome #task-sheet-title{font-weight:700;letter-spacing:-.02em;color:var(--ink)} #app .task-sheet-layer .task-sheet-chrome .icon-btn{border:0;background:var(--soft);border-radius:16px;color:var(--ink)} #app .task-sheet-layer .task-sheet-chrome .task-sheet-grab{background:var(--control-line)} #app .task-sheet-layer .task-sheet-body, #app .task-sheet-layer .task-sheet-body .screen{background:var(--white)} #app .task-sheet-layer .screen .page-heading h1, #app .task-sheet-layer .screen[data-density] .page-heading h1{font-weight:700;letter-spacing:-.035em} #app .task-sheet-layer .plan-explanation-page h1,.home-story-detail h1{font-weight:700;letter-spacing:-.035em} #app .task-sheet-layer .balance-calculation dt{color:var(--muted)} #app .task-sheet-layer .balance-calculation dd{color:var(--ink)} #app .task-sheet-layer .balance-calculation>div:last-child{ padding:12px;border:0;border-radius:16px;background:var(--green-soft); } #app .task-sheet-layer .balance-calculation>div:last-child dt, #app .task-sheet-layer .balance-calculation>div:last-child dd{color:var(--green-ink);font-weight:700} #app .task-sheet[data-sheet-treatment=pause] .task-sheet-chrome, #app .task-sheet[data-sheet-treatment=pause] .task-sheet-body, #app .task-sheet[data-sheet-treatment=pause] .task-sheet-body .screen{background:var(--green-soft)} #app .task-sheet[data-sheet-treatment=confirmation] .native-decision-copy .success-mark{background:var(--green)} /* A light, familiar campus tab bar: all destinations and their labels persist. The active icon has a green shelf and the label remains dark and readable. */ .native-app-header{background:var(--paper);border-color:var(--line)} .native-app-header .native-app-label{font-weight:700;color:var(--ink)} #nav:not([hidden]){ background:var(--paper);color:var(--muted);border-top:1px solid var(--line); min-height:76px;padding-top:6px;padding-bottom:calc(8px + env(safe-area-inset-bottom)); } #nav:not([hidden]) .nav-item{ color:var(--muted);background:none;border-radius:16px;font-weight:600; padding:5px 2px;gap:4px; } #nav:not([hidden]) .nav-item span{color:inherit;font-weight:inherit;display:block;visibility:visible;opacity:1} #nav:not([hidden]) .nav-item svg{ width:36px;height:30px;padding:3px 6px;border-radius:12px;color:inherit; background:none;stroke-width:1.9; } #nav:not([hidden]) .nav-item[aria-current=page]{color:var(--green-ink);font-weight:700;background:none} #nav:not([hidden]) .nav-item[aria-current=page] svg{background:var(--green);stroke-width:2.2} #nav:not([hidden]) .nav-item[aria-current=page]::after{content:none;display:none} #nav:not([hidden]) .nav-item:focus-visible{outline:3px solid var(--green-ink);outline-offset:-3px;box-shadow:none} .desktop-note h2{font-family:var(--font-ui);font-weight:700;letter-spacing:-.045em;color:var(--ink)} .desktop-note p,.desktop-test p{color:var(--muted)} /* No art is recoloured, stretched or replaced. No decorative ring is added. Clarity's scene scale, cost-first flow, natural scrolling and visual viewport measurements remain authoritative, including keyboard-open forms. */ .screen-welcome .welcome-screen>h1{font-weight:700;letter-spacing:-.045em} .screen-welcome .welcome-screen>.muted{color:var(--muted)} .screen .onboarding-page .page-heading h1{font-weight:700;letter-spacing:-.035em} .screen .onboarding-page .field>span{font-weight:600} .screen .onboarding-page .check-row{color:var(--ink)} .screen .onboarding-page .notice{background:var(--green-soft);color:var(--green-ink)} .screen .onboarding-page .notice strong{font-weight:700} .screen .code-input{font-variant-numeric:tabular-nums} .screen .focus-category-track{background:var(--line)} .screen .focus-category-track>span,.screen .focus-category i{filter:none} @media(max-width:899px){body{background:var(--paper)}#app{box-shadow:none}} @media(max-width:359px){ #app .screen-home .home-plan-summary, #app .screen-home .home-plan-summary.lumo-lens{padding:12px 14px} #app .screen-home .home-plan-summary strong.lumo-lens-value{font-size:2.5rem} .screen .destination-list,.screen .pay-option-list{padding-inline:12px} } @media(hover:hover){ .screen .primary:not(:disabled):hover,#app .screen-home .home-funding-actions button:not(:disabled):hover{background:#34472b;border-color:#34472b;color:var(--white)} .screen .secondary:not(:disabled):hover,#app .screen-home .home-funding-actions button.secondary:not(:disabled):hover{background:#e1ead6;border-color:var(--green-ink);color:var(--ink)} .screen .icon-btn:hover,.screen .balance-eye:hover,#app .screen-home .balance-eye:hover{background:#e1ead6} .screen .menu-choice:hover,.screen .funding-choices .menu-choice:hover{background:var(--green-soft);border-color:var(--green-ink)} #app .task-sheet-layer .screen-pause .pause-decisions .pause-equal-choice:hover{background:var(--paper);color:var(--ink)} .native-app-header .icon-btn:hover{background:var(--soft)} } @media(prefers-reduced-motion:reduce){ #app .task-sheet-layer .task-sheet,#app .task-sheet-layer .task-sheet-backdrop, #nav .nav-item,#nav .nav-item svg{transition:none!important;animation:none!important} } /* Welcome has one bounded, in-flow scene. Legacy illustration heights and SVG margins must never let a character spill into the introduction below. */ #app .screen.screen-welcome .welcome-art-stage{ position:relative;display:grid;isolation:isolate; width:100%;height:clamp(132px,24dvh,196px);min-height:0; margin:4px 0 16px;overflow:hidden;flex:none; } #app .screen.screen-welcome .welcome-art-stage>.scene-art.bold-scene{ position:relative;width:100%;height:100%!important;max-height:100%; margin:0!important;overflow:hidden; } #app .screen.screen-welcome .welcome-art-stage .expressive-figure{ position:absolute;inset:0;display:block;width:100%;height:100%;overflow:hidden; } #app .screen.screen-welcome .welcome-art-stage .bold-figure-image{ display:block;width:100%;height:100%;max-width:100%;max-height:100%; object-fit:contain;object-position:center;transform:none; } #app .screen.screen-welcome .welcome-screen>h1{ margin:0 0 10px;max-width:16ch; font-size:clamp(2rem,8.8vw,2.5rem);line-height:1.12; } #app .screen.screen-welcome .welcome-screen>.muted{margin:0;max-width:30ch} #app .screen.screen-welcome .welcome-screen>.actions{margin-top:20px;gap:8px} #app .screen.screen-samplePause .sample-pause-intro{ color:var(--muted);font-size:.875rem;line-height:1.45;margin:0 0 12px; } #app .screen.screen-samplePause .sample-starting-point{ color:var(--ink);font-size:.9375rem;line-height:1.45;margin:0 0 14px; } #app .screen.screen-samplePause .sample-pause-skip{ padding:8px 0 8px 10px;white-space:nowrap; } @media(max-height:700px){ #app .screen.screen-welcome .welcome-art-stage{height:132px;margin-bottom:12px} } /* Source: plan-clarity.css | sha256:546740eecdf00a81ca92993a15bf168d52a5e5aa9bc100dad4a79fef2936e211 */ /* A plan's time basis belongs beside its total, rather than behind a disclosure. */ #app .simple-plan-setup .first-cost-period{margin:0 0 12px} #app .simple-plan-setup .first-cost-period .field{margin-bottom:8px} #app .simple-plan-setup #first-cost-period-help{margin:-4px 0 12px;line-height:1.45} #app .simple-plan-setup .first-plan-period-review{margin:0 0 10px;line-height:1.45} /* One provenance cue beside the plan-derived number, rather than a claim that every future cost is known. These labels remain visible when money is hidden. */ #app .screen .plan-scope-cue{display:block;color:var(--muted);font-size:.8125rem;line-height:1.4;font-weight:400;letter-spacing:0;margin:5px 0 0} #app .screen .first-plan-conclusion .plan-scope-cue{color:var(--green-ink)} /* Source: payment-balance.css | sha256:c529baab9e67728456605ebbd5fe42ea8f87ab846057ebf04e46cd108bbd17bd */ /* A fact row, not another card or an additional primary amount. */ #app .screen .payment-balance{ display:flex;align-items:baseline;justify-content:space-between;gap:8px 12px; min-width:0;flex-wrap:wrap;margin:0 0 10px;padding:5px 0 9px; border-bottom:1px solid var(--line);color:var(--ink);font-size:.875rem;line-height:1.4; } #app .screen .payment-balance>span{color:var(--muted);font-weight:500} #app .screen .payment-balance>strong{ min-width:0;color:var(--ink);font-size:1rem;line-height:1.4;font-weight:700; font-variant-numeric:lining-nums tabular-nums;letter-spacing:-.02em; white-space:normal;overflow-wrap:anywhere;word-break:normal; } #app .screen .payment-balance-currency{white-space:nowrap;overflow-wrap:normal;word-break:normal} #app .screen .payment-balance-number{overflow-wrap:anywhere} #app .screen .payment-result-compact>.payment-balance{text-align:left;margin-bottom:18px} @media(max-height:720px){ #app .screen .payment-balance{margin-bottom:8px;padding:3px 0 7px} } /* Source: pause-hero.css | sha256:b1ce9dd13f0882440ec304e89017a52386b946a789263e69c8a40410ea468781 */ /* The ring is a lens. Proposed money dissolves as its relevant cost comes into focus. */ #app .screen .pause-comparison.pause-hero, #app .task-sheet-layer .screen-pause .pause-comparison.pause-hero{ position:relative;background:var(--ink);color:var(--white);border:1px solid var(--ink); border-radius:24px;padding:0 16px 16px;margin:12px 0;overflow:hidden; } .pause-hero-toolbar{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:52px} .pause-hero-intro{min-width:0;padding:8px 0 4px} #app .screen .pause-hero .pause-hero-intro h2{color:#f8f9f4;font-size:.875rem;line-height:1.4;font-weight:600;margin:0 0 2px} #app .screen .pause-hero-boundary{font-size:.75rem;line-height:1.4;color:#e1e6db;font-weight:500;letter-spacing:.01em} #app .screen .pause-hero-replay{ display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:44px;min-width:64px; background:none;border:0;border-radius:10px;color:var(--white);font:inherit;font-size:.75rem;font-weight:600;padding:6px 0 6px 8px;cursor:pointer; } #app .screen .pause-hero-replay[hidden]{display:none} #app .screen .pause-hero-replay:focus-visible{outline:2px solid var(--green);outline-offset:2px} .pause-money-stage{display:block;width:100%;height:76px;margin:-4px 0 8px;overflow:visible;color:#f8f9f4} .pause-money-path{opacity:.32} .pause-money-ring{color:var(--green);transform-box:fill-box;transform-origin:center} .pause-money-slip{opacity:0;fill:#f8f9f4;stroke:#20261e;stroke-width:1.4;transform-box:fill-box;transform-origin:center} .pause-lens-symbol{opacity:0;transition:opacity 180ms ease-out} [data-effects-revealed=true] .pause-lens-symbol, [data-motion-state=reduced] .pause-lens-symbol{opacity:1} #app .screen .pause-hero .pause-comparison-heading{margin:0 0 9px} #app .screen .pause-hero .pause-comparison-heading h2{color:#f8f9f4;font-size:.875rem;line-height:1.4;font-weight:600;margin:0} #app .screen .pause-hero .pause-comparison-values{gap:9px;grid-template-columns:minmax(0,1fr) 18px minmax(0,1fr);align-items:start} #app .screen .pause-hero .pause-comparison-values .comparison-label, #app .screen .pause-hero .pause-comparison-values small{color:#d9e1d1;font-size:.75rem;line-height:1.45;display:block;margin:0 0 4px} #app .screen .pause-hero .pause-comparison-values strong, #app .task-sheet-layer .screen-pause:has([data-pause-hero]) .pause-hero .pause-comparison-after.lumo-lens strong{ color:#f8f9f4;background:none;font-size:1.875rem;font-weight:700;line-height:1.2;letter-spacing:-.035em;padding:0; } #app .screen .pause-hero .pause-comparison-before strong{color:#f8f9f4;font-weight:500} #app .screen .pause-hero .pause-comparison-after{border-top:2px solid var(--green);padding:8px 0 0;min-height:0;align-self:stretch} #app .screen .pause-hero .pause-comparison-before{padding-top:10px} #app .screen .pause-hero .pause-comparison-arrow{color:#cbd6c0;padding-top:30px;line-height:1} #app .screen .pause-hero .pause-comparison-values .currency{font-size:.45em!important;white-space:nowrap;overflow-wrap:normal;word-break:normal} #app .screen .pause-hero .pause-comparison-values .cents{font-size:.6em!important} #app .screen .pause-hero .pause-comparison-values strong{overflow-wrap:anywhere;max-width:100%} #app .screen-pause:has([data-pause-hero]) .pause-stage{display:none} #app .screen-pause:has([data-pause-hero]) .pause-decision-heading{display:block;margin-bottom:8px} #app .screen-pause:has([data-pause-hero]) .focus-pause-insight h1, #app .task-sheet-layer .screen-pause:has([data-pause-hero]) .pause-decision-heading .focus-pause-insight h1{color:var(--ink);text-align:left;margin:0;max-width:none;font-size:1.75rem;line-height:1.16;letter-spacing:-.035em} #app .screen-pause:has([data-pause-hero]) .focus-pause-insight[data-decision-state=shortfall] h1{color:var(--ink)} #app .screen-pause:has([data-pause-hero]) .pause-payment-context{font-size:.875rem;margin:0 0 8px;line-height:1.45} #app .screen-pause:has([data-pause-hero]) .pause-goal-impact{margin:8px 0;font-size:.875rem;line-height:1.4} #app .screen-pause:has([data-pause-hero]) .pause-actions{margin-top:12px;gap:6px} #app .screen-pause:has([data-pause-hero]) .pause-equal-choice{min-height:54px;font-size:.9375rem;border-width:1.5px} #app .screen-pause:has([data-pause-hero]) .pause-equal-choice:last-child{background:var(--white);color:var(--ink);border-color:var(--ink)} #app .screen-pause:has([data-pause-hero]) .pause-equal-choice:first-child{background:var(--white);color:var(--ink);border-color:var(--ink)} #app .screen-pause:has([data-pause-hero]) .pause-link-cost{min-height:44px;padding-block:8px} #app .screen-pause .pause-suggested-amount{ display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:4px 10px; width:100%;min-height:44px;padding:7px 0;text-align:left;color:var(--green-ink); } #app .screen-pause .pause-suggested-amount small{font:inherit;font-size:.8125rem;color:var(--muted);line-height:1.4} #app .screen-pause .pause-suggested-amount:focus-visible{outline:2px solid var(--green-ink);outline-offset:3px} #app .screen-pause:has([data-pause-hero]) .focus-pause-exits{gap:8px} #app .screen-pause:has([data-pause-hero]) .focus-pause-exits .text-btn{min-height:44px} #app .task-sheet[data-sheet-treatment=pause]{border-top:3px solid var(--green)} #app .task-sheet-layer:has([data-pause-hero]) .task-sheet-backdrop{background:rgba(18,25,15,.65)} #app .task-sheet[data-sheet-treatment=pause] #task-sheet-title{font-weight:700} @media(max-height:720px){ #app .screen .pause-comparison.pause-hero,#app .task-sheet-layer .screen-pause .pause-comparison.pause-hero{padding:0 14px 12px;margin:8px 0} .pause-money-stage{height:58px;margin:-4px 0 4px} #app .screen-pause:has([data-pause-hero]) .focus-pause-insight h1, #app .task-sheet-layer .screen-pause:has([data-pause-hero]) .pause-decision-heading .focus-pause-insight h1{font-size:1.5rem;line-height:1.18} #app .screen .pause-hero .pause-comparison-heading{margin-bottom:5px} #app .screen .pause-hero .pause-comparison-values strong,#app .task-sheet-layer .screen-pause:has([data-pause-hero]) .pause-hero .pause-comparison-after.lumo-lens strong{font-size:1.625rem} #app .screen-pause:has([data-pause-hero]) .pause-actions{margin-top:8px} } @media(prefers-reduced-motion:reduce){ .pause-money-stage *{animation:none!important;transition:none!important} #app .screen .pause-hero-replay{display:none} } /* Source: pause-interaction.css | sha256:e6db557492574a214218e8eb03b5bdab66f104858d3536ae62b9ad0178057d1a */ /* Reserve the conclusion's space while the proposed money reaches the ring. */ #app .screen [data-pause-effects]{opacity:1;transition:opacity 180ms ease-out} #app .screen [data-pause-effects][aria-hidden=true]{visibility:hidden;opacity:0;pointer-events:none} #app .sample-pause>.pause-conclusion-stage{margin-bottom:12px} #app .sample-pause>.pause-conclusion-stage>h1{font-size:1.5rem;line-height:1.2;font-weight:700;letter-spacing:-.035em;margin:0} .pause-conclusion-stage{display:grid;grid-template-columns:minmax(0,1fr);position:relative} .pause-conclusion-stage>.focus-pause-insight,.pause-conclusion-stage>h1,.pause-conclusion-stage>.pause-arrival-intro{grid-area:1/1} #app .screen .pause-arrival-intro{font:inherit;font-size:1.5rem;font-weight:700;line-height:1.18;letter-spacing:-.035em;margin:0;color:var(--ink);align-self:center} #app .screen .pause-arrival-intro[hidden]{display:none} #app .screen-pause .pause-timing-status{font-size:.8125rem;line-height:1.4;color:var(--muted);margin:0;min-height:1.4em} #app .screen [data-pause-hold]{position:relative;isolation:isolate;overflow:hidden;touch-action:none;user-select:none;-webkit-user-select:none} #app .screen-pause .pause-decisions [data-pause-hold][aria-disabled=true], #app .task-sheet-layer .screen-pause .pause-decisions [data-pause-hold][aria-disabled=true]{border-style:dashed;color:var(--muted);cursor:wait} #app .screen [data-pause-hold]::after{content:'';position:absolute;z-index:-1;inset:0;background:var(--green);transform:scaleX(0);transform-origin:left;transition:none;pointer-events:none} #app .screen [data-pause-hold][data-hold-state=holding]::after{transform:scaleX(1);transition:transform 90ms linear} #app .screen [data-pause-hold][data-hold-state=complete]::after{transform:scaleX(1)} #app .screen [data-pause-hold]:focus-visible{outline:3px solid var(--green-ink);outline-offset:3px} @media(prefers-reduced-motion:reduce){#app .screen [data-pause-effects]{transition:none!important}#app .screen [data-pause-hold]::after{transition:none!important}} /* Source: category-intelligence.css | sha256:a455ca1656c9235bb534c1f546be350229d8003040c77bd4b1d0f3e4bad5a03d */ /* Purpose capture shares Lumo's type, ink, curves and selective insight accent. */ .entry-category,.receipt-category{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap} .entry-category{margin:0 0 6px}.entry-category>span{font-size:12px;color:#52604f}.entry-category .text-btn{padding:8px 0;min-height:40px;text-align:left} .category-nudge{padding:12px 0;border-block:1px solid #d5dbd0;margin:12px 0}.category-nudge>div:first-child{display:flex;flex-direction:column;gap:3px}.category-nudge small,.category-shelf small{color:#52604f;font-size:12px;line-height:1.5}.category-quick{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.category-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:16px 0}.category-chip{min-height:44px;white-space:normal;line-height:1.35;padding:10px 9px;font-size:14px}.category-chip.selected{background:#b5e96a;color:#172b20;border-color:#172b20}.category-context{font-size:16px;line-height:1.6;margin-block:10px}.category-saved{border-left:3px solid #82b644;padding:8px 12px;font-weight:700;background:#eef7e3}.category-memory{margin-block:12px}.category-memory .secondary{width:100%}.category-memory p{margin-top:8px}.category-shelf{margin-block:12px;border-block:1px solid #d5dbd0;padding-block:12px}.category-shelf summary{display:flex;align-items:center;justify-content:space-between;gap:8px;cursor:pointer;min-height:44px;list-style:none}.category-shelf summary>span{display:flex;flex-direction:column;gap:4px}.category-shelf>p{font-size:14px;line-height:1.5;margin:12px 0}.category-shelf .secondary{width:100%}.category-sort-payment{padding:12px 0}.category-sort-payment>strong{font-size:32px;font-weight:700;white-space:nowrap;font-variant-numeric:tabular-nums}.category-sort-payment h2{font-size:19px;margin-block:8px}.category-complete{display:grid;place-items:center;width:64px;height:64px;border-radius:50%;background:#b5e96a;margin:20px auto}.receipt-category{font-size:14px;line-height:1.5;margin-block:8px}.category-chat-proposal{margin-top:12px}.category-edit .page-heading h1,.category-sort .page-heading h1{font-size:28px}.category-edit .page-heading p,.category-sort .page-heading p{font-size:14px}.category-nudge>.text-btn{padding:5px 0;min-height:44px} @media(max-width:359px){.category-options{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(prefers-reduced-motion:reduce){.category-options *,.category-nudge *{transition:none!important;animation:none!important}} .category-edit .scene-art,.category-sort .scene-art,.screen-categoryMatch .scene-art{display:none!important} .category-conflict{width:100%;border-left:3px solid var(--green-ink,#526f29);padding:8px 12px;background:var(--green-soft,#eef7e3);border-radius:8px;margin:4px 0} .category-conflict p{font-size:14px;line-height:1.5;margin:0}.category-conflict small{font-size:12px;color:#52604f}.category-conflict .category-quick{margin:6px 0}.category-scope{gap:8px}.category-scope button{min-height:48px}.category-edit .category-memory{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.category-edit .category-memory p{font-size:14px;margin:0}.category-edit .category-memory .text-btn{min-height:44px} .entry-category-known{font-size:14px!important;line-height:1.5}.entry-category-help{width:100%}.category-help-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:14px;line-height:1.5}.category-help-heading small{font-size:12px;color:#52604f}.entry-category-help .category-quick{margin-top:4px;align-items:center}.entry-category-help .category-quick .text-btn{min-height:44px;padding:8px 4px;font-size:13px}.entry-category-help .category-chip{padding:8px 10px}.entry-category button:focus-visible{outline:2px solid var(--ink,#172b20);outline-offset:3px} /* Source: transaction-journey.css | sha256:1335d84629e253bd54d22626487ae683ba860d6f463d5b645dc9fcb801f1040d */ /* Purposeful, compact progress with the retained Everyday identity. */ .transaction-stage{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 10px;font-size:12px;line-height:1.5;color:var(--muted,#52604f)} .transaction-stage strong{font-weight:600;color:var(--ink,#172b20);margin-left:5px}.transaction-stage-dots{display:flex;gap:4px}.transaction-stage-dots i{display:block;width:16px;height:3px;background:#d5dbd0;border-radius:2px}.transaction-stage-dots .is-complete{background:var(--ink,#172b20)} .payment-plan-choice{border-block:1px solid var(--control-line,#d5dbd0);margin:4px 0 8px}.payment-plan-choice>summary,.recipient-search>summary{cursor:pointer;min-height:44px;display:flex;align-items:center;font-size:14px;font-weight:600;line-height:1.4;gap:8px}.payment-plan-choice>summary::after,.recipient-search>summary::after{content:'+';margin-left:auto;font-size:20px;flex:none}.payment-plan-choice[open]>summary::after,.recipient-search[open]>summary::after{content:'−'}.payment-plan-choice[open] .payment-plan-link{padding:4px 0 10px!important}.recipient-search{margin-top:-8px}.recipient-search .list{max-height:220px;overflow:auto} .decision-payment-summary{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px 12px;border-block:1px solid var(--control-line,#d5dbd0);padding:9px 0;margin:0 0 12px;font-size:12px;line-height:1.5}.decision-payment-summary span{display:flex;flex-direction:column;gap:2px}.decision-payment-summary strong{font-size:14px;font-weight:700;white-space:nowrap;font-variant-numeric:tabular-nums}.pause-payment-context small{display:block;color:var(--muted,#52604f);font-size:12px;line-height:1.5;margin-top:3px;overflow-wrap:anywhere}.decision-product{font-size:13px;line-height:1.5;margin-bottom:10px} .transaction-account-fields{display:grid;grid-template-columns:minmax(105px,.8fr) minmax(0,1.4fr);gap:10px}.transaction-account-fields .input{min-width:0;width:100%}.transaction-account-fields .field{min-width:0}.payment-currency{white-space:nowrap!important} .screen [data-payment-entry] .scene-art{display:none!important} #app .screen-pause .pause-decisions .pause-equal-choice{grid-column:auto} .screen [data-payment-entry]>.page-heading h1{font-size:24px!important;line-height:1.2!important}.screen [data-payment-entry]>.page-heading p{display:none}.screen [data-payment-entry]>.page-heading{margin-bottom:12px} @media(max-width:340px){.transaction-account-fields{grid-template-columns:1fr}.decision-payment-summary{gap:8px}.decision-payment-summary strong{font-size:13px}} @media(prefers-reduced-motion:reduce){.transaction-stage *{animation:none!important;transition:none!important}} .mobile-network-status{display:flex;align-items:center;flex-wrap:wrap;gap:4px 10px;font-size:13px;line-height:1.4;margin:-4px 0 10px;color:var(--ink,#172b20)}.mobile-network-status:empty{display:none}.mobile-network-status small{font-size:11px;color:var(--muted,#52604f)}.network-found{display:inline-flex;align-items:center;gap:4px;font-weight:600}.network-found svg{flex:none}.mobile-network-status .text-btn{min-height:44px;padding:4px 0}.registered-wallet{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:6px 12px;padding:10px 0;font-size:14px;line-height:1.5}.registered-wallet strong{font-weight:600;font-variant-numeric:tabular-nums}.registered-wallet+input+.mobile-network-status{margin-top:0}.fixed-provider{font-weight:600;font-size:14px;margin-bottom:10px}.automatic-mobile-details{min-width:0} /* Source: product-accounts.css | sha256:60beaf49f5e8f0968e650de88954cfc13461ab6674396092999039f64e8b7ec7 */ /* Two account compositions use the existing type, colour and artwork system. */ .accounts-home{padding-top:0}.accounts-welcome{display:flex;align-items:center;justify-content:space-between;min-height:88px}.accounts-welcome>p{font-size:20px;font-weight:650;margin:0}.accounts-home-art{width:132px;height:94px;overflow:hidden}.accounts-home-art .campus-scene{height:94px!important;min-height:0!important;margin:0!important}.accounts-home-art .legon-backdrop{opacity:.45}.accounts-privacy{display:flex;justify-content:flex-end;margin:-4px 0 5px}.accounts-privacy .balance-eye{min-height:40px;padding:4px 9px;font-size:12px;display:flex;gap:6px;align-items:center}.account-card{border:1px solid #cfd4c9;border-radius:22px;background:#fff;overflow:hidden;margin:0 0 10px}.account-operational{padding:16px 18px}.account-card-heading{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.account-card h2{font-size:15px;line-height:1.3;margin:0;font-weight:750}.account-card-heading>span{font-size:11px;color:#52604c}.account-available{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-top:10px}.account-available>span{font-size:12px;color:#52604c}.account-available>strong{font-size:21px;line-height:1.2}.account-available .balance-number{font-size:inherit!important}.account-room{display:block;width:100%;text-align:left;background:var(--lumo-insight,#e7f2ce);border:0;border-radius:14px;margin-top:12px;padding:11px 13px;color:#111}.account-room>span,.account-room>small{display:block}.account-room>span{font-size:13px;font-weight:650}.account-room>strong{display:block;font-size:36px;line-height:1.15;letter-spacing:-1.1px;margin:4px 0}.account-room .balance-number{font-size:inherit!important}.account-room>small{font-size:11px;line-height:1.5;color:#39482e}.account-room svg{vertical-align:middle}.account-budget-invite{width:100%;padding:12px;text-align:left;border:0;border-radius:12px;background:#edf2e4;margin-top:12px}.account-budget-invite strong,.account-budget-invite span{display:block}.account-budget-invite span{font-size:12px;margin-top:4px}.account-savings>button{border:0;background:transparent;color:inherit;display:flex;align-items:center;justify-content:space-between;width:100%;text-align:left;padding:14px 18px;gap:12px;min-height:96px}.account-savings>button>span{flex:1;min-width:0}.account-savings strong{display:block;font-size:25px;line-height:1.25;margin-top:6px}.account-savings .balance-number{font-size:inherit!important}.account-savings small{display:block;font-size:11px;color:#52604c;margin-top:3px}.accounts-home .home-funding-actions{margin:10px 0;gap:8px}.accounts-home .home-funding-actions .btn{font-size:13px;min-height:48px;padding-inline:10px}.accounts-home .home-money-story{margin-top:8px}.accounts-home .home-story-title{font-size:11px}.accounts-home .home-story-insight{font-size:14px;line-height:1.45}.account-create-box{width:100%;margin:0}.pilot-campus-note{font-size:12px;line-height:1.5;margin:8px 0}.account-budget-art{height:105px}.account-budget-art .campus-scene{height:105px!important;min-height:0!important;margin:0!important}.budget-summary{border-block:1px solid #d5dbce;padding:16px 0;margin:12px 0}.budget-summary>span{display:block;font-size:13px}.budget-summary>strong{display:block;font-size:36px;margin:5px 0}.budget-summary>p{font-size:12px;line-height:1.5;margin:4px 0}.budget-savings-link{border-top:1px solid #d5dbce;margin-top:16px}.account-detail-card{border:1px solid #d5dbce;border-radius:16px;padding:16px;margin:12px 0}.account-detail-card h3{font-size:16px;margin:0 0 12px}.account-detail-card dl>div{display:flex;justify-content:space-between;gap:12px;font-size:13px;margin:10px 0}.account-detail-card dd{margin:0;font-weight:650}.account-breakdown h2{font-size:18px;margin:20px 0 10px}.account-breakdown>p{font-size:14px;line-height:1.55}.account-card strong,.account-detail-card dd{overflow-wrap:anywhere}.account-card .money-currency{white-space:nowrap}.account-card .home-pending-status{font-size:12px;margin-top:8px} #app .accounts-home .accounts-home-art>.scene-art.campus-scene{height:94px!important;min-height:0!important;margin:0!important;width:100%} #app .account-budget-page .account-budget-art>.scene-art.campus-scene{height:105px!important;min-height:0!important;margin:0!important} @media(max-width:380px){.account-card-heading>span{font-size:10px}.account-operational{padding:13px 14px}.account-room>strong{font-size:32px}.account-savings>button{padding:12px 14px}.accounts-home .home-funding-actions .btn{font-size:12px}} @media(max-height:700px) and (min-width:320px){.accounts-welcome{min-height:65px}.accounts-home-art,.accounts-home-art .campus-scene{height:68px!important}.accounts-home-art{width:112px}.account-operational{padding-block:11px}.account-room{margin-top:8px;padding-block:8px}.account-savings>button{min-height:82px;padding-block:10px}.accounts-privacy{margin-top:-3px}.accounts-home .home-story-open{padding-block:9px}} @media(max-height:700px) and (min-width:320px){#app .accounts-home .accounts-home-art>.scene-art.campus-scene{height:68px!important}} /* Source: home-plan-refinement.css | sha256:9d1b8fda66cf41010b1a3ca666766405e08b6610cecee5254f8c3241b614594c */ /* Home keeps one balance insight and two primary actions. Account details and spending stories live in their own destinations. */ #app .home-refined .home-greeting{padding:6px 0 12px} #app .home-refined .home-header-actions{display:flex;align-items:center;gap:6px} #app .home-refined .home-greeting .actual-wordmark{max-width:104px;height:auto} #app .home-refined .home-header-actions .icon-btn,#app .home-refined .home-header-actions .avatar{width:44px;height:44px;min-width:44px;min-height:44px;border-radius:16px} #app .home-refined .accounts-welcome{min-height:0;display:block;margin:3px 0 17px} #app .home-refined .accounts-welcome>p{font-size:21px;line-height:1.3;font-weight:600;letter-spacing:-.03em} #app .home-refined .pilot-campus-note{font-size:12px;line-height:1.5;padding:9px 12px;margin:0 0 12px;border-radius:12px} #app .home-refined .account-card{border:1px solid var(--line);border-radius:24px;margin-bottom:12px;background:var(--white)} #app .home-refined .account-operational{padding:18px 18px 0;box-shadow:0 5px 20px rgb(32 38 30 / .025)} #app .home-refined .account-card-heading h2{font-size:14px;line-height:1.4;font-weight:700;letter-spacing:-.02em} #app .home-refined .account-card-heading>span{font-size:10px;line-height:1.4;color:var(--muted)} #app .home-refined .account-available-secondary{display:flex;align-items:baseline;justify-content:space-between;gap:10px;min-width:0;margin:0;border-top:1px solid var(--line);padding:12px 0} #app .home-refined .account-available-secondary>span{display:block;font-size:13px;line-height:1.4;color:var(--muted)} #app .home-refined .account-available-secondary>strong{display:block;font-size:16px;line-height:1.4;letter-spacing:0;margin:0;font-weight:600;max-width:65%;text-align:right} #app .home-refined .balance-eye{display:flex;align-items:center;justify-content:center;gap:5px;width:72px;min-width:72px;min-height:44px;border:1px solid var(--line);border-radius:16px;padding:7px 8px;background:var(--white);font-size:12px;font-weight:600;line-height:1.3;flex-shrink:0;white-space:nowrap} #app .home-refined .balance-eye>span{max-width:none;text-align:left;white-space:nowrap} #app .home-refined .balance-eye svg{width:18px;height:18px;flex-shrink:0} #app .home-refined .account-intelligence{display:flex;align-items:center;gap:2px;min-height:136px;margin:12px 0} #app .home-refined .account-room{position:relative;flex:1;min-width:0;background:transparent;border-radius:0;padding:0;margin:0;text-align:left;align-self:center} #app .home-refined .account-room>span{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;line-height:1.4} #app .home-refined .account-room .clarity-ring{position:static;display:inline-block;width:11px;height:11px;border:3px solid var(--green);border-radius:50%;margin:0;flex-shrink:0;background:transparent;box-shadow:none;transform:none} #app .home-refined .account-room>strong{display:table;font-size:44px;font-weight:600;line-height:1.2;letter-spacing:-1.5px;margin:6px 0 9px;padding-bottom:2px;background:linear-gradient(transparent 80%,var(--green) 80%,var(--green) 96%,transparent 96%);max-width:100%} #app .home-refined .account-room>small{font-size:12px;line-height:1.5;color:var(--muted);max-width:23ch} #app .home-refined .account-room>small svg{vertical-align:middle} #app .home-refined .accounts-home-art{flex:0 0 124px;width:124px;height:116px;overflow:visible;align-self:center} #app .home-refined .accounts-home-art>.scene-art.campus-scene{width:100%;height:116px!important;min-height:0!important;margin:0!important} #app .home-refined .accounts-home-art .legon-backdrop{opacity:.35} #app .home-refined .account-balance-primary{flex:1;min-width:0} #app .home-refined .account-balance-primary>span{font-size:12px;color:var(--muted)} #app .home-refined .account-balance-primary>strong{display:block;font-size:40px;font-weight:600;line-height:1.2;letter-spacing:-1.3px;margin-top:6px;overflow-wrap:anywhere} #app .home-refined .account-budget-invite{display:block;width:100%;background:transparent;padding:12px 0;margin:0;border-top:1px solid var(--line);min-width:0;border-radius:0;min-height:48px} #app .home-refined .account-budget-invite>strong{font-size:14px;font-weight:700;line-height:1.4;letter-spacing:0} #app .home-refined .account-budget-invite>span{font-size:12px;line-height:1.5;color:var(--muted);margin-top:4px} #app .home-refined .account-funding-row{border-top:1px solid var(--line);margin:0 -18px;padding:0 18px} #app .home-refined .account-add-money{display:flex;align-items:center;justify-content:center;gap:7px;width:100%;min-height:46px;background:transparent;border:0;font-size:13px;font-weight:700;color:var(--ink);padding:10px} #app .home-refined .account-savings{display:flex;align-items:center;gap:10px;padding:0 14px} #app .home-refined .savings-symbol{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:14px;background:var(--soft);color:var(--green-ink);flex-shrink:0} #app .home-refined .account-savings>button{padding:14px 0;min-height:105px;gap:8px;min-width:0;flex:1} #app .home-refined .account-savings .account-card-heading{display:block} #app .home-refined .account-savings .account-card-heading>span{display:none} #app .home-refined .account-savings strong{font-size:25px;font-weight:600;letter-spacing:-.8px;margin-top:3px} #app .home-refined .account-savings small{font-size:11px;margin-top:2px;line-height:1.4} #app .home-refined .home-funding-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:16px 0 18px} #app .home-refined .home-funding-actions button{min-height:52px;padding:12px 8px;font-size:var(--ui-action-compact,.875rem);font-weight:700;line-height:1.4;border-radius:var(--ui-control-curve,16px);gap:7px} #app .home-refined .home-funding-actions .secondary{background:var(--white);border:1px solid var(--control-line)} #app .home-refined .home-money-story{margin:0;border-top:1px solid var(--line)} #app .home-refined .home-story-open{padding:16px 0 10px;min-height:70px} #app .home-refined .home-story-title{font-size:11px;font-weight:500;line-height:1.4} #app .home-refined .home-story-insight{font-size:15px;font-weight:600;line-height:1.5;letter-spacing:-.02em;margin-top:5px} #app .home-refined .home-pending-status{margin:0 0 10px;font-size:12px;min-height:44px} /* One Plan destination, with Budget and Money Boxes as equal, separate tools. */ #app .plan-hub .plan-hub-heading{margin:8px 0 12px} #app .plan-hub .plan-hub-heading h1{font-size:32px;line-height:1.15;letter-spacing:-1.1px;margin:0 0 8px} #app .plan-hub .plan-hub-heading p{font-size:14px;line-height:1.5;color:var(--muted);margin:0} #app .plan-hub .plan-budget-section,#app .plan-hub .plan-boxes-section{padding:19px;border:1px solid var(--line);border-radius:24px;background:var(--white);margin:0 0 14px} #app .plan-hub .plan-section-heading{display:flex;gap:11px;align-items:center;margin-bottom:10px} #app .plan-hub .plan-section-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:42px;height:42px;background:var(--soft);border-radius:14px;color:var(--green-ink)} #app .plan-hub .plan-section-heading h2{font-size:18px;line-height:1.3;margin:0 0 3px;letter-spacing:-.5px} #app .plan-hub .plan-section-heading p{font-size:12px;line-height:1.4;margin:0;color:var(--muted)} #app .plan-hub .plan-section-heading>div>span{display:block;font-size:12px;line-height:1.4;color:var(--muted)} #app .plan-hub .budget-summary{margin:0;padding:0;border:0} #app .plan-hub .plan-hub-summary>span{font-size:12px;font-weight:600;line-height:1.4;display:block} #app .plan-hub .plan-hub-amount{display:block;font-size:34px;font-weight:600;line-height:1.2;letter-spacing:-1px;margin:6px 0 9px} #app .plan-hub .plan-budget-section .plan-hub-amount{display:table;background:linear-gradient(transparent 82%,var(--green) 82%,var(--green) 96%,transparent 96%)} #app .plan-hub .plan-hub-facts,#app .plan-hub .plan-hub-note{font-size:12px;line-height:1.5;color:var(--muted);margin:0} #app .plan-hub .plan-hub-shortfall{display:flex;gap:6px;font-size:13px;line-height:1.5;color:var(--red);margin-top:9px} #app .plan-hub .plan-hub-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:17px 0 0} #app .plan-hub .plan-hub-actions button{min-height:46px;padding:10px 8px;font-size:12px;line-height:1.4;border-radius:14px} #app .plan-hub .plan-hub-actions>button:only-child{grid-column:1/-1} #app .plan-hub .plan-hub-details{border-top:1px solid var(--line);margin-top:12px} #app .plan-hub .plan-hub-details>summary{font-size:12px;font-weight:600;min-height:44px;padding:12px 0} #app .plan-hub .plan-hub-detail-actions{display:flex;flex-direction:column;align-items:stretch;gap:0} #app .plan-hub .plan-hub-detail-actions button{font-size:12px;text-align:left;min-height:44px;padding:9px 0} #app .plan-hub .plan-hub-empty{font-size:14px;line-height:1.5;margin:0;color:var(--muted)} #app .plan-hub .plan-hub-note{margin-top:12px} @media(max-width:380px){ #app .home-refined .account-operational{padding:15px 14px 0} #app .home-refined .account-funding-row{margin-inline:-14px;padding-inline:14px} #app .home-refined .account-room>strong{font-size:40px;letter-spacing:-1.3px} #app .home-refined .accounts-home-art{flex-basis:100px;width:100px} #app .home-refined .account-card-heading>span{font-size:9px} #app .home-refined .home-funding-actions button{gap:5px} #app .plan-hub .plan-budget-section,#app .plan-hub .plan-boxes-section{padding:16px} } @media(max-height:700px) and (min-width:320px){ #app .home-refined .home-greeting{padding-bottom:7px} #app .home-refined .accounts-welcome{margin:2px 0 10px} #app .home-refined .account-intelligence{min-height:118px;margin:8px 0} #app .home-refined .accounts-home-art,#app .home-refined .accounts-home-art>.scene-art.campus-scene{height:108px!important} #app .home-refined .account-room>strong{margin-top:4px;margin-bottom:6px} #app .home-refined .account-savings>button{min-height:88px;padding-block:10px} #app .home-refined .home-funding-actions{margin:12px 0} #app .home-refined .home-funding-actions button{min-height:48px} #app .home-refined .home-story-open{padding-block:10px;min-height:60px} #app .plan-hub .plan-hub-heading{margin-bottom:14px} #app .plan-hub .plan-hub-heading h1{font-size:28px} #app .plan-hub .plan-budget-section,#app .plan-hub .plan-boxes-section{padding:14px;margin-bottom:10px} #app .plan-hub .plan-section-heading{margin-bottom:10px} #app .plan-hub .plan-hub-actions{margin-top:12px} } @media(prefers-reduced-motion:reduce){.home-refined *, .plan-hub *{scroll-behavior:auto;transition:none;animation:none}} /* Account names and their roles share one consistent heading stack. */ #app .home-refined .home-greeting{flex-wrap:wrap;gap:8px} #app .home-refined .home-header-actions{min-width:0;max-width:100%;margin-left:auto;flex-wrap:wrap;justify-content:flex-end} #app .home-refined .accounts-welcome{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px} #app .home-refined .accounts-welcome>p{flex:1;min-width:0;margin:0;overflow-wrap:anywhere} #app .home-refined .account-operational>.account-card-heading{display:flex;flex-direction:column;align-items:flex-start;gap:3px} #app .home-refined .account-card-heading>span{font-size:.6875rem;line-height:1.4} #app .home-refined .account-savings .account-card-heading>span{display:block;margin-top:3px} #app .home-refined .home-header-actions .chat-banking-home-entry{padding:4px 0 4px 5px;gap:5px;flex-shrink:0} #app .home-refined .home-header-actions .chat-banking-home-entry small{white-space:nowrap} @media(max-width:359px){ #app .home-refined .home-header-actions .chat-banking-home-entry>svg{display:none} #app .home-refined .home-header-actions .chat-banking-home-entry small svg{display:none} } /* Make room for a long figure before giving space to an illustration. */ #app .home-refined .account-operational.has-wide-amount .account-intelligence{display:block;min-height:0;margin-block:14px} #app .home-refined .account-operational.has-wide-amount .accounts-home-art{display:none} /* Savings already has its own heading: keep its total and box count together. */ #app .plan-hub .plan-boxes-summary{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap} #app .plan-hub .plan-boxes-summary .plan-hub-amount{margin:2px 0} @media(max-height:720px){#app .plan-hub .plan-hub-heading{margin:4px 0 10px}#app .plan-hub .plan-section-heading{margin-bottom:8px}} /* The visibility control belongs to the amount it changes. */ #app .home-minimal .accounts-welcome{min-height:0;margin:2px 0 20px} #app .home-minimal .account-operational{padding:14px 20px 4px;margin:0} #app .home-minimal .home-card-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px} #app .home-minimal .home-card-heading>span{font-size:14px;font-weight:600;line-height:1.4} #app .home-minimal .home-card-heading .balance-eye{width:44px;min-width:44px;height:44px;padding:10px;border:0;border-radius:50%;background:var(--soft);color:var(--ink)} #app .home-minimal .home-card-heading .balance-eye>span{display:none} #app .home-minimal .account-intelligence{min-height:150px;margin:0 0 8px;gap:4px} #app .home-minimal .account-room>strong{margin:0 0 12px} #app .home-minimal .account-room>small.home-balance-details{font-size:12px;line-height:1.4} #app .home-minimal .account-balance-primary>strong{margin-top:0} #app .home-minimal .account-available-secondary{padding:14px 0} #app .home-minimal .account-budget-invite{padding:14px 0} #app .home-minimal .account-budget-invite>strong{display:flex;align-items:center;gap:7px} #app .home-minimal .home-funding-actions{margin:20px 0 0} #app .home-minimal .home-pending-status{margin:0 0 8px} @media(max-width:380px){#app .home-minimal .account-operational{padding-inline:16px}} @media(max-height:700px){#app .home-minimal .accounts-welcome{margin-bottom:14px}#app .home-minimal .account-intelligence{min-height:128px}#app .home-minimal .home-funding-actions{margin-top:16px}} @media(max-width:350px){ body #app .home-minimal .accounts-home-art{display:none} body #app .home-minimal .account-intelligence{display:block;min-height:100px;margin:0 0 4px} body #app .home-minimal .account-room{width:100%} body #app .home-minimal .account-room>strong{font-size:40px} } /* Source: ui-consistency.css | sha256:20865a69c597376f779988d63ae8e68167a8bdd43ee3d1024c3c371a55f0819a */ /* Shared finishing rules. Home owns its financial hierarchy; sheets and long conversations retain their own layout and scrolling behavior. */ :root{ --ui-title:2rem; --ui-sheet-title:1.5rem; --ui-support:.9375rem; --ui-label:.875rem; --ui-action:1rem; --ui-action-compact:.875rem; --ui-control-curve:16px; --ui-panel-curve:24px; --ui-section-gap:20px; --ui-related-gap:12px; } /* A main destination title, a compact task title, then supporting copy. */ #app .screen :is(.destination-heading,.focus-pay-heading,.focus-story-heading,.plan-hub-heading)>h1, #app .screen:not(.screen-home):not(.screen-pause) .page-heading>h1, #app .screen .onboarding-page .page-heading>h1{ font-size:var(--ui-title);line-height:1.18;font-weight:700; letter-spacing:-.035em;text-align:left; } #app .screen :is(.destination-heading,.focus-pay-heading,.focus-story-heading,.plan-hub-heading)>p, #app .screen:not(.screen-home):not(.screen-pause) .page-heading>p{ font-size:var(--ui-support);line-height:1.5;font-weight:400; color:var(--muted);letter-spacing:0;margin-top:8px; } #app .task-sheet-layer .screen .page-heading>h1, #app .task-sheet-layer .screen[data-density] .page-heading>h1, #app .simple-plan-setup .page-heading>h1{ font-size:var(--ui-sheet-title);line-height:1.22;font-weight:700; letter-spacing:-.025em;text-align:left; } #app[data-route=chat] .chat-workspace>.page-heading h1{ font-size:var(--ui-title);line-height:1.18;font-weight:700;letter-spacing:-.035em; } #app[data-route=chat] .screen .chat-has-conversation>.page-heading h1{ font-size:var(--ui-sheet-title);line-height:1.22; } /* Task actions share one shape. Card actions have a compact, still readable role rather than inheriting the 12px labels of an older composition. */ #app .screen:not(.screen-home):not(.screen-pause) :is(.primary,.secondary,.danger), #app .task-sheet-layer .screen:not(.screen-pause) :is(.primary,.secondary,.danger){ min-height:52px;border-radius:var(--ui-control-curve);padding:12px 16px; font-size:var(--ui-action);line-height:1.4;font-weight:700;letter-spacing:-.015em; } #app .screen:not(.screen-home):not(.screen-pause) .plan-hub-actions>button{ min-height:48px;border-radius:var(--ui-control-curve);padding:10px 8px; font-size:var(--ui-action-compact);line-height:1.4;font-weight:700; } #app .screen:not(.screen-pause) .actions>.text-btn, #app .screen .destination-footer>.text-btn, #app .screen .plan-hub-detail-actions>.text-btn{ min-height:44px;font-size:var(--ui-label);line-height:1.45;font-weight:600; } #app .screen .icon-btn{ min-width:44px;min-height:44px;border-radius:var(--ui-control-curve); } #app .screen .icon-btn svg{width:21px;height:21px;stroke-width:1.9} /* A label always reads as a label, including after a form enters a sheet. */ #app .screen .field>span, #app .task-sheet-layer .screen .field>span{ font-size:var(--ui-label);line-height:1.45;font-weight:600; color:var(--ink);letter-spacing:0;margin-bottom:7px;text-align:left; } #app .screen input.input:not(.amount-input):not(.code-input):not([type=password]), #app .screen select.input, #app .screen textarea.input{ min-height:52px;border-radius:var(--ui-control-curve); font-size:1rem;line-height:1.5;border-color:var(--control-line); } #app .screen:not(.screen-pause) .field{margin-bottom:16px} #app .task-sheet-layer .screen:not(.screen-pause) .field{margin-bottom:12px} #app .screen :is(.focus-details,.screen-explainer,.optional-fields,.plan-hub-details)>summary{ min-height:44px;font-size:var(--ui-label);line-height:1.45;font-weight:600; color:var(--green-ink);padding-top:11px;padding-bottom:11px; } /* Cards, record rows and explanations repeat the same construction. */ #app .screen:not(.screen-home) :is(.card,.receipt,.account-detail-card){ border-radius:var(--ui-panel-curve);border-color:var(--line); } #app .screen:not(.screen-home) :is(.notice,.soft,.warning){ border-radius:var(--ui-control-curve); } #app .screen .goal-summary.card{ display:block;width:100%;text-align:left;padding:16px;margin:10px 0; } #app .screen .goal-summary.card h3{font-size:1rem;line-height:1.4;font-weight:700;margin:0} #app .screen .goal-summary.card p{font-size:var(--ui-label);line-height:1.5;margin:6px 0 0} #app .screen .goal-summary.card .progress{margin-top:12px} #app .screen .receipt .summary-line, #app .screen .account-detail-card dl>div{ font-size:var(--ui-label);line-height:1.5;gap:var(--ui-related-gap); } #app .screen .receipt .summary-line>span, #app .screen .account-detail-card dt{color:var(--muted)} #app .screen .receipt .summary-line>strong, #app .screen .account-detail-card dd{ font-weight:600;color:var(--ink);font-variant-numeric:lining-nums tabular-nums; } #app .screen .receipt .summary-line>strong{max-width:65%;overflow-wrap:anywhere} #app .screen .account-detail-card dd{margin:0} #app .screen .account-details-page>h2{font-size:1.25rem;line-height:1.3;font-weight:600} /* One outcome symbol. State colours and truthful status copy remain owned by the existing result views. No motion or authorisation gate changes here. */ #app .screen-paymentResult .success-mark{ width:56px;height:56px;min-width:56px;margin:0 auto 14px; } #app .screen-paymentResult .success-mark svg{width:28px;height:28px} #app .task-sheet-layer .screen-paymentResult:has(>.hero h1)>.page-heading{ display:none!important; /* The sheet title already says Transfer result. */ } #app .screen-paymentResult>.hero>h1{ font-size:var(--ui-sheet-title);line-height:1.22;letter-spacing:-.025em; font-weight:700;text-align:center; } #app .screen-paymentResult>.hero>p{font-size:1rem;line-height:1.5;text-align:center} #app .screen :is(.bank-funding-result,.funding-budget-prompt) .notice>.avatar{ width:40px;height:40px;min-width:40px;border-radius:50%;margin:0 0 10px; } #app .screen :is(.bank-funding-result,.funding-budget-prompt) .notice>.avatar svg{ width:24px;height:24px; } @media(max-height:700px){ :root{--ui-title:1.75rem} #app .screen :is(.destination-heading,.focus-pay-heading,.focus-story-heading,.plan-hub-heading){margin-bottom:16px} } @media(prefers-reduced-motion:reduce){ #app .screen button,#app .screen input,#app .screen select,#app .screen textarea{transition:none} } /* Budget sources and optional Money Box protection reuse the task system. Safety explanations stay visible; technical demo controls are expandable. */ #app .screen .payment-plan-link{margin:8px 0 10px;padding:0;border:0} #app .screen .payment-plan-link .field{margin-bottom:4px} #app .screen #payment-essential{width:100%;min-width:0;max-width:100%;text-overflow:ellipsis} #app .screen #payment-plan-hint{font-size:.8125rem;line-height:1.45;margin:4px 0 0} #app .screen .box-protection-fields{border-top:1px solid var(--line);margin-top:12px;padding-top:12px} #app .screen .box-protection-fields label:has(input[type=checkbox]), #app .screen .protection-support label:has(input[type=checkbox]){display:flex;align-items:flex-start;gap:10px;min-height:44px;cursor:pointer;font-size:.9375rem;font-weight:600;line-height:1.5} #app .screen :is(.box-protection-fields,.protection-support) input[type=checkbox]{width:22px;height:22px;min-width:22px;margin:1px 0 0;accent-color:var(--green-ink)} #app .screen .box-protection-fields>p{font-size:.875rem;line-height:1.5;margin:4px 0 12px;color:var(--muted)} #app .screen .box-protection-status{background:var(--green-soft);border:1px solid var(--line);border-radius:var(--ui-control-curve);padding:12px 14px;margin:12px 0;font-size:.875rem;line-height:1.5} #app .screen .box-protection-status p{font-size:inherit;line-height:inherit;margin:4px 0 0} #app .screen .box-protection-status strong{font-weight:700} #app .screen .partner-code-panel{border-top:1px solid var(--line);padding-top:12px;margin:12px 0 0} #app .screen .partner-code-panel h2{font-size:1rem;line-height:1.4;margin:0 0 6px} #app .screen .partner-code-panel p{font-size:.875rem;line-height:1.5;margin:6px 0 10px} #app .screen :is(.partner-code-panel,.protection-scope) .actions{gap:8px;margin-top:10px} #app .screen :is(#partner-verification-code,#protection-verification-code,#invitation-verification-code){font-variant-numeric:tabular-nums;letter-spacing:.12em;width:100%;font-size:1.125rem} #app .screen .protection-simulation{border:1px dashed var(--control-line);border-radius:var(--ui-control-curve);padding:0 12px;margin:10px 0;font-size:.8125rem;line-height:1.5;background:var(--paper)} #app .screen .protection-simulation>summary{min-height:44px;display:flex;align-items:center;cursor:pointer;font-size:.875rem;line-height:1.4;font-weight:600;color:var(--green-ink)} #app .screen .protection-simulation>summary::after{content:'+';margin-left:auto;font-size:1.25rem} #app .screen .protection-simulation[open]>summary::after{content:'−'} #app .screen .protection-simulation :is(p,small){font-size:.8125rem;line-height:1.5;overflow-wrap:anywhere} #app .screen .protection-simulation code{font:700 1.125rem/1.5 var(--font-ui);font-variant-numeric:tabular-nums;letter-spacing:.1em;color:var(--ink)} #app .screen .protection-scope{border-block:1px solid var(--line);padding:10px 0;margin:12px 0;font-size:.875rem;line-height:1.5} #app .screen :is(.box-protection-fields,.partner-code-panel,.protection-support) :is(input,select,button,summary):focus-visible{outline:3px solid var(--green-ink);outline-offset:3px} @media(max-height:700px){ #app .screen .partner-code-panel{padding-top:10px;margin-top:10px} #app .screen .box-protection-status{margin-block:10px;padding:10px 12px} } #app .screen .box-protection-fields .protection-toggle>span{display:block} #app .screen .box-protection-fields .protection-toggle small, #app .screen .box-protection-status small{display:block;font-size:.8125rem;font-weight:400;line-height:1.5;color:var(--muted);margin-top:3px} #app .screen .protection-sample-message{border:1px dashed var(--control-line);border-radius:var(--ui-control-curve);padding:0 12px;margin:10px 0;background:var(--paper)} #app .screen .protection-sample-message>summary{min-height:44px;display:flex;align-items:center;cursor:pointer;font-size:.875rem;line-height:1.4;font-weight:600;color:var(--green-ink)} #app .screen .protection-sample-message>summary::after{content:'+';margin-left:auto;font-size:1.25rem} #app .screen .protection-sample-message[open]>summary::after{content:'−'} #app .screen .protection-sample-message pre{font:400 .875rem/1.6 var(--font-ui);white-space:pre-wrap;overflow-wrap:anywhere;background:var(--white);padding:12px;border:1px solid var(--line);border-radius:12px;margin:8px 0 12px;color:var(--ink)} #app .screen .protection-scope{display:flex;align-items:center;gap:8px;flex-wrap:wrap} #app .screen .protection-scope>span{margin-left:auto;color:var(--muted)} /* A protected review adds one decision input, not another screen of balances. */ #app .task-sheet-layer .box-transfer-review>.page-heading{display:none!important} #app .screen .box-transfer-total{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:8px 0 12px} #app .screen .box-transfer-total>span{font-size:.875rem;line-height:1.4;color:var(--muted)} #app .screen .box-transfer-total .balance-main{font-size:2rem;line-height:1.2;white-space:nowrap} #app .screen .box-transfer-summary{padding:10px 14px;margin:8px 0 12px} #app .screen .box-transfer-summary .summary-line{padding:5px 0;margin:0} #app .screen .box-transfer-projection>summary{min-height:44px;display:flex;align-items:center;font-size:.875rem;font-weight:600;color:var(--green-ink);cursor:pointer} #app .screen .box-transfer-projection>summary::after{content:'+';margin-left:auto} #app .screen .box-transfer-projection[open]>summary::after{content:'−'} #app .screen .box-transfer-review .protection-scope{padding:0;margin:0 0 6px;border:0;min-height:24px} #app .screen .box-transfer-review .partner-code-panel{padding-top:10px;margin-top:6px} #app .screen .box-transfer-review .partner-code-panel .inline{display:flex;flex-wrap:wrap;gap:0 16px} #app .screen .box-transfer-review .partner-code-panel .inline>.text-btn{min-height:44px;padding:4px 0;font-size:.8125rem} #app .screen .box-transfer-review .actions{margin-top:12px} #app .screen .box-transfer-review .actions>.secondary{min-height:48px} /* v17: content owns its height; flexible text tracks own their width. Fix intrinsic sizing instead of hiding overflow or reducing readable type. */ #app .screen, #app .screen :is(section,article,form,fieldset,label,details,dl,dt,dd){min-width:0;max-width:100%} #app .screen fieldset{min-inline-size:0} #app .screen :is(.inline,.split,.summary-line,.row,.card,.soft,.notice,.warning,.hero,.grid2,.grid3,.stack,.actions,.chips,.receipt){min-width:0} #app .screen :is(.grid2,.grid3)>*{min-width:0;max-width:100%} #app .screen :is(h1,h2,h3,p,summary,dt,dd){overflow-wrap:anywhere;word-break:normal} #app .screen :is(input,select,textarea){min-width:0;max-width:100%;min-inline-size:0} #app .screen :is(.primary,.secondary,.danger,.text-btn,.chip){max-width:100%;white-space:normal;overflow-wrap:anywhere;word-break:normal} #app .screen .inline{flex-wrap:wrap} #app .screen .inline>:is(input,select,textarea,.field,form){flex:1 1 9rem;min-width:0} #app .screen .inline>.icon-btn{flex:none} #app .screen .split{flex-wrap:wrap;gap:6px 12px} #app .screen .split>*{min-width:0;max-width:100%;overflow-wrap:anywhere} #app .screen .row{flex-wrap:wrap;gap:8px 12px} #app .screen .row-copy{flex:1 1 7rem;min-width:0;max-width:100%} #app .screen .row-copy :is(strong,small){overflow-wrap:anywhere;word-break:normal} #app .screen .row-end{flex:0 1 auto;min-width:0;max-width:calc(100% - 56px);margin-left:auto;white-space:normal;overflow-wrap:anywhere;word-break:normal} #app .screen .row-end svg{flex:none} #app .screen .summary-line{flex-wrap:wrap;align-items:baseline;gap:6px 12px} #app .screen .summary-line>span:first-child{flex:1 1 8rem;min-width:0;overflow-wrap:anywhere} #app .screen .summary-line>strong{flex:0 1 auto;min-width:0;max-width:100%;margin-left:auto;overflow-wrap:anywhere} #app .screen :is(.balance-calculation,.chat-calculation-body dl,.first-plan-math,.plan-benefit-comparison,.home-story-breakdown)>div{flex-wrap:wrap;gap:6px 12px;min-width:0} #app .screen :is(.balance-calculation,.chat-calculation-body dl,.first-plan-math,.plan-benefit-comparison,.home-story-breakdown) :is(dt,dd){min-width:0;max-width:100%;overflow-wrap:anywhere} #app .screen :is(.balance-calculation,.chat-calculation-body dl,.first-plan-math,.plan-benefit-comparison,.home-story-breakdown) dd{margin-left:auto} #app .screen :is(.balance-main,.balance-number,.plan-hub-amount,.focus-story-total>strong,.first-plan-conclusion>strong){max-width:100%;white-space:normal;overflow-wrap:anywhere;word-break:normal} #app .screen .whole{overflow-wrap:anywhere;word-break:normal} #app .screen :is(.currency,.payment-currency,.money-currency){display:inline-block;white-space:nowrap;word-break:normal;overflow-wrap:normal} #app .home-refined .account-room>strong, #app .plan-hub .plan-budget-section .plan-hub-amount{display:block;width:fit-content;max-width:100%} #app .home-refined .account-card-heading{flex-wrap:wrap;gap:4px 8px} #app .home-refined .account-card-heading>*{min-width:0;max-width:100%;overflow-wrap:anywhere} #app .home-refined .account-available-secondary{flex-wrap:wrap;gap:6px 10px} #app .home-refined .account-available-secondary>strong{max-width:100%;margin-left:auto;overflow-wrap:anywhere} #app .home-refined .account-savings>button>span{min-width:0;max-width:100%} #app .home-refined .account-savings strong{overflow-wrap:anywhere;white-space:normal} #app .home-refined .home-funding-actions, #app .plan-hub .plan-hub-actions{grid-template-columns:repeat(2,minmax(0,1fr))} #app .plan-hub :is(.plan-section-heading>div,.plan-hub-shortfall){min-width:0;overflow-wrap:anywhere} #app .screen :is(.scene-art,.option-art){max-width:100%;min-width:0} #app .screen :is(.scene-art,.option-art)>svg{display:block;max-width:100%} #app .screen pre{max-width:100%;white-space:pre-wrap;overflow-wrap:anywhere;word-break:normal} #app #toast{overflow-wrap:anywhere;white-space:normal} #app[data-route=chat] :is(.chat-workspace,.chat-thread,.chat-turn,.chat-bubble,.chat-reply,.chat-entry,.chat-tools){min-width:0;max-width:100%} #app[data-route=chat] .chat-reply-actions>*{min-width:0;max-width:100%} #app[data-route=chat] .chat-tools .chat-prompts .chips>*{min-width:0;max-width:100%;overflow-wrap:anywhere} #app[data-route=chat] .chat-calculation dd{white-space:normal;overflow-wrap:anywhere;max-width:100%;min-width:0} #app .task-sheet-layer .task-sheet-chrome{min-width:0;max-width:100%} #app .task-sheet-layer .task-sheet-chrome #task-sheet-title{min-width:0;overflow-wrap:anywhere} @media(max-width:359px){ #app .home-refined .home-greeting{flex-wrap:wrap;gap:8px} #app .home-refined .home-header-actions{margin-left:auto} #app .home-refined .account-intelligence{gap:6px} } /* Setup and account records share flexible text tracks. These content views may scroll vertically; long saved details must not widen the viewport. */ #app .screen :is(.onboarding-page,.account-flow){min-width:0;max-width:100%} #app .screen :is(.onboarding-page,.account-flow) :is(.card,.soft,.notice,.receipt,.stack,.form,.field,details){min-width:0;max-width:100%} #app .screen :is(.onboarding-page,.account-flow) :is(p,h2,h3,summary){overflow-wrap:anywhere} #app .screen :is(.onboarding-page,.account-flow) .summary-line{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:baseline;gap:8px 12px} #app .screen :is(.onboarding-page,.account-flow) .summary-line>*{min-width:0;max-width:100%;overflow-wrap:anywhere} #app .screen :is(.onboarding-page,.account-flow) .summary-line>strong{text-align:right;max-width:none} #app .screen .onboarding-page .verified-phone-row>.text-btn{grid-column:1/-1;justify-self:start;text-align:left;padding-inline:0;min-height:44px} #app .screen .onboarding-page .code-input{letter-spacing:.16em} #app .screen :is(.onboarding-page,.account-flow) .input{min-width:0;max-width:100%} #app .screen .account-flow :is(input[type=date],select,textarea){min-inline-size:0;max-inline-size:100%} #app .screen .account-flow .topline{flex-wrap:wrap;gap:8px 12px} #app .screen .account-flow .topline>strong{min-width:0;overflow-wrap:anywhere;flex:1 1 10rem} #app .screen .account-flow .topline>.pill{max-width:100%;white-space:normal;overflow-wrap:anywhere} #app .screen .account-flow .check-row{min-width:0;align-items:flex-start} #app .screen .account-flow .check-row>input{flex:none} #app .screen .account-flow .check-row>span{min-width:0;overflow-wrap:anywhere} #app .screen .account-flow .row-copy :is(strong,small){overflow-wrap:anywhere} /* Payment and savings details must be allowed to grow at enlarged text sizes. */ #app .screen :is([data-payment-entry],.payment-plan-link,.transaction-account-fields,.automatic-mobile-details,.partner-code-panel,.box-protection-fields,.protection-support,.box-transfer-review){min-width:0;max-width:100%} #app .screen [data-payment-entry] :is(.field,select.input){min-width:0;max-width:100%} #app .screen .box-transfer-total{flex-wrap:wrap;align-items:baseline} #app .screen .box-transfer-total>.balance-main{min-width:0;max-width:100%;white-space:normal;overflow-wrap:anywhere} #app .screen .box-transfer-total .currency{display:inline-block;white-space:nowrap;word-break:normal;overflow-wrap:normal} #app .screen .decision-payment-summary>span{min-width:0;max-width:100%} #app .screen .decision-payment-summary strong{white-space:normal;overflow-wrap:anywhere;word-break:normal} #app .screen .pause-hero-toolbar{flex-wrap:wrap} #app .screen .pause-comparison-values>div{min-width:0;max-width:100%} #app .screen .pause-comparison-values :is(strong,small,.comparison-label){min-width:0;max-width:100%;overflow-wrap:anywhere} #app .screen :is(.protection-sample-message,.protection-simulation){min-width:0;max-width:100%} #app .screen .protection-sample-message pre{max-width:100%;white-space:pre-wrap;overflow-wrap:anywhere;word-break:normal} #app .screen .goal-summary .split{align-items:flex-start} #app .screen .goal-summary .split>h3{min-width:0;overflow-wrap:anywhere} #app .screen .goal-summary .split>svg{flex:0 0 auto} #app .screen .box-protection-status{max-width:100%;min-width:0;overflow-wrap:anywhere} #app .screen .goal-summary>.box-protection-status{display:inline-flex;align-items:flex-start;gap:6px} #app .screen .protection-toggle>span{min-width:0;overflow-wrap:anywhere} #app .screen .protection-scope>strong{min-width:0;overflow-wrap:anywhere} #app .screen .protection-scope>span{max-width:100%;overflow-wrap:anywhere} #app .screen .payment-result-compact :is(.result-reference,.result-context,.result-explanation){min-width:0;max-width:100%;overflow-wrap:anywhere} #app .screen .payment-result-compact .result-reference{flex-wrap:wrap} #app .screen .payment-result-compact .result-reference>strong{min-width:0;max-width:100%;margin-left:auto} #app .screen .transaction-stage{flex-wrap:wrap} #app .screen .transaction-stage>span:first-child{min-width:0;overflow-wrap:anywhere} #app .screen .ambassador-boundary :is(p,strong),#app .screen .test-step>div{min-width:0;overflow-wrap:anywhere} /* Wider balances get the full track before the illustration takes another row. */ #app .home-refined .account-intelligence{flex-wrap:wrap} #app .home-refined :is(.account-room,.account-balance-primary){flex:1 1 max-content;width:auto;min-width:0;max-width:100%} #app .home-refined .accounts-home-art{margin-left:auto} #app .home-refined .account-room>small{max-width:18ch} #app .screen .topline{margin-inline:0;min-width:0;max-width:100%} #app .task-sheet-layer .screen [data-payment-entry] .payment-amount-row .amount-input{line-height:1.2} #app .screen-pay .pay-hero.focus-pay-art .scene-art{height:96px!important;min-height:0!important;margin:4px 0 12px!important} @media(max-height:700px){ #app .screen-pay .pay-hero.focus-pay-art .scene-art{height:64px!important;margin:2px 0 10px!important} #app .screen-pay .focus-pay-heading{margin-bottom:10px} } /* The comparison stays the hero; repeated zero-fee arithmetic stays compact. */ #app .screen .decision-payment-summary.is-zero-fee>span{flex-direction:row;align-items:baseline;gap:6px} #app .screen .decision-payment-summary.is-zero-fee{padding-block:7px;gap:6px 12px} @media(max-height:720px){ #app .screen-pause .pause-payment-context small{display:inline;margin:0;font-size:inherit} #app .screen-pause .pause-payment-context small::before{content:' · '} #app .screen .pause-hero-toolbar{min-height:44px} #app .screen .pause-hero-intro{padding:4px 0} #app .screen .pause-money-stage{height:48px;margin:0 0 2px} #app .screen-pause .pause-suggested-amount{gap:4px 8px} } @media(max-height:720px){ #app .task-sheet-layer .screen-pause>.transaction-stage{margin-bottom:4px} #app .task-sheet-layer .screen-pause .payment-balance{padding:0 0 5px;margin-bottom:5px} #app .task-sheet-layer .screen-pause .pause-decision-heading{margin-bottom:6px} #app .task-sheet-layer .screen-pause .pause-payment-context{margin-bottom:4px} #app .task-sheet-layer .screen-pause .pause-decisions .pause-equal-choice{min-height:52px} } /* Source: qr-payments.css | sha256:943d31c354c162bddb18a861e9a56e861ab30e503420386a4f2986648e5676d1 */ /* The scan is a short selection task, within the existing Lumo sheet. */ #app .qr-campus{min-width:0;max-width:100%} #app .qr-campus .page-heading{margin-bottom:16px} #app .qr-campus .page-heading>.scene-art{display:none!important} #app .qr-campus .page-heading h1{font-size:28px;line-height:1.12} #app .qr-campus .page-heading p{margin-top:7px} #app .qr-start{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:58px;width:100%;margin:0 0 18px} #app .qr-start>span{flex:1;text-align:left} #app .qr-code-form{margin-bottom:15px} #app .qr-code-form .inline{flex-wrap:nowrap;gap:8px} #app .qr-code-form .input{min-width:0;flex:1 1 0;width:0;text-transform:uppercase} #app .qr-code-form button{flex:0 0 auto;width:auto;padding-inline:18px;min-height:48px} #app .qr-merchants .row{padding-block:10px} #app .qr-merchants .row-icon{width:36px;height:36px;flex-basis:36px} #app .qr-campus>.text-btn{display:block;margin:10px auto 0;min-height:44px} #app .qr-preview-note{font-size:12px;line-height:1.45;color:var(--muted,#64705f);margin:10px 0 0;text-align:center;overflow-wrap:anywhere} #app .qr-camera{position:relative;isolation:isolate;width:min(100%,280px);aspect-ratio:1.25;min-height:0;margin:4px auto 10px;border-radius:24px;background:#182119;color:#fff;overflow:hidden;border:1px solid #263526} #app .qr-camera video{display:block;width:100%;height:100%;position:absolute;inset:0;object-fit:cover} #app .qr-viewfinder{position:absolute;inset:20px;display:grid;place-items:center;border:2px solid var(--accent,#b5e96a);border-radius:18px;pointer-events:none} #app .qr-camera.is-active .qr-viewfinder>svg{opacity:0} #app .qr-camera-label{position:absolute;bottom:7px;left:50%;transform:translateX(-50%);background:#182119d9;padding:2px 9px;border-radius:9px;font-size:11px;white-space:nowrap} #app .qr-status{min-height:2.8em;margin:0 0 10px;line-height:1.4} #app .qr-scan-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px} #app .qr-scan-actions .primary,#app .qr-scan-actions .secondary{min-height:52px;white-space:normal;padding:10px;line-height:1.25} #app .qr-photo-choice{display:flex;position:relative;align-items:center;justify-content:center;gap:7px;text-align:center;cursor:pointer;margin:0;font-weight:600} #app .qr-photo-choice input{position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:pointer} #app .qr-photo-choice:focus-within{outline:3px solid var(--accent,#b5e96a);outline-offset:3px} #app .qr-photo-choice svg{flex:0 0 auto} #app .qr-sample-figure{display:flex;flex-direction:column;align-items:center;gap:9px;margin:8px auto 16px} #app .lumo-payment-qr{display:block;max-width:100%;height:auto;flex:0 0 auto;border-radius:0} #app .qr-sample-figure figcaption{display:flex;flex-direction:column;gap:3px;text-align:center} #app .qr-sample-figure figcaption span{font-size:13px;color:var(--muted,#64705f)} @media(max-height:700px){ #app .qr-camera{width:min(100%,236px);margin-block:2px 8px} #app .qr-campus .page-heading{margin-bottom:12px} #app .qr-campus .page-heading h1{font-size:26px} #app .qr-start{margin-bottom:13px} #app .qr-merchants .row{padding-block:8px} #app .qr-campus .section-head{margin-top:12px;margin-bottom:4px} } @media(prefers-reduced-motion:reduce){#app .qr-camera,#app .qr-viewfinder{animation:none;transition:none}} /* Scan and My code share one full-height task. The camera is the background, with controls above it and a clear viewfinder, as in a native scanner. */ body.lumo-qr-hub-open #app .task-sheet-layer{align-items:stretch;top:var(--qr-hub-top,var(--task-viewport-top,0px));height:var(--qr-hub-height,var(--task-viewport-height,100dvh))} body.lumo-qr-hub-open #app .task-sheet{display:flex!important;flex-direction:column!important;align-items:stretch!important;height:100%!important;max-height:100%!important;margin:0!important;border:0;border-radius:0!important;transform:none!important;opacity:1!important;background:#142019} body.lumo-qr-hub-open #app .task-sheet-chrome{display:none!important} body.lumo-qr-hub-open #app .task-sheet-body#view{display:flex!important;flex:1 1 auto!important;align-items:stretch!important;height:100%!important;max-height:none!important;min-height:0!important;padding:0!important;margin:0!important;overflow-x:hidden;overflow-y:auto;scroll-padding:0;background:#142019} body.lumo-qr-hub-open #app .screen.screen-campusPay, body.lumo-qr-hub-open #app .screen.screen-myQr{display:flex!important;flex:1 1 auto!important;flex-direction:column!important;padding:0!important;width:100%!important;height:100%!important;min-height:100%!important;max-height:none!important;margin:0!important;background:transparent;animation:none!important} body.lumo-qr-hub-open #app .qr-hub .payment-balance, body.lumo-qr-hub-open #app .screen-campusPay>[data-payment-balance]{display:none!important} body.lumo-qr-hub-open #app .screen-campusPay>.qr-hub{margin:0} body.lumo-qr-hub-open #toast{z-index:110} #app .qr-hub{--qr-camera-bg:#142019;position:relative;isolation:isolate;display:flex;flex-direction:column;gap:18px;width:100%;height:100dvh;min-height:560px;margin:0;padding:calc(12px + env(safe-area-inset-top)) 24px calc(14px + env(safe-area-inset-bottom));background:var(--qr-camera-bg);color:#fff;overflow:hidden} #app .qr-hub .scene-art, #app .qr-hub figure:not(.personal-qr-card){display:none!important} body.lumo-qr-hub-open #app .task-sheet-body .qr-hub{flex:1 0 auto!important;width:100%!important;height:var(--qr-hub-height,100dvh)!important;max-height:none!important} #app .qr-hub::before{content:'';position:absolute;z-index:-1;inset:0;background:linear-gradient(180deg,#0009 0%,#0005 25%,#0000 48%,#0006 72%,#000a 100%);pointer-events:none} #app .qr-hub-video{position:absolute;z-index:-2;display:block;width:100%;height:100%;inset:0;object-fit:cover;background:var(--qr-camera-bg)} #app .qr-hub-toolbar{display:flex;justify-content:space-between;align-items:center;flex:0 0 auto;height:44px;margin:0 -7px} #app .qr-hub-toolbar button{display:inline-flex;justify-content:center;align-items:center;width:44px;height:44px;min-height:44px;padding:6px;margin:0;border:0;border-radius:50%;background:transparent;color:inherit;box-shadow:none;transform:none} #app .qr-hub-toolbar button:focus-visible{outline:2px solid currentColor;outline-offset:1px} #app .qr-hub-toolbar svg{width:26px;height:26px} #app .qr-hub-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));flex:0 0 auto;gap:2px;width:100%;height:46px;padding:3px;border-radius:999px;background:#e6e6e6;color:#111} #app .qr-hub-tabs button{display:flex;justify-content:center;align-items:center;min-height:0;margin:0;border:0;border-radius:999px;background:transparent;color:inherit;box-shadow:none;font:inherit;font-size:16px;font-weight:650;line-height:1.2;padding:7px 10px;transform:none} #app .qr-hub-tabs button[aria-selected=true]{background:#fff;box-shadow:0 1px 3px #0001} #app .qr-hub-tabs button:focus-visible{outline:2px solid #111;outline-offset:-3px} #app .qr-scan-panel{display:flex;flex:1 1 auto;flex-direction:column;min-height:0;gap:14px} #app .qr-hub h1{font-family:inherit;font-size:clamp(25px,7.5vw,32px)!important;font-weight:600;letter-spacing:-.9px;line-height:1.15;margin:10px 0 0;color:inherit;text-align:left} #app .qr-scan-stage{display:flex;flex:1 1 auto;min-height:0;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding-top:6px} #app .qr-hub-viewfinder{position:relative;display:grid;place-items:center;flex:0 1 auto;width:min(100%,38dvh,340px);aspect-ratio:1;min-width:150px;max-height:100%;border:2px solid #fffa;border-radius:26px;box-shadow:0 0 0 999px #0001;color:#fff} #app .qr-hub-viewfinder>span{opacity:.55;display:flex} #app .qr-hub-viewfinder i{position:absolute;width:26px;height:26px;border:3px solid #fff;pointer-events:none} #app .qr-hub-viewfinder i:nth-child(1){top:-2px;left:-2px;border-right:0;border-bottom:0;border-top-left-radius:26px} #app .qr-hub-viewfinder i:nth-child(2){top:-2px;right:-2px;border-left:0;border-bottom:0;border-top-right-radius:26px} #app .qr-hub-viewfinder i:nth-child(3){bottom:-2px;right:-2px;border-top:0;border-left:0;border-bottom-right-radius:26px} #app .qr-hub-viewfinder i:nth-child(4){bottom:-2px;left:-2px;border-top:0;border-right:0;border-bottom-left-radius:26px} #app .qr-frame-hint{font-size:13px;line-height:1.4;text-align:center;color:#fff;max-width:100%;margin:0} #app .qr-hub-feedback{display:flex;flex:0 0 auto;flex-direction:column;align-items:center;gap:6px;min-width:0} #app .qr-hub .qr-status{min-height:0;margin:0;font-size:12px;line-height:1.4;text-align:center;color:#ffffffe0} #app .qr-hub #error{margin:0;color:#fff;font-size:12px;line-height:1.4;text-align:center;background:#6d2929e6;border-radius:10px;padding:8px 10px;width:100%;overflow-wrap:anywhere} #app .qr-hub #error:empty{display:none} #app .qr-camera-retry{min-height:38px;border:1px solid #fff5;border-radius:999px;background:#1117;color:#fff;font-size:13px;font-weight:600;padding:7px 18px;width:auto;line-height:1.3} #app .qr-hub-actions{display:flex;flex:0 0 auto;flex-direction:column;align-items:center;gap:3px;margin-top:0} #app .qr-hub-upload{position:relative;display:flex;align-items:center;justify-content:center;gap:9px;width:100%;min-height:52px;padding:12px 16px;margin:0;border:0;border-radius:999px;background:#fff;color:#111;font-size:15px;font-weight:650;line-height:1.3;text-align:center;cursor:pointer} #app .qr-hub-upload input{position:absolute;inset:0;opacity:0;width:100%;height:100%;min-height:100%;margin:0;cursor:pointer;padding:0} #app .qr-hub-upload:focus-within{outline:2px solid #fff;outline-offset:4px} #app .qr-manual-code{min-height:36px;padding:7px 12px;border:0;background:transparent;color:#fff;font-size:12px;line-height:1.3;text-decoration:underline;text-underline-offset:3px} #app .qr-hub-boundary{font-size:10px;line-height:1.4;color:#ffffffc9;text-align:center;margin:0} #app .qr-hub.is-code{background:var(--paper,#f8f9f4);color:var(--ink,#20261e)} #app .qr-hub.is-code::before{display:none} #app .qr-code-panel{display:flex;flex:1 1 auto;flex-direction:column;gap:10px;min-height:0;text-align:center} #app .qr-code-panel h1{text-align:center;margin-top:8px} #app .qr-hub-subtitle{font-size:13px;line-height:1.45;margin:0;color:var(--muted,#646b5f);text-align:center} #app .qr-code-panel .personal-qr-page{display:flex;flex:1 1 auto;flex-direction:column;min-height:0;width:100%;padding:0} #app .qr-code-panel .personal-qr-card{flex:0 1 auto;margin:auto auto 20px;width:min(100%,306px);max-width:306px;padding:14px;border-radius:22px} #app .qr-code-panel .lumo-personal-qr{width:min(240px,36dvh);max-width:100%;flex:0 1 auto;min-height:0} #app .qr-code-panel .personal-qr-actions{flex:0 0 auto;margin-top:0} #app .qr-code-panel .personal-qr-note{margin-top:14px;margin-bottom:2px} #app .qr-code-panel #error{background:#f9e5e0;color:#862c25;margin-bottom:10px} body.minna-edition #app .qr-hub{--qr-camera-bg:#151515} body.hibiscus-edition #app .qr-hub{--qr-camera-bg:#3c1941} @media(max-height:700px){ #app .qr-hub{gap:11px;min-height:500px;padding:calc(7px + env(safe-area-inset-top)) 20px calc(9px + env(safe-area-inset-bottom))} #app .qr-hub-tabs{height:42px} #app .qr-scan-panel{gap:9px} #app .qr-hub h1{font-size:26px!important;margin-top:5px} #app .qr-scan-stage{gap:10px;padding-top:0} #app .qr-hub-viewfinder{width:min(100%,32dvh,260px);border-radius:22px} #app .qr-hub-upload{min-height:46px;padding:10px} #app .qr-code-panel .personal-qr-card{margin:auto auto 12px;padding:8px;gap:7px} #app .qr-code-panel .lumo-personal-qr{width:min(204px,34dvh)} #app .qr-code-panel .personal-qr-note{margin-top:10px} } @media(max-height:570px){ #app .qr-hub{gap:7px;padding:4px 18px 7px} #app .qr-hub-toolbar{height:38px} #app .qr-hub-tabs{height:39px} #app .qr-hub h1{font-size:24px!important;margin-top:3px} #app .qr-scan-panel{gap:7px} #app .qr-hub-viewfinder{width:min(100%,29dvh,200px)} #app .qr-frame-hint{font-size:12px} #app .qr-hub .qr-status{font-size:11px} #app .qr-hub-upload{min-height:44px} #app .qr-manual-code{min-height:30px;padding:6px} #app .qr-code-panel{gap:7px} #app .qr-code-panel .personal-qr-card{margin-bottom:8px} #app .qr-code-panel .lumo-personal-qr{width:172px} } /* Scanner surfaces stay dark across editions. My code keeps its light surface. */ body.lumo-qr-hub-open #app .qr-hub.is-scan h1{color:#fff} body.lumo-qr-hub-open #app .qr-hub.is-scan .qr-status{color:#ffffffe0} /* Payment facts may move currency above the number, never split its digits. */ body #app .screen .payment-fact-amount{display:flex;flex-wrap:wrap;align-items:baseline;gap:.15em;min-width:0} body #app .screen .payment-fact-amount .payment-fact-currency{font-size:.48em;white-space:nowrap;letter-spacing:0} body #app .screen .payment-fact-amount .payment-fact-number{white-space:nowrap;overflow-wrap:normal;word-break:normal} /* Let a growing amount use another row before the recipient becomes a sliver. */ body #app :is(.screen-requests,.screen-activity) .row{flex-wrap:wrap} body #app :is(.screen-requests,.screen-activity) .row-copy{flex:1 1 10rem} body #app :is(.screen-requests,.screen-activity) .row-end{max-width:100%;margin-inline-start:auto;white-space:nowrap} @media(max-width:360px){ body #app .screen-pause .pause-hero .pause-comparison-values{grid-template-columns:minmax(0,1fr)} body #app .screen-pause .pause-hero .pause-comparison-arrow{justify-self:start;transform:rotate(90deg)} body #app .screen-pause .pause-hero .pause-comparison-values strong{white-space:nowrap;overflow-wrap:normal;word-break:normal} body #app .screen-pause .pause-hero .pause-comparison-values strong .currency{display:block} } /* Source: biometric-auth.css | sha256:3f41aae409076a5095d2529275917593593db1a6f7d82ae7469a36a9fa54e5fb */ /* The same authorisation sheet offers a transparent demo or the existing PIN. */ #app .biometric-choice{display:grid;gap:6px;margin:0 0 14px;min-width:0;max-width:100%} #app .biometric-entry{display:flex;align-items:center;justify-content:center;gap:10px;min-height:48px;width:100%;max-width:100%} #app .biometric-entry>svg{width:22px;height:22px;flex:0 0 auto} #app .biometric-entry>span{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px;min-width:0} #app .biometric-entry small{font-size:12px;font-weight:600;line-height:1.2;padding:3px 7px;border:1px solid currentColor;border-radius:20px} #app .biometric-choice>p{margin:0;text-align:center} #app .biometric-prompt{display:grid;justify-items:stretch;gap:10px;min-width:0;max-width:100%} #app .biometric-prompt :is(h2,p){margin:0;overflow-wrap:anywhere} #app .biometric-prompt h2{font-size:24px;line-height:1.2;letter-spacing:-.5px} #app .biometric-status{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;border:2px solid var(--green,#b5e96a);background:var(--paper,#fff);color:var(--ink,#111);margin:0 0 2px} #app .biometric-status.is-failed{border-color:currentColor} #app .biometric-disclosure{padding:10px 12px;border:1px solid var(--line,#ccd0c7);border-radius:12px;color:var(--ink,#111);background:var(--paper,#fff)} #app .biometric-prompt .actions{margin-top:2px} #app .biometric-prompt .biometric-test-controls{margin:0} @media(max-height:720px){ #app .screen-authorize .biometric-choice{margin-bottom:10px;gap:4px} #app .screen-authorize .biometric-prompt{gap:8px} #app .screen-authorize .biometric-status{width:46px;height:46px} } @media(prefers-reduced-motion:reduce){#app :is(.biometric-prompt,.biometric-status){animation:none;transition:none}} /* Source: minna-edition.css | sha256:918929909f8590d11da8766871bf5e9385f8453da58de51b80b22108d90ac25a */ /* Lumo Minna Edition: one presentation layer; shared product logic is intact. */ @font-face{font-family:'Manrope UI';src:url('/fonts/Manrope-Variable.woff2') format('woff2');font-weight:200 800;font-style:normal;font-display:swap} @font-face{font-family:'Manrope UI';src:url('/fonts/LumoSans-Regular.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap;unicode-range:U+20B5} @font-face{font-family:'Manrope UI';src:url('/fonts/LumoSans-Medium.woff2') format('woff2');font-weight:500;font-style:normal;font-display:swap;unicode-range:U+20B5} @font-face{font-family:'Manrope UI';src:url('/fonts/LumoSans-Semibold.woff2') format('woff2');font-weight:600;font-style:normal;font-display:swap;unicode-range:U+20B5} @font-face{font-family:'Manrope UI';src:url('/fonts/LumoSans-Bold.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap;unicode-range:U+20B5} body.minna-edition{ --ink:#111;--muted:#626262;--paper:#fff;--white:#fff;--soft:#f3f3f3;--line:#d7d7d7; --green:#ffe477;--red:#a22b24;--radius:2px;--native-gutter:22px; --font-interface:'Manrope UI',sans-serif;--font-body:'Manrope UI',sans-serif;--font-heading:'Manrope UI',sans-serif; --font-ui:'Manrope UI',sans-serif;--focus-ink:#111;--green-ink:#111;--green-soft:#f3f3f3; --control-line:#949494;--control-border:#949494;--curve-control:2px;--curve-panel:0px; --curve-bubble:2px;--bold-lens-colour:#ffe477;--task-sheet-curve:18px; --lumo-green:#ffe477;--brand-green:#ffe477;--lumo-accent:#ffe477; font-family:'Manrope UI',sans-serif;font-synthesis:none;background:#ececec;color:#111; } body.minna-edition :is(button,input,select,textarea,h1,h2,h3,p,strong,small,span,label,summary,dt,dd){font-family:inherit} body.minna-edition :is(button,input,select,textarea){font-synthesis:none} body.minna-edition #app{background:#fff;box-shadow:none;border:1px solid #d7d7d7;border-radius:0;color:#111} body.minna-edition #app .screen{background:#fff;color:#111} body.minna-edition :is(h1,h2,h3){font-weight:600;letter-spacing:-.04em} body.minna-edition h1{font-size:2rem;line-height:1.13} body.minna-edition h2{font-size:1.375rem;line-height:1.2} body.minna-edition h3{font-size:1.0625rem;line-height:1.35} body.minna-edition :is(.muted,.small,.eyebrow,.mini-label){color:#626262} body.minna-edition :is(.money,.metric,.amount,.balance-main,.summary-line strong){font-variant-numeric:tabular-nums;letter-spacing:-.035em} body.minna-edition :is(.currency,.money-currency){white-space:nowrap;word-break:keep-all} body.minna-edition #app :is(.primary,.secondary,.danger){border-radius:2px!important;box-shadow:none!important;min-height:50px;font-size:.9375rem;font-weight:600;line-height:1.35} body.minna-edition #app .primary{background:#111;color:#fff;border:1px solid #111} body.minna-edition #app .secondary{background:#fff;color:#111;border:1px solid #111} body.minna-edition #app .danger{background:#fff;color:#a22b24;border:1px solid currentColor} body.minna-edition #app .text-btn{text-decoration:underline;text-decoration-style:dotted;text-underline-offset:5px;color:#111} body.minna-edition #app :is(summary,.link){color:inherit!important} body.minna-edition #app :is(.chip,.pill){border-radius:2px;background:#fff;border:1px solid #bdbdbd;color:#111} body.minna-edition #app :is(.chip.selected,.pill.selected){background:#111!important;color:#fff!important;border-color:#111!important} body.minna-edition #app :is(input:not([type=checkbox]):not([type=radio]),select,textarea){border-radius:2px;background:#fff;border:1px solid #949494;color:#111;box-shadow:none} body.minna-edition #app :is(input,select,textarea):focus{border-color:#111;box-shadow:0 0 0 1px #111} body.minna-edition :is(button,a,input,select,textarea,summary):focus-visible{outline:3px solid #111;outline-offset:3px} body.minna-edition #app :is(.icon-btn,.avatar){border-radius:0;background:transparent;color:#111} body.minna-edition #app .task-sheet-chrome .icon-btn{border-radius:2px!important;background:transparent!important;color:inherit!important} body.minna-edition #app :is(.card,.receipt,.soft,.notice,.money-note){box-shadow:none;background:#fff;border-radius:0} body.minna-edition #app :is(.divider,.progress){background:#e5e5e5;border-radius:0} body.minna-edition #app .progress-bar{background:#111;border-radius:0} body.minna-edition #app .scene-art{filter:grayscale(1) contrast(1.1);background:transparent!important;border-radius:0!important;box-shadow:none!important} body.minna-edition #app .scene-art .legon-backdrop{display:none} body.minna-edition #app .scene-art :is(.expressive-figure,.expressive-figure img){filter:grayscale(1)} body.minna-edition #app :is(.actual-wordmark,.lumo-wordmark-asset){filter:none} body.minna-edition #app .task-sheet{border-radius:18px 18px 0 0;background:#fff;box-shadow:none} body.minna-edition #app .task-sheet-backdrop{background:rgb(0 0 0 / .5);backdrop-filter:none} body.minna-edition #app .task-sheet-chrome{border-bottom:1px solid #e5e5e5;background:#fff} body.minna-edition #app .task-sheet :is(.task-sheet-back,.task-sheet-close){border-radius:0;background:transparent} body.minna-edition #app .prototype-boundary{background:#fff;color:#626262;font-size:.625rem;letter-spacing:.02em;padding-block:3px} body.minna-edition #nav{background:#fff;backdrop-filter:none;border-color:#d7d7d7;border-radius:0;padding:7px 8px calc(9px + env(safe-area-inset-bottom))} body.minna-edition #nav .nav-item{position:relative;min-height:48px;border:0;border-radius:0;color:#666;font-size:.6875rem;gap:4px;padding:5px 2px;background:transparent} body.minna-edition #nav .nav-item.active{background:#111;color:#fff;font-weight:600} body.minna-edition #nav .nav-item :is(span,svg){opacity:1;visibility:visible;color:inherit;background:none} body.minna-edition #nav .nav-item svg{background:none!important;border-radius:0!important;box-shadow:none!important} body.minna-edition #nav .nav-item::before,body.minna-edition #nav .nav-item::after{display:none} body.minna-edition #toast{border-radius:2px;background:#111;color:#fff} body.minna-edition .desktop-note{gap:50px} body.minna-edition .desktop-note h2{font-weight:500;font-size:3.1rem;line-height:1.08;letter-spacing:-.06em} body.minna-edition .desktop-note p{color:#626262} body.minna-edition .desktop-test .pill{border:1px solid #111;background:transparent;border-radius:0} /* Wallet: an open composition, with the conclusion above its supporting facts. */ body.minna-edition #app .screen.screen-home{padding:12px 22px 16px;display:block} body.minna-edition #app .home-refined .home-greeting{margin:0 0 14px;min-height:44px} body.minna-edition #app .home-refined .home-greeting .actual-wordmark{width:100px;min-width:100px} body.minna-edition #app .home-refined .home-header-actions :is(.icon-btn,.avatar,.balance-eye){height:44px!important;min-height:44px!important;border:0!important;border-radius:0!important;background:transparent!important;color:#111!important} body.minna-edition #app .home-refined .home-header-actions .balance-eye{padding:6px!important} body.minna-edition #app .home-refined .home-header-actions .balance-eye :is(svg,span){color:#111!important} body.minna-edition #app .home-refined .accounts-welcome{margin:0 0 18px} body.minna-edition #app .home-refined .accounts-welcome p{font-size:1rem;font-weight:500;letter-spacing:-.01em} body.minna-edition #app .home-refined .home-accounts-group{display:block;gap:0} body.minna-edition #app .home-refined .account-card{border:0;border-radius:0;padding:0;box-shadow:none;background:#fff} body.minna-edition #app .home-refined .account-operational{padding-bottom:16px;border-bottom:1px solid #111} body.minna-edition #app .home-refined .account-card-heading{align-items:baseline;gap:10px} body.minna-edition #app .home-refined .account-card-heading h2{font-size:.875rem;font-weight:600;letter-spacing:0} body.minna-edition #app .home-refined .account-card-heading>span{font-size:.625rem;color:#626262;letter-spacing:.025em} body.minna-edition #app .home-refined .account-intelligence{position:relative;min-height:145px;display:grid;grid-template-columns:minmax(0,1fr) 118px;align-items:center;margin:8px 0 2px;gap:4px} body.minna-edition #app .home-refined .account-room{display:block;text-align:left;padding:0;border:0;background:transparent;min-width:0} body.minna-edition #app .home-refined .account-room>span,body.minna-edition #app .home-refined .account-balance-primary>span{font-size:.8125rem;line-height:1.5;color:#626262;font-weight:500} body.minna-edition #app .home-refined :is(.account-room,.account-balance-primary)>strong{display:block;width:max-content;max-width:100%;font-size:clamp(2.25rem,9.3vw,2.75rem);line-height:1.13;letter-spacing:-.06em;font-weight:500;background:none;padding:0;margin:6px 0 9px;color:#111;white-space:nowrap} body.minna-edition #app .home-refined .account-room>strong :is(.currency,.money-currency){font-size:.5em;letter-spacing:-.035em} body.minna-edition #app .home-refined .account-room>small{font-size:.6875rem;line-height:1.5;color:#626262;display:block;max-width:24ch} body.minna-edition #app .home-refined .accounts-home-art{width:118px;height:145px;align-self:end;margin:0} body.minna-edition #app .home-refined .accounts-home-art .scene-art{height:145px!important;width:118px!important;max-width:118px!important;margin:0!important} body.minna-edition #app .home-refined .accounts-home-art .expressive-figure{width:100%;height:100%} body.minna-edition #app .home-refined .account-available{margin:0;padding:10px 0 0;border:0;display:flex;justify-content:space-between;align-items:baseline;gap:12px} body.minna-edition #app .home-refined .account-available>span{font-size:.75rem;color:#626262} body.minna-edition #app .home-refined .account-available>strong{font-size:1rem;font-weight:500;letter-spacing:-.025em;white-space:nowrap} body.minna-edition #app .home-refined .account-funding-row{margin:4px 0 0;padding:0;justify-content:flex-start} body.minna-edition #app .home-refined .account-add-money{min-height:36px;padding:4px 0;border:0;border-radius:0;background:transparent;font-size:.75rem;text-decoration:underline;text-decoration-style:dotted;text-underline-offset:5px} body.minna-edition #app .home-refined .account-savings{padding:15px 0;border-bottom:1px solid #d7d7d7;display:block} body.minna-edition #app .home-refined .account-savings .savings-symbol{display:none} body.minna-edition #app .home-refined .account-savings>button{padding:0;min-height:54px;background:none;align-items:center} body.minna-edition #app .home-refined .account-savings>button>span{display:grid;grid-template-columns:1fr auto;align-items:baseline;gap:3px 10px;flex:1} body.minna-edition #app .home-refined .account-savings .account-card-heading{grid-column:1;display:block} body.minna-edition #app .home-refined .account-savings .account-card-heading>span{display:block;font-size:.625rem;margin-top:3px} body.minna-edition #app .home-refined .account-savings strong{grid-column:2;grid-row:1;font-size:1.25rem;font-weight:500;letter-spacing:-.04em;white-space:nowrap} body.minna-edition #app .home-refined .account-savings small{grid-column:2;grid-row:2;font-size:.625rem;text-align:right;color:#626262} body.minna-edition #app .home-refined .home-funding-actions{margin:16px 0;gap:9px;display:grid;grid-template-columns:1fr 1fr} body.minna-edition #app .home-refined .home-funding-actions :is(.primary,.secondary){font-size:.8125rem;min-height:49px;padding:10px 8px} body.minna-edition #app .home-refined .home-money-story{margin:0;padding:0;border:0;border-radius:0;background:none} body.minna-edition #app .home-refined .home-money-story :is(h2,h3){font-size:.9375rem;font-weight:600} body.minna-edition #app .home-refined .home-money-story .story-total{font-size:1.125rem;font-weight:500} body.minna-edition #app .home-refined .money-story-preview{border-radius:0;background:none} body.minna-edition #app .home-refined .home-money-story>button{border-radius:0;min-height:60px;padding:8px 0;background:none} /* Plan: two clear ledgers, separated by a rule rather than nested cards. */ body.minna-edition #app .plan-hub :is(.plan-budget-section,.plan-boxes-section){border:0;border-top:1px solid #111;border-radius:0;background:none;box-shadow:none;padding:20px 0;margin-top:20px} body.minna-edition #app .plan-hub .plan-hub-heading{margin:16px 0 20px} body.minna-edition #app .plan-hub .plan-hub-heading h1{font-size:2.125rem;font-weight:500;letter-spacing:-.055em} body.minna-edition #app .plan-hub .plan-hub-amount{font-size:2.25rem;font-weight:500;background:none;letter-spacing:-.055em} body.minna-edition #app .plan-hub .plan-hub-actions{gap:8px;margin-top:18px} body.minna-edition #app .plan-hub :is(.plan-section-icon,.plan-box-icon){border-radius:0;background:transparent;color:#111} body.minna-edition #app .plan-hub :is(.plan-row,.budget-line){border-radius:0;background:transparent;border-bottom:1px solid #d7d7d7} /* Chat gives the conversation the page; calculation remains a focused sheet. */ body.minna-edition #app .chat-workspace .page-heading{padding:0;margin:4px 0 16px} body.minna-edition #app .chat-workspace .page-heading h1{font-size:2.125rem;font-weight:500;line-height:1.1;max-width:8ch;letter-spacing:-.055em} body.minna-edition #app .chat-workspace .page-heading>p{font-size:.8125rem;color:#626262;max-width:25ch} body.minna-edition #app .chat-workspace .chat-illustration{width:110px;height:110px;right:0;bottom:0} body.minna-edition #app .chat-workspace .chat-illustration .scene-art{height:110px!important;max-height:110px!important;margin:0!important} body.minna-edition #app .chat-workspace .chat-bubble{border:0;border-radius:0;background:#fff;padding:15px 0;color:#111;max-width:100%;margin:4px 0 12px;font-size:.9375rem;line-height:1.55;box-shadow:none} body.minna-edition #app .chat-workspace .chat-bubble.user{padding:12px 14px;margin:12px 0 4px auto;max-width:90%;background:#111;color:#fff;border-radius:2px} body.minna-edition #app .chat-workspace .chat-bubble .lead{font-size:1.125rem;line-height:1.35;letter-spacing:-.025em;font-weight:600} body.minna-edition #app .chat-workspace .chat-reply .lead{color:#111!important} body.minna-edition #app .chat-workspace .chat-calculation-link{color:#111;border:0;border-radius:0;background:none;text-decoration:underline;text-decoration-style:dotted;text-underline-offset:5px;padding-left:0} body.minna-edition #app .chat-workspace .chat-prompts{border:0;border-top:1px solid #d7d7d7;border-radius:0;background:none} body.minna-edition #app .chat-workspace .chat-prompts .chip{border:0;border-bottom:1px solid #d7d7d7;width:100%;text-align:left;justify-content:flex-start;padding:12px 0;font-size:.875rem;margin:0;border-radius:0;background:none} body.minna-edition #app .chat-workspace .chat-entry{background:#fff;border:0;border-top:1px solid #111;border-radius:0!important;padding:10px 0 0;box-shadow:none} body.minna-edition #app .chat-workspace .chat-entry input{border:0;background:#f3f3f3;min-height:50px;font-size:1rem;border-radius:2px!important} body.minna-edition #app .chat-workspace .chat-entry button{border-radius:2px;background:#111;color:#fff;min-width:50px;height:50px} body.minna-edition #app .chat-workspace .chat-entry:focus-within{outline:2px solid #111;outline-offset:3px;border-color:#111} body.minna-edition #app .chat-workspace .chat-entry input:focus-visible{outline:none} body.minna-edition #app .chat-has-conversation .chat-tools{max-height:none;overflow:visible;flex:0 0 auto} body.minna-edition #app .chat-workspace .chat-boundary{font-size:.625rem;color:#626262} body.minna-edition #app .chat-has-conversation .page-heading h1{font-size:1.375rem;max-width:none} body.minna-edition #app .chat-has-conversation .page-heading{margin-bottom:8px;padding-bottom:10px;border-bottom:1px solid #d7d7d7} @media(max-width:899px){body.minna-edition{background:#fff}body.minna-edition #app{border:0}} @media(max-height:700px){ body.minna-edition #app .home-refined .home-greeting{margin-bottom:7px} body.minna-edition #app .home-refined .accounts-welcome{margin-bottom:10px} body.minna-edition #app .home-refined .account-intelligence{min-height:100px} body.minna-edition #app .home-refined .accounts-home-art,body.minna-edition #app .home-refined .accounts-home-art .scene-art{height:100px!important} body.minna-edition #app .home-refined .account-operational{padding-bottom:10px} body.minna-edition #app .home-refined .account-savings{padding-block:10px} body.minna-edition #app .home-refined .home-funding-actions{margin:12px 0} } @media(prefers-reduced-motion:reduce){body.minna-edition *{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}} /* Account roles keep their heading stack on detailed account surfaces. */ body.minna-edition #app .home-refined .account-operational>.account-card-heading{flex-direction:column;align-items:flex-start;gap:3px} body.minna-edition #app .home-refined .account-card-heading>span{font-size:.6875rem} body.minna-edition #app .home-refined .accounts-welcome .balance-eye{border:0;background:transparent;border-radius:0;color:var(--ink)} body.minna-edition #app .home-refined .account-operational.has-wide-amount .account-intelligence{display:block;min-height:0} body.minna-edition #app .home-refined .account-savings.has-wide-amount>button>span{display:block} body.minna-edition #app .home-refined .account-savings.has-wide-amount small{text-align:left} body.minna-edition #app .home-refined .has-wide-amount :is(.account-room,.account-balance-primary)>strong{white-space:normal} body.minna-edition #app .home-refined .has-wide-amount strong .whole{white-space:normal;overflow-wrap:anywhere} /* The minimal Home preserves this edition’s monochrome presentation. */ body.minna-edition #app .home-minimal .account-operational{padding:4px 0 8px;border-bottom:1px solid #111} body.minna-edition #app .home-minimal .home-card-heading>span{font-size:.875rem;font-weight:500;color:#626262} body.minna-edition #app .home-minimal .home-card-heading .balance-eye{border:0;border-radius:0;background:transparent;color:#111} body.minna-edition #app .home-minimal .account-intelligence{margin:0 0 8px;min-height:150px} body.minna-edition #app .home-minimal .account-room>small.home-balance-details{font-size:.75rem} body.minna-edition #app .home-minimal .account-available{padding:12px 0 4px} body.minna-edition #app .home-minimal .home-funding-actions{margin:20px 0 0} @media(max-height:700px){body.minna-edition #app .home-minimal .account-intelligence{min-height:128px}} /* Source: minna-transactions.css | sha256:00fc99ea7b974be808a1e9f6767ed0e22998a23c10bb4f26dd1afdced0734d17 */ /* Minna Edition: transaction presentation only. Financial rules, payment state, timing, focus and sheet behaviour stay in their existing modules. White is the everyday canvas; a black Pause makes a proposed consequence unmistakable. Yellow marks a reveal or feedback. */ body.minna-edition #app :is(.screen-pay,.screen-send,.screen-bill,.screen-campusPay,.screen-paymentReview,.screen-authorize,.screen-paymentResult,.screen-addMoney,.screen-momoAdd,.screen-bankAdd,.screen-txDetail,.screen-paymentPlanLink,.screen-paymentCancel,.screen-requestCreate,.screen-requestDetail,.screen-requestConfirm){ color:#111;background:#fff; } body.minna-edition #app :is(.transaction-stage,.payment-balance,.decision-payment-summary){ background:none;border-color:#d6d6d6;border-radius:0;box-shadow:none; } body.minna-edition #app .transaction-stage{margin-bottom:12px;color:#626262;font-size:.75rem;letter-spacing:0} body.minna-edition #app .transaction-stage strong{color:#111;font-weight:600} body.minna-edition #app .transaction-stage-dots i{background:#d6d6d6;border-radius:0} body.minna-edition #app .transaction-stage-dots i.active{background:#111} body.minna-edition #app .screen .payment-balance{padding:0 0 10px;margin-bottom:12px} body.minna-edition #app .screen .payment-balance>span{color:#626262} body.minna-edition #app .screen .payment-balance>strong{color:#111;font-weight:600} body.minna-edition #app :is(.payment-currency,.payment-balance-currency,.payment-amount-row .currency){white-space:nowrap!important;overflow-wrap:normal!important;word-break:normal!important;flex-shrink:0} body.minna-edition #app :is(.screen-send,.screen-bill,.screen-campusPay,.screen-paymentReview,.screen-authorize,.screen-paymentResult,.screen-addMoney,.screen-momoAdd,.screen-bankAdd,.screen-txDetail) .scene-art{ filter:grayscale(1)!important; } /* Pay: a single open list, distinct tab labels and a restrained right-hand scene. */ body.minna-edition #app .screen-pay .focus-pay-heading{margin-bottom:0} body.minna-edition #app .screen-pay .focus-pay-heading h1{font-size:2rem;line-height:1.12;letter-spacing:-.045em;margin-bottom:7px} body.minna-edition #app .screen-pay .focus-pay-heading p{color:#626262;font-size:.9375rem;line-height:1.45} body.minna-edition #app .screen-pay .pay-hero.focus-pay-art{width:68%;margin-left:auto} body.minna-edition #app .screen-pay .pay-hero.focus-pay-art .scene-art{height:90px!important;min-height:0!important;margin:4px 0 12px!important;filter:grayscale(1)!important} body.minna-edition #app .screen-pay .pay-tabs{background:none;padding:0;gap:0;border:0;border-bottom:1px solid #d6d6d6;border-radius:0;box-shadow:none;margin-bottom:12px} body.minna-edition #app .screen-pay .pay-tabs button{min-height:48px;padding:11px 4px;background:none;border:0;border-bottom:3px solid transparent;border-radius:0;color:#626262;box-shadow:none;font-size:.875rem;font-weight:500} body.minna-edition #app .screen-pay .pay-tabs button[aria-selected=true]{color:#111;background:none;border-bottom-color:#111;font-weight:700} body.minna-edition #app .screen-pay .pay-option-list{border:0;border-radius:0;background:none} body.minna-edition #app .screen-pay .pay-option-list .row{padding:14px 0;border-bottom:1px solid #d6d6d6;border-radius:0;background:none} body.minna-edition #app .screen-pay .pay-option-list .row :is(.avatar,.row-icon){background:none;color:#111;border:0;border-radius:0} body.minna-edition #app .screen-pay .pay-option-list .row .muted{color:#626262} body.minna-edition #app .screen-pay .compact-draft{background:#f4f4f4;color:#111;border:1px solid #d6d6d6;border-radius:2px;box-shadow:none;padding:11px 12px;min-height:48px} body.minna-edition #app .screen-pay .pay-utilities{border-top:0;gap:8px} body.minna-edition #app .screen-pay .pay-utilities .text-btn{color:#111} /* Entry: the amount is the anchor; prediction is one compact fact beneath it. */ body.minna-edition #app .screen [data-payment-entry] .hero{gap:5px!important;margin-bottom:12px;text-align:left} body.minna-edition #app .screen [data-payment-entry] .hero>h1{font-size:1.5rem;line-height:1.2;letter-spacing:-.035em;margin:0;color:#111} body.minna-edition #app .screen [data-payment-entry] .hero p{color:#626262;font-size:.875rem;line-height:1.4;margin:0} body.minna-edition #app .screen [data-payment-entry] .hero .text-btn{align-self:flex-start;padding-left:0;min-height:44px;color:#111} body.minna-edition #app .screen [data-payment-entry] .payment-amount-row{display:flex;align-items:baseline;gap:9px;min-width:0;padding:2px 0 8px;border:0;border-bottom:2px solid #111;border-radius:0;background:none;box-shadow:none} body.minna-edition #app .screen [data-payment-entry] .payment-amount-row:focus-within{border-color:#111;box-shadow:0 2px 0 #111} body.minna-edition #app .screen [data-payment-entry] .payment-currency{font-size:1.25rem;font-weight:500;color:#111;line-height:1.2} body.minna-edition #app .task-sheet-layer .screen [data-payment-entry] .amount-input, body.minna-edition #app .screen [data-payment-entry] .payment-amount-row .amount-input{padding:3px 0;font-size:2.5rem;line-height:1.15;font-weight:500;letter-spacing:-.05em;min-width:0;width:100%;border:0;border-radius:0;background:none!important;color:#111;box-shadow:none} body.minna-edition #app .screen [data-payment-entry] .payment-plan-link{margin-top:12px;background:none;border:0;padding:0} body.minna-edition #app .screen [data-payment-entry] .payment-plan-link select{min-height:48px;border:1px solid #a5a5a5;border-radius:2px;background:#fff;color:#111;box-shadow:none} body.minna-edition #app .screen [data-payment-entry] #payment-plan-hint{margin:4px 0 0;color:#626262;line-height:1.4} body.minna-edition #app .screen [data-payment-entry] .payment-projection{margin:10px 0 12px} body.minna-edition #app .screen [data-payment-entry] .entry-consequence, body.minna-edition #app .screen [data-payment-entry] .entry-consequence.lumo-lens-small{padding:8px 0 8px 12px;border:0;border-left:2px solid #111;border-radius:0;background:none;box-shadow:none} body.minna-edition #app .screen [data-payment-entry] .entry-consequence-copy, body.minna-edition #app .screen [data-payment-entry] .entry-consequence-copy.lumo-lens-value{font-size:.9375rem;line-height:1.4;font-weight:600;color:#111!important;padding:0;background:none!important;box-shadow:none} body.minna-edition #app .screen [data-payment-entry] .entry-consequence-label{font-size:.75rem;color:#626262;font-weight:400;margin-bottom:3px} body.minna-edition #app .screen [data-payment-entry] .entry-category{color:#626262;margin:4px 0 8px} body.minna-edition #app .screen [data-payment-entry] .entry-category :is(span,small){color:#626262} body.minna-edition #app .screen [data-payment-entry] .entry-category strong{color:#111} body.minna-edition #app .screen [data-payment-entry] .category-chip{background:#fff;border:1px solid #a5a5a5;color:#111;border-radius:2px;min-height:44px} body.minna-edition #app .screen [data-payment-entry] .category-quick .text-btn{color:#111} body.minna-edition #app .screen :is(.payment-plan-choice,.recipient-search){border-color:#d6d6d6;border-radius:0;background:none} body.minna-edition #app .screen :is(.payment-plan-choice,.recipient-search)>summary{color:#111;min-height:44px} /* Review owns recipient, amount and total. No extra consequence card. */ body.minna-edition #app .screen-paymentReview .focus-payment-title{padding:0;margin:12px 0 20px;background:none;border:0;border-radius:0;text-align:left} body.minna-edition #app .screen-paymentReview .focus-payment-title :is(.eyebrow,small){color:#626262} body.minna-edition #app .task-sheet-layer .screen-paymentReview .focus-payment-title h1, body.minna-edition #app .screen-paymentReview .focus-payment-title h1{color:#111;font-size:2.75rem;line-height:1.1;font-weight:500;letter-spacing:-.055em;margin:6px 0 9px;text-align:left} body.minna-edition #app .screen-paymentReview .focus-payment-title p{margin-bottom:5px;color:#111;font-size:1rem} body.minna-edition #app .screen-paymentReview .focus-payment-title small{display:block;overflow-wrap:anywhere;line-height:1.4} body.minna-edition #app .screen-paymentReview .focus-receipt, body.minna-edition #app :is(.screen-paymentReview,.screen-txDetail,.screen-requestCreate,.screen-requestDetail,.screen-requestConfirm,.screen-momoAdd,.screen-bankAdd) .receipt{padding:0;background:none;border:0;border-top:1px solid #d6d6d6;border-bottom:1px solid #d6d6d6;border-radius:0;box-shadow:none} body.minna-edition #app .screen-paymentReview .focus-receipt>div{padding:12px 0;gap:12px} body.minna-edition #app .screen-paymentReview .focus-receipt span{color:#626262} body.minna-edition #app .screen-paymentReview .focus-receipt strong{color:#111;font-weight:600} body.minna-edition #app .screen-paymentReview .focus-receipt .focus-total{border-color:#d6d6d6} body.minna-edition #app .screen-paymentReview .focus-receipt .focus-total strong{font-size:1.125rem} body.minna-edition #app .screen .focus-details{margin:6px 0} body.minna-edition #app .screen .focus-details summary{min-height:44px;color:#111;font-weight:500} body.minna-edition #app .screen-paymentReview .box-transfer-total{display:block;margin:10px 0 18px;text-align:left} body.minna-edition #app .screen-paymentReview .box-transfer-total .balance-main{margin-top:5px;font-weight:500;color:#111} body.minna-edition #app .screen .box-transfer-summary{border-radius:0;background:none;padding:0} body.minna-edition #app .screen .receipt .summary-line{border-color:#d6d6d6;min-width:0;gap:12px;padding:11px 0} body.minna-edition #app .screen .receipt .summary-line>span{color:#626262} body.minna-edition #app .screen .receipt .summary-line>strong{color:#111;font-weight:600;overflow-wrap:anywhere} body.minna-edition #app .screen .receipt-more{border-color:#d6d6d6} body.minna-edition #app .screen .receipt-more>summary{color:#111;min-height:44px} /* Authentication remains separate from the projected decision. */ body.minna-edition #app .screen-authorize .hero{align-items:flex-start!important;text-align:left;gap:6px!important;margin-bottom:16px} body.minna-edition #app .screen-authorize .hero h1{color:#111;font-size:2.25rem;line-height:1.1;letter-spacing:-.045em;font-weight:500} body.minna-edition #app .screen-authorize .hero :is(p,.muted){color:#626262;text-align:left} body.minna-edition #app .screen-authorize .biometric-entry{border:1px solid #111;border-radius:2px;background:#fff;color:#111} body.minna-edition #app .screen-authorize .biometric-entry small{border-radius:0;font-weight:500} body.minna-edition #app .screen-authorize .biometric-choice>p{text-align:left;color:#626262} body.minna-edition #app .screen-authorize .biometric-status{width:48px;height:48px;border:1.5px solid #111;border-radius:2px;background:#fff;color:#111;box-shadow:none} body.minna-edition #app .screen-authorize .biometric-prompt h2{font-size:1.5rem;font-weight:600;color:#111} body.minna-edition #app .screen-authorize .biometric-disclosure{padding:10px 0;border:0;border-top:1px solid #d6d6d6;border-bottom:1px solid #d6d6d6;border-radius:0;background:none;color:#626262;font-size:.875rem} body.minna-edition #app .screen-authorize .biometric-test-controls{border-radius:0;background:none;border-color:#d6d6d6} /* QR is a real camera/photo/manual choice. A scan is never payment success. */ body.minna-edition #app .qr-campus .qr-start{min-height:52px;border-radius:2px} body.minna-edition #app .qr-campus .qr-camera{background:#111;border:1px solid #111;border-radius:2px;box-shadow:none} body.minna-edition #app .qr-campus .qr-viewfinder{border-color:#fff;border-radius:2px;color:#fff} body.minna-edition #app .qr-campus .qr-camera-label{background:#111;color:#fff;border-radius:0;padding:5px 8px} body.minna-edition #app .qr-campus .qr-code-form{border-color:#d6d6d6;border-radius:0;background:none} body.minna-edition #app .qr-campus .qr-code-form input{border-radius:2px} body.minna-edition #app .qr-campus .qr-merchants{border:0;border-radius:0;background:none} body.minna-edition #app .qr-campus .qr-merchants .row{border-bottom:1px solid #d6d6d6;border-radius:0;background:none;padding-inline:0} body.minna-edition #app .qr-campus .qr-merchants .avatar{color:#111;background:none;border-radius:0} body.minna-edition #app .qr-campus .qr-status{color:#111} body.minna-edition #app .qr-campus .qr-code-alternative{color:#111} body.minna-edition #app .qr-campus .qr-demo-card{border:1px solid #d6d6d6;background:#fff;border-radius:2px;box-shadow:none} body.minna-edition #app .qr-campus :is(.lumo-payment-qr,.qr-sample-code){filter:none!important;border-radius:0;background:#fff} /* Funding and results: one status, essential context, an obvious next action. */ body.minna-edition #app .screen-addMoney .funding-balance{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:12px 0;border-top:1px solid #d6d6d6;border-bottom:1px solid #d6d6d6;border-radius:0;background:none;color:#111} body.minna-edition #app .screen-addMoney .funding-balance strong{font-size:1.25rem;font-weight:600;letter-spacing:-.03em} body.minna-edition #app .screen-addMoney .funding-choices{gap:0} body.minna-edition #app .screen-addMoney .funding-choices :is(.illustrated-choice,.menu-choice){border:0;border-bottom:1px solid #d6d6d6;border-radius:0;background:none;box-shadow:none;text-align:left;min-height:106px} body.minna-edition #app .screen-addMoney .funding-choices :is(.illustrated-choice,.menu-choice) .scene-art{filter:grayscale(1)!important;height:70px!important;min-height:0!important;margin-left:auto!important} body.minna-edition #app :is(.screen-momoAdd,.screen-bankAdd,.screen-budgetAfterFunding) .notice{background:#f4f4f4;border:0;border-left:2px solid #111;border-radius:0;padding:12px;color:#111;box-shadow:none} body.minna-edition #app :is(.bank-funding-result,.funding-budget-prompt) .notice .avatar{background:none;border:1px solid #111;border-radius:2px;color:#111} body.minna-edition #app .screen .payment-result-compact{padding:0;text-align:left} body.minna-edition #app .screen .payment-result-compact .result-mark{margin:4px 0 18px;width:48px;height:48px;min-width:48px;background:#fff;color:#111;border:1.5px solid #111;border-radius:2px;box-shadow:none} body.minna-edition #app .screen .payment-result-compact[data-payment-state=confirmed] .result-mark{background:#111;color:#fff} body.minna-edition #app .screen .payment-result-compact>h1{text-align:left;font-size:1.75rem;line-height:1.15;font-weight:600;letter-spacing:-.035em;color:#111;margin-bottom:12px} body.minna-edition #app .screen .payment-result-compact .result-context{text-align:left;color:#111;font-size:1rem;line-height:1.5} body.minna-edition #app .screen .payment-result-compact .result-explanation{color:#626262} body.minna-edition #app .screen .payment-result-compact .result-reference{border-color:#d6d6d6;padding:12px 0} body.minna-edition #app .screen .payment-result-compact .result-reference>span{color:#626262} body.minna-edition #app .screen .payment-result-compact .result-reference>strong{font-weight:500;color:#111} body.minna-edition #app .screen .payment-result-compact :is(.preview-boundary,.result-details){text-align:left;color:#626262} body.minna-edition #app :is(.screen-txDetail,.screen-requestDetail,.screen-requestConfirm) .hero{text-align:left;align-items:flex-start!important} body.minna-edition #app :is(.screen-txDetail,.screen-requestDetail,.screen-requestConfirm) .hero .avatar{border:1px solid #111;border-radius:2px;background:none;color:#111} /* Pause is a deliberate inversion, not another coloured account card. These selectors intentionally outrank the historical edition styles. */ body.minna-edition #app .task-sheet[data-sheet-treatment=pause], body.minna-edition #app .task-sheet[data-step=pause]{background:#111;color:#fff;border-color:#111;border-top-width:1px} body.minna-edition #app .task-sheet:is([data-sheet-treatment=pause],[data-step=pause]) :is(.task-sheet-chrome,.task-sheet-body){background:#111;color:#fff;border-color:#454545} body.minna-edition #app .task-sheet:is([data-sheet-treatment=pause],[data-step=pause]) :is(#task-sheet-title,.icon-btn){color:#fff} body.minna-edition #app .task-sheet:is([data-sheet-treatment=pause],[data-step=pause]) .icon-btn{background:none;border-color:transparent} body.minna-edition #app .task-sheet:is([data-sheet-treatment=pause],[data-step=pause]) .task-sheet-grab{background:#999} body.minna-edition #app .task-sheet-layer:has([data-pause-hero]) .task-sheet-backdrop{background:rgba(0,0,0,.64)} body.minna-edition #app .screen.screen-pause, body.minna-edition #app .task-sheet-layer .screen.screen-pause, body.minna-edition #app .task-sheet-layer .screen.screen-pause[data-density]{--muted:#bdbdbd;--line:#454545;--control-line:#777;background:#111;color:#fff} body.minna-edition #app .screen-pause :is(.transaction-stage,.transaction-stage strong,.payment-balance>strong,.pause-payment-context,.pause-payment-context strong,.focus-pause-label,.pause-goal-impact,.pause-total-impact,.pause-decision-consequence p){color:#fff} body.minna-edition #app .screen-pause :is(.payment-balance,.decision-payment-summary){border-color:#454545} body.minna-edition #app .screen-pause :is(.payment-balance>span,.decision-payment-summary>span,.projection-tag,.focus-footnote,.pause-comparison-note,.pause-timing-status,.pause-payment-context small){color:#bdbdbd} body.minna-edition #app .screen-pause .decision-payment-summary strong{color:#fff} body.minna-edition #app .screen-pause .transaction-stage-dots i{background:#555} body.minna-edition #app .screen-pause .transaction-stage-dots i.active{background:#fff} body.minna-edition #app .task-sheet-layer .screen-pause .pause-decision-heading .focus-pause-insight h1, body.minna-edition #app .task-sheet-layer .screen-pause:has([data-pause-hero]) .pause-decision-heading .focus-pause-insight h1, body.minna-edition #app .task-sheet-layer .screen-pause .focus-pause-insight[data-decision-state=shortfall] h1{color:#fff;background:none;font-size:1.75rem;line-height:1.16;font-weight:600;letter-spacing:-.035em} body.minna-edition #app .task-sheet-layer .screen-pause .pause-comparison, body.minna-edition #app .screen .pause-comparison.pause-hero, body.minna-edition #app .task-sheet-layer .screen-pause .pause-comparison.pause-hero{background:#111;color:#fff;border:0;border-top:1px solid #454545;border-bottom:1px solid #454545;border-radius:0;padding:0 0 12px;margin:12px 0;box-shadow:none} body.minna-edition #app .screen-pause .pause-hero-toolbar{min-height:48px} body.minna-edition #app .screen-pause .pause-hero-intro{padding:8px 0 4px} body.minna-edition #app .screen-pause .pause-hero .pause-hero-intro h2{color:#fff;font-size:.875rem;font-weight:600} body.minna-edition #app .screen-pause :is(.pause-hero-boundary,.pause-comparison-values .comparison-label,.pause-comparison-values small,.pause-comparison-arrow){color:#bdbdbd} body.minna-edition #app .screen-pause .pause-hero-replay{color:#fff;border:0;border-radius:0;background:none;min-height:44px} body.minna-edition #app .screen-pause .pause-money-stage{height:66px;margin:-3px 0 6px;color:#fff} body.minna-edition #app .screen-pause .pause-money-ring{color:#ffe477} body.minna-edition #app .screen-pause .pause-money-slip{fill:#fff;stroke:#111} body.minna-edition #app .screen-pause .pause-lens-symbol{color:#fff} body.minna-edition #app .task-sheet-layer .screen-pause .pause-comparison-values strong, body.minna-edition #app .task-sheet-layer .screen-pause:has([data-pause-hero]) .pause-hero .pause-comparison-after.lumo-lens strong, body.minna-edition #app .task-sheet-layer .screen-pause:has(.focus-pause-insight[data-decision-state=shortfall]) .pause-comparison-after.lumo-lens strong{background:none;color:#fff;font-size:1.875rem;line-height:1.2;letter-spacing:-.04em;font-weight:600;padding:0} body.minna-edition #app .screen-pause .pause-hero .pause-comparison-before strong{color:#fff;font-weight:500} body.minna-edition #app .screen-pause .pause-hero .pause-comparison-after{border-color:#ffe477} body.minna-edition #app .screen-pause .pause-comparison-values{padding:8px 0;gap:6px} body.minna-edition #app .screen-pause .pause-comparison-values strong{white-space:nowrap} body.minna-edition #app .screen-pause .pause-comparison-values small{font-size:.6875rem;line-height:1.35} body.minna-edition #app .screen-pause .pause-suggested-amount{color:#fff;text-decoration:underline;text-underline-offset:4px;text-decoration-color:#999} body.minna-edition #app .screen-pause .pause-suggested-amount small{color:#bdbdbd;text-decoration:none} body.minna-edition #app .task-sheet-layer .screen-pause .pause-decisions .pause-equal-choice, body.minna-edition #app .screen-pause:has([data-pause-hero]) .pause-equal-choice:first-child, body.minna-edition #app .screen-pause:has([data-pause-hero]) .pause-equal-choice:last-child{background:#fff;color:#111;border:1px solid #fff;border-radius:2px;min-height:52px;font-size:.9375rem;font-weight:600;box-shadow:none} body.minna-edition #app .screen-pause [data-pause-hold]::after{background:#ffe477} body.minna-edition #app .screen-pause [data-pause-hold][aria-disabled=true]{background:#111;color:#bdbdbd;border-color:#999;border-style:dashed} body.minna-edition #app .screen-pause :is(.pause-link-cost,.focus-pause-exits .text-btn,.pause-calculation>summary){color:#fff;background:none;border-radius:0} body.minna-edition #app .screen-pause :is(.pause-calculation,.focus-details,.pause-calculation dl,.pause-calculation dt,.pause-calculation dd){color:#fff;border-color:#454545;background:none} body.minna-edition #app .screen-pause :is(button,summary,a):focus-visible, body.minna-edition #app .task-sheet:is([data-sheet-treatment=pause],[data-step=pause]) .icon-btn:focus-visible{outline:2px solid #ffe477;outline-offset:3px} /* Short screens trade illustration and whitespace, never the user's choices. */ @media(max-height:720px){ body.minna-edition #app .screen-pay .pay-hero.focus-pay-art .scene-art{height:60px!important;margin:2px 0 8px!important} body.minna-edition #app .screen-pay .focus-pay-heading h1{font-size:1.875rem} body.minna-edition #app .screen .transaction-stage{margin-bottom:6px} body.minna-edition #app .screen .payment-balance{padding:0 0 7px;margin-bottom:8px} body.minna-edition #app .screen [data-payment-entry] .hero{margin-bottom:8px} body.minna-edition #app .screen [data-payment-entry] .payment-projection{margin:7px 0 9px} body.minna-edition #app .screen-paymentReview .focus-payment-title{margin:6px 0 14px} body.minna-edition #app .screen-paymentReview .focus-receipt>div{padding:10px 0} body.minna-edition #app .screen-authorize .hero{margin-bottom:10px} body.minna-edition #app .screen .payment-result-compact .result-mark{margin-bottom:12px} body.minna-edition #app .task-sheet-layer .screen-pause:has([data-pause-hero]) .pause-decision-heading .focus-pause-insight h1{font-size:1.5rem;line-height:1.18} body.minna-edition #app .screen-pause .pause-money-stage{height:46px;margin:-3px 0 3px} body.minna-edition #app .screen-pause .pause-hero-toolbar{min-height:44px} body.minna-edition #app .screen-pause .pause-hero-intro{padding:4px 0} body.minna-edition #app .task-sheet-layer .screen-pause .pause-comparison.pause-hero{margin:8px 0;padding-bottom:9px} body.minna-edition #app .task-sheet-layer .screen-pause .pause-comparison-values strong, body.minna-edition #app .task-sheet-layer .screen-pause:has([data-pause-hero]) .pause-hero .pause-comparison-after.lumo-lens strong{font-size:1.625rem} body.minna-edition #app .screen-pause .pause-actions{margin-top:8px} } @media(max-width:340px){ body.minna-edition #app .screen [data-payment-entry] .payment-amount-row .amount-input{font-size:2.25rem} body.minna-edition #app .screen-paymentReview .focus-payment-title h1{font-size:2.5rem} } @media(prefers-reduced-motion:reduce){ body.minna-edition #app :is(.pay-tabs button,.qr-viewfinder,.biometric-status){animation:none;transition:none} } /* Source: minna-flows.css | sha256:97668bc3d900af015b3fce6cb99c2ada7a89c8d06d039019157a3ec256d23a88 */ /* Minna Edition: setup, personal tools and saving use the same ink-and-paper system as the wallet. Controllers, field names and decisions are untouched. */ body.minna-edition #app :is(.onboarding-page,.account-flow,.simple-plan-setup){ color:#111;min-width:0;max-width:100%; } body.minna-edition #app .screen :is(.onboarding-page,.account-flow,.simple-plan-setup) :is(.card,.soft,.notice,.receipt){ background:#fff;color:#111;box-shadow:none;border-radius:0; border:0;border-block:1px solid #d7d7d7;padding:14px 0; } body.minna-edition #app .screen :is(.onboarding-page,.account-flow,.simple-plan-setup) :is(p,small,.small){ line-height:1.5;letter-spacing:0; } body.minna-edition #app .screen :is(.onboarding-page,.account-flow,.simple-plan-setup) .muted{ color:#626262; } /* An introduction is left aligned and editorial. Artwork supplies warmth; it never sits behind a field or competes with the form's next action. */ body.minna-edition #app .screen .onboarding-page .page-heading{ margin:6px 0 20px;max-width:none;text-align:left; } body.minna-edition #app .screen .onboarding-page .page-heading>h1{ font-size:clamp(1.875rem,8vw,2.5rem);line-height:1.12; font-weight:600;letter-spacing:-.045em;max-width:17ch;text-wrap:balance; } body.minna-edition #app .screen .onboarding-page .page-heading>p{ margin:10px 0 0;font-size:.9375rem;line-height:1.5; color:#626262;max-width:34ch; } body.minna-edition #app .screen .onboarding-page>.topline{ min-height:44px;margin:0 0 16px;padding:0;align-items:center; } body.minna-edition #app .screen .onboarding-page .topline .eyebrow{ color:#111;font-size:.6875rem;letter-spacing:.1em; } body.minna-edition #app .screen .onboarding-page :is(.progress,.onboarding-progress){ height:2px;min-height:2px;border-radius:0;background:#e3e3e3; } body.minna-edition #app .screen .onboarding-page :is(.progress-bar,.progress>div){ background:#111;border-radius:0; } body.minna-edition #app .screen .onboarding-page .scene-art{ width:min(100%,250px);margin:0 0 14px auto!important; height:clamp(96px,17dvh,144px)!important;filter:grayscale(1); } body.minna-edition #app :is(.screen-phone,.screen-otp,.screen-campus,.screen-pin,.screen-confirmPin,.screen-signin) .onboarding-page .scene-art{ height:72px!important;margin-bottom:10px!important; } body.minna-edition #app .screen.screen-welcome .welcome-screen{ text-align:left;min-width:0; } body.minna-edition #app .screen.screen-welcome .welcome-screen>h1{ font-size:clamp(2.125rem,9vw,3rem);line-height:1.06;letter-spacing:-.05em; font-weight:600;max-width:13ch;margin:0 0 14px; } body.minna-edition #app .screen.screen-welcome .welcome-art-stage{ height:clamp(140px,23dvh,214px);margin:8px 0 18px; background:#fff;border-radius:0; } body.minna-edition #app .screen.screen-welcome .welcome-art-stage>.scene-art{ filter:grayscale(1);background:#fff; } body.minna-edition #app .screen.screen-welcome .welcome-screen>.muted{ font-size:1rem;line-height:1.5;color:#626262;max-width:30ch; } body.minna-edition #app .screen.screen-welcome .welcome-utilities{ border-top:1px solid #d7d7d7;margin-top:14px; } body.minna-edition #app .screen .onboarding-page .notice{ background:#f5f5f5;border:0;padding:12px 14px;font-size:.875rem;line-height:1.5; } body.minna-edition #app .screen .onboarding-page .notice :is(strong,p){color:#111} body.minna-edition #app .screen .onboarding-page .notice p{margin-top:5px} /* A form has one typography ladder, flat fields and a clear black action. */ body.minna-edition #app .screen :is(.onboarding-page,.account-flow,.simple-plan-setup) .field{ margin-bottom:16px;min-width:0; } body.minna-edition #app .screen :is(.onboarding-page,.account-flow,.simple-plan-setup) .field>span{ font-size:.875rem;font-weight:500;color:#111;margin-bottom:7px; } body.minna-edition #app .screen :is(.onboarding-page,.account-flow,.simple-plan-setup) :is(input.input,select.input,textarea.input){ border:1px solid #777;border-radius:2px;background:#fff;color:#111; min-height:52px;font-size:1rem;box-shadow:none; } body.minna-edition #app .screen .onboarding-page .phone-field{ gap:12px;align-items:center; } body.minna-edition #app .screen .onboarding-page .phone-field>span{ font-size:1.125rem;font-weight:500;color:#111; } body.minna-edition #app .screen .onboarding-page .code-input{ border:0;border-bottom:2px solid #111;border-radius:0; letter-spacing:.18em;font-variant-numeric:tabular-nums; padding-inline:8px;background:#fff;color:#111; } body.minna-edition #app .screen :is(.onboarding-page,.account-flow,.simple-plan-setup) :is(.check-row,.protection-toggle){ font-size:.9375rem;line-height:1.5;gap:12px;color:#111; } body.minna-edition #app .screen :is(.onboarding-page,.account-flow,.simple-plan-setup) :is(input[type=checkbox],input[type=radio]){ width:22px;height:22px;min-width:22px;accent-color:#111;flex:0 0 auto; } body.minna-edition #app .screen .onboarding-page .verified-phone-row{ border-bottom:1px solid #d7d7d7;padding-bottom:12px; } body.minna-edition #app .screen .onboarding-page .verified-phone-row>.text-btn{ text-decoration:underline;text-decoration-style:dotted;text-underline-offset:5px; } /* Personal and merchant information is organised by dividers, not nested rounded panels. The same receipt/reference text remains available. */ body.minna-edition #app .screen .account-flow{gap:16px} body.minna-edition #app .screen .account-flow .summary-line{ padding:10px 0;border-bottom:1px solid #e2e2e2; gap:10px 16px;font-size:.875rem;line-height:1.5; } body.minna-edition #app .screen .account-flow .summary-line>span{color:#626262} body.minna-edition #app .screen .account-flow .summary-line>strong{ color:#111;font-weight:500;overflow-wrap:anywhere; } body.minna-edition #app .screen .account-flow .summary-line:last-child{border-bottom:0} body.minna-edition #app .screen .account-flow .hero{ background:transparent;border:0;border-radius:0;padding:6px 0 12px; text-align:left;align-items:flex-start; } body.minna-edition #app .screen .account-flow .hero :is(h1,h2){ text-align:left;font-weight:600;line-height:1.15;letter-spacing:-.035em; } body.minna-edition #app .screen .account-flow .hero .money{ text-align:left;font-variant-numeric:tabular-nums;line-height:1.15; } body.minna-edition #app .screen .account-flow :is(.row-icon,.success-mark){ color:#111;background:#fff;border:1px solid #111;border-radius:0; } body.minna-edition #app .screen .account-flow .pill{ border:1px solid #111;background:#fff;color:#111;border-radius:0; font-size:.75rem;font-weight:500;padding:4px 8px; } body.minna-edition #app .screen .account-flow :is(.grid2,.grid3)>.soft{ border:1px solid #d7d7d7;padding:14px;background:#fff; } body.minna-edition #app .screen .account-flow details{ border-radius:0;max-width:100%; } body.minna-edition #app .screen .account-flow details>summary{ color:#111;min-height:44px;font-weight:500; text-decoration:underline;text-decoration-style:dotted;text-underline-offset:5px; } body.minna-edition #app .screen :is(.account-details-page,.account-breakdown) :is(.account-detail-card,.receipt){ border:0;border-radius:0;border-block:1px solid #d7d7d7; padding:16px 0;background:#fff;box-shadow:none; } body.minna-edition #app .screen :is(.account-details-page,.account-breakdown)>h2{ font-weight:600;font-size:1.125rem;line-height:1.3;letter-spacing:-.02em; } body.minna-edition #app :is(.screen-profile,.screen-profileEdit,.screen-profilePhone,.screen-security,.screen-changePin,.screen-devices,.screen-privacy,.screen-dataExport,.screen-notificationPrefs,.screen-notifications,.screen-help,.screen-supportCase,.screen-caseDetail,.screen-feedback,.screen-more) .scene-art{ height:76px!important;max-width:230px;margin:0 0 12px auto!important;filter:grayscale(1); } body.minna-edition #app :is(.screen-merchant,.screen-merchantApply,.screen-merchantDestination,.screen-merchantCollect,.screen-merchantCollection,.screen-merchantPayer,.screen-merchantSales,.screen-settlements,.screen-settlementDetail) .scene-art{ height:72px!important;max-width:230px;margin:0 0 12px auto!important;filter:grayscale(1); } body.minna-edition #app .screen-merchantCollection .lumo-payment-qr{ margin:0 auto;max-width:100%;background:#fff;border:0;border-radius:0; } /* Budget setup and Money Boxes keep separate jobs, with matching flat tools. */ body.minna-edition #app .simple-plan-setup .simple-plan-art{ height:68px;margin:0 0 12px; } body.minna-edition #app .simple-plan-setup .simple-plan-art>.scene-art{ height:68px!important;width:min(100%,230px);margin:0 0 0 auto!important;filter:grayscale(1); } body.minna-edition #app .simple-plan-setup .plan-setup-progress{ margin:0 0 18px;display:grid;gap:8px; } body.minna-edition #app .simple-plan-setup .plan-setup-progress .progress{ height:2px;background:#dedede;border-radius:0; } body.minna-edition #app .simple-plan-setup .plan-setup-progress .progress-bar{ background:#111;border-radius:0; } body.minna-edition #app .simple-plan-setup .page-heading h1{ font-weight:600;letter-spacing:-.04em; } body.minna-edition #app .simple-plan-setup .first-cost-suggestions .chip{ border-radius:2px;background:#fff;color:#111;border:1px solid #949494; } body.minna-edition #app .simple-plan-setup .first-cost-preview{ border:0;border-top:1px solid #111;border-radius:0; background:#fff;color:#111;padding:10px 0; } body.minna-edition #app .simple-plan-setup .first-plan-conclusion{ background:#fff;color:#111;border:0;border-block:1px solid #111; border-radius:0;padding:16px 0;margin:14px 0; } body.minna-edition #app .simple-plan-setup .first-plan-conclusion>strong{ display:block;background:none;color:#111;font-size:2.5rem;font-weight:500; line-height:1.15;letter-spacing:-.045em;margin:6px 0;font-variant-numeric:tabular-nums; } body.minna-edition #app .simple-plan-setup .first-plan-conclusion .plan-scope-cue{ color:#626262;background:none; } body.minna-edition #app .screen :is(.goal-summary.card,.goal-detail,.goal-amount-card){ border-radius:0;box-shadow:none;background:#fff;color:#111; border:0;border-bottom:1px solid #d7d7d7;padding:16px 0;margin:0; } body.minna-edition #app .screen .goal-summary.card :is(h3,strong){color:#111} body.minna-edition #app .screen :is(.goal-summary,.goal-detail,.goal-amount-card) .progress{ height:3px;border-radius:0;background:#e1e1e1; } body.minna-edition #app .screen :is(.goal-summary,.goal-detail,.goal-amount-card) .progress-bar{ background:#111;border-radius:0; } body.minna-edition #app :is(.screen-goal,.screen-goals,.screen-goalEdit,.screen-essentialEdit,.screen-essentials,.screen-firstEssentials,.screen-firstPlanReview,.screen-planSetup) .scene-art{ height:68px!important;max-width:230px;margin:0 0 12px auto!important;filter:grayscale(1); } body.minna-edition #app :is(.screen-goals,.screen-goal)>.hero{ text-align:left;align-items:flex-start;background:none;border:0; border-radius:0;padding:6px 0 16px; } body.minna-edition #app :is(.screen-goals,.screen-goal)>.hero .balance-main{ text-align:left;font-weight:500;letter-spacing:-.045em; } body.minna-edition #app :is(.screen-goals,.screen-goal)>.hero .progress{ height:3px;border-radius:0;background:#e1e1e1; } body.minna-edition #app .screen :is(.onboarding-page,.account-flow,.simple-plan-setup) .warning{ background:#fff;color:#111;border:0;border-left:3px solid #111; border-radius:0;padding:10px 14px; } /* Protection stays explicit. State words and lock symbols carry meaning even in monochrome, and full sample messages remain naturally expandable. */ body.minna-edition #app .screen :is(.box-protection-fields,.partner-code-panel){ border:0;border-top:1px solid #111;border-radius:0;background:#fff; margin-top:16px;padding:14px 0 0;color:#111; } body.minna-edition #app .screen .protection-toggle{ display:flex;align-items:flex-start;gap:12px;min-height:44px; font-size:.9375rem;line-height:1.5;color:#111; } body.minna-edition #app .screen .protection-toggle input{ accent-color:#111;width:22px;height:22px;min-width:22px; } body.minna-edition #app .screen .protection-toggle small{ color:#626262;line-height:1.5;font-size:.8125rem;font-weight:400; } body.minna-edition #app .screen .box-protection-status{ border:1px solid #111;border-radius:0;background:#fff;color:#111; padding:10px 12px;line-height:1.5; } body.minna-edition #app .screen .protection-scope{ border-color:#d7d7d7;border-radius:0;color:#111; } body.minna-edition #app .screen :is(.protection-simulation,.protection-sample-message){ border:0;border-block:1px dotted #777;border-radius:0;background:#fff; padding:0;margin:12px 0;color:#111; } body.minna-edition #app .screen :is(.protection-simulation,.protection-sample-message)>summary{ color:#111;min-height:44px;font-weight:500; } body.minna-edition #app .screen .protection-sample-message pre{ background:#f5f5f5;color:#111;border:0;border-radius:0; padding:12px;line-height:1.6;max-width:100%;overflow-wrap:anywhere;white-space:pre-wrap; } body.minna-edition #app .screen .protection-support.notice{ background:#f5f5f5;color:#111;border:0;border-left:3px solid #111; border-radius:0;padding:12px 14px; } body.minna-edition #app .screen :is(#partner-verification-code,#protection-verification-code,#invitation-verification-code){ border-radius:2px;letter-spacing:.12em;color:#111;background:#fff; } /* Quiet empty and completed states share a single ink symbol. */ body.minna-edition #app .screen :is(.onboarding-page,.account-flow) :is(.empty,.hero.center){ background:transparent;border:0;border-radius:0;text-align:left;padding-inline:0; } body.minna-edition #app :is(.screen-accountReady,.screen-identityResult,.screen-campusStatus,.screen-applicationStatus,.screen-recoveryStatus,.screen-campusInterestSaved,.screen-boxProtectionInvite,.screen-boxProtectionSupport) .success-mark{ border:1px solid #111;background:#fff;color:#111;border-radius:0; width:52px;height:52px;margin:0 0 14px; } body.minna-edition #app :is(.screen-accountReady,.screen-identityResult,.screen-campusStatus,.screen-applicationStatus,.screen-recoveryStatus) :is(.pill,.status-pill){ border:1px solid #111;background:#fff;color:#111;border-radius:0; } @media(max-height:700px){ body.minna-edition #app .screen .onboarding-page .page-heading{margin-bottom:16px} body.minna-edition #app .screen .onboarding-page .scene-art{height:88px!important;margin-bottom:10px!important} body.minna-edition #app :is(.screen-phone,.screen-otp,.screen-campus,.screen-pin,.screen-confirmPin,.screen-signin) .onboarding-page .scene-art{height:56px!important} body.minna-edition #app .screen.screen-welcome .welcome-art-stage{height:140px;margin-bottom:14px} body.minna-edition #app .screen .onboarding-page .actions{margin-top:14px;gap:8px} body.minna-edition #app .simple-plan-setup .simple-plan-art, body.minna-edition #app .simple-plan-setup .simple-plan-art>.scene-art{height:48px!important} } @media(prefers-reduced-motion:reduce){ body.minna-edition #app :is(.onboarding-page,.account-flow,.simple-plan-setup) :is(.scene-art,.success-mark){animation:none!important;transition:none!important} } /* Source: chat-banking.css | sha256:c235c1408cf04f3500997074d13e5c6ec706dcd0e016308bfd4b3141baaa8529 */ /* Chat banking is a full application surface beside Home. The retained account, payment and authorisation controllers still own every financial action. */ body #app[data-chat-banking="true"]{ height:var(--chat-viewport-height,100dvh); min-height:0; top:var(--chat-viewport-top,0px); } body #app[data-chat-banking="true"]>#view:not(.task-sheet-body), body #app[data-chat-banking="true"]>#task-parent-view{ flex:1 1 auto;min-height:0;overflow:hidden; } body #app[data-chat-banking="true"] .screen.screen-chat, body #app[data-chat-banking="true"] .screen.screen-chat[data-density]{ display:flex;flex-direction:column;height:100%;min-height:0;max-height:100%; padding:0 var(--native-gutter,22px) 8px;overflow:hidden; } body #app :is(.screen-home,.screen-chat){touch-action:pan-y pinch-zoom} body #app[data-chat-banking="true"] .chat-workspace{ display:flex;flex-direction:column;width:100%;height:100%;max-height:100%; min-width:0;min-height:0;overflow:hidden;scroll-padding:0; } body #app[data-chat-banking="true"] .chat-banking-header{ display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr); gap:8px;align-items:center;flex:0 0 auto;min-height:64px; padding:8px 0 10px;margin:0 0 12px;border-bottom:1px solid var(--line); color:var(--ink);background:var(--paper); } body #app[data-chat-banking="true"] .chat-banking-header .wordmark{ display:block;justify-self:center;line-height:1;width:auto;max-width:94px; font-size:1rem;letter-spacing:0; } body #app[data-chat-banking="true"] .chat-banking-header .actual-wordmark{ display:block;width:88px;min-width:0;max-width:100%;height:auto; } body #app[data-chat-banking="true"] .chat-banking-header :is(.chat-banking-back,.chat-banking-actions){ display:inline-flex;align-items:center;justify-content:center;gap:5px; min-height:44px;min-width:44px;max-width:100%;padding:8px 4px; margin:0;border:0;border-radius:var(--curve-control,16px);background:transparent; color:var(--ink);font-family:var(--font-ui);font-size:.8125rem;font-weight:600; line-height:1.3;text-decoration:none;white-space:nowrap; } body #app[data-chat-banking="true"] .chat-banking-back{justify-self:start} body #app[data-chat-banking="true"] .chat-banking-actions{justify-self:end} body #app[data-chat-banking="true"] .chat-banking-header button svg{width:20px;height:20px;flex-shrink:0} body #app[data-chat-banking="true"] .chat-banking-header button:focus-visible{ outline:2px solid var(--ink);outline-offset:2px; } body #app .accounts-welcome:has(.chat-banking-home-entry){ display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap; } body #app .chat-banking-home-entry{ display:inline-flex;align-items:center;justify-content:flex-start;gap:6px; min-height:44px;max-width:100%;padding:6px 0 6px 8px;margin:0; color:var(--ink);border:0;background:transparent;font-family:var(--font-ui); font-size:.75rem;font-weight:600;line-height:1.4;text-align:left; } body #app .chat-banking-home-entry svg{width:18px;height:18px;flex-shrink:0} body #app .chat-banking-home-entry small{display:block;font-size:.625rem;font-weight:400;color:var(--muted)} body #app[data-chat-banking="true"] .chat-banking-intro, body #app[data-chat-banking="true"] .chat-workspace>.page-heading{ position:relative;display:grid;grid-template-columns:minmax(0,1fr) 88px; gap:6px 12px;align-items:center;flex:0 0 auto;min-height:110px; margin:0 0 12px;padding:6px 0 8px; } body #app[data-chat-banking="true"] :is(.chat-banking-intro,.chat-workspace>.page-heading) h1{ grid-column:1;font-family:var(--font-ui);font-size:2rem;line-height:1.12; font-weight:600;letter-spacing:-.045em;margin:0;max-width:11ch;color:var(--ink); } body #app[data-chat-banking="true"] :is(.chat-banking-intro,.chat-workspace>.page-heading)>p{ grid-column:1;font-size:.875rem;line-height:1.45;max-width:27ch;margin:0;color:var(--muted); } body #app[data-chat-banking="true"] .chat-banking-intro .chat-illustration, body #app[data-chat-banking="true"] .chat-workspace>.page-heading .chat-illustration{ position:static;grid-column:2;grid-row:1 / span 2;align-self:center; width:88px;height:104px;margin:0; } body #app[data-chat-banking="true"] .screen-chat .chat-illustration .scene-art{ width:100%!important;height:104px!important;max-height:104px!important; min-height:0!important;margin:0!important; } body #app[data-chat-banking="true"] .chat-has-conversation :is(.chat-banking-intro,.page-heading){ display:block;position:absolute;width:1px;height:1px;min-height:0; padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap; } body #app[data-chat-banking="true"] #chat-thread{ flex:1 1 auto;min-height:0!important;height:auto;max-height:none; overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain; -webkit-overflow-scrolling:touch;scroll-padding:8px 0 12px;padding:0 0 8px; } body #app[data-chat-banking="true"] .chat-has-conversation #chat-thread{min-height:0!important} body #app[data-chat-banking="true"] .chat-workspace:not(.chat-has-conversation) #chat-thread{ flex:1 1 auto;min-height:32px!important; } body #app[data-chat-banking="true"] .chat-workspace:not(.chat-has-conversation) #chat-thread>.chat-bubble{ font-size:.875rem;line-height:1.5;padding:8px 0;margin:0;max-width:31ch; color:var(--muted);background:transparent;border:0;box-shadow:none; } body #app[data-chat-banking="true"] .chat-bank-shortcuts{ display:flex;flex-wrap:wrap;gap:8px;flex:0 0 auto;margin:4px 0 12px; } body #app[data-chat-banking="true"] .chat-bank-shortcuts button{ display:inline-flex;align-items:center;justify-content:center;gap:6px; min-height:44px;padding:10px 12px;border:1px solid var(--line); border-radius:var(--curve-control,16px);background:var(--white);color:var(--ink); font-family:var(--font-ui);font-size:.8125rem;font-weight:500;line-height:1.35; } body #app[data-chat-banking="true"] .chat-bank-shortcuts button svg{width:18px;height:18px} body #app[data-chat-banking="true"] .chat-has-conversation .chat-bank-shortcuts{display:none} body #app[data-chat-banking="true"] .chat-tools{ flex:0 1 auto;min-width:0;min-height:0;max-height:min(15rem,32dvh); overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;margin:0 0 8px; } body #app[data-chat-banking="true"] .chat-workspace:not(.chat-has-conversation) .chat-tools{ flex:0 1 auto;max-height:min(22rem,48dvh); } body #app[data-chat-banking="true"] .chat-has-conversation .chat-tools{ display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 12px; flex:0 1 auto;max-height:min(12rem,28dvh);overflow-y:auto; } body #app[data-chat-banking="true"] .chat-has-conversation .chat-tools>details[open]{grid-column:1 / -1} body #app[data-chat-banking="true"] .chat-tools :is(summary,.chip){font-size:.8125rem;line-height:1.4} body #app[data-chat-banking="true"] .chat-tools summary{min-height:44px;padding:10px 0} body #app[data-chat-banking="true"] .chat-entry{ position:relative;bottom:auto;z-index:1;display:flex;align-items:center;gap:6px; flex:0 0 auto;min-height:54px;max-width:100%;margin:0;padding:4px; background:var(--white);border:1.5px solid var(--ink); border-radius:var(--curve-control,16px);box-shadow:none; } body #app[data-chat-banking="true"] .chat-entry input{ flex:1 1 auto;min-width:0;min-height:44px;padding:10px 12px;font-size:1rem; line-height:1.45;border:0!important;background:transparent;box-shadow:none!important; } body #app[data-chat-banking="true"] .chat-entry button{ flex:0 0 auto;width:46px;min-width:46px;height:46px;min-height:46px; border-radius:var(--curve-control,16px);background:var(--ink);color:var(--white); } body #app[data-chat-banking="true"] .chat-entry:focus-within{ outline:2px solid var(--ink);outline-offset:3px; } body #app[data-chat-banking="true"] .chat-entry input:focus-visible{outline:none} /* The Minna skin previously used an open top rule; the full Chat composer needs one complete field boundary, including while its input is focused. */ body.minna-edition #app[data-chat-banking="true"] .chat-workspace .chat-entry{ border:1.5px solid var(--ink);padding:4px;border-radius:2px!important;box-shadow:none; } body.minna-edition #app[data-chat-banking="true"] .chat-workspace .chat-entry:focus-within{ border-color:var(--ink);outline:2px solid var(--ink);outline-offset:3px;box-shadow:none; } body.minna-edition #app[data-chat-banking="true"] .chat-workspace .chat-entry input{ border:0!important;background:transparent;box-shadow:none!important;border-radius:2px!important; } body #app[data-chat-banking="true"] .chat-boundary{ flex:0 0 auto;font-size:.625rem;line-height:1.4;color:var(--muted); margin:8px 0 max(3px,env(safe-area-inset-bottom))!important; } body #app[data-chat-banking="true"]>.prototype-boundary{ flex:0 0 auto;padding-bottom:max(4px,env(safe-area-inset-bottom)); } body #app.chat-keyboard-open[data-chat-banking="true"] :is(.chat-banking-intro,.chat-workspace>.page-heading,.chat-bank-shortcuts){display:none} body #app.chat-keyboard-open[data-chat-banking="true"] .chat-banking-header{ min-height:52px;margin-bottom:6px;padding-block:4px; } body #app.chat-keyboard-open[data-chat-banking="true"] .chat-workspace .chat-tools{ max-height:min(96px,22dvh);margin-bottom:4px; } body #app.chat-keyboard-open[data-chat-banking="true"] .chat-boundary{ position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0); padding:0;margin:-1px!important;white-space:nowrap; } body #app .chat-banking-menu{color:var(--ink)} body #app .chat-banking-menu>p{font-size:.9375rem;line-height:1.5;color:var(--muted);margin:0 0 16px} body #app .chat-banking-menu section{margin:20px 0 0} body #app .chat-banking-menu section>h2{ font-size:.8125rem;font-weight:600;line-height:1.4;color:var(--muted); letter-spacing:0;margin:0 0 6px; } body #app .chat-banking-action-item{ display:flex;align-items:center;justify-content:space-between;gap:12px; width:100%;min-height:64px;padding:12px 0;text-align:left; border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent;color:var(--ink); } body #app .chat-banking-action-item>svg:first-child{width:24px;height:24px;flex-shrink:0} body #app .chat-banking-action-item>span{flex:1;min-width:0} body #app .chat-banking-action-item strong{display:block;font-size:.9375rem;font-weight:600;line-height:1.4} body #app .chat-banking-action-item small{display:block;font-size:.8125rem;line-height:1.45;color:var(--muted);margin-top:3px} body #app[data-chat-direction="forward"] .screen-chat{animation:chatBankingEnter 240ms cubic-bezier(.2,.75,.3,1)} body #app[data-chat-direction="back"] .screen-home{animation:chatBankingReturn 240ms cubic-bezier(.2,.75,.3,1)} @keyframes chatBankingEnter{from{opacity:1;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}} @keyframes chatBankingReturn{from{opacity:1;transform:translateX(-100%)}to{opacity:1;transform:translateX(0)}} @media(min-width:900px){ body #app[data-chat-banking="true"]{height:calc(var(--chat-viewport-height,100dvh) - 64px)} } @media(max-width:359px){ body #app[data-chat-banking="true"] .chat-banking-header{gap:4px} body #app[data-chat-banking="true"] .chat-banking-header .actual-wordmark{width:78px} body #app[data-chat-banking="true"] .chat-banking-intro{grid-template-columns:minmax(0,1fr) 72px;gap:6px 8px} body #app[data-chat-banking="true"] .chat-banking-intro .chat-illustration{width:72px} } @media(max-height:700px){ body #app[data-chat-banking="true"] .chat-banking-header{min-height:56px;margin-bottom:8px;padding-block:4px} body #app[data-chat-banking="true"] .chat-banking-intro, body #app[data-chat-banking="true"] .chat-workspace>.page-heading{min-height:82px;margin-bottom:8px} body #app[data-chat-banking="true"] .chat-banking-intro .chat-illustration, body #app[data-chat-banking="true"] .chat-workspace>.page-heading .chat-illustration{height:80px;width:76px} body #app[data-chat-banking="true"] .screen-chat .chat-illustration .scene-art{height:80px!important;max-height:80px!important} body #app[data-chat-banking="true"] .chat-bank-shortcuts{margin:0 0 8px;gap:6px} body #app[data-chat-banking="true"] .chat-bank-shortcuts button{padding:8px 10px} body #app[data-chat-banking="true"] .chat-tools{max-height:30dvh;margin-bottom:6px} } @media(prefers-reduced-motion:reduce){ body #app[data-chat-direction] :is(.screen-chat,.screen-home){animation:none!important;transition:none!important} body #app[data-chat-banking="true"] #chat-thread{scroll-behavior:auto!important} } /* A conversation uses reading sizes rather than the large financial headline used on Home and Pause. Scope the thread explicitly so both edition skins retain the same readable density, including an intelligence-highlighted reply. */ body #app[data-chat-banking="true"] #chat-thread .chat-turn{ margin:0 0 12px;min-width:0; } body #app[data-chat-banking="true"] #chat-thread .chat-turn:last-child{margin-bottom:0} body #app[data-chat-banking="true"] #chat-thread .chat-bubble{ min-width:0;max-width:100%;font-size:.875rem;line-height:1.45; overflow-wrap:anywhere; } body #app[data-chat-banking="true"] #chat-thread .chat-bubble.user{ max-width:90%;padding:8px 11px;margin:0 0 6px auto; font-size:.875rem;line-height:1.45; } body #app[data-chat-banking="true"] #chat-thread .chat-reply{ padding:6px 0 0;margin:0; } body #app[data-chat-banking="true"] #chat-thread .chat-reply .lead{ font-size:1rem;line-height:1.4;font-weight:600;letter-spacing:-.012em; margin:0;max-width:100%;overflow-wrap:anywhere; } body #app[data-chat-banking="true"] #chat-thread .chat-reply .impact-secondary{ font-size:.875rem;line-height:1.45;font-weight:400;margin:5px 0 0; } body #app[data-chat-banking="true"] #chat-thread .chat-reply>.tiny{ font-size:.75rem;line-height:1.4;margin:0 0 4px; } body #app[data-chat-banking="true"] #chat-thread .chat-snapshot-status{ font-size:.8125rem;line-height:1.4;margin:0 0 4px; } body #app[data-chat-banking="true"] #chat-thread .chat-reply-actions{ gap:0 14px;margin:0;max-width:100%;flex-wrap:wrap; } body #app[data-chat-banking="true"] #chat-thread .chat-reply :is(.chat-calculation-link,.text-btn){ display:inline-flex;align-items:center;min-height:44px;max-width:100%; font-size:.8125rem;line-height:1.4;padding:7px 0; white-space:normal;overflow-wrap:anywhere;text-align:left; } body #app[data-chat-banking="true"] #chat-thread .chat-calculation-link+.chat-reply-actions{ display:inline-flex;vertical-align:top;margin-inline-start:14px;max-width:calc(100% - 14px); } body #app[data-chat-banking="true"] .screen.screen-chat .chat-banking-header{ min-height:56px;padding-block:6px;margin-bottom:8px; } body #app[data-chat-banking="true"] .screen.screen-chat .chat-banking-intro{ min-height:96px; } body #app[data-chat-banking="true"] .screen.screen-chat .chat-banking-intro h1{ font-size:1.75rem;line-height:1.15; } /* The Minna adapter used unbounded tools. An expanded question list is useful, but it must scroll within its own space instead of pushing input off-screen. */ body #app[data-chat-banking="true"] .screen.screen-chat .chat-workspace .chat-tools{ flex:0 0 auto;min-height:44px;max-height:min(12rem,28dvh); overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain; scrollbar-width:thin; } body #app.chat-keyboard-open[data-chat-banking="true"] .screen.screen-chat .chat-workspace .chat-tools{ max-height:min(6rem,22dvh); } /* Keep input at a natural phone typing size, including in the compact thread. */ body #app[data-chat-banking="true"] .screen.screen-chat .chat-workspace .chat-entry input{ font-size:1rem;line-height:1.45;min-width:0; } @media(max-width:359px){ body #app[data-chat-banking="true"] #chat-thread .chat-calculation-link+.chat-reply-actions{ margin-inline-start:10px;max-width:calc(100% - 10px); } } /* Analytical timestamps and bounded history remain ordinary readable text. */ .chat-answer-date{font-size:.78rem;line-height:1.45;overflow-wrap:anywhere} .chat-thread-pages{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;margin:10px 0 18px} .chat-thread-pages .text-btn{min-height:44px;white-space:normal} .chat-history-search{display:grid;gap:8px;margin:18px 0} .chat-history-search>div{display:flex;align-items:stretch;gap:8px;flex-wrap:wrap} .chat-history-search input{min-width:0;flex:1 1 170px;min-height:44px;width:100%} .chat-history-search button{min-height:44px;flex:0 0 auto} /* Source: budget-everyday.css | sha256:21d8327ecfe7f6886d09b97e63e0243142c69a720bbdc4e1e1d2ea552e45c59f */ /* Shared geometry; each edition retains its own type, ink and accent tokens. */ .budget-everyday{display:flex;flex-direction:column;gap:14px;min-width:0} .budget-everyday .actions{margin-top:0} .budget-conclusion{display:flex;flex-direction:column;gap:5px;padding:14px 0;border-top:1px solid var(--line,#deded8);border-bottom:1px solid var(--line,#deded8)} .budget-conclusion>span{font-size:.88rem;font-weight:600} .budget-conclusion>strong{font-size:clamp(1.85rem,8vw,2.5rem);line-height:1.1;letter-spacing:-.045em;font-variant-numeric:tabular-nums;overflow-wrap:anywhere} .budget-purpose-hint{display:flex;align-items:center;flex-wrap:wrap;gap:0 8px;margin:0!important;line-height:1.4;color:var(--ink,#111)} .budget-inline-action{min-height:44px;padding:6px 0;border:0;background:transparent;color:inherit;font:inherit;font-weight:700;text-decoration:underline;text-underline-offset:3px;text-align:left;cursor:pointer} .budget-inline-action:focus-visible{outline:2px solid var(--ink,#111);outline-offset:3px;border-radius:4px} .budget-cycle-dates{display:grid;grid-template-columns:1fr 1fr;gap:12px} .budget-cycle-dates .field{min-width:0} .budget-cycle-dates input{width:100%;min-width:0} .budget-cycle-items{display:flex;flex-direction:column;border-top:1px solid var(--line,#deded8)} .budget-cycle-item{display:grid;grid-template-columns:minmax(0,1fr) minmax(120px,43%);align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid var(--line,#deded8)} .budget-cycle-item .field{min-width:0;margin:0} .budget-cycle-item .inline{gap:5px;min-width:0} .budget-cycle-item input[type=number]{min-width:0;width:100%;padding-inline:9px;font-variant-numeric:tabular-nums} .budget-cycle-choose{display:flex;align-items:center;gap:9px;min-height:44px;font-weight:600;cursor:pointer;overflow-wrap:anywhere} .budget-cycle-choose input{width:20px;height:20px;flex:0 0 20px;accent-color:var(--ink,#111)} .budget-everyday .summary-line{gap:14px} .budget-everyday .summary-line strong{font-variant-numeric:tabular-nums;white-space:nowrap} @media(max-width:340px){.budget-cycle-dates{grid-template-columns:1fr}.budget-cycle-item{grid-template-columns:1fr}.budget-cycle-item .field{padding-left:29px}} @media(prefers-reduced-motion:reduce){.budget-everyday,.budget-conclusion{animation:none!important;transition:none!important}} /* Keep the optional learning control from displacing the main entry action. */ #app .task-sheet-layer .screen [data-payment-entry] .payment-plan-link{margin-bottom:2px} /* Source: chat-everyday.css | sha256:76fc0681ccf9f43fc89c26e76357d0e04cbeefa1b197a1d79b0478b091158b3f */ /* Existing edition typography, controls and Chat shell remain authoritative. */ .chat-banking-choices .list,.chat-calendar-payments .list{margin-block:16px} .chat-draft-choice>.actions{margin-top:20px} .chat-draft-choice>.small{margin-top:12px} .chat-banking-choices .row,.chat-calendar-payments .row{min-height:54px} .chat-calendar-payments .list strong{font-variant-numeric:tabular-nums;white-space:nowrap} .chat-banking-choices h1,.chat-draft-choice h1{max-width:24ch} @media(prefers-reduced-motion:reduce){.chat-banking-choices,.chat-draft-choice,.chat-calendar-payments{animation:none;transition:none}} /* Closed tools keep a full touch target instead of shrinking into a clipped row. */ body #app[data-chat-banking="true"] .chat-has-conversation .chat-tools{flex-shrink:0;min-height:44px} /* Source: daily-insights.css | sha256:022f364cffa090d6775a9d07a0765d8dd532469441709f83804cb92b077119c1 */ /* One existing Home shelf changes its observation; no extra balance competes. */ body #app .home-daily-insight .home-story-insight{font-size:.9375rem;line-height:1.45;font-weight:600} body #app .home-header-actions button[aria-label="Updates"]{position:relative} body #app .daily-unread-badge{position:absolute;inset:3px 1px auto auto;min-width:17px;min-height:17px;padding:1px 4px;border-radius:50%;background:var(--ink);color:var(--white);border:2px solid var(--paper);font-size:.5625rem;line-height:1.2;font-weight:700;text-align:center} body #app .daily-updates-toolbar{display:flex;justify-content:flex-end;margin:0 0 4px} body #app .daily-update-row{width:100%;display:flex;align-items:flex-start;gap:12px;background:transparent;color:var(--ink);border:0;border-bottom:1px solid var(--line);border-radius:0;padding:15px 0;min-height:64px;text-align:left} body #app .daily-update-row>span:nth-child(2){flex:1;min-width:0} body #app .daily-update-row :is(strong,small,time){overflow-wrap:anywhere} body #app .daily-update-row strong{display:block;font-size:.9375rem;line-height:1.4;font-weight:500} body #app .daily-update-row.is-unread strong{font-weight:700} body #app .daily-update-row small{display:block;font-size:.8125rem;line-height:1.45;color:var(--muted);margin-top:5px} body #app .daily-update-row time{display:block;font-size:.6875rem;line-height:1.4;color:var(--muted);margin-top:7px} body #app .daily-update-symbol{padding-top:1px} body #app .daily-update-row>svg{margin-top:4px} body #app .daily-delivery-note,body #app .daily-quiet-note{margin-top:16px} body #app .daily-preferences-link{margin-top:18px;border-top:1px solid var(--line);padding-top:8px} body #app .daily-check{display:flex;align-items:flex-start;gap:12px;padding:14px 0;min-height:52px} body #app .daily-check input{width:21px;height:21px;flex:0 0 auto;margin:3px 0;accent-color:var(--ink)} body #app .daily-check strong{font-size:.9375rem;line-height:1.4;font-weight:600} body #app .daily-check small{display:block;color:var(--muted);font-size:.8125rem;line-height:1.45;margin-top:4px} body #app .daily-time-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px} body #app .daily-money-story .daily-story-conclusion{padding:18px 0;border-bottom:1px solid var(--line);margin-bottom:16px} body #app .daily-story-conclusion>span{font-size:.8125rem;line-height:1.4;color:var(--muted)} body #app .daily-story-conclusion>strong{display:block;font-size:2.375rem;line-height:1.2;font-weight:600;letter-spacing:-.045em;font-variant-numeric:tabular-nums;margin:8px 0} body #app .daily-story-conclusion>p{font-size:.9375rem;line-height:1.5} body #app .daily-story-actions{margin:12px 0} body #app .daily-story-details{margin:12px 0} body #app .daily-story-details summary{min-height:44px;font-size:.875rem;line-height:1.5} body #app .daily-story-details dl{margin:0 0 16px} body #app .daily-story-details dl>div{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid var(--line);font-size:.875rem;line-height:1.4} body #app .daily-story-details dd{margin:0;font-variant-numeric:tabular-nums;white-space:nowrap} body #app .daily-story-payment{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:56px;padding:12px 0;text-align:left;border:0;border-bottom:1px solid var(--line);background:none;color:var(--ink)} body #app .daily-story-payment>span{min-width:0;overflow-wrap:anywhere} body #app .daily-story-payment strong{font-size:.875rem;line-height:1.4;font-weight:600} body #app .daily-story-payment small{display:block;color:var(--muted);font-size:.75rem;line-height:1.4;margin-top:3px} body #app .daily-story-payment>strong{white-space:nowrap;font-variant-numeric:tabular-nums} @media(max-width:340px){body #app .daily-time-pair{grid-template-columns:1fr}} /* Source: campus-everyday.css | sha256:1c7a87509c1d31183b331373ddf24a07093291733a2ddd07e9706e55540789e0 */ /* Both identities inherit their own type, ink, paper and accent tokens. */ .everyday-shortcuts{display:flex;gap:8px;margin:10px 0 12px} .everyday-shortcuts>button{display:flex;align-items:center;justify-content:center;gap:7px;flex:1;min-width:0;min-height:44px;border:1px solid var(--line,#dededb);border-radius:12px;background:var(--paper,#fff);color:var(--ink,#111);font:inherit;font-size:14px;font-weight:600} .everyday-shortcuts>button>span{font-size:20px;line-height:1} .everyday-payments h1,.everyday-recovery h1,.everyday-payment-choice h1{font-size:clamp(25px,7vw,31px);line-height:1.12;margin:5px 0 10px;letter-spacing:-.04em} .everyday-intro,.everyday-recovery>p,.everyday-payment-choice>p{font-size:15px;line-height:1.45;margin:0 0 14px;color:var(--muted,#666)} .everyday-filter{display:flex;gap:4px;padding:4px;border:1px solid var(--line,#dededb);border-radius:14px;margin-bottom:10px} .everyday-filter button{flex:1;min-height:44px;border:0;border-radius:10px;background:transparent;color:var(--ink,#111);font:inherit;font-size:14px;font-weight:600} .everyday-filter button[aria-pressed=true]{background:var(--ink,#111);color:var(--paper,#fff)} .everyday-payment-list{border-top:1px solid var(--line,#dededb)} .everyday-payment-row{width:100%;display:flex;align-items:center;gap:10px;min-height:66px;padding:12px 0;border:0;border-bottom:1px solid var(--line,#dededb);background:transparent;text-align:left;color:var(--ink,#111);font:inherit} .everyday-payment-row>span:not(.everyday-row-icon){flex:1;min-width:0} .everyday-payment-row strong{display:block;font-size:15px;line-height:1.25;overflow-wrap:anywhere} .everyday-payment-row small{display:block;font-size:12px;line-height:1.4;margin-top:4px;color:var(--muted,#666);overflow-wrap:anywhere} .everyday-row-icon{display:grid;place-items:center;flex:0 0 36px;width:36px;height:36px;border:1px solid var(--line,#dededb);border-radius:50%} .everyday-merchant-row{display:flex;align-items:center;border-bottom:1px solid var(--line,#dededb)} .everyday-merchant-row .everyday-payment-row{min-width:0;flex:1;border:0} .everyday-star{display:grid;place-items:center;flex:0 0 44px;min-width:44px;min-height:44px;border:0;background:transparent;color:var(--ink,#111);font-size:28px;line-height:1} .everyday-star[aria-pressed=true]{border-radius:50%;background:var(--green,#cfef59);color:var(--ink,#111)} .everyday-empty{padding:18px 0} .everyday-empty h2,.everyday-pending-preview h2{font-size:18px;line-height:1.2;margin:0 0 7px} .everyday-empty p{font-size:14px;line-height:1.45;color:var(--muted,#666);margin:0;max-width:32em} .everyday-pending-preview{margin-top:18px} .everyday-more,.everyday-simulation{margin:14px 0;font-size:14px;line-height:1.4} .everyday-more summary,.everyday-simulation summary{min-height:44px;display:flex;align-items:center;cursor:pointer;text-decoration:underline;text-underline-offset:4px} .everyday-receipt-shortcuts{display:grid;gap:8px;margin:16px 0 8px} .everyday-save-favourite{min-height:44px;justify-content:center;gap:7px} .everyday-repeat-hint{padding:10px 12px;margin:0 0 10px;border-left:3px solid var(--green,#cfef59);background:var(--paper,#fff);font-size:13px;line-height:1.4;color:var(--ink,#111)} .everyday-status-symbol{display:grid;place-items:center;width:48px;height:48px;border:2px solid var(--ink,#111);border-radius:50%;margin:4px 0 16px} .everyday-recovery-context{margin:16px 0;border-top:1px solid var(--line,#dededb);border-bottom:1px solid var(--line,#dededb)} .everyday-summary-line{display:flex;justify-content:space-between;gap:14px;padding:10px 0;font-size:13px;line-height:1.4} .everyday-summary-line>span{color:var(--muted,#666)} .everyday-summary-line>strong{text-align:right;min-width:0;overflow-wrap:anywhere;max-width:70%} .everyday-payment-choice .actions,.everyday-recovery .actions{gap:8px} .everyday-payments .preview-boundary,.everyday-recovery .preview-boundary{font-size:11px;line-height:1.4;margin:16px 0 0} .everyday-shortcuts button:focus-visible,.everyday-payments button:focus-visible,.everyday-receipt-shortcuts button:focus-visible,.everyday-recovery button:focus-visible{outline:3px solid var(--ink,#111);outline-offset:3px} @media(max-width:370px){.everyday-payment-row{gap:8px}.everyday-row-icon{flex-basis:30px;width:30px;height:30px}.everyday-payment-row small{font-size:12px}} /* Source: shared-expenses.css | sha256:aabd7b48487e2966d398d9ab9d16cee116b6497266d6d4fd2f5f6528e35c2a6a */ /* Shared costs use existing identity tokens and content-sized native sheets. */ body #app :is(.shared-expenses-page,.shared-split-page,.shared-split-review,.shared-group-page,.shared-receive-page,.shared-request-page){min-width:0;color:var(--ink)} body #app .shared-total{font-size:2rem;font-weight:600;letter-spacing:-.04em;line-height:1.2;margin:12px 0 20px;font-variant-numeric:tabular-nums} body #app .shared-total small{display:block;font-size:.8125rem;font-weight:400;line-height:1.5;letter-spacing:0;color:var(--muted);margin-top:6px} body #app .shared-section-title{font-size:1rem;margin:22px 0 8px} body #app .shared-modes{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 16px} body #app .shared-modes .chip{min-height:44px;font-size:.8125rem} body #app .shared-owner-row{max-width:55%} body #app .shared-friend-row{display:flex;align-items:flex-start;gap:6px;padding:12px 0;border-top:1px solid var(--line)} body #app .shared-friend-row>div{display:grid;grid-template-columns:minmax(0,1fr) minmax(88px,.7fr);gap:10px;flex:1;min-width:0} body #app .shared-friend-row .field{margin:0} body #app .shared-friend-row input{min-width:0;padding:12px 10px;min-height:48px} body #app .shared-friend-row .icon-btn{width:44px;min-width:44px;height:44px;margin-top:24px;padding:10px;background:transparent} body #app .shared-calculation{margin:18px 0} body #app .shared-calculation>div{display:flex;justify-content:space-between;gap:16px;align-items:baseline;padding:11px 0;border-bottom:1px solid var(--line);font-size:.9375rem;line-height:1.45} body #app .shared-calculation dt{color:var(--muted);min-width:0;overflow-wrap:anywhere} body #app .shared-calculation dd{margin:0;text-align:right;max-width:60%;overflow-wrap:anywhere;font-variant-numeric:tabular-nums;font-weight:500} body #app .shared-money{white-space:nowrap;overflow-wrap:normal} body #app .shared-calculation>div:last-child{font-weight:600} body #app .shared-status{margin:14px 0 20px} body #app .shared-status>span{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border:1px solid var(--line);border-radius:var(--curve-control);margin-bottom:12px} body #app .shared-status strong{font-size:1.5rem;line-height:1.25;font-weight:600;letter-spacing:-.025em;font-variant-numeric:tabular-nums} body #app .shared-status p{font-size:.8125rem;color:var(--muted);margin-top:8px;line-height:1.5} body #app .shared-share{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px 12px;padding:12px 0;border-bottom:1px solid var(--line)} body #app .shared-share>div{flex:1;min-width:0} body #app .shared-share strong{display:block;font-size:.9375rem;overflow-wrap:anywhere} body #app .shared-share span{display:block;font-size:.8125rem;color:var(--muted);line-height:1.5;margin-top:3px} body #app .shared-share .text-btn{min-height:44px;padding:8px 0;font-size:.8125rem} body #app .shared-boundary{font-size:.6875rem;line-height:1.5;color:var(--muted);margin:18px 0 0} body #app .shared-simulation{border-top:1px solid var(--line);padding-top:6px;margin-top:20px} body #app .shared-simulation summary{min-height:44px;font-size:.8125rem} body #app .shared-simulation p{font-size:.8125rem;line-height:1.5;color:var(--muted);margin-bottom:10px} body #app .shared-simulation .secondary{margin:8px 0;min-height:48px} body #app :is(.shared-receipt-entry,.shared-requests-entry){margin-top:12px} @media(max-width:359px){body #app .shared-friend-row>div{grid-template-columns:minmax(0,1fr)}body #app .shared-owner-row{max-width:none}body #app .shared-friend-row .icon-btn{margin-top:24px}} /* Source: saving-rules.css | sha256:dd64723fcb0b61a81b2b47c760e66a433c25ee1f0d1b847eb22f317ebfb32a16 */ /* Shared saving prompts inherit the edition's existing identity. */ .saving-rule-intro{margin:0 0 18px;color:var(--muted);font-size:15px;line-height:1.5} .saving-rule-optin{display:flex;align-items:center;gap:12px;min-height:52px;padding:12px 0;font-weight:600;line-height:1.4} .saving-rule-optin input{width:22px;height:22px;flex:none;accent-color:var(--ink,#111)} .saving-rule-link{display:flex;align-items:center;justify-content:space-between;gap:16px;border-top:1px solid var(--line,#ddd);padding:18px 0 4px;margin-top:16px} .saving-rule-link strong{font-size:15px}.saving-rule-link p{font-size:13px;color:var(--muted);margin:4px 0 0;line-height:1.4} .saving-rule-link .text-btn,.saving-box-tools .text-btn{min-height:44px;flex:none} .saving-box-tools{display:flex;align-items:center;justify-content:space-between;gap:8px;border-top:1px solid var(--line,#ddd);margin-top:12px;padding-top:8px;flex-wrap:wrap} .saving-prompt{border-top:1px solid var(--line,#ddd);padding:16px 0 4px;margin-top:12px}.saving-prompt strong{font-size:15px;line-height:1.4}.saving-prompt p{margin:5px 0 10px;font-size:13px;line-height:1.45;color:var(--muted)} .saving-prompt-actions{display:flex;gap:8px;align-items:center}.saving-prompt-actions .secondary{flex:1;min-height:44px}.saving-prompt-actions .text-btn{min-height:44px} .saving-prompt-entry{margin-top:8px}.saving-prompt-entry .text-btn{text-align:left;min-height:44px;font-size:14px} .saving-prompt-unavailable .text-btn{padding-left:0;min-height:44px} .saving-source-context{font-size:13px;line-height:1.45;margin:10px 0;color:var(--muted)} .saving-milestone-amount{padding:12px 0 20px}.saving-milestone-amount>span{font-size:14px;color:var(--muted)}.saving-milestone-amount>strong{display:block;margin:5px 0;font-weight:600}.saving-milestone-amount>p{font-size:14px;color:var(--muted)} .saving-milestones{list-style:none;margin:0 0 16px;padding:0}.saving-milestones li{display:flex;align-items:flex-start;gap:12px;padding:13px 0;border-top:1px solid var(--line,#ddd)}.saving-milestones li>span:first-child{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--accent,#cfef59);flex:none}.saving-milestones strong{display:block;font-size:15px}.saving-milestones small{display:block;margin-top:4px;font-size:13px;line-height:1.4;color:var(--muted)} @media(max-width:360px){.saving-prompt-actions{flex-wrap:wrap}.saving-prompt-actions .secondary{min-width:160px}.saving-box-tools{gap:0}} /* Source: budget-estimate.css | sha256:8184ee0bf90ab536744ed8856f3a48fe4bc721223e5882eb0eb824286fb781fc */ /* Shared optional calculator; inherits each edition's typography and actions. */ .screen .budget-estimate-open{display:inline-flex;min-height:44px;align-items:center;margin:-6px 0 4px} .screen .budget-estimate .page-heading{margin-bottom:12px} .screen .budget-estimate-rate{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:12px;align-items:start} .screen .budget-estimate-result{display:grid;gap:5px;margin:8px 0 12px;padding:14px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:.875rem;line-height:1.45} .screen .budget-estimate-result strong{font-size:1.75rem;line-height:1.15;font-variant-numeric:tabular-nums;white-space:nowrap} .screen .budget-estimate-result .budget-estimate-equation{font-weight:500} @media(max-width:340px){.screen .budget-estimate-rate{grid-template-columns:1fr;gap:0}} /* Source: spending-outlook.css | sha256:4bfc24a3671360b9a5440917461c9a9ec1a6514555daf5e1e032e8194f8b972f */ /* A daily guide is a detail of the existing after-Budget amount. */ .home-spending-outlook-caption{font-size:.875rem;line-height:1.35} .home-spending-outlook-caption .outlook-daily-value{font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap} #app .spending-outlook .outlook-conclusion{padding:0 0 16px;margin:0 0 14px;border-bottom:1px solid var(--line,#d9ddd5)} #app .spending-outlook .outlook-conclusion>span{display:block;font-size:1rem;font-weight:500} #app .spending-outlook .outlook-conclusion>h1{margin:8px 0;font-size:2.75rem;line-height:1.12;font-weight:600;letter-spacing:-.035em;font-variant-numeric:tabular-nums} #app .spending-outlook .outlook-conclusion>p{margin:0;font-size:.9375rem;line-height:1.45} #app .spending-outlook .outlook-period{margin:0 0 10px;color:var(--muted,#596153);font-size:.875rem;line-height:1.45} #app .spending-outlook>p:not(.outlook-period){margin:0 0 10px;font-size:.9375rem;line-height:1.5} #app .spending-outlook .outlook-actions{margin-top:12px} .spending-outlook .outlook-calculation{margin:12px 0} .spending-outlook .outlook-calculation>div{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,auto);align-items:baseline;gap:12px;padding:8px 0;border-bottom:1px solid var(--line,#d9ddd5);font-size:.875rem;line-height:1.45} .spending-outlook .outlook-calculation dd{margin:0;text-align:right;font-variant-numeric:tabular-nums;overflow-wrap:anywhere} @media(prefers-reduced-motion:reduce){.home-spending-outlook-caption,.spending-outlook{animation:none!important;transition:none!important}} #app .account-room .home-spending-outlook-caption svg{display:inline-block;vertical-align:-.125em;width:14px;height:14px;margin:0 0 0 2px} body #app .home-refined .account-room>small.home-spending-outlook-caption{font-size:.875rem;line-height:1.35} /* Source: budget-history.css | sha256:98f0e96fb344957e60f9eb2bce61fecf376a1a49ad2c14afeeae9cbefcc2439a */ /* A compact editor, using the edition's own type, controls and colours. */ .screen .budget-history-entry{min-height:44px;display:inline-flex;align-items:center;text-align:left} #app .screen .budget-history-period{margin:0 0 6px;font-weight:600;line-height:1.4} #app .screen .budget-history-intro{margin:0 0 12px;line-height:1.45} .screen .budget-history-column-labels{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;font-size:.875rem;color:var(--muted);padding-bottom:4px} .screen .budget-history-column-labels span:last-child{text-align:right} #app .screen .budget-history-items{display:grid;gap:8px;margin:0 0 4px} .screen .budget-history-item{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;align-items:center} .screen .budget-history-include{display:flex;gap:9px;align-items:center;min-height:44px;overflow-wrap:anywhere;line-height:1.35} .screen .budget-history-include input{width:20px;height:20px;flex:none;margin:0} #app .screen .budget-history-item .field{margin:0;min-width:0} #app .screen .budget-history-item .inline{display:flex;align-items:center;gap:6px;flex-wrap:nowrap} #app .screen .budget-history-item .inline .input{flex:1;min-width:0;width:0;text-align:right} #app .screen .budget-history-item .payment-currency{font-size:.875rem;line-height:1.4;white-space:nowrap;flex:none} #app .screen .budget-history-projection{padding:10px 0;margin:4px 0 0;border-top:1px solid var(--line);font-weight:600;line-height:1.4} #app .screen .budget-history-draft-note{margin:0;line-height:1.4} #app .screen .budget-history-actions{margin-top:12px;gap:4px} #app .screen .budget-history-details{margin-top:8px} .screen .budget-history-details dd{font-variant-numeric:tabular-nums;margin:0;text-align:right} .screen .budget-history-transactions .summary-line{gap:12px;padding:10px 0;border-bottom:1px solid var(--line)} .screen .budget-history-transactions small{display:block;color:var(--muted);margin-top:3px} .screen .budget-history-details .summary-line{align-items:start;gap:12px} .screen .budget-history-missing-actions{display:flex;flex-wrap:wrap;gap:4px 12px} #history-missing-costs:empty{display:none} @media(max-width:340px){.screen .budget-history-item{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px}.screen .budget-history-include{gap:6px}} /* Source: pause-recovery.css | sha256:9e6eeb72b80c00ca3b46b0d609fc1e1a9cb04d8bc3b0d21a127f7c2b1ef987c8 */ /* Keep the Pause focused: consequence, projected change, then the choice. Alternatives use the existing control treatment, not a second set of cards. */ #app .screen-pause .pause-recovery-context{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px 12px;margin:0 0 6px} #app .screen-pause .pause-recovery-context .pause-payment-context{margin:0;min-width:0;font-size:.875rem;line-height:1.4} #app .screen-pause .pause-recovery-context .pause-payment-context small{display:block;margin-top:1px} #app .screen-pause .pause-recovery-context .decision-payment-summary{display:flex;flex-direction:column;align-items:flex-end;gap:2px;margin:0;padding:0;border:0;background:none;font-size:.875rem;line-height:1.4;white-space:nowrap} #app .screen-pause .pause-recovery-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0 0 4px} #app .screen-pause .pause-recovery-options.pause-recovery-single{grid-template-columns:1fr} #app .screen-pause .pause-recovery-options .pause-recovery-choice{display:flex;align-items:center;justify-content:center;gap:4px;min-width:0;min-height:44px;width:100%;margin:0;padding:8px;border:1px solid currentColor;border-radius:var(--curve-control,12px);text-align:center;text-decoration:none;font:inherit;font-size:.875rem;font-weight:600;line-height:1.35;background:transparent;color:inherit;box-shadow:none} #app .screen-pause .pause-recovery-options .pause-recovery-choice span{overflow-wrap:anywhere} #app .screen-pause .pause-recovery-options .pause-recovery-choice .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0} #app .screen-pause .pause-recovery-options .pause-recovery-choice:focus-visible{outline:2px solid currentColor;outline-offset:3px} #app .screen-pause .pause-recovery-calculation h3{font-size:1rem;margin:12px 0 7px} #app .screen-pause .pause-recovery-calculation dd small{display:block;font-weight:400;margin-top:3px} #app .screen-pause .pause-recovery-calculation p,.pause-recovery-funding-note{font-size:.875rem;line-height:1.45} .pause-recovery-funding-note{margin:0 0 12px} /* Short phones give the ring less surrounding space. Text and all actions remain readable, with natural scrolling for larger text or longer names. */ @media(max-height:720px){ #app .task-sheet-layer .screen-pause:has(.pause-recovery-options) .pause-decision-heading{margin-bottom:6px} #app .task-sheet-layer .screen-pause:has(.pause-recovery-options) .pause-decision-consequence{padding:0;border:0} #app .task-sheet-layer .screen-pause:has(.pause-recovery-options) .pause-comparison.pause-hero{margin:6px 0;padding-top:0;padding-bottom:8px} #app .screen-pause:has(.pause-recovery-options) .pause-hero-toolbar{min-height:44px} #app .screen-pause:has(.pause-recovery-options) .pause-hero-intro{padding:3px 0} #app .screen-pause:has(.pause-recovery-options) .pause-money-stage{height:44px;margin:-4px 0 2px} #app .screen-pause:has(.pause-recovery-options) .pause-comparison-values{padding-top:0;padding-bottom:0} #app .screen-pause:has(.pause-recovery-options) .pause-actions{margin-top:6px;gap:3px} #app .task-sheet-layer .screen-pause:has(.pause-recovery-options) .pause-decisions .pause-equal-choice{min-height:48px;padding-top:10px;padding-bottom:10px} #app .screen-pause:has(.pause-recovery-options) .pause-link-cost{margin:0;padding-top:7px;padding-bottom:7px} #app .screen-pause:has(.pause-recovery-options) .focus-footnote{margin-top:2px} } @media(max-width:340px){#app .screen-pause .pause-recovery-context{grid-template-columns:minmax(0,1fr)}#app .screen-pause .pause-recovery-context .decision-payment-summary{flex-direction:row;justify-content:space-between;align-items:baseline;flex-wrap:wrap;white-space:normal}} body.minna-edition #app .screen-pause .pause-recovery-options .pause-recovery-choice{color:#fff;border-color:#fff;text-decoration:none;border-radius:2px} body.minna-edition #app .screen-pause .pause-recovery-context .decision-payment-summary{background:none;border:0} @media(max-height:720px){body.minna-edition #app .screen-pause:has(.pause-recovery-options) .pause-comparison-values{padding-top:0;padding-bottom:0}} /* Source: budget-guide.css | sha256:7e159f2d551c39ab4c94bb5884662d661a1310371a077ba65a4ca93e4083c275 */ /* Guidance uses the edition's existing type, colour and control tokens. */ #app .screen .budget-guide-entry{display:inline-flex;align-items:center;justify-content:flex-start;gap:7px;min-height:44px;max-width:100%;font-size:.875rem;line-height:1.4;text-align:left} #app .screen .budget-guide-entry svg{width:18px;height:18px;flex:none} #app .budget-guide-start .plan-benefit-intro,#app .budget-guide-start .budget-guide-benefit{font-size:1rem;line-height:1.5;margin:0 0 12px} #app .budget-guide-start .plan-benefit-footnote{font-size:.875rem;line-height:1.5;margin:0 0 12px} #app .budget-guide-start .plan-benefit-example{margin:0} #app .screen .budget-guide-start-actions{margin-top:14px;gap:8px} #app .screen .budget-guide-handoff{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;margin:0 0 10px;border-bottom:1px solid var(--line)} #app .screen .budget-guide-handoff>span{font-size:.875rem;line-height:1.4;padding-bottom:8px} #app .screen .budget-guide-review-items{margin:8px 0 12px;border-top:1px solid var(--line)} #app .screen .budget-guide-review-items .summary-line{gap:10px;min-height:48px;padding:4px 0;border-bottom:1px solid var(--line);font-size:.9375rem;line-height:1.4} #app .screen .budget-guide-review-items .summary-line>span:first-child{min-width:0;overflow-wrap:anywhere} #app .screen .budget-guide-review-items .summary-line .inline{flex-wrap:wrap;justify-content:flex-end;gap:4px} #app .screen .budget-guide-review-items .summary-line .text-btn{min-height:44px;padding:8px;font-size:.875rem} #app .screen .budget-guide-review-calculation{margin-top:12px} body #app[data-chat-banking=true] .budget-guide-toolbar{display:flex;align-items:center;gap:8px;flex:0 0 auto;min-width:0;min-height:48px;margin:8px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)} body #app[data-chat-banking=true] .budget-guide-toolbar>span{flex:1;min-width:0;font-size:.875rem;line-height:1.4;font-weight:600} body #app[data-chat-banking=true] .budget-guide-toolbar .text-btn{font-size:.875rem;line-height:1.4;min-height:44px;padding:8px 4px;white-space:nowrap} body #app[data-chat-banking=true] .budget-guide-toolbar .icon-btn{display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;width:44px;height:44px;padding:10px;margin:0;background:transparent;border:0;color:var(--ink)} body #app .budget-guide-resume{flex:0 0 auto} body #app .budget-guide-resume .text-btn{min-height:44px;font-size:.875rem;line-height:1.4} #app .chat-reply .budget-guide-choices{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0 0} #app .chat-reply .budget-guide-choices button{min-height:44px;max-width:100%;font-size:.875rem;line-height:1.4;padding:9px 12px} #app .chat-reply .budget-guide-review-action{width:100%;min-height:52px;margin:0;font-size:1rem;line-height:1.4} #app .chat-reply .budget-guide-choices .budget-guide-add-item{border:0;background:transparent;text-decoration:underline;padding:8px 0} #app .budget-guide-toolbar button:focus-visible,#app .budget-guide-entry:focus-visible{outline:2px solid var(--ink);outline-offset:3px} @media(max-width:340px){#app .screen .budget-guide-handoff{gap:0}#app .screen .budget-guide-handoff>span{width:100%}} @media(prefers-reduced-motion:reduce){.budget-guide-toolbar,.budget-guide-resume{animation:none!important;transition:none!important}} /* Source: budget-overview.css | sha256:223a36870dcf8981c36f2fcb2c8125c58add0dc4a44d1324055b7a2608ce9d0c */ /* Show the Budget itself first. Existing edition tokens supply identity. */ #app .budget-overview-page .budget-overview-section{padding:16px} #app .budget-overview-page .plan-hub-heading{margin-block:5px 12px} #app .budget-overview-page .plan-section-heading{margin-bottom:8px} #app .budget-overview-summary .plan-hub-amount{margin-block:3px 10px;font-variant-numeric:tabular-nums} #app .budget-overview-context{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:8px} #app .budget-overview-context>span{font-size:.75rem;line-height:1.4;color:var(--muted)} #app .budget-overview-context strong{display:block;font-size:.9375rem;line-height:1.5;font-weight:600;color:var(--ink);margin-top:2px} #app .budget-overview-items{border-top:1px solid var(--line);margin-top:10px} #app button.budget-overview-item{display:flex;justify-content:space-between;align-items:center;gap:12px;width:100%;min-height:48px;text-align:left;padding:9px 0;border:0;border-bottom:1px solid var(--line);border-radius:0;background:none;color:var(--ink);font:inherit;cursor:pointer} #app .budget-overview-item>span:first-child{min-width:0} #app .budget-overview-item>span>strong{font-size:.875rem;line-height:1.35;letter-spacing:0;font-weight:600;overflow-wrap:anywhere} #app .budget-overview-item small{display:block;margin-top:3px;font-size:.75rem;line-height:1.4;color:var(--muted)} #app .budget-overview-item-amount{display:flex;align-items:center;gap:7px;flex-shrink:0;white-space:nowrap;font-size:.875rem;font-weight:600;font-variant-numeric:tabular-nums} #app .budget-overview-page .plan-hub-actions.budget-overview-actions{margin-top:14px} #app .budget-overview-page .plan-hub-actions.budget-overview-actions button{font-size:.8125rem;min-height:46px;padding:9px 8px} #app .budget-overview-page .plan-boxes-section{padding:13px 16px} #app .budget-overview-page .plan-boxes-section .plan-hub-amount{font-size:1.5rem} #app .budget-overview-page .plan-boxes-section .plan-hub-actions{margin-top:10px} #app .budget-overview-edit-total{display:flex;flex-direction:column;gap:5px;margin-block:14px} #app .budget-overview-edit-total>span{font-size:.875rem;line-height:1.4;color:var(--muted)} #app .budget-overview-edit-total>strong{font-size:1.875rem;line-height:1.2;font-weight:600;letter-spacing:-.04em;font-variant-numeric:tabular-nums} #app .budget-overview-edit .actions,#app .budget-category-detail .actions{margin-top:16px} #app .budget-category-original{border-block-start:1px solid var(--line);padding-block:14px} #app .budget-category-original>div:first-child{display:flex;justify-content:space-between;gap:14px;font-size:.9375rem;line-height:1.4} #app .budget-category-original>div:first-child span{overflow-wrap:anywhere} #app .budget-category-original>div:first-child strong{white-space:nowrap} #app .budget-category-original-actions{display:flex;gap:12px;align-items:center;margin-top:10px} #app .budget-category-original-actions>button{min-height:44px;flex:1;font-size:.875rem} #app button.budget-delete-action{color:var(--red,#a52f2f)} #app .budget-delete-confirmation h1{font-size:1.75rem;line-height:1.2;letter-spacing:-.04em} #app .budget-delete-confirmation>p{font-size:1rem;line-height:1.5} #app .budget-overview-page .budget-overview-tools>summary{font-size:.8125rem} body.minna-edition #app .budget-overview-page .budget-overview-section{padding:14px 0;margin-top:10px} body.minna-edition #app .budget-overview-page .plan-boxes-section{padding:14px 0;margin-top:12px} body.minna-edition #app .budget-overview-page .plan-hub-heading{margin:6px 0 12px} body.minna-edition #app .budget-overview-page .plan-hub-actions.budget-overview-actions{margin-top:14px} @media(max-width:359px){#app .budget-overview-context{gap:8px}#app .budget-overview-item-amount{gap:4px}#app .budget-overview-page .plan-hub-actions.budget-overview-actions{grid-template-columns:1fr}} @media(prefers-reduced-motion:reduce){#app .budget-overview-page *,#app .budget-delete-confirmation *{transition:none;animation:none}} #app .simple-plan-review .summary-line>.inline{flex-direction:column;align-items:flex-end;gap:3px} #app .budget-review-remaining{display:block;font-size:.75rem;line-height:1.4} #app .simple-plan-review .budget-review-room{font-size:.875rem;line-height:1.4;margin:8px 0 0} #app .budget-overview-total-label{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap} #app .budget-overview-total-label>span{font-size:.875rem;line-height:1.4} #app .budget-overview-total-label .budget-overview-period{display:inline-flex;align-items:center;gap:3px;min-height:44px;padding:6px 0;font-size:.8125rem;line-height:1.3;white-space:normal} #app .budget-overview-context-single{grid-template-columns:1fr} #app .first-cost-list .summary-line{gap:8px;align-items:center} #app .first-cost-list .summary-line>span:first-child{min-width:0;overflow-wrap:anywhere} #app .first-cost-list .summary-line>.inline{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:3px 5px;max-width:75%;min-width:0;align-items:center;text-align:right} #app .first-cost-list .inline>strong{grid-column:1;white-space:nowrap} #app .first-cost-list .inline>.budget-review-remaining{grid-column:1;white-space:normal} #app .first-cost-list .inline>.text-btn{grid-column:2;grid-row:1/span 2;min-height:44px;padding:6px} #app .first-cost-list .inline>.icon-btn{grid-column:3;grid-row:1/span 2;min-height:44px} /* Source: payment-budget-result.css | sha256:7b48284866b53ad8e283da8b4341756b18819a1c00af876881a6e264d971f453 */ /* The confirmed insight is a short accent, below status and above the reference. */ #app .payment-budget-result{border-inline-start:3px solid var(--green);padding:5px 0 5px 12px;margin:15px 0;text-align:start} #app .payment-budget-result p{margin:0} #app .payment-budget-result-label{font-size:.75rem;line-height:1.4;color:var(--muted)} #app .payment-budget-result-headline{font-size:1rem;line-height:1.4;font-weight:600;letter-spacing:-.02em;margin-top:3px!important;overflow-wrap:anywhere} #app .payment-budget-result-support,#app .payment-budget-result-edit{font-size:.8125rem;line-height:1.4;margin-top:3px!important;color:var(--muted)} #app .payment-budget-receipt{margin-block:16px} /* Short phones keep the outcome, Budget insight and Done together. Space comes from the gaps between sections; longer text can still scroll. */ @media(max-width:600px) and (max-height:720px){ #app .payment-result-compact:has(>[data-payment-budget-result])>.payment-balance{margin-bottom:8px} #app .payment-result-compact:has(>[data-payment-budget-result])>.result-mark{margin-bottom:8px} #app .payment-result-compact:has(>[data-payment-budget-result])>h1{margin-bottom:6px} #app .payment-result-compact:has(>[data-payment-budget-result])>.result-context{margin-bottom:6px} #app .payment-result-compact:has(>[data-payment-budget-result])>.payment-budget-result{margin-block:8px;padding-block:3px} #app .payment-result-compact:has(>[data-payment-budget-result])>.result-reference{padding-block:6px} #app .payment-result-compact:has(>[data-payment-budget-result])>.receipt-category{margin-block:4px} #app .payment-result-compact:has(>[data-payment-budget-result])>.result-actions{margin-top:10px} } @media(prefers-reduced-motion:reduce){#app .payment-budget-result{animation:none;transition:none}} /* Source: contextual-chat.css | sha256:d0667a05c6ba791d6a71a7fa4b22599c228c9f288f63c8519e3921e12a0d7578 */ #app .contextual-chat-entry{display:inline-flex;gap:7px;align-items:center;min-height:44px;padding:5px 0;margin:2px 0;font:inherit;font-size:.8125rem;line-height:1.35;text-align:left;color:var(--ink);text-decoration:underline;text-underline-offset:3px} #app .contextual-chat-entry svg{flex:none} #app .chat-banking-header .contextual-chat-return{min-width:0;max-width:160px;font-size:.75rem;gap:5px;line-height:1.25;text-align:left} #app .contextual-chat-return span{overflow-wrap:normal} @media(max-width:359px){#app .chat-banking-header .contextual-chat-return{max-width:115px}} @media(prefers-reduced-motion:reduce){#app .contextual-chat-entry,#app .contextual-chat-return{transition:none;animation:none}} /* The two optional explanations share one row until the calculation opens. */ #app .screen-pause .contextual-pause-tools{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.45fr);align-items:start;gap:0 10px;margin:3px 0 0} #app .screen-pause .contextual-pause-tools>.pause-calculation{min-width:0;margin:0} #app .screen-pause .contextual-pause-tools>.pause-calculation>summary{min-height:44px;padding-block:11px} #app .screen-pause .contextual-pause-tools>.contextual-chat-entry{justify-self:end;justify-content:flex-end;min-height:44px;margin:0;text-align:right} #app .screen-pause .contextual-pause-tools>.contextual-chat-entry span{min-width:0} #app .screen-pause .contextual-pause-tools>.pause-calculation[open]{grid-column:1/-1} #app .screen-pause .contextual-pause-tools>.pause-calculation[open]+.contextual-chat-entry{grid-column:1/-1} /* Stay inside the header's existing left grid column. A long return label wraps there rather than extending underneath the centred wordmark. */ body #app[data-chat-banking="true"] .chat-banking-header .chat-banking-back.contextual-chat-return{ width:100%;max-width:100%;min-width:44px;box-sizing:border-box; justify-content:flex-start;white-space:normal;min-height:44px; padding:6px 2px;font-size:.8125rem;line-height:1.3;text-align:left; } body #app[data-chat-banking="true"] .chat-banking-header .chat-banking-back.contextual-chat-return>span{ display:block;min-width:0;flex:1 1 auto;white-space:normal; overflow-wrap:anywhere;word-break:normal; } @media(max-width:359px){ body #app[data-chat-banking="true"] .chat-banking-header .chat-banking-back.contextual-chat-return>svg{display:none} } /* Source: budget-period-review.css | sha256:1e032ccdfc74fa664f6dcbcceabfc2dc17a41be046fbdb8072bac0267ee28c88 */ /* Dated Budget learning uses the same financial hierarchy as the overview. */ #app .budget-period-review .budget-review-period{font-size:.875rem;line-height:1.45;margin:8px 0 16px;color:var(--muted)} #app .budget-period-review .budget-review-period small{display:block;margin-top:3px} #app .budget-review-totals{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:16px 0} #app .budget-review-totals>div{min-width:0} #app .budget-review-totals dt{font-size:.8125rem;line-height:1.4;color:var(--muted)} #app .budget-review-totals dd{font-size:1.5rem;font-weight:600;line-height:1.3;letter-spacing:-.035em;margin:5px 0 0;font-variant-numeric:tabular-nums;overflow-wrap:anywhere} #app .budget-review-insight{font-size:1rem;font-weight:600;line-height:1.5;margin:12px 0} #app .budget-review-category{border-top:1px solid var(--line);padding:12px 0} #app .budget-review-category h3{font-size:.9375rem;line-height:1.4;letter-spacing:0;margin:0 0 8px} #app .budget-review-category dl{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0} #app .budget-review-category dt{font-size:.75rem;line-height:1.4;color:var(--muted)} #app .budget-review-category dd{font-size:.9375rem;line-height:1.4;font-weight:600;margin:4px 0 0;font-variant-numeric:tabular-nums;overflow-wrap:anywhere} #app .budget-period-review .actions{margin-top:16px} #app .budget-period-review .budget-review-breakdown{margin-top:16px} @media(max-width:359px){#app .budget-review-totals{grid-template-columns:1fr}#app .budget-review-category dl{gap:8px}} /* Source: feature-flows.css | sha256:daf642cecdbeac6d10bf013ccbf8b418b21e17f45873d64b4364d7c23e615ee1 */ /* Shared feature surfaces. Colours, typography and control curves inherit each edition's established presentation rather than the source edition. */ /* Virtual cards use the existing edition type, fields, pills and sheet shell. */ body #app .vc-pay-entry{margin:10px 0 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)} body #app .vc-pay-entry>.row{min-height:64px;padding:10px 0} body #app .virtual-card-page{min-width:0} body #app .virtual-card-page .page-heading{margin:0 0 16px!important} body #app .virtual-card-page .page-heading p{margin-top:6px!important} body #app :is(.vc-disclosure,.vc-note){font-size:.8125rem;line-height:1.45;color:var(--muted);margin:12px 0 0} body #app .vc-disclosure{font-size:.75rem;color:var(--muted);margin-top:18px;text-align:center} body #app .vc-list{margin:4px 0 16px;border:1px solid var(--line);border-radius:var(--curve-control,16px);overflow:hidden;background:var(--white)} body #app .vc-card-row{display:flex;align-items:center;gap:10px;width:100%;min-height:88px;padding:14px 12px;background:transparent;border:0;text-align:left;color:var(--ink)} body #app .vc-card-row+.vc-card-row{border-top:1px solid var(--line)} body #app .vc-row-symbol{display:grid;place-items:center;flex:none;width:38px;height:38px;background:var(--green-soft);border-radius:var(--curve-control,16px)} body #app .vc-row-copy{flex:1;min-width:0} body #app .vc-row-copy strong{display:block;font-size:.9375rem;line-height:1.3;overflow-wrap:anywhere} body #app .vc-row-copy small{display:block;font-size:.75rem;color:var(--muted);margin-top:4px} body #app .vc-row-end{display:flex;align-items:center;gap:4px;max-width:48%;font-size:.875rem;font-variant-numeric:tabular-nums;flex:none} body #app .vc-row-end strong{white-space:nowrap} body #app .vc-empty{padding:10px 0 8px} body #app .vc-empty-icon{display:grid;place-items:center;width:64px;height:54px;border-radius:var(--curve-control,16px);background:var(--green-soft);color:var(--ink);margin-bottom:18px} body #app .vc-empty h2{font-size:1.375rem!important;margin:0 0 8px!important} body #app .vc-empty p{max-width:34ch;color:var(--muted)} body #app .vc-face{position:relative;display:flex;flex-direction:column;gap:6px;border-radius:var(--curve-panel,24px);padding:18px 18px 16px;background:var(--ink);color:var(--white);min-height:166px;isolation:isolate} body #app .vc-face-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px} body #app .vc-face-top>span{font-size:.75rem;white-space:nowrap;opacity:.86} body #app .vc-wordmark{width:66px;height:auto;display:block} body #app .vc-face-name{font-size:1rem;line-height:1.3;overflow-wrap:anywhere;max-width:100%} body #app .vc-masked-number{font-size:1.0625rem;letter-spacing:.14em;font-variant-numeric:tabular-nums;line-height:1.4;white-space:nowrap} body #app .vc-face-status{display:flex;align-items:center;gap:6px;font-size:.75rem;line-height:1.4;margin-top:5px} body #app .vc-face-status svg{width:15px;height:15px} body #app .vc-money{display:flex;flex-direction:column;align-items:flex-start;gap:5px;margin:16px 0} body #app .vc-money>span{font-size:.8125rem;color:var(--muted)} body #app .vc-money>strong{font-size:2.25rem!important;line-height:1.12;letter-spacing:-.04em;color:var(--ink)} body #app .vc-money .balance-number{font-size:inherit!important;white-space:nowrap} body #app .vc-money small{font-size:.75rem;color:var(--muted)} body #app .vc-main-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px} body #app .vc-main-actions>button{padding:12px 10px!important} body #app .vc-manage{display:flex;align-items:center;justify-content:center;gap:8px;border:0;background:none;color:var(--ink);width:100%;min-height:44px;font-size:.875rem;font-weight:600;margin-top:4px} body #app .vc-history{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:8px} body #app .vc-history>summary{min-height:44px;display:flex;align-items:center;font-size:.8125rem;font-weight:600;cursor:pointer} body #app .vc-history>summary:after{content:'+';margin-left:auto;font-size:1.2rem} body #app .vc-history[open]>summary:after{content:'−'} body #app .vc-history>.row{min-height:60px;padding:10px 0} body #app .vc-history .row-icon{width:32px;height:32px;border-radius:10px;flex:none} body #app .vc-history .row-copy strong{font-size:.875rem} body #app .vc-demo-link{display:block;width:100%;margin-top:4px} body #app .vc-create-summary{display:flex;align-items:center;gap:12px;padding:14px;border-radius:var(--curve-control,16px);background:var(--soft);margin-bottom:18px} body #app .vc-create-summary strong{display:block;color:var(--ink);font-size:.9375rem} body #app .vc-create-summary span{display:block;font-size:.8125rem;color:var(--muted);margin-top:3px} body #app .vc-line{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;margin:0 0 18px;border-block:1px solid var(--line);font-size:.875rem} body #app .vc-line>span{color:var(--muted)} body #app .vc-line>strong{text-align:right;max-width:65%;overflow-wrap:anywhere} body #app .virtual-card-page form{margin-top:0} body #app .virtual-card-page .field small{font-weight:400;color:var(--muted);margin-left:4px} body #app .virtual-card-page .code-input{font-size:1.375rem!important;letter-spacing:.24em;text-align:center} body #app .vc-auth-symbol{display:grid;place-items:center;width:58px;height:58px;border-radius:50%;background:var(--green-soft);margin-bottom:16px} body #app .vc-auth-back{display:flex;justify-content:center;margin-top:8px} body #app .vc-status{padding:4px 0 10px} body #app .vc-status-icon{display:grid;place-items:center;width:58px;height:58px;border-radius:50%;background:var(--green-soft);margin:0 0 18px} body #app .vc-status h1{margin:0 0 8px!important;max-width:20ch} body #app .vc-status p{color:var(--muted)} body #app .vc-demo-warning{border-left:3px solid var(--ink);background:var(--soft);padding:10px 12px;font-size:.8125rem;line-height:1.45;color:var(--ink);margin:0 0 16px} body #app .vc-details{margin:0;border-top:1px solid var(--line)} body #app .vc-details>div{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px 12px;padding:14px 0;border-bottom:1px solid var(--line)} body #app .vc-details dt{font-size:.8125rem;color:var(--muted)} body #app .vc-details dd{margin:0;text-align:right;font-size:.9375rem;font-weight:600;color:var(--ink);font-variant-numeric:tabular-nums;overflow-wrap:anywhere} body #app .vc-demo-controls{margin:8px 0 16px;border-block:1px solid var(--line)} body #app .vc-demo-controls summary{min-height:44px;display:flex;align-items:center;font-size:.8125rem;cursor:pointer} @media(max-height:700px) and (min-width:340px){ body #app .virtual-card-page .page-heading{margin-bottom:12px!important} body #app .vc-face{min-height:135px;padding:14px 16px;gap:3px} body #app .vc-face-top{margin-bottom:7px} body #app .vc-money{margin:12px 0;gap:3px} body #app .vc-money>strong{font-size:2rem!important} body #app .vc-disclosure{margin-top:12px} } @media(max-width:340px){ body #app .vc-card-row{flex-wrap:wrap} body #app .vc-row-end{margin-left:48px;max-width:calc(100% - 48px)} body #app .vc-main-actions{grid-template-columns:1fr} body #app .vc-details>div{flex-direction:column;align-items:flex-start} body #app .vc-details dd{text-align:left} } @media(prefers-reduced-motion:reduce){body #app .virtual-card-page *{scroll-behavior:auto}} /* A funded card is one details task. Keep the source and direct safety control visible, while longer histories remain an optional disclosure. */ body #app .vc-detail-tools{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:3px} body #app .vc-detail-tools>.vc-manage{width:auto;flex:1;margin:0} body #app .vc-detail-tools>.vc-freeze-direct{flex:1;min-height:44px;font-weight:600;padding:8px} body #app .vc-face{min-height:138px} body #app .vc-face-top{margin-bottom:8px} /* Card funding shares the ordinary payment layout without adding an art stage. */ body #app .virtual-card-flow{min-width:0} body #app .virtual-card-flow .page-heading{margin:0 0 14px!important} body #app .vc-funding-recipient{display:flex;align-items:center;gap:12px;padding:8px 0 12px;border-bottom:1px solid var(--line);margin-bottom:14px} body #app .vc-funding-recipient>span{display:grid;place-items:center;width:40px;height:40px;flex:none;border-radius:var(--curve-control,16px);background:var(--green-soft)} body #app .vc-funding-recipient>div{min-width:0} body #app .vc-funding-recipient strong{font-size:.9375rem;overflow-wrap:anywhere} body #app .vc-funding-recipient small{display:block;font-size:.8125rem;color:var(--muted);margin-top:3px} body #app .vc-funding-source{font-size:.8125rem;line-height:1.45;color:var(--muted);margin:8px 0 12px} body #app .virtual-card-funding form{margin-top:0!important} body #app .virtual-card-funding .field{margin-bottom:10px!important} body #app .vc-receipt>h1{margin:14px 0 8px} body #app .vc-receipt>p.small{margin:10px 0 14px} body #app .virtual-card-review .focus-payment-title{margin:6px 0 18px} body #app .virtual-card-review .focus-payment-title h1{font-size:2.75rem!important;line-height:1.1} body #app .virtual-card-review .focus-payment-title p{margin-top:7px;overflow-wrap:anywhere} body #app .vc-funded-create .page-heading{margin-bottom:12px!important} body #app .vc-funded-create .field>span{margin-bottom:6px!important} body #app .vc-funded-create #vc-name{min-height:48px!important;padding:12px 14px!important} body #app .vc-funded-create .vc-funding-source{margin:4px 0 8px} body #app .vc-funded-create .payment-projection{margin:6px 0 10px!important} body #app .vc-funded-create .preview-boundary{margin-top:8px!important} @media(max-height:700px){ body #app .vc-funded-create .page-heading{margin-bottom:10px!important} body #app .vc-funded-create .field{margin-bottom:8px!important} body #app .vc-funded-create .amount-input{padding-block:8px!important;min-height:62px!important} } /* A full spending canvas with the same financial hierarchy as Home and Pause. */ body #app .ms-dashboard{min-width:0;padding-bottom:14px} body #app .ms-dashboard>.page-heading{display:none!important} body #app .ms-dashboard>h1{font-size:1.75rem!important;line-height:1.12!important;letter-spacing:-.045em;margin:0 0 16px!important} body #app .ms-periods{display:flex;gap:7px;margin:0 0 14px!important} body #app .ms-periods>button{flex:1;min-height:44px!important;padding:9px 8px!important;font-size:.8125rem!important} body #app .ms-dashboard .home-story-scope{font-size:.8125rem;color:var(--muted);margin:0 0 5px} body #app .ms-total{display:block;font-size:2.75rem!important;line-height:1.1;letter-spacing:-.045em;margin:0 0 18px!important} body #app .ms-total .balance-number{font-size:inherit!important;white-space:nowrap} body #app .ms-chart{margin:0 0 16px;padding:0;min-width:0} body #app .ms-chart figcaption{display:flex;justify-content:space-between;align-items:baseline;gap:12px;font-size:.75rem;color:var(--muted);margin-bottom:9px} body #app .ms-chart figcaption strong{font-size:.75rem;font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--ink)} body #app .ms-chart figcaption small{font-size:.6875rem;font-weight:400;color:var(--muted)} body #app .ms-chart-bars{display:flex;gap:7px;align-items:stretch;height:139px;position:relative;border-bottom:1px solid var(--line);background:repeating-linear-gradient(to top,transparent 0,transparent 39px,var(--line) 40px,transparent 41px)} body #app .ms-chart-column{display:flex;flex:1;min-width:0;flex-direction:column;justify-content:flex-end;align-items:center;position:relative;padding-bottom:23px} body #app .ms-chart-column small{position:absolute;bottom:3px;left:50%;transform:translateX(-50%);font-size:.625rem;color:var(--muted);white-space:nowrap;line-height:1.25} body #app .ms-chart-bar{display:block;width:min(21px,80%);height:var(--bar-height);background:var(--green-soft);border-radius:5px 5px 0 0;flex:none} body #app .ms-chart-bar.is-highest{background:var(--ink)} body #app .ms-chart-empty{display:flex;align-items:center;min-height:100px;border-block:1px solid var(--line);font-size:.875rem;color:var(--muted)} body #app .ms-chart-values{margin:4px 0 0;font-size:.75rem;color:var(--muted)} body #app .ms-chart-values>summary{min-height:44px;padding:8px 0} body #app .ms-chart-values dl{margin:0;padding:0} body #app .ms-chart-values dl>div{display:flex;justify-content:space-between;gap:12px;padding:6px 0;border-bottom:1px solid var(--line)} body #app .ms-chart-values dd{margin:0;font-variant-numeric:tabular-nums;white-space:nowrap} body #app .ms-insights{margin:0 0 18px;border-block:1px solid var(--line)} body #app .ms-insight{display:flex;align-items:flex-start;gap:9px;padding:12px 0} body #app .ms-insight+.ms-insight{border-top:1px solid var(--line)} body #app .ms-insight-symbol{display:grid;place-items:center;width:25px;height:25px;flex:none;border-radius:50%;background:var(--green-soft);color:var(--ink);margin-top:1px} body #app .ms-insight>div{min-width:0} body #app .ms-insight strong{display:block;font-size:.90625rem;line-height:1.4;font-weight:650} body #app .ms-insight p{font-size:.8125rem;line-height:1.45;color:var(--muted);margin:3px 0 0} body #app .ms-insight .text-btn{font-size:.8125rem!important;min-height:44px!important;padding:6px 0!important} body #app .ms-breakdown-tabs{display:flex;gap:8px;margin:0 0 4px} body #app .ms-breakdown-tabs>button{min-height:44px!important;padding:9px 15px!important;font-size:.8125rem!important} body #app .ms-breakdown{margin:0 0 18px!important;border:0!important;padding:0!important} body #app .ms-breakdown>.ms-breakdown-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:0 12px;padding:7px 0 10px;border-bottom:1px solid var(--line)} body #app .ms-breakdown dt{min-width:0} body #app .ms-breakdown dt>button{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:3px;width:100%;min-height:44px;border:0;background:none;color:var(--ink);padding:5px 0;text-align:left;font-size:.9375rem;line-height:1.35;overflow-wrap:anywhere} body #app .ms-breakdown dt>button small{font-size:.75rem;color:var(--muted)} body #app .ms-breakdown dd{display:flex;align-items:center;gap:7px;margin:0;font-variant-numeric:tabular-nums;white-space:nowrap} body #app .ms-breakdown dd strong{font-size:.9375rem} body #app .ms-breakdown dd small{font-size:.75rem;color:var(--muted);min-width:3ch;text-align:right} body #app .ms-category-track{grid-column:1/-1;height:4px;width:100%;border-radius:3px;background:var(--line);overflow:hidden} body #app .ms-category-track i{display:block;height:100%;width:var(--category-share);background:var(--ink);border-radius:3px} body #app .ms-transactions{margin:0 0 14px} body #app .ms-transactions h2{font-size:1rem!important;margin:0 0 5px!important} body #app .ms-payment{display:flex;align-items:center;gap:8px;width:100%;min-height:63px;border:0;border-bottom:1px solid var(--line);background:none;padding:10px 0;text-align:left;color:var(--ink)} body #app .ms-payment>span{flex:1;min-width:0} body #app .ms-payment>span strong{display:block;font-size:.875rem;line-height:1.35;overflow-wrap:anywhere} body #app .ms-payment small{display:block;font-size:.75rem;color:var(--muted);margin-top:3px} body #app .ms-payment>strong{white-space:nowrap;font-size:.875rem;font-variant-numeric:tabular-nums} body #app .ms-actions{margin:14px 0!important;gap:8px} body #app .ms-definition{font-size:.8125rem;color:var(--muted);margin:0} body #app .ms-definition>summary{min-height:44px} body #app .ms-scope{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:.875rem;line-height:1.4;margin-bottom:8px} body #app .ms-scope strong{overflow-wrap:anywhere} body #app .ms-scope .text-btn{font-size:.75rem!important;white-space:nowrap} body #app .ms-receipt-category{display:flex;align-items:center;justify-content:space-between;gap:10px;border-block:1px solid var(--line);margin:12px 0;padding:4px 0;font-size:.875rem} body #app .ms-receipt-category>span{display:flex;flex-direction:column;font-size:.75rem;color:var(--muted)} body #app .ms-receipt-category strong{font-size:.875rem;color:var(--ink)} body #app .ms-receipt-category .text-btn{font-size:.8125rem!important;min-height:44px!important} body #app .daily-money-story>.ms-chart{margin:14px 0} body #app .daily-money-story .ms-chart-bars{height:103px} @media(max-width:359px){body #app .ms-total{font-size:2.375rem!important}body #app .ms-breakdown>.ms-breakdown-row{gap:0 7px}body #app .ms-breakdown dd{gap:5px}} @media(prefers-reduced-motion:reduce){body #app .ms-dashboard *{animation:none!important;transition:none!important;scroll-behavior:auto!important}} /* A shared period and readable progress sit beside the existing Budget total. Long Budgets and enlarged text grow naturally; no screen is clipped to fit. */ body #app .budget-readable-items{margin-top:8px} body #app .budget-items-disclosure{margin-top:12px} body #app .budget-items-disclosure>summary{display:inline-flex;align-items:center;gap:7px;min-height:44px;padding:5px 12px;border:1px solid var(--line);border-radius:999px;background:var(--white);color:var(--ink);font-size:.8125rem;font-weight:600;line-height:1.35;cursor:pointer;list-style:none} body #app .budget-items-disclosure>summary::-webkit-details-marker{display:none} body #app .budget-items-disclosure>summary::marker{content:''} body #app .budget-items-count{display:inline-flex;align-items:center;justify-content:center;min-width:21px;min-height:21px;padding:1px 5px;border-radius:50%;background:var(--soft);font-size:.6875rem;font-variant-numeric:tabular-nums} body #app .budget-items-disclosure>summary>svg{transform:rotate(90deg);transition:transform 160ms ease} body #app .budget-items-disclosure[open]>summary>svg{transform:rotate(-90deg)} body #app .budget-items-disclosure .budget-items-hide{display:none} body #app .budget-items-disclosure[open] .budget-items-show{display:none} body #app .budget-items-disclosure[open] .budget-items-hide{display:inline} body #app .budget-items-disclosure>summary:focus-visible{outline:2px solid var(--ink);outline-offset:3px} body #app button.budget-readability-item{display:flex!important;flex-direction:column!important;align-items:stretch!important;justify-content:center;gap:6px!important;min-height:64px!important;padding:11px 0!important} body #app .budget-line-top{display:flex;align-items:baseline;justify-content:space-between;gap:12px;min-width:0;width:100%} body #app .budget-line-top>strong{font-size:.9375rem!important;font-weight:650!important;line-height:1.35;letter-spacing:0;min-width:0;overflow-wrap:anywhere} body #app .budget-line-top>.budget-overview-item-amount{display:flex;align-items:baseline;justify-content:flex-end;gap:5px;font-size:.875rem!important;font-weight:600;line-height:1.35;white-space:nowrap;font-variant-numeric:tabular-nums;flex-shrink:0} body #app .budget-line-top>.budget-overview-item-amount small{display:inline;margin:0;font-size:.75rem;color:var(--muted);font-weight:400} body #app .budget-line-top>.budget-overview-item-amount svg{align-self:center;flex:none} body #app .budget-line-figures{display:flex;align-items:baseline;justify-content:space-between;gap:6px 12px;flex-wrap:wrap;font-size:.8125rem;line-height:1.45;color:var(--muted);font-weight:400;font-variant-numeric:tabular-nums} body #app .budget-line-figures>[data-budget-remaining]{color:var(--ink);font-weight:600} body #app .budget-line-notes{display:flex;align-items:baseline;gap:4px 12px;flex-wrap:wrap;color:var(--muted);font-size:.8125rem;line-height:1.45;font-weight:400;font-variant-numeric:tabular-nums} body #app .budget-line-notes>[data-budget-pending]{display:inline-block;background:var(--soft);padding:2px 7px;border-radius:6px;color:var(--ink)} body #app .budget-line-notes>[data-budget-over]{font-weight:600;color:var(--red)} body #app .budget-overview-total-label .budget-overview-period[data-budget-period]{display:flex;flex-direction:column;align-items:flex-end;justify-content:center;gap:2px;min-height:44px!important;text-align:right;line-height:1.3} body #app .budget-period-kicker{font-size:.6875rem!important;line-height:1.3;color:var(--muted);font-weight:400} body #app .budget-period-date{display:flex;align-items:center;justify-content:flex-end;gap:3px;font-size:.8125rem;line-height:1.35;color:var(--ink);font-weight:600} body #app .budget-readable-period{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:48px;padding:9px 0;margin:-4px 0 5px;border:0;border-bottom:1px solid var(--line);background:none;color:var(--ink);text-align:left;font-size:.8125rem;line-height:1.4} body #app .budget-readable-period>span{color:var(--muted)} body #app .budget-readable-period>strong{display:flex;align-items:center;justify-content:flex-end;gap:3px;font-size:.875rem;font-weight:600;text-align:right;max-width:65%} body #app .budget-readable-category{border-block:1px solid var(--line);padding:14px 0;margin:0 0 14px} body #app .budget-line-detail-figures{font-size:.9375rem;line-height:1.5} body #app .budget-readable-category .budget-line-notes{margin-top:6px} body #app .budget-readable-category>p{font-size:.8125rem;color:var(--muted);line-height:1.45;margin-top:8px} @media(max-height:740px){ body #app .screen-plan button.budget-readability-item{min-height:58px!important;padding:8px 0!important;gap:4px!important} } @media(max-width:359px){ body #app .budget-line-top{gap:6px;align-items:flex-start;flex-wrap:wrap} body #app .budget-line-top>strong{flex:1 1 100%} body #app .budget-line-top>.budget-overview-item-amount{justify-content:flex-start} body #app .budget-line-top>.budget-overview-item-amount small{display:inline} body #app .budget-line-top>.budget-overview-item-amount svg{display:none} body #app .budget-line-figures{gap:4px 8px} } @media(prefers-reduced-motion:reduce){body #app .budget-readable-items *,body #app .budget-items-disclosure>summary>svg{animation:none!important;transition:none!important}} body #app .balance-meaning{margin:0 0 20px} body #app .balance-meaning>h1{margin:0 0 10px} body #app .balance-meaning>p{font-size:.875rem;line-height:1.45;color:var(--muted);margin:0 0 12px} body #app .balance-meaning-figures{margin:12px 0;border-top:1px solid var(--line)} body #app .balance-meaning-figures>div{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid var(--line);font-size:.875rem;line-height:1.4} body #app .balance-meaning-figures dt{min-width:0;color:var(--muted)} body #app .balance-meaning-figures dd{margin:0;font-weight:650;font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--ink);flex:none} body #app .balance-meaning-figures>.balance-meaning-result{font-weight:650;color:var(--ink);border-bottom:0} body #app .balance-meaning-figures>.balance-meaning-result dt{color:var(--ink)} body #app .balance-meaning>.balance-meaning-note{font-size:.8125rem;margin-bottom:0} body #app .balance-meaning>.balance-meaning-gap{display:flex;align-items:flex-start;gap:6px;color:var(--red);font-weight:600} body #app .balance-meaning-gap svg{flex:none;margin-top:2px} body #app .spending-outlook .outlook-conclusion{margin-top:0;padding-top:12px;border-top:1px solid var(--line)} body #app .spending-outlook .outlook-conclusion>h2{font-size:1.5rem;margin:3px 0 6px} body #app .balance-meaning~h2{font-size:1.125rem;margin-top:18px} @media(max-width:359px){body #app .balance-meaning-figures>div{flex-wrap:wrap;gap:3px 10px}} /* A first explanation uses the same type and surfaces as saved Budget views. The returning customer's overview receives no extra introductory panel. */ body #app .budget-start-copy{margin:12px 0 4px} body #app .budget-start-copy h3{font-size:1.1875rem;line-height:1.25;margin:0 0 8px;letter-spacing:-.025em} body #app .budget-start-copy p{font-size:.875rem;line-height:1.45;margin:0 0 8px;color:var(--muted)} body #app .budget-start-copy .budget-start-note{font-size:.78125rem;line-height:1.4;margin:0;color:var(--muted)} body #app .budget-guide-start .plan-benefit-intro,body #app .budget-guide-start .budget-guide-benefit{font-size:.90625rem;line-height:1.4;margin:9px 0} body #app .budget-guide-start .plan-benefit-footnote{font-size:.78125rem;line-height:1.4;margin:10px 0;color:var(--muted)} body #app .budget-clarity-example{margin:14px 0;padding:13px 14px;border-radius:var(--curve-control,16px);background:var(--soft);border:1px solid var(--line)} body #app .budget-clarity-example-label{display:block;font-size:.6875rem;line-height:1.35;font-weight:600;color:var(--muted);margin-bottom:6px} body #app .budget-clarity-example p{font-size:.8125rem;line-height:1.4;margin:5px 0;color:var(--ink)} body #app .budget-clarity-example-consequence{display:block;font-size:.9375rem;line-height:1.35;font-weight:650;color:var(--ink);margin-top:5px} body #app .budget-guide-start .budget-guide-start-actions{margin-top:16px} /* Clarifying choices stay compact, readable and comfortably tappable. */ body #app .chat-clarify-choices{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px} body #app .chat-clarify-choices .chat-clarify-choice{min-height:44px;padding:8px 12px;white-space:normal;text-align:left;line-height:1.35} /* The new destinations use the existing navigation height and active colours. */ body #app>#nav.hibiscus-five-nav:not([hidden]){display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:2px} body #app>#nav.hibiscus-five-nav .nav-item{width:100%!important;min-width:0;min-height:52px;padding:6px 2px!important;line-height:1.25;font-size:.6875rem} body #app>#nav.hibiscus-five-nav .nav-item span{display:block!important;white-space:normal;text-align:center;word-break:normal;overflow-wrap:normal} body #app .hibiscus-root-header{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:50px;margin:0 0 6px} body #app .hibiscus-root-header>h1{font-size:1.75rem;line-height:1.15;letter-spacing:-.04em;margin:0;min-width:0;overflow-wrap:anywhere} body #app .hibiscus-header-utilities{display:flex;align-items:center;gap:4px;flex:none} body #app .hibiscus-header-notifications{position:relative;display:grid;place-items:center;min-width:44px;min-height:44px;padding:10px;border:0;border-radius:50%;background:transparent;color:var(--ink)} body #app .hibiscus-header-notifications .daily-unread-badge{position:absolute;right:1px;top:2px;min-width:16px;height:16px;border-radius:50%;padding:0 3px;background:var(--ink);color:var(--white);font-size:.625rem;line-height:16px;text-align:center} body #app :is(.hibiscus-header-you,.hibiscus-root-chat){display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:9px 12px;border:1px solid transparent;border-radius:var(--curve-control,16px);background:var(--soft);color:var(--ink);font-size:.8125rem;font-weight:600;line-height:1.3;white-space:nowrap} body #app :is(.hibiscus-header-you,.hibiscus-root-chat)>svg{width:18px;height:18px;flex:none} body #app .hibiscus-header-you[aria-current=page]{border-color:var(--control-line)} body #app .hibiscus-root-assistant-row{display:flex;align-items:center;margin:0 0 12px} body #app .hibiscus-root-assistant-row .hibiscus-root-chat{padding:7px 0;background:transparent} body #app .hibiscus-primary-page{min-width:0;padding-bottom:8px} body #app .hibiscus-root-subtitle{font-size:.875rem;line-height:1.5;color:var(--muted);margin:0 0 16px} body #app .hibiscus-cards-root .virtual-card-page,body #app .hibiscus-story-root .ms-dashboard{padding-top:0} body #app :is(.hibiscus-root-chat,.hibiscus-header-you,.hibiscus-header-notifications):focus-visible{outline:3px solid var(--ink);outline-offset:3px} /* New conversation surfaces fit into the existing full-screen Chat shell. */ body #app[data-chat-banking=true] .hibiscus-chat-workspace{min-width:0;min-height:0;gap:0} body #app[data-chat-banking=true] .hibiscus-chat-header{display:flex;align-items:center;justify-content:space-between;gap:7px;min-height:58px;flex:none;padding:5px 0;margin:0 0 8px} body #app .hibiscus-chat-header-title{font-size:.875rem;line-height:1.4;font-weight:600;margin-right:auto;color:var(--ink)} body #app .hibiscus-chat-header-actions{display:flex;align-items:center;gap:4px;flex:none} body #app :is(.hibiscus-chat-history,.hibiscus-chat-app-return){display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;width:44px;height:44px;padding:10px;border:0;border-radius:var(--curve-control,16px);background:var(--soft);color:var(--ink);flex:none} body #app .hibiscus-chat-header .chat-banking-actions{min-width:44px;min-height:44px;width:44px;height:44px;padding:10px;flex:none} body #app .hibiscus-chat-header.has-context-return .hibiscus-chat-header-title{display:none} body #app .hibiscus-chat-header .hibiscus-chat-context{display:flex;align-items:center;gap:7px;min-height:44px;max-width:calc(100% - 54px);font-size:.875rem;line-height:1.35;white-space:normal;text-align:left;padding:7px 0} body #app .hibiscus-chat-context>svg{display:block!important;flex:none} body #app .hibiscus-chat-feed{display:flex;flex-direction:column;align-items:stretch;gap:14px;min-width:0;padding:10px 0 12px} body #app .hibiscus-chat-hello{display:block;font-size:.875rem;line-height:1.4;color:var(--muted);margin:0 0 8px} body #app .hibiscus-chat-feed-greeting h2{font-size:1.875rem;line-height:1.2;letter-spacing:-.035em;margin:0 0 9px} body #app .hibiscus-chat-feed-greeting p{font-size:.875rem;line-height:1.5;max-width:32ch;color:var(--muted);margin:0} body #app .hibiscus-chat-insight{position:relative;display:block;width:100%;min-width:0;min-height:44px;padding:14px 36px 14px 14px;border:1px solid var(--line);border-radius:var(--curve-control,16px);background:var(--white);color:var(--ink);text-align:left;line-height:1.4} body #app .hibiscus-chat-insight-label{display:block;font-size:.75rem;line-height:1.4;color:var(--muted);margin-bottom:5px} body #app .hibiscus-chat-insight>strong{display:block;font-size:1rem;line-height:1.4;font-weight:600;margin-bottom:4px;overflow-wrap:anywhere} body #app .hibiscus-chat-insight-support{display:block;font-size:.8125rem;line-height:1.5;color:var(--muted)} body #app .hibiscus-chat-insight>svg{position:absolute;right:12px;top:50%;transform:translateY(-50%)} body #app .hibiscus-chat-starters{display:flex;flex-direction:column;align-items:flex-start;gap:8px} body #app .hibiscus-chat-starters>button{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;max-width:100%;padding:10px 13px;border:1px solid var(--control-line);border-radius:var(--curve-control,16px);background:var(--soft);color:var(--ink);text-align:left;font-size:.875rem;line-height:1.4} body #app .hibiscus-chat-starters>button>svg{width:16px;height:16px;flex:none;transform:rotate(45deg)} body #app .hibiscus-chat-data-note{font-size:.75rem;line-height:1.45;color:var(--muted);margin:0} body #app[data-chat-banking=true] .hibiscus-chat-is-feed .chat-tools{display:none!important} body #app .hibiscus-chat-history-list{list-style:none;margin:0;padding:0} body #app .hibiscus-chat-history-list>li{padding:13px 0;border-bottom:1px solid var(--line)} body #app .hibiscus-chat-history-list strong{display:block;font-size:1rem;line-height:1.4;overflow-wrap:anywhere} body #app .hibiscus-chat-history-list p{font-size:.875rem;line-height:1.5;color:var(--muted);margin:6px 0 0;overflow-wrap:anywhere} body #app :is(.hibiscus-chat-starters>button,.hibiscus-chat-insight,.hibiscus-chat-history,.hibiscus-chat-app-return):focus-visible{outline:3px solid var(--ink);outline-offset:3px} /* Preserve each edition’s own visual character on the new surfaces. */ body #app .ms-chart-bar.is-highest,body #app .ms-category-track i{background:var(--green-ink)} body.minna-edition #app :is(.vc-face,.vc-list,.vc-row-symbol,.vc-empty-icon,.vc-create-summary,.vc-funding-recipient>span,.vc-demo-warning,.budget-clarity-example,.hibiscus-chat-insight){border-radius:var(--curve-control,2px)} body.minna-edition #app :is(.hibiscus-root-chat,.hibiscus-header-you,.hibiscus-chat-app-return,.hibiscus-chat-history){border-radius:2px;background:var(--soft);color:var(--ink)} body.minna-edition #app .vc-face{background:var(--ink);color:var(--white)} body.minna-edition #app .budget-items-disclosure>summary{border-radius:2px} body.minna-edition #app :is(.ms-total,.vc-money>strong){font-weight:500!important;letter-spacing:-.04em} @media(max-width:359px){ body #app .hibiscus-root-header{gap:6px;flex-wrap:wrap} body #app .hibiscus-root-header>h1{font-size:1.5rem;flex:1 1 auto} body #app :is(.hibiscus-header-you,.hibiscus-root-chat){padding-inline:8px;font-size:.75rem} body #app .hibiscus-chat-header{gap:4px} body #app .hibiscus-chat-header-title{font-size:.8125rem} body #app .hibiscus-chat-feed-greeting h2{font-size:1.625rem} body #app .vc-money .balance-number,body #app .ms-total .balance-number{white-space:normal;overflow-wrap:anywhere} body #app .ms-breakdown dd{flex-wrap:wrap;justify-content:flex-end} } @media(max-height:700px){ body #app .hibiscus-chat-feed{gap:10px;padding-top:4px} body #app .hibiscus-chat-feed-greeting h2{font-size:1.625rem} body #app .hibiscus-chat-starters{gap:6px} } @media(prefers-reduced-motion:reduce){ body #app :is(.hibiscus-primary-page,.hibiscus-chat-feed,.hibiscus-chat-header) *{animation:none!important;transition:none!important;scroll-behavior:auto} } @media(max-width:380px){ body #app .home-minimal .home-header-actions .hibiscus-root-chat{width:44px;min-width:44px;padding:10px;justify-content:center} body #app .home-minimal .home-header-actions .hibiscus-root-chat>span{display:none} } /* The root title and assistant share one compact row. */ body #app .hibiscus-root-header{margin-bottom:16px;gap:8px;flex-wrap:nowrap} body #app .hibiscus-root-header>h1{flex:1 1 auto} body #app .hibiscus-root-header>.hibiscus-header-utilities{flex:0 0 auto} body #app .hibiscus-root-header>.hibiscus-root-chat{flex:0 0 44px;min-width:44px;width:44px;padding:10px;justify-content:center} body #app .hibiscus-root-header>.hibiscus-root-chat>span{display:none} /* Keep the ordinary collapsed Plan compact on shorter phones. */ @media(max-width:500px) and (max-height:720px){ body #app .plan-hub .plan-budget-section,body #app .plan-hub .plan-boxes-section{padding:12px;margin-bottom:10px} body #app .plan-hub .plan-section-heading{margin-bottom:6px} body #app .plan-hub .budget-overview-summary{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:0 10px;align-items:end;padding:6px 0;margin:0} body #app .plan-hub .budget-overview-total-label{grid-column:1/-1} body #app .plan-hub .budget-overview-summary>.plan-hub-amount{font-size:32px;margin:4px 0} body #app .plan-hub .budget-overview-context{display:flex;gap:6px;margin:0 0 4px;align-self:end;flex-wrap:wrap} body #app .plan-hub .budget-overview-context>span{font-size:11px} body #app .plan-hub .budget-overview-context strong{font-size:13px} body #app .plan-hub .plan-hub-actions{margin-top:10px;gap:6px} body #app .plan-hub .budget-overview-actions{grid-template-columns:.85fr 1.15fr} body #app .plan-hub .plan-hub-actions button{min-height:44px;padding:10px 6px;font-size:12px} body #app .plan-hub .budget-items-disclosure{margin:8px 0 0} body #app .plan-hub .budget-overview-tools{margin-top:6px} body #app .plan-hub .budget-overview-tools>summary{min-height:44px;padding-block:8px} body #app .plan-hub .plan-boxes-summary .plan-hub-amount{font-size:26px} body #app .plan-hub .plan-boxes-section .plan-section-heading{margin-bottom:2px} } @media(max-width:500px) and (max-height:720px){ body #app .screen-plan .plan-hub .plan-hub-actions button{font-size:.75rem!important;line-height:1.4;min-height:44px!important;padding:8px 6px!important} body #app .plan-hub .budget-items-disclosure:not([open]){display:inline-block;width:65%;vertical-align:top} body #app .plan-hub .budget-overview-tools:not([open]){display:inline-block;width:calc(35% - 6px);vertical-align:top;border:0;margin-top:8px} body #app .plan-hub .budget-overview-tools:not([open])>summary{font-size:12px;padding-inline:4px} body #app .plan-hub .budget-overview-tools:not([open])>summary svg{display:none} body #app .plan-hub .budget-items-disclosure[open],body #app .plan-hub .budget-overview-tools[open]{display:block;width:100%} body #app .plan-hub .plan-boxes-section{position:relative} body #app .plan-hub .plan-boxes-section .plan-section-heading{padding-right:105px} body #app .plan-hub .plan-boxes-section .plan-section-icon{display:none} body #app .plan-hub .plan-boxes-summary{display:block} body #app .plan-hub .plan-boxes-summary .plan-hub-amount{position:absolute;top:12px;right:12px;font-size:22px} body #app .plan-hub .plan-boxes-summary .plan-hub-facts{font-size:11px;line-height:1.4;margin-top:2px} } @media(max-width:500px) and (max-height:720px){body #app .screen-plan{padding-bottom:0}} /* Source: edition-home.css | sha256:ed7a7478b2d84b751150289822c05c3ff2f301386c46ca65a3294e55e81d7608 */ /* Restore each edition's established illustrated Home. Only the requested funding/payment actions and compact Money Boxes destination are added. */ body #app .home-minimal.home-restored .home-funding-actions{margin:14px 0 0} body #app .home-minimal.home-restored .home-payment-actions{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;margin:8px 0 0} body #app .home-minimal.home-restored :is(.home-funding-actions,.home-payment-actions)>button{display:flex;align-items:center;justify-content:center;gap:6px;min-height:48px;padding:10px 8px;font-size:.8125rem;line-height:1.35;border-radius:var(--curve-control,16px);min-width:0} body #app .home-minimal.home-restored .home-payment-actions>button{background:var(--white);border:1px solid var(--control-line);color:var(--ink)} body #app .home-minimal.home-restored :is(.home-funding-actions,.home-payment-actions)>button>svg{display:inline-block!important;width:18px;height:18px;flex:none} body #app .home-minimal.home-restored :is(.home-funding-actions,.home-payment-actions)>button>span{min-width:0;white-space:normal;color:inherit} body #app .home-minimal.home-restored .restored-savings{display:block;margin:12px 0 0;padding:0 14px;background:var(--white);border:1px solid var(--line);border-radius:var(--curve-panel,24px);box-shadow:none} body #app .home-minimal.home-restored .restored-savings>.restored-savings-line{display:flex;align-items:center;justify-content:flex-start;gap:10px;width:100%;min-height:64px;padding:10px 0;background:none;border:0;border-radius:0;text-align:left;color:var(--ink)} body #app .home-minimal.home-restored .restored-savings-icon{display:grid;place-items:center;flex:none;width:32px;height:32px;border-radius:12px;background:var(--soft);color:var(--green-ink)} body #app .home-minimal.home-restored .restored-savings-line>.restored-savings-copy{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0} body #app .home-minimal.home-restored .restored-savings-copy>strong{display:block;margin:0;font-size:.875rem;font-weight:600;line-height:1.35;letter-spacing:0;white-space:normal;color:var(--ink)} body #app .home-minimal.home-restored .restored-savings-copy>small{display:block;margin:0;font-size:.6875rem;line-height:1.35;color:var(--muted);text-align:left} body #app .home-minimal.home-restored .restored-savings-line>#overview-savings{display:block;margin:0 0 0 auto;font-size:1rem;font-weight:600;line-height:1.35;letter-spacing:0;white-space:normal;overflow-wrap:anywhere;max-width:45%;text-align:right;color:var(--ink)} body #app .home-minimal.home-restored .restored-savings-line>svg:last-child{flex:none;width:15px;height:15px} body #app .home-minimal.home-restored .edition-budget-gap{min-height:44px;margin:4px 0 0;padding:8px 0;font-size:.75rem;line-height:1.4;text-align:left} body.minna-edition #app .home-minimal.home-restored .restored-savings{padding:0;border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent} body.minna-edition #app .home-minimal.home-restored .restored-savings-icon{display:none} body.minna-edition #app .home-minimal.home-restored :is(.home-funding-actions,.home-payment-actions)>button{border-radius:2px} @media(max-height:700px){ body #app .home-minimal.home-restored .accounts-welcome{margin-bottom:12px} body #app .home-minimal.home-restored .account-operational{padding:10px 16px 2px} body #app .home-minimal.home-restored .account-intelligence{min-height:104px;margin:0 0 4px} body #app .home-minimal.home-restored .accounts-home-art,body #app .home-minimal.home-restored .accounts-home-art>.scene-art.campus-scene{height:104px!important;min-height:0!important} body #app .home-minimal.home-restored .account-available-secondary{padding:10px 0} body #app .home-minimal.home-restored .home-funding-actions{margin-top:12px} body #app .home-minimal.home-restored .home-payment-actions{margin-top:6px} body #app .home-minimal.home-restored :is(.home-funding-actions,.home-payment-actions)>button{min-height:44px;padding:9px 6px;font-size:.75rem} body #app .home-minimal.home-restored .restored-savings{margin-top:10px} body #app .home-minimal.home-restored .restored-savings>.restored-savings-line{min-height:56px;padding-block:7px} body.minna-edition #app .home-minimal.home-restored .account-operational{padding:0 0 8px} body #app .screen-home{padding-bottom:8px} } @media(max-width:350px){ body #app .home-minimal.home-restored .account-intelligence{min-height:78px} body #app .home-minimal.home-restored .restored-savings{padding-inline:12px} body #app .home-minimal.home-restored .restored-savings-icon{display:none} } /* Source: getting-started.css | sha256:a6c0179c312c74485b3c775a34c66eadaa7a5b2e30790a18e77cd47a317fa200 */ /* Getting started alone adopts Hibiscus's nested architecture and composition. Typography, green/monochrome identity and all later app pages stay edition-owned. */ body #app .screen.screen-welcome:has(.getting-started){display:flex;flex-direction:column;min-height:100%;padding:12px 12px 16px} body #app .screen .welcome-screen.getting-started{ --start-top:color-mix(in srgb,var(--green-ink) 90%,var(--green)); --start-middle:color-mix(in srgb,var(--green-ink) 75%,var(--ink)); --start-deep:var(--ink);--start-glow:var(--green);--start-foreground:var(--white); position:relative;isolation:isolate;display:flex;flex:1 0 auto;flex-direction:column;justify-content:flex-end; min-height:calc(100dvh - 56px);padding:104px 24px 20px!important;overflow:hidden; border-radius:var(--curve-panel,24px);background:var(--start-deep);color:var(--start-foreground); } body #app .screen .getting-started :is(.welcome-art-stage,.welcome-illustration,.scene-art){display:none!important} body #app .screen .getting-started>.topline{position:absolute;top:24px;left:24px;right:24px;z-index:2;margin:0!important;min-height:44px} body #app .screen .getting-started .actual-wordmark{filter:brightness(0) invert(1);width:90px!important;min-width:0;max-width:100%;height:auto} body #app .screen .getting-started>.topline .pill{background:rgb(255 255 255 / .12);color:var(--start-foreground);border-color:rgb(255 255 255 / .3)} body #app .screen .getting-started>h1{position:relative;z-index:1;font-size:2.375rem!important;line-height:1.06!important;font-weight:700;letter-spacing:-.055em!important;color:var(--start-foreground)!important;max-width:12ch;margin:0 0 12px!important;text-align:left} body #app .screen .getting-started>p.muted{position:relative;z-index:1;font-size:.96875rem!important;line-height:1.45!important;color:var(--start-foreground)!important;max-width:31ch;opacity:.92;margin:0 0 24px!important} body #app .screen .getting-started>.actions{position:relative;z-index:1;gap:8px;margin:0!important} body #app .screen .getting-started>.actions>.primary{background:var(--green)!important;border-color:var(--green)!important;color:var(--ink)!important} body #app .screen .getting-started>.actions>.secondary{background:transparent!important;color:var(--start-foreground)!important;border:1px solid rgb(255 255 255 / .6)!important} body #app .screen .getting-started :is(.text-btn,.preview-boundary){position:relative;z-index:1;color:var(--start-foreground)!important} body #app .screen .getting-started .welcome-utilities{position:relative;z-index:1;display:flex;justify-content:center;gap:14px;flex-wrap:wrap;margin:8px 0 0!important} body #app .screen .getting-started .welcome-utilities>.text-btn{min-height:44px;padding:8px 4px!important;font-size:.75rem!important;line-height:1.4} body #app .screen .getting-started>.getting-started-sample,body #app .screen .getting-started>.welcome-explore{display:flex;align-items:center;justify-content:center;min-height:44px!important;font-size:.875rem!important;line-height:1.4;margin:4px 0 0!important;padding:8px 0!important} body #app .screen .getting-started>.preview-boundary{font-size:.6875rem!important;line-height:1.4!important;opacity:.8;margin:6px 0 0!important;padding:0!important} body #app .screen .getting-started .primary,body #app .screen .getting-started .secondary{min-height:48px;padding:11px 14px!important;font-size:.9375rem;line-height:1.4} body #app .screen .getting-started>.actions>.text-btn{min-height:44px;padding:8px 4px!important;font-size:.8125rem!important;line-height:1.4} body #app .screen .getting-started button:focus-visible{outline:3px solid var(--start-foreground);outline-offset:3px} body #app .screen .getting-started-scene{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:-1;background:linear-gradient(180deg,var(--start-top),var(--start-middle) 42%,var(--start-deep) 88%)} body #app .screen .getting-started-scene:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 15%,color-mix(in srgb,var(--start-deep) 35%,transparent) 44%,var(--start-deep) 83%)} body #app .screen .getting-started-arch{position:absolute;left:calc(22px + var(--arch)*23px);right:calc(22px + var(--arch)*23px);top:calc(100px + var(--arch)*28px);bottom:180px;border:calc(9px - var(--arch)*1px) solid rgb(255 255 255 / .2);border-bottom:0;border-radius:160px 160px 0 0;opacity:calc(1 - var(--arch)*.1)} body #app .screen .getting-started-glow{position:absolute;width:220px;height:220px;top:90px;left:50%;transform:translateX(-50%);border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--start-glow) 60%,transparent),transparent 70%);opacity:.5} body.minna-edition #app .screen .welcome-screen.getting-started{--start-top:#555;--start-middle:#292929;--start-deep:#111;--start-glow:#ddd;border-radius:0} body.minna-edition #app .screen .getting-started>h1{font-weight:500} body.minna-edition #app .screen .getting-started>.actions>.primary{background:#fff!important;border-color:#fff!important;color:#111!important} body.minna-edition #app .screen .getting-started :is(.primary,.secondary){border-radius:2px} @media(min-width:900px){body #app .screen .welcome-screen.getting-started{min-height:calc(100dvh - 120px)}} @media(max-height:700px){ body #app .screen .welcome-screen.getting-started{padding:84px 20px 16px!important} body #app .screen .getting-started>.topline{top:18px;left:20px;right:20px} body #app .screen .getting-started>h1{font-size:2.125rem!important;margin-bottom:10px!important} body #app .screen .getting-started>p.muted{font-size:.875rem!important;line-height:1.4!important;margin-bottom:14px!important;max-width:none} body #app .screen .getting-started>.actions{gap:6px} body #app .screen .getting-started :is(.primary,.secondary){min-height:44px;padding:9px 12px!important} body #app .screen .getting-started .welcome-utilities{margin-top:4px!important} body #app .screen .getting-started>.preview-boundary{margin-top:2px!important} body #app .screen .getting-started-arch{top:calc(80px + var(--arch)*24px);bottom:140px} } @media(max-width:359px){ body #app .screen .getting-started>h1{font-size:2rem!important} body #app .screen .getting-started-arch{left:calc(16px + var(--arch)*19px);right:calc(16px + var(--arch)*19px)} } @media(prefers-reduced-motion:reduce){body #app .screen .getting-started *{animation:none!important;transition:none!important;scroll-behavior:auto}} /* Source: personal-qr.css | sha256:9e6d67079fa9a549a2bf3f8f2568bfa6b083a1c1608279365932d11824204d77 */ /* QR ink stays black on white in every edition for reliable scanning. */ #app .personal-qr-page{max-width:100%;min-width:0} #app .personal-qr-page .page-heading{margin-bottom:14px} #app .personal-qr-page .page-heading>.scene-art{display:none!important} #app .personal-qr-page .page-heading h1{font-size:28px;line-height:1.12} #app .personal-qr-card{display:flex;flex-direction:column;align-items:center;gap:10px;margin:4px auto 18px;padding:14px;background:#fff;color:#111;border:1px solid var(--line,#e1e3dc);border-radius:22px;max-width:290px} #app .lumo-personal-qr{display:block;max-width:100%;height:auto;flex:0 0 auto} #app .personal-qr-card figcaption{display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center;max-width:100%;overflow-wrap:anywhere} #app .personal-qr-card figcaption strong{font-size:18px;line-height:1.25} #app .personal-qr-card figcaption span{font-size:13px;line-height:1.35;color:#505050} #app .personal-qr-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px} #app .personal-qr-actions button{display:flex;align-items:center;justify-content:center;gap:8px;min-width:0;min-height:48px;padding:12px 8px;white-space:normal} #app .personal-qr-page>.text-btn{display:block;margin:10px auto 0;min-height:44px} #app .personal-qr-note{font-size:12px;line-height:1.4;color:var(--muted,#64705f);text-align:center;margin:8px 0 0} #app .personal-qr-recipient-note{font-size:12px;line-height:1.45;color:var(--muted,#64705f);border-left:2px solid var(--ink,#20261e);padding:4px 0 4px 10px;margin:8px 0 12px} #app .personal-qr-shortcut{margin:6px 0 10px} #app .personal-qr-shortcut .row{padding-block:10px} @media(max-height:700px){ #app .personal-qr-card{padding:8px;margin-bottom:12px;gap:7px;max-width:240px} #app .lumo-personal-qr{width:184px} #app .personal-qr-page .page-heading{margin-bottom:10px} #app .personal-qr-card figcaption strong{font-size:16px} } @media(max-width:340px){#app .personal-qr-actions button{font-size:13px;gap:5px}} /* Scanner surfaces follow the edition while QR symbols retain plain ink. */ body.minna-edition #app .personal-qr-card{border-radius:4px} body.minna-edition #app .qr-camera{background:#151515;border-color:#333} body.minna-edition #app .qr-viewfinder{border-color:#fff} body.minna-edition #app .qr-camera-label{background:#111e} body.minna-edition #app .qr-photo-choice:focus-within{outline-color:#111} body.hibiscus-edition #app .qr-camera{background:#4a1d4f;border-color:#4a1d4f} body.hibiscus-edition #app .qr-viewfinder{border-color:#dceeb4} body.hibiscus-edition #app .qr-camera-label{background:#4a1d4fe6} /* Source: qr-floating.css | sha256:b3ec29baa65513deccd6b561489235f1e046eb16d4247c2b52d4aae6181e864b */ /* The QR shortcut belongs to the header, with a stable corner position. */ #lumo-scan-qr.lumo-qr-corner{position:static;display:inline-flex;align-items:center;justify-content:center;flex:0 0 40px;width:40px;min-width:40px;height:40px;min-height:40px;margin:0;padding:9px;border:1px solid transparent;border-radius:12px;background:var(--soft,#eef1e8);color:var(--ink,#20261e);font:inherit;box-shadow:none;cursor:pointer;touch-action:manipulation;transform:none} #lumo-scan-qr.lumo-qr-corner>svg{display:block;width:22px;height:22px;flex:none} #lumo-scan-qr[hidden]{display:none!important} #lumo-scan-qr:focus-visible{outline:2px solid var(--ink,#20261e);outline-offset:2px} #app .task-sheet-chrome.has-qr-corner{grid-template-columns:40px minmax(0,1fr) 40px 40px 40px} #app .task-sheet-chrome.has-qr-corner .icon-btn{width:40px;min-width:40px} #app .lumo-qr-corner-bar{display:flex;justify-content:flex-end;min-height:44px;margin:0 0 8px} body.minna-edition #lumo-scan-qr{background:#f3f3f3;color:#111;border-radius:2px} body.hibiscus-edition #lumo-scan-qr{background:var(--hibiscus-soft,#f0e3f1);color:var(--ink,#4a1d4f);border-radius:50%} /* Source: everyday-home.css | sha256:097e202f027854ad580dd759dd17e59d5e3411307bc29ded7e2d495b69d9977b */ /* Everyday uses two account cards. Amount visibility never changes the grid, line boxes, illustration position or surrounding controls. */ body #app .edition-home.everyday-account-home{display:block;min-width:0} body #app .edition-home.everyday-account-home .home-greeting{display:flex;flex-wrap:nowrap;align-items:center;justify-content:space-between;gap:8px;padding:2px 0 10px;min-height:44px} body #app .edition-home.everyday-account-home .home-greeting .actual-wordmark{width:86px;max-width:86px;height:auto} body #app .edition-home.everyday-account-home .home-header-actions{display:flex;flex-wrap:nowrap;align-items:center;gap:4px;margin-left:auto} body #app .edition-home.everyday-account-home .home-header-actions :is(.icon-btn,.avatar){width:36px;height:36px;min-width:36px;min-height:36px;border-radius:12px} body #app .edition-home.everyday-account-home .hibiscus-root-chat{display:flex;align-items:center;gap:4px;padding:5px;min-height:36px;font-size:11px;white-space:nowrap} body #app .edition-home.everyday-account-home .hibiscus-root-chat svg{width:17px;height:17px} body #app .edition-home.everyday-account-home .accounts-welcome{min-height:0;margin:0 0 14px} body #app .edition-home.everyday-account-home .accounts-welcome>p{font-size:19px;line-height:1.3} body #app .edition-home.everyday-account-home .account-card{margin:0;border:1px solid var(--line);border-radius:24px;background:var(--white);box-shadow:none;overflow:hidden} body #app .edition-home.everyday-account-home .everyday-money-card{padding:15px 18px 0} body #app .edition-home.everyday-account-home .everyday-account-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:44px} body #app .edition-home.everyday-account-home .everyday-account-heading>div{min-width:0} body #app .edition-home.everyday-account-home .everyday-account-heading h2{margin:0;font-size:17px;line-height:1.3;letter-spacing:-.025em;font-weight:650} body #app .edition-home.everyday-account-home .everyday-account-heading p{font-size:11px;line-height:1.45;color:var(--muted);margin:2px 0 0} body #app .edition-home.everyday-account-home .balance-eye{flex:0 0 40px;width:40px;min-width:40px;height:40px;min-height:40px;padding:9px;border:0;border-radius:50%;background:var(--soft);color:var(--ink)} body #app .edition-home.everyday-account-home .balance-eye>span{display:none} body #app .edition-home.everyday-account-home .balance-eye svg{display:block;width:21px;height:21px} body #app .edition-home.everyday-account-home .everyday-money-main{display:grid;grid-template-columns:minmax(0,1fr) 112px;align-items:center;gap:8px;min-height:112px;margin:5px 0} body #app .edition-home.everyday-account-home .everyday-primary-money{display:block;width:100%;min-width:0;padding:0;text-align:left;border:0;border-radius:0;background:none;color:var(--ink)} body #app .edition-home.everyday-account-home .everyday-primary-label{display:block;font-size:11px;line-height:1.4;color:var(--muted);margin:0 0 5px} body #app .edition-home.everyday-account-home .everyday-primary-money>strong{display:block;width:100%;min-height:1.25em;margin:0;padding:0;font-size:40px;font-weight:600;line-height:1.25;letter-spacing:-.045em;background:none;font-variant-numeric:lining-nums tabular-nums;overflow-wrap:normal;white-space:nowrap} body #app .edition-home.everyday-account-home .everyday-home-art{display:block;flex:none;width:112px;height:100px;margin:0;overflow:hidden;align-self:center} body #app .edition-home.everyday-account-home .everyday-home-art>.scene-art.campus-scene{width:100%;height:100px!important;min-height:0!important;margin:0!important} body #app .edition-home.everyday-account-home .everyday-available-context{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:27px;margin:0 0 4px;color:var(--muted);font-size:11px;line-height:1.4} body #app .edition-home.everyday-account-home .everyday-available-context>strong{display:block;min-height:1.4em;font-size:13px;line-height:1.4;font-weight:600;white-space:nowrap;color:var(--ink);text-align:right} body #app .edition-home.everyday-account-home .everyday-budget-link{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;min-height:44px;padding:10px 0;border:0;border-top:1px solid var(--line);border-radius:0;background:none;text-align:left;font-size:12px;font-weight:600;line-height:1.4;color:var(--ink)} body #app .edition-home.everyday-account-home .everyday-add-money{display:flex;align-items:center;justify-content:center;gap:7px;width:calc(100% + 36px);min-height:48px;margin:0 -18px;padding:12px;border:0;border-top:1px solid var(--line);border-radius:0;background:var(--green-soft,var(--soft));color:var(--green-ink,var(--ink));font-size:13px;line-height:1.4;font-weight:650} body #app .edition-home.everyday-account-home :is(.everyday-gap,.everyday-pending){display:flex;align-items:center;gap:6px;width:100%;min-height:30px;padding:5px 0;border:0;background:none;color:var(--muted);font-size:11px;line-height:1.4;text-align:left} body #app .edition-home.everyday-account-home .everyday-gap{color:var(--red)} body #app .edition-home.everyday-account-home .everyday-boxes-card{display:block;margin-top:12px;padding:0 18px} body #app .edition-home.everyday-account-home .everyday-boxes-open{display:grid;grid-template-columns:38px minmax(0,1fr) 17px;align-items:start;gap:11px;width:100%;min-height:130px;margin:0;padding:17px 0;border:0;border-radius:0;background:none;color:var(--ink);text-align:left} body #app .edition-home.everyday-account-home .everyday-boxes-icon{display:grid;place-items:center;flex:none;width:38px;height:38px;border-radius:13px;background:var(--soft);color:var(--green-ink)} body #app .edition-home.everyday-account-home .everyday-boxes-open>svg{align-self:center;margin:0} body #app .edition-home.everyday-account-home .everyday-boxes-copy{display:block;min-width:0} body #app .edition-home.everyday-account-home .everyday-boxes-title{display:block;font-size:17px;line-height:1.3;letter-spacing:-.025em;font-weight:650;margin:0} body #app .edition-home.everyday-account-home .everyday-boxes-copy>small{display:block;margin:3px 0 0;font-size:11px;line-height:1.4;color:var(--muted)} body #app .edition-home.everyday-account-home .everyday-savings-amount{display:block;width:100%;min-height:1.3em;margin:10px 0 0;font-size:27px;line-height:1.3;letter-spacing:-.025em;font-weight:600;white-space:nowrap;overflow-wrap:normal;color:var(--ink);font-variant-numeric:lining-nums tabular-nums} body #app .edition-home.everyday-account-home .everyday-boxes-copy>.everyday-boxes-count{margin-top:4px} body #app .edition-home.everyday-account-home .everyday-home-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px} body #app .edition-home.everyday-account-home .everyday-home-actions>button{display:flex;align-items:center;justify-content:center;gap:7px;min-height:48px;width:100%;padding:11px 7px;border:1px solid var(--control-line);border-radius:var(--curve-control,16px);background:var(--white);color:var(--ink);font-size:12px;line-height:1.4;font-weight:600} body #app .edition-home.everyday-account-home :is(.everyday-home-actions>button,.everyday-add-money)>svg{width:18px;height:18px;flex:none} body #app .edition-home.everyday-account-home [data-private-value]{line-height:inherit;vertical-align:baseline} body #app .edition-home.everyday-account-home .money-mask{display:inline-block;font-size:inherit;line-height:inherit;letter-spacing:.08em;vertical-align:baseline} body #app .edition-home.everyday-account-home :is(#overview-room,#overview-balance,#overview-savings){transform:none!important;opacity:1!important;transition:none!important;animation:none!important} /* Keep the illustration for larger balances, with the amount on its own row. */ body #app .edition-home.everyday-account-home .has-wide-amount .everyday-money-main{display:block;position:relative;min-height:112px} body #app .edition-home.everyday-account-home .has-wide-amount .everyday-primary-money{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:64px auto;width:100%} body #app .edition-home.everyday-account-home .has-wide-amount .everyday-primary-label{display:flex;align-items:center;min-height:64px;padding-right:100px;margin:0} body #app .edition-home.everyday-account-home .has-wide-amount .everyday-primary-money>strong{font-size:32px;min-height:1.25em;white-space:normal;overflow-wrap:anywhere} body #app .edition-home.everyday-account-home .has-wide-amount .everyday-home-art{display:block!important;position:absolute;right:0;top:0;width:90px;height:64px!important;min-height:0!important;margin:0} body #app .edition-home.everyday-account-home .has-wide-amount .everyday-home-art>.scene-art.campus-scene{display:block!important;width:100%!important;max-width:100%!important;height:64px!important;min-height:0!important;margin:0!important} body #app .edition-home.everyday-account-home .has-huge-amount .everyday-primary-money>strong{min-height:2.5em;white-space:normal;overflow-wrap:anywhere} body #app .edition-home.everyday-account-home .everyday-savings-amount.has-wide-savings{font-size:21px} body #app .edition-home.everyday-account-home .everyday-migration{font-size:11px;line-height:1.4;margin:8px 0 0} @media(max-width:350px){ body #app .edition-home.everyday-account-home .home-greeting .actual-wordmark{width:80px;max-width:80px} body #app .edition-home.everyday-account-home .hibiscus-root-chat>span{display:none} body #app .edition-home.everyday-account-home .everyday-money-card{padding-inline:14px} body #app .edition-home.everyday-account-home .everyday-money-main{grid-template-columns:minmax(0,1fr) 90px;gap:6px} body #app .edition-home.everyday-account-home .everyday-home-art{width:90px} body #app .edition-home.everyday-account-home .everyday-primary-money>strong{font-size:34px} body #app .edition-home.everyday-account-home .everyday-add-money{width:calc(100% + 28px);margin-inline:-14px} body #app .edition-home.everyday-account-home .everyday-boxes-card{padding-inline:14px} body #app .edition-home.everyday-account-home .everyday-boxes-open{grid-template-columns:32px minmax(0,1fr) 15px;gap:9px} body #app .edition-home.everyday-account-home .everyday-boxes-icon{width:32px;height:32px;border-radius:11px} body #app .edition-home.everyday-account-home .everyday-savings-amount{font-size:24px} body #app .edition-home.everyday-account-home .everyday-savings-amount.has-wide-savings{font-size:19px} } @media(max-height:700px){ body #app .edition-home.everyday-account-home .home-greeting{padding-block:0 7px} body #app .edition-home.everyday-account-home .accounts-welcome{margin-bottom:9px} body #app .edition-home.everyday-account-home .accounts-welcome>p{font-size:18px} body #app .edition-home.everyday-account-home .everyday-money-card{padding-top:10px} body #app .edition-home.everyday-account-home .everyday-account-heading{min-height:40px} body #app .edition-home.everyday-account-home .everyday-money-main{min-height:86px;margin-block:2px} body #app .edition-home.everyday-account-home .everyday-home-art,body #app .edition-home.everyday-account-home .everyday-home-art>.scene-art.campus-scene{height:82px!important;min-height:0!important} body #app .edition-home.everyday-account-home .everyday-available-context{min-height:23px;margin-bottom:2px} body #app .edition-home.everyday-account-home .everyday-budget-link{min-height:38px;padding-block:7px} body #app .edition-home.everyday-account-home .everyday-add-money{min-height:44px;padding-block:10px} body #app .edition-home.everyday-account-home .everyday-boxes-card{margin-top:10px} body #app .edition-home.everyday-account-home .everyday-boxes-open{min-height:112px;padding-block:12px} body #app .edition-home.everyday-account-home .everyday-savings-amount{margin-top:7px;font-size:25px} body #app .edition-home.everyday-account-home .everyday-home-actions{margin-top:10px} body #app .edition-home.everyday-account-home .everyday-home-actions>button{min-height:44px;padding-block:9px} } @media(max-height:620px){ body #app .edition-home.everyday-account-home .home-greeting{padding-bottom:4px} body #app .edition-home.everyday-account-home .accounts-welcome{margin-bottom:7px} body #app .edition-home.everyday-account-home .accounts-welcome>p{font-size:17px} body #app .edition-home.everyday-account-home .everyday-money-card{padding-top:8px} body #app .edition-home.everyday-account-home .everyday-account-heading{min-height:36px} body #app .edition-home.everyday-account-home .everyday-account-heading h2{font-size:16px} body #app .edition-home.everyday-account-home .everyday-account-heading p{font-size:10px} body #app .edition-home.everyday-account-home .balance-eye{width:36px;min-width:36px;height:36px;min-height:36px;padding:7px} body #app .edition-home.everyday-account-home .everyday-money-main{min-height:72px;margin-block:0} body #app .edition-home.everyday-account-home .everyday-home-art,body #app .edition-home.everyday-account-home .everyday-home-art>.scene-art.campus-scene{height:72px!important} body #app .edition-home.everyday-account-home .everyday-primary-label{font-size:10px;margin-bottom:2px} body #app .edition-home.everyday-account-home .everyday-primary-money>strong{font-size:34px} body #app .edition-home.everyday-account-home .everyday-available-context{min-height:21px;margin:0;font-size:10px} body #app .edition-home.everyday-account-home .everyday-available-context>strong{font-size:12px} body #app .edition-home.everyday-account-home .everyday-budget-link{min-height:34px;padding-block:6px;font-size:11px} body #app .edition-home.everyday-account-home .everyday-add-money{min-height:40px;padding-block:8px;font-size:12px} body #app .edition-home.everyday-account-home .everyday-boxes-card{margin-top:8px} body #app .edition-home.everyday-account-home .everyday-boxes-open{min-height:100px;padding-block:10px} body #app .edition-home.everyday-account-home .everyday-boxes-title{font-size:16px} body #app .edition-home.everyday-account-home .everyday-boxes-copy>small{font-size:10px;margin-top:2px} body #app .edition-home.everyday-account-home .everyday-savings-amount{font-size:23px;margin-top:5px} body #app .edition-home.everyday-account-home .everyday-boxes-copy>.everyday-boxes-count{margin-top:2px} body #app .edition-home.everyday-account-home .everyday-home-actions{margin-top:8px;gap:8px} body #app .edition-home.everyday-account-home .everyday-home-actions>button{font-size:11px;min-height:40px;padding-block:8px} } body #app .edition-home.everyday-account-home .everyday-budget-link>span>small{display:block;margin-top:3px;font-size:11px;font-weight:400;color:var(--muted)} @media(max-height:620px){ body #app .edition-home.everyday-account-home .accounts-welcome{display:none} body #app .edition-home.everyday-account-home .home-greeting{min-height:36px} body #app .edition-home.everyday-account-home .everyday-money-main{min-height:64px} body #app .edition-home.everyday-account-home .everyday-home-art,body #app .edition-home.everyday-account-home .everyday-home-art>.scene-art.campus-scene{height:64px!important} body #app .edition-home.everyday-account-home .everyday-boxes-open{min-height:86px;padding-block:8px} body #app .edition-home.everyday-account-home .everyday-boxes-title{font-size:15px;line-height:1.25} body #app .edition-home.everyday-account-home .everyday-boxes-copy>small{font-size:9px;line-height:1.3;margin-top:2px} body #app .edition-home.everyday-account-home .everyday-savings-amount{font-size:21px;line-height:1.25;margin-top:3px} } @media(max-height:700px){ body #app #view .screen-home{padding-bottom:0} body #app .edition-home.everyday-account-home .accounts-welcome{margin-bottom:6px} body #app .edition-home.everyday-account-home .everyday-money-main{margin-block:0} body #app .edition-home.everyday-account-home .everyday-boxes-card,body #app .edition-home.everyday-account-home .everyday-home-actions{margin-top:8px} } /* Source: minna-home.css | sha256:28d5c41ad329a7767a8a35a225d3eb69a01d5928462fdedf394b1327544fdee7 */ /* Keep the shared account hierarchy in Minna's own monochrome visual system. */ body.minna-edition #app .edition-home.everyday-account-home .account-card{border-radius:2px;background:#fff;border-color:#d7d7d7;box-shadow:none} body.minna-edition #app .edition-home.everyday-account-home .home-header-actions :is(.icon-btn,.avatar){border-radius:2px;background:transparent;color:#111} body.minna-edition #app .edition-home.everyday-account-home .balance-eye{border-radius:2px;background:#f3f3f3;color:#111} body.minna-edition #app .edition-home.everyday-account-home .everyday-add-money{border-radius:0;background:#111;color:#fff;border-top-color:#111} body.minna-edition #app .edition-home.everyday-account-home .everyday-boxes-icon{border-radius:2px;background:#f3f3f3;color:#111} body.minna-edition #app .edition-home.everyday-account-home .everyday-home-actions>button{border-radius:2px;background:#fff;border-color:#111;color:#111} body.minna-edition #app .edition-home.everyday-account-home .everyday-budget-link{border-top-color:#d7d7d7;color:#111} body.minna-edition #app .edition-home.everyday-account-home :is(.everyday-account-heading p,.everyday-primary-label,.everyday-available-context,.everyday-boxes-copy>small){color:#626262} body.minna-edition #app .edition-home.everyday-account-home :is(.everyday-account-heading h2,.everyday-primary-money,.everyday-available-context>strong,.everyday-boxes-title,.everyday-savings-amount){color:#111} body.minna-edition #app .edition-home.everyday-account-home .everyday-home-art{filter:grayscale(1)} /* Retire the earlier horizontal savings composition inside the new card. */ body.minna-edition #app .edition-home.everyday-account-home .everyday-boxes-open{display:grid;position:relative;inset:auto;transform:none;grid-template-columns:38px minmax(0,1fr) 17px;align-items:start;gap:11px;min-height:130px;padding:17px 0} body.minna-edition #app .edition-home.everyday-account-home .everyday-boxes-icon{position:static;inset:auto;transform:none;display:grid;grid-template-columns:none;grid-column:auto;grid-row:auto;align-items:center;justify-content:center;gap:0;flex:none;width:38px;height:38px} body.minna-edition #app .edition-home.everyday-account-home .everyday-boxes-copy{position:static;inset:auto;transform:none;display:block;grid-template-columns:none;grid-column:auto;grid-row:auto;align-items:normal;gap:0;width:100%;min-width:0;flex:initial} body.minna-edition #app .edition-home.everyday-account-home .everyday-boxes-copy>*{position:static;inset:auto;transform:none;display:block;grid-column:auto;grid-row:auto;text-align:left;width:auto;max-width:100%} body.minna-edition #app .edition-home.everyday-account-home .everyday-boxes-title{font-size:17px;line-height:1.3;letter-spacing:-.025em;font-weight:650;margin:0} body.minna-edition #app .edition-home.everyday-account-home .everyday-boxes-copy>small{font-size:11px;line-height:1.4;margin:3px 0 0;color:#626262} body.minna-edition #app .edition-home.everyday-account-home .everyday-savings-amount{font-size:27px;line-height:1.3;font-weight:600;letter-spacing:-.025em;min-height:1.3em;margin:10px 0 0;width:100%;white-space:nowrap;overflow-wrap:normal} body.minna-edition #app .edition-home.everyday-account-home .everyday-savings-amount.has-wide-savings{font-size:21px} body.minna-edition #app .edition-home.everyday-account-home .everyday-boxes-copy>.everyday-boxes-count{margin-top:4px} body.minna-edition #app .edition-home.everyday-account-home .everyday-primary-label{font-size:11px;line-height:1.4;color:#626262;font-weight:400} @media(max-width:350px){ body.minna-edition #app .edition-home.everyday-account-home .everyday-boxes-open{grid-template-columns:32px minmax(0,1fr) 15px;gap:9px} body.minna-edition #app .edition-home.everyday-account-home .everyday-boxes-icon{width:32px;height:32px} body.minna-edition #app .edition-home.everyday-account-home .everyday-savings-amount{font-size:24px} body.minna-edition #app .edition-home.everyday-account-home .everyday-savings-amount.has-wide-savings{font-size:19px} } @media(max-height:700px){ body.minna-edition #app .edition-home.everyday-account-home .everyday-boxes-open{min-height:112px;padding-block:12px} body.minna-edition #app .edition-home.everyday-account-home .everyday-savings-amount{margin-top:7px;font-size:25px} } @media(max-height:620px){ body.minna-edition #app .edition-home.everyday-account-home .everyday-boxes-open{min-height:86px;padding-block:8px} body.minna-edition #app .edition-home.everyday-account-home .everyday-boxes-title{font-size:15px;line-height:1.25} body.minna-edition #app .edition-home.everyday-account-home .everyday-boxes-copy>small{font-size:9px;line-height:1.3;margin-top:2px} body.minna-edition #app .edition-home.everyday-account-home .everyday-savings-amount{font-size:21px;line-height:1.25;margin-top:3px} body.minna-edition #app .edition-home.everyday-account-home .everyday-primary-label{font-size:10px} } @media(max-height:700px){ body.minna-edition #app #view .screen-home{padding-top:8px} body.minna-edition #app .edition-home.everyday-account-home .home-header-actions :is(.icon-btn,.avatar){width:40px;min-width:40px;height:40px!important;min-height:40px!important} body.minna-edition #app .edition-home.everyday-account-home .accounts-welcome{margin-bottom:2px} } /* Source: page-chrome.css | sha256:f251ce7f50bff99543350ca01417db3aff0ef56ad50be37cda4f8283f647d052 */ /* Quiet page chrome: navigation names each destination; headings stay accessible. */ body #app .screen :is(.hibiscus-root-header>h1,.hibiscus-tab-title>h1), body #app .screen-plan .plan-hub-heading>h1, body #app .screen-pay .focus-pay-heading>h1, body #app .screen-more .destination-heading>h1{ position:absolute!important;width:1px!important;height:1px!important;min-width:0!important;min-height:0!important; padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;clip-path:inset(50%)!important; white-space:nowrap!important;border:0!important; } body #app .screen .hibiscus-root-header{justify-content:flex-end;min-height:44px;padding:0;margin:0 0 10px!important} body #app .screen-plan .plan-hub-heading{height:0;min-height:0;margin:0!important;padding:0!important} /* Keep the existing assistant symbol and accessible name at every width. */ body #app .screen :is(.hibiscus-root-chat,.hibiscus-home-chat-entry){display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:0 0 40px!important;width:40px!important;min-width:40px!important;height:40px!important;min-height:40px!important;padding:9px!important;gap:0!important} body #app .screen :is(.hibiscus-root-chat,.hibiscus-home-chat-entry)>span{ display:block!important;position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important; overflow:hidden!important;clip:rect(0,0,0,0)!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important; } body #app .screen :is(.hibiscus-root-chat,.hibiscus-home-chat-entry)>svg{display:block!important;width:21px!important;height:21px!important;flex:none!important} /* Chat keeps its name for assistive technology and uses the existing bubble glyph. */ body #app .screen .hibiscus-chat-header-title{display:inline-flex;align-items:center;justify-content:center;flex:0 0 24px;min-width:24px;width:24px;height:24px;font-size:0!important;line-height:1} body #app .screen .hibiscus-chat-header-title::before{content:"";display:block;width:22px;height:22px;background:currentColor;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 11.5a8.5 8.5 0 0 1-9 8.5H4l-2 2V11.5a9.5 9.5 0 0 1 19 0Z'/%3E%3Cpath d='M7 10h10M7 14h6'/%3E%3C/svg%3E") center/contain no-repeat} body #app .screen .hibiscus-chat-header.has-context-return .hibiscus-chat-header-title{display:none} /* Source: pause-intro.css | sha256:014a3a118a6cf6b3cecb49694f8d6b65ca79f43af57f50e9815c0f3ff4f28c02 */ /* A tempting purchase and a goal's later date. Saved progress never shrinks. */ #app .screen.screen-samplePause:has(>.pause-intro){display:flex!important;flex-direction:column!important;width:100%;height:100%;min-height:0;padding:8px 24px calc(12px + env(safe-area-inset-bottom))!important;animation:none!important} #app .pause-intro{--intro-ring:var(--green,#b5e96a);--intro-halo:var(--soft,#f0f2e9);--intro-ink:var(--ink,#20261e);--intro-accent:#d8e3c5;display:flex;flex:1 1 auto;flex-direction:column;width:100%;height:100%;min-height:0;gap:9px;color:var(--intro-ink);background:var(--paper,#f8f9f4)} #app .pause-intro .scene-art{display:none!important} #app .pause-intro-topline{display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:8px;flex:0 0 auto;height:44px;margin:0 -6px} #app .pause-intro-topline>.icon-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:10px;margin:0;background:none;border:0;color:var(--intro-ink)} #app .pause-intro-badge{justify-self:center;display:inline-flex;align-items:center;white-space:nowrap;border:1px solid var(--line,#e7e9e0);border-radius:999px;padding:5px 10px;font-size:11px;font-weight:600;line-height:1.3;color:var(--muted,#74796e)} #app .pause-intro-topline .pause-intro-skip{min-height:44px;padding:8px 0;font-size:12px;white-space:nowrap;line-height:1.3} #app .pause-intro-header-spacer{width:44px} #app .pause-intro>h1{flex:0 0 auto;font-family:inherit;font-size:32px!important;font-weight:500;line-height:1.08;letter-spacing:-1px;text-align:center;margin:3px 0 0;color:var(--intro-ink)} #app .pause-intro>h1 strong{font-weight:750;color:var(--intro-ink)} #app .pause-intro-story{display:flex;flex:1 1 auto;flex-direction:column;align-items:center;justify-content:center;min-height:0;gap:9px;margin:0} #app .pause-intro-animation{display:block;flex:0 1 auto;width:100%;height:clamp(172px,33dvh,250px);min-height:150px;overflow:hidden;margin:0;color:var(--intro-ink)} #app .pause-intro-ground{fill:var(--intro-ink);opacity:.06} #app .pause-intro-halo{fill:var(--intro-halo);opacity:.8} #app .pause-intro-ring{stroke:var(--intro-ring);transform-box:fill-box;transform-origin:center;animation:pause-intro-ring var(--pause-intro-duration,8000ms) cubic-bezier(.22,.72,.2,1) 1 both} #app .pause-intro-goal-card{stroke:var(--intro-ink);stroke-width:1.4;opacity:.12;animation:pause-intro-goal var(--pause-intro-duration,8000ms) ease-out 1 both} #app .pause-intro-goal-shadow{fill:var(--intro-ink);stroke:none;opacity:.07} #app .pause-intro-goal-panel{fill:var(--paper,#fff);stroke:var(--line,#d8d8d8)} #app .pause-intro-goal-title{fill:var(--intro-ink);stroke:none;font-family:inherit;font-size:14px;font-weight:650} #app .pause-intro-laptop-screen{fill:var(--intro-ink)} #app .pause-intro-laptop-base{fill:var(--intro-accent)} #app .pause-intro-laptop-detail{stroke:var(--intro-ink);stroke-width:1} #app .pause-intro-saved-track{fill:var(--intro-halo);stroke:none} #app .pause-intro-saved-progress{fill:var(--intro-ring);stroke:none} #app .pause-intro-calendar-icon{stroke:var(--intro-ink);stroke-width:1} #app .pause-intro-goal-card text:not(.pause-intro-goal-title){fill:var(--intro-ink);stroke:none;font-family:inherit;font-size:11px;font-weight:550} #app .pause-intro-goal-card text.pause-intro-date-before,#app .pause-intro-goal-card text.pause-intro-date-after{font-size:14px} #app .pause-intro-goal-card text.pause-intro-date-shift{font-size:15px} #app .pause-intro-date-before{animation:pause-intro-date-before var(--pause-intro-duration,8000ms) ease-out 1 both} #app .pause-intro-date-after{animation:pause-intro-date-after var(--pause-intro-duration,8000ms) ease-out 1 both} #app .pause-intro-date-shift{animation:pause-intro-date-shift var(--pause-intro-duration,8000ms) ease-out 1 both} #app .pause-intro-student{stroke:var(--intro-ink);stroke-width:1.6} #app .pause-intro-bench{fill:var(--intro-accent);stroke:var(--intro-ink)} #app .pause-intro-trouser,#app .pause-intro-shoe-worn,#app .pause-intro-hair,#app .pause-intro-shirt{fill:var(--intro-ink)} #app .pause-intro-shirt-detail{stroke:var(--paper,#fff);stroke-width:1;opacity:.22} #app .pause-intro-neck,#app .pause-intro-face{fill:var(--paper,#fff)} #app .pause-intro-face-detail{stroke:var(--intro-ink);stroke-width:1.6} #app .pause-intro-left-arm,#app .pause-intro-right-arm{stroke:var(--intro-ink);stroke-width:11} #app .pause-intro-trainer{stroke:var(--intro-ink);stroke-width:1.6} #app .pause-intro-trainer-body,#app .pause-intro-trainer-sole{fill:var(--paper,#fff)} #app .pause-intro-trainer-detail{stroke:var(--intro-ink);stroke-width:1;opacity:.8} #app .pause-intro-trainer-accent{fill:var(--intro-accent);stroke:none} #app .pause-intro-hands{stroke:var(--paper,#fff);stroke-width:5} #app .pause-intro-token{fill:var(--white,#fff);stroke:var(--intro-ink);stroke-width:1.6;transform-box:view-box;transform-origin:170px 124px;animation:pause-intro-token var(--pause-intro-duration,8000ms) linear 1 both} #app .pause-intro-token text{fill:var(--intro-ink);stroke:none;font-family:inherit;font-size:16px;font-weight:700;letter-spacing:-.4px} #app .pause-intro-token .pause-intro-token-today{font-size:8px;letter-spacing:1.3px;font-weight:600} #app .pause-intro-result{flex:0 0 auto;width:100%;min-height:88px;text-align:center;animation:pause-intro-result var(--pause-intro-duration,8000ms) ease-out 1 both} #app .pause-intro-result h2{font-family:inherit;font-size:21px!important;font-weight:550;line-height:1.18;letter-spacing:-.55px;text-align:center;margin:0;color:var(--intro-ink)} #app .pause-intro-result h2 strong{font-weight:750;color:var(--intro-ink)} #app .pause-intro-result p{font-size:12px;line-height:1.4;color:var(--muted,#74796e);margin:9px 0 0;text-align:center} #app .pause-intro-assumption{flex:0 0 auto;font-size:10px;line-height:1.4;text-align:center;color:var(--muted,#74796e);margin:0} #app .pause-intro-assumption strong{font-weight:600} #app .pause-intro-actions{display:flex;flex-direction:column;flex:0 0 auto;gap:2px;width:100%;margin-top:0} #app .pause-intro-actions>.primary{min-height:48px;height:auto;width:100%;padding:12px 16px;margin:0;line-height:1.3;font-size:15px} #app .pause-intro-utilities{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%} #app .pause-intro-utilities>.text-btn{display:flex;align-items:center;justify-content:center;gap:5px;min-height:40px;width:auto;padding:7px 0;font-size:12px;line-height:1.3} #app .pause-intro-replay[hidden]{display:none!important} #app .pause-intro-boundary{font-size:10px;line-height:1.4;text-align:center;color:var(--muted,#74796e);margin:0} body.minna-edition #app .pause-intro{--intro-ring:#111;--intro-halo:#f1f1f1;--intro-ink:#111;--intro-accent:#e4e4e4} body.hibiscus-edition #app .pause-intro{--intro-ring:#4a1d4f;--intro-halo:#eee4ee;--intro-ink:#4a1d4f;--intro-accent:#dfc9df} body.minna-edition #app .pause-intro-badge{border-radius:4px} @keyframes pause-intro-token{0%,7%{opacity:0;transform:translate(-106px,-64px) rotate(-7deg) scale(.9)}12%,19%{opacity:1;transform:translate(-100px,-61px) rotate(-6deg) scale(.94)}36%{opacity:1;transform:translate(0,0) rotate(0deg) scale(1)}43%,100%{opacity:0;transform:translate(0,0) scale(.9)}} @keyframes pause-intro-ring{0%,15%{transform:scale(.96)}37%,48%{transform:scale(1.04)}65%,100%{transform:scale(1)}} @keyframes pause-intro-goal{0%,31%{opacity:.12}48%,100%{opacity:1}} @keyframes pause-intro-date-before{0%,49%{opacity:1;transform:translateY(0)}65%,100%{opacity:0;transform:translateY(9px)}} @keyframes pause-intro-date-after{0%,49%{opacity:0;transform:translateY(-9px)}65%,100%{opacity:1;transform:translateY(0)}} @keyframes pause-intro-date-shift{0%,57%{opacity:0}70%,100%{opacity:1}} @keyframes pause-intro-result{0%,55%{opacity:0;transform:translateY(6px)}75%,100%{opacity:1;transform:translateY(0)}} @media(max-height:700px){#app .pause-intro{gap:8px}#app .pause-intro>h1{font-size:29px!important}#app .pause-intro-story{gap:7px}#app .pause-intro-animation{height:clamp(165px,31dvh,220px)}#app .pause-intro-result h2{font-size:19px!important}#app .pause-intro-result p{margin-top:7px}#app .pause-intro-result{min-height:82px}} @media(max-height:580px){#app .screen.screen-samplePause:has(>.pause-intro){padding:4px 20px calc(7px + env(safe-area-inset-bottom))!important}#app .pause-intro{gap:6px}#app .pause-intro>h1{font-size:27px!important;margin-top:0}#app .pause-intro-story{gap:5px}#app .pause-intro-animation{height:164px;min-height:142px}#app .pause-intro-result{min-height:77px}#app .pause-intro-result h2{font-size:18px!important}#app .pause-intro-result p{font-size:11px;margin-top:5px}#app .pause-intro-actions>.primary{min-height:46px;padding:10px 14px}#app .pause-intro-utilities>.text-btn{min-height:36px}} @media(prefers-reduced-motion:reduce){#app .pause-intro *,#app .pause-intro *::before,#app .pause-intro *::after{animation:none!important;transition:none!important}#app .pause-intro-token{opacity:0;transform:none}#app .pause-intro-ring{transform:none}#app .pause-intro-goal-card,#app .pause-intro-result,#app .pause-intro-date-after,#app .pause-intro-date-shift{opacity:1;transform:none}#app .pause-intro-date-before{opacity:0;transform:none}#app .pause-intro-replay{display:none!important}} /* Source: group-money.css | sha256:97ea5ab78e6841df65bbf3c37e9ba3b85daa5df4badb3eec388a8a8ed6ccf9f8 */ /* Shared money tasks. All colours and curves follow the current edition. The group balance is a separate record; these styles do not touch Home. */ body #app #view .gm-page{ display:flex;flex-direction:column;min-width:0;min-height:0;gap:0; color:var(--ink);font-family:var(--font-ui,inherit);font-size:14px;line-height:1.45; } body #app .task-sheet-body#view .gm-page{ flex:1 1 0;max-height:100%;width:100%; } /* Use the sheet's actual remaining height, including its edition-specific chrome and padding. Only the task body scrolls; actions stay in view. */ body #app .task-sheet-layer .task-sheet:has(.gm-page){height:calc(100% - max(12px,env(safe-area-inset-top)))} body #app .task-sheet-body#view:has(>.screen>.gm-page){display:flex;flex:1 1 0;flex-direction:column;overflow:hidden} body #app .task-sheet-body#view>.screen:has(>.gm-page){display:flex;flex:1 1 0;flex-direction:column;min-height:0;overflow:hidden} body #app #view .gm-page :is(h1,h2,h3,p,dl){margin:0;min-width:0} body #app #view .gm-page :is(h1,h2,h3,strong){color:var(--ink)} body #app #view .gm-page>.page-heading, body #app #view .gm-page>.gm-heading{flex:none;margin:0 0 16px} body #app #view .gm-page>.page-heading h1, body #app #view .gm-page .gm-heading h1{font-size:26px;line-height:1.15;letter-spacing:-.035em;font-weight:650;margin:0} body #app #view .gm-page>.page-heading p, body #app #view .gm-page .gm-heading p{font-size:13px;line-height:1.45;color:var(--muted);margin:7px 0 0} body #app #view .gm-page .gm-body{flex:1 1 auto;min-width:0;min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scroll-padding-block:8px} body #app #view .gm-page .gm-form{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;min-width:0;margin:0} body #app #view .gm-page .gm-actions{display:flex;flex-direction:column;gap:8px;flex:none;margin:16px 0 0;padding:0;min-width:0;background:inherit} body #app #view .gm-page .gm-actions :is(.primary,.secondary,.danger){width:100%;min-height:48px;padding:11px 14px;font-size:14px;line-height:1.4;border-radius:var(--curve-control,16px)} body #app #view .gm-page .gm-actions .text-btn{min-height:44px;padding:9px 6px;font-size:13px;line-height:1.4} body #app #view .gm-page button{font-family:inherit} body #app #view .gm-page button:focus-visible, body #app #view .gm-page input:focus-visible, body #app #view .gm-page select:focus-visible{outline:2px solid var(--ink);outline-offset:2px;box-shadow:none} body #app #view .gm-page :is(.gm-choice,.gm-choices){display:flex;flex-direction:column;gap:10px;margin:0} body #app #view .gm-page .gm-choice-row{display:flex;align-items:center;gap:13px;width:100%;min-height:76px;padding:15px 13px;text-align:left;border:1px solid var(--line);border-radius:var(--curve-panel,18px);background:var(--white);color:var(--ink)} body #app #view .gm-page .gm-choice-row>svg:last-child{width:18px;height:18px;margin-left:auto;flex:none} body #app #view .gm-page .gm-choice-icon{display:grid;place-items:center;flex:none;width:40px;height:40px;border-radius:var(--curve-control,13px);background:var(--green-soft,var(--soft));color:var(--green-ink,var(--ink))} body #app #view .gm-page .gm-choice-icon svg{width:22px;height:22px} body #app #view .gm-page .gm-choice-copy{display:block;flex:1;min-width:0} body #app #view .gm-page .gm-choice-copy strong{display:block;font-size:15px;line-height:1.35;font-weight:650;letter-spacing:-.015em} body #app #view .gm-page .gm-choice-copy small{display:block;font-size:12px;line-height:1.4;color:var(--muted);margin-top:4px} body #app #view .gm-page .gm-hero{flex:none;padding:16px 0 18px;border-bottom:1px solid var(--line);margin:0 0 12px} body #app #view .gm-page .gm-overline{display:block;color:var(--muted);font-size:12px;line-height:1.4;margin:0 0 5px} body #app #view .gm-page .gm-amount{display:block;font-size:38px;line-height:1.15;font-weight:600;letter-spacing:-.045em;font-variant-numeric:tabular-nums;overflow-wrap:anywhere} body #app #view .gm-page .gm-caption{display:block;color:var(--muted);font-size:12px;line-height:1.45;margin-top:7px} body #app #view .gm-page .gm-progress{height:7px;background:var(--soft);border-radius:8px;overflow:hidden;margin-top:15px} body #app #view .gm-page .gm-progress>span{display:block;height:100%;max-width:100%;min-width:0;background:var(--ink);border-radius:inherit} body #app #view .gm-page .gm-tabs{display:flex;flex:none;gap:8px;flex-wrap:wrap;margin:0 0 12px} body #app #view .gm-page .gm-tabs :is(.chip,button){min-height:44px;padding:9px 13px;border:1px solid var(--line);border-radius:var(--curve-control,100px);background:transparent;color:var(--ink);font-size:12px;line-height:1.4} body #app #view .gm-page .gm-tabs :is(.gm-selected,.chip.selected){background:var(--ink);color:var(--white);border-color:var(--ink)} body #app #view .gm-page .field{display:block;min-width:0;margin:0 0 13px} body #app #view .gm-page .field>span{display:block;font-size:12px;line-height:1.4;font-weight:500;margin-bottom:6px;color:var(--ink)} body #app #view .gm-page .field :is(input,select,textarea){width:100%;min-width:0;min-height:48px;border:1px solid var(--control-line,var(--line));border-radius:var(--curve-panel,13px);padding:11px 12px;background:var(--white);color:var(--ink);font-size:16px;line-height:1.4;box-shadow:none} body #app #view .gm-page .field textarea{min-height:76px;resize:vertical} body #app #view .gm-page .field input[readonly]{color:var(--muted);background:var(--soft)} body #app #view .gm-page .field input[aria-invalid=true]{border-color:var(--red)} body #app #view .gm-page .gm-inline{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;min-width:0} body #app #view .gm-page .gm-inline>*{min-width:0} body #app #view .gm-page .gm-people{display:flex;flex-direction:column;gap:0;margin:0;min-width:0} body #app #view .gm-page .gm-person{display:flex;align-items:center;gap:10px;min-width:0;min-height:62px;padding:9px 0;border-bottom:1px solid var(--line)} body #app #view .gm-page .gm-avatar{display:grid;place-items:center;flex:none;width:34px;height:34px;border-radius:50%;background:var(--soft);color:var(--ink);font-size:12px;font-weight:600} body #app #view .gm-page .gm-person-copy{flex:1;min-width:0} body #app #view .gm-page .gm-person-copy strong{display:block;font-size:14px;line-height:1.35;overflow-wrap:anywhere;font-weight:600} body #app #view .gm-page .gm-person-copy small{display:block;margin-top:3px;font-size:11px;line-height:1.4;color:var(--muted)} body #app #view .gm-page .gm-person-copy .field{margin:0} body #app #view .gm-page .gm-person-copy input{min-height:44px;padding:9px 10px} body #app #view .gm-page .gm-person-amount{flex:none;max-width:42%;font-variant-numeric:tabular-nums;font-size:14px;font-weight:600;text-align:right;line-height:1.4;overflow-wrap:anywhere} body #app #view .gm-page .gm-person-amount .field{margin:0;width:100px;max-width:100%} body #app #view .gm-page label.gm-person-amount{display:block;width:96px;min-width:0;margin:0} body #app #view .gm-page .gm-person-amount input{width:100%;min-width:0;min-height:44px;padding:9px 8px;text-align:right;font-size:16px} body #app #view .gm-page .gm-remove{display:grid;place-items:center;flex:none;width:44px;min-width:44px;height:44px;min-height:44px;padding:10px;border:0;background:transparent;color:var(--muted);border-radius:50%} body #app #view .gm-page .gm-remove svg{width:18px;height:18px} body #app #view .gm-page .gm-summary{margin:0} body #app #view .gm-page .gm-summary>div, body #app #view .gm-page .gm-summary dl>div{display:flex;align-items:baseline;justify-content:space-between;gap:14px;padding:10px 0;border-bottom:1px solid var(--line);font-size:13px;line-height:1.45} body #app #view .gm-page .gm-summary dt{color:var(--muted);min-width:0;overflow-wrap:anywhere} body #app #view .gm-page .gm-summary dd{margin:0;max-width:60%;text-align:right;font-weight:550;font-variant-numeric:tabular-nums;overflow-wrap:anywhere} body #app #view .gm-page .gm-status{display:inline-flex;align-items:center;gap:5px;width:fit-content;padding:5px 9px;border-radius:var(--curve-control,100px);background:var(--soft);color:var(--ink);font-size:11px;line-height:1.4;font-weight:600} body #app #view .gm-page .gm-empty{padding:28px 10px;text-align:center;color:var(--muted)} body #app #view .gm-page .gm-empty>svg{width:28px;height:28px;margin-bottom:12px;color:var(--ink)} body #app #view .gm-page .gm-empty h2{font-size:18px;line-height:1.3;font-weight:600;letter-spacing:-.025em;margin-bottom:6px} body #app #view .gm-page .gm-empty p{font-size:13px;line-height:1.45;max-width:260px;margin:auto} body #app #view .gm-page .gm-item{display:flex;align-items:center;gap:11px;width:100%;min-height:70px;margin:0;padding:12px 0;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--ink);text-align:left} body #app #view .gm-page .gm-item>svg{width:20px;height:20px;flex:none} body #app #view .gm-page .gm-item>.gm-choice-copy{display:block;flex:1;min-width:0} body #app #view .gm-page .gm-item>.gm-choice-icon{flex:none} body #app #view .gm-page .gm-item>.gm-trailing{flex:none;max-width:40%;min-width:0;margin-left:auto} body #app #view .gm-page .gm-item strong{display:block;font-size:14px;line-height:1.35;font-weight:600;overflow-wrap:anywhere} body #app #view .gm-page .gm-item small{display:block;font-size:12px;line-height:1.4;color:var(--muted);margin-top:4px} body #app #view .gm-page .gm-section-head{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:44px;margin:9px 0 0} body #app #view .gm-page .gm-section-head h2{font-size:15px;line-height:1.35;letter-spacing:-.02em;font-weight:650} body #app #view .gm-page .gm-section-head .text-btn{min-height:44px;padding:8px 0;font-size:12px} body #app #view .gm-page .gm-trailing{flex:none;margin-left:auto;text-align:right;font-variant-numeric:tabular-nums;font-size:12px;line-height:1.4} body #app #view .gm-page .gm-boundary{flex:none;display:block;color:var(--muted);font-size:10px;line-height:1.45;margin:12px 0 0;text-align:center} body #app #view .gm-page .gm-step{display:block;color:var(--muted);font-size:11px;line-height:1.4;margin:0 0 8px} body #app #view .gm-page :is(.gm-error,#error){flex:none;color:var(--red);font-size:13px;line-height:1.45;margin:10px 0 0;overflow-wrap:anywhere} body #app #view .gm-page :is(.gm-error,#error):empty{display:none} body #app #view .gm-page details{margin:8px 0 0;border-top:1px solid var(--line)} body #app #view .gm-page details>summary{min-height:44px;padding:12px 0;font-size:12px;line-height:1.4;color:var(--muted)} body #app #view .gm-page details>p{font-size:12px;line-height:1.45;color:var(--muted);margin-bottom:10px} body #app #view .gm-page details .secondary{min-height:44px;margin:8px 0;padding:10px 12px;font-size:13px} body #app #view .gm-page .gm-note{font-size:12px;line-height:1.45;color:var(--muted);padding:11px 12px;background:var(--soft);border-radius:var(--curve-panel,14px);margin:10px 0} body #app #view .gm-page .gm-people-tools{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:8px 0 12px} body #app #view .gm-page .gm-people-tools .secondary{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:9px 12px;font-size:12px;border-radius:var(--curve-control,14px)} body #app #view .gm-page .gm-people-tools-small{justify-content:space-between;gap:0;margin:3px 0} body #app #view .gm-page .gm-people-tools-small .text-btn{min-height:44px;padding:7px 3px;font-size:11px} body #app #view .gm-page .gm-contact{display:flex;align-items:center;gap:10px;width:100%;min-width:0;min-height:64px;padding:10px 2px;text-align:left;border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent;color:var(--ink)} body #app #view .gm-page .gm-contact.selected{background:var(--soft)} body #app #view .gm-page .gm-contact:disabled{opacity:.6} body #app #view .gm-page .gm-contact-check{display:grid;place-items:center;flex:none;width:28px;height:28px;border:1px solid var(--line);border-radius:50%} body #app #view .gm-page .gm-contact.selected .gm-contact-check{background:var(--ink);color:var(--white)} body #app #view .gm-page .gm-saved-group{display:flex;align-items:center;gap:6px} body #app #view .gm-page .gm-saved-group .gm-contact{flex:1;min-width:0} body #app #view .gm-page .gm-phone-picker{width:100%;min-height:44px;margin:2px 0 8px;font-size:13px} body #app #view .gm-page .gm-mandate-choice{padding:12px 0;border-block:1px solid var(--line);margin:0 0 10px} body #app #view .gm-page .gm-mandate-choice h2{font-size:14px;line-height:1.4;margin:0 0 8px;font-weight:600} body #app #view .gm-page .gm-mandate-choice .gm-tabs{margin:0 0 7px} body #app #view .gm-page .gm-mandate-choice p{font-size:12px;line-height:1.45;color:var(--muted)} body #app #view .gm-page .gm-mandate-preview{padding:13px 14px;border:1px solid var(--line);border-radius:var(--curve-panel,16px);margin:12px 0;background:var(--soft)} body #app #view .gm-page .gm-mandate-preview h2{font-size:15px;line-height:1.4;margin:0 0 7px} body #app #view .gm-page .gm-mandate-preview p{font-size:12px;line-height:1.5;color:var(--muted);margin:4px 0} body #app #view .gm-page .gm-mandate-preview .text-btn{display:block;min-height:44px;padding:8px 0;font-size:12px;margin-top:3px} body #app #view .gm-page .gm-mandate-summary{padding:4px 0 14px;border-bottom:1px solid var(--line);margin:0 0 12px} body #app #view .gm-page .gm-mandate-summary h2{font-size:20px;line-height:1.25;letter-spacing:-.025em;margin:10px 0 6px;font-weight:600} body #app #view .gm-page .gm-mandate-summary p{font-size:12px;line-height:1.45;color:var(--muted)} body #app #view .gm-page .gm-mandate-rules{list-style:decimal;display:block;margin:0;padding:0 0 0 23px} body #app #view .gm-page .gm-mandate-rules li{font-size:13px;line-height:1.5;margin:0;padding:8px 0 8px 3px;overflow-wrap:anywhere} body #app #view .gm-page .gm-mandate-rules li::marker{color:var(--muted);font-variant-numeric:tabular-nums} body #app #view .gm-page .gm-mandate-card{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:64px;padding:10px 12px;margin:12px 0 7px;text-align:left;border:1px solid var(--line);border-radius:var(--curve-panel,16px);background:var(--soft);color:var(--ink)} body #app #view .gm-page .gm-mandate-card>span{display:block;min-width:0} body #app #view .gm-page .gm-mandate-card strong{display:block;font-size:14px;line-height:1.4} body #app #view .gm-page .gm-mandate-card small{display:block;font-size:12px;line-height:1.45;color:var(--muted);margin-top:3px;overflow-wrap:anywhere} body #app #view .gm-page .gm-mandate-card>svg{flex:none;width:18px;height:18px} body #app #view .gm-page .gm-hub-tools{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:12px 0 4px} body #app #view .gm-page .gm-hub-tools .secondary{min-width:0;min-height:44px;padding:9px 8px;font-size:12px;line-height:1.4;border-radius:var(--curve-control,14px)} body #app #view .gm-page .gm-approver-list{margin:2px 0 12px} body #app #view .gm-page .gm-role-summary{padding:12px 0;border-bottom:1px solid var(--line);margin:0 0 10px} body #app #view .gm-page .gm-role-summary h2{font-size:19px;line-height:1.3;font-weight:600;letter-spacing:-.025em;margin:9px 0 6px} body #app #view .gm-page .gm-role-summary>strong{display:block;font-size:14px;line-height:1.4;margin-bottom:4px} body #app #view .gm-page .gm-role-summary>p{font-size:12px;line-height:1.5;color:var(--muted);overflow-wrap:anywhere} body #app #view .gm-page .gm-invitation-role{display:flex;flex-direction:column;align-items:flex-start;gap:4px;margin:0 0 10px} body #app #view .gm-page .gm-invitation-role>strong{font-size:15px;line-height:1.4;margin-top:3px} body #app #view .gm-page .gm-invitation-role>p{font-size:12px;line-height:1.45;color:var(--muted)} body #app #view .gm-page .gm-invitation-mandate{padding:10px 0 0;border-block:1px solid var(--line);margin:0 0 8px} body #app #view .gm-page .gm-invitation-mandate>h2{font-size:15px;line-height:1.4;font-weight:600;margin:0 0 4px} body #app #view .gm-page .gm-invitation-mandate>p{font-size:12px;line-height:1.45;color:var(--muted);overflow-wrap:anywhere} body #app #view .gm-page .gm-invitation-mandate>.text-btn{display:block;min-height:44px;padding:8px 0;font-size:13px;line-height:1.4} @media(max-height:700px){ body #app #view .gm-page>.page-heading,body #app #view .gm-page>.gm-heading{margin-bottom:12px} body #app #view .gm-page>.page-heading h1,body #app #view .gm-page .gm-heading h1{font-size:24px} body #app #view .gm-page .gm-choice-row{min-height:68px;padding:12px 11px;gap:11px} body #app #view .gm-page .gm-choice-icon{width:36px;height:36px} body #app #view .gm-page .gm-actions{margin-top:12px;gap:7px} body #app #view .gm-page .gm-hero{padding:8px 0 13px;margin-bottom:8px} body #app #view .gm-page .gm-amount{font-size:34px} body #app #view .gm-page .gm-boundary{margin-top:9px} body #app #view .gm-page .gm-empty{padding:20px 8px} } @media(max-width:350px){ body #app #view .gm-page .gm-choice-copy strong{font-size:14px} body #app #view .gm-page .gm-choice-copy small{font-size:11px} body #app #view .gm-page .gm-person{gap:7px} body #app #view .gm-page .gm-avatar{width:30px;height:30px} body #app #view .gm-page .gm-person-amount{max-width:38%;font-size:13px} body #app #view .gm-page label.gm-person-amount{width:86px} body #app #view .gm-page .gm-inline{gap:8px} body #app #view .gm-page .gm-summary dd{max-width:57%} } @media(prefers-reduced-motion:reduce){body #app #view .gm-page *{scroll-behavior:auto!important;transition:none!important;animation:none!important}} /* Collection payouts retain one task body and one clear primary decision. */ body #app #view .gm-page .gm-payout-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;list-style:none;margin:0 0 16px;padding:0} body #app #view .gm-page .gm-payout-steps li{display:flex;align-items:center;gap:6px;min-width:0;color:var(--muted);font-size:12px;line-height:1.4} body #app #view .gm-page .gm-payout-steps li>span{display:grid;place-items:center;flex:none;width:24px;height:24px;border:1px solid var(--line);border-radius:50%;font-size:11px;font-variant-numeric:tabular-nums} body #app #view .gm-page .gm-payout-steps li>strong{font:inherit;color:inherit;overflow-wrap:anywhere} body #app #view .gm-page .gm-payout-steps li[aria-current=step]{color:var(--ink);font-weight:600} body #app #view .gm-page .gm-payout-steps li:is([aria-current=step],.is-complete)>span{background:var(--ink);border-color:var(--ink);color:var(--white)} body #app #view .gm-page .gm-quiet{font-size:12px;line-height:1.45;color:var(--muted);margin:8px 0 14px;overflow-wrap:anywhere} body #app #view .gm-page .gm-payout-section{display:block;margin:10px 0 12px;min-width:0} body #app #view .gm-page .gm-payout-section>.gm-section-head{margin-top:0} body #app #view .gm-page .gm-payout-row .gm-trailing{display:flex;align-items:center;justify-content:flex-end;gap:7px;max-width:45%;font-weight:600;overflow-wrap:anywhere} body #app #view .gm-page .gm-payout-row .gm-trailing>svg{flex:none;width:16px;height:16px} body #app #view .gm-page .gm-activity-list{display:block;min-width:0} body #app #view .gm-page .gm-activity-row{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0;width:100%;min-height:62px;padding:10px 0;border:0;border-bottom:1px solid var(--line);background:transparent;text-align:left;color:var(--ink)} body #app #view .gm-page .gm-activity-row>span{display:block;flex:1;min-width:0} body #app #view .gm-page .gm-activity-row strong{display:block;font-size:13px;line-height:1.4;font-weight:600;overflow-wrap:anywhere} body #app #view .gm-page .gm-activity-row small{display:block;font-size:11px;line-height:1.45;color:var(--muted);margin-top:3px} body #app #view .gm-page .gm-activity-row>strong{flex:none;max-width:42%;font-variant-numeric:tabular-nums;text-align:right} body #app #view .gm-page .gm-activity-row>svg{flex:none;width:16px;height:16px} body #app #view .gm-page .gm-contributions{margin-top:10px} body #app #view .gm-page .gm-supporting-proof{margin:8px 0 16px} body #app #view .gm-page .gm-supporting-proof>summary{font-size:13px;color:var(--ink)} body #app #view .gm-page .gm-supporting-proof input[type=file]{font-size:13px;line-height:1.4;min-height:48px;padding:10px;overflow:hidden} body #app #view .gm-page .gm-proof-selected{font-size:12px;line-height:1.45;overflow-wrap:anywhere} body #app #view .gm-page .gm-proof-selected>strong{font-weight:600} body #app #view .gm-page .gm-payout-evidence{display:block;margin:12px 0;padding:12px 0;border-bottom:1px solid var(--line);overflow-wrap:anywhere} body #app #view .gm-page .gm-payout-evidence>span{display:block;font-size:12px;line-height:1.4;color:var(--muted)} body #app #view .gm-page .gm-payout-evidence>strong{display:block;font-size:13px;line-height:1.45;font-weight:550;margin-top:5px} body #app #view .gm-page .gm-payout-evidence small{font-size:11px;color:var(--muted);font-weight:400} body #app #view .gm-page .gm-payout-evidence>.text-btn{display:block;min-height:44px;font-size:12px;padding:9px 0} body #app #view .gm-page .gm-payout-receipt{display:block;min-width:0} @media(max-width:350px){ body #app #view .gm-page .gm-payout-steps{gap:5px} body #app #view .gm-page .gm-payout-steps li{font-size:11px;gap:4px} body #app #view .gm-page .gm-payout-steps li>span{width:22px;height:22px} } body #app #view .gm-page .gm-history-row{width:100%;border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent;text-align:left;color:var(--ink)} body #app #view .gm-page .gm-payout-steps .is-stopped>span{border-style:dashed} /* Source: payment-consequence.css | sha256:7c307b7eeb1d05739041d851e37a30c6efb1100d8d84f742b6a15a90d20197d0 */ /* The consequence is distinct from the current available account balance. */ body #app #view .payment-consequence{ display:flex;flex-wrap:wrap;align-items:baseline;gap:3px 8px; margin:12px 0;padding:11px 12px;border:1px solid var(--line); border-radius:var(--curve-panel,14px);background:var(--soft);color:var(--ink); font-size:13px;line-height:1.4;text-align:left; } body #app #view .payment-consequence>span{font-size:12px;line-height:1.4;color:var(--muted)} body #app #view .payment-consequence>strong{font-size:13px;line-height:1.4;font-weight:650;color:var(--ink);font-variant-numeric:tabular-nums;overflow-wrap:anywhere} body #app #view .payment-consequence>small{flex-basis:100%;font-size:11px;line-height:1.4;color:var(--muted)} body #app #view .payment-consequence[data-consequence-tone=shortfall], body #app #view .payment-consequence[data-consequence-tone=funding]{border-color:var(--red);background:var(--soft)} body #app #view .payment-consequence[data-consequence-tone=shortfall]>strong, body #app #view .payment-consequence[data-consequence-tone=funding]>strong{color:var(--red)} @media(max-height:650px){body #app #view .payment-consequence{margin:9px 0;padding:9px 11px}} /* Keep the complete PIN choice visible on shorter phones. These changes reclaim spacing only; amounts, context and usable controls stay intact. */ @media(max-height:620px){ body #app #view .screen.screen-authorize .transaction-stage{margin-bottom:6px} body #app #view .screen.screen-authorize .payment-balance{margin-bottom:5px;padding-bottom:5px} body #app #view .screen.screen-authorize .hero{padding-bottom:5px;gap:2px!important} body #app #view .screen.screen-authorize .hero>p{margin-top:0;margin-bottom:0} body #app #view .screen.screen-authorize .payment-consequence{margin:5px 0;padding:7px 11px} body #app #view .screen.screen-authorize .biometric-choice{gap:3px;margin-bottom:5px} body #app #view .screen.screen-authorize .biometric-choice>.biometric-entry{min-height:48px;padding:10px 14px} body #app #view .screen.screen-authorize .biometric-choice>p{margin:0} body #app #view .screen.screen-authorize .form{margin-top:6px} body #app #view .screen.screen-authorize .form .field{margin-bottom:6px} body #app #view .screen.screen-authorize .form .field>span{margin-bottom:6px} body #app #view .screen.screen-authorize #payment-pin{min-height:48px;padding:10px 12px;font-size:16px;line-height:1.5} body #app #view .screen.screen-authorize .form .actions{margin-top:8px;gap:6px} body #app #view .screen.screen-authorize .form .actions>.primary{min-height:48px;padding:10px 14px} body #app #view .screen.screen-authorize .form .actions>.text-btn{min-height:44px} body #app #view .screen.screen-authorize .form>button.primary{min-height:48px;padding:10px 14px} body #app #view .screen.screen-authorize .form>button.text-btn{min-height:44px;padding:9px 6px} body #app #view .screen.screen-paymentReview .transaction-stage{margin-bottom:6px} body #app #view .screen.screen-paymentReview .payment-balance{margin-bottom:5px;padding-bottom:5px} body #app #view .screen.screen-paymentReview .focus-review .focus-payment-title{padding:8px 12px;margin:0 0 8px} body #app #view .screen.screen-paymentReview .focus-review .focus-payment-title h1{margin:3px 0 4px} body #app #view .screen.screen-paymentReview .focus-review .focus-payment-title p{margin:0} body #app #view .screen.screen-paymentReview .focus-review .focus-payment-title small{margin-top:3px} body #app #view .screen.screen-paymentReview .focus-review .focus-receipt{padding:4px 12px} body #app #view .screen.screen-paymentReview .focus-review .focus-receipt>div{padding:6px 0} body #app #view .screen.screen-paymentReview .focus-review .focus-receipt .focus-total{margin-top:2px;padding-top:8px} body #app #view .screen.screen-paymentReview .payment-consequence{margin:5px 0;padding:7px 11px} body #app #view .screen.screen-paymentReview .focus-review .actions{margin-top:8px;gap:6px} body #app #view .screen.screen-paymentReview .focus-review .actions>:is(.primary,.secondary){min-height:48px;padding:10px 14px} body #app #view .screen.screen-paymentReview .focus-review .actions>.text-btn{min-height:44px} } /* Source: experience-clarity.css | sha256:a264815c125475c2e1e84371f6010f9cf9d7a4582f0b2e66833f554720c9da6c */ /* Supporting money facts remain readable without changing primary amounts, privacy geometry, the two-card hierarchy or the edition's type and palette. */ body #app .screen-home .everyday-account-home .everyday-account-heading>div>p, body #app .screen-home .everyday-account-home .everyday-primary-label, body #app .screen-home .everyday-account-home .everyday-available-context, body #app .screen-home .everyday-account-home .everyday-boxes-copy>small{ font-size:12px;line-height:1.4; color:var(--muted); color:color-mix(in srgb,var(--ink) 76%,var(--white)); } body #app .screen-home .everyday-account-home .experience-budget-basis{min-height:1.4em;white-space:nowrap} /* Hibiscus uses an inverted plum money card; its supporting facts stay light. */ body.hibiscus-edition #app .screen-home .hibiscus-account-hierarchy .everyday-money-card :is(.experience-budget-basis,.everyday-primary-label,.everyday-available-context){ color:var(--onInk,#fff); color:color-mix(in srgb,var(--onInk,#fff) 90%,transparent); } body #app .screen-plan .plan-section-heading>div>span, body #app .screen-plan .plan-hub-facts, body #app .screen-plan .budget-line-figures, body #app .screen-plan .budget-line-notes, body #app .screen-plan .budget-overview-total-label, body #app .screen-plan .budget-period-kicker{ font-size:12px;line-height:1.4; color:var(--muted); color:color-mix(in srgb,var(--ink) 76%,var(--white)); } body #app .screen-plan .budget-overview-actions[data-budget-primary]{grid-template-columns:minmax(0,1fr)} body #app .screen-plan .budget-overview-actions[data-budget-primary]>.primary{width:100%} body #app .screen :is(.payment-plan-link,.focus-review,.authorize-form) :is(.small.muted,.tiny.muted), body #app .screen #payment-plan-hint{font-size:12px;line-height:1.45;color:var(--muted);color:color-mix(in srgb,var(--ink) 76%,var(--white))} body #app .screen .experience-budget-assistance{display:flex;align-items:center;justify-content:center;gap:7px;min-height:44px} body #app .screen .experience-budget-assistance svg{flex:none;width:18px;height:18px} body #app .screen .experience-budget-help{min-height:44px} /* Source: overflow-shell.css | sha256:85292bfc35dfeb39e248698d9775aa1140a89af0c6421d778e100459e9721aed */ /* Final layout safeguards. Content may grow and scroll; the shell must never crop a required action to maintain the height of a phone composition. */ #app, #app > :is(#view,#task-parent-view), #app .task-sheet-layer, #app .task-sheet-layer .task-sheet{min-width:0} #app .task-sheet-layer .task-sheet-chrome{min-width:0;align-items:center} #app .task-sheet-layer .task-sheet-chrome #task-sheet-title{min-width:0;overflow-wrap:anywhere} #app .task-sheet-layer .task-sheet-chrome > button{flex-shrink:0} /* Five destinations retain every label when text is enlarged. */ body #app > #nav:not([hidden]) .nav-item > span{min-width:0;max-width:100%;white-space:normal;overflow-wrap:anywhere!important} @media(max-width:350px){ body #app > #nav.hibiscus-five-nav:not([hidden]), body.hibiscus-edition #app > #nav.hibiscus-nav.hibiscus-five-nav:not([hidden]){ grid-template-columns:minmax(0,1.2fr) repeat(4,minmax(0,1fr))!important; } } /* Context names share the row with Actions and QR. Their text is the flexible track; the two action targets keep their full size. */ body #app[data-chat-banking=true] .hibiscus-chat-header .hibiscus-chat-context, body.hibiscus-edition #app[data-chat-banking=true] .hibiscus-chat-header .hibiscus-chat-context{ flex:1 1 0;min-width:0;max-width:none!important;overflow-wrap:anywhere; } body #app[data-chat-banking=true] .hibiscus-chat-header .hibiscus-chat-context > span{min-width:0;overflow-wrap:anywhere} body #app[data-chat-banking=true] .hibiscus-chat-header :is(.hibiscus-chat-header-actions,.chat-banking-actions,#lumo-scan-qr){flex-shrink:0} /* The small-screen Hibiscus font rule must not restore text beside the existing 24px Chat symbol. Its accessible name remains in the document. */ body.hibiscus-edition #app[data-chat-banking=true] .screen .hibiscus-chat-header .hibiscus-chat-header-title{font-size:0!important} /* QR keeps a full-height presentation when it fits. On a short viewport or enlarged text, let the task body scroll the complete scanner/code contents. */ body.lumo-qr-hub-open #app .task-sheet-body .qr-hub{ flex:1 0 auto!important;height:auto!important;min-height:100%;overflow:visible; } body.lumo-qr-hub-open #app .qr-hub :is(.qr-scan-panel,.qr-code-panel,.personal-qr-page){flex:1 0 auto;min-height:auto} body.lumo-qr-hub-open #app .qr-hub .qr-scan-stage{flex:1 0 auto;min-height:min-content} body.lumo-qr-hub-open #app .qr-hub .qr-hub-viewfinder{flex:0 0 auto;min-width:0} body.lumo-qr-hub-open #app .qr-hub .personal-qr-card{flex:0 0 auto;min-width:0} body.lumo-qr-hub-open #app .qr-hub .lumo-personal-qr{flex:0 0 auto} body.lumo-qr-hub-open #app .qr-hub :is(.qr-hub-tabs,.qr-hub-toolbar,.qr-hub-feedback,.qr-hub-actions,.personal-qr-actions,.personal-qr-note){flex-shrink:0} body.lumo-qr-hub-open #app .qr-hub :is(.qr-frame-hint,.qr-status,.qr-hub-subtitle,.personal-qr-note,.qr-hub-boundary){overflow-wrap:anywhere} /* The welcome header used to be absolutely positioned over a content-sized card. Keep it in flow so wrapping setup actions cannot collide with it. */ body.hibiscus-edition #app .screen.screen-welcome{display:flex;flex-direction:column;min-height:100%;height:auto} body.hibiscus-edition #app .screen.screen-welcome .hibiscus-welcome{flex:1 0 auto;min-height:0} body.hibiscus-edition #app .hibiscus-welcome > .topline{ position:relative;top:auto;left:auto;right:auto;flex:0 0 auto; margin:0 0 auto!important;padding-bottom:44px; } body.hibiscus-edition #app .hibiscus-welcome > :not(.hibiscus-scene){flex-shrink:0} /* On landscape phones, one reading surface is preferable to a thread crushed between fixed header, prompts and composer. Every tool remains reachable. */ @media(max-height:480px){ body #app[data-chat-banking=true] > #view:not(.task-sheet-body), body #app[data-chat-banking=true] > #task-parent-view{overflow-y:auto} body #app[data-chat-banking=true] .screen.screen-chat, body #app[data-chat-banking=true] .screen.screen-chat[data-density], body.hibiscus-edition #app[data-chat-banking=true] .screen.screen-chat, body.hibiscus-edition #app[data-chat-banking=true] .screen.screen-chat[data-density]{height:auto;max-height:none;min-height:100%;overflow:visible} body #app[data-chat-banking=true] .chat-workspace{height:auto;max-height:none;min-height:100%;overflow:visible} body #app[data-chat-banking=true] #chat-thread{flex:0 0 auto;overflow:visible;max-height:none} body #app[data-chat-banking=true] .screen.screen-chat .chat-workspace .chat-tools{max-height:none;overflow:visible} body #app[data-chat-banking=true] .screen.screen-chat .chat-workspace .chat-entry, body.hibiscus-edition #app[data-chat-banking=true] .screen.screen-chat .chat-workspace .chat-entry{position:sticky;bottom:0} } @media(max-height:700px){ /* A compact sheet cannot pin both the group heading and actions without collapsing its reading area. Scroll the complete task instead. */ body #app .task-sheet-body#view:has(> .screen > .gm-page){display:block;overflow-y:auto} body #app .task-sheet-body#view > .screen:has(> .gm-page){display:block;flex:none;height:auto;min-height:0;max-height:none;overflow:visible} body #app .task-sheet-body#view .gm-page{display:block;flex:none;height:auto;min-height:0;max-height:none} body #app .task-sheet-body#view .gm-page .gm-body{flex:none;min-height:0;max-height:none;overflow:visible} body #app .task-sheet-body#view .gm-page .gm-form{display:block;flex:none;min-height:0;max-height:none} body #app .task-sheet-body#view .gm-page .gm-actions{position:static;flex:none} } /* Toasts are siblings of the application, so #app #toast never matched them. Limit the actual toast to the phone width as well as the browser viewport. */ #toast{max-width:min(420px,calc(100vw - 32px));white-space:normal;overflow-wrap:anywhere} @media(min-width:900px){body.hibiscus-edition #toast{max-width:388px}} /* Source: overflow-components.css | sha256:89e92a2069d386b2aa246dfd0b69af290d67205a50abc8ac89573f445fedeea8 */ /* Overflow review: later feature styles must retain the flexible sizing established by ui-consistency.css. Financial values remain complete. */ /* A number may use more space than its label. Let the value take another line rather than force the amount or its neighbouring controls offscreen. */ body #app #view :is(.budget-line-top,.budget-category-original>div:first-child){ flex-wrap:wrap;min-width:0; } body #app #view .budget-line-top>.budget-overview-item-amount{ flex:0 1 auto;min-width:0;max-width:100%;margin-left:auto; white-space:normal;overflow-wrap:anywhere;text-align:right; } body #app #view .budget-overview-item-amount :is(span,strong){min-width:0;overflow-wrap:anywhere} body #app #view .budget-category-original>div:first-child strong{ min-width:0;max-width:100%;white-space:normal;overflow-wrap:anywhere; } body #app #view .first-cost-list .summary-line>.inline{ max-width:100%;min-width:0;flex:0 1 auto;margin-left:auto; } body #app #view .first-cost-list .inline>strong{ min-width:0;max-width:100%;white-space:normal;overflow-wrap:anywhere; } body #app #view .budget-estimate-result strong, body #app #view .budget-everyday .summary-line strong, body #app #view .shared-money{ min-width:0;max-width:100%;white-space:normal;overflow-wrap:anywhere; } body #app #view :is(.shared-calculation,.balance-meaning-figures)>div{ flex-wrap:wrap;min-width:0; } body #app #view :is(.shared-calculation,.balance-meaning-figures) dd{ flex:0 1 auto;min-width:0;max-width:100%;margin-left:auto; white-space:normal;overflow-wrap:anywhere; } /* Hibiscus owns its palette and composition, but its late nowrap rules must not clip larger budgets in the same phone-sized canvas. */ body.hibiscus-edition #app #view .screen-plan :is(.budget-overview-summary>.plan-hub-amount,.plan-boxes-summary .plan-hub-amount), body.hibiscus-edition #app #view .budget-overview-edit-total>strong{ min-width:0;max-width:100%;white-space:normal;overflow-wrap:anywhere; } body.hibiscus-edition #app #view .budget-overview-edit-total{ flex-wrap:wrap;min-width:0; } /* Card labels and monetary values must fit both narrow phones and enlarged text. The masked card number can wrap at its existing group spaces. */ body #app #view :is(.vc-face,.vc-face-top,.vc-row-end,.vc-money,.vc-create-summary){min-width:0;max-width:100%} body #app #view .vc-face-top>span{ min-width:0;max-width:100%;white-space:normal;overflow-wrap:anywhere;text-align:right; } body #app #view .vc-masked-number{ min-width:0;max-width:100%;white-space:normal;overflow-wrap:anywhere; } body #app #view .vc-row-end{flex:0 1 auto} body #app #view .vc-row-end strong, body #app #view .vc-money .balance-number{ min-width:0;max-width:100%;white-space:normal;overflow-wrap:anywhere; } body #app #view .vc-main-actions{grid-template-columns:repeat(2,minmax(0,1fr))} body #app #view .vc-create-summary>div{min-width:0;overflow-wrap:anywhere} body #app #view .vc-details :is(dt,dd){min-width:0;max-width:100%;overflow-wrap:anywhere} /* Analytics compares categories with full figures. Neither an auto-sized numeric grid track nor a nowrap value should consume the whole row. */ body #app #view .ms-total .balance-number{ max-width:100%;white-space:normal;overflow-wrap:anywhere; } body #app #view .ms-breakdown>.ms-breakdown-row{ grid-template-columns:minmax(0,1fr) minmax(0,1fr); } body #app #view .ms-breakdown dd{ justify-content:flex-end;flex-wrap:wrap;min-width:0;max-width:100%; white-space:normal;overflow-wrap:anywhere;text-align:right; } body #app #view .ms-breakdown dd strong{min-width:0;max-width:100%;overflow-wrap:anywhere} body #app #view .ms-chart figcaption{flex-wrap:wrap} body #app #view .ms-chart figcaption strong, body #app #view .ms-chart-values dd, body #app #view .ms-payment>strong{ min-width:0;max-width:100%;white-space:normal;overflow-wrap:anywhere; } body #app #view .ms-payment>strong{flex:0 1 auto;text-align:right} body #app #view .ms-chart-values dl>div{flex-wrap:wrap;min-width:0} body #app #view .ms-chart-values dd{margin-left:auto} /* Saving prompts use the width left by their icon/action without imposing an intrinsic text width on the surrounding sheet. */ body #app #view .saving-rule-link{flex-wrap:wrap;min-width:0} body #app #view .saving-rule-link>div{flex:1 1 10rem;min-width:0;max-width:100%;overflow-wrap:anywhere} body #app #view .saving-rule-link>.text-btn{margin-left:auto} body #app #view .saving-milestones li>div{flex:1;min-width:0;max-width:100%;overflow-wrap:anywhere} body #app #view .saving-prompt-actions{flex-wrap:wrap} body #app #view .saving-prompt-actions .secondary{min-width:0;flex:1 1 9rem} /* Group names and contribution descriptions are member-written text. Their existing scroll and approval flows stay unchanged. */ body #app #view .gm-page :is(.gm-choice-copy strong,.gm-choice-copy small,.gm-item small,.gm-status,.gm-caption){ min-width:0;max-width:100%;overflow-wrap:anywhere; } /* Wide savings use a value-based reserved line box in both privacy states. Revealing an amount changes only its content, not the card geometry. */ body #app #view :is(.edition-home.everyday-account-home,.hibiscus-account-hierarchy) .everyday-savings-amount.has-wide-savings{ min-height:2.6em;white-space:normal;overflow-wrap:anywhere; } body #app #view :is(.edition-home.everyday-account-home,.hibiscus-account-hierarchy) :is(.has-wide-amount .everyday-available-context,.everyday-available-context.has-wide-context){ min-height:2.8em; } body #app #view :is(.edition-home.everyday-account-home,.hibiscus-account-hierarchy) :is(.has-wide-amount .everyday-available-context,.everyday-available-context.has-wide-context)>strong{ flex:0 1 auto;min-width:0;max-width:65%;min-height:2.8em; white-space:normal;overflow-wrap:anywhere; } @media(max-width:350px){ body #app #view :is(.edition-home.everyday-account-home,.hibiscus-account-hierarchy) .has-wide-amount .everyday-primary-money>strong{ min-height:2.5em; } } /* On phones the illustration shares the caption lane, while the complete amount uses the full row below it. Enlarged figures cannot collide with art. */ @media(max-width:600px){ body #app #view :is(.edition-home.everyday-account-home,.hibiscus-account-hierarchy) .everyday-money-main{ display:block;position:relative;min-height:112px; } body #app #view :is(.edition-home.everyday-account-home,.hibiscus-account-hierarchy) .everyday-primary-money{ display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:64px auto;width:100%; } body #app #view :is(.edition-home.everyday-account-home,.hibiscus-account-hierarchy) .everyday-primary-label{ display:flex;align-items:center;min-height:64px;padding-right:100px;margin:0; } body #app #view :is(.edition-home.everyday-account-home,.hibiscus-account-hierarchy) .everyday-home-art{ display:block!important;position:absolute;right:0;top:0;width:90px;height:64px!important;min-height:0!important;margin:0; } body #app #view :is(.edition-home.everyday-account-home,.hibiscus-account-hierarchy) .everyday-home-art>.scene-art.campus-scene{ display:block!important;width:100%!important;max-width:100%!important;height:64px!important;min-height:0!important;margin:0!important; } body #app #view :is(.edition-home.everyday-account-home,.hibiscus-account-hierarchy) .everyday-primary-money>strong{ white-space:normal;overflow-wrap:anywhere; } body #app #view :is(.edition-home.everyday-account-home,.hibiscus-account-hierarchy) .everyday-available-context.has-wide-context{ flex-direction:column;align-items:stretch;gap:4px; } body #app #view :is(.edition-home.everyday-account-home,.hibiscus-account-hierarchy) .everyday-available-context.has-wide-context>strong{ max-width:100%;min-height:2.8em; } } /* The setup story keeps its content in normal flow on short screens. The existing view scroller can then reach every action instead of overlapping the animation, explanation and buttons inside a forced 100% height. */ body #app #view .screen.screen-samplePause:has(>.pause-intro){height:auto!important;min-height:100%} body #app #view .pause-intro{height:auto;min-height:0} body #app #view .pause-intro-story{flex:1 0 auto} @media(max-width:340px){ body #app #view .vc-main-actions{grid-template-columns:minmax(0,1fr)} } /* Source: savings-hacks.css | sha256:945dc553b498cf6c62dcc2a04f1de8e2185fda40f7b60a5105c6b85b07d80f72 */ /* Shared Money Box savings controls inherit each edition's type and accents. */ .savings-hack-fields,.savings-hack-status{min-width:0;margin:20px 0;padding:18px 0;border-top:1px solid var(--line,rgba(127,127,127,.22));border-bottom:1px solid var(--line,rgba(127,127,127,.22));overflow-wrap:anywhere} .sh-heading{display:flex;align-items:baseline;justify-content:space-between;gap:10px;min-width:0;margin-bottom:12px}.sh-heading h2{font-size:1rem;line-height:1.35;margin:0;min-width:0}.sh-heading>span{font-size:.75rem;flex-shrink:0;color:var(--muted)} .savings-hack-fields .field{min-width:0;margin-bottom:12px}.savings-hack-fields .input{width:100%;max-width:100%;min-width:0;box-sizing:border-box;font:inherit}.savings-hack-fields select{white-space:normal;text-overflow:ellipsis;padding-right:25px} .sh-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:12px}.sh-input-unit{display:flex;align-items:center;min-width:0;gap:8px}.sh-input-unit>input{flex:1;min-width:0}.sh-input-unit>span{font-size:.875rem;color:var(--muted)} .sh-help,.sh-example,.sh-description,.sh-cancel-confirm p{font-size:.8125rem;line-height:1.55;margin:8px 0 12px;overflow-wrap:anywhere}.sh-help,.sh-sample-note{color:var(--muted)}.sh-example{padding:10px 12px;border-radius:10px;background:var(--soft,rgba(127,127,127,.09))}.sh-sample-note{font-size:.6875rem;line-height:1.5;margin:9px 0 0} .sh-limits,.sh-history{min-width:0;font-size:.8125rem}.sh-limits summary,.sh-history summary{cursor:pointer;line-height:1.5;padding:8px 0;overflow-wrap:anywhere}.sh-limits[open] summary{margin-bottom:8px}.sh-limits .field>span{font-size:.8125rem} .sh-consent{display:flex;gap:10px;align-items:flex-start;font-size:.75rem;line-height:1.55;margin-top:10px;cursor:pointer;min-width:0}.sh-consent input{flex:0 0 18px;width:18px;height:18px;margin:2px 0 0;accent-color:var(--ink)}.sh-consent span{min-width:0;overflow-wrap:anywhere} .sh-actions{display:flex;gap:6px 14px;align-items:center;flex-wrap:wrap;min-width:0}.sh-actions>button{width:auto;max-width:100%;white-space:normal;overflow-wrap:anywhere;min-width:0;font-size:.8125rem}.sh-actions .text-btn{padding:8px 0;margin:0;min-height:40px}.sh-cancel-confirm{padding:12px;margin-top:10px;border-radius:10px;background:var(--soft,rgba(127,127,127,.09))}.sh-cancel-confirm p{margin-top:0} .sh-history{margin-top:8px}.sh-history ul{list-style:none;margin:4px 0 0;padding:0}.sh-history li{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:9px 0;border-top:1px solid var(--line,rgba(127,127,127,.16))}.sh-history li>div{display:flex;flex-direction:column;gap:3px;min-width:0}.sh-history strong{font-size:.75rem;font-weight:600;overflow-wrap:anywhere}.sh-history span,.sh-history time{font-size:.6875rem;color:var(--muted);line-height:1.5;overflow-wrap:anywhere}.sh-history time{flex-shrink:0} @media(max-width:350px){.sh-grid{grid-template-columns:minmax(0,1fr)}.savings-hack-fields,.savings-hack-status{padding:14px 0}.sh-consent{gap:8px}.sh-actions{gap:4px 12px}} @media(prefers-reduced-motion:reduce){.savings-hack-fields *,.savings-hack-status *{scroll-behavior:auto}} /* Keep the control with money actions; supporting detail stays below them. */ .sh-priority-control.savings-hack-status{margin:0;padding:0;border:0} .sh-priority-control .sh-heading{margin:0 0 2px} .sh-priority-control:has(.sh-heading){padding:10px 14px;border-radius:12px;background:var(--soft)} .sh-priority-control .sh-actions{justify-content:space-between;gap:4px 12px} .sh-priority-control .sh-cancel-confirm{margin:6px 0 0;padding:10px 0 0;border-top:1px solid var(--line);border-radius:0} .savings-hack-details{min-width:0;margin:18px 0 0;padding-top:12px;border-top:1px solid var(--line);overflow-wrap:anywhere} .sh-info{font-size:.8125rem;min-width:0}.sh-info summary{cursor:pointer;line-height:1.5;padding:8px 0;overflow-wrap:anywhere} .money-box-goal-guide,.payment-auto-saving,.savings-hack-overview,.sh-overview-rule{min-width:0;overflow-wrap:anywhere} .money-box-goal-guide{padding:12px 0;margin:10px 0 16px;border-bottom:1px solid var(--line)} .money-box-goal-guide>p{font-size:.9375rem;line-height:1.5;font-weight:600;margin:0 0 6px} .money-box-goal-guide details,.payment-auto-saving details{font-size:.8125rem;line-height:1.55;color:var(--muted)} .money-box-goal-guide summary,.payment-auto-saving summary,.savings-hack-overview summary{min-height:44px;padding:10px 0;cursor:pointer} .sh-overview-entry{width:100%;margin:12px 0;white-space:normal} .sh-overview-rule{padding:16px 0;border-bottom:1px solid var(--line)} .sh-overview-rule>p{margin:7px 0;line-height:1.5} .sh-overview-rule>button{margin-top:8px;white-space:normal;min-height:44px} .payment-auto-saving{padding-top:10px;margin-top:10px;border-top:1px solid var(--line)} .payment-auto-saving p{margin:5px 0;line-height:1.5} .budget-cycle-obligation-date{grid-column:1/-1;min-width:0} .budget-cycle-obligation-date input{width:100%;min-width:0;box-sizing:border-box} /* Source: page-guidance.css | sha256:21fd44fac142bd5f6a3fdaa6fffc71473b7d37f8cb322ce830fb4d9cdfe88b96 */ /* Supporting education yields the first view to the task and its current data. */ .page-guidance{min-width:0;max-width:100%;margin:18px 0 4px;border-top:1px solid var(--line);font-size:.8125rem;line-height:1.5;overflow-wrap:anywhere} .page-guidance>summary{cursor:pointer;color:var(--muted);font-size:.75rem;line-height:1.5;padding:12px 0;min-height:40px;overflow-wrap:anywhere} .page-guidance[open]>summary{color:var(--ink)} .page-guidance-body{min-width:0;max-width:100%;padding:0 0 4px} .page-guidance-body>p{font-size:.8125rem;line-height:1.55;color:var(--muted);margin:0 0 10px;overflow-wrap:anywhere} .page-guidance .page-guidance-dismiss{display:inline-flex;align-items:center;min-height:40px;width:auto;max-width:100%;padding:8px 0;font-size:.75rem;white-space:normal;overflow-wrap:anywhere;color:var(--ink)} .page-guidance>summary:focus-visible,.page-guidance-dismiss:focus-visible{outline:2px solid var(--ink);outline-offset:3px;border-radius:3px} /* Source: product-finish.css | sha256:ba01a58da3a6b128de99d8d1e1d4a8fac4e526267cdd10eb803cef7102a667b4 */ /* Final, bounded presentation corrections. Edition fonts, artwork, financial amounts, Home privacy geometry and the existing scroll shell stay intact. */ /* A native task has one navigation row. Device/status .topline rows remain. */ body #app .task-sheet-body .product-legacy-nav[hidden]{display:none!important} body #app .task-sheet-body .page-heading>.product-title-echo{ position:absolute!important;width:1px!important;height:1px!important; min-width:0!important;min-height:0!important;padding:0!important;margin:-1px!important; overflow:hidden!important;clip:rect(0,0,0,0)!important;clip-path:inset(50%)!important; white-space:nowrap!important;border:0!important; } body #app .task-sheet-body .page-heading.product-title-only{margin:0!important;padding:0!important} /* Comfortable utility hit areas; the existing icon artwork stays 18–22px. */ body #app .screen :is(.hibiscus-root-chat,.hibiscus-home-chat-entry), body #app .screen .home-header-actions :is(.icon-btn,.avatar), body #app .screen .hibiscus-header-notifications, body #app #lumo-scan-qr.lumo-qr-corner{ flex:0 0 44px!important;width:44px!important;min-width:44px!important; height:44px!important;min-height:44px!important; } body #app .screen .topline>.icon-btn, body #app .task-sheet-chrome>.icon-btn{ width:44px!important;min-width:44px!important;height:44px!important;min-height:44px!important; } body #app .task-sheet-chrome{grid-template-columns:44px minmax(0,1fr) 44px 44px!important} body #app .task-sheet-chrome.has-qr-corner:has(>#lumo-scan-qr:not([hidden])){ grid-template-columns:44px minmax(0,1fr) 44px 44px 44px!important; } /* QR is a fourth child in eligible signed-in onboarding headers. */ body #app .screen .onboarding-page>.topline.has-qr-corner:has(>#lumo-scan-qr:not([hidden])){ grid-template-columns:44px minmax(0,1fr) 44px 44px; } body #app .edition-home.everyday-account-home .home-header-actions, body #app .screen .hibiscus-header-utilities{gap:4px} body #app .edition-home.everyday-account-home .everyday-budget-link, body #app .edition-home.everyday-account-home :is(.everyday-gap,.everyday-pending){min-height:44px!important} @media(max-height:620px){ body #app .edition-home.everyday-account-home .everyday-add-money, body #app .edition-home.everyday-account-home .everyday-home-actions>button{min-height:44px!important} } @media(max-width:359px){ /* 86px wordmark + 4×44px actions + 6px gaps + 8px outer gap = 276px. */ body #app .edition-home.everyday-account-home .home-header-actions, body #app .screen .hibiscus-header-utilities{gap:2px!important} body #app .screen .onboarding-page>.topline.has-qr-corner{gap:4px} } /* Comparable labels/decisions get comparable type. True metadata stays quiet. */ body #app #view .screen .field>span, body #app #view .gm-page .field>span{font-size:.875rem!important;line-height:1.4!important} body #app #view .screen :is(.sh-consent,.sh-cancel-confirm p), body #app #view .gm-page :is(.gm-note,.gm-mandate-choice p,.gm-mandate-preview p,.gm-mandate-summary p,.gm-mandate-rules li,.gm-role-summary>p,.gm-invitation-role>p,.gm-invitation-mandate>p){ font-size:.875rem!important;line-height:1.5!important; } body #app #view .gm-page .gm-person-copy small{font-size:.75rem;line-height:1.4} body #app #view .screen .sh-consent{min-height:44px} /* Inline checkboxes are controls with adjacent captions, not flexible fields. */ body #app #view .screen label.inline:has(>input:is([type=checkbox],[type=radio])){ display:flex;flex-direction:row;flex-wrap:nowrap;align-items:flex-start; gap:10px;min-height:44px;font-size:.875rem;line-height:1.5;cursor:pointer; } body #app #view .screen label.inline>input:is([type=checkbox],[type=radio]){ flex:0 0 20px!important;width:20px!important;min-width:20px!important;max-width:20px!important; height:20px!important;min-height:20px!important;padding:0!important;margin:2px 0 0!important; accent-color:var(--ink); } /* Hibiscus fields need a distinguishable edge, without darkening card dividers. #927e98 is >3:1 against card, paper and sunken surfaces. Keep focus/errors. */ body.hibiscus-edition #app .screen :is(input,select,textarea):not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=range]):not([type=color]):not([type=file]):not(.amount-input):not(:disabled):not([aria-invalid=true]):not(:focus){ border-color:#927e98!important; } body.hibiscus-edition #app .screen .phone-field>span{border-color:#927e98!important} /* Selected people must remain identifiable before delegating approval. */ body.hibiscus-edition #app #view .gm-page .gm-contact.selected .gm-person-copy :is(strong,small){ color:var(--onInk,#fff)!important; } /* Profile facts get the available value column instead of a narrow text strip. */ body.hibiscus-edition #app .screen-profile .account-flow>.soft>.summary-line{ display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:start;gap:12px; } body.hibiscus-edition #app .screen-profile .account-flow>.soft>.summary-line>:is(span,strong){ min-width:0;width:auto;max-width:none!important; } body.hibiscus-edition #app .screen-profile .account-flow>.soft>.summary-line>strong{ text-align:right;overflow-wrap:anywhere; } /* Names can wrap in payment lists; the nowrap money rule must not reach them. */ body #app #view .chat-calendar-payments .row-copy strong{ white-space:normal!important;overflow-wrap:anywhere; } /* Give savings its own full-width row, in both privacy states. This keeps the enlarged amount inside the card without shrinking its text or moving art. */ body #app .screen-home .edition-home.everyday-account-home .everyday-boxes-open{ grid-template-rows:auto auto auto auto;gap:2px 11px; } body #app .screen-home .edition-home.everyday-account-home .everyday-boxes-copy{display:contents} body #app .screen-home .edition-home.everyday-account-home .everyday-boxes-icon{grid-column:1;grid-row:1/span 2} body #app .screen-home .edition-home.everyday-account-home .everyday-boxes-title{ grid-column:2;grid-row:1;white-space:normal!important;overflow-wrap:normal;word-break:normal; } body #app .screen-home .edition-home.everyday-account-home .everyday-boxes-copy>small:not(.everyday-boxes-count){grid-column:2;grid-row:2;margin:0!important} body #app .screen-home .edition-home.everyday-account-home .everyday-savings-amount{grid-column:1/-1;grid-row:3;margin:0!important} body #app .screen-home .edition-home.everyday-account-home .everyday-boxes-count{grid-column:1/-1;grid-row:4;margin:0!important} body #app .screen-home .edition-home.everyday-account-home .everyday-boxes-open>svg{grid-column:3;grid-row:1/span 2} /* Hidden balances need the same intrinsic line reservation as shown balances. Neutral tabular glyphs wrap with the existing currency/whole/cents styles; no private number is duplicated in hidden markup or measured off-screen. */ body #app .screen-home .edition-home.everyday-account-home .everyday-primary-money>strong{ display:grid!important;grid-template-columns:minmax(0,1fr);grid-template-areas:"amount"; } body #app .screen-home .edition-home.everyday-account-home .everyday-primary-money>strong>:is([data-private-value],.product-money-reserve){ grid-area:amount;min-width:0;max-width:100%; } body #app .screen-home .edition-home.everyday-account-home .everyday-primary-money>strong>[data-private-value]{justify-self:start} body #app .screen-home .edition-home.everyday-account-home .product-money-reserve{ visibility:hidden;pointer-events:none;font:inherit!important;line-height:inherit!important; letter-spacing:inherit;white-space:normal;overflow-wrap:anywhere; } body #app .screen-home .product-reserve-currency::before{content:"GH₵"} body #app .screen-home .product-reserve-whole::before{content:"000"} body #app .screen-home .product-money-reserve-wide .product-reserve-whole::before{content:"0,000,000"} body #app .screen-home .product-money-reserve-huge .product-reserve-whole::before{content:"000,000,000,000"} body #app .screen-home .product-reserve-cents::before{content:".00"} body #app .screen-home .edition-home.everyday-account-home .experience-budget-basis{ white-space:normal!important;overflow-wrap:normal; } /* Labels and amounts move to separate lines when their intrinsic sizes need the width. A long amount never crushes a label into a few pixels. */ body #app #view .balance-calculation>div{flex-wrap:wrap;gap:6px 12px} body #app #view .balance-calculation dt{flex:1 1 9em;overflow-wrap:normal;word-break:normal} body #app #view .balance-calculation dd{flex:0 1 auto;min-width:0;max-width:100%;margin-left:auto} body.hibiscus-edition #app .screen-plan .budget-overview-context>span{flex-wrap:wrap;min-width:0;max-width:100%} body.hibiscus-edition #app .screen-plan .budget-overview-context>span strong{max-width:100%;margin-left:auto!important} /* Intrinsic em columns preserve two small cards at ordinary type sizes and form one readable column when the customer enlarges the text. */ body.hibiscus-edition #app .screen-more .you-options{ grid-template-columns:repeat(auto-fit,minmax(min(100%,max(45%,8.5em)),1fr))!important; } body.hibiscus-edition #app .screen-more .you-options>button{ min-width:0;max-width:100%;width:100%; } body.hibiscus-edition #app .screen-more .you-options>button :is(strong,small){min-width:0;max-width:100%;overflow-wrap:anywhere} /* Source: mono-design.css | sha256:97944a016c268b8c3c1bb0f3ca007a35ebb1949d032909267609e14f782d5bad */ /* Lumo / Monochrome. Pure neutrals. Acid lime is the sole chromatic accent. Edition-owned presentation; no financial or interaction authority. */ body.minna-edition{ --mono-ink:#161616;--mono-paper:#fafafa;--mono-surface:#ffffff;--mono-soft:#f0f0f0; --mono-line:#e2e2e2;--mono-muted:#6c6c6c;--mono-acid:#d7ff3f; --ink:#161616;--muted:#6c6c6c;--paper:#fafafa;--white:#ffffff;--soft:#f0f0f0;--line:#e2e2e2; --green:#d7ff3f;--red:#161616;--green-ink:#161616;--green-soft:#f0f0f0; --lumo-green:#d7ff3f;--brand-green:#d7ff3f;--lumo-accent:#d7ff3f; --onInk:#ffffff;--focus-ink:#161616;--control-line:#888888;--control-border:#888888; --radius:20px;--curve-panel:20px;--curve-control:12px;--curve-bubble:20px;--task-sheet-curve:28px; --bold-lens-colour:#d7ff3f;--native-gutter:24px; background:#eeeeee;color:#161616;font-family:'Manrope UI',sans-serif; font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased; } body.minna-edition #app{background:#fafafa;color:#161616;border:1px solid #d5d5d5;box-shadow:0 20px 70px #0000000b} body.minna-edition #app .screen{background:#fafafa;color:#161616;padding:20px 24px 26px;} body.minna-edition #app :is(h1,h2,h3){color:inherit;font-weight:600;letter-spacing:-.045em;text-wrap:balance} body.minna-edition #app h1{font-size:2rem;line-height:1.14} body.minna-edition #app h2{font-size:1.25rem;line-height:1.25} body.minna-edition #app h3{font-size:1rem;line-height:1.35;letter-spacing:-.025em} body.minna-edition #app p{line-height:1.5} body.minna-edition #app :is(.muted,.small,.mini-label,.eyebrow){color:#6c6c6c} body.minna-edition #app :is(.eyebrow,.mini-label){font-size:.8125rem;letter-spacing:.08em;font-weight:600} body.minna-edition #app :is(.page-heading,.destination-heading){margin:20px 0 26px;padding:0} body.minna-edition #app .page-heading>p{font-size:.9375rem;margin-top:10px;max-width:34ch} body.minna-edition #app :is(.primary,.secondary,.danger){ min-height:52px;padding:14px 18px!important;border-radius:12px!important; font-size:.9375rem!important;font-weight:600;line-height:1.35;letter-spacing:-.015em;box-shadow:none!important; } body.minna-edition #app .primary{background:#161616!important;border:1px solid #161616!important;color:#fff!important} body.minna-edition #app .secondary{background:#fff!important;border:1px solid #dedede!important;color:#161616!important} body.minna-edition #app .danger{background:#fff!important;border:1px solid #161616!important;color:#161616!important} body.minna-edition #app :is(button,a,input,select,textarea,summary):focus-visible{outline:2px solid #161616;outline-offset:4px} body.minna-edition #app :is(button,a){-webkit-tap-highlight-color:transparent;touch-action:manipulation} body.minna-edition #app button{transition:background .16s ease,color .16s ease,opacity .16s ease} body.minna-edition #app button:disabled{opacity:.45;cursor:not-allowed} body.minna-edition #app .text-btn{color:inherit;text-decoration:none!important;min-height:44px;padding:10px 3px;font-weight:600;font-size:.8125rem} body.minna-edition #app .actions{gap:10px;margin-top:24px} body.minna-edition #app :is(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]),textarea,select){ background:#fff;border:1px solid #888888;border-radius:12px;color:#161616;min-height:54px;padding:14px 16px;font-size:1rem;box-shadow:none; } body.minna-edition #app :is(input,select,textarea):focus{border-color:#161616;box-shadow:0 0 0 1px #161616;outline:none} body.minna-edition #app :is(input,textarea)::placeholder{color:#767676;opacity:1} body.minna-edition #app .field{margin:18px 0} body.minna-edition #app .field>span{font-weight:600;color:#161616;margin-bottom:8px} body.minna-edition #app input:is([type=checkbox],[type=radio]){accent-color:#161616} body.minna-edition #app .toggle{background:#cfcfcf!important} body.minna-edition #app .toggle:checked{background:#161616!important} body.minna-edition #app :is(.card,.receipt,.soft,.notice,.money-note){background:#fff;border:1px solid #e2e2e2;border-radius:20px;padding:20px;box-shadow:none} body.minna-edition #app :is(.notice,.soft){background:#f0f0f0;border-color:transparent} body.minna-edition #app :is(.notice,.money-note)>p{font-size:.875rem} body.minna-edition #app :is(.receipt,.summary-line) strong{font-weight:600} body.minna-edition #app .summary-line{padding:14px 0;border-color:#e2e2e2;font-size:.875rem} body.minna-edition #app .progress{height:4px;background:#e2e2e2!important;border-radius:4px!important;overflow:hidden} body.minna-edition #app .progress-bar{background:#161616!important;border-radius:4px!important} body.minna-edition #app :is(.pill,.chip){background:#f0f0f0;color:#161616;border:1px solid transparent;border-radius:100px;font-size:.75rem;padding:6px 10px} body.minna-edition #app :is(.pill.selected,.chip.selected){background:#161616!important;color:#fff!important;border-color:#161616!important} body.minna-edition #app :is(.icon-btn,.avatar){border:0;border-radius:50%!important;background:#f0f0f0;color:#161616} body.minna-edition #app .topline{margin-bottom:22px;align-items:center} body.minna-edition #app .topline>.icon-btn{background:#f0f0f0!important} body.minna-edition #app .scene-art{display:none!important;filter:grayscale(1)!important;background:transparent!important} body.minna-edition #app :is(.welcome-art-stage,.welcome-illustration,.destination-stage,.simple-plan-art,.chat-illustration,.contextual-chat-art){display:none!important} body.minna-edition #app :is(.illustration,.welcome-illustration,.identity-card,.money-art){filter:grayscale(1)} body.minna-edition #app :is(.positive,.negative,.success,.warning,.error,.danger-text,.status-good,.status-bad,.status-pending,#error,[id$="-error"]){color:#161616!important} body.minna-edition #app :is([aria-invalid=true],.input-error){border-color:#161616!important;box-shadow:0 0 0 1px #161616} body.minna-edition #app .status-dot{background:#161616!important} body.minna-edition #app :is(.page-guidance,.page-guidance-panel){border-radius:16px;background:#f0f0f0;border-color:#e2e2e2} body.minna-edition #app details{border-color:#e2e2e2} body.minna-edition #app summary{min-height:44px;font-size:.8125rem;font-weight:600;align-content:center} /* Native task surface. The existing controller owns focus, history and scroll. */ body.minna-edition #app .task-sheet{background:#fafafa;border-radius:28px 28px 0 0;border-color:#d5d5d5;box-shadow:0 -12px 60px #0000000d} body.minna-edition #app .task-sheet-body{background:#fafafa} body.minna-edition #app .task-sheet-chrome{background:#fafafa;border-bottom:1px solid #e7e7e7;min-height:76px;padding:20px 12px 10px} body.minna-edition #app .task-sheet-grab{background:#cecece;width:28px;height:3px;top:8px} body.minna-edition #app .task-sheet-chrome #task-sheet-title{font-size:.875rem;font-weight:600;letter-spacing:-.02em} body.minna-edition #app .task-sheet-chrome .icon-btn{border:0!important;border-radius:50%!important;background:transparent!important;color:#161616!important} body.minna-edition #app .task-sheet-backdrop{background:#00000066} body.minna-edition #app .task-sheet-body>.screen{padding-top:24px} body.minna-edition #app .mono-pause-options{margin-top:12px;padding:0;border:0;border-top:1px solid #444;border-radius:0;background:transparent;color:#fff} body.minna-edition #app .mono-pause-options>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;list-style:none;padding:14px 0;min-height:48px;color:#dedede!important;font-size:.75rem} body.minna-edition #app .mono-pause-options>summary::-webkit-details-marker{display:none} body.minna-edition #app .mono-pause-options[open]>summary>svg{transform:rotate(90deg)} body.minna-edition #app .mono-pause-options>.text-btn{width:100%;color:#fff;font-size:.8125rem;text-align:left;padding:12px 0} /* Root navigation gives each destination a stable place and a quiet active cue. */ body.minna-edition #nav{border-top:1px solid #e2e2e2;background:#fafafa;border-radius:0;padding:8px 12px calc(10px + env(safe-area-inset-bottom));gap:3px} body.minna-edition #nav .nav-item{border-radius:14px;background:transparent!important;color:#6c6c6c;min-height:60px;gap:5px;font-size:.75rem;line-height:1.3;font-weight:500;padding:0 2px} body.minna-edition #nav .nav-item.active{background:transparent!important;color:#161616;font-weight:700} body.minna-edition #nav .nav-item svg{box-sizing:content-box;width:21px!important;height:21px!important;padding:7px 13px!important;border-radius:12px!important;background:transparent!important;stroke-width:1.7} body.minna-edition #nav .nav-item.active svg{background:#d7ff3f!important;stroke-width:1.9} body.minna-edition #app .prototype-boundary{background:#fafafa;border:0;color:#767676;font-size:.75rem;padding:4px 12px;line-height:1.4} body.minna-edition #toast{background:#161616;color:#fff;border-radius:16px;padding:15px 20px} /* Consistent header controls. */ body.minna-edition #app .screen :is(.hibiscus-root-header,.home-greeting){padding:0!important;margin:0 0 26px!important;min-height:44px;gap:8px} body.minna-edition #app .home-greeting .actual-wordmark{width:88px!important;min-width:88px!important} body.minna-edition #app .home-header-actions{gap:4px} body.minna-edition #app .screen .home-header-actions :is(.icon-btn,.avatar,.hibiscus-home-chat-entry), body.minna-edition #app .screen :is(.hibiscus-root-chat,.hibiscus-header-you,.hibiscus-header-notifications), body.minna-edition #app #lumo-scan-qr.lumo-qr-corner{background:transparent!important;border:0!important;border-radius:50%!important;color:#161616!important} body.minna-edition #app .daily-unread-badge{background:#161616!important;color:#fff!important} body.minna-edition #app .screen .hibiscus-root-header{display:flex!important;flex-wrap:wrap;justify-content:flex-end;row-gap:0} body.minna-edition #app .screen .hibiscus-root-header>h1{position:static!important;order:2;width:100%!important;height:auto!important;min-height:0!important;clip:auto!important;clip-path:none!important;overflow:visible!important;white-space:normal!important;font-size:2rem!important;line-height:1.15;letter-spacing:-.05em;margin:22px 0 0!important;flex:1 0 100%} body.minna-edition #app #view .screen-pay .focus-pay-heading>h1{display:none!important} /* Home. A single figure first, supporting facts and purposeful actions second. */ body.minna-edition #app .screen-home{padding:20px 24px 20px!important} body.minna-edition #app .mono-home-intro{margin:0 0 24px} body.minna-edition #app .mono-home-intro>p{font-size:1.75rem;font-weight:600;letter-spacing:-.045em;line-height:1.2;margin:0 0 6px} body.minna-edition #app .mono-home-intro>span{font-size:.8125rem;color:#6c6c6c} body.minna-edition #app .mono-home .mono-money-card{background:#161616!important;color:#fff;border:0!important;border-radius:24px!important;padding:23px 24px 0!important;margin:0!important;overflow:hidden} body.minna-edition #app .mono-home .everyday-account-heading{align-items:flex-start;gap:12px;padding:0;margin:0 0 28px;display:flex;justify-content:space-between} body.minna-edition #app .mono-home .everyday-account-heading h2{font-size:.75rem!important;font-weight:600!important;color:#fff!important;letter-spacing:.025em;line-height:1.4} body.minna-edition #app .mono-home .everyday-account-heading :is(p,.experience-budget-basis){color:#c4c4c4!important;font-size:.8125rem!important;line-height:1.4!important;margin:4px 0 0;min-height:1.4em} body.minna-edition #app .mono-home .balance-eye{background:#333!important;border:0!important;color:#fff!important;border-radius:50%!important;width:36px!important;height:36px!important;min-height:36px!important;min-width:36px!important;padding:9px} body.minna-edition #app .mono-home .balance-eye svg{color:inherit;stroke:currentColor;width:18px;height:18px} body.minna-edition #app .mono-home .everyday-primary-money{display:block;width:100%;padding:0!important;margin:0!important;background:transparent!important;text-align:left;border:0;color:#fff!important} body.minna-edition #app .mono-home .everyday-primary-label{font-size:.8125rem!important;line-height:1.4!important;color:#c4c4c4!important;font-weight:400!important;margin:0 0 9px;display:block} body.minna-edition #app .mono-home .everyday-primary-money>strong{font-size:clamp(2.25rem,11vw,3.5rem)!important;font-weight:500!important;line-height:1.13!important;letter-spacing:-.06em!important;color:#fff!important;margin:0!important;padding:0!important;background:none!important;width:100%!important;max-width:100%;white-space:normal!important} body.minna-edition #app .mono-home .everyday-primary-money>strong :is(.currency,.money-currency){font-size:.39em!important;line-height:1;letter-spacing:-.02em;vertical-align:baseline;margin-right:5px;color:#c4c4c4!important;top:auto} body.minna-edition #app .mono-home .everyday-primary-money>strong .cents{font-size:.58em!important;letter-spacing:-.04em;color:#fff!important} body.minna-edition #app .mono-home .everyday-primary-money>strong .whole{overflow-wrap:anywhere;white-space:normal} body.minna-edition #app .mono-home .has-huge-amount .everyday-primary-money>strong{font-size:2.5rem!important} body.minna-edition #app .mono-home .mono-available-row{display:flex;justify-content:space-between;flex-wrap:wrap;align-items:baseline;gap:4px 12px;margin:18px 0 0;padding:0;border:0;color:#c4c4c4!important;font-size:.8125rem!important} body.minna-edition #app .mono-home .mono-available-row>strong{font-size:.8125rem!important;color:#fff!important;font-weight:500;white-space:normal} body.minna-edition #app .mono-home .mono-budget-link{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:52px!important;margin:21px 0 0!important;padding:14px 0!important;border:0!important;border-top:1px solid #3c3c3c!important;background:transparent!important;color:#fff!important;font-size:.75rem!important;text-align:left;font-weight:500} body.minna-edition #app .mono-home .mono-budget-link>svg{width:22px;height:22px;padding:3px;background:#d7ff3f;color:#161616;border-radius:50%} body.minna-edition #app .mono-home .mono-home-actions{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important;margin:24px 0!important} body.minna-edition #app .mono-home .mono-quick-action{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;gap:9px!important;min-height:80px!important;padding:0!important;border:0!important;background:transparent!important;color:#161616!important;font-size:.75rem!important;font-weight:600!important;border-radius:0!important} body.minna-edition #app .mono-home .mono-action-icon{display:grid;place-items:center;width:52px;height:52px;border-radius:18px;background:#eeeeee;color:#161616} body.minna-edition #app .mono-home .mono-action-acid .mono-action-icon{background:#d7ff3f} body.minna-edition #app .mono-home .mono-boxes-card{padding:0!important;margin:0!important;border:1px solid #e2e2e2!important;border-radius:20px!important;background:#fff!important} body.minna-edition #app .mono-home .everyday-boxes-open{display:grid!important;grid-template-columns:40px minmax(0,1fr) 18px!important;grid-template-rows:auto auto!important;gap:0 12px!important;padding:20px!important;min-height:122px!important;width:100%;text-align:left;background:transparent!important;border:0!important;color:#161616} body.minna-edition #app .mono-home .mono-box-symbol{grid-column:1;grid-row:1;display:grid;place-items:center;width:40px;height:40px;border-radius:14px;background:#f0f0f0} body.minna-edition #app .mono-home .mono-box-copy{grid-column:2;grid-row:1;display:flex!important;flex-direction:column;align-items:flex-start!important;grid-template-columns:none!important;min-width:0;gap:4px!important;text-align:left!important} body.minna-edition #app .mono-home .mono-box-copy>*{grid-area:auto!important;width:auto!important;max-width:100%;margin:0!important;text-align:left!important} body.minna-edition #app .mono-home .mono-box-copy>strong{font-size:.9375rem;font-weight:600;line-height:1.3;letter-spacing:-.025em;white-space:normal} body.minna-edition #app .mono-home .mono-box-copy>small{font-size:.75rem;color:#6c6c6c;line-height:1.4} body.minna-edition #app .mono-home .everyday-boxes-open>svg{grid-column:3!important;grid-row:1!important;margin-top:10px} body.minna-edition #app .mono-home .everyday-savings-amount{grid-column:2/-1!important;grid-row:2!important;font-size:1.75rem!important;font-weight:500!important;letter-spacing:-.045em!important;line-height:1.2!important;margin:12px 0 0!important;padding:0!important;color:#161616!important;white-space:normal!important;overflow-wrap:anywhere;min-height:1.2em} body.minna-edition #app .mono-home .everyday-savings-amount .currency{font-size:.6em} body.minna-edition #app .mono-home .everyday-savings-amount{display:grid!important;grid-template-columns:minmax(0,1fr);grid-template-areas:"savings"} body.minna-edition #app .mono-home .everyday-savings-amount>:is([data-private-value],.mono-savings-reserve){grid-area:savings;min-width:0;max-width:100%;white-space:normal!important;overflow-wrap:anywhere} body.minna-edition #app .mono-home .mono-savings-reserve{visibility:hidden;pointer-events:none;font:inherit!important;line-height:inherit!important;letter-spacing:inherit} body.minna-edition #app .mono-savings-reserve::before{content:"GH₵000.00"} body.minna-edition #app .has-wide-savings .mono-savings-reserve::before{content:"GH₵0,000,000.00"} body.minna-edition #app .has-huge-savings .mono-savings-reserve::before{content:"GH₵000,000,000,000.00"} body.minna-edition #app .mono-home-alert{display:flex;align-items:center;gap:10px;width:100%;min-height:48px;padding:12px 2px;border:0;border-bottom:1px solid #dedede;background:transparent;font-size:.75rem;color:#161616;text-align:left} body.minna-edition #app .mono-home-alert>span{flex:1} /* Welcome. A new graphic signature, with space around its few words. */ body.minna-edition #app .screen.screen-welcome:has(.mono-welcome){display:flex;padding:28px 28px 16px!important;min-height:100%} body.minna-edition #app .mono-welcome{display:flex;flex:1 0 auto;flex-direction:column;min-height:calc(100dvh - 72px);color:#161616;background:#fafafa} body.minna-edition #app .mono-welcome-brand{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:36px} body.minna-edition #app .mono-welcome-brand .actual-wordmark{width:90px!important;min-width:90px!important;filter:none} body.minna-edition #app .mono-welcome-brand>span{font-size:.75rem;font-weight:500;color:#6c6c6c} body.minna-edition #app .mono-welcome-picture{display:grid;place-items:center;flex:1 1 auto;min-height:180px;margin:14px -8px 10px} body.minna-edition #app .mono-aperture{width:100%;max-width:320px;height:auto;max-height:250px} body.minna-edition #app .mono-welcome-copy{margin:0 0 28px} body.minna-edition #app .mono-kicker{font-size:.75rem;letter-spacing:.12em;line-height:1.5;font-weight:600;margin:0 0 12px;color:#6c6c6c} body.minna-edition #app .mono-welcome h1{font-size:clamp(2.5rem,11vw,3.375rem)!important;line-height:1.04!important;letter-spacing:-.07em!important;font-weight:500!important;margin:0 0 18px!important;max-width:12ch} body.minna-edition #app .mono-welcome-copy>p:last-child{font-size:.9375rem;line-height:1.5;color:#6c6c6c;margin:0} body.minna-edition #app .mono-welcome-actions>.actions{margin:0!important;gap:10px} body.minna-edition #app .mono-welcome-actions .primary{background:#d7ff3f!important;border-color:#d7ff3f!important;color:#161616!important} body.minna-edition #app .mono-welcome-actions .secondary{background:transparent!important;border-color:#dedede!important} body.minna-edition #app .mono-welcome-actions .actions>.text-btn{font-size:.8125rem!important;color:#6c6c6c;min-height:36px;padding:8px 0!important} body.minna-edition #app .mono-welcome-actions>.getting-started-sample{width:100%;font-size:.75rem;margin:3px 0 0;padding:10px 0;min-height:40px} body.minna-edition #app .mono-welcome-actions>.welcome-utilities{display:flex;justify-content:center;gap:24px;margin:0} body.minna-edition #app .mono-welcome-actions>.welcome-utilities>.text-btn{font-size:.8125rem;color:#6c6c6c;min-height:40px;padding:8px 0!important} body.minna-edition #app .mono-demo-note{text-align:center;font-size:.75rem;color:#767676;margin:8px 0 0} /* Setup, account access and recovery share one calm form language. */ body.minna-edition #app .onboarding-page{padding:0!important} body.minna-edition #app .onboarding-page .progress{margin:8px 0 0} body.minna-edition #app .onboarding-page .page-heading{margin-top:30px} body.minna-edition #app .onboarding-page .page-heading h1{font-size:2.125rem;font-weight:500} body.minna-edition #app .onboarding-page :is(.identity-card,.soft,.notice){border-radius:20px;background:#f0f0f0;border:0} body.minna-edition #app :is(.phone-field>span,.code-input,.pin-input){background:#fff;border-color:#888888;border-radius:12px;color:#161616} body.minna-edition #app .code-input{letter-spacing:.3em} body.minna-edition #app .screen :is(.onboarding-page,.account-flow,.simple-plan-setup) :is(.card,.soft,.notice,.receipt){border:1px solid #e2e2e2;border-radius:20px;background:#fff;padding:20px;color:#161616} body.minna-edition #app .screen .onboarding-page .notice{border:0;border-radius:16px;background:#f0f0f0;padding:18px} body.minna-edition #app .ambassador-boundary{background:#f0f0f0!important;color:#161616;border-radius:18px;border:0;padding:18px} body.minna-edition #app .ambassador-intro{color:#6c6c6c!important} body.minna-edition #app .test-step::before{color:#6c6c6c!important} body.minna-edition #app .demo-options{background:#f0f0f0;border:0;border-radius:12px;padding:8px 14px;font-size:.75rem;color:#6c6c6c} body.minna-edition #app :is(.success-icon,.status-icon,.round-icon){background:#f0f0f0!important;color:#161616!important;border-radius:50%} /* Desktop presents the app as a finished object, with the same mobile layout. */ body.minna-edition .desktop-note{width:300px;gap:48px;color:#161616;padding:36px 0} body.minna-edition .desktop-note .actual-wordmark{width:105px} body.minna-edition .desktop-note .eyebrow{font-size:.75rem;letter-spacing:.15em;color:#6c6c6c} body.minna-edition .desktop-note h2{font-size:3.75rem;font-weight:500;letter-spacing:-.07em;line-height:1.02;margin:22px 0} body.minna-edition .desktop-note p{font-size:.9375rem;color:#6c6c6c;line-height:1.6} body.minna-edition .desktop-note .pill{border:1px solid #cecece;border-radius:30px;padding:7px 12px;font-size:.75rem;letter-spacing:.1em;background:transparent} @media(min-width:900px){ body.minna-edition{padding:28px 40px;gap:80px} body.minna-edition #app{height:calc(100dvh - 56px);min-height:0;border-radius:30px;max-height:1000px} body.minna-edition .desktop-note{min-height:calc(100dvh - 56px);top:28px} body.minna-edition #app .mono-welcome{min-height:calc(100dvh - 126px)} } @media(max-width:899px){body.minna-edition{background:#fafafa}body.minna-edition #app{border:0;box-shadow:none}} @media(max-width:359px){ body.minna-edition #app .screen .topline.has-qr-corner:has(>#lumo-scan-qr:not([hidden])){display:grid!important;grid-template-columns:44px minmax(0,1fr) 44px 44px!important;row-gap:6px} body.minna-edition #app .screen .topline.has-qr-corner:has(>#lumo-scan-qr:not([hidden]))>.eyebrow{grid-column:1/-1;grid-row:2;width:100%;overflow-wrap:normal!important;word-break:normal!important;letter-spacing:.04em;line-height:1.4;text-align:left;padding:6px 2px} body.minna-edition #app .screen .topline.has-qr-corner:has(>#lumo-scan-qr:not([hidden]))>.icon-btn:first-child{grid-column:1;grid-row:1} body.minna-edition #app .screen .topline.has-qr-corner:has(>#lumo-scan-qr:not([hidden]))>.icon-btn:last-of-type{grid-column:3;grid-row:1} body.minna-edition #app .screen .topline.has-qr-corner>#lumo-scan-qr{grid-column:4;grid-row:1} body.minna-edition #app .task-sheet-chrome, body.minna-edition #app .task-sheet-chrome.has-qr-corner:has(>#lumo-scan-qr:not([hidden])){grid-template-columns:44px minmax(0,1fr) 44px 44px!important;row-gap:2px;padding-bottom:12px} body.minna-edition #app .task-sheet-chrome .task-sheet-back{grid-column:1;grid-row:1} body.minna-edition #app .task-sheet-chrome .task-sheet-help{grid-column:2;grid-row:1;justify-self:end} body.minna-edition #app .task-sheet-chrome #lumo-scan-qr{grid-column:3;grid-row:1} body.minna-edition #app .task-sheet-chrome .task-sheet-close{grid-column:4;grid-row:1} body.minna-edition #app .task-sheet-chrome #task-sheet-title{grid-column:1/-1;grid-row:2;width:100%;padding:7px 8px 0;font-size:.9375rem;line-height:1.3;letter-spacing:-.02em;overflow-wrap:normal;word-break:normal} body.minna-edition #app .screen .onboarding-page>.topline .eyebrow{overflow-wrap:normal!important;word-break:normal!important;hyphens:none;letter-spacing:.04em;line-height:1.4;text-align:center} body.minna-edition #app .screen{padding-left:20px;padding-right:20px} body.minna-edition #app .screen-home{padding-left:20px!important;padding-right:20px!important} body.minna-edition #app .mono-home .mono-money-card{padding-left:20px!important;padding-right:20px!important} body.minna-edition #app .mono-home .everyday-primary-money>strong{font-size:2.6rem!important} body.minna-edition #app .mono-home .everyday-boxes-open{padding:18px!important;grid-template-columns:36px minmax(0,1fr) 16px!important;gap:0 9px!important} body.minna-edition #app .mono-root-header>h1{font-size:1.5rem!important} body.minna-edition #app .screen.screen-welcome:has(.mono-welcome){padding:22px 22px 14px!important} } @media(max-height:720px){ body.minna-edition #app .screen-home{padding-top:14px!important} body.minna-edition #app .mono-home .home-greeting{margin-bottom:18px!important} body.minna-edition #app .mono-home-intro{margin-bottom:18px} body.minna-edition #app .mono-home-intro>p{font-size:1.5rem} body.minna-edition #app .mono-home .everyday-account-heading{margin-bottom:20px} body.minna-edition #app .mono-home .mono-home-actions{margin:20px 0!important} body.minna-edition #app .mono-home .everyday-boxes-open{min-height:110px!important;padding:17px!important} body.minna-edition #app .mono-welcome-picture{min-height:120px;margin:2px -8px} body.minna-edition #app .mono-aperture{max-height:155px} body.minna-edition #app .mono-welcome-copy{margin-bottom:20px} body.minna-edition #app .mono-welcome h1{font-size:2.5rem!important;margin-bottom:12px!important} body.minna-edition #app .mono-welcome-copy>p:last-child{font-size:.8125rem} } @media(prefers-reduced-motion:reduce){body.minna-edition *,body.minna-edition *::before,body.minna-edition *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}} /* Source: mono-planning.css | sha256:4fbdbc7a4da8a2630fb0969fcb9e499d2165b96a47aa8075bebcca89672272f2 */ /* Lumo / monochrome planning. Presentation only. All figures, mandates, rules and actions come from the existing product controllers. Loaded after the shared feature styles. */ /* Plan is a pair of clear account surfaces, with the Budget itself in view. */ body.minna-edition #app #view .plan-hub{display:block;min-width:0} body.minna-edition #app #view .plan-hub .plan-hub-heading{margin:10px 0 25px} body.minna-edition #app #view .plan-hub .plan-hub-heading h1{font-size:32px;font-weight:600;letter-spacing:-.045em;line-height:1.12} body.minna-edition #app #view .plan-hub :is(.plan-budget-section,.plan-boxes-section){margin:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none} body.minna-edition #app #view .plan-hub .plan-section-heading{display:flex;align-items:center;gap:12px;margin:0 0 16px} body.minna-edition #app #view .plan-hub .plan-section-heading h2{font-size:19px;font-weight:600;line-height:1.3;letter-spacing:-.025em} body.minna-edition #app #view .plan-hub .plan-section-heading>div>span{display:block;margin-top:3px;font-size:12px;color:var(--mono-muted)} body.minna-edition #app #view .plan-hub .plan-section-icon{display:grid;place-items:center;flex:none;width:42px;height:42px;border:1px solid var(--mono-line);border-radius:13px;background:var(--mono-surface);color:var(--mono-ink)} body.minna-edition #app #view .plan-hub .plan-section-icon svg{width:21px;height:21px} body.minna-edition #app #view .plan-hub .budget-overview-summary{display:block;padding:19px 20px 16px;border:0;border-radius:20px;background:var(--mono-soft);margin:0} body.minna-edition #app #view .plan-hub .budget-overview-total-label{gap:6px 12px;align-items:center} body.minna-edition #app #view .plan-hub .budget-overview-total-label>span{font-size:13px;color:var(--mono-muted);font-weight:500} body.minna-edition #app #view .plan-hub .budget-overview-period{color:var(--mono-ink);font-size:12px;min-height:44px;padding:5px 0} body.minna-edition #app #view .plan-hub .budget-overview-summary>.plan-hub-amount{display:block;font-size:40px;font-weight:550;letter-spacing:-.055em;line-height:1.16;margin:1px 0 15px;overflow-wrap:anywhere} body.minna-edition #app #view .plan-hub .plan-hub-amount .balance-number{font-size:inherit;line-height:inherit} body.minna-edition #app #view .plan-hub .budget-overview-context{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin:0;padding-top:13px;border-top:1px solid #dcdcdc;gap:16px} body.minna-edition #app #view .plan-hub .budget-overview-context-single{grid-template-columns:1fr} body.minna-edition #app #view .plan-hub .budget-overview-context>span{font-size:12px;line-height:1.5;color:var(--mono-muted)} body.minna-edition #app #view .plan-hub .budget-overview-context strong{font-size:17px;font-weight:600;line-height:1.4;margin-top:4px;color:var(--mono-ink);overflow-wrap:anywhere;white-space:normal} body.minna-edition #app #view .plan-hub .plan-hub-shortfall{display:flex;gap:7px;align-items:flex-start;padding:10px 0 0;margin:8px 0 0;font-size:13px;color:var(--mono-ink);border-top:1px solid #dcdcdc} body.minna-edition #app #view .plan-hub .plan-hub-shortfall svg{flex:none;margin-top:2px} body.minna-edition #app #view .plan-hub .plan-hub-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:14px 0 0} body.minna-edition #app #view .plan-hub .plan-hub-actions>button{min-height:48px;padding:11px 10px;font-size:13px;line-height:1.4;min-width:0} body.minna-edition #app #view .plan-hub .budget-overview-items{margin:17px 0 0;border-top:0} body.minna-edition #app #view .plan-hub .budget-overview-item{min-height:58px;padding:13px 2px;border-color:var(--mono-line)} body.minna-edition #app #view .plan-hub .budget-overview-item>span>strong{font-size:14px;line-height:1.4;font-weight:550;letter-spacing:-.01em} body.minna-edition #app #view .budget-overview-item small{font-size:12px;color:var(--mono-muted);margin-top:4px} body.minna-edition #app #view .budget-overview-item-amount{font-size:14px;font-weight:600;gap:8px;max-width:56%;white-space:normal;text-align:right;overflow-wrap:anywhere} body.minna-edition #app #view .budget-overview-item-amount>svg{flex:none;width:16px;height:16px;color:var(--mono-muted)} body.minna-edition #app #view .plan-hub .plan-hub-details{margin:10px 0 0;border:0;background:transparent;border-radius:0} body.minna-edition #app #view .plan-hub .plan-hub-details>summary{min-height:48px;font-size:13px;font-weight:500;padding:12px 1px;color:var(--mono-muted);border:0} body.minna-edition #app #view .plan-hub .plan-hub-details[open]{padding-bottom:8px} body.minna-edition #app #view .plan-hub .plan-hub-detail-actions{padding:0;border-top:1px solid var(--mono-line)} body.minna-edition #app #view .plan-hub .plan-hub-detail-actions>.row{padding:14px 0} body.minna-edition #app #view .plan-hub .plan-boxes-section{margin-top:24px;padding:20px;border:1px solid var(--mono-line);border-radius:20px;background:var(--mono-surface)} body.minna-edition #app #view .plan-hub .plan-boxes-section .plan-section-heading{margin-bottom:16px;padding-right:0} body.minna-edition #app #view .plan-hub .plan-boxes-section .plan-section-icon{border:0;background:var(--mono-soft)} body.minna-edition #app #view .plan-hub .plan-boxes-section .plan-hub-amount{display:block;position:static;inset:auto;font-size:30px;font-weight:550;line-height:1.2;letter-spacing:-.04em;margin:0} body.minna-edition #app #view .plan-hub .plan-hub-facts{font-size:12px;color:var(--mono-muted);line-height:1.5;margin:5px 0 0} body.minna-edition #app #view .plan-hub .plan-hub-empty{font-size:14px;line-height:1.5;margin:6px 0 0;color:var(--mono-muted)} body.minna-edition #app #view .plan-hub .plan-boxes-section .plan-hub-actions{margin-top:17px} body.minna-edition #app #view .plan-hub .budget-items-disclosure{display:block;width:100%;margin:12px 0 0} body.minna-edition #app #view .plan-hub .budget-items-disclosure>summary{display:flex;align-items:center;gap:8px;min-height:46px;padding:10px 0;border:0;border-radius:0;background:transparent;color:var(--mono-ink);font-size:13px;font-weight:550} body.minna-edition #app #view .plan-hub .budget-items-disclosure>summary>svg{margin-left:auto} body.minna-edition #app #view .budget-items-count{background:var(--mono-soft);color:var(--mono-ink)} body.minna-edition #app #view .plan-hub .budget-overview-tools{display:block;width:100%;margin-top:0} body.minna-edition #app #view .plan-hub button.budget-readability-item{padding:14px 0!important;min-height:63px!important;gap:7px!important} body.minna-edition #app #view .budget-line-top>strong{font-size:14px!important;line-height:1.4;font-weight:550!important;letter-spacing:-.01em} body.minna-edition #app #view .budget-line-top>.budget-overview-item-amount{font-size:14px!important;max-width:57%;white-space:normal;flex-wrap:wrap;gap:3px 6px} body.minna-edition #app #view :is(.budget-line-figures,.budget-line-notes){font-size:12px;line-height:1.5;color:var(--mono-muted)} body.minna-edition #app #view .budget-line-notes>[data-budget-over]{color:var(--mono-ink)} body.minna-edition #app #view .budget-readable-period{padding:13px 0;margin:0 0 12px;font-size:13px;border-color:var(--mono-line)} body.minna-edition #app #view .budget-readable-period>strong{font-size:14px;font-weight:550} body.minna-edition #app #view .plan-hub .budget-start-copy{padding:18px 19px;margin:0;border:0;border-radius:18px;background:var(--mono-soft)} body.minna-edition #app #view .budget-start-copy h3{font-size:22px;font-weight:550;line-height:1.25;letter-spacing:-.03em;margin:0 0 9px} body.minna-edition #app #view .budget-start-copy p{font-size:14px;line-height:1.55;color:var(--mono-muted)} body.minna-edition #app #view .budget-start-copy .budget-start-note{font-size:12px;line-height:1.55;margin:10px 0 0} body.minna-edition #app #view .budget-clarity-example{padding:18px;border-radius:18px;background:var(--mono-soft);border:0} body.minna-edition #app #view .budget-clarity-example p{font-size:13px;line-height:1.55} /* Budget editors and suggestions share an open ledger rhythm. */ body.minna-edition #app #view :is(.budget-overview-edit-total,.budget-conclusion,.outlook-conclusion,.budget-estimate-result){padding:18px 20px;border:0;border-radius:18px;background:var(--mono-soft);margin:18px 0} body.minna-edition #app #view .budget-overview-edit-total>span{font-size:13px;color:var(--mono-muted)} body.minna-edition #app #view .budget-overview-edit-total>strong{font-size:34px;font-weight:550;letter-spacing:-.045em;line-height:1.2} body.minna-edition #app #view .budget-category-original{padding:17px 0;border-color:var(--mono-line)} body.minna-edition #app #view .budget-category-original>div:first-child{font-size:15px;line-height:1.5;gap:12px} body.minna-edition #app #view .budget-category-original>div:first-child strong{max-width:55%;white-space:normal;overflow-wrap:anywhere;text-align:right} body.minna-edition #app #view .budget-category-original-actions{gap:10px;margin-top:14px} body.minna-edition #app #view .budget-category-original-actions>button{flex:1;min-height:44px;font-size:13px} body.minna-edition #app #view :is(.budget-delete-action,.budget-delete-confirm){color:var(--mono-ink)} body.minna-edition #app #view .budget-history-column-labels{font-size:12px;padding:8px 0 10px;border-bottom:1px solid var(--mono-line);color:var(--mono-muted)} body.minna-edition #app #view .budget-history-items{gap:0} body.minna-edition #app #view .budget-history-item{padding:11px 0;border-bottom:1px solid var(--mono-line);gap:12px} body.minna-edition #app #view .budget-history-include{font-size:14px;line-height:1.45;gap:10px} body.minna-edition #app #view .budget-history-projection{margin-top:15px;padding:15px 0;font-size:14px;font-weight:550;border-color:var(--mono-line)} body.minna-edition #app #view :is(.budget-history-actions,.budget-overview-edit .actions,.budget-category-detail .actions){margin-top:18px;gap:9px} body.minna-edition #app #view .budget-cycle-items{border-top:0;margin-top:9px} body.minna-edition #app #view .budget-cycle-item{padding:13px 0;gap:12px;border-color:var(--mono-line)} body.minna-edition #app #view .budget-cycle-choose{font-size:14px;font-weight:550;line-height:1.45} body.minna-edition #app #view .budget-cycle-dates{gap:12px} body.minna-edition #app #view .budget-guide-start .plan-benefit-example{padding:18px;border-radius:18px;background:var(--mono-soft);border:0} body.minna-edition #app #view .budget-guide-review-items .summary-line{padding:12px 0;font-size:14px;border-color:var(--mono-line)} body.minna-edition #app #view .budget-guide-review-calculation{padding-top:10px} body.minna-edition #app #view :is(.first-cost-list,.budget-review-breakdown){border-color:var(--mono-line)} body.minna-edition #app #view :is(.first-plan-conclusion,.budget-review-insight){background:var(--mono-soft);color:var(--mono-ink);border:0;border-radius:18px;padding:18px} body.minna-edition #app #view .first-plan-conclusion :is(strong,span,p){color:var(--mono-ink)} body.minna-edition #app #view .first-plan-conclusion .consequence-headline{font-size:32px;font-weight:550;letter-spacing:-.045em;line-height:1.18} body.minna-edition #app #view .first-plan-math{padding:13px 0;border-color:var(--mono-line)} body.minna-edition #app #view .plan-setup-progress{color:var(--mono-muted)} body.minna-edition #app #view .simple-plan-art{filter:grayscale(1)} body.minna-edition #app #view .outlook-daily-value{font-size:35px;line-height:1.18;letter-spacing:-.045em;font-weight:550;color:var(--mono-ink)} body.minna-edition #app #view .outlook-period{font-size:13px;color:var(--mono-muted);line-height:1.5} body.minna-edition #app #view .budget-review-totals{background:var(--mono-soft);border:0;border-radius:18px;padding:18px} body.minna-edition #app #view .budget-review-category{padding:14px 0;border-color:var(--mono-line)} /* Money Boxes: one savings account, then distinct purposes. */ body.minna-edition #app #view :is(.screen-goals,.screen-goal)>.hero{padding:23px 22px;margin:16px 0 20px;border:0;border-radius:22px;background:var(--mono-ink);color:#fff;text-align:left;box-shadow:none} body.minna-edition #app #view :is(.screen-goals,.screen-goal)>.hero :is(p,span,strong,.balance-main){color:#fff} body.minna-edition #app #view :is(.screen-goals,.screen-goal)>.hero p.small{font-size:12px;line-height:1.5;color:#c4c4c4;margin:0 0 8px} body.minna-edition #app #view :is(.screen-goals,.screen-goal)>.hero .balance-main{font-size:41px;font-weight:550;letter-spacing:-.05em;line-height:1.18;margin:0} body.minna-edition #app #view :is(.screen-goals,.screen-goal)>.hero .balance-number{font-size:inherit;line-height:inherit} body.minna-edition #app #view :is(.screen-goals,.screen-goal)>.hero .progress{height:5px;background:#454545!important;border:0;border-radius:10px!important;margin:18px 0 2px} body.minna-edition #app #view :is(.screen-goals,.screen-goal)>.hero .progress-bar{background:var(--mono-acid)!important;border-radius:10px!important} body.minna-edition #app #view .screen-goals .goal-summary.card{display:block;text-align:left;width:100%;padding:19px 18px;margin:0 0 11px;border:1px solid var(--mono-line);border-radius:18px;background:var(--mono-surface);color:var(--mono-ink);box-shadow:none} body.minna-edition #app #view .screen-goals .goal-summary.card h3{font-size:17px;font-weight:600;letter-spacing:-.02em;line-height:1.4;margin:0} body.minna-edition #app #view .screen-goals .goal-summary.card p.small{font-size:12px;line-height:1.5;margin:7px 0 0;color:var(--mono-muted)} body.minna-edition #app #view .screen-goals .goal-summary.card .progress{height:5px;border-radius:10px;background:var(--mono-soft);margin:16px 0 0} body.minna-edition #app #view .screen-goals .goal-summary.card .progress-bar{background:var(--mono-ink);border-radius:10px} body.minna-edition #app #view .screen-goals>.actions{margin-top:20px} body.minna-edition #app #view .screen-goal>.actions{gap:9px;margin-top:18px} body.minna-edition #app #view .screen-goal>.actions>.text-btn{min-height:44px;font-size:13px} body.minna-edition #app #view .screen-goal>.small.muted{font-size:13px;line-height:1.6;color:var(--mono-muted);margin:17px 0} body.minna-edition #app #view .box-protection-fields{padding:18px 0;border-color:var(--mono-line)} body.minna-edition #app #view .box-protection-status{border-color:var(--mono-line);color:var(--mono-ink)} body.minna-edition #app #view :is(.partner-code-panel,.protection-sample-message){background:var(--mono-soft);color:var(--mono-ink);border-color:var(--mono-line);border-radius:16px} body.minna-edition #app #view .protection-toggle{font-size:14px;line-height:1.5} body.minna-edition #app #view :is(#partner-verification-code,#protection-verification-code,#invitation-verification-code){border-radius:12px;letter-spacing:.08em;background:var(--mono-surface);color:var(--mono-ink)} body.minna-edition #app #view details.protection-simulation{padding:0;border:0;border-block:1px solid var(--mono-line);border-radius:0;background:transparent;color:var(--mono-ink)} body.minna-edition #app #view p.protection-simulation{padding:0;border:0;background:transparent;color:var(--mono-muted);font-size:13px;line-height:1.5} body.minna-edition #app #view .protection-support.notice{padding:16px;border:0;border-radius:16px;background:var(--mono-soft);color:var(--mono-ink)} /* Savings hacks stay with the fund/return actions; detail remains optional. */ body.minna-edition #app #view .savings-hack-fields{margin:23px 0;padding:20px 0;border-color:var(--mono-line)} body.minna-edition #app #view .sh-heading{margin-bottom:14px;gap:10px;flex-wrap:wrap} body.minna-edition #app #view .sh-heading h2{font-size:17px;font-weight:600;letter-spacing:-.02em} body.minna-edition #app #view .sh-heading>span{font-size:12px;color:var(--mono-muted)} body.minna-edition #app #view :is(.sh-help,.sh-description,.sh-example){font-size:13px;line-height:1.55} body.minna-edition #app #view .sh-example{padding:13px 14px;margin:12px 0;background:var(--mono-soft);border:0;border-radius:12px;color:var(--mono-ink)} body.minna-edition #app #view .sh-grid{gap:13px} body.minna-edition #app #view .sh-consent{font-size:13px;line-height:1.6;gap:11px;margin-top:15px} body.minna-edition #app #view .sh-consent input{width:20px;height:20px;flex:0 0 20px;margin-top:2px;accent-color:var(--mono-ink)} body.minna-edition #app #view :is(.sh-limits,.sh-history,.sh-info){font-size:13px;line-height:1.55} body.minna-edition #app #view :is(.sh-limits,.sh-history,.sh-info)>summary{min-height:44px;padding:12px 0;line-height:1.5;color:var(--mono-muted)} body.minna-edition #app #view .sh-priority-control:has(.sh-heading){margin:2px 0 0;padding:15px 16px;border:1px solid var(--mono-line);border-radius:14px;background:var(--mono-soft)} body.minna-edition #app #view .sh-priority-control .sh-heading{margin:0 0 5px;align-items:center} body.minna-edition #app #view .sh-priority-control .sh-heading h2{font-size:14px} body.minna-edition #app #view .sh-actions{gap:5px 12px} body.minna-edition #app #view .sh-actions>.text-btn{font-size:13px;min-height:44px;padding:8px 0;color:var(--mono-ink)} body.minna-edition #app #view .savings-hack-details{margin-top:20px;padding-top:4px;border-color:var(--mono-line)} body.minna-edition #app #view .sh-cancel-confirm{background:var(--mono-soft);border-radius:12px;padding:14px} body.minna-edition #app #view .sh-history li{padding:12px 0;border-color:var(--mono-line);gap:12px} body.minna-edition #app #view .sh-history strong{font-size:13px;line-height:1.45} body.minna-edition #app #view .sh-history :is(span,time){font-size:13px;color:var(--mono-muted)} body.minna-edition #app #view .saving-milestone-amount{padding:19px 20px;margin:18px 0;border:0;border-radius:18px;background:var(--mono-soft)} body.minna-edition #app #view .saving-milestone-amount>span{font-size:13px;color:var(--mono-muted)} body.minna-edition #app #view .saving-milestone-amount>strong{display:block;font-size:36px;font-weight:550;letter-spacing:-.045em;line-height:1.2;margin:8px 0} body.minna-edition #app #view .saving-milestone-amount .balance-number{font-size:inherit!important;white-space:normal;overflow-wrap:anywhere} body.minna-edition #app #view .saving-milestone-amount>p{font-size:13px;line-height:1.5;color:var(--mono-muted)} body.minna-edition #app #view .saving-milestone-amount .progress{margin-top:15px} body.minna-edition #app #view .saving-milestones li{padding:16px 0;border-color:var(--mono-line)} body.minna-edition #app #view .saving-milestones li>span:first-child{background:var(--mono-acid);color:var(--mono-ink)} body.minna-edition #app #view .saving-milestones small{font-size:12px;line-height:1.55;color:var(--mono-muted)} /* Shared costs and collections use the same quiet, explicit account language. */ body.minna-edition #app #view .gm-page{font-size:14px;line-height:1.5;background:transparent} body.minna-edition #app #view .gm-page :is(.gm-heading h1,.page-heading h1){font-size:30px;line-height:1.15;font-weight:600;letter-spacing:-.04em} body.minna-edition #app #view .gm-page :is(.gm-heading p,.page-heading p){font-size:14px;line-height:1.55;margin-top:9px;color:var(--mono-muted)} body.minna-edition #app #view .gm-page .gm-choice-row{min-height:84px;padding:17px 15px;gap:13px;border:1px solid var(--mono-line);border-radius:18px;background:var(--mono-surface);color:var(--mono-ink)} body.minna-edition #app #view .gm-page .gm-choice-icon{width:42px;height:42px;border-radius:13px;background:var(--mono-soft);color:var(--mono-ink)} body.minna-edition #app #view .gm-page .gm-choice-copy strong{font-size:15px;font-weight:600;line-height:1.4;letter-spacing:-.015em} body.minna-edition #app #view .gm-page .gm-choice-copy small{font-size:12px;line-height:1.5;margin-top:5px;color:var(--mono-muted)} body.minna-edition #app #view .gm-page .gm-hub-tools{gap:9px;margin:15px 0 7px} body.minna-edition #app #view .gm-page .gm-hub-tools .secondary{min-height:46px;font-size:12px} body.minna-edition #app #view .gm-page .gm-hero{margin:0 0 17px;padding:20px;border:0;border-radius:20px;background:var(--mono-soft)} body.minna-edition #app #view .gm-page .gm-overline{font-size:12px;line-height:1.5;color:var(--mono-muted);margin:0 0 7px} body.minna-edition #app #view .gm-page .gm-amount{font-size:40px;font-weight:550;letter-spacing:-.05em;line-height:1.18;color:var(--mono-ink)} body.minna-edition #app #view .gm-page .gm-caption{font-size:12px;line-height:1.55;color:var(--mono-muted);margin-top:8px} body.minna-edition #app #view .gm-page .gm-progress{height:5px;background:#d9d9d9;border-radius:8px;margin-top:17px} body.minna-edition #app #view .gm-page .gm-progress>span{background:var(--mono-ink);border-radius:8px} body.minna-edition #app #view .gm-page .gm-tabs{gap:7px;margin:0 0 15px} body.minna-edition #app #view .gm-page .gm-tabs .chip{min-height:44px;padding:9px 12px;font-size:12px;line-height:1.4;border-radius:10px;background:var(--mono-soft);border-color:transparent;color:var(--mono-ink)} body.minna-edition #app #view .gm-page .gm-tabs .chip.selected{background:var(--mono-ink)!important;color:#fff!important;border-color:var(--mono-ink)!important} body.minna-edition #app #view .gm-page .field{margin-bottom:17px} body.minna-edition #app #view .gm-page .field>span{font-size:13px;font-weight:550;line-height:1.45;margin-bottom:8px;color:var(--mono-ink)} body.minna-edition #app #view .gm-page .field :is(input,select,textarea){min-height:50px;padding:12px 13px;border-radius:12px;background:var(--mono-surface);border-color:#c9c9c9;font-size:16px;color:var(--mono-ink)} body.minna-edition #app #view .gm-page .gm-note{padding:13px 14px;margin:13px 0;background:var(--mono-soft);border:0;border-radius:12px;font-size:13px;line-height:1.55;color:var(--mono-muted)} body.minna-edition #app #view .gm-page .gm-person{min-height:72px;padding:13px 0;gap:11px;border-color:var(--mono-line)} body.minna-edition #app #view .gm-page .gm-avatar{width:36px;height:36px;border-radius:50%;background:var(--mono-soft);color:var(--mono-ink);font-size:13px} body.minna-edition #app #view .gm-page .gm-person-copy strong{font-size:14px;line-height:1.4;font-weight:550} body.minna-edition #app #view .gm-page .gm-person-copy small{font-size:12px;line-height:1.45;color:var(--mono-muted);margin-top:4px} body.minna-edition #app #view .gm-page .gm-person-amount{font-size:14px;font-weight:600} body.minna-edition #app #view .gm-page .gm-summary>div,body.minna-edition #app #view .gm-page .gm-summary dl>div{font-size:13px;line-height:1.5;padding:13px 0;border-color:var(--mono-line)} body.minna-edition #app #view .gm-page .gm-summary dt{color:var(--mono-muted)} body.minna-edition #app #view .gm-page .gm-summary dd{font-weight:550;color:var(--mono-ink)} body.minna-edition #app #view .gm-page .gm-status{padding:5px 9px;border-radius:7px;background:var(--mono-soft);color:var(--mono-ink);font-size:13px;font-weight:600} body.minna-edition #app #view .gm-page .gm-item{min-height:79px;padding:15px 0;gap:12px;border-color:var(--mono-line)} body.minna-edition #app #view .gm-page .gm-item strong{font-size:14px;font-weight:550;line-height:1.4} body.minna-edition #app #view .gm-page .gm-item small{font-size:12px;line-height:1.5;color:var(--mono-muted)} body.minna-edition #app #view .gm-page .gm-section-head{min-height:48px;margin:12px 0 1px} body.minna-edition #app #view .gm-page .gm-section-head h2{font-size:16px;font-weight:600;letter-spacing:-.02em;line-height:1.4} body.minna-edition #app #view .gm-page .gm-empty{padding:35px 12px;text-align:left} body.minna-edition #app #view .gm-page .gm-empty>svg{display:block;margin-bottom:17px} body.minna-edition #app #view .gm-page .gm-empty h2{font-size:22px;font-weight:600;letter-spacing:-.035em;line-height:1.25;margin-bottom:9px} body.minna-edition #app #view .gm-page .gm-empty p{font-size:14px;line-height:1.6;max-width:32ch;margin:0;color:var(--mono-muted)} body.minna-edition #app #view .gm-page .gm-contact{min-height:70px;padding:13px 10px;gap:11px;border-radius:12px;border-bottom:0;margin-bottom:4px;color:var(--mono-ink)} body.minna-edition #app #view .gm-page .gm-contact.selected{background:var(--mono-soft)!important;color:var(--mono-ink)!important;border-color:var(--mono-line)!important} body.minna-edition #app #view .gm-page .gm-contact.selected :is(strong,small){color:var(--mono-ink)!important} body.minna-edition #app #view .gm-page .gm-contact.selected .gm-contact-check{background:var(--mono-acid);border-color:var(--mono-acid);color:var(--mono-ink)} body.minna-edition #app #view .gm-page .gm-contact-check{width:29px;height:29px;border:1px solid #c9c9c9;color:var(--mono-ink)} body.minna-edition #app #view .gm-page .gm-mandate-choice{padding:17px 0;border-color:var(--mono-line);margin-bottom:14px} body.minna-edition #app #view .gm-page .gm-mandate-choice h2{font-size:15px;font-weight:600;margin-bottom:12px} body.minna-edition #app #view .gm-page .gm-mandate-choice p{font-size:13px;line-height:1.55;color:var(--mono-muted)} body.minna-edition #app #view .gm-page :is(.gm-mandate-card,.gm-mandate-preview){padding:17px;border:1px solid var(--mono-line);border-radius:16px;background:var(--mono-surface);margin:16px 0} body.minna-edition #app #view .gm-page .gm-mandate-card{min-height:78px} body.minna-edition #app #view .gm-page :is(.gm-mandate-card strong,.gm-mandate-preview h2){font-size:15px;font-weight:600;line-height:1.4} body.minna-edition #app #view .gm-page :is(.gm-mandate-card small,.gm-mandate-preview p){font-size:12px;line-height:1.55;color:var(--mono-muted);margin-top:5px} body.minna-edition #app #view .gm-page .gm-mandate-summary{padding:4px 0 18px;margin-bottom:12px;border-color:var(--mono-line)} body.minna-edition #app #view .gm-page .gm-mandate-summary h2{font-size:25px;font-weight:550;letter-spacing:-.035em;line-height:1.2;margin:15px 0 9px} body.minna-edition #app #view .gm-page .gm-mandate-summary p{font-size:13px;line-height:1.6;color:var(--mono-muted)} body.minna-edition #app #view .gm-page .gm-mandate-rules li{font-size:14px;line-height:1.6;padding:10px 0 10px 4px} body.minna-edition #app #view .gm-page .gm-role-summary{padding:10px 0 18px;border-color:var(--mono-line);margin-bottom:15px} body.minna-edition #app #view .gm-page .gm-role-summary h2{font-size:23px;font-weight:550;letter-spacing:-.03em;line-height:1.25;margin:13px 0 10px} body.minna-edition #app #view .gm-page .gm-role-summary>p{font-size:13px;line-height:1.6;color:var(--mono-muted)} body.minna-edition #app #view .gm-page :is(.gm-invitation-role>p,.gm-invitation-mandate>p){font-size:13px;line-height:1.6;color:var(--mono-muted)} body.minna-edition #app #view .gm-page .gm-actions{margin-top:18px;gap:8px;background:transparent} body.minna-edition #app #view .gm-page .gm-actions :is(.primary,.secondary,.danger){min-height:49px;padding:12px 14px;font-size:14px;line-height:1.4;border-radius:12px!important} body.minna-edition #app #view .gm-page .gm-actions .text-btn{font-size:13px;min-height:44px} body.minna-edition #app #view .gm-page .gm-boundary{font-size:12px;color:var(--mono-muted);margin-top:13px;line-height:1.5} body.minna-edition #app #view .gm-page :is(.gm-error,#error){color:var(--mono-ink);font-size:13px;font-weight:550;line-height:1.5} body.minna-edition #app #view .gm-page details{border-color:var(--mono-line)} body.minna-edition #app #view .gm-page details>summary{font-size:13px;min-height:46px;color:var(--mono-muted)} /* A single scrolling task surface also accommodates enlarged text on tall phones. Pinning both the heading and actions can leave a zero-height nested body, so the complete collection page participates in normal flow. */ body.minna-edition #app .task-sheet-body#view:has(>.screen>.gm-page){display:block;flex:1 1 0;min-height:0;overflow-x:hidden;overflow-y:auto} body.minna-edition #app .task-sheet-body#view>.screen:has(>.gm-page){display:block;flex:none;height:auto;min-height:0;max-height:none;overflow:visible} body.minna-edition #app .task-sheet-body#view .gm-page{display:block;flex:none;height:auto;min-height:0;max-height:none;overflow:visible} body.minna-edition #app .task-sheet-body#view .gm-page .gm-body{flex:none;height:auto;min-height:0;max-height:none;overflow:visible} body.minna-edition #app .task-sheet-body#view .gm-page .gm-form{display:block;flex:none;height:auto;min-height:0;max-height:none;overflow:visible} body.minna-edition #app .task-sheet-body#view .gm-page .gm-actions{position:static;flex:none} /* Preserve readable money and usable actions on smaller devices. */ @media(max-width:359px){ body.minna-edition #app #view .plan-hub .budget-overview-summary{padding:17px 16px} body.minna-edition #app #view .plan-hub .budget-overview-summary>.plan-hub-amount{font-size:35px} body.minna-edition #app #view .plan-hub .plan-boxes-section{padding:17px 16px} body.minna-edition #app #view .plan-hub .budget-overview-actions{grid-template-columns:1fr} body.minna-edition #app #view .plan-hub .budget-overview-context{gap:10px} body.minna-edition #app #view .plan-hub .budget-overview-context strong{font-size:15px} body.minna-edition #app #view :is(.screen-goals,.screen-goal)>.hero{padding:21px 18px} body.minna-edition #app #view :is(.screen-goals,.screen-goal)>.hero .balance-main{font-size:35px} body.minna-edition #app #view .gm-page .gm-choice-row{padding:15px 12px;gap:10px} body.minna-edition #app #view .gm-page .gm-choice-icon{width:36px;height:36px} body.minna-edition #app #view .gm-page .gm-person{gap:8px} body.minna-edition #app #view .gm-page .gm-avatar{width:32px;height:32px} body.minna-edition #app #view .gm-page .gm-hero{padding:17px} body.minna-edition #app #view .gm-page .gm-amount{font-size:35px} body.minna-edition #app #view .sh-grid{grid-template-columns:1fr} } @media(max-height:700px){ body.minna-edition #app #view .plan-hub .plan-hub-heading{margin:7px 0 19px} body.minna-edition #app #view .plan-hub .plan-boxes-section{margin-top:20px} body.minna-edition #app #view .plan-hub .plan-hub-actions>button{font-size:13px!important;min-height:46px!important;padding:11px 9px!important} body.minna-edition #app #view .gm-page .gm-choice-row{min-height:76px;padding-block:13px} body.minna-edition #app #view .gm-page .gm-actions{margin-top:13px} body.minna-edition #app #view .gm-page .gm-empty{padding-block:25px} } @media(prefers-reduced-motion:reduce){ body.minna-edition #app #view :is(.plan-hub,.gm-page,.savings-hack-fields,.savings-hack-status,.screen-goals,.screen-goal) *{scroll-behavior:auto;transition:none;animation:none} } /* Source: mono-payments.css | sha256:df3980e686c59df26aaaf7d260d8a72438d7825db2012705613f286b2dbc6b2b */ /* Lumo Mono · money in motion. Presentation only. Payment authority, timed Pause, QR decoding, approval, virtual-card ledger and all recovery destinations remain in their owners. */ /* A quiet progress line keeps the customer oriented without repeating titles. */ body.minna-edition #app .screen .transaction-stage{ margin:0 0 18px;padding:0 0 12px;border:0;border-bottom:1px solid var(--mono-line,#e2e2e2); border-radius:0;background:transparent;color:var(--mono-muted,#6c6c6c);font-size:13px;line-height:1.4;letter-spacing:.02em; } body.minna-edition #app .screen .transaction-stage strong{font-weight:600;color:var(--mono-ink,#161616);margin-left:5px} body.minna-edition #app .transaction-stage-dots{gap:4px} body.minna-edition #app .transaction-stage-dots i{width:16px;height:3px;border-radius:2px;background:var(--mono-line,#e2e2e2)} body.minna-edition #app .transaction-stage-dots :is(i.active,i.is-complete){background:var(--mono-ink,#161616)} body.minna-edition #app .screen .payment-balance{ margin:0 0 16px;padding:0 0 12px;background:transparent;border:0;border-bottom:1px solid var(--mono-line,#e2e2e2); font-size:12px;line-height:1.5;gap:8px;box-shadow:none; } body.minna-edition #app .screen .payment-balance>span{color:var(--mono-muted,#6c6c6c)} body.minna-edition #app .screen .payment-balance>strong{color:var(--mono-ink,#161616);font-size:14px;font-weight:650;letter-spacing:-.02em} /* Payments overview: compact segmented navigation and generous destination rows. */ body.minna-edition #app .screen-pay .focus-pay-heading{margin:5px 0 22px} body.minna-edition #app .screen-pay .focus-pay-heading h1{font-size:34px;line-height:1.12;letter-spacing:-.045em;font-weight:650} body.minna-edition #app .screen-pay .focus-pay-heading p{font-size:14px;line-height:1.5;max-width:32ch;color:var(--mono-muted,#6c6c6c)} body.minna-edition #app .screen-pay .pay-hero.focus-pay-art{width:100%;margin:0} body.minna-edition #app .screen-pay .pay-hero.focus-pay-art .scene-art{height:72px!important;margin:0 0 18px!important;filter:grayscale(1)!important;opacity:.85} body.minna-edition #app .screen-pay .pay-tabs{display:flex;gap:4px;padding:4px;margin:0 0 18px;border:0;border-radius:14px;background:var(--mono-soft,#f0f0f0)} body.minna-edition #app .screen-pay .pay-tabs button{flex:1;min-height:44px;padding:10px 6px;border:0;border-radius:10px;background:transparent;color:var(--mono-muted,#6c6c6c);font-size:13px;font-weight:600;line-height:1.35;box-shadow:none} body.minna-edition #app .screen-pay .pay-tabs button[aria-selected=true]{background:var(--mono-surface,#fff);color:var(--mono-ink,#161616);box-shadow:0 1px 4px #00000008} body.minna-edition #app .screen-pay .pay-option-list{border:0;border-radius:0;background:transparent} body.minna-edition #app .screen-pay .pay-option-list .row{min-height:76px;padding:15px 0;border:0;border-bottom:1px solid var(--mono-line,#e2e2e2);border-radius:0;background:transparent;gap:13px} body.minna-edition #app .screen-pay .pay-option-list .row :is(.avatar,.row-icon){display:grid;place-items:center;width:44px;height:44px;flex:0 0 44px;border:0;border-radius:14px;background:var(--mono-soft,#f0f0f0);color:var(--mono-ink,#161616)} body.minna-edition #app .screen-pay .pay-option-list .row-copy strong{font-size:15px;font-weight:650;letter-spacing:-.02em} body.minna-edition #app .screen-pay .pay-option-list .row-copy :is(small,.muted){font-size:12px;line-height:1.45;color:var(--mono-muted,#6c6c6c)} body.minna-edition #app .screen-pay .compact-draft{margin:0 0 18px;padding:14px 16px;min-height:56px;border:1px solid var(--mono-line,#e2e2e2);border-radius:14px;background:var(--mono-surface,#fff);color:var(--mono-ink,#161616)} body.minna-edition #app .screen-pay .pay-utilities{gap:8px;margin-top:14px} body.minna-edition #app .screen-pay .vc-pay-entry{margin-top:16px;border-color:var(--mono-line,#e2e2e2)} body.minna-edition #app .screen-pay .row-icon{border-color:var(--mono-line,#e2e2e2)!important} body.minna-edition #app .compact-draft{border-color:var(--mono-line,#e2e2e2)!important;background:var(--mono-soft,#f0f0f0);color:var(--mono-ink,#161616)} /* Amount entry: the number gets the space, with the consequence beneath it. */ body.minna-edition #app .screen [data-payment-entry] .hero{padding:0;margin:4px 0 22px;gap:6px!important;text-align:left} body.minna-edition #app .screen [data-payment-entry] .hero>h1{font-size:29px;line-height:1.18;font-weight:650;letter-spacing:-.04em;color:var(--mono-ink,#161616)} body.minna-edition #app .screen [data-payment-entry] .hero p{font-size:14px;line-height:1.5;color:var(--mono-muted,#6c6c6c)} body.minna-edition #app .screen :is([data-payment-entry],.virtual-card-funding,.vc-funded-create) .payment-amount-row{ display:flex;align-items:baseline;gap:10px;min-width:0;min-height:92px;margin:6px 0 2px;padding:15px 16px; border:1px solid var(--mono-line,#e2e2e2);border-radius:16px;background:var(--mono-soft,#f0f0f0);box-shadow:none; } body.minna-edition #app .screen :is([data-payment-entry],.virtual-card-funding,.vc-funded-create) .payment-amount-row:focus-within{border-color:var(--mono-ink,#161616);box-shadow:0 0 0 1px var(--mono-ink,#161616)} body.minna-edition #app :is(.screen-momoAdd,.screen-requestCreate) .payment-amount-row{display:flex;align-items:baseline;gap:10px;min-width:0;min-height:86px;padding:15px 16px;border:1px solid var(--mono-line,#e2e2e2);border-radius:16px;background:var(--mono-soft,#f0f0f0);box-shadow:none} body.minna-edition #app :is(.screen-momoAdd,.screen-requestCreate) .payment-amount-row:focus-within{border-color:var(--mono-ink,#161616);box-shadow:0 0 0 1px var(--mono-ink,#161616)} body.minna-edition #app :is(.screen-momoAdd,.screen-requestCreate) .payment-currency{flex:none;font-size:19px;font-weight:500;color:var(--mono-ink,#161616);line-height:1.2} body.minna-edition #app :is(.screen-momoAdd,.screen-requestCreate) .payment-amount-row .amount-input{min-width:0;min-height:0!important;width:100%;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;color:var(--mono-ink,#161616)!important;font-size:42px!important;line-height:1.2!important;font-weight:550;letter-spacing:-.055em;text-align:left!important;box-shadow:none!important;outline:none!important} body.minna-edition #app .screen :is([data-payment-entry],.virtual-card-funding,.vc-funded-create) .payment-currency{flex:none;font-size:19px;font-weight:500;color:var(--mono-ink,#161616);letter-spacing:-.02em;line-height:1.2} body.minna-edition #app .task-sheet-layer .screen [data-payment-entry] .amount-input, body.minna-edition #app .screen :is([data-payment-entry],.virtual-card-funding,.vc-funded-create) .payment-amount-row .amount-input{ min-width:0;min-height:0!important;width:100%;padding:0!important;border:0!important;border-radius:0!important; background:transparent!important;color:var(--mono-ink,#161616)!important;font-size:42px!important;line-height:1.2!important; font-weight:550;letter-spacing:-.055em;box-shadow:none!important;outline:none!important; } body.minna-edition #app .screen [data-payment-entry] .payment-projection{margin:14px 0 18px} body.minna-edition #app .screen .payment-projection{box-shadow:none!important} body.minna-edition #app .screen [data-payment-entry] .entry-consequence, body.minna-edition #app .screen [data-payment-entry] .entry-consequence.lumo-lens-small{ padding:13px 14px;border:0;border-left:3px solid var(--mono-acid,#d7ff3f);border-radius:0 12px 12px 0; background:var(--mono-soft,#f0f0f0);box-shadow:none;gap:10px; } body.minna-edition #app .screen [data-payment-entry] .entry-consequence-copy, body.minna-edition #app .screen [data-payment-entry] .entry-consequence-copy.lumo-lens-value{ margin:3px 0 0;padding:0;color:var(--mono-ink,#161616)!important;background:transparent!important; font-size:14px;line-height:1.5;font-weight:600;letter-spacing:-.015em;box-shadow:none; } body.minna-edition #app .screen [data-payment-entry] .entry-consequence-label{color:var(--mono-muted,#6c6c6c);font-size:13px;line-height:1.5;font-weight:500} body.minna-edition #app .screen [data-payment-entry] .projection-placeholder{font-size:12px;line-height:1.5;color:var(--mono-muted,#6c6c6c)} body.minna-edition #app .screen [data-payment-entry] .entry-category{margin:10px 0 14px;color:var(--mono-muted,#6c6c6c);font-size:12px} body.minna-edition #app .screen [data-payment-entry] .category-chip{border:1px solid var(--mono-line,#e2e2e2);border-radius:999px;min-height:38px;padding:8px 13px;background:var(--mono-surface,#fff);color:var(--mono-ink,#161616);font-size:12px} body.minna-edition #app .screen [data-payment-entry] .payment-plan-link{margin:16px 0 0;padding:0;border:0;background:transparent} body.minna-edition #app .screen [data-payment-entry] .payment-plan-link select{min-height:50px;border:1px solid var(--mono-line,#e2e2e2);border-radius:12px;background:var(--mono-surface,#fff);color:var(--mono-ink,#161616)} body.minna-edition #app .screen :is(.payment-plan-choice,.recipient-search){border:0;border-top:1px solid var(--mono-line,#e2e2e2);border-radius:0;background:transparent} body.minna-edition #app .screen :is(.payment-plan-choice,.recipient-search)>summary{min-height:48px;font-size:13px;font-weight:550} /* Review and receipts are clear records, with a single amount above the facts. */ body.minna-edition #app .screen-paymentReview .focus-payment-title{margin:8px 0 24px;padding:0;border:0;background:transparent;border-radius:0;text-align:left} body.minna-edition #app .screen-paymentReview .focus-payment-title :is(.eyebrow,small){color:var(--mono-muted,#6c6c6c);font-size:12px;line-height:1.5} body.minna-edition #app .task-sheet-layer .screen-paymentReview .focus-payment-title h1, body.minna-edition #app .screen-paymentReview .focus-payment-title h1{font-size:46px!important;line-height:1.15;font-weight:550;letter-spacing:-.055em;color:var(--mono-ink,#161616);margin:8px 0 12px} body.minna-edition #app .screen-paymentReview .focus-payment-title p{font-size:15px;line-height:1.5;margin:0 0 5px;color:var(--mono-ink,#161616)} body.minna-edition #app :is(.screen-paymentReview,.screen-txDetail,.screen-requestCreate,.screen-requestDetail,.screen-requestConfirm,.screen-momoAdd,.screen-bankAdd,.virtual-card-review) :is(.receipt,.focus-receipt){ padding:5px 16px;border:1px solid var(--mono-line,#e2e2e2);border-radius:18px;background:var(--mono-surface,#fff);box-shadow:none; } body.minna-edition #app .screen-paymentReview .focus-receipt>div, body.minna-edition #app .screen .receipt .summary-line{padding:13px 0;border-color:var(--mono-line,#e2e2e2);gap:10px;font-size:13px;line-height:1.5} body.minna-edition #app .screen-paymentReview .focus-receipt>div>span, body.minna-edition #app .screen .receipt .summary-line>span{color:var(--mono-muted,#6c6c6c)} body.minna-edition #app .screen-paymentReview .focus-receipt>div>strong, body.minna-edition #app .screen .receipt .summary-line>strong{font-weight:600;color:var(--mono-ink,#161616);overflow-wrap:anywhere} body.minna-edition #app .screen-paymentReview .focus-receipt .focus-total{border-color:var(--mono-line,#e2e2e2)} body.minna-edition #app .screen-paymentReview .focus-receipt .focus-total strong{font-size:17px;letter-spacing:-.025em} body.minna-edition #app .screen :is(.receipt-more,.focus-details){border-color:var(--mono-line,#e2e2e2)} body.minna-edition #app .screen :is(.receipt-more,.focus-details)>summary{min-height:48px;color:var(--mono-ink,#161616);font-size:13px;font-weight:550} body.minna-edition #app .screen-paymentReview .focus-details :is(p,small){color:var(--mono-muted,#6c6c6c)!important} body.minna-edition #app #view .payment-consequence{ padding:13px 14px;margin:16px 0;border:0;border-left:3px solid var(--mono-acid,#d7ff3f);border-radius:0 12px 12px 0; background:var(--mono-soft,#f0f0f0);color:var(--mono-ink,#161616); } body.minna-edition #app #view .payment-consequence>span, body.minna-edition #app #view .payment-consequence>small{color:var(--mono-muted,#6c6c6c)} body.minna-edition #app #view .payment-consequence>strong{color:var(--mono-ink,#161616)!important} body.minna-edition #app #view .payment-consequence:is([data-consequence-tone=shortfall],[data-consequence-tone=funding]){border-color:var(--mono-ink,#161616)} body.minna-edition #app .screen-authorize .hero{margin:5px 0 18px;padding:0;background:transparent;text-align:left;align-items:flex-start} body.minna-edition #app .screen-authorize .hero h1{font-size:34px!important;letter-spacing:-.04em;line-height:1.15} body.minna-edition #app .screen-authorize #payment-pin{min-height:60px;padding:14px 16px;font-size:20px;letter-spacing:.3em;border-radius:12px;text-align:center} body.minna-edition #app .screen-authorize :is(.biometric-choice,.biometric-status){border-color:var(--mono-line,#e2e2e2);background:var(--mono-soft,#f0f0f0);color:var(--mono-ink,#161616);border-radius:14px} body.minna-edition #app .screen-authorize .biometric-entry{border:1px solid var(--mono-line,#e2e2e2);background:var(--mono-surface,#fff);border-radius:12px;color:var(--mono-ink,#161616);min-height:52px} /* A result communicates its actual status through words and a distinct symbol. */ body.minna-edition #app .screen .payment-result-compact{padding:18px 0 0;text-align:left} body.minna-edition #app .screen .payment-result-compact .result-mark{display:grid;place-items:center;width:68px;height:68px;margin:0 0 25px;border:0;border-radius:50%;background:var(--mono-soft,#f0f0f0);color:var(--mono-ink,#161616)} body.minna-edition #app .screen .payment-result-compact[data-payment-state=confirmed] .result-mark{background:var(--mono-acid,#d7ff3f);color:var(--mono-ink,#161616)} body.minna-edition #app .screen .payment-result-compact>h1{font-size:34px;line-height:1.12;letter-spacing:-.045em;font-weight:650;color:var(--mono-ink,#161616);margin:0 0 15px} body.minna-edition #app .screen .payment-result-compact .result-context{font-size:16px;line-height:1.5;color:var(--mono-ink,#161616);margin:0 0 12px} body.minna-edition #app .screen .payment-result-compact .result-context strong{font-weight:650} body.minna-edition #app .screen .payment-result-compact .result-explanation{font-size:14px;line-height:1.55;color:var(--mono-muted,#6c6c6c);margin:0 0 20px} body.minna-edition #app .screen .payment-result-compact .result-reference{padding:16px 0;margin:22px 0;border-color:var(--mono-line,#e2e2e2);font-size:12px;line-height:1.5;gap:12px} body.minna-edition #app .screen .payment-result-compact .result-reference>span{color:var(--mono-muted,#6c6c6c)} body.minna-edition #app .screen .payment-result-compact .result-reference>strong{font-weight:550;color:var(--mono-ink,#161616);overflow-wrap:anywhere} body.minna-edition #app .screen .payment-result-compact :is(.preview-boundary,.result-details){font-size:13px;line-height:1.5;color:var(--mono-muted,#6c6c6c)} body.minna-edition #app :is(.screen-txDetail,.screen-requestDetail,.screen-requestConfirm) .hero{gap:10px!important;padding:4px 0 18px;text-align:left;align-items:flex-start!important} body.minna-edition #app :is(.screen-txDetail,.screen-requestDetail,.screen-requestConfirm) .hero .avatar{display:grid;place-items:center;width:52px;height:52px;border:0;border-radius:16px;background:var(--mono-soft,#f0f0f0);color:var(--mono-ink,#161616);margin-bottom:4px} body.minna-edition #app :is(.screen-txDetail,.screen-requestDetail,.screen-requestConfirm) .hero h1{font-size:42px;letter-spacing:-.05em;line-height:1.15} body.minna-edition #app :is(.screen-txDetail,.screen-requestDetail,.screen-requestConfirm) .hero .pill{border:0;border-radius:999px;padding:6px 10px;background:var(--mono-soft,#f0f0f0);font-size:13px;color:var(--mono-ink,#161616)} body.minna-edition #app :is(.screen-activity,.screen-pending,.screen-requests) .row{padding-block:16px;border-color:var(--mono-line,#e2e2e2);gap:12px;min-height:72px} body.minna-edition #app :is(.screen-activity,.screen-pending,.screen-requests) .row :is(.row-icon,.avatar){width:40px;height:40px;flex:0 0 40px;border-radius:50%;background:var(--mono-soft,#f0f0f0);color:var(--mono-ink,#161616);border:0} body.minna-edition #app :is(.screen-activity,.screen-pending,.screen-requests) .row-copy strong{font-size:14px;font-weight:600;line-height:1.4} body.minna-edition #app :is(.screen-activity,.screen-pending,.screen-requests) .row-copy :is(small,.muted){font-size:13px;line-height:1.5;color:var(--mono-muted,#6c6c6c)} body.minna-edition #app :is(.screen-activity,.screen-pending,.screen-requests) .row-end{font-size:14px;font-weight:600;letter-spacing:-.02em;color:var(--mono-ink,#161616)} /* Pause is the intentional contrast in the journey. Lime identifies the projected consequence; both decisions retain equal visual authority. */ body.minna-edition #app .task-sheet:is([data-sheet-treatment=pause],[data-step=pause]){background:var(--mono-ink,#161616)!important;color:#fff;border:0;border-top:3px solid var(--mono-acid,#d7ff3f)} body.minna-edition #app .task-sheet:is([data-sheet-treatment=pause],[data-step=pause]) :is(.task-sheet-chrome,.task-sheet-body){background:var(--mono-ink,#161616)!important;color:#fff;border-color:#ffffff26} body.minna-edition #app .task-sheet:is([data-sheet-treatment=pause],[data-step=pause]) :is(#task-sheet-title,.icon-btn){color:#fff!important} body.minna-edition #app .task-sheet:is([data-sheet-treatment=pause],[data-step=pause]) .icon-btn{background:#ffffff0a!important;border:0!important;border-radius:50%!important} body.minna-edition #app .screen.screen-pause, body.minna-edition #app .task-sheet-layer .screen.screen-pause, body.minna-edition #app .task-sheet-layer .screen.screen-pause[data-density]{ --muted:#b7b7b7;--line:#ffffff26;--control-line:#ffffff70; background:var(--mono-ink,#161616)!important;color:#fff; } body.minna-edition #app .screen-pause :is(.transaction-stage,.transaction-stage strong,.payment-balance>strong,.pause-payment-context,.pause-payment-context strong,.focus-pause-label,.pause-goal-impact,.pause-total-impact,.pause-decision-consequence p){color:#fff!important} body.minna-edition #app .screen-pause :is(.focus-pause,.pause-arrival-intro,.focus-choice){color:#fff!important} body.minna-edition #app .screen-pause .pause-arrival-intro{font-size:29px;line-height:1.18;font-weight:600;letter-spacing:-.04em} body.minna-edition #app .screen-pause #error:not(:empty){padding:12px 14px;border:1px solid #ffffff4d;border-radius:12px;background:#ffffff0d;color:#fff!important;font-size:13px;line-height:1.5} body.minna-edition #app .screen-pause :is(.payment-balance,.transaction-stage,.decision-payment-summary){border-color:#ffffff26} body.minna-edition #app .screen-pause :is(.payment-balance>span,.decision-payment-summary>span,.projection-tag,.focus-footnote,.pause-comparison-note,.pause-timing-status,.pause-payment-context small){color:#b7b7b7!important} body.minna-edition #app .screen-pause .decision-payment-summary strong{color:#fff!important;font-weight:600} body.minna-edition #app .screen-pause .transaction-stage-dots i{background:#ffffff26} body.minna-edition #app .screen-pause .transaction-stage-dots :is(i.active,i.is-complete){background:var(--mono-acid,#d7ff3f)} body.minna-edition #app .task-sheet-layer .screen-pause .pause-decision-heading .focus-pause-insight h1, body.minna-edition #app .task-sheet-layer .screen-pause:has([data-pause-hero]) .pause-decision-heading .focus-pause-insight h1, body.minna-edition #app .task-sheet-layer .screen-pause .focus-pause-insight[data-decision-state=shortfall] h1{color:#fff!important;background:transparent!important;font-size:29px;line-height:1.18;font-weight:600;letter-spacing:-.04em;max-width:20ch;margin:8px 0 20px} body.minna-edition #app .task-sheet-layer .screen-pause .pause-comparison, body.minna-edition #app .screen .pause-comparison.pause-hero, body.minna-edition #app .task-sheet-layer .screen-pause .pause-comparison.pause-hero{ padding:0 16px 17px;margin:18px 0;background:#ffffff06;color:#fff;border:1px solid #ffffff26;border-radius:20px;box-shadow:none; } body.minna-edition #app .screen-pause .pause-hero-toolbar{min-height:52px;gap:10px} body.minna-edition #app .screen-pause .pause-hero-intro{padding:12px 0 6px} body.minna-edition #app .screen-pause .pause-hero .pause-hero-intro h2{color:#fff!important;font-size:13px;line-height:1.4;font-weight:600} body.minna-edition #app .screen-pause :is(.pause-hero-boundary,.pause-comparison-values .comparison-label,.pause-comparison-values small,.pause-comparison-arrow){color:#b7b7b7!important;font-size:13px;line-height:1.5} body.minna-edition #app .screen-pause .pause-hero-replay{border:0;border-radius:999px;background:transparent;color:#fff!important;font-size:13px;min-height:44px;padding:8px 0 8px 8px} body.minna-edition #app .screen-pause .pause-money-stage{height:64px;margin:0 0 8px;color:#fff} body.minna-edition #app .screen-pause .pause-money-ring{color:var(--mono-acid,#d7ff3f)!important} body.minna-edition #app .screen-pause .pause-money-slip{fill:#fff;stroke:var(--mono-ink,#161616)} body.minna-edition #app .screen-pause .pause-lens-symbol{color:#fff} body.minna-edition #app .task-sheet-layer .screen-pause .pause-comparison-values strong, body.minna-edition #app .task-sheet-layer .screen-pause:has([data-pause-hero]) .pause-hero .pause-comparison-after.lumo-lens strong, body.minna-edition #app .task-sheet-layer .screen-pause:has(.focus-pause-insight[data-decision-state=shortfall]) .pause-comparison-after.lumo-lens strong{padding:0;background:transparent!important;color:var(--mono-acid,#d7ff3f)!important;font-size:30px;line-height:1.2;letter-spacing:-.045em;font-weight:550} body.minna-edition #app .screen-pause .pause-hero .pause-comparison-before strong{color:#fff!important;font-weight:450} body.minna-edition #app .screen-pause .pause-hero .pause-comparison-after{border-color:var(--mono-acid,#d7ff3f)!important} body.minna-edition #app .screen-pause .pause-comparison-values{padding:10px 0 0;gap:10px} /* Large text or a large balance may use another line. Keep every currency, whole-number and cents token available instead of clipping a nowrap run. */ body.minna-edition #app #view .pause-comparison .pause-comparison-values :is(strong,.balance-number){display:flex;flex-wrap:wrap;align-items:baseline;gap:0;min-width:0;max-width:100%;width:100%;white-space:normal!important;overflow-wrap:anywhere;word-break:normal} body.minna-edition #app #view .pause-comparison .pause-comparison-values :is(.currency,.whole,.cents){min-width:0;max-width:100%;white-space:normal!important;overflow-wrap:anywhere;word-break:normal} body.minna-edition #app #view .pause-comparison .pause-comparison-values .whole{flex:0 1 auto} body.minna-edition #app #view .pause-comparison .pause-comparison-values :is(.currency,.cents){flex:0 0 auto} body.minna-edition #app .screen-pause .pause-suggested-amount{color:#fff!important;text-decoration:underline;text-decoration-color:#ffffff70;text-underline-offset:4px;font-size:13px;line-height:1.45} body.minna-edition #app .screen-pause .pause-suggested-amount small{color:#b7b7b7!important;text-decoration:none} body.minna-edition #app .screen-pause .pause-recovery-options{gap:8px;margin:12px 0 2px} body.minna-edition #app .screen-pause .pause-recovery-options .pause-recovery-choice{min-height:46px;padding:10px 8px;border:1px solid #ffffff4d;border-radius:12px!important;background:transparent;color:#fff!important;font-size:12px;font-weight:550;line-height:1.4} body.minna-edition #app .task-sheet-layer .screen-pause .pause-decisions .pause-equal-choice, body.minna-edition #app .screen-pause:has([data-pause-hero]) .pause-equal-choice:first-child, body.minna-edition #app .screen-pause:has([data-pause-hero]) .pause-equal-choice:last-child{min-height:54px;padding:14px 12px;border:1px solid #fff;border-radius:12px!important;background:#fff!important;color:var(--mono-ink,#161616)!important;font-size:14px;font-weight:650;box-shadow:none!important} body.minna-edition #app .screen-pause [data-pause-hold]::after{background:var(--mono-acid,#d7ff3f)!important} body.minna-edition #app .screen-pause [data-pause-hold][aria-disabled=true]{border-color:#ffffff66!important;border-style:dashed;background:transparent!important;color:#b7b7b7!important} body.minna-edition #app .screen-pause :is(.pause-link-cost,.focus-pause-exits .text-btn,.pause-calculation>summary){color:#fff!important;background:transparent!important;border-radius:0;font-size:12px} body.minna-edition #app .screen-pause :is(.pause-calculation,.focus-details,.pause-calculation dl,.pause-calculation dt,.pause-calculation dd){color:#fff!important;border-color:#ffffff26;background:transparent!important} body.minna-edition #app .screen-pause :is(button,summary,a):focus-visible, body.minna-edition #app .task-sheet:is([data-sheet-treatment=pause],[data-step=pause]) .icon-btn:focus-visible{outline:2px solid var(--mono-acid,#d7ff3f)!important;outline-offset:3px} /* The first-use story shares the same limited palette. Its illustrated consequence, timings and reduced-motion version remain intact. */ body.minna-edition #app .pause-intro{--intro-ring:var(--mono-acid,#d7ff3f);--intro-halo:var(--mono-soft,#f0f0f0);--intro-ink:var(--mono-ink,#161616);--intro-accent:var(--mono-acid,#d7ff3f)} body.minna-edition #app .pause-intro-badge{border:0;border-radius:999px;padding:7px 12px;background:var(--mono-soft,#f0f0f0);color:var(--mono-ink,#161616);font-size:12px;letter-spacing:.08em} body.minna-edition #app .pause-intro>h1{font-size:34px!important;font-weight:600;line-height:1.12;letter-spacing:-.04em;max-width:15ch;margin:8px auto 0} body.minna-edition #app .pause-intro-result h2{font-size:23px!important;line-height:1.25;font-weight:500;letter-spacing:-.035em} body.minna-edition #app .pause-intro-result h2 strong{font-weight:650} body.minna-edition #app .pause-intro-result p{font-size:12px;line-height:1.5} /* Scanner and personal code use a true ink surface and pure QR symbol. */ body.minna-edition.lumo-qr-hub-open #app .task-sheet, body.minna-edition.lumo-qr-hub-open #app .task-sheet-body#view{background:var(--mono-ink,#161616)!important} body.minna-edition #app .qr-hub{--qr-camera-bg:var(--mono-ink,#161616);gap:20px;background:var(--mono-ink,#161616);color:#fff;padding-inline:24px} body.minna-edition #app .qr-hub.is-code{background:var(--mono-paper,#fafafa);color:var(--mono-ink,#161616)} body.minna-edition #app .qr-hub-tabs{height:50px;padding:4px;gap:4px;border:1px solid #ffffff26;border-radius:16px;background:#ffffff0d;color:#fff} body.minna-edition #app .qr-hub-tabs button{min-height:40px;border-radius:11px;font-size:14px;font-weight:600;color:inherit;background:transparent;box-shadow:none} body.minna-edition #app .qr-hub-tabs button[aria-selected=true]{background:var(--mono-acid,#d7ff3f)!important;color:var(--mono-ink,#161616)!important;box-shadow:none} body.minna-edition #app .qr-hub.is-code .qr-hub-tabs{border-color:var(--mono-line,#e2e2e2);background:var(--mono-soft,#f0f0f0);color:var(--mono-ink,#161616)} body.minna-edition #app .qr-hub.is-code .qr-hub-tabs button[aria-selected=true]{background:var(--mono-surface,#fff)!important;color:var(--mono-ink,#161616)!important} body.minna-edition #app .qr-hub-toolbar button{background:#ffffff0a!important;color:#fff!important;border-radius:50%!important} body.minna-edition #app .qr-hub.is-code .qr-hub-toolbar button{background:var(--mono-soft,#f0f0f0)!important;color:var(--mono-ink,#161616)!important} body.minna-edition #app .qr-hub :is(.qr-hub-toolbar svg,.qr-hub-upload svg){flex:none} body.minna-edition #app .qr-hub h1{font-size:32px!important;line-height:1.16;letter-spacing:-.04em;font-weight:600} body.minna-edition #app .qr-hub-viewfinder{border:1px solid #ffffff4d;border-radius:26px;color:#fff;box-shadow:none} body.minna-edition #app .qr-hub-viewfinder i{border-color:var(--mono-acid,#d7ff3f)} body.minna-edition #app .qr-hub :is(.qr-frame-hint,.qr-status){font-size:12px;line-height:1.5;color:#e3e3e3} body.minna-edition #app .qr-hub .qr-camera-retry{min-height:44px;border-radius:12px;border:1px solid #ffffff4d;background:#ffffff0a;color:#fff;font-size:12px} body.minna-edition #app .qr-hub-upload{min-height:54px;border-radius:12px;background:#fff;color:var(--mono-ink,#161616);font-size:14px;font-weight:650} body.minna-edition #app .qr-hub .qr-manual-code{min-height:44px;font-size:12px;color:#fff;text-underline-offset:4px} body.minna-edition #app .qr-hub #error{background:#ffffff12;color:#fff;border:1px solid #ffffff4d;border-radius:12px;padding:12px;font-size:12px;line-height:1.5} body.minna-edition #app .qr-hub.is-code #error{background:var(--mono-soft,#f0f0f0);color:var(--mono-ink,#161616);border-color:var(--mono-line,#e2e2e2)} body.minna-edition #app .qr-hub .personal-qr-card{padding:20px;border:1px solid var(--mono-line,#e2e2e2);border-radius:24px;background:#fff;color:#111;box-shadow:none;gap:15px} body.minna-edition #app .qr-hub .personal-qr-card figcaption strong{font-size:18px;font-weight:600;letter-spacing:-.025em;color:#111} body.minna-edition #app .qr-hub .personal-qr-card figcaption span{font-size:12px;color:#6c6c6c} body.minna-edition #app .qr-hub .personal-qr-note{font-size:13px;line-height:1.5;color:var(--mono-muted,#6c6c6c)} body.minna-edition #app :is(.qr-hub-subtitle,.personal-qr-recipient-note){font-size:12px;line-height:1.5;color:var(--mono-muted,#6c6c6c)} body.minna-edition #app .qr-hub-video, body.minna-edition #app .qr-camera video{filter:grayscale(1)} body.minna-edition #app :is(.qr-camera,.qr-camera-label){background:var(--mono-ink,#161616);border-color:#ffffff26} body.minna-edition #app .qr-viewfinder{border-color:var(--mono-acid,#d7ff3f)} body.minna-edition #app :is(.lumo-payment-qr,.lumo-personal-qr){filter:none!important;border-radius:0!important;background:#fff!important} /* Cards feel like a considered object. The details and safety controls remain ordinary, readable controls below the face. */ body.minna-edition #app .virtual-card-page .vc-face{ position:relative;isolation:isolate;overflow:hidden;min-height:176px;padding:22px 23px 20px;border:0;border-radius:22px; background:var(--mono-ink,#161616);color:#fff;box-shadow:none; } body.minna-edition #app .virtual-card-page .vc-face::after{content:'';position:absolute;z-index:-1;right:-38px;top:35px;width:170px;height:170px;border:1px solid #ffffff24;border-radius:50%;box-shadow:0 0 0 28px #ffffff08,0 0 0 55px #ffffff04;pointer-events:none} body.minna-edition #app .virtual-card-page .vc-face-top{margin-bottom:24px;gap:14px} body.minna-edition #app .virtual-card-page .vc-face-top>span{font-size:12px;line-height:1.4;letter-spacing:.03em;color:#d7d7d7} body.minna-edition #app .virtual-card-page .vc-wordmark{width:65px;filter:none!important} body.minna-edition #app .virtual-card-page .vc-masked-number{font-size:19px;font-weight:450;letter-spacing:.13em;line-height:1.4;color:#fff} body.minna-edition #app .virtual-card-page .vc-face-status{font-size:13px;line-height:1.4;color:#e3e3e3;margin-top:10px} body.minna-edition #app .virtual-card-page .vc-face-status svg{color:var(--mono-acid,#d7ff3f)} body.minna-edition #app .virtual-card-page .vc-money{margin:23px 0;gap:7px} body.minna-edition #app .virtual-card-page .vc-money>span{font-size:12px;line-height:1.5;color:var(--mono-muted,#6c6c6c)} body.minna-edition #app .virtual-card-page .vc-money>strong{font-size:36px!important;font-weight:550;letter-spacing:-.045em;line-height:1.2;color:var(--mono-ink,#161616)} body.minna-edition #app .virtual-card-page .vc-money small{font-size:13px;line-height:1.5;color:var(--mono-muted,#6c6c6c)} body.minna-edition #app .virtual-card-page .vc-list{border:0;border-radius:0;background:transparent;overflow:visible} body.minna-edition #app .virtual-card-page .vc-card-row{gap:13px;padding:18px 0;min-height:86px;border:0;border-bottom:1px solid var(--mono-line,#e2e2e2);color:var(--mono-ink,#161616)} body.minna-edition #app .virtual-card-page .vc-row-symbol{width:44px;height:44px;border-radius:14px;background:var(--mono-soft,#f0f0f0);color:var(--mono-ink,#161616)} body.minna-edition #app .virtual-card-page .vc-row-copy strong{font-size:15px;line-height:1.4;font-weight:600;letter-spacing:-.02em} body.minna-edition #app .virtual-card-page .vc-row-copy small{font-size:13px;line-height:1.5;color:var(--mono-muted,#6c6c6c)} body.minna-edition #app .virtual-card-page .vc-row-end{font-size:14px;letter-spacing:-.02em} body.minna-edition #app .virtual-card-page .vc-empty{padding:16px 0 20px} body.minna-edition #app .virtual-card-page .vc-empty-icon{width:72px;height:72px;margin:0 0 26px;border-radius:22px;background:var(--mono-soft,#f0f0f0);color:var(--mono-ink,#161616)} body.minna-edition #app .virtual-card-page .vc-empty h2{font-size:27px!important;line-height:1.2;letter-spacing:-.035em;font-weight:600;margin-bottom:12px!important} body.minna-edition #app .virtual-card-page .vc-empty p{font-size:14px;line-height:1.6;max-width:32ch;color:var(--mono-muted,#6c6c6c)} body.minna-edition #app .virtual-card-page :is(.vc-create-summary,.vc-demo-warning){padding:15px 16px;border:0;border-radius:14px;background:var(--mono-soft,#f0f0f0);color:var(--mono-ink,#161616)} body.minna-edition #app .virtual-card-page .vc-main-actions{gap:9px} body.minna-edition #app .virtual-card-page .vc-detail-tools{gap:9px;margin-top:8px} body.minna-edition #app .virtual-card-page .vc-manage{font-size:13px;line-height:1.4;font-weight:550;color:var(--mono-ink,#161616)} body.minna-edition #app .virtual-card-page :is(.vc-history,.vc-details,.vc-demo-controls){border-color:var(--mono-line,#e2e2e2)} body.minna-edition #app .virtual-card-page .vc-history{margin-top:16px} body.minna-edition #app .virtual-card-page .vc-history>summary{font-size:13px;min-height:52px;font-weight:600} body.minna-edition #app .virtual-card-page .vc-details>div{padding:17px 0;border-color:var(--mono-line,#e2e2e2)} body.minna-edition #app .virtual-card-page .vc-details dt{font-size:12px;color:var(--mono-muted,#6c6c6c)} body.minna-edition #app .virtual-card-page .vc-details dd{font-size:14px;font-weight:600;color:var(--mono-ink,#161616)} body.minna-edition #app .virtual-card-page :is(.vc-status-icon,.vc-auth-symbol){width:64px;height:64px;border-radius:20px;background:var(--mono-soft,#f0f0f0);color:var(--mono-ink,#161616);margin-bottom:24px} body.minna-edition #app .virtual-card-page .vc-status h1{font-size:32px;line-height:1.18;letter-spacing:-.04em;font-weight:600} body.minna-edition #app .virtual-card-page :is(.vc-note,.vc-status p){font-size:13px;line-height:1.55;color:var(--mono-muted,#6c6c6c)} body.minna-edition #app .virtual-card-page .vc-disclosure{font-size:13px;line-height:1.5;margin-top:22px;color:var(--mono-muted,#6c6c6c)} body.minna-edition #app .virtual-card-flow .vc-funding-recipient>span{width:44px;height:44px;border-radius:14px;background:var(--mono-soft,#f0f0f0);color:var(--mono-ink,#161616)} /* Short or enlarged layouts keep the content flow, never shrink the choices. */ @media(max-height:720px){ body.minna-edition #app .screen .transaction-stage{margin-bottom:12px;padding-bottom:9px} body.minna-edition #app .screen .payment-balance{margin-bottom:12px;padding-bottom:9px} body.minna-edition #app .screen-pay .focus-pay-heading{margin-bottom:16px} body.minna-edition #app .screen-pay .pay-hero.focus-pay-art .scene-art{height:48px!important;margin-bottom:12px!important} body.minna-edition #app .screen-pay .pay-option-list .row{min-height:68px;padding-block:12px} body.minna-edition #app .screen [data-payment-entry] .hero{margin-bottom:16px} body.minna-edition #app .screen :is([data-payment-entry],.virtual-card-funding,.vc-funded-create) .payment-amount-row{min-height:80px;padding-block:12px} body.minna-edition #app .screen-paymentReview .focus-payment-title{margin:4px 0 18px} body.minna-edition #app .screen-paymentReview .focus-receipt>div, body.minna-edition #app .screen .receipt .summary-line{padding-block:10px} body.minna-edition #app .screen .payment-result-compact{padding-top:8px} body.minna-edition #app .screen .payment-result-compact .result-mark{width:58px;height:58px;margin-bottom:18px} body.minna-edition #app .screen .payment-result-compact .result-reference{margin-block:16px} body.minna-edition #app .task-sheet-layer .screen-pause:has([data-pause-hero]) .pause-decision-heading .focus-pause-insight h1{font-size:25px;margin:5px 0 14px} body.minna-edition #app .task-sheet-layer .screen-pause .pause-comparison.pause-hero{padding:0 14px 13px;margin:12px 0} body.minna-edition #app .screen-pause .pause-hero-toolbar{min-height:46px} body.minna-edition #app .screen-pause .pause-money-stage{height:44px;margin:0 0 5px} body.minna-edition #app .screen-pause .pause-comparison-values{padding-top:7px} body.minna-edition #app .screen-pause .pause-recovery-options{margin-top:8px} body.minna-edition #app .screen-pause .pause-actions{margin-top:10px;gap:6px} body.minna-edition #app .qr-hub{gap:12px;padding-inline:20px} body.minna-edition #app .qr-hub-tabs{height:46px} body.minna-edition #app .qr-hub-tabs button{min-height:36px} body.minna-edition #app .qr-hub h1{font-size:28px!important} body.minna-edition #app .qr-hub .personal-qr-card{padding:14px;gap:10px} body.minna-edition #app .virtual-card-page .vc-face{min-height:148px;padding:18px 20px} body.minna-edition #app .virtual-card-page .vc-face-top{margin-bottom:16px} body.minna-edition #app .virtual-card-page .vc-money{margin-block:17px} body.minna-edition #app .virtual-card-page .vc-disclosure{margin-top:16px} } @media(max-width:360px){ body.minna-edition #app .virtual-card-page .vc-card-row{display:grid;grid-template-columns:44px minmax(0,1fr);column-gap:13px;row-gap:10px;align-items:start} body.minna-edition #app .virtual-card-page .vc-row-symbol{grid-column:1;grid-row:1 / span 2;align-self:start} body.minna-edition #app .virtual-card-page .vc-row-copy{grid-column:2;grid-row:1;min-width:0;max-width:100%} body.minna-edition #app .virtual-card-page .vc-row-end{grid-column:2;grid-row:2;display:flex;justify-content:space-between;margin-left:0;max-width:none;width:100%} body.minna-edition #app :is(.screen-momoAdd,.screen-requestCreate) .payment-amount-row .amount-input{font-size:36px!important} body.minna-edition #app .screen [data-payment-entry] .payment-amount-row .amount-input{font-size:36px!important} body.minna-edition #app .screen-paymentReview .focus-payment-title h1{font-size:40px!important} body.minna-edition #app .screen-pause .pause-hero .pause-comparison-values{grid-template-columns:minmax(0,1fr)} body.minna-edition #app .screen-pause .pause-hero .pause-comparison-arrow{padding-top:0;transform:rotate(90deg);justify-self:start} body.minna-edition #app .screen-pause .pause-hero .pause-comparison-values strong .currency{display:inline} body.minna-edition #app .qr-hub{padding-inline:18px} body.minna-edition #app .qr-hub .personal-qr-card{padding:12px} } @media(prefers-reduced-motion:reduce){ body.minna-edition #app :is(.pay-tabs button,.qr-viewfinder,.qr-hub-viewfinder,.vc-face){transition:none;animation:none} } /* Separate working surface for return/closure choices. Monetary facts wrap under text enlargement and never become horizontally scrollable controls. */ .vc-lifecycle{margin-top:24px;padding-top:20px;border-top:1px solid var(--line,#ddd)} .vc-lifecycle h2{font-size:18px;margin:0 0 16px} .vc-lifecycle .actions{display:flex;flex-direction:column;gap:10px} .vc-lifecycle input{max-width:100%;min-width:0} .virtual-card-page .receipt,.virtual-card-page .vc-line{min-width:0;overflow-wrap:anywhere} /* Source: mono-life.css | sha256:fe414cc4feacfa32072e4c1745b649aec33a70244ab4a2abd9030612c0e2751c */ /* Lumo monochrome: conversation, understanding and the customer's own space. Presentation only. Every answer, saved preference and action stays with its existing controller. Acid marks the next useful move, never a status verdict. */ /* Chat is an uninterrupted conversation with a clear writing surface. */ body.minna-edition #app[data-chat-banking="true"] #view .screen-chat{ padding:0 24px 8px!important;background:var(--mono-paper)!important; } body.minna-edition #app[data-chat-banking="true"] .chat-workspace .chat-banking-header{ min-height:70px;padding:11px 0;margin:0 0 12px;border-bottom:0; background:var(--mono-paper);gap:8px; } body.minna-edition #app[data-chat-banking="true"] .chat-banking-header :is(.chat-banking-back,.chat-banking-actions,.hibiscus-chat-history){ border-radius:50%!important;background:var(--mono-surface)!important; color:var(--mono-ink)!important;border:1px solid var(--mono-line);width:44px;min-width:44px; } body.minna-edition #app[data-chat-banking="true"] .chat-banking-header .hibiscus-chat-context{ width:auto;max-width:calc(100% - 58px);border:0;background:transparent!important;border-radius:0!important; } body.minna-edition #app .hibiscus-chat-header-title{ color:var(--mono-ink);margin-left:2px; } body.minna-edition #app .hibiscus-chat-header-actions{gap:6px} body.minna-edition #app .hibiscus-chat-feed{ gap:22px;padding:8px 0 24px; } body.minna-edition #app .hibiscus-chat-feed-greeting{padding:0 0 2px} body.minna-edition #app .hibiscus-chat-hello{ font-size:13px;line-height:1.5;letter-spacing:.01em;color:var(--mono-muted);margin:0 0 12px; } body.minna-edition #app .hibiscus-chat-feed-greeting h2{ font-size:38px!important;line-height:1.08!important;letter-spacing:-.055em!important; font-weight:550!important;max-width:9ch;margin:0 0 12px!important; } body.minna-edition #app .hibiscus-chat-feed-greeting p{ font-size:14px;line-height:1.6;max-width:28ch;color:var(--mono-muted);margin:0; } body.minna-edition #app .hibiscus-chat-insight{ border:0!important;border-radius:20px!important;background:var(--mono-soft)!important; padding:20px 42px 20px 20px;min-height:116px;color:var(--mono-ink)!important; } body.minna-edition #app .hibiscus-chat-insight-label{ font-size:13px;line-height:1.4;letter-spacing:.055em;text-transform:uppercase; font-weight:600;color:var(--mono-muted);margin:0 0 10px; } body.minna-edition #app .hibiscus-chat-insight>strong{ font-size:18px;line-height:1.35;letter-spacing:-.025em;font-weight:600;margin:0 0 7px; } body.minna-edition #app .hibiscus-chat-insight-support{ font-size:13px;line-height:1.5;color:var(--mono-muted); } body.minna-edition #app .hibiscus-chat-insight>svg{right:16px;width:17px;height:17px} body.minna-edition #app .hibiscus-chat-starters{ display:block;margin:0;border-top:1px solid var(--mono-line); } body.minna-edition #app .hibiscus-chat-starters>button{ display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;max-width:100%; min-height:58px;padding:15px 0;border:0;border-bottom:1px solid var(--mono-line); border-radius:0!important;background:transparent!important;color:var(--mono-ink); font-size:14px;line-height:1.5;font-weight:500;letter-spacing:-.01em;text-align:left; } body.minna-edition #app .hibiscus-chat-starters>button>svg{ width:16px;height:16px;flex:none;transform:rotate(45deg);color:var(--mono-ink); } body.minna-edition #app .hibiscus-chat-starters>[data-chat-context-starter]>svg{ box-sizing:content-box;padding:6px;border-radius:50%;background:var(--mono-acid); } body.minna-edition #app .hibiscus-chat-data-note{ color:var(--mono-muted);font-size:13px;line-height:1.5;margin:-8px 0 0; } body.minna-edition #app[data-chat-banking="true"] .chat-workspace #chat-thread{ scroll-padding-top:12px;padding-bottom:12px; } body.minna-edition #app[data-chat-banking="true"] .chat-workspace #chat-thread .chat-turn{margin:0 0 24px} body.minna-edition #app[data-chat-banking="true"] .chat-workspace #chat-thread .chat-bubble{ font-size:15px;line-height:1.6;border:0;box-shadow:none;color:var(--mono-ink); background:transparent;padding:16px 0;margin:0;max-width:100%;border-radius:0; } body.minna-edition #app[data-chat-banking="true"] .chat-workspace #chat-thread .chat-bubble.user{ max-width:88%;width:fit-content;margin:4px 0 8px auto;padding:12px 16px; background:var(--mono-ink);color:#fff;border-radius:18px 18px 4px 18px; font-size:14px;line-height:1.5;letter-spacing:0; } body.minna-edition #app[data-chat-banking="true"] .chat-workspace #chat-thread .chat-reply .lead{ color:var(--mono-ink)!important;font-size:22px;line-height:1.35; letter-spacing:-.035em;font-weight:550;margin:0 0 10px; } body.minna-edition #app[data-chat-banking="true"] .chat-workspace #chat-thread .chat-reply .impact-secondary{ color:var(--mono-muted);font-size:14px;line-height:1.65;margin:0 0 8px; } body.minna-edition #app .chat-reply :is(.clarity-ring,.impact-ring){color:var(--mono-ink);stroke:currentColor} body.minna-edition #app .chat-workspace #chat-thread .chat-reply-actions{ display:flex;flex-wrap:wrap;gap:4px 16px;margin-top:6px; } body.minna-edition #app .chat-workspace #chat-thread :is(.chat-calculation-link,.chat-reply-actions .text-btn,.chat-recheck){ min-height:44px;font-size:13px!important;line-height:1.45;font-weight:600; text-decoration:none!important;padding:10px 0!important;color:var(--mono-ink); } body.minna-edition #app .chat-workspace #chat-thread .chat-calculation-link{ text-decoration:underline!important;text-decoration-color:#b8b8b8!important;text-underline-offset:4px; } body.minna-edition #app #chat-thread .chat-snapshot-status{ display:block;background:var(--mono-soft);border-radius:10px;padding:9px 12px; font-size:12px;line-height:1.5;color:var(--mono-muted);margin:0 0 10px; } body.minna-edition #app[data-chat-banking="true"] .chat-workspace .chat-tools{ border-top:1px solid var(--mono-line);margin-bottom:10px; } body.minna-edition #app .chat-workspace .chat-tools :is(.chat-context,.chat-prompts){ border:0;background:transparent;border-radius:0;padding:0;margin:0; } body.minna-edition #app .chat-workspace .chat-tools summary{ color:var(--mono-muted);font-size:12px;line-height:1.5;font-weight:500; } body.minna-edition #app .chat-workspace .chat-prompts .chips{display:flex;gap:6px;flex-wrap:wrap} body.minna-edition #app .chat-workspace .chat-prompts .chip{ width:auto;min-height:42px;border:1px solid var(--mono-line);border-radius:10px; background:var(--mono-surface);padding:9px 12px;font-size:12px;text-decoration:none; } body.minna-edition #app[data-chat-banking="true"] .chat-workspace .chat-entry{ padding:5px!important;gap:5px;border:1px solid #d5d5d5!important; border-radius:30px!important;background:var(--mono-surface)!important;min-height:58px; box-shadow:0 4px 16px #16161605!important; } body.minna-edition #app[data-chat-banking="true"] .chat-workspace .chat-entry input{ min-height:44px;border-radius:24px!important;background:transparent!important; padding:10px 13px!important;font-size:15px;line-height:1.4;color:var(--mono-ink); } body.minna-edition #app[data-chat-banking="true"] .chat-workspace .chat-entry button{ width:46px;min-width:46px;height:46px;min-height:46px;border:0; border-radius:50%!important;background:var(--mono-acid)!important;color:var(--mono-ink)!important; } body.minna-edition #app[data-chat-banking="true"] .chat-workspace .chat-entry:focus-within{ outline:2px solid var(--mono-ink);outline-offset:3px; } body.minna-edition #app[data-chat-banking="true"] .chat-workspace .chat-boundary{ font-size:12px;line-height:1.5;text-align:center;color:var(--mono-muted);margin:10px 0 5px!important; } body.minna-edition #app .chat-banking-menu section{margin-top:26px} body.minna-edition #app :is(.chat-banking-menu,.chat-calculation-page,.chat-draft-choice,.chat-banking-choices,.chat-calendar-payments,.hibiscus-chat-history-page)>.page-heading>.scene-art{ display:none!important; } body.minna-edition #app .chat-banking-menu section>h2{ font-size:13px;letter-spacing:.055em;text-transform:uppercase;margin-bottom:8px;color:var(--mono-muted); } body.minna-edition #app .chat-banking-action-item{ padding:15px 0;min-height:74px;gap:14px;border-color:var(--mono-line); } body.minna-edition #app .chat-banking-action-item>svg:first-child{ box-sizing:content-box;width:20px;height:20px;padding:11px;background:var(--mono-soft);border-radius:14px; } body.minna-edition #app .chat-banking-action-item strong{font-size:15px;font-weight:600} body.minna-edition #app .chat-banking-action-item small{font-size:12px;line-height:1.5;color:var(--mono-muted)} body.minna-edition #app .chat-calculation-question{ margin:18px 0;padding:14px 16px;border:0;border-radius:14px; background:var(--mono-soft);font-size:14px;line-height:1.6;color:var(--mono-muted); } body.minna-edition #app .chat-calculation-conclusion{ font-size:23px;line-height:1.35;letter-spacing:-.035em;margin:20px 0; } body.minna-edition #app .chat-calculation-snapshot{font-size:12px;line-height:1.6;color:var(--mono-muted)} body.minna-edition #app .hibiscus-chat-history-list{list-style:none;margin:0;padding:0} body.minna-edition #app .hibiscus-chat-history-list>li{padding:5px 0;border-color:var(--mono-line)} body.minna-edition #app .chat-draft-choice>p:not(.small){ border:1px solid var(--mono-line);border-radius:16px;padding:18px;font-size:15px;line-height:1.7;margin:12px 0; } /* The story is led by a single total, with evidence close at hand. */ body.minna-edition #app #view .ms-dashboard{padding-top:8px} body.minna-edition #app #view .ms-dashboard>h1{ font-size:32px!important;font-weight:550!important;line-height:1.15!important; letter-spacing:-.05em!important;margin:4px 0 24px!important; } body.minna-edition #app #view .ms-periods{ display:flex;gap:4px;background:var(--mono-soft);padding:4px;border-radius:14px;margin-bottom:24px!important; } body.minna-edition #app #view .ms-periods>.chip{ min-height:42px!important;flex:1;border:0!important;border-radius:10px!important; background:transparent!important;color:var(--mono-muted)!important;font-size:13px!important;font-weight:500; } body.minna-edition #app #view .ms-periods>.chip.selected{ background:var(--mono-surface)!important;color:var(--mono-ink)!important;box-shadow:0 1px 4px #16161608; } body.minna-edition #app #view .ms-dashboard .home-story-scope{ font-size:12px;line-height:1.6;color:var(--mono-muted);margin-bottom:8px; } body.minna-edition #app #view .ms-total{ font-size:44px!important;font-weight:500!important;line-height:1.2!important; letter-spacing:-.055em!important;margin:0 0 28px!important; } body.minna-edition #app #view .ms-total .balance-number{font-size:inherit!important;line-height:inherit} body.minna-edition #app #view .ms-chart{margin:0 0 24px;padding:0} body.minna-edition #app #view .ms-chart figcaption{ color:var(--mono-muted);font-size:13px;line-height:1.6;gap:6px 14px;margin-bottom:16px; } body.minna-edition #app #view .ms-chart figcaption :is(strong,small){font-size:13px;color:var(--mono-muted);font-weight:500} body.minna-edition #app #view .ms-chart-bars{ height:152px;gap:12px;background:none;border-bottom:1px solid var(--mono-line); } body.minna-edition #app #view .ms-chart-bar{ background:#d3d3d3;width:min(24px,80%);border-radius:5px 5px 0 0; } body.minna-edition #app #view .ms-chart-bar.is-highest{background:var(--mono-acid)} body.minna-edition #app #view .ms-chart-column small{color:var(--mono-muted);font-size:12px} body.minna-edition #app #view .ms-chart-values{font-size:12px;margin-top:8px;color:var(--mono-muted)} body.minna-edition #app #view .ms-chart-empty{ border:0;background:var(--mono-soft);border-radius:18px;padding:24px;min-height:128px;font-size:14px; } body.minna-edition #app #view .ms-insights{ border:0;background:var(--mono-soft);border-radius:20px;padding:4px 18px;margin:0 0 26px; } body.minna-edition #app #view .ms-insight{padding:16px 0;gap:12px} body.minna-edition #app #view .ms-insight+.ms-insight{border-color:var(--mono-line)} body.minna-edition #app #view .ms-insight-symbol{ width:28px;height:28px;background:var(--mono-surface);border-radius:50%;color:var(--mono-ink); } body.minna-edition #app #view .ms-insight strong{font-size:15px;font-weight:600;line-height:1.45;letter-spacing:-.015em} body.minna-edition #app #view .ms-insight p{font-size:12px;line-height:1.6;color:var(--mono-muted);margin-top:5px} body.minna-edition #app #view .ms-insight .text-btn{font-size:12px!important;text-decoration:none!important} body.minna-edition #app #view .ms-breakdown-tabs{ border-bottom:1px solid var(--mono-line);gap:24px;margin:0 0 5px; } body.minna-edition #app #view .ms-breakdown-tabs>.chip{ border:0!important;border-radius:0!important;background:transparent!important;color:var(--mono-muted)!important; padding:10px 0!important;min-height:46px!important;position:relative;font-size:14px!important; } body.minna-edition #app #view .ms-breakdown-tabs>.chip.selected{color:var(--mono-ink)!important} body.minna-edition #app #view .ms-breakdown-tabs>.chip.selected::after{ content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--mono-ink); } body.minna-edition #app #view .ms-breakdown>.ms-breakdown-row{padding:12px 0 16px;gap:4px 12px;border-color:var(--mono-line)} body.minna-edition #app #view .ms-breakdown dt>button{font-size:14px;line-height:1.5;font-weight:500} body.minna-edition #app #view .ms-breakdown dd strong{font-size:14px;font-weight:600} body.minna-edition #app #view .ms-breakdown dd small{color:var(--mono-muted);font-size:13px} body.minna-edition #app #view .ms-category-track{height:3px;border-radius:2px;background:var(--mono-soft)} body.minna-edition #app #view .ms-category-track i{background:var(--mono-ink);border-radius:2px} body.minna-edition #app #view .ms-transactions{margin-top:26px} body.minna-edition #app #view .ms-transactions h2{font-size:18px!important;font-weight:600;margin-bottom:10px!important} body.minna-edition #app #view .ms-payment{min-height:70px;padding:14px 0;border-color:var(--mono-line);gap:12px} body.minna-edition #app #view .ms-payment>span strong{font-size:14px;font-weight:600} body.minna-edition #app #view .ms-payment>strong{font-size:14px;font-weight:600} body.minna-edition #app #view .ms-payment small{font-size:13px;line-height:1.5;color:var(--mono-muted);margin-top:5px} body.minna-edition #app #view .ms-definition{border-top:1px solid var(--mono-line);padding-top:8px;font-size:12px} body.minna-edition #app #view .ms-definition>summary{min-height:44px;font-weight:500} body.minna-edition #app #view .ms-scope{ padding:12px 14px;background:var(--mono-soft);border-radius:12px;margin-bottom:16px;font-size:13px; } body.minna-edition #app #view .daily-story-conclusion{ border:0;padding:8px 0 20px;margin:0; } body.minna-edition #app #view .daily-story-conclusion>span{font-size:12px;color:var(--mono-muted)} body.minna-edition #app #view .daily-story-conclusion>strong{ font-size:42px;font-weight:500;line-height:1.2;letter-spacing:-.055em;margin:12px 0; } body.minna-edition #app #view .daily-story-conclusion>p{font-size:15px;line-height:1.55} body.minna-edition #app #view .daily-money-story>.ms-chart{margin:4px 0 24px} body.minna-edition #app #view .daily-story-details{ border-top:1px solid var(--mono-line);padding-top:8px;margin:20px 0; } body.minna-edition #app #view .daily-story-details summary{font-size:14px;min-height:48px} /* You: a useful personal space, with one consistent settings vocabulary. */ body.minna-edition #app #view .focus-you .destination-heading{margin:8px 0 20px;padding:0} body.minna-edition #app #view .focus-you .destination-heading h1{ font-size:34px;line-height:1.1;font-weight:550;letter-spacing:-.055em;margin:0 0 16px; } body.minna-edition #app #view .focus-you .destination-heading>p{font-size:16px;font-weight:500;line-height:1.5;margin:0} body.minna-edition #app #view .focus-you .destination-stage{display:none} body.minna-edition #app #view .focus-you .you-campus{ display:flex;align-items:center;gap:8px;min-height:30px;margin:0 0 20px; color:var(--mono-muted);background:transparent;border:0;font-size:12px;line-height:1.5; } body.minna-edition #app #view .focus-you .you-campus>svg{width:16px;height:16px} body.minna-edition #app #view .focus-you .you-options{ display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:0;margin:16px 0 20px; } body.minna-edition #app #view .focus-you .you-options>button{ display:grid;grid-template-columns:1fr;align-content:start;align-items:start;justify-items:start; gap:0;min-width:0;min-height:112px;height:auto;margin:0;padding:17px; border:0!important;border-radius:18px!important;background:var(--mono-soft)!important; color:var(--mono-ink)!important;text-align:left;box-shadow:none; } body.minna-edition #app #view .focus-you .you-options>button>span{ display:block;width:auto;height:auto;min-height:0;background:transparent!important; border-radius:0;padding:0;margin:0 0 12px;color:var(--mono-ink); } body.minna-edition #app #view .focus-you .you-options>button>span>svg{width:21px;height:21px} body.minna-edition #app #view .focus-you .you-options>button strong{ display:block;max-width:100%;font-size:14px;font-weight:600;line-height:1.4;letter-spacing:-.01em; } body.minna-edition #app #view .focus-you .you-options>button small{ display:block;max-width:100%;font-size:13px;line-height:1.5;color:var(--mono-muted);margin-top:4px; } body.minna-edition #app #view .focus-you .destination-footer{ display:flex;align-items:center;justify-content:space-between;gap:12px; margin:20px 0 0;padding:12px 0 0;border-top:1px solid var(--mono-line); } body.minna-edition #app #view .focus-you .destination-footer>span{font-size:13px;color:var(--mono-muted)} body.minna-edition #app #view .focus-you .destination-footer .text-btn{ color:var(--mono-ink);font-size:12px!important;min-height:44px;text-decoration:none!important; } body.minna-edition #app #view .personal-qr-shortcut{margin:0 0 12px} body.minna-edition #app #view .personal-qr-shortcut>button{ background:var(--mono-surface);border:1px solid var(--mono-line);border-radius:16px; min-height:62px;padding:12px 16px;color:var(--mono-ink); } body.minna-edition #app #view :is(.screen-profile,.screen-accountInfo,.screen-security,.screen-privacy,.screen-devices,.screen-help,.screen-caseDetail,.screen-accountTerms) .account-flow{ gap:18px; } body.minna-edition #app #view .account-flow>.soft{ padding:20px;border:0;border-radius:20px;background:var(--mono-soft); } body.minna-edition #app #view .account-flow>.soft h2{ font-size:23px;font-weight:550;line-height:1.3;letter-spacing:-.035em;margin:0 0 6px; } body.minna-edition #app #view .account-flow>.soft h3{font-size:16px;font-weight:600;line-height:1.45;margin-bottom:8px} body.minna-edition #app #view .account-flow .summary-line{ display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr); padding:12px 0;border-color:var(--mono-line);gap:16px;align-items:flex-start; } body.minna-edition #app #view .account-flow .summary-line:first-child{padding-top:0} body.minna-edition #app #view .account-flow .summary-line:last-child{padding-bottom:0;border-bottom:0} body.minna-edition #app #view .account-flow .summary-line>span{ font-size:12px;line-height:1.6;color:var(--mono-muted);min-width:0;max-width:none!important; } body.minna-edition #app #view .account-flow .summary-line>strong{ font-size:14px;line-height:1.5;font-weight:550;text-align:right;min-width:0;max-width:none!important; color:var(--mono-ink);overflow-wrap:anywhere; } body.minna-edition #app #view .account-flow>.list{ border:0;background:transparent;border-radius:0;padding:0; } body.minna-edition #app #view .account-flow>.list>.row{ padding:16px 0;min-height:72px;border:0;border-bottom:1px solid var(--mono-line);border-radius:0; } body.minna-edition #app #view .account-flow .row{flex-wrap:wrap} body.minna-edition #app #view .account-flow .row-copy{flex:1 1 10em} body.minna-edition #app #view .account-flow .row-end{margin-left:auto} body.minna-edition #app #view .account-flow .row-icon{ width:40px;height:40px;border:0;border-radius:13px;background:var(--mono-soft);color:var(--mono-ink); } body.minna-edition #app #view .account-flow .row-copy strong{font-size:14px;font-weight:600;line-height:1.45} body.minna-edition #app #view .account-flow .row-copy small{font-size:12px;line-height:1.5;color:var(--mono-muted);margin-top:4px} body.minna-edition #app #view .account-flow>.card{ border:1px solid var(--mono-line);border-radius:18px;padding:20px;background:var(--mono-surface); } body.minna-edition #app #view .account-flow>.card .topline{margin:0 0 8px;padding:0;gap:12px} body.minna-edition #app #view .account-flow>.card .topline>strong{font-size:15px;line-height:1.5;font-weight:600} body.minna-edition #app #view .account-flow .pill{ border:0;background:var(--mono-soft);color:var(--mono-ink);border-radius:100px; font-size:13px;font-weight:500;line-height:1.5;padding:5px 10px;letter-spacing:0; } body.minna-edition #app #view .account-flow details>summary{text-decoration:none} body.minna-edition #app #view :is(.account-flow,.daily-preferences-page) :is(.toggle,.switch,.switch-track){ accent-color:var(--mono-ink); } body.minna-edition #app #view .account-flow .pref-toggle[aria-pressed="true"]{background:var(--mono-ink);color:#fff} body.minna-edition #app #view .account-flow>details.notice{ border:0;border-top:1px solid var(--mono-line);border-radius:0;background:transparent;padding:8px 0;margin:0; } body.minna-edition #app #view .account-flow>details.notice>summary{font-size:13px;min-height:44px;font-weight:500} body.minna-edition #app #view .account-flow>.small{font-size:12px;line-height:1.6;color:var(--mono-muted)} body.minna-edition #app #view .account-details-page>.notice{ padding:14px 16px;font-size:12px;line-height:1.6;border-radius:14px;margin:0 0 22px; } body.minna-edition #app #view .account-details-page>h2{ font-size:23px;line-height:1.3;font-weight:550;letter-spacing:-.035em;margin:0 0 5px; } body.minna-edition #app #view .account-details-page>.small{font-size:12px;color:var(--mono-muted);margin-bottom:20px} body.minna-edition #app #view .account-detail-card{ border:1px solid var(--mono-line);border-radius:20px;background:var(--mono-surface); padding:20px;margin:14px 0; } body.minna-edition #app #view .account-detail-card>h3{ font-size:16px;line-height:1.45;font-weight:600;margin:0 0 15px; } body.minna-edition #app #view .account-detail-card dl{margin:0 0 18px} body.minna-edition #app #view .account-detail-card dl>div{ display:flex;justify-content:space-between;align-items:baseline;gap:10px;flex-wrap:wrap; border:0;padding:6px 0;font-size:13px;line-height:1.5; } body.minna-edition #app #view .account-detail-card dt{color:var(--mono-muted);font-size:12px} body.minna-edition #app #view .account-detail-card dd{ margin:0 0 0 auto;font-size:14px;font-weight:600;color:var(--mono-ink);font-variant-numeric:tabular-nums; overflow-wrap:anywhere;max-width:100%; } body.minna-edition #app #view .account-detail-card .secondary{font-size:12px!important;min-height:46px} body.minna-edition #app #view .account-details-page>.list{margin-top:24px} body.minna-edition #app #view .account-details-page>.list>.row{border-bottom:1px solid var(--mono-line);padding:16px 0} body.minna-edition #app #view .account-breakdown>h2{ font-size:18px;line-height:1.4;font-weight:600;margin:24px 0 8px; } body.minna-edition #app #view .account-breakdown>.balance-calculation{ padding:4px 18px;background:var(--mono-soft);border-radius:18px;border:0;margin:0 0 20px; } body.minna-edition #app #view .account-breakdown>.balance-calculation>div{ padding:13px 0;border-color:var(--mono-line);font-size:13px;line-height:1.5; } body.minna-edition #app #view .account-breakdown>.balance-calculation>div:last-child{border-bottom:0} body.minna-edition #app #view .account-breakdown>.balance-calculation dt{font-size:12px;color:var(--mono-muted)} body.minna-edition #app #view .account-breakdown>.balance-calculation dd{font-size:14px;font-weight:600} body.minna-edition #app #view .account-flow .account-context{ background:var(--mono-soft);border:0;border-radius:16px;padding:18px; } body.minna-edition #app #view .testing-drawer{ border:0;border-top:1px solid var(--mono-line);background:transparent;border-radius:0;padding:8px 0; } body.minna-edition #app #view .testing-drawer>summary{font-size:12px;line-height:1.5;min-height:44px} /* Account updates use a readable timeline and explicit unread facts. */ body.minna-edition #app #view .daily-updates-page .daily-updates-toolbar .text-btn{font-size:12px!important;text-decoration:none!important} body.minna-edition #app #view .daily-update-row{padding:20px 0;min-height:86px;gap:14px;border-color:var(--mono-line)} body.minna-edition #app #view .daily-update-symbol{ width:38px;height:38px;display:grid;place-items:center;flex:0 0 auto;padding:0; border-radius:13px;background:var(--mono-soft);color:var(--mono-ink); } body.minna-edition #app #view .daily-update-row.is-unread .daily-update-symbol{background:var(--mono-acid)} body.minna-edition #app #view .daily-update-row strong{font-size:14px;line-height:1.5;font-weight:550} body.minna-edition #app #view .daily-update-row.is-unread strong{font-weight:650} body.minna-edition #app #view .daily-update-row small{font-size:12px;line-height:1.6;color:var(--mono-muted)} body.minna-edition #app #view .daily-update-row time{font-size:12px;line-height:1.5;color:var(--mono-muted);margin-top:8px} body.minna-edition #app #view .daily-check{ border-bottom:1px solid var(--mono-line);padding:18px 0;gap:14px;min-height:76px; } body.minna-edition #app #view .daily-check input{accent-color:var(--mono-ink);margin-top:2px;width:22px;height:22px} body.minna-edition #app #view .daily-check strong{font-size:15px;font-weight:600;line-height:1.5} body.minna-edition #app #view .daily-check small{font-size:12px;line-height:1.6;color:var(--mono-muted)} body.minna-edition #app #view .daily-preferences-page [id$="-options"]{ background:var(--mono-soft);border-radius:16px;padding:16px;margin:12px 0; } @media(max-width:359px){ body.minna-edition #app[data-chat-banking="true"] #view .screen-chat{padding-inline:18px!important} body.minna-edition #app .hibiscus-chat-feed-greeting h2{font-size:34px!important} body.minna-edition #app .hibiscus-chat-feed{gap:18px} body.minna-edition #app .hibiscus-chat-insight{padding:17px 36px 17px 17px} body.minna-edition #app .hibiscus-chat-insight>strong{font-size:17px} body.minna-edition #app .hibiscus-chat-starters>button{font-size:13px;min-height:54px} body.minna-edition #app #view .ms-total{font-size:38px!important} body.minna-edition #app #view .ms-chart-bars{gap:8px} body.minna-edition #app #view .focus-you .you-options>button{padding:15px;min-height:106px} } @media(max-height:700px){ body.minna-edition #app[data-chat-banking="true"] .chat-workspace .chat-banking-header{min-height:60px;padding-block:6px;margin-bottom:6px} body.minna-edition #app .hibiscus-chat-feed{gap:16px;padding-top:4px} body.minna-edition #app .hibiscus-chat-feed-greeting h2{font-size:34px!important} body.minna-edition #app .hibiscus-chat-insight{min-height:104px;padding-block:16px} body.minna-edition #app .hibiscus-chat-starters>button{min-height:52px;padding-block:12px} body.minna-edition #app #view .focus-you .you-options>button{min-height:99px;padding:14px} body.minna-edition #app #view .focus-you .you-options>button>span{margin-bottom:8px} } @media(prefers-reduced-motion:reduce){ body.minna-edition #app :is(.chat-workspace,.ms-dashboard,.focus-you) *{ animation:none!important;transition:none!important;scroll-behavior:auto!important; } } /* Source: mono-navigation.css | sha256:42b6ee6acd98ca58a51488f88823a34dd33df1c38024fef8572e11a444a30de6 */ /* Three clear destinations. Home's financial hierarchy is kept. */ body.minna-edition #app>#nav.mono-primary-nav:not([hidden]){ display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important; gap:8px;padding:7px 20px calc(9px + env(safe-area-inset-bottom)); } body.minna-edition #app>#nav.mono-primary-nav .nav-item{ width:100%;min-width:0;min-height:57px;gap:4px;font-size:.75rem;line-height:1.3;padding:0 2px; } body.minna-edition #app>#nav.mono-primary-nav .nav-item>svg{padding:6px 19px!important;border-radius:12px!important} body.minna-edition #app>#nav.mono-primary-nav .nav-item>span{overflow-wrap:normal!important;word-break:normal;white-space:normal} body.minna-edition #app #view .mono-menu{min-width:0;padding:0 0 6px;color:var(--mono-ink)} body.minna-edition #app #view .mono-menu>.hibiscus-root-header{margin-bottom:10px!important} body.minna-edition #app #view .mono-menu-owner{margin:0 0 25px;font-size:.8125rem;color:var(--mono-muted);overflow-wrap:anywhere} body.minna-edition #app #view .mono-menu-group{margin:0 0 28px} body.minna-edition #app #view .mono-menu-group>h2{font-size:.75rem;line-height:1.4;letter-spacing:.07em;text-transform:uppercase;font-weight:600;color:var(--mono-muted);margin:0 0 11px} body.minna-edition #app #view .mono-menu-group>div{padding:0 15px;background:var(--mono-surface);border:1px solid var(--mono-line);border-radius:18px} body.minna-edition #app #view .mono-menu-item{display:grid;grid-template-columns:36px minmax(0,1fr) 16px;align-items:center;gap:12px;width:100%;min-height:70px;padding:14px 0;margin:0;border:0;border-bottom:1px solid var(--mono-line);background:transparent;color:var(--mono-ink);text-align:left} body.minna-edition #app #view .mono-menu-item:last-child{border-bottom:0} body.minna-edition #app #view .mono-menu-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:12px;background:var(--mono-soft);color:var(--mono-ink)} body.minna-edition #app #view .mono-menu-copy{display:flex;flex-direction:column;align-items:flex-start;gap:4px;min-width:0} body.minna-edition #app #view .mono-menu-copy>strong{font-size:.9375rem;line-height:1.4;letter-spacing:-.015em;font-weight:600;white-space:normal;overflow-wrap:normal} body.minna-edition #app #view .mono-menu-copy>small{font-size:.8125rem;line-height:1.45;color:var(--mono-muted);white-space:normal;overflow-wrap:normal} body.minna-edition #app #view .mono-menu-item>svg{color:var(--mono-muted);width:16px;height:16px} body.minna-edition #app #view .mono-menu-testing{padding:0 15px;margin:4px 0 22px;border:1px solid var(--mono-line);border-radius:16px;background:var(--mono-soft)} body.minna-edition #app #view .mono-menu-testing>summary{padding-block:13px;color:var(--mono-muted)} body.minna-edition #app #view .mono-menu-footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:4px 0 10px} body.minna-edition #app #view .mono-menu-footer>button{display:flex;align-items:center;gap:9px;color:var(--mono-ink)} body.minna-edition #app #view .mono-menu-footer>small{font-size:.75rem;color:var(--mono-muted)} /* Money destinations stay exposed. Only secondary account/support rows fold; the closed summary names their contents instead of hiding the category. */ body.minna-edition #app #view .mono-menu-disclosure{padding:0;border:0;border-top:1px solid var(--mono-line);border-radius:0;background:transparent;margin:0 0 16px} body.minna-edition #app #view .mono-menu-disclosure>summary{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:76px;padding:15px 0;list-style:none;color:var(--mono-ink)} body.minna-edition #app #view .mono-menu-disclosure>summary::-webkit-details-marker{display:none} body.minna-edition #app #view .mono-menu-disclosure>summary>span{display:flex;flex-direction:column;gap:5px;min-width:0} body.minna-edition #app #view .mono-menu-disclosure>summary strong{font-size:.9375rem;font-weight:600;line-height:1.4} body.minna-edition #app #view .mono-menu-disclosure>summary small{font-size:.8125rem;font-weight:400;line-height:1.5;color:var(--mono-muted);overflow-wrap:anywhere} body.minna-edition #app #view .mono-menu-disclosure>summary>svg{flex:none;transition:transform .16s ease} body.minna-edition #app #view .mono-menu-disclosure[open]>summary>svg{transform:rotate(90deg)} body.minna-edition #app #view .mono-menu-disclosure>div{padding:0 0 8px;border:0;border-radius:0;background:transparent} body.minna-edition #app #view .mono-menu-item.is-current .mono-menu-icon{background:var(--mono-acid)} /* Menu slides from the right within the app frame. Its header stays fixed; the native task body is the single independently scrolling menu surface. */ body.minna-edition #app .task-sheet-layer[data-task-route="monoMenu"]{ top:var(--mono-drawer-top,var(--task-viewport-top,0px));height:var(--mono-drawer-height,var(--task-viewport-height,100dvh)); align-items:stretch!important;justify-content:flex-end; } body.minna-edition #app .task-sheet-layer[data-task-route="monoMenu"] .task-sheet-backdrop{background:#00000040;backdrop-filter:none} body.minna-edition #app .task-sheet-layer[data-task-route="monoMenu"] .task-sheet{ flex:0 0 auto;width:min(88%,360px);height:100%!important;max-height:100%!important;min-height:0!important; border:0!important;border-radius:24px 0 0 24px!important;background:var(--mono-paper);box-shadow:-10px 0 40px #0000000d; transform:translateX(100%)!important;opacity:1!important;transition:transform 220ms cubic-bezier(.2,.7,.2,1); } body.minna-edition #app .task-sheet-layer[data-task-route="monoMenu"].is-ready .task-sheet{transform:translateX(0)!important} body.minna-edition #app .task-sheet-layer[data-task-route="monoMenu"] #mono-menu-dialog>.task-sheet-chrome{ display:grid!important;grid-template-columns:minmax(0,1fr) 44px!important;min-height:80px;padding:22px 17px 12px;gap:8px;border-bottom:0;background:var(--mono-paper);touch-action:pan-y; } body.minna-edition #app .task-sheet-layer[data-task-route="monoMenu"] .task-sheet-chrome #task-sheet-title{grid-column:1;grid-row:1;margin:0;padding:0 3px;width:100%;font-size:1.75rem;line-height:1.15;letter-spacing:-.045em;font-weight:600} body.minna-edition #app .task-sheet-layer[data-task-route="monoMenu"] .task-sheet-chrome .task-sheet-close{grid-column:2;grid-row:1;justify-self:end;background:var(--mono-soft)!important;border-radius:50%!important} body.minna-edition #app .task-sheet-layer[data-task-route="monoMenu"] :is(.task-sheet-back,.task-sheet-help,.task-sheet-grab,#lumo-scan-qr){display:none!important} body.minna-edition #app .task-sheet-layer[data-task-route="monoMenu"] #view.task-sheet-body{display:block!important;flex:1 1 auto;min-height:0;height:auto;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch} body.minna-edition #app .task-sheet-layer[data-task-route="monoMenu"] .screen-monoMenu{padding:0 20px calc(20px + env(safe-area-inset-bottom))!important;min-height:0;height:auto} body.minna-edition #app .task-sheet-layer[data-task-route="monoMenu"] #view .mono-menu-owner{margin:0 0 26px;padding:0 2px} body.minna-edition #app .task-sheet-layer[data-task-route="monoMenu"] #view .mono-menu-group{margin-bottom:25px} body.minna-edition #app .task-sheet-layer[data-task-route="monoMenu"] #view .mono-menu-group>div{border:0;border-radius:0;background:transparent;padding:0} body.minna-edition #app .task-sheet-layer[data-task-route="monoMenu"] #view .mono-menu-item{min-height:66px;grid-template-columns:32px minmax(0,1fr) 14px;gap:10px;padding:13px 0} body.minna-edition #app .task-sheet-layer[data-task-route="monoMenu"] #view .mono-menu-icon{width:32px;height:32px;border-radius:11px} @media(min-width:900px){body.minna-edition #app .task-sheet-layer[data-task-route="monoMenu"] .task-sheet{border-radius:24px 28px 28px 24px!important}} /* The former illustration grid reserves a tall label row even without art. Release that unused space on phones, keeping the existing money formatting. */ @media(max-width:899px){ body.minna-edition #app #view .mono-home .everyday-primary-money{display:block!important;grid-template:none!important} body.minna-edition #app #view .mono-home .everyday-primary-label{display:block!important;width:100%;height:auto!important;min-height:0!important;padding:0!important;margin-bottom:7px!important} } /* Compact only the existing spacing on shorter phones. Content grows and scrolls for long values, extra notices and enlarged text. Nothing is cut off. */ @media(max-height:760px) and (max-width:899px){ body.minna-edition #app .screen-home{padding-top:10px!important;padding-bottom:10px!important} body.minna-edition #app .mono-home .home-greeting{margin-bottom:12px!important} body.minna-edition #app .mono-home-intro{margin-bottom:14px} body.minna-edition #app .mono-home-intro>p{font-size:1.5rem;line-height:1.2!important;margin-bottom:4px} body.minna-edition #app .mono-home-intro>span{font-size:.75rem} body.minna-edition #app #view .mono-home-intro>span{font-size:.75rem;line-height:1.4!important} body.minna-edition #app .mono-home .mono-money-card{padding-top:18px!important} body.minna-edition #app .mono-home .everyday-account-heading{margin-bottom:12px} body.minna-edition #app #view .mono-home .everyday-primary-money{display:block!important;grid-template:none!important} body.minna-edition #app #view .mono-home .everyday-primary-label{display:block!important;width:100%;height:auto!important;min-height:0!important;padding:0!important;margin-bottom:5px!important} body.minna-edition #app .mono-home .everyday-primary-money>strong{font-size:2.875rem!important;min-height:1.13em!important} body.minna-edition #app .mono-home .mono-available-row{margin-top:10px} body.minna-edition #app .mono-home .mono-budget-link{margin-top:12px!important;min-height:44px!important;padding:10px 0!important} body.minna-edition #app .mono-home .mono-home-actions{margin:16px 0!important} body.minna-edition #app .mono-home .mono-quick-action{min-height:69px!important;gap:7px!important} body.minna-edition #app .mono-home .mono-action-icon{width:46px;height:46px;border-radius:15px} body.minna-edition #app .mono-home .everyday-boxes-open{min-height:100px!important;padding:16px!important} body.minna-edition #app .mono-home .everyday-savings-amount{font-size:1.5rem!important;margin-top:8px!important} } @media(max-width:359px){ body.minna-edition #app>#nav.mono-primary-nav:not([hidden]){padding-inline:14px} body.minna-edition #app #view .mono-menu-group>div{padding-inline:12px} body.minna-edition #app #view .mono-menu-item{grid-template-columns:32px minmax(0,1fr) 14px;gap:10px} body.minna-edition #app #view .mono-menu-icon{width:32px;height:32px;border-radius:10px} } @media(max-height:700px) and (max-width:899px){ body.minna-edition #app .screen-home{padding-bottom:6px!important} body.minna-edition #app .mono-home .home-greeting{margin-bottom:10px!important} body.minna-edition #app .mono-home-intro{margin-bottom:10px} body.minna-edition #app .mono-home .mono-home-actions{margin:12px 0!important} body.minna-edition #app .mono-home .mono-quick-action{min-height:64px!important;gap:5px!important} body.minna-edition #app .mono-home .mono-action-icon{width:44px;height:44px} } /* Matching, compact Home cards: saved money and one useful spending highlight. Natural height preserves long names, balances and enlarged type. */ body.minna-edition #app #view .mono-home .everyday-boxes-open{ grid-template-columns:32px minmax(0,1fr) 16px!important;grid-template-rows:auto!important; gap:0 10px!important;min-height:80px!important;padding:15px 16px!important;align-items:center; } body.minna-edition #app #view .mono-home .mono-box-symbol{width:32px;height:32px;border-radius:11px;grid-row:1} body.minna-edition #app #view .mono-home .mono-box-symbol svg{width:21px;height:21px} body.minna-edition #app #view .mono-home .everyday-boxes-open>svg{grid-column:3!important;grid-row:1!important;margin:0;width:16px} body.minna-edition #app #view .mono-home .everyday-savings-amount{grid-column:auto!important;grid-row:auto!important;flex:0 1 auto;width:auto!important;min-width:0;max-width:100%;font-size:1.125rem!important;margin:0!important;text-align:right;letter-spacing:-.04em!important} body.minna-edition #app #view .mono-home .mono-box-meta{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:4px 12px;width:100%!important} body.minna-edition #app #view .mono-home .mono-box-meta>small{font-size:.8125rem;line-height:1.4;color:#6c6c6c} body.minna-edition #app #view .mono-home .mono-story-card{padding:0!important;margin:10px 0 0!important;border:1px solid #e2e2e2!important;border-radius:20px!important;background:#fff!important} body.minna-edition #app #view .mono-story-open{display:grid;grid-template-columns:32px minmax(0,1fr) 16px;gap:10px;align-items:center;width:100%;min-height:80px;padding:15px 16px;border:0;border-radius:20px;background:transparent;color:#161616;text-align:left} body.minna-edition #app #view .mono-story-symbol{display:grid;place-items:center;width:32px;height:32px;border-radius:11px;background:#f0f0f0} body.minna-edition #app #view .mono-story-copy{display:flex;flex-direction:column;min-width:0;gap:5px} body.minna-edition #app #view .mono-story-heading{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:2px 10px} body.minna-edition #app #view .mono-story-heading strong{font-size:.9375rem;line-height:1.3;font-weight:600;letter-spacing:-.025em} body.minna-edition #app #view .mono-story-heading small{font-size:.75rem;line-height:1.4;color:#6c6c6c;font-weight:400;white-space:nowrap} body.minna-edition #app #view .mono-story-highlight{font-size:.8125rem;line-height:1.4;color:#6c6c6c;overflow-wrap:anywhere} body.minna-edition #app #view .mono-story-open>svg{width:16px} body.minna-edition #app #view .mono-story-open:focus-visible{outline:2px solid #161616;outline-offset:3px} @media(min-height:761px){ body.minna-edition #app .mono-home .home-greeting{margin-bottom:16px!important} body.minna-edition #app .mono-home-intro{margin-bottom:16px} body.minna-edition #app .mono-home .mono-money-card{padding-top:20px!important} body.minna-edition #app .mono-home .everyday-account-heading{margin-bottom:16px} body.minna-edition #app .mono-home .mono-available-row{margin-top:14px} body.minna-edition #app .mono-home .mono-budget-link{margin-top:16px!important} body.minna-edition #app .mono-home .mono-home-actions{margin:16px 0!important} } @media(max-height:760px) and (max-width:899px){ body.minna-edition #app .mono-home-intro{margin-bottom:12px} body.minna-edition #app .mono-home-intro>span{display:none} body.minna-edition #app .mono-home .everyday-account-heading{margin-bottom:8px} body.minna-edition #app .mono-home .mono-home-actions{margin:10px 0!important} body.minna-edition #app #view .mono-home .everyday-boxes-open, body.minna-edition #app #view .mono-story-open{min-height:72px!important;padding-block:12px!important} body.minna-edition #app #view .mono-home .mono-story-card{margin-top:8px!important} } @media(max-height:700px) and (max-width:899px){ body.minna-edition #app .mono-home .home-greeting{margin-bottom:8px!important} body.minna-edition #app .mono-home-intro{margin-bottom:8px} body.minna-edition #app .mono-home .mono-money-card{padding-top:16px!important} body.minna-edition #app .mono-home .everyday-account-heading{margin-bottom:6px} body.minna-edition #app .mono-home .mono-available-row{margin-top:8px} body.minna-edition #app .mono-home .mono-budget-link{margin-top:8px!important} body.minna-edition #app .mono-home .mono-home-actions{margin:8px 0!important} } /* A useful question with a little character. The account remains the first thing on Home; this is one conversational action, never an automatic reply. */ body.minna-edition #app #view .mono-conversation-card{padding:0!important;margin:10px 0 0!important;border:1px solid #f4f4f4!important;border-radius:20px!important;background:#f4f4f4!important;color:#161616;overflow:visible} body.minna-edition #app #view .mono-conversation-open{display:grid;grid-template-columns:86px minmax(0,1fr);gap:12px;align-items:center;width:100%;min-height:112px;padding:12px 16px 12px 10px;border:0;border-radius:20px;background:transparent;color:#161616;text-align:left} body.minna-edition #app #view .mono-conversation-art{display:grid;place-items:center;min-width:0;pointer-events:none} body.minna-edition #app #view .mono-conversation-art svg{display:block;width:100%;height:auto;max-height:90px;overflow:visible} body.minna-edition #app #view .mono-conversation-copy{display:flex;flex-direction:column;align-items:flex-start;min-width:0;gap:5px} body.minna-edition #app #view .mono-conversation-eyebrow{font-size:.75rem;line-height:1.3;font-weight:500;color:#333} body.minna-edition #app #view .mono-conversation-question{font-size:1.0625rem;line-height:1.2;letter-spacing:-.025em;font-weight:600;overflow-wrap:anywhere} body.minna-edition #app #view .mono-conversation-cta{display:flex;align-items:center;gap:5px;font-size:.75rem;line-height:1.35;font-weight:500;margin-top:2px} body.minna-edition #app #view .mono-conversation-open:focus-visible{outline:2px solid #161616;outline-offset:3px} body.minna-edition #app :is(.screen-plan,.screen-pay,.screen-more,.screen-cardsHome,.screen-moneyStoryHome){touch-action:pan-y pinch-zoom} @media(min-height:761px){ body.minna-edition #app .mono-home-intro>span{display:none} body.minna-edition #app .mono-home-intro{margin-bottom:10px} body.minna-edition #app .mono-home .home-greeting{margin-bottom:10px!important} body.minna-edition #app .screen-home{padding-bottom:12px!important} } @media(max-height:760px) and (max-width:899px){ body.minna-edition #app #view .mono-conversation-card{margin-top:8px!important} body.minna-edition #app #view .mono-conversation-open{grid-template-columns:70px minmax(0,1fr);gap:10px;min-height:96px;padding:10px 14px 10px 8px} body.minna-edition #app #view .mono-conversation-cta{display:none} } @media(max-height:700px) and (max-width:899px){ body.minna-edition #app .mono-home-intro>p{font-size:1.25rem;line-height:1.2!important} body.minna-edition #app .mono-home-intro{margin-bottom:4px!important} body.minna-edition #app .mono-home .mono-money-card{padding-top:14px!important} body.minna-edition #app .mono-home .everyday-account-heading{margin-bottom:4px!important} body.minna-edition #app .mono-home .everyday-primary-money>strong{font-size:2.6rem!important} body.minna-edition #app .mono-home .mono-available-row{margin-top:6px!important} body.minna-edition #app .mono-home .mono-budget-link{margin-top:6px!important} body.minna-edition #app .mono-home .mono-home-actions{margin:6px 0!important} } /* Ask Lumo is a flagship Home surface: campus life, a real question, one tap. Compact secondary controls give the original student scene room to breathe. */ body.minna-edition #app #view .mono-home-intro{position:absolute!important;width:1px!important;height:1px!important;margin:0!important;padding:0!important;overflow:hidden!important;clip-path:inset(50%);white-space:nowrap} body.minna-edition #app #view .mono-home .mono-home-actions{gap:8px!important;margin:12px 0!important} body.minna-edition #app #view .mono-home .mono-quick-action{flex-direction:row!important;justify-content:center!important;align-items:center!important;min-height:44px!important;gap:6px!important;padding:8px 6px!important;background:#eee!important;border-radius:14px!important;line-height:1.2!important;min-width:0;overflow-wrap:anywhere} body.minna-edition #app #view .mono-home .mono-quick-action.mono-action-acid{background:#d7ff3f!important} body.minna-edition #app #view .mono-home .mono-action-icon{width:18px!important;height:20px!important;border-radius:0!important;background:transparent!important;flex:0 0 18px} body.minna-edition #app #view .mono-home .mono-action-icon svg{width:18px!important;height:18px!important} body.minna-edition #app #view .mono-home .everyday-boxes-open{min-height:65px!important;padding:8px 16px!important} body.minna-edition #app #view .mono-conversation-card{margin-top:10px!important;overflow:hidden;border:0!important;container-type:inline-size} body.minna-edition #app #view .mono-conversation-open{position:relative;display:flex;align-items:flex-end;isolation:isolate;min-height:190px;padding:18px;overflow:hidden;background:#333} body.minna-edition #app #view .mono-conversation-open::after{content:"";position:absolute;inset:0;z-index:0;background:linear-gradient(90deg,rgba(10,10,10,.78) 0%,rgba(10,10,10,.68) 38%,rgba(10,10,10,.05) 72%,rgba(10,10,10,0) 100%),linear-gradient(0deg,rgba(10,10,10,.92) 0%,rgba(10,10,10,.83) 22%,rgba(10,10,10,.12) 56%,rgba(10,10,10,0) 100%);pointer-events:none} body.minna-edition #app #view .mono-conversation-art{position:absolute;inset:0;display:block;width:100%;height:100%;z-index:-1} body.minna-edition #app #view .mono-conversation-art img{display:block;width:100%;height:100%;object-fit:cover;object-position:center} body.minna-edition #app #view .mono-conversation-art svg.mono-campus-signal{position:absolute;inset:0;display:block;width:100%;height:100%;max-height:none;overflow:hidden;pointer-events:none} body.minna-edition #app #view .mono-campus-pulse{fill:none;stroke:#d7ff3f;stroke-width:6;opacity:0;transform-box:fill-box;transform-origin:center} body.minna-edition #app #view .mono-conversation-copy{position:relative;z-index:1;width:min(82%,22rem);min-width:0;gap:6px;background:transparent;text-align:left;color:#fff} body.minna-edition #app #view .mono-conversation-eyebrow{display:flex;flex-wrap:nowrap;align-items:center;gap:8px;font-size:1.625rem;line-height:1.08;font-weight:700;letter-spacing:-.055em;color:#fff;white-space:nowrap} body.minna-edition #app #view .mono-conversation-eyebrow svg{flex:0 0 21px} body.minna-edition #app #view .mono-conversation-question{font-size:1rem;line-height:1.25;font-weight:500;letter-spacing:-.025em;color:#fff} @keyframes mono-campus-arrive{from{transform:scale(1.035) translateY(1px)}to{transform:scale(1) translateY(0)}} @keyframes mono-campus-clarity{0%,100%{opacity:0;transform:scale(.9)}20%{opacity:.65}85%{opacity:0;transform:scale(2.1)}} @media(prefers-reduced-motion:no-preference){ body.minna-edition #app #view .mono-conversation-art{animation:mono-campus-arrive 4.6s ease-out both} body.minna-edition #app #view .mono-campus-pulse{animation:mono-campus-clarity 2.1s ease-out 2} } @media(max-height:760px) and (max-width:899px){ body.minna-edition #app #view .mono-home .mono-home-actions{margin:8px 0!important} body.minna-edition #app #view .mono-conversation-card{margin-top:8px!important} body.minna-edition #app #view .mono-conversation-open{min-height:166px;padding:16px;grid-template-columns:none} body.minna-edition #app #view .mono-conversation-eyebrow{font-size:1.375rem;gap:4px} body.minna-edition #app #view .mono-conversation-eyebrow svg{flex-basis:18px;width:18px;height:18px} body.minna-edition #app #view .mono-conversation-copy{gap:6px} } @container (max-width:14rem){ body.minna-edition #app #view .mono-conversation-copy{width:100%} body.minna-edition #app #view .mono-conversation-open::after{background:rgba(10,10,10,.82)} } @media(max-height:700px) and (max-width:899px){ body.minna-edition #app #view.screen-home,body.minna-edition #app #view .screen-home{padding-bottom:4px!important} body.minna-edition #app #view .mono-home .mono-money-card{padding-top:12px!important} body.minna-edition #app #view .mono-home .everyday-primary-money>strong{font-size:2.35rem!important} body.minna-edition #app #view .mono-home .mono-home-actions{margin:6px 0!important} } /* The daily overview explains its figures and shows one useful observation. Long values, names and larger type keep their natural height. */ body.minna-edition #app #view .mono-home .mono-budget-basis{display:flex;align-items:center;flex-wrap:wrap;gap:2px 10px;margin-top:2px!important;color:#d0d0d0!important} body.minna-edition #app #view .mono-home :is(.mono-money-card,.mono-boxes-card){container-type:inline-size} body.minna-edition #app #view .mono-home .mono-budget-date-action{display:inline-flex;align-items:center;min-height:24px;padding:0;border:0;background:transparent;color:#d7ff3f;font:inherit;font-size:.75rem;line-height:1.3;text-decoration:underline;text-underline-offset:3px} body.minna-edition #app #view .mono-home .mono-available-row{display:grid!important;grid-template-columns:minmax(0,1fr);gap:8px!important;margin-top:8px!important} body.minna-edition #app #view .mono-home .mono-balance-cell{display:flex;flex-direction:row;align-items:baseline;flex-wrap:wrap;gap:2px 6px;min-width:0;font-size:.75rem;line-height:1.25;color:#c4c4c4} body.minna-edition #app #view .mono-home .mono-balance-cell>strong{font-size:.875rem;font-weight:500;color:#fff;white-space:normal;overflow-wrap:anywhere;min-height:1.25em} body.minna-edition #app #view .mono-home .mono-budget-link{min-height:44px!important;padding:10px 0!important;margin-top:8px!important;font-size:.8125rem!important} body.minna-edition #app #view .mono-home .everyday-boxes-open{grid-template-columns:30px minmax(0,1fr) 14px!important;gap:0 10px!important;min-height:74px!important;padding:10px 12px!important} body.minna-edition #app #view .mono-home .mono-box-symbol{width:30px!important;height:34px!important;border-radius:10px;background:#f1f1f1;align-self:center;grid-row:1/-1!important} body.minna-edition #app #view .mono-home .mono-box-copy{display:grid!important;grid-template-columns:minmax(min-content,1fr) minmax(0,max-content)!important;gap:3px 12px!important;width:100%!important;align-items:center} body.minna-edition #app #view .mono-home .mono-box-title{grid-column:1;grid-row:1;font-size:.875rem!important;font-weight:600;line-height:1.3;letter-spacing:-.025em;white-space:normal!important;overflow-wrap:normal} /* First-box invitation uses the same compact card, with no empty balance. */ body.minna-edition #app #view .mono-home .mono-box-copy.mono-box-empty-copy{grid-template-columns:minmax(0,1fr)!important} body.minna-edition #app #view .mono-home .mono-box-empty-note{grid-column:1;grid-row:2;font-size:.75rem!important;line-height:1.4!important;color:#595959} body.minna-edition #app #view .mono-home .mono-box-count{display:inline-block;vertical-align:baseline;margin-left:3px;padding:2px 5px;border-radius:5px;background:#ededed;color:#595959;font-size:.6875rem;font-weight:500;line-height:1.25;letter-spacing:0;white-space:nowrap} body.minna-edition #app #view .mono-home .mono-box-total-label{grid-column:1;grid-row:2;font-size:.75rem!important;line-height:1.3!important;color:#595959} body.minna-edition #app #view .mono-home .mono-box-copy>.everyday-savings-amount{grid-column:2!important;grid-row:1/span 2!important;align-self:center;justify-self:end;font-size:1rem!important;line-height:1.25!important;margin:0!important;min-width:0;max-width:100%} body.minna-edition #app #view .mono-home .everyday-boxes-open>svg{margin-top:0!important;align-self:center;grid-row:1/-1!important} body.minna-edition #app #view .mono-home .home-header-actions .avatar{background:#eee!important;border:1px solid #dedede!important;border-radius:50%!important;font-size:.75rem;font-weight:600;color:#161616!important} body.minna-edition #app #view .mono-home .home-header-actions svg{stroke-width:1.7} body.minna-edition #app #view .mono-conversation-open::after{background:linear-gradient(90deg,rgba(10,10,10,.8),rgba(10,10,10,.7) 58%,rgba(10,10,10,.1) 82%,rgba(10,10,10,0)),linear-gradient(0deg,rgba(10,10,10,.55),rgba(10,10,10,0) 72%)} body.minna-edition #app #view .mono-conversation-copy{width:70%;gap:5px} body.minna-edition #app #view .mono-conversation-eyebrow{font-size:1.25rem;line-height:1.15} body.minna-edition #app #view .mono-conversation-insight{display:block;font-size:.9375rem;line-height:1.3;font-weight:600;letter-spacing:-.015em;min-height:4em;color:#fff;overflow-wrap:anywhere} body.minna-edition #app #view .mono-conversation-insight-detail{display:block;margin-top:3px;font-size:.8125rem;line-height:1.3;font-weight:400;letter-spacing:0;color:#eee} body.minna-edition #app #view .mono-conversation-question{font-size:.8125rem;line-height:1.3;font-weight:500;letter-spacing:0;color:#fff;text-decoration:underline;text-underline-offset:3px} @container(max-width:14rem){ body.minna-edition #app #view .mono-conversation-copy{width:100%} body.minna-edition #app #view .mono-conversation-open::after{background:rgba(10,10,10,.82)} body.minna-edition #app #view .mono-home .mono-available-row{grid-template-columns:minmax(0,1fr)} } @media(max-height:760px) and (max-width:899px){ body.minna-edition #app #view .mono-home .home-greeting{margin-bottom:4px!important} body.minna-edition #app #view .mono-home .mono-money-card{padding-inline:20px!important} body.minna-edition #app #view .mono-home .everyday-account-heading{margin-bottom:0!important} body.minna-edition #app #view .mono-home .mono-available-row{margin-top:6px!important} body.minna-edition #app #view .mono-home .mono-balance-cell{flex-direction:row;align-items:baseline;flex-wrap:wrap;gap:2px 5px} body.minna-edition #app #view .mono-home .mono-balance-cell>strong{font-size:.8125rem} body.minna-edition #app #view .mono-home .mono-budget-link{margin-top:6px!important} body.minna-edition #app #view .mono-conversation-card{margin-top:6px!important} } @media(max-width:360px){ body.minna-edition #app #view .mono-home .mono-quick-action{flex-direction:column!important;gap:2px!important;overflow-wrap:normal!important;word-break:normal} body.minna-edition #app #view .mono-home .mono-action-icon{height:18px!important} } @container(max-width:17rem){ body.minna-edition #app #view .mono-home .mono-box-copy{grid-template-columns:minmax(0,1fr)!important;gap:5px!important} body.minna-edition #app #view .mono-home .mono-box-title{grid-column:1;grid-row:1} body.minna-edition #app #view .mono-home .mono-box-total-label{grid-column:1;grid-row:2} body.minna-edition #app #view .mono-home .mono-box-copy>.everyday-savings-amount{grid-column:1!important;grid-row:3!important;justify-self:start} } /* Home has one content scroller. Contain only painting outside the app frame; native task sheets keep their own viewport when Home is retained beneath. */ body.minna-edition #app:has(>#view>.screen-home){overflow:clip} /* The supplied character belongs to Lumo, paired with the assistant name. A centred square viewport preserves the complete original mark. */ body.minna-edition #app #view .mono-conversation-eyebrow{gap:8px} body.minna-edition #app #view .mono-lumo-avatar{display:block;flex:0 0 32px;width:32px;height:32px;border-radius:50%;overflow:hidden;background:#101010;pointer-events:none} body.minna-edition #app #view .mono-lumo-avatar img{display:block;width:100%;height:100%;max-width:none;object-fit:cover;object-position:50% 50%;pointer-events:none} /* Supporting money uses neutral glyphs for equal intrinsic wrapping in both privacy states. The reserve is generated, invisible and never a real value. */ body.minna-edition #app #view .mono-home .mono-balance-cell>.mono-context-amount{display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"context-amount";min-width:0;max-width:100%;font-variant-numeric:tabular-nums} body.minna-edition #app #view .mono-home .mono-context-amount>:is([data-private-value],.mono-context-value), body.minna-edition #app #view .mono-home .mono-context-amount::after{grid-area:context-amount;min-width:0;max-width:100%;white-space:normal;overflow-wrap:anywhere;font:inherit;line-height:inherit;letter-spacing:inherit} body.minna-edition #app #view .mono-home .mono-context-amount::after{content:"GH₵000.00";visibility:hidden;pointer-events:none} body.minna-edition #app #view .mono-home .has-wide-context-amount::after{content:"GH₵0,000,000.00"} body.minna-edition #app #view .mono-home .has-huge-context-amount::after{content:"GH₵000,000,000,000.00"} /* Source: mono-collections.css | sha256:8b6b20ed1b29b33168c10fe02dd8abb98a53da79f312b93765e1368441e7c4c8 */ /* Edition-owned orientation, within the existing task body's scroll surface. */ body.minna-edition #app #view .gm-page .mono-collection-steps{ display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px; list-style:none;margin:0 0 22px;padding:0;min-width:0; } body.minna-edition #app #view .gm-page .mono-collection-steps>li{ display:flex;flex-direction:column;align-items:flex-start;gap:8px;min-width:0; border-top:2px solid var(--mono-line);padding:10px 0 0;color:var(--mono-muted); } body.minna-edition #app #view .gm-page .mono-collection-steps>li>span{ display:grid;place-items:center;width:24px;height:24px;flex:none;border-radius:50%; background:var(--mono-soft);font-size:.8125rem;line-height:1;color:var(--mono-muted); } body.minna-edition #app #view .gm-page .mono-collection-steps>li>strong{ font-size:.8125rem;line-height:1.4;font-weight:500;letter-spacing:0;overflow-wrap:normal; } body.minna-edition #app #view .gm-page .mono-collection-steps>li[aria-current="step"]{border-color:var(--mono-ink);color:var(--mono-ink)} body.minna-edition #app #view .gm-page .mono-collection-steps>li[aria-current="step"]>span{background:var(--mono-acid);color:var(--mono-ink)} body.minna-edition #app #view .gm-page .mono-collection-steps>li.is-complete{border-color:var(--mono-ink)} body.minna-edition #app #view .gm-page .mono-collection-context{ display:block;min-width:0;margin:0 0 20px;padding:15px 0; border-block:1px solid var(--mono-line);background:transparent;color:var(--mono-ink); } body.minna-edition #app #view .gm-page .mono-collection-facts{ display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:16px; padding:0;margin:0;min-width:0; } body.minna-edition #app #view .gm-page .mono-collection-facts>div{min-width:0} body.minna-edition #app #view .gm-page .mono-collection-facts dt{ margin:0 0 5px;font-size:.8125rem;line-height:1.4;color:var(--mono-muted);font-weight:400; } body.minna-edition #app #view .gm-page .mono-collection-facts dd{ margin:0;font-size:.875rem;line-height:1.45;color:var(--mono-ink);font-weight:600;overflow-wrap:anywhere; } body.minna-edition #app #view .gm-page .mono-collection-next{ display:flex;flex-direction:column;align-items:flex-start;gap:5px;margin:14px 0 0!important; font-size:.875rem;line-height:1.5;color:var(--mono-ink); } body.minna-edition #app #view .gm-page .mono-collection-next>strong{font-size:.8125rem;font-weight:500;color:var(--mono-muted)} body.minna-edition #app #view .gm-page .mono-collection-context .gm-mandate-summary{ margin:16px 0 0;padding:0;border:0;border-radius:0;background:transparent; } body.minna-edition #app #view .gm-page .mono-collection-context .gm-mandate-summary>h2{font-size:1.0625rem;line-height:1.4;margin:5px 0} body.minna-edition #app #view .gm-page .mono-collection-invitation{padding-top:0;border-top:0} body.minna-edition #app #view .gm-page .mono-collection-invitation .gm-invitation-role, body.minna-edition #app #view .gm-page .mono-collection-invitation .gm-invitation-mandate{ margin:0;padding:0;border:0;border-radius:0;background:transparent; } body.minna-edition #app #view .gm-page .mono-collection-invitation .gm-invitation-mandate{margin-top:16px;padding-top:15px;border-top:1px solid var(--mono-line)} body.minna-edition #app #view .gm-page .mono-collection-invitation .gm-invitation-mandate h2{font-size:1.0625rem;line-height:1.4} @media(max-width:359px){body.minna-edition #app #view .gm-page .mono-collection-facts{grid-template-columns:minmax(0,1fr);gap:12px}} /* Source: mono-brand.css | sha256:0b4f0a501a8422b54363c30b3018f1dce88ba42fa6ad69ca6562dae298deed38 */ /* One exact character, used at a few legible sizes. The artwork is never filtered, mirrored, recoloured or used in place of a security/status icon. */ body.minna-edition .mono-brand-avatar{display:inline-block;flex:none;width:32px;height:32px;overflow:hidden;border-radius:50%;background:#101010;vertical-align:middle;pointer-events:none} body.minna-edition .mono-brand-avatar>img{display:block!important;width:100%!important;height:100%!important;max-width:none!important;object-fit:cover;object-position:50% 50%;filter:none!important;transform:none!important} body.minna-edition .mono-brand-avatar-mini{width:24px;height:24px} body.minna-edition .mono-brand-avatar-greeting{width:72px;height:72px} body.minna-edition .mono-brand-avatar-welcome{width:112px;height:112px} body.minna-edition .mono-brand-avatar-empty{display:block;width:64px;height:64px;margin:0 auto 16px} body.minna-edition .mono-brand-lockup{display:inline-flex;align-items:center;gap:8px;min-width:0;flex:none;color:#161616;line-height:1} body.minna-edition .mono-brand-wordmark{display:block!important;width:62px!important;min-width:0!important;height:auto;filter:none!important} body.minna-edition #app .mono-root-header>.mono-brand-lockup{margin-right:auto} body.minna-edition #app .home-greeting>.mono-brand-lockup{margin-right:auto} body.minna-edition #app .mono-brand-lockup-menu{display:flex;margin:4px 0 14px;gap:10px} body.minna-edition #app .mono-brand-lockup-menu>.mono-brand-avatar{width:44px;height:44px} body.minna-edition #app .mono-brand-lockup-menu .mono-brand-wordmark{width:76px!important} body.minna-edition #app .mono-brand-attribution{display:flex;align-items:center;gap:8px;color:var(--mono-muted,#6c6c6c);font-size:.75rem;line-height:1.4;font-weight:600;letter-spacing:.01em;margin:0 0 10px} /* Welcome carries the same black field and bold single mark as the billboard. */ body.minna-edition #app .mono-welcome-picture{background:#101010;border-radius:24px;min-height:210px;margin:20px 0 24px;flex:1 0 210px} body.minna-edition #app .mono-brand-avatar-hero{width:190px;height:190px;border-radius:0} body.minna-edition #app .mono-welcome-copy .mono-kicker{letter-spacing:.08em;font-size:.6875rem} body.minna-edition #app .mono-welcome h1{font-size:clamp(2.25rem,10vw,3rem)!important} body.minna-edition #app .mono-welcome-copy{margin-bottom:24px} body.minna-edition .desktop-note>.mono-desktop-identity{display:flex;align-items:center;gap:12px} body.minna-edition .desktop-note .mono-brand-avatar{width:48px;height:48px} body.minna-edition #app .launch-screen.mono-brand-launch{background:#101010!important;gap:20px} body.minna-edition #app .mono-brand-launch .mono-brand-avatar{width:112px;height:112px} body.minna-edition #app .mono-brand-launch .launch-dot{background:var(--mono-acid,#d7ff3f)!important} /* Setup keeps its space for the task, with a consistent signature in its row. */ body.minna-edition #app .mono-setup-identity{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:0;flex:1} body.minna-edition #app .screen .onboarding-page>.topline .mono-setup-identity>.eyebrow{min-width:0;white-space:normal;overflow-wrap:anywhere!important;word-break:normal!important;font-size:.6875rem;line-height:1.4;letter-spacing:.06em} body.minna-edition #app .mono-brand-ready>.mono-brand-avatar{margin:24px 0 0} /* The assistant has its own face; the customer's profile keeps their initials. */ body.minna-edition #app .hibiscus-chat-header-title.mono-brand-chat-title{display:inline-flex!important;justify-content:flex-start;gap:8px;flex:1 1 auto;width:auto;min-width:0;height:auto;font-size:.8125rem!important;line-height:1.3;font-weight:600;white-space:normal} body.minna-edition #app .mono-brand-chat-title::before{display:none!important} body.minna-edition #app .mono-brand-chat-title>.mono-brand-avatar{width:28px;height:28px} body.minna-edition #app .hibiscus-chat-header.has-context-return .mono-brand-chat-title{display:none!important} body.minna-edition #app .hibiscus-chat-feed-greeting{display:grid;grid-template-columns:minmax(0,1fr) 72px;column-gap:12px;align-items:start} body.minna-edition #app .hibiscus-chat-feed-greeting>.mono-brand-avatar{grid-column:2;grid-row:1/4;margin-top:5px} body.minna-edition #app .hibiscus-chat-feed-greeting>:not(.mono-brand-avatar){grid-column:1;min-width:0} body.minna-edition #app .hibiscus-chat-feed-greeting h2{font-size:2rem!important;line-height:1.08!important} body.minna-edition #app .hibiscus-chat-is-feed .mono-brand-chat-title>.mono-brand-avatar{display:none} body.minna-edition #app .chat-bubble>.mono-brand-attribution{margin:0 0 12px} body.minna-edition #app .ms-insights>.mono-brand-attribution{padding-top:16px;margin-bottom:0} body.minna-edition #app .mono-card-identity{display:flex;align-items:center;gap:8px;min-width:0} body.minna-edition #app .mono-card-identity .vc-wordmark{width:64px!important;min-width:0!important} /* Remove the former decorative card rings; the character is the signature. */ body.minna-edition #app .vc-face::before,body.minna-edition #app .vc-face::after{display:none!important} body.minna-edition #app .mono-brand-lockup-qr{align-self:center;justify-content:center;margin:0} body.minna-edition #app .mono-brand-pause>.mono-brand-attribution{margin-bottom:8px} body.minna-edition #app .mono-brand-empty-line{display:flex;align-items:center;gap:10px} body.minna-edition #app .mono-brand-help{display:flex;align-items:center;gap:16px;padding:16px 0} body.minna-edition #app .mono-brand-help>p{margin:0;font-size:1rem;line-height:1.5;max-width:20ch} /* A small, non-interactive brand signature travels with native task chrome. */ body.minna-edition #app .task-sheet-layer:not([data-task-route="monoMenu"]) .task-sheet-chrome #task-sheet-title{display:flex;align-items:center;justify-content:center;gap:8px;min-width:0} body.minna-edition #app .task-sheet-layer:not([data-task-route="monoMenu"]) .task-sheet-chrome #task-sheet-title::before{content:"";display:block;flex:0 0 24px;width:24px;height:24px;border-radius:50%;background:#101010 url('/brand/lumo-avatar-icon-192.png') center/cover no-repeat} @media(max-height:720px){ body.minna-edition #app .mono-welcome-picture{min-height:148px;flex-basis:148px;margin:14px 0 18px} body.minna-edition #app .mono-brand-avatar-hero{width:140px;height:140px} body.minna-edition #app .mono-welcome-copy{margin-bottom:18px} body.minna-edition #app .mono-welcome h1{font-size:2.25rem!important;margin-bottom:12px!important} body.minna-edition #app .mono-welcome-copy .mono-kicker{display:none} } @media(max-width:350px){ body.minna-edition #app .mono-brand-lockup-root{gap:6px} body.minna-edition #app .mono-brand-lockup-root>.mono-brand-avatar{width:28px;height:28px} body.minna-edition #app .mono-brand-lockup-root>.mono-brand-wordmark{width:50px!important} body.minna-edition #app .mono-brand-chat-title{gap:6px} body.minna-edition #app .mono-brand-chat-title>.mono-brand-avatar{width:24px;height:24px} body.minna-edition #app .hibiscus-chat-feed-greeting{grid-template-columns:minmax(0,1fr) 60px} body.minna-edition #app .hibiscus-chat-feed-greeting>.mono-brand-avatar{width:60px;height:60px} } /* On a phone, the step name gets the whole second row. Large text can keep its words together instead of being squeezed between four controls. */ @media(max-width:430px){ body.minna-edition #app .screen .onboarding-page>.topline{display:grid!important;grid-template-columns:44px minmax(0,1fr) 44px;gap:8px;align-items:center} body.minna-edition #app .screen .onboarding-page>.topline.has-qr-corner{grid-template-columns:44px minmax(0,1fr) 44px 44px!important} body.minna-edition #app .screen .onboarding-page>.topline>.icon-btn:first-child{grid-column:1;grid-row:1} body.minna-edition #app .screen .onboarding-page>.topline>.icon-btn:last-of-type{grid-column:3;grid-row:1} body.minna-edition #app .screen .onboarding-page>.topline>#lumo-scan-qr{grid-column:4;grid-row:1} body.minna-edition #app .screen .onboarding-page>.topline>.mono-setup-identity{display:contents} body.minna-edition #app .screen .onboarding-page>.topline .mono-setup-identity>.mono-brand-avatar{grid-column:2;grid-row:1;justify-self:center} body.minna-edition #app .screen .onboarding-page>.topline .mono-setup-identity>.eyebrow{grid-column:1/-1;grid-row:2;width:100%;padding:4px 0 0;text-align:center} } /* Source: mono-review.css | sha256:baf6f4119a4fd6006c74475c6b778ab69261c673b64dcf92085c068ac09ecbd3 */ body.minna-edition #app .ms-chart figcaption .mono-story-window-note{flex:0 0 100%;order:3;display:block;color:var(--mono-muted,#6c6c6c);font-size:.75rem;line-height:1.5;font-weight:400;white-space:normal} /* Match Home's compact account shortcut so QR keeps the same top-corner row. */ body.minna-edition #app .screen .hibiscus-root-header .hibiscus-header-you{display:inline-flex;align-items:center;justify-content:center;flex:0 0 44px;width:44px!important;min-width:44px!important;height:44px;min-height:44px;padding:0!important;gap:0;border-radius:50%!important;background:var(--mono-soft,#f0f0f0)!important} body.minna-edition #app .screen .hibiscus-root-header .hibiscus-header-you>span{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important} /* Source: collection-contributions.css | sha256:2f5dc650645af354dc7cc781745f2d6389cb97dfb06561c8079a028712ba25a0 */ /* Native account-funded contributions. Edition colour and type remain owned by the existing design system. */ body #app #view .collection-contribution-flow{min-width:0;max-width:100%;color:var(--ink);font-family:var(--font-ui,inherit)} body #app #view .collection-contribution-flow :is(h1,h2,p,strong,small){overflow-wrap:anywhere;min-width:0} body #app #view .collection-contribution-flow .cc-destination{display:flex;align-items:center;gap:12px;margin:8px 0 24px} body #app #view .collection-contribution-flow .cc-destination>span{display:grid;place-items:center;flex:none;width:44px;height:44px;border-radius:14px;background:var(--soft);color:var(--ink)} body #app #view .collection-contribution-flow .cc-destination>div{display:flex;flex-direction:column;gap:4px;min-width:0} body #app #view .collection-contribution-flow .cc-destination strong{font-size:1rem;line-height:1.4;font-weight:600} body #app #view .collection-contribution-flow .cc-destination small{color:var(--muted);font-size:.8125rem;line-height:1.4} body #app #view .collection-contribution-flow :is(.cc-source,.cc-target,.cc-consent,.cc-refund-note,.cc-boundary){font-size:.8125rem;line-height:1.5;color:var(--muted);margin:10px 0} body #app #view .collection-contribution-flow .cc-source{color:var(--ink);margin-top:8px} body #app #view .collection-contribution-flow .form>.primary{width:100%;min-height:48px} body #app #view .collection-contribution-flow .form>.text-btn{width:100%;min-height:44px} body #app #view .collection-contribution-flow .summary-line{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;min-width:0} body #app #view .collection-contribution-flow .summary-line>span{flex:1 1 45%;min-width:0} body #app #view .collection-contribution-flow .summary-line>strong{flex:1 1 50%;min-width:0;max-width:65%;text-align:right;overflow-wrap:anywhere} body #app #view .collection-contribution-flow :is(.result-mark,.cc-result-amount,.cc-result-copy){margin:16px 0} body #app #view .collection-contribution-flow .cc-result-copy{font-size:.9375rem;line-height:1.5;color:var(--muted)} body #app #view .collection-contribution-flow .cc-result-amount{font-size:1.0625rem;font-weight:600;line-height:1.4} body #app #view .cc-contribution-action{margin:0 0 18px;min-width:0} body #app #view .cc-contribution-action>.primary{width:100%;min-height:48px;line-height:1.4;white-space:normal} body #app #view .cc-contribution-action>.primary:disabled{opacity:.55;cursor:default} body #app #view .cc-contribution-action>p,body #app #view .cc-member-preview-note{margin:7px 0 0;font-size:.8125rem;line-height:1.45;color:var(--muted)} body #app #view .cc-member-preview-note{margin:0 0 16px} @media(max-width:360px){body #app #view .collection-contribution-flow .summary-line{gap:8px}body #app #view .collection-contribution-flow .summary-line>strong{max-width:60%}} /* Keep the inherited single live consequence neutral in Monochrome. */ body.minna-edition #app #view .collection-contribution-flow #payment-projection{box-shadow:none!important} /* Source: collection-payout-rails.css | sha256:4a88ece00b5df6410579633eb0619826a1d4b6bc998fffbebe77e21914869e27 */ /* Native payment controls, with explicit collection-account context. */ .cpr-flow{min-width:0}.cpr-flow h1{overflow-wrap:anywhere}.cpr-source{display:grid;gap:4px;margin:12px 0 18px;padding:14px 16px;border:1px solid var(--line,#ffffff26);border-radius:16px;background:var(--surface,#ffffff08);min-width:0}.cpr-source>span,.cpr-source>small{font-size:.8rem;color:var(--muted,#9b9b9b)}.cpr-source>strong{font-size:1rem;overflow-wrap:anywhere}.cpr-rails{display:grid;gap:12px;margin:20px 0}.cpr-rail{display:flex!important;align-items:center;justify-content:space-between;min-height:58px;text-align:left;gap:14px}.cpr-consent{font-size:.86rem;line-height:1.55;color:var(--muted,#9b9b9b);margin:16px 0;overflow-wrap:anywhere}.cpr-route-facts{margin-bottom:16px}.cpr-route-facts .summary-line{display:flex;justify-content:space-between;gap:16px;padding:10px 0}.cpr-route-facts strong{text-align:right;overflow-wrap:anywhere;min-width:0}.cpr-flow .gm-supporting-proof{margin:18px 0}.cpr-flow .gm-supporting-proof summary{padding:8px 0}.cpr-flow .gm-supporting-proof input[type=file]{width:100%;min-width:0;max-width:100%;font-size:.8rem}.cpr-flow .receipt .summary-line{gap:16px}.cpr-flow .receipt strong{text-align:right;overflow-wrap:anywhere;min-width:0}@media(max-width:350px){.cpr-source{padding:12px}.cpr-route-facts .summary-line,.cpr-flow .receipt .summary-line{flex-wrap:wrap}.cpr-route-facts strong,.cpr-flow .receipt strong{text-align:left}} /* Source: mono-pause.css | sha256:b33299491e13ff7af53be925aec9f959b5fc959e986a07cbe75d9399c35e4093 */ /* Monochrome Pause: one face, one consequence and one deliberate choice. Presentation only; native Pause timing and payment authorisation remain in charge. */ body.minna-edition #app #view :is(.screen-pause,.screen-samplePause,.screen-pauseDemo) .mono-pause-simple{ width:100%;min-width:0;max-width:100%;margin:0;color:#fff; } body.minna-edition #app #view :is(.screen-pause,.screen-samplePause,.screen-pauseDemo) .mono-pause-moment{ display:flex;flex-direction:column;align-items:center;gap:16px;margin:4px 0 22px; min-width:0;max-width:100%;text-align:center; } body.minna-edition #app #view :is(.screen-pause,.screen-samplePause,.screen-pauseDemo) .mono-pause-character{ position:relative;flex:none;width:210px;max-width:100%;height:158px; margin:0 auto;isolation:isolate; } body.minna-edition #app #view :is(.screen-pause,.screen-samplePause,.screen-pauseDemo) .mono-pause-face{ display:block;position:absolute;left:14px;top:0;width:158px;height:158px; transform-origin:50% 50%;will-change:transform; } body.minna-edition #app #view :is(.screen-pause,.screen-samplePause,.screen-pauseDemo) .mono-pause-face img{ display:block;width:100%;height:100%;max-width:none;object-fit:contain; border:0;border-radius:50%;mix-blend-mode:lighten; } body.minna-edition #app #view :is(.screen-pause,.screen-samplePause,.screen-pauseDemo) .mono-pause-hand{ display:block;position:absolute;right:0;bottom:8px;width:58px;height:76px; overflow:visible;color:#fff;transform-origin:50% 92%; } body.minna-edition #app #view :is(.screen-pause,.screen-samplePause,.screen-pauseDemo) .mono-pause-clock{ display:none!important;width:0;height:0;pointer-events:none; } body.minna-edition #app #view :is(.screen-pause,.screen-samplePause,.screen-pauseDemo) .mono-pause-moment .pause-conclusion-stage{ width:100%;max-width:100%;min-width:0;min-height:0;margin:0; } body.minna-edition #app #view :is(.screen-pause,.screen-samplePause,.screen-pauseDemo) .mono-pause-moment .focus-pause-insight{ min-width:0;max-width:100%;margin:0; } body.minna-edition #app #view :is(.screen-pause,.screen-samplePause,.screen-pauseDemo) .mono-pause-moment :is(.focus-pause-insight h1,.pause-arrival-intro){ font-size:1.75rem!important;line-height:1.18!important;font-weight:550; letter-spacing:-.035em;color:#fff!important;background:transparent!important; text-align:center!important;text-wrap:balance;overflow-wrap:anywhere; width:100%;max-width:23ch!important;margin:0 auto!important;padding:0; } body.minna-edition #app #view :is(.screen-pause,.screen-samplePause,.screen-pauseDemo) .mono-pause-moment .pause-arrival-intro{ font-size:1.5rem!important;font-weight:500;align-self:center; } body.minna-edition #app #view :is(.screen-pause,.screen-samplePause,.screen-pauseDemo) .mono-pause-payment{ min-width:0;max-width:100%;padding:0 0 19px;margin:0;text-align:center; border-bottom:1px solid #ffffff26; } body.minna-edition #app #view :is(.screen-pause,.screen-samplePause,.screen-pauseDemo) .mono-pause-payment-line{ display:flex;flex-wrap:wrap;align-items:baseline;justify-content:center; gap:4px 7px;margin:0;padding:0;font-size:.875rem;line-height:1.5; color:#b7b7b7;overflow-wrap:anywhere; } body.minna-edition #app #view :is(.screen-pause,.screen-samplePause,.screen-pauseDemo) .mono-pause-payment-line strong{ font-size:1rem;line-height:1.4;font-weight:600;letter-spacing:-.02em;color:#fff; min-width:0;max-width:100%;white-space:normal;overflow-wrap:anywhere; } body.minna-edition #app #view :is(.screen-pause,.screen-samplePause,.screen-pauseDemo) .mono-pause-payment-line>span{ min-width:0;max-width:100%;overflow-wrap:anywhere; } body.minna-edition #app #view :is(.screen-pause,.screen-samplePause,.screen-pauseDemo) :is(.mono-pause-fee,.mono-pause-budget-note){ display:block;margin:5px 0 0;padding:0;color:#b7b7b7; font-size:.75rem;line-height:1.5;overflow-wrap:anywhere; } body.minna-edition #app #view :is(.screen-pause,.screen-samplePause,.screen-pauseDemo) .mono-pause-simple .pause-actions{ display:flex;flex-direction:column;gap:0;margin:19px 0 0;padding:0; min-width:0;max-width:100%; } body.minna-edition #app #view :is(.screen-pause,.screen-samplePause,.screen-pauseDemo) .mono-pause-simple .pause-decisions{ display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px; width:100%;min-width:0;max-width:100%; } body.minna-edition #app #view :is(.screen-pause,.screen-samplePause,.screen-pauseDemo) .mono-pause-simple .pause-decisions .pause-equal-choice{ display:flex;align-items:center;justify-content:center;min-width:0;width:100%; min-height:52px;padding:13px 10px;border-radius:13px!important; font-size:.875rem!important;font-weight:600;line-height:1.4; white-space:normal;overflow-wrap:anywhere; } body.minna-edition #app #view :is(.screen-pause,.screen-samplePause,.screen-pauseDemo) .mono-pause-reassurance{ padding:0;margin:12px auto 13px;max-width:31ch; font-size:.75rem;line-height:1.5;font-weight:400;letter-spacing:0; color:#b7b7b7!important;text-align:center;overflow-wrap:anywhere; } body.minna-edition #app #view :is(.screen-pause,.screen-samplePause,.screen-pauseDemo) .mono-pause-simple :is(.mono-pause-options,.mono-pause-why){ width:100%;max-width:100%;min-width:0;margin:0;padding:0; border:0;border-top:1px solid #ffffff26;border-radius:0; background:transparent!important;color:#fff; } body.minna-edition #app #view :is(.screen-pause,.screen-samplePause,.screen-pauseDemo) .mono-pause-simple :is(.mono-pause-options,.mono-pause-why)>summary{ display:flex;align-items:center;justify-content:space-between;gap:12px; list-style:none;min-height:44px;padding:11px 0;margin:0; font-size:.8125rem;line-height:1.5;font-weight:500;color:#b7b7b7!important; cursor:pointer;white-space:normal;overflow-wrap:anywhere; } body.minna-edition #app #view :is(.screen-pause,.screen-samplePause,.screen-pauseDemo) .mono-pause-simple :is(.mono-pause-options,.mono-pause-why)>summary::-webkit-details-marker{display:none} body.minna-edition #app #view :is(.screen-pause,.screen-samplePause,.screen-pauseDemo) .mono-pause-why>summary::after{ content:'+';font-size:1.125rem;line-height:1;flex:none;color:#b7b7b7; } body.minna-edition #app #view :is(.screen-pause,.screen-samplePause,.screen-pauseDemo) .mono-pause-why[open]>summary::after{content:'−'} body.minna-edition #app #view :is(.screen-pause,.screen-samplePause,.screen-pauseDemo) .mono-pause-simple .focus-pause-exits{ display:flex;justify-content:center;width:100%;margin:0;padding:0; } body.minna-edition #app #view :is(.screen-pause,.screen-samplePause,.screen-pauseDemo) .mono-pause-simple .focus-pause-exits .text-btn{ width:auto;min-height:44px;max-width:100%;padding:10px 14px; font-size:.8125rem;line-height:1.5;color:#fff!important; } body.minna-edition #app #view :is(.screen-pause,.screen-samplePause,.screen-pauseDemo) .mono-pause-why .pause-comparison{ background:transparent!important;border:0!important;padding:8px 0 16px!important; margin:0!important;border-radius:0!important;box-shadow:none!important; } body.minna-edition #app #view :is(.screen-pause,.screen-samplePause,.screen-pauseDemo) .mono-pause-why :is(p,dl,dt,dd,small,.comparison-label){ font-size:.8125rem;line-height:1.55;letter-spacing:0;color:#b7b7b7!important; overflow-wrap:anywhere;min-width:0;max-width:100%; } body.minna-edition #app #view :is(.screen-pause,.screen-samplePause,.screen-pauseDemo) .mono-pause-why .pause-comparison-values{ display:grid;grid-template-columns:minmax(0,1fr) 16px minmax(0,1fr); align-items:start;gap:8px;padding:8px 0 14px;margin:0; } body.minna-edition #app #view :is(.screen-pause,.screen-samplePause,.screen-pauseDemo) .mono-pause-why .pause-comparison-values strong{ font-size:1.375rem!important;line-height:1.3;font-weight:550; color:#fff!important;box-shadow:none!important;background:transparent!important; } body.minna-edition #app #view :is(.screen-pause,.screen-samplePause,.screen-pauseDemo) .mono-pause-why .pause-comparison-after{ border:0!important;box-shadow:none!important; } body.minna-edition #app #view :is(.screen-pause,.screen-samplePause,.screen-pauseDemo) .mono-pause-why .pause-calculation-body{ margin:0;padding:0 0 15px;min-width:0;max-width:100%; } body.minna-edition #app #view :is(.screen-pause,.screen-samplePause,.screen-pauseDemo) .mono-pause-why dl{margin:0} body.minna-edition #app #view :is(.screen-pause,.screen-samplePause,.screen-pauseDemo) .mono-pause-why dl>div{ display:flex;justify-content:space-between;flex-wrap:wrap;gap:4px 16px; padding:8px 0;border-bottom:1px solid #ffffff26; } body.minna-edition #app #view :is(.screen-pause,.screen-samplePause,.screen-pauseDemo) .mono-pause-why dd{ margin:0;font-weight:550;text-align:right;color:#fff!important; } body.minna-edition #app #view :is(.screen-pause,.screen-samplePause,.screen-pauseDemo) .mono-pause-why .contextual-chat-entry{ display:flex;align-items:center;justify-content:center;gap:8px; width:100%;max-width:100%;min-height:44px;padding:10px 0; font-size:.8125rem;color:#fff!important;white-space:normal;overflow-wrap:anywhere; } body.minna-edition #app #view :is(.screen-pause,.screen-samplePause,.screen-pauseDemo) .mono-pause-simple :is(button,summary):focus-visible{ outline:2px solid #d7ff3f!important;outline-offset:3px; } @media(prefers-reduced-motion:no-preference){ body.minna-edition #app #view :is(.screen-pause,.screen-samplePause,.screen-pauseDemo) .mono-pause-hand{animation:mono-pause-hand-arrive .85s cubic-bezier(.22,.72,.2,1) both} } @keyframes mono-pause-hand-arrive{ from{transform:translateY(8px) rotate(12deg);opacity:0} to{transform:translateY(0) rotate(0);opacity:1} } @media(max-height:720px){ body.minna-edition #app #view :is(.screen-pause,.screen-samplePause,.screen-pauseDemo) .mono-pause-moment{gap:10px;margin:0 0 12px} body.minna-edition #app #view :is(.screen-pause,.screen-samplePause,.screen-pauseDemo) .mono-pause-character{width:184px;height:132px} body.minna-edition #app #view :is(.screen-pause,.screen-samplePause,.screen-pauseDemo) .mono-pause-face{width:132px;height:132px;left:12px} body.minna-edition #app #view :is(.screen-pause,.screen-samplePause,.screen-pauseDemo) .mono-pause-hand{width:50px;height:65px;bottom:6px} body.minna-edition #app #view :is(.screen-pause,.screen-samplePause,.screen-pauseDemo) .mono-pause-moment :is(.focus-pause-insight h1,.pause-arrival-intro){font-size:1.5rem!important} body.minna-edition #app #view :is(.screen-pause,.screen-samplePause,.screen-pauseDemo) .mono-pause-payment{padding-bottom:12px} body.minna-edition #app #view :is(.screen-pause,.screen-samplePause,.screen-pauseDemo) .mono-pause-simple .pause-actions{margin-top:15px} body.minna-edition #app #view :is(.screen-pause,.screen-samplePause,.screen-pauseDemo) .mono-pause-reassurance{margin:8px auto} } @media(max-width:359px){ body.minna-edition #app #view :is(.screen-pause,.screen-samplePause,.screen-pauseDemo) .mono-pause-simple .pause-decisions{grid-template-columns:minmax(0,1fr);gap:8px} body.minna-edition #app #view :is(.screen-pause,.screen-samplePause,.screen-pauseDemo) .mono-pause-moment :is(.focus-pause-insight h1,.pause-arrival-intro){font-size:1.5rem!important} } @media(prefers-reduced-motion:reduce){ body.minna-edition #app #view :is(.screen-pause,.screen-samplePause,.screen-pauseDemo) .mono-pause-face{will-change:auto} body.minna-edition #app #view :is(.screen-pause,.screen-samplePause,.screen-pauseDemo) .mono-pause-hand{animation:none!important;transform:none!important;opacity:1} } /* The public first-use example and the tester use the same Lumo moment. These routes teach with isolated sample facts; they never gain payment controls. */ body.minna-edition #app:has(:is(.screen-samplePause,.screen-pauseDemo) .mono-pause-example), body.minna-edition #app #view:has(:is(.screen-samplePause,.screen-pauseDemo) .mono-pause-example){ background:#161616!important;color:#fff; } body.minna-edition #app #view :is(.screen-samplePause,.screen-pauseDemo):has(.mono-pause-example){ display:flex!important;flex-direction:column!important;box-sizing:border-box; width:100%;height:auto!important;min-height:100%!important;max-height:none!important; padding:10px 24px calc(20px + env(safe-area-inset-bottom))!important; overflow:visible;background:#161616!important;color:#fff;animation:none!important; } body.minna-edition #app #view :is(.screen-samplePause,.screen-pauseDemo) .mono-pause-example{ --intro-ring:#d7ff3f;--intro-halo:#161616;--intro-ink:#fff;--intro-accent:#d7ff3f; display:flex;flex:1 0 auto;flex-direction:column;gap:0;box-sizing:border-box; width:100%;height:auto!important;min-height:0;max-height:none; margin:0;padding:0;background:#161616!important;color:#fff; } body.minna-edition #app #view :is(.screen-samplePause,.screen-pauseDemo) .mono-pause-example .mono-pause-moment{ flex:0 0 auto;gap:18px;margin:18px 0 24px; } body.minna-edition #app #view :is(.screen-samplePause,.screen-pauseDemo) .mono-pause-example .mono-pause-character{flex:0 0 auto} body.minna-edition #app #view .screen-samplePause .mono-pause-example .pause-intro-topline{ flex:0 0 auto;height:auto;min-height:44px;margin:0 -6px 0;gap:6px; grid-template-columns:44px minmax(0,1fr) auto; } body.minna-edition #app #view .screen-samplePause .mono-pause-example .pause-intro-topline :is(.icon-btn,.text-btn){ min-height:44px;height:auto;color:#fff!important;background:transparent!important; border:0;border-radius:0;line-height:1.4; } body.minna-edition #app #view .screen-samplePause .mono-pause-example .pause-intro-badge{ max-width:100%;min-width:0;padding:5px 7px;border:0;border-radius:0; background:transparent!important;color:#b7b7b7!important; font-size:.75rem;line-height:1.4;font-weight:500;letter-spacing:0; white-space:normal;text-align:center;overflow-wrap:anywhere; } body.minna-edition #app #view .screen-samplePause .mono-pause-example .pause-intro-skip{ min-width:0;max-width:100%;font-size:.75rem;white-space:normal;overflow-wrap:anywhere; } body.minna-edition #app #view :is(.screen-samplePause,.screen-pauseDemo) .mono-pause-example-boundary{ display:block;margin:8px 0 0;padding:0;color:#b7b7b7!important; font-size:.75rem;line-height:1.5;font-weight:400;letter-spacing:0; overflow-wrap:anywhere;text-align:center; } body.minna-edition #app #view :is(.screen-samplePause,.screen-pauseDemo) .mono-pause-example .mono-pause-payment{ flex:0 0 auto;margin:0 0 4px; } body.minna-edition #app #view :is(.screen-samplePause,.screen-pauseDemo) .mono-pause-example .mono-pause-why{ flex:0 0 auto;border-top:0; } body.minna-edition #app #view :is(.screen-samplePause,.screen-pauseDemo) .mono-pause-example .mono-pause-why>summary{ min-height:44px;padding:11px 0; } body.minna-edition #app #view .screen-samplePause .mono-pause-example .pause-intro-actions, body.minna-edition #app #view .screen-pauseDemo .mono-pause-example>.actions{ display:flex;flex:0 0 auto;flex-direction:column;gap:6px; width:100%;min-width:0;max-width:100%;margin:16px 0 0;padding:0; } body.minna-edition #app #view .screen-samplePause .mono-pause-example .pause-intro-actions>.primary, body.minna-edition #app #view .screen-pauseDemo .mono-pause-example>.actions>:is(.primary,.secondary){ display:flex;align-items:center;justify-content:center;box-sizing:border-box; width:100%;min-width:0;max-width:100%;height:auto;min-height:52px; padding:13px 14px;border:1px solid #fff;border-radius:13px!important; background:#fff!important;color:#161616!important;box-shadow:none; font-size:.9375rem;line-height:1.4;font-weight:600;letter-spacing:0; white-space:normal;overflow-wrap:anywhere; } body.minna-edition #app #view .screen-samplePause .mono-pause-example .pause-intro-utilities{ display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between; gap:4px 10px;min-width:0;max-width:100%; } body.minna-edition #app #view .screen-samplePause .mono-pause-example .pause-intro-utilities>.text-btn, body.minna-edition #app #view .screen-pauseDemo .mono-pause-example>.actions>.text-btn{ display:flex;align-items:center;justify-content:center;gap:6px; min-width:0;max-width:100%;height:auto;min-height:44px;padding:10px 0; color:#b7b7b7!important;background:transparent!important; font-size:.8125rem;line-height:1.4;letter-spacing:0;white-space:normal;overflow-wrap:anywhere; } body.minna-edition #app #view .screen-samplePause .mono-pause-example .pause-intro-utilities>.text-btn svg{flex:none} body.minna-edition #app #view .screen-pauseDemo .mono-pause-tester>.topline{ flex:0 0 auto;min-width:0;max-width:100%;margin:0; } body.minna-edition #app #view .screen-pauseDemo .mono-pause-tester>.topline :is(.eyebrow,.icon-btn){color:#fff!important} body.minna-edition #app #view .screen-pauseDemo .mono-pause-tester .pause-demo-chips{ display:flex;flex-wrap:wrap;gap:8px;margin:10px 0; } body.minna-edition #app #view .screen-pauseDemo .mono-pause-tester .pause-demo-chips .chip{ min-height:44px;max-width:100%;padding:10px 12px;border:1px solid #ffffff70; border-radius:999px;background:transparent;color:#fff; font-size:.8125rem;line-height:1.4;white-space:normal;overflow-wrap:anywhere; } body.minna-edition #app #view .screen-pauseDemo .mono-pause-tester .pause-demo-chips .chip.selected{ background:#fff;color:#161616;border-color:#fff; } body.minna-edition #app #view .screen-pauseDemo .mono-pause-tester .engine-demo-details{ width:100%;max-width:100%;margin:0;padding:0;border-color:#ffffff26; } body.minna-edition #app #view .screen-pauseDemo .mono-pause-tester :is(.engine-demo-details>summary,.summary-line strong){color:#fff!important} body.minna-edition #app #view .screen-pauseDemo .mono-pause-tester .summary-line{gap:8px;border-color:#ffffff26;color:#b7b7b7} @media(prefers-reduced-motion:no-preference){ body.minna-edition #app #view :is(.screen-samplePause,.screen-pauseDemo) .mono-pause-example .mono-pause-face{ animation:mono-pause-example-arrive .85s cubic-bezier(.22,.72,.2,1) both; } } @keyframes mono-pause-example-arrive{ from{opacity:.3;transform:translateY(6px) scale(.96)} to{opacity:1;transform:translateY(0) scale(1)} } body.minna-edition #app:has(#view .mono-pause-example)>.prototype-boundary{ background:#161616;color:#b7b7b7;border-color:#ffffff26; } @media(max-height:720px){ body.minna-edition #app #view :is(.screen-samplePause,.screen-pauseDemo) .mono-pause-example .mono-pause-moment{gap:14px;margin:12px 0 18px} body.minna-edition #app #view .screen-samplePause .mono-pause-example .pause-intro-actions, body.minna-edition #app #view .screen-pauseDemo .mono-pause-example>.actions{margin-top:12px} } @media(max-width:359px){ body.minna-edition #app #view :is(.screen-samplePause,.screen-pauseDemo):has(.mono-pause-example){padding-inline:18px!important} } @media(prefers-reduced-motion:reduce){ body.minna-edition #app #view :is(.screen-samplePause,.screen-pauseDemo) .mono-pause-example .mono-pause-face{animation:none!important;opacity:1;transform:none!important} } /* Source: mono-type-consistency.css | sha256:7575cd9fb9868285da6c3d0b97b05f857101d14e1363a7e3ebf096759baeea61 */ /* Monochrome type roles. One family, medium lead amounts and semibold records. Sizes, line heights, currency/decimal scaling and privacy sizing stay owned by their existing components. No financial or interaction authority. */ body.minna-edition{ --mono-font-ui:'Manrope UI',sans-serif; --font-ui:var(--mono-font-ui); --font-interface:var(--mono-font-ui); --font-body:var(--mono-font-ui); --font-heading:var(--mono-font-ui); } body.minna-edition #app, body.minna-edition #app .screen{ font-family:var(--mono-font-ui); font-synthesis:none; } body.minna-edition #app :is(button,input,select,textarea){font-family:inherit} /* Monetary roles use the same lining, equal-width digits. Security codes, masked card numbers, OTP cells, chart labels and ordinary prose retain their deliberate spacing and emphasis. The cedi fallback stays intact. */ body.minna-edition #app :is( [data-private-value],.balance-number,.money,.metric,.lumo-amount, .focus-amount,.balance-main,.amount-input,.payment-fact-amount, .payment-balance-number,.payment-fact-number,.everyday-savings-amount, .mono-context-amount,.plan-hub-amount,.budget-overview-item-amount, .budget-overview-edit-total>strong,.plan-dates-total>strong, .budget-review-totals dd,.budget-review-category dd,.outlook-daily-value, .outlook-conclusion>h1,.outlook-calculation dd,.saving-milestone-amount>strong, .focus-payment-title h1,.focus-story-total>strong,.ms-total, .ms-chart-values dd,.ms-breakdown dd,.ms-payment>strong, .daily-story-conclusion>strong,.daily-story-details dd,.daily-story-payment>strong, .receipt strong,.focus-receipt strong,.summary-line strong,.chat-calculation dd, .gm-amount,.gm-person-amount,.gm-trailing,.gm-summary dd,.gm-activity-row>strong, .cc-result-amount,.cpr-review .focus-payment-title h1, input[type=number],input[inputmode=decimal] ){font-variant-numeric:lining-nums tabular-nums} body.minna-edition #app #view .mono-home .mono-context-amount::after{ font-variant-numeric:lining-nums tabular-nums; } /* The lead figure is recognisably the same treatment from Home through planning, savings, payment review, authorisation and the final receipt. */ body.minna-edition #app #view :is( .mono-home .everyday-primary-money>strong, .plan-hub-amount,.budget-overview-edit-total>strong,.plan-dates-total>strong, .outlook-daily-value,.outlook-conclusion>h1, .screen-goals>.hero .balance-main,.screen-goal>.hero .balance-main, .saving-milestone-amount>strong,.gm-page .gm-amount, .screen-paymentReview .focus-payment-title h1, .screen-authorize .hero h1,.screen-txDetail .hero h1, .screen-requestDetail .hero h1,.screen-requestConfirm .hero h1, .payment-fact-amount,.amount-input,.ms-total,.daily-story-conclusion>strong, .cpr-review .focus-payment-title h1 ){font-weight:500!important} /* Dense records share a semibold figure, including the group facts that previously used an intermediate550 weight. */ body.minna-edition #app #view :is( .receipt strong,.focus-receipt strong,.summary-line strong,.chat-calculation dd, .gm-summary dd,.gm-person-amount,.gm-activity-row>strong, .ms-breakdown dd strong,.ms-payment>strong,.daily-story-details dd ){font-weight:600!important} /* Supporting account balances keep the quieter medium weight used by Home. */ body.minna-edition #app #view :is( .mono-home .mono-context-amount,.mono-home .everyday-savings-amount, .payment-balance>strong ){font-weight:500!important} body.minna-edition #app #view .balance-number :is(.whole,.currency,.cents){ font-family:inherit;font-weight:inherit;font-variant-numeric:inherit; } /* Source: mono-surface-consistency.css | sha256:9c575465cb1abbe5910942311221c4edd9413e3e7e3d19823ecb32ad0eda9ead */ /* Monochrome surface roles. Ink anchors: Everyday money, savings hero, Pause, scanner, card face. White: working cards and records. Soft grey: supporting context/status. Existing dark anchors, Home geometry and exact brand artwork stay intact. */ /* This newer shared panel used --surface, which the established Monochrome system does not define. Give the explicit funding source the same white record surface as the surrounding native payment review. */ body.minna-edition #app #view .cpr-source{ background:var(--mono-surface,#fff); color:var(--mono-ink,#161616); border-color:var(--mono-line,#e2e2e2); border-radius:18px; box-shadow:none; } body.minna-edition #app #view .cpr-source>strong{ color:var(--mono-ink,#161616); } body.minna-edition #app #view .cpr-source>:is(span,small){ color:var(--mono-muted,#6c6c6c); } /* Contribution results use their own renderer, so they do not inherit the native payment-result wrapper's status disc. Keep status symbols consistent across both renderers; only a confirmed result receives the lime accent. */ body.minna-edition #app #view .cc-result .result-mark{ display:grid; place-items:center; width:68px; height:68px; margin:16px 0 25px; padding:0; border:0; border-radius:50%; background:var(--mono-soft,#f0f0f0); color:var(--mono-ink,#161616); box-shadow:none; } body.minna-edition #app #view .cc-result[data-payment-state="confirmed"] .result-mark{ background:var(--mono-acid,#d7ff3f); color:var(--mono-ink,#161616); } /* The shared preview disclosures sit on paper, where the older #767676 grey falls just below the normal-text contrast threshold. Use the same muted ink as the rest of the Monochrome supporting copy. */ body.minna-edition #app :is(.prototype-boundary,.mono-demo-note){ color:var(--mono-muted,#6c6c6c); } /* Expanded Chat tools already own a scroll area. Allow that area to give height back to the composer when enlarged text fills a short screen; the header, thread, keyboard rules and ordinary fixed composer stay intact. */ body.minna-edition #app[data-chat-banking="true"] #view .screen.screen-chat .chat-workspace .chat-tools:has(>details[open]){ flex-shrink:1; min-height:44px; } /* If the header, disclosure summaries and composer themselves exceed the available height, retain their full text and give this existing workspace the small extra scroll range. With sufficient space it remains the same fixed Chat layout. The existing <=480px landscape reading surface keeps its own outer scrolling rule. */ @media(min-height:481px){ body.minna-edition #app[data-chat-banking="true"] #view .screen.screen-chat .chat-workspace{ overflow-y:auto; } } /* Keep keyboard location visible against the dark Everyday-money surface. */ body.minna-edition #app .mono-money-card :is(button,a,summary):focus-visible{outline:3px solid #d7ff3f!important;outline-offset:3px!important;box-shadow:0 0 0 1px #161616!important} /* Source: platform-runtime.css | sha256:ef36feb88998b6335d48e047cf4be9f4f2325abc3c6fc1c1c8ca68482ba34242 */ /* Uses each edition's existing palette. Exceptional connectivity/status content grows naturally instead of squeezing financial controls or hiding records. */ #app .platform-connection-status,#app .platform-update-status{ display:block;min-width:0;margin:0 0 16px;padding:14px 16px; border:1px solid var(--line,#dedede);border-radius:12px; background:var(--soft,#f0f0f0);color:var(--ink,#161616); font-size:.875rem;line-height:1.55;overflow-wrap:anywhere; } #app .platform-connection-status[data-connection=offline]{border-style:dashed} #app :is(.platform-status-dismiss,.platform-update-button){ display:block;min-height:44px;margin-top:6px;padding:8px 0;border:0; background:transparent;color:inherit;text-decoration:underline;text-underline-offset:3px; font:inherit;font-weight:600;text-align:left;white-space:normal; } #app :is(.platform-status-dismiss,.platform-update-button):focus-visible{outline:2px solid currentColor;outline-offset:3px} #app :is(.platform-update-status,.platform-connection-status) p{font-size:inherit;line-height:inherit;margin:0} #lumo-load-recovery:not([hidden]){position:fixed;inset:0;z-index:100001;display:grid;place-items:center;padding:24px;background:#fafafa;color:#161616;font-family:inherit}#lumo-load-recovery>div{width:min(100%,360px);overflow-wrap:anywhere}#lumo-load-recovery h1{font-size:28px;line-height:1.15;margin:0 0 16px}#lumo-load-recovery p{font-size:16px;line-height:1.5;margin:0 0 24px}#lumo-load-recovery button{min-height:48px;width:100%;padding:12px 18px;border:1px solid #161616;border-radius:14px;background:#161616;color:#fff;font:inherit}#lumo-load-recovery button:focus-visible{outline:3px solid #161616;outline-offset:4px} /* Source: persistence-recovery.css | sha256:7e4193dd73f213f1321424184dbdbcdf1c078c9464afc4f6dc09147163b4b7d7 */ .persistence-recovery{position:fixed;inset:0;z-index:100000;display:grid;place-items:center;padding:max(16px,env(safe-area-inset-top)) 16px max(16px,env(safe-area-inset-bottom));background:rgb(0 0 0/.65);overflow-y:auto;overscroll-behavior:contain;color:#171717;font-family:inherit} .persistence-panel{width:min(100%,420px);max-height:100%;overflow-y:auto;min-width:0;padding:26px 22px;border:1px solid #d8d8d8;border-radius:24px;background:#fafafa;box-shadow:0 16px 70px rgb(0 0 0/.18);overflow-wrap:anywhere} .persistence-panel h1{font-size:clamp(24px,6vw,32px);line-height:1.15;letter-spacing:-.035em;margin:12px 0 16px}.persistence-panel p{font-size:15px;line-height:1.5;margin:0 0 14px}.persistence-panel .persistence-saved{font-size:13px;color:#555}.persistence-actions{display:grid;gap:10px;margin-top:22px}.persistence-actions button{min-height:48px;white-space:normal}.persistence-panel textarea{width:100%;min-height:130px;color:inherit;background:#fff;border:1px solid #777;border-radius:12px;padding:12px;font:inherit;resize:vertical}.persistence-panel :focus-visible{outline:3px solid #171717;outline-offset:4px}.persistence-panel #persistence-result:empty{display:none} @media(max-height:600px){.persistence-recovery{place-items:start center}.persistence-panel{padding:20px}} /* Source: money-life.css | sha256:1a082725d59009dc70a2927de07649ab6530d71d36bbdf18ad070677b980f2b8 */ /* Match the established Monochrome ink, paper, Manrope and lime controls. */ body.minna-edition #app .ml-page{color:var(--mono-ink,#161616);min-width:0} body.minna-edition #app .ml-page .page-heading{margin:0 0 18px} body.minna-edition #app .ml-page .page-heading h1{font-size:28px;line-height:1.13;letter-spacing:-.045em;font-weight:600} body.minna-edition #app .ml-page .page-heading p{font-size:14px;line-height:1.5;margin-top:7px} body.minna-edition #app .ml-money{padding:20px;border-radius:20px;background:#161616;color:#fff;margin:12px 0 16px;overflow-wrap:anywhere} body.minna-edition #app .ml-money>span{font-size:13px;color:#d2d2d2;display:block;line-height:1.4} body.minna-edition #app .ml-money>strong{display:block;font-size:36px;line-height:1.2;font-weight:500;letter-spacing:-.045em;margin:10px 0 2px;font-variant-numeric:lining-nums tabular-nums} body.minna-edition #app .ml-money p{color:#d2d2d2;font-size:13px;margin:8px 0 0} body.minna-edition #app .ml-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px} body.minna-edition #app .ml-two .ml-money{padding:16px 13px;margin:8px 0 12px} body.minna-edition #app .ml-two .ml-money>strong{font-size:25px} body.minna-edition #app .ml-facts{margin:12px 0 18px;padding:0} body.minna-edition #app .ml-facts>div{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px 16px;padding:11px 0;border-bottom:1px solid #e2e2e2;font-size:14px;line-height:1.5} body.minna-edition #app .ml-facts dt{color:#6c6c6c;flex:1 1 9em;min-width:0;overflow-wrap:anywhere} body.minna-edition #app .ml-facts dd{flex:1 1 9em;min-width:0;font-weight:600;text-align:right;margin:0;max-width:100%;overflow-wrap:anywhere;font-variant-numeric:lining-nums tabular-nums} body.minna-edition #app .ml-note{font-size:13px;line-height:1.6;color:#595959;margin:12px 0 16px} body.minna-edition #app .ml-boundary{font-size:11px;line-height:1.5;color:#6c6c6c;margin:20px 0 2px} body.minna-edition #app .ml-step{font-size:12px;color:#6c6c6c;letter-spacing:.02em;margin:0 0 12px} body.minna-edition #app .ml-actions{display:grid;gap:9px;margin:16px 0 8px} body.minna-edition #app .ml-actions>button{width:100%;min-height:46px;white-space:normal} body.minna-edition #app .ml-form{display:grid;gap:13px} body.minna-edition #app .ml-form .field{margin:0;min-width:0} body.minna-edition #app .ml-form .field>span{font-size:13px;color:#595959;font-weight:500} body.minna-edition #app .ml-form .input{font-size:16px;min-height:46px;width:100%;min-width:0;background:#f5f5f5;border:1px solid #dedede;color:#161616;border-radius:12px;padding:11px 13px} body.minna-edition #app .ml-form input[type=number]{font-variant-numeric:lining-nums tabular-nums} body.minna-edition #app .ml-list .row{padding:15px 0;min-height:68px;border:0;border-bottom:1px solid #e2e2e2;background:transparent;border-radius:0} body.minna-edition #app .ml-list .row-copy strong{font-size:15px;font-weight:600} body.minna-edition #app .ml-list .row-copy small{font-size:12px;color:#6c6c6c;line-height:1.5} body.minna-edition #app .ml-list .row-end{font-size:14px;font-weight:600;flex-shrink:0;max-width:45%;overflow-wrap:anywhere;font-variant-numeric:lining-nums tabular-nums} body.minna-edition #app .ml-list .row-icon{width:40px;height:40px;border-radius:12px;background:#f0f0f0;color:#161616;flex-shrink:0} body.minna-edition #app .ml-details{padding:13px 0;margin:4px 0;border-bottom:1px solid #e2e2e2;font-size:13px;line-height:1.6} body.minna-edition #app .ml-details>summary{font-size:14px;font-weight:600;min-height:28px;cursor:pointer} body.minna-edition #app .ml-details[open]>summary{margin-bottom:13px} body.minna-edition #app .ml-details .field{margin-top:12px} body.minna-edition #app .ml-tabs{display:flex;gap:8px;margin:5px 0 14px;flex-wrap:wrap} body.minna-edition #app .ml-tabs .chip{min-height:42px} body.minna-edition #app .ml-status{font-size:12px;font-weight:600;background:#f0f0f0;border-radius:30px;padding:7px 12px;display:inline-flex} body.minna-edition #app .ml-empty{background:#f5f5f5;border-radius:16px;padding:20px;margin:10px 0 16px} body.minna-edition #app .ml-empty h2{font-size:19px;margin:0 0 8px;letter-spacing:-.025em} body.minna-edition #app .ml-empty p{font-size:14px;line-height:1.6;color:#595959;margin:0} body.minna-edition #app .ml-event{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 0;border-bottom:1px solid #e2e2e2} body.minna-edition #app .ml-event>div{display:grid;gap:3px;min-width:0;overflow-wrap:anywhere} body.minna-edition #app .ml-event span{font-size:12px;color:#595959} body.minna-edition #app .ml-event small{font-size:11px;color:#6c6c6c} body.minna-edition #app .ml-event button{min-height:44px} body.minna-edition #app .ml-timeline{list-style:none;padding:0;margin:14px 0} body.minna-edition #app .ml-timeline li{border-left:2px solid #e2e2e2;padding:1px 0 14px 14px;display:grid;gap:4px;overflow-wrap:anywhere} body.minna-edition #app .ml-timeline li>strong{font-size:13px} body.minna-edition #app .ml-timeline small{font-size:11px;color:#6c6c6c} body.minna-edition #app .ml-check{display:flex;align-items:flex-start;gap:10px;font-size:13px;line-height:1.6;margin:12px 0;color:#404040} body.minna-edition #app .ml-check input{width:20px;height:20px;margin:1px 0 0;flex:0 0 20px;accent-color:#161616} body.minna-edition #app .ml-check>span{min-width:0} body.minna-edition #app .ml-total-meta{font-size:12px;line-height:1.5;color:#6c6c6c;margin:-5px 0 10px} body.minna-edition #app .ml-buddy{display:flex;align-items:center;gap:13px;margin:10px 0 16px;padding:16px;background:#f0f0f0;border-radius:16px} body.minna-edition #app .ml-buddy img{flex:0 0 42px;max-width:42px;object-fit:contain} body.minna-edition #app .ml-buddy p{font-size:14px;line-height:1.5;margin:0} body.minna-edition #app .ml-cost{padding:14px 0;border-bottom:1px solid #e2e2e2} body.minna-edition #app .ml-cost-heading{display:flex;justify-content:space-between;gap:12px;align-items:baseline;flex-wrap:wrap} body.minna-edition #app .ml-cost-heading strong{font-size:15px;font-weight:600} body.minna-edition #app .ml-cost-heading>span{font-size:12px;color:#6c6c6c} body.minna-edition #app .ml-entry{margin:12px 0} body.minna-edition #app .ml-entry .row{min-height:58px;background:#f5f5f5;border:0;border-radius:16px;padding:12px} body.minna-edition #app .ml-payment-link{border:1px solid #e2e2e2;padding:12px 14px;border-radius:14px;margin:14px 0;background:#fff;color:#161616;font-size:13px;line-height:1.5} body.minna-edition #app .ml-payment-link p{font-size:12px;line-height:1.5;color:#595959;margin:5px 0 0} body.minna-edition #app .screen-pause .ml-payment-link{border:0;background:transparent;padding:0;margin:8px 0;font-size:12px;color:inherit} body.minna-edition #app .ml-page :is(button,input,select):focus-visible{outline:3px solid #161616;outline-offset:3px} body.minna-edition #app .ml-money button:focus-visible{outline-color:#d7ff3f} body.minna-edition #app .ml-page #error:not(:empty){padding:12px 0;font-size:14px;line-height:1.5;font-weight:600;color:#161616} @media(max-width:360px){body.minna-edition #app .ml-two{grid-template-columns:1fr}body.minna-edition #app .ml-facts>div{flex-wrap:wrap}body.minna-edition #app .ml-facts dd{max-width:100%}} /* Source: signal-system.css | sha256:b36c96ffb0d81a8b2e4ef0943cd9dfe4cb2103f9a8d637214edf00ff5bbfe03b */ /* Signal: an edition-owned presentation layer. Native financial, consent, focus, disclosure, task and scroll controllers keep their existing authority. */ body.signal-edition { --signal-ink:#0d1510; --signal-paper:#f7f6f0; --signal-surface:#fffef9; --signal-soft:#eeede7; --signal-guide:#f0f5e6; --signal-line:#e1e3d9; --signal-muted:#62685f; --signal-lime:#d7ff3f; --mono-ink:var(--signal-ink); --mono-paper:var(--signal-paper); --mono-surface:var(--signal-surface); --mono-soft:var(--signal-soft); --mono-line:var(--signal-line); --mono-muted:var(--signal-muted); --mono-acid:var(--signal-lime); --ink:var(--signal-ink); --paper:var(--signal-paper); --white:var(--signal-surface); --soft:var(--signal-soft); --line:var(--signal-line); --muted:var(--signal-muted); --green:var(--signal-lime); --green-ink:var(--signal-ink); --green-soft:var(--signal-guide); --lumo-green:var(--signal-lime); --lumo-accent:var(--signal-lime); --brand-green:var(--signal-lime); --radius:20px; --curve-panel:20px; --curve-control:16px; --curve-bubble:20px; --task-sheet-curve:30px; color:var(--signal-ink); background:#eeede5; -webkit-font-smoothing:antialiased; } body.signal-edition #app { color:var(--signal-ink); background:var(--signal-paper); border-color:#d8d9cd; box-shadow:0 18px 70px #1517110c; } body.signal-edition #app :is(#view,#task-parent-view), body.signal-edition #app .prototype-boundary { background:var(--signal-paper); } body.signal-edition #app :is(#view,#task-parent-view) .screen:not(:is(.screen-home,.screen-pause,.screen-samplePause,.screen-pauseDemo,.screen-scan)) { color:var(--signal-ink); background:var(--signal-paper)!important; } body.signal-edition.minna-edition #app :is(#view,#task-parent-view) :is(h1,h2,h3) { font-weight:800; letter-spacing:-.045em; } body.signal-edition.minna-edition #app :is(#view,#task-parent-view) :is(.page-heading,.destination-heading,.plan-hub-heading,.gm-heading) h1 { font-size:clamp(1.75rem,7.6vw,2.25rem)!important; line-height:1.12!important; font-weight:800!important; letter-spacing:-.05em!important; } body.signal-edition #app :is(#view,#task-parent-view) :is(.page-heading,.destination-heading,.gm-heading)>p { color:var(--signal-muted); line-height:1.55; } body.signal-edition #app :is(button,input,select,textarea) {font-family:inherit;} body.signal-edition #app :is(button,a,summary):focus-visible { outline:3px solid var(--signal-ink)!important; outline-offset:3px!important; } body.signal-edition #app :is(button,a) {-webkit-tap-highlight-color:transparent;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) :is(.primary,.secondary,.danger) { min-height:52px; padding:14px 18px!important; border-radius:17px!important; font-size:.9375rem!important; font-weight:750!important; letter-spacing:-.018em; line-height:1.4; box-shadow:none!important; white-space:normal; } body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .primary { background:var(--signal-ink)!important; border-color:var(--signal-ink)!important; color:var(--signal-paper)!important; } body.signal-edition.minna-edition #app :is(#view,#task-parent-view) :is(.secondary,.danger) { background:var(--signal-surface)!important; border-color:var(--signal-line)!important; color:var(--signal-ink)!important; } body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .danger {border-color:var(--signal-ink)!important;} body.signal-edition #app :is(#view,#task-parent-view) button:disabled {opacity:.45;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .text-btn { min-height:44px; font-weight:700; line-height:1.45; } body.signal-edition #app :is(#view,#task-parent-view) :is(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]):not(.amount-input),select,textarea) { color:var(--signal-ink); background:var(--signal-surface); border-color:#b1b3a5; border-radius:15px; min-height:52px; font-size:1rem; line-height:1.45; padding:13px 15px; } body.signal-edition #app :is(#view,#task-parent-view) :is(input,select,textarea):focus { border-color:var(--signal-ink); box-shadow:0 0 0 1px var(--signal-ink); } body.signal-edition #app :is(#view,#task-parent-view) :is(input,textarea)::placeholder {color:#737669;} body.signal-edition #app :is(#view,#task-parent-view) .field>span {font-weight:650;} body.signal-edition #app :is(#view,#task-parent-view) input:is([type=checkbox],[type=radio]) {accent-color:var(--signal-ink);} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) :is(.toggle:checked,.pref-toggle[aria-pressed=true]) { background:var(--signal-ink)!important; } body.signal-edition #app :is(#view,#task-parent-view) .actions {gap:10px;} body.signal-edition #app :is(#view,#task-parent-view) :is(.row,.summary-line,.budget-overview-item,.gm-activity-row,.ml-facts>div,.ml-event,.ml-cost) { border-color:var(--signal-line); } body.signal-edition #app :is(#view,#task-parent-view) :is(.row-copy strong,.gm-choice-copy strong,.ml-list .row-copy strong,.budget-line-top>strong,.account-flow .row-copy strong) { font-weight:750!important; letter-spacing:-.02em; } body.signal-edition #app :is(#view,#task-parent-view) :is(.row-icon,.plan-section-icon,.gm-choice-icon,.daily-update-symbol,.chat-banking-action-item>svg:first-child) { color:var(--signal-ink); background:var(--signal-soft); border-color:transparent; border-radius:15px; } body.signal-edition.minna-edition #app :is(#view,#task-parent-view) :is(.card,.receipt,.soft,.notice,.money-note,.account-detail-card,.account-flow>.card,.goal-summary.card,.ml-payment-link) { border-color:var(--signal-line); border-radius:23px; box-shadow:none; } body.signal-edition #app :is(#view,#task-parent-view) :is(.soft,.notice,.money-note,.page-guidance-panel,.account-context,.ml-empty,.ml-entry .row,.chat-calculation-question,.chat-snapshot-status) { color:var(--signal-ink); background:var(--signal-soft); } body.signal-edition #app :is(#view,#task-parent-view) :is(.card,.receipt,.goal-summary.card,.account-detail-card,.ml-payment-link) { background:var(--signal-surface); } body.signal-edition #app :is(#view,#task-parent-view) :is(.pill,.chip,.ml-status) { color:var(--signal-ink); background:var(--signal-soft); border-color:transparent; font-weight:650; } body.signal-edition.minna-edition #app :is(#view,#task-parent-view) :is(.pill.selected,.chip.selected,.gm-tabs .chip.selected) { color:var(--signal-ink)!important; background:var(--signal-lime)!important; border-color:var(--signal-lime)!important; } body.signal-edition #app :is(#view,#task-parent-view) :is(.ml-details,.page-guidance,.page-guidance-panel) { border-color:var(--signal-line); } body.signal-edition #app :is(#view,#task-parent-view) :is(.ml-details>summary,.page-guidance>summary,.page-guidance-panel>summary) {min-height:44px;} /* Native tasks retain one bounded scroller and their existing controls. */ body.signal-edition.minna-edition #app .task-sheet, body.signal-edition.minna-edition #app .task-sheet-body, body.signal-edition.minna-edition #app .task-sheet-chrome { background:var(--signal-paper); color:var(--signal-ink); } body.signal-edition #app .task-sheet {border-color:var(--signal-line);border-radius:30px 30px 0 0;} body.signal-edition #app .task-sheet-chrome {border-bottom-color:var(--signal-line);} body.signal-edition.minna-edition #app .task-sheet-chrome #task-sheet-title { font-size:.9375rem; font-weight:800; letter-spacing:-.025em; } body.signal-edition #app .task-sheet-layer:not([data-task-route=monoMenu]) .task-sheet-chrome #task-sheet-title::before {content:none;} body.signal-edition #app .task-sheet-chrome .icon-btn {min-height:44px;min-width:44px;} body.signal-edition #app .task-sheet-backdrop {background:#15171170;} body.signal-edition #app .task-sheet-grab {background:#c5c8b9;} /* Root identity and the full menu retain all existing destinations. */ body.signal-edition .mono-brand-avatar { background:#101010; border-radius:50%; overflow:hidden; } body.signal-edition .mono-brand-avatar>img, body.signal-edition .signal-avatar-2d {object-fit:contain!important;border-radius:50%;filter:none!important;box-shadow:none!important;} body.signal-edition #app .mono-brand-lockup {gap:8px;} body.signal-edition #app .mono-brand-lockup-root>.mono-brand-avatar {width:30px;height:34px;} body.signal-edition #app .mono-brand-lockup-menu {margin:2px 0 20px;gap:10px;} body.signal-edition #app .mono-brand-lockup-menu>.mono-brand-avatar {width:48px;height:56px;} body.signal-edition #app .mono-brand-lockup-menu .mono-brand-wordmark {width:90px!important;} body.signal-edition #app :is(#view,#task-parent-view) .mono-menu {background:var(--signal-paper);} body.signal-edition #app :is(#view,#task-parent-view) .mono-menu-owner { color:var(--signal-muted); font-size:.875rem; margin-bottom:20px; } body.signal-edition #app :is(#view,#task-parent-view) .mono-menu-group {border-color:var(--signal-line);} body.signal-edition #app :is(#view,#task-parent-view) .mono-menu-group>h2, body.signal-edition #app :is(#view,#task-parent-view) .mono-menu-group>summary { color:var(--signal-muted); font-size:.8125rem!important; letter-spacing:.035em!important; font-weight:700!important; } body.signal-edition #app :is(#view,#task-parent-view) .mono-menu-item {border-radius:16px;} body.signal-edition #app :is(#view,#task-parent-view) .mono-menu-item>span:first-child { background:var(--signal-soft); color:var(--signal-ink); border-radius:14px; } body.signal-edition #app :is(#view,#task-parent-view) .mono-menu-item strong {font-weight:750;} body.signal-edition #app :is(#view,#task-parent-view) .mono-menu-item small {color:var(--signal-muted);line-height:1.5;} body.signal-edition #app :is(#view,#task-parent-view) .mono-menu-footer {border-color:var(--signal-line);} body.signal-edition #app .prototype-boundary {color:var(--signal-muted);} body.signal-edition #toast {background:var(--signal-ink);color:var(--signal-paper);border-radius:18px;} /* Signal navigation keeps the exact native controls. */ body.signal-edition #nav {background:var(--signal-paper);border-top-color:var(--signal-line);} body.signal-edition #nav .nav-item {position:relative;color:var(--signal-muted);font-weight:600;} body.signal-edition #nav .nav-item.active {color:var(--signal-ink);font-weight:800;} body.signal-edition #nav .nav-item svg {background:transparent!important;stroke-width:1.9;} body.signal-edition #nav .nav-item.active svg {background:transparent!important;} body.signal-edition #nav .nav-item.active::after {content:"";width:5px;height:5px;border-radius:50%;background:var(--signal-lime);} /* Welcome introduces the same original Lux; setup keeps task space readable. */ body.signal-edition #app :is(#view,#task-parent-view) .mono-welcome {background:var(--signal-paper);color:var(--signal-ink);} body.signal-edition #app :is(#view,#task-parent-view) .mono-welcome-brand {gap:12px;} body.signal-edition #app :is(#view,#task-parent-view) .mono-welcome-picture { background:var(--signal-lime); border-radius:30px; margin:18px 0 22px; min-height:190px; flex:1 1 210px; } body.signal-edition #app :is(#view,#task-parent-view) .mono-welcome-picture .mono-brand-avatar-hero { width:min(230px,75%); height:210px; border-radius:0; background:transparent; } body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .mono-welcome h1 { color:var(--signal-ink); font-size:clamp(2.3rem,10vw,3.2rem)!important; line-height:1.03!important; font-weight:850!important; letter-spacing:-.065em!important; } body.signal-edition #app :is(#view,#task-parent-view) .mono-welcome-copy>p:last-child {color:var(--signal-muted);} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .mono-welcome-actions .primary { color:var(--signal-paper)!important; background:var(--signal-ink)!important; border-color:var(--signal-ink)!important; } body.signal-edition #app .launch-screen.mono-brand-launch {background:var(--signal-paper)!important;} body.signal-edition #app .mono-brand-launch .launch-dot {background:var(--signal-ink)!important;} body.signal-edition #app :is(#view,#task-parent-view) .mono-setup-identity>.eyebrow {color:var(--signal-muted);} /* Family styles own financial surfaces; this shared rule owns numerals only. Expected IOU records remain distinct from money available to spend. */ body.signal-edition.minna-edition #app :is(#view,#task-parent-view) :is(.plan-hub-amount,.budget-overview-edit-total>strong,.outlook-daily-value,.screen-goals>.hero .balance-main,.screen-goal>.hero .balance-main,.gm-page .gm-amount,.ml-money>strong,.focus-payment-title h1,.ms-total,.daily-story-conclusion>strong) { font-weight:800!important; letter-spacing:-.055em; font-variant-numeric:lining-nums tabular-nums; } body.signal-edition #app :is(#view,#task-parent-view) .ml-two .ml-money { color:var(--signal-ink); background:var(--signal-surface); border:1px solid var(--signal-line); border-radius:23px; } body.signal-edition #app :is(#view,#task-parent-view) .ml-two .ml-money :is(span,p) {color:var(--signal-muted);} body.signal-edition #app :is(#view,#task-parent-view) :is(.ml-buddy,.first-plan-conclusion,.budget-review-insight,.plan-benefit-example) { background:var(--signal-soft); border-radius:23px; color:var(--signal-ink); } body.signal-edition #app :is(#view,#task-parent-view) .ml-buddy img {max-width:58px;flex-basis:58px;} body.signal-edition #app :is(#view,#task-parent-view) .ml-page .ml-boundary {color:var(--signal-muted);font-size:.75rem;} body.signal-edition #app :is(#view,#task-parent-view) :is(.ml-list .row-icon,.ml-status,.ml-entry .row) {background:var(--signal-soft);} body.signal-edition #app :is(#view,#task-parent-view) .ml-check {color:var(--signal-ink);font-size:.875rem;} body.signal-edition #app :is(#view,#task-parent-view) .ml-step {font-weight:700;color:var(--signal-muted);} body.signal-edition #app :is(#view,#task-parent-view) :is(.plan-hub .plan-boxes-section,.goal-summary.card,.gm-page .gm-choice-row) {background:var(--signal-surface);border-color:var(--signal-line);border-radius:23px;} body.signal-edition #app :is(#view,#task-parent-view) :is(.budget-review-totals,.budget-clarity-example,.budget-start-copy,.budget-overview-edit-total,.budget-conclusion,.outlook-conclusion,.budget-estimate-result) {background:var(--signal-soft);border-radius:23px;} body.signal-edition #app :is(#view,#task-parent-view) .plan-hub .budget-overview-context {border-color:#aabf46;} body.signal-edition #app :is(#view,#task-parent-view) .plan-hub .plan-hub-shortfall {border-color:#aabf46;color:var(--signal-ink);} body.signal-edition #app :is(#view,#task-parent-view) :is(.screen-goals,.screen-goal)>.hero .progress {background:#b5d53c!important;} body.signal-edition #app :is(#view,#task-parent-view) :is(.screen-goals,.screen-goal)>.hero .progress-bar {background:var(--signal-ink)!important;} body.signal-edition #app :is(#view,#task-parent-view) .gm-page .gm-progress {background:#b5d53c;} body.signal-edition #app :is(#view,#task-parent-view) .gm-page .gm-progress>span {background:var(--signal-ink);} body.signal-edition #app :is(#view,#task-parent-view) .gm-page .mono-collection-context {border-color:var(--signal-line);} body.signal-edition #app :is(#view,#task-parent-view) .gm-page .mono-collection-steps>li[aria-current=step] {border-color:var(--signal-ink);} body.signal-edition #app :is(#view,#task-parent-view) .gm-page .mono-collection-steps>li[aria-current=step]>span {background:var(--signal-lime);} /* Payments keep their exact fee, recipient, account and approval hierarchy. */ body.signal-edition #app :is(#view,#task-parent-view) .screen-pay .pay-tabs {background:var(--signal-soft);border-radius:17px;padding:5px;} body.signal-edition #app :is(#view,#task-parent-view) .screen-pay .pay-tabs button {font-weight:750;border-radius:13px;} body.signal-edition #app :is(#view,#task-parent-view) .screen-pay .pay-tabs button[aria-selected=true] {background:var(--signal-lime);color:var(--signal-ink);box-shadow:none;} body.signal-edition #app :is(#view,#task-parent-view) .screen-pay .pay-option-list .row :is(.row-icon,.avatar) {background:var(--signal-soft);border-radius:16px;} body.signal-edition #app :is(#view,#task-parent-view) .screen-pay .pay-option-list .row-copy strong {font-size:1rem;font-weight:750;} body.signal-edition #app :is(#view,#task-parent-view) :is(.payment-balance,.compact-draft,.cpr-source,.payment-entry-context) {background:var(--signal-soft);border-color:var(--signal-line);border-radius:17px;color:var(--signal-ink);} body.signal-edition #app :is(#view,#task-parent-view) :is(.payment-amount-row,.virtual-card-funding .payment-amount-row,.vc-funded-create .payment-amount-row) {background:var(--signal-surface);border-color:var(--signal-line);border-radius:20px;} body.signal-edition #app :is(#view,#task-parent-view) .amount-input {font-weight:800!important;} body.signal-edition #app :is(#view,#task-parent-view) .transaction-stage-dots :is(i.active,i.is-complete) {background:var(--signal-ink);} body.signal-edition #app :is(#view,#task-parent-view) :is(.focus-payment-amount,.focus-receipt,.payment-review-context) {border-color:var(--signal-line);} body.signal-edition #app :is(#view,#task-parent-view) .vc-face {background:var(--signal-ink)!important;color:var(--signal-paper);border-radius:25px;} body.signal-edition #app :is(#view,#task-parent-view) .vc-face :is(.vc-wordmark,.mono-brand-wordmark) {filter:none!important;} body.signal-edition #app :is(#view,#task-parent-view) .vc-face .mono-brand-avatar {background:transparent;} body.signal-edition #app :is(#view,#task-parent-view) .personal-qr-shortcut>button {background:var(--signal-surface);border-color:var(--signal-line);border-radius:20px;} /* Lux accompanies Chat, with readable, distinct human replies. */ body.signal-edition #app[data-chat-banking=true] :is(#view,#task-parent-view) .screen-chat, body.signal-edition #app[data-chat-banking=true] .chat-workspace .chat-banking-header {background:var(--signal-paper)!important;} body.signal-edition #app :is(#view,#task-parent-view) .hibiscus-chat-feed-greeting {grid-template-columns:minmax(0,1fr) 84px;column-gap:12px;} body.signal-edition #app :is(#view,#task-parent-view) .hibiscus-chat-feed-greeting>.mono-brand-avatar {width:84px;height:100px;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .hibiscus-chat-feed-greeting h2 {font-size:2.2rem!important;font-weight:800!important;line-height:1.06!important;letter-spacing:-.055em!important;} body.signal-edition #app :is(#view,#task-parent-view) .hibiscus-chat-insight {background:var(--signal-soft)!important;border-radius:24px!important;} body.signal-edition #app :is(#view,#task-parent-view) .hibiscus-chat-insight>strong {font-weight:750;} body.signal-edition #app :is(#view,#task-parent-view) .hibiscus-chat-starters>button {font-weight:650;} body.signal-edition #app :is(#view,#task-parent-view) .hibiscus-chat-starters>[data-chat-context-starter]>svg {background:var(--signal-lime);} body.signal-edition #app[data-chat-banking=true] .chat-workspace #chat-thread .chat-bubble.user {background:var(--signal-ink);color:var(--signal-paper);border-radius:23px 23px 6px 23px;} body.signal-edition #app[data-chat-banking=true] .chat-workspace #chat-thread .chat-reply .lead {font-weight:750;letter-spacing:-.04em;} body.signal-edition #app :is(#view,#task-parent-view) .mono-brand-attribution {font-weight:750;color:var(--signal-muted);} body.signal-edition #app[data-chat-banking=true] .chat-workspace .chat-entry {background:var(--signal-surface)!important;border-color:#b5b8a8!important;box-shadow:none!important;} body.signal-edition #app[data-chat-banking=true] .chat-workspace .chat-entry input {border:0!important;background:transparent!important;} body.signal-edition #app[data-chat-banking=true] .chat-workspace .chat-entry button {background:var(--signal-lime)!important;color:var(--signal-ink)!important;} body.signal-edition #app :is(#view,#task-parent-view) .chat-workspace .chat-prompts .chip {background:var(--signal-surface);border-color:var(--signal-line);border-radius:14px;} body.signal-edition #app :is(#view,#task-parent-view) .ms-periods {background:var(--signal-soft);border-radius:17px;} body.signal-edition #app :is(#view,#task-parent-view) .ms-periods>.chip.selected {background:var(--signal-lime)!important;} body.signal-edition #app :is(#view,#task-parent-view) :is(.ms-insights,.ms-chart-empty,.ms-scope) {background:var(--signal-soft);border-radius:23px;} body.signal-edition #app :is(#view,#task-parent-view) .ms-chart-bar.is-highest {background:var(--signal-lime);} /* Pause stays a deliberately distinct ink moment; timing and reading states remain controlled by the existing native phase attributes. */ body.signal-edition #app :is(#view,#task-parent-view) :is(.screen-pause,.screen-samplePause,.screen-pauseDemo) {background:var(--signal-ink)!important;} body.signal-edition #app :is(#view,#task-parent-view) :is(.screen-pause,.screen-samplePause,.screen-pauseDemo) :is(.mono-pause-simple,.mono-pause-example) {background:var(--signal-ink)!important;color:var(--signal-paper);} body.signal-edition #app :is(#view,#task-parent-view) :is(.screen-pause,.screen-samplePause,.screen-pauseDemo) .mono-pause-face img {border-radius:50%;mix-blend-mode:normal;} body.signal-edition #app :is(#view,#task-parent-view) .mono-pause-character { width:190px; height:148px; } body.signal-edition #app :is(#view,#task-parent-view) .mono-pause-character .mono-pause-face { left:8px;top:0; width:140px;height:140px; } body.signal-edition #app :is(#view,#task-parent-view) .mono-pause-character .mono-pause-hand {display:block!important;right:0;bottom:6px;width:52px;height:68px;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) :is(.screen-pause,.screen-samplePause,.screen-pauseDemo) :is(.focus-pause-insight h1,.pause-arrival-intro) {font-weight:750!important;color:var(--signal-paper)!important;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) :is(.screen-pause,.screen-samplePause,.screen-pauseDemo) .primary {background:var(--signal-lime)!important;color:var(--signal-ink)!important;border-color:var(--signal-lime)!important;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) :is(.screen-pause,.screen-samplePause,.screen-pauseDemo) .secondary {background:transparent!important;color:var(--signal-paper)!important;border-color:#888d7d!important;} body.signal-edition #app :is(#view,#task-parent-view) :is(.screen-pause,.screen-samplePause,.screen-pauseDemo) :is(button,a,summary):focus-visible {outline-color:var(--signal-lime)!important;} @media(max-width:359px) { body.signal-edition #app :is(#view,#task-parent-view) .hibiscus-chat-feed-greeting {grid-template-columns:minmax(0,1fr) 64px;gap:10px;} body.signal-edition #app :is(#view,#task-parent-view) .hibiscus-chat-feed-greeting>.mono-brand-avatar {width:64px;height:80px;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .hibiscus-chat-feed-greeting h2 {font-size:1.9rem!important;} } @media(max-height:720px) { body.signal-edition #app :is(#view,#task-parent-view) .mono-welcome-picture {min-height:140px;flex-basis:150px;margin:12px 0 16px;} body.signal-edition #app :is(#view,#task-parent-view) .mono-welcome-picture .mono-brand-avatar-hero {height:145px;width:175px;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .mono-welcome h1 {font-size:2.2rem!important;} body.signal-edition #app :is(#view,#task-parent-view) .mono-pause-character {width:190px;height:148px;} } @media(prefers-reduced-motion:reduce) { body.signal-edition #app :is(button,a,.mono-brand-avatar,.mono-welcome-picture,.hibiscus-chat-feed) {animation:none!important;transition:none!important;} } /* Signal's shared rhythm. The approved Home owns its exact composition; every other surface uses the same type, controls and state language. */ @font-face{font-family:Signal Display;src:url('/fonts/NimbusSansNarrow-Bold.woff') format('woff');font-weight:700 900;font-style:normal;font-display:swap;} body.signal-edition{--curve-control:16px;--radius:20px;--curve-panel:20px;--task-sheet-curve:28px;} body.signal-edition #app{font-family:'Manrope UI',sans-serif;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .screen:not(:is(.screen-home,.screen-pause,.screen-samplePause,.screen-pauseDemo,.screen-chat,.screen-scan)){padding-left:20px!important;padding-right:20px!important;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) :is(h1,.page-heading h1,.destination-heading h1,.plan-hub-heading h1,.gm-heading h1){font-size:clamp(1.5rem,6.8vw,1.75rem)!important;line-height:1.15!important;letter-spacing:-.045em!important;font-weight:800!important;text-wrap:balance;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) :is(h2,h3){font-weight:800!important;letter-spacing:-.035em;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) :is(.page-heading,.destination-heading,.gm-heading)>p{font-size:.9375rem;line-height:1.5;margin-top:8px;max-width:38ch;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) :is(.primary,.secondary,.danger){min-height:52px!important;padding:13px 18px!important;font-size:.9375rem!important;line-height:1.4!important;font-weight:800!important;letter-spacing:-.02em!important;border-radius:16px!important;gap:9px;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .primary{background:var(--signal-ink)!important;color:var(--signal-paper)!important;border:1px solid var(--signal-ink)!important;box-shadow:0 2px 0 #0000000d!important;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .secondary{background:var(--signal-soft)!important;color:var(--signal-ink)!important;border:1px solid var(--signal-line)!important;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .danger{background:var(--signal-paper)!important;color:var(--signal-ink)!important;border:1px solid var(--signal-ink)!important;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) :is(.primary,.secondary,.danger)>svg{width:22px;height:22px;stroke-width:2;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) :is(.icon-btn,.topline .icon-btn){width:44px;min-width:44px;height:44px;min-height:44px;border-radius:14px;background:var(--signal-soft);color:var(--signal-ink);} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .topline{margin-bottom:16px;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) :is(.row,.list>.row){min-height:68px;gap:12px;padding-top:13px;padding-bottom:13px;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .row-icon{width:40px;height:40px;min-width:40px;border-radius:14px!important;background:var(--signal-soft);color:var(--signal-ink);} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .row-icon>svg{width:23px;height:23px;stroke-width:1.9;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .row-copy strong{font-size:.9375rem!important;font-weight:800!important;line-height:1.3;letter-spacing:-.025em;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .row-copy small{font-size:.8125rem!important;line-height:1.4!important;margin-top:4px;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) :is(.card,.receipt,.soft,.money-note,.account-detail-card){border-radius:20px;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) :is(.field>span,label.field>span){font-size:.875rem;font-weight:750!important;line-height:1.4;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) :is(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]):not(.amount-input),select,textarea){min-height:52px;border:1px solid #c4c9bd;border-radius:16px!important;background:var(--signal-surface);font-size:1rem;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) :is(input,select,textarea):focus{border-color:var(--signal-ink);box-shadow:0 0 0 3px #d7ff3f70;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) :is(.chip,.pill){font-weight:750;letter-spacing:-.01em;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) button.chip{min-height:44px;padding:9px 13px;border-radius:14px;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) :is(.balance-number,.whole,.currency,.cents,.amount-input,.gm-amount,.ml-money>strong,.plan-hub-amount,.ms-total,.outlook-daily-value,.focus-payment-amount strong){font-family:'Manrope UI',sans-serif!important;font-variant-numeric:lining-nums tabular-nums;-webkit-text-stroke:0;} body.signal-edition.minna-edition #app .task-sheet-chrome{padding-top:8px;padding-bottom:8px;border-bottom:1px solid var(--signal-line);} body.signal-edition.minna-edition #app .task-sheet-chrome .icon-btn{width:44px;height:44px;min-width:44px;border-radius:14px;background:var(--signal-soft);color:var(--signal-ink);} body.signal-edition.minna-edition #app .task-sheet-grab{width:36px;height:4px;background:#15171128;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) :is(.success-mark,.complete-mark){width:64px;height:64px;border-radius:20px;background:var(--signal-guide);color:var(--signal-ink);} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) :is(.empty,.ml-empty){border-radius:20px;padding:22px 18px;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .empty>svg{width:44px;height:44px;color:var(--signal-ink);} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) :is(.notice,.warning){border-radius:16px;line-height:1.5;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) :is(.notice,.warning) strong{font-weight:800;} /* Pause is the focused dark counterpart to the Home money card. Native phase attributes still own reveal, reading time, hold, consent and cancellation. */ body.signal-edition.minna-edition #app :is(#view,#task-parent-view) :is(.screen-pause,.screen-samplePause,.screen-pauseDemo) .mono-pause-character{width:190px!important;height:148px!important;max-width:65vw;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) :is(.screen-pause,.screen-samplePause,.screen-pauseDemo) .signal-pause-label{font-size:2rem!important;line-height:1.05!important;font-weight:800!important;letter-spacing:-.05em;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) :is(.screen-pause,.screen-samplePause,.screen-pauseDemo) .mono-pause-moment{gap:10px;margin-bottom:16px;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) :is(.screen-pause,.screen-samplePause,.screen-pauseDemo) .focus-pause-insight h1{font-size:1.55rem!important;line-height:1.22!important;font-weight:800!important;letter-spacing:-.035em!important;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) :is(.screen-pause,.screen-samplePause,.screen-pauseDemo) .primary{background:var(--signal-lime)!important;color:var(--signal-ink)!important;border-color:var(--signal-lime)!important;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) :is(.screen-pause,.screen-samplePause,.screen-pauseDemo) .secondary{background:#ffffff0b!important;color:var(--signal-paper)!important;border:1px solid #ffffff45!important;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) :is(.screen-pause,.screen-samplePause,.screen-pauseDemo) :is(.pause-equal-choice,.pause-continue-hold){min-height:54px!important;font-size:.9375rem!important;border-radius:16px!important;font-weight:800!important;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) :is(.screen-pause,.screen-samplePause,.screen-pauseDemo) .pause-arrival-intro{font-size:1.25rem!important;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) :is(.screen-pause,.screen-samplePause,.screen-pauseDemo) .mono-pause-character img{object-fit:contain!important;} @media(min-width:900px){body.signal-edition.minna-edition{padding-top:24px;padding-bottom:24px;}body.signal-edition.minna-edition #app{border-radius:32px;min-height:calc(100dvh - 48px);}body.signal-edition .desktop-note h2{font-size:4.25rem!important;line-height:.99!important;letter-spacing:-.075em!important;}} @media(prefers-reduced-motion:no-preference){body.signal-edition #app :is(.primary,.secondary,.row,.mono-menu-item){transition:transform .14s ease,background .14s ease;}body.signal-edition #app :is(.primary,.secondary,.row,.mono-menu-item):active{transform:scale(.985);}} body.signal-edition .desktop-note h2{font-weight:850!important;} /* Recovery can sit outside #app. It is still the same product, with native errors, focus guards and explicit recovery actions left fully visible. */ body.signal-edition .persistence-recovery{color:var(--signal-ink);font-family:'Manrope UI',sans-serif;background:#0d1510a6;} body.signal-edition .persistence-panel{background:var(--signal-paper);border-color:var(--signal-line);border-radius:20px;padding:24px 20px;} body.signal-edition .persistence-panel h1{font-size:1.75rem;font-weight:800;line-height:1.15;letter-spacing:-.045em;} body.signal-edition .persistence-panel .persistence-saved{color:var(--signal-muted);} body.signal-edition .persistence-panel textarea{background:var(--signal-surface);border-color:#c4c9bd;border-radius:16px;} body.signal-edition .persistence-actions button{min-height:52px;padding:13px 18px;border-radius:16px;font-family:inherit;font-size:.9375rem;font-weight:800;line-height:1.4;white-space:normal;} body.signal-edition .persistence-actions .primary{background:var(--signal-ink);color:var(--signal-paper);border:1px solid var(--signal-ink);} body.signal-edition .persistence-actions .secondary{background:var(--signal-soft);color:var(--signal-ink);border:1px solid var(--signal-line);} body.signal-edition .persistence-panel :focus-visible{outline:3px solid var(--signal-ink);outline-offset:3px;} body.signal-edition #lumo-load-recovery{background:var(--signal-paper);color:var(--signal-ink);font-family:'Manrope UI',sans-serif;} body.signal-edition #lumo-load-recovery h1{font-size:1.75rem;font-weight:800;letter-spacing:-.045em;} body.signal-edition #lumo-load-recovery button{min-height:52px;border-radius:16px;background:var(--signal-ink);border-color:var(--signal-ink);color:var(--signal-paper);font-weight:800;} body.signal-edition #app :is(.platform-update-status,.platform-connection-status){border-color:var(--signal-line);border-radius:16px;background:var(--signal-guide);color:var(--signal-ink);font-size:.8125rem;} body.signal-edition #app :is(.platform-update-status,.platform-connection-status) button{border-radius:12px;min-height:44px;font-weight:750;} body.signal-edition #app :is(#view,#task-parent-view) :is(.signal-plan-sculpture,.signal-boxes-sculpture,.signal-holdings-sculpture,.signal-recovery-sculpture,.signal-story-total-stage,.payment-balance,.focus-payment-amount,.gm-hero) :is(button,a,summary):focus-visible{outline-color:var(--signal-lime)!important;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) :is(.screen-boxProtectionSupport,.screen-supportCase,.screen-pauseLog) :is(.small,.tiny,.muted){color:var(--signal-muted)!important;} /* An unprepared test-only Pause alias can render the native Payments fallback. That is a working page, so it keeps the paper surface and readable facts. */ body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .screen-pauseDemo:has(.focus-pay-heading){background:var(--signal-paper)!important;color:var(--signal-ink)!important;} /* Source: signal-home.css | sha256:31352a55fe956b83ccc47b2da8618852b80546951d1b398c9a836b242e179432 */ /* Signal Home: one coherent scale for money, character and navigation. */ body.signal-edition.minna-edition #app{background:#f7f6f0!important;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .screen-home{padding:16px 17px 12px!important;background:#f7f6f0!important;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-home{display:flex!important;flex-direction:column;gap:12px;min-width:0;max-width:100%;padding:0!important;color:#151711;container-type:inline-size;container-name:signal-home;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-home>*{flex-shrink:0;min-width:0;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-home>.scene-art{display:none!important;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-header{display:flex!important;align-items:center;justify-content:space-between;padding:0!important;margin:0!important;min-height:44px;gap:12px;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-header .signal-brand-wordmark{display:block!important;min-width:0;flex:0 1 124px;line-height:0;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-wordmark{display:block;width:124px!important;max-width:100%!important;height:auto!important;filter:none!important;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-header .home-header-actions{display:flex!important;align-items:center;gap:9px;flex-shrink:0;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-header .signal-profile{width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;background:#d7ff3f!important;color:#151711!important;border:0!important;border-radius:50%!important;font-weight:850;font-size:1.125rem;order:2;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-header #lumo-scan-qr{order:1;width:44px!important;height:44px!important;min-height:44px!important;min-width:44px!important;padding:8px!important;border:0!important;border-radius:0!important;background:none!important;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-header #lumo-scan-qr svg{width:28px!important;height:28px!important;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-greeting{position:static!important;width:auto!important;height:auto!important;overflow:visible!important;clip:auto!important;clip-path:none!important;white-space:normal!important;margin:3px 0 2px!important;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-greeting p{font-size:2rem!important;font-weight:850!important;letter-spacing:-.065em;line-height:1.1;margin:0!important;overflow-wrap:anywhere;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-campus-note{font-size:.8125rem;line-height:1.45;margin:0;color:#62645a;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-home .signal-money-card{position:relative;background:radial-gradient(ellipse at 85% 23%,#dfff65 0,transparent 48%),#d7ff3f!important;color:#151711!important;border:0!important;border-radius:26px!important;padding:15px 17px 0!important;margin:0!important;overflow:visible;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-money-heading{display:flex!important;align-items:center!important;justify-content:space-between;gap:8px;margin:0!important;padding:0!important;min-height:28px;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-money-label{color:#151711!important;font-size:1.0625rem!important;line-height:1.15!important;font-weight:850!important;letter-spacing:-.045em;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-home .balance-eye{display:grid!important;place-items:center;min-width:38px!important;width:38px!important;min-height:44px!important;height:38px!important;padding:9px!important;background:#1517110b!important;color:#151711!important;border:0!important;border-radius:50%!important;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-home .balance-eye>span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-money-stage{display:grid;grid-template-columns:minmax(0,1fr) 38%;align-items:center;min-height:120px;gap:8px;margin:0 0 4px;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-home .everyday-primary-money{display:block!important;width:100%!important;padding:0!important;margin:0!important;background:transparent!important;text-align:left;border:0!important;color:#151711!important;min-width:0;position:relative;z-index:1;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-home .everyday-primary-money>strong{font-size:4.25rem!important;font-weight:800!important;line-height:1.03!important;letter-spacing:-.065em!important;color:#151711!important;margin:0!important;padding:0!important;background:none!important;max-width:100%;white-space:normal!important;font-variant-numeric:lining-nums tabular-nums;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-home .everyday-primary-money .whole{font-family:'Signal Display',Manrope,sans-serif!important;font-size:1em!important;font-weight:800!important;letter-spacing:-.035em!important;-webkit-text-stroke:0;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-home .everyday-primary-money :is(.currency,.money-currency){font-family:Manrope,sans-serif!important;font-size:.43em!important;font-weight:850!important;letter-spacing:-.04em!important;color:#151711!important;margin-right:2px!important;vertical-align:baseline;top:0;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-home .everyday-primary-money .cents{font-family:Manrope,sans-serif!important;font-size:.32em!important;font-weight:800!important;color:#151711!important;letter-spacing:-.04em!important;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-home .has-wide-amount .everyday-primary-money>strong{font-size:3.45rem!important;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-home .has-huge-amount .everyday-primary-money>strong{font-size:2.5rem!important;overflow-wrap:anywhere;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-lux{display:block;object-fit:contain;height:auto;pointer-events:none;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-hero-lux{width:100%;max-width:none;height:120px;margin:0;object-position:right bottom;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-balance-breakdown{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);border-top:1px solid #15171132;padding:8px 0;gap:14px;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-balance-cell{display:flex;flex-direction:column;gap:3px;min-width:0;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-balance-cell+.signal-balance-cell{border-left:1px solid #15171132;padding-left:17px;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-balance-cell>span{font-size:.8125rem;color:#4d571e;font-weight:700;line-height:1.3;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-balance-cell>strong{font-size:1.25rem!important;line-height:1.22!important;font-weight:850!important;letter-spacing:-.045em;color:#151711!important;overflow-wrap:anywhere;min-height:1.3em;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-balance-cell>strong>span:not([data-private-value]):not(.money-mask){font-size:.8125rem;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-plan-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;border-top:1px solid #15171122;min-height:44px;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-home .mono-budget-link{border:0!important;padding:7px 0!important;margin:0!important;width:auto!important;min-height:44px!important;display:flex!important;justify-content:flex-start!important;align-items:center;gap:5px;font-size:.8125rem!important;font-weight:800!important;color:#151711!important;background:transparent!important;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-home .mono-budget-link>svg{background:transparent!important;color:#151711!important;width:16px;height:16px;padding:0;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-home .mono-budget-basis{display:flex!important;align-items:center;justify-content:flex-end;flex-wrap:wrap;column-gap:7px;margin:0!important;color:#414a19!important;font-size:.6875rem!important;text-align:right;line-height:1.3!important;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-home .mono-budget-date-action{background:none!important;color:#151711!important;border:0;padding:9px 0!important;min-height:44px;font-size:.75rem!important;font-weight:700;text-decoration:underline;text-underline-offset:3px;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-home-actions{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important;margin:0!important;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-home .signal-action{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:7px!important;min-height:96px!important;padding:12px 5px!important;border:0!important;border-radius:23px!important;background:#eeede5!important;color:#151711!important;font-weight:850!important;font-size:1rem!important;line-height:1.25;letter-spacing:-.045em;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-home .signal-action .mono-action-icon{display:grid;place-items:center;width:36px!important;height:36px!important;border:0!important;border-radius:0!important;background:transparent!important;color:inherit!important;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-home .signal-action:first-child .mono-action-icon{border:2.5px solid currentColor!important;border-radius:50%!important;width:34px!important;height:34px!important;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-home .signal-action:first-child svg{width:25px!important;height:25px!important;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-home .signal-action svg{width:34px!important;height:34px!important;stroke-width:2.1;filter:none!important;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-home .signal-action-pay{background:#151711!important;color:#fffef9!important;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-home .signal-action-pay svg{width:39px!important;height:39px!important;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-home .signal-buddy{margin:0!important;padding:0!important;background:#eeede5!important;border:0!important;border-radius:25px!important;min-height:112px!important;overflow:visible!important;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-home .signal-buddy .mono-conversation-open{position:relative;display:grid!important;grid-template-columns:96px minmax(0,1fr);gap:0;width:100%;min-height:112px!important;padding:8px 12px 8px 0!important;color:#151711!important;border:0!important;border-radius:25px!important;background:transparent!important;text-align:left;overflow:visible!important;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-home .signal-buddy .mono-conversation-open::before,body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-home .signal-buddy .mono-conversation-open::after{display:none!important;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-buddy-art{display:flex;align-items:center;align-self:center;min-width:0;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-buddy-art img{width:96px;height:96px;max-width:none;margin:0;transform:rotate(-5deg);} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-home .signal-buddy .mono-conversation-copy{position:relative!important;display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:flex-start;gap:6px;max-width:none!important;min-width:0;width:auto!important;min-height:96px!important;padding:10px 14px!important;border-radius:23px;background:#fffef9!important;color:#151711!important;text-shadow:none!important;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-home .signal-buddy .mono-conversation-copy::before{content:'';position:absolute;left:-10px;top:39%;border-top:9px solid transparent;border-bottom:9px solid transparent;border-right:12px solid #fffef9;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-home .signal-buddy .mono-conversation-eyebrow{display:none!important;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-home .signal-buddy .mono-conversation-insight{display:block!important;min-height:0!important;font-size:1rem!important;line-height:1.25!important;font-weight:850!important;letter-spacing:-.045em;color:#151711!important;max-width:none;overflow-wrap:anywhere;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-home .signal-buddy .mono-conversation-insight-detail{display:block;font-size:.8125rem!important;line-height:1.4!important;font-weight:650!important;margin:4px 0 0;color:inherit!important;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-home .signal-buddy .mono-conversation-question{display:flex;align-items:center;gap:5px;font-size:.75rem!important;font-weight:650;line-height:1.3!important;color:#62645a!important;margin:0!important;text-decoration:none!important;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-home-destinations{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-home .mono-boxes-card,body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-home .signal-story-card{padding:0!important;margin:0!important;border:0!important;border-radius:21px!important;background:#eeede5!important;min-width:0;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-home .mono-boxes-card{background:#d7ff3f!important;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-home .everyday-boxes-open,body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-story-card>button{display:grid!important;grid-template-columns:28px minmax(0,1fr) 12px!important;grid-template-rows:auto!important;align-items:center!important;gap:7px!important;min-height:76px!important;padding:12px 11px!important;width:100%;background:transparent!important;color:#151711!important;border:0!important;text-align:left;border-radius:21px;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-home .mono-box-symbol,body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-story-symbol{display:block!important;width:28px!important;height:30px!important;background:none!important;padding:0!important;border-radius:0!important;grid-area:auto!important;color:#151711!important;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-home .mono-box-symbol svg,body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-story-symbol svg{width:28px;height:30px;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-home .mono-box-copy{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:4px!important;grid-area:auto!important;min-width:0;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-home :is(.mono-box-title,.signal-story-card strong){display:block!important;font-size:.875rem!important;font-weight:850!important;line-height:1.2!important;letter-spacing:-.04em!important;color:#151711!important;white-space:normal!important;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-home .everyday-savings-amount{display:grid!important;grid-template-areas:'savings';font-size:.875rem!important;font-weight:800!important;letter-spacing:-.04em!important;line-height:1.3!important;margin:0!important;padding:0!important;grid-area:auto!important;min-height:1.3em;color:#151711!important;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-home .mono-savings-reserve{display:none!important;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-home .everyday-boxes-open>svg{grid-area:auto!important;width:13px!important;margin:0!important;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-story-card>button>svg{width:13px;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-home :is(.mono-box-empty-note,.signal-story-card small){display:block;font-size:.75rem!important;line-height:1.3!important;color:#62645a!important;margin-top:4px!important;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-home .mono-home-alert{margin:0!important;min-height:44px!important;font-size:.8125rem!important;background:#eeede5;border-radius:16px;padding:10px 13px!important;border:0!important;} body.signal-edition.minna-edition #app #nav.mono-primary-nav{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));background:#f7f6f0!important;border-top:1px solid #deded3!important;padding:7px 12px max(8px,env(safe-area-inset-bottom))!important;min-height:72px;} body.signal-edition.minna-edition #app #nav.mono-primary-nav[hidden]{display:none!important;} body.signal-edition.minna-edition #app #nav .nav-item{display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:54px;padding:4px!important;background:transparent!important;border:0!important;color:#85867e!important;font-size:.8125rem!important;font-weight:550!important;line-height:1.2;} body.signal-edition.minna-edition #app #nav .nav-item svg{width:28px!important;height:28px!important;padding:0!important;background:none!important;border-radius:0!important;} body.signal-edition.minna-edition #app #nav .nav-item.active{color:#151711!important;font-weight:800!important;} body.signal-edition.minna-edition #app #nav .nav-item.active::after{position:absolute;bottom:-2px;display:block;width:6px;height:6px;background:#d7ff3f;border-radius:50%;content:'';} body.signal-edition.minna-edition #app .prototype-boundary{min-height:18px;padding:3px 8px!important;font-size:.625rem!important;color:#797b72!important;background:#f7f6f0!important;} body.signal-edition .desktop-note .mono-brand-avatar{display:none!important;} body.signal-edition .desktop-note .actual-wordmark{width:160px!important;height:auto!important;filter:none!important;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .mono-brand-wordmark{width:104px;height:auto;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) :is(.screen-pause,.screen-samplePause,.screen-pauseDemo) .mono-brand-wordmark{filter:invert(1)!important;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-pause-character .mono-pause-face{left:0!important;top:0!important;width:100%!important;height:100%!important;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-pause-character img{border-radius:0!important;mix-blend-mode:normal!important;object-fit:contain;} @media(min-width:900px){body.signal-edition.minna-edition #app{width:440px!important;max-width:440px!important;}body.signal-edition.minna-edition{gap:72px;background:#eeede5!important;}} @media(max-width:899px){body.signal-edition.minna-edition{background:#f7f6f0!important;}body.signal-edition.minna-edition #app{width:100%;max-width:480px;}} /* Keep the privacy control in its own heading band. Lux has a real row. */ body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-money-heading{justify-content:flex-start!important;gap:7px;padding-right:0!important;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-home .balance-eye{position:relative;right:auto;top:auto;align-self:center;margin:-8px 0;z-index:2;min-width:44px!important;min-height:44px!important;width:44px!important;height:44px!important;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-home .everyday-primary-money .money-mask{font-size:.43em!important;letter-spacing:.03em!important;line-height:1!important;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-home .signal-buddy .mono-conversation-copy{gap:4px!important;} /* On short phones the composition tightens as a whole, rather than enlarging the same parts until the lower destinations are pushed out of view. */ @media(max-height:720px) and (min-width:360px){ body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .screen-home{padding:10px 14px 6px!important;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-home{gap:6px;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-header .signal-brand-wordmark{flex-basis:116px;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-wordmark{width:116px!important;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-greeting{margin:1px 0!important;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-greeting p{font-size:1.75rem!important;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-home .signal-money-card{padding:11px 14px 0!important;border-radius:23px!important;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-money-heading{min-height:24px;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-money-label{font-size:1rem!important;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-money-stage{min-height:92px;grid-template-columns:minmax(0,1fr) 36%;margin-bottom:3px;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-hero-lux{height:92px;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-home .everyday-primary-money>strong{font-size:3.5rem!important;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-home .has-wide-amount .everyday-primary-money>strong{font-size:2.9rem!important;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-home .has-huge-amount .everyday-primary-money>strong{font-size:2.05rem!important;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-balance-breakdown{padding:6px 0;gap:12px;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-balance-cell>span{font-size:.75rem;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-balance-cell>strong{font-size:1.125rem!important;line-height:1.2!important;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-home .signal-action{min-height:74px!important;padding:8px 4px!important;gap:5px!important;font-size:.875rem!important;border-radius:19px!important;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-home .signal-action .mono-action-icon{width:30px!important;height:30px!important;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-home .signal-action:first-child .mono-action-icon{width:30px!important;height:30px!important;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-home .signal-action svg{width:30px!important;height:30px!important;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-home .signal-action:first-child svg{width:23px!important;height:23px!important;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-home .signal-action-pay svg{width:34px!important;height:34px!important;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-home .signal-buddy{min-height:88px!important;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-home .signal-buddy .mono-conversation-open{grid-template-columns:78px minmax(0,1fr);min-height:88px!important;padding:4px 10px 4px 0!important;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-buddy-art img{width:80px;height:80px;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-home .signal-buddy .mono-conversation-copy{min-height:80px!important;padding:8px 12px!important;gap:3px!important;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-home .signal-buddy .mono-conversation-insight{font-size:.9375rem!important;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-home .signal-buddy .mono-conversation-insight-detail{font-size:.75rem!important;margin-top:2px;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-home .signal-buddy .mono-conversation-question{font-size:.6875rem!important;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-home .everyday-boxes-open,body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-story-card>button{min-height:64px!important;padding:9px 10px!important;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-home :is(.mono-box-title,.signal-story-card strong){font-size:.8125rem!important;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-home .everyday-savings-amount{font-size:.8125rem!important;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-home :is(.mono-box-empty-note,.signal-story-card small){font-size:.6875rem!important;} body.signal-edition.minna-edition #app:has(#view>.screen-home) #nav.mono-primary-nav{min-height:60px;padding-top:3px!important;padding-bottom:4px!important;} body.signal-edition.minna-edition #app:has(#view>.screen-home) #nav .nav-item{min-height:48px;gap:3px;} body.signal-edition.minna-edition #app:has(#view>.screen-home) #nav .nav-item svg{width:25px!important;height:25px!important;} } @container signal-home (max-width:20em){body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-balance-breakdown{grid-template-columns:minmax(0,1fr);gap:8px;}body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-balance-cell+.signal-balance-cell{border-left:0;padding-left:0;border-top:1px solid #15171122;padding-top:8px;}body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-home-destinations{grid-template-columns:minmax(0,1fr);}body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-plan-footer{flex-direction:column;align-items:stretch;gap:0;}body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-home .mono-budget-basis{justify-content:space-between;text-align:left;}body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-home .mono-budget-link{width:100%!important;}body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-money-stage{grid-template-columns:minmax(0,1fr) 37%;}body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-home .everyday-primary-money>strong{font-size:3.5rem!important;}body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-home .signal-buddy .mono-conversation-open{grid-template-columns:80px minmax(0,1fr);}body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-buddy-art img{width:84px;height:100px;}body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-home-actions{gap:7px!important;}body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-home .signal-action{font-size:.875rem!important;}} @media(prefers-reduced-motion:no-preference){body.signal-edition .signal-action{transition:transform .15s ease,background .15s ease;}body.signal-edition .signal-action:active{transform:scale(.96);}} /* A wide neutral privacy reserve may wrap. Centre the actual value inside its reserved grid area, so the visible money and Lux keep the same centre line. */ body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-home .everyday-primary-money>strong>[data-private-value]{align-self:center!important;} /* Separate painted bounds for Lux and his quote; neither can overlap or escape the rounded card. The whole native button remains the existing Chat target. */ body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-home .signal-buddy{overflow:hidden!important;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-home .signal-buddy:focus-within{outline:3px solid #151711;outline-offset:3px;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-home .signal-buddy .mono-conversation-open{grid-template-columns:96px minmax(0,1fr);gap:12px;padding:8px 12px 8px 10px!important;align-items:center;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-buddy-art{display:grid;place-items:center;width:96px;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-buddy-art img{width:92px;height:92px;max-width:100%;margin:0;transform:none;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-home .signal-buddy .mono-conversation-copy{min-height:88px!important;padding:10px!important;border-radius:20px;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-home .signal-buddy .mono-conversation-copy::before{left:-6px;top:50%;transform:translateY(-50%);border-top-width:7px;border-bottom-width:7px;border-right-width:7px;} @media(max-height:720px) and (min-width:360px){ body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-home .signal-buddy .mono-conversation-open{grid-template-columns:80px minmax(0,1fr);gap:10px;padding:6px 8px!important;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-buddy-art{width:80px;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-buddy-art img{width:76px;height:76px;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-home .signal-buddy .mono-conversation-copy{min-height:72px!important;padding:8px 10px!important;} } @container signal-home (max-width:20em){ body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-home .signal-buddy .mono-conversation-open{grid-template-columns:72px minmax(0,1fr);gap:10px;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-buddy-art{width:72px;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-buddy-art img{width:68px;height:68px;} } /* Source: signal-account.css | sha256:ab554a52ce684728d28c93cdc9b089f45fb762a906842c91e69f6e5d224ce581 */ /* Signal's personal space: bold character, tactile choices and clear forms. Every selector belongs to the independent Signal edition. */ /* Welcome introduces the same ink stage and lime light as the Home balance. */ body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .screen-welcome{padding:20px 20px 22px!important;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .mono-welcome{min-height:100%;gap:0;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .mono-welcome-brand{align-items:center;gap:12px;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .mono-welcome-brand .actual-wordmark{width:128px!important;height:auto;filter:none!important;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .mono-welcome-brand>span{font-size:.75rem;line-height:1.35;font-weight:750;letter-spacing:-.02em;color:var(--signal-muted);max-width:12ch;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .mono-welcome-picture{position:relative;isolation:isolate;display:flex;align-items:flex-end;justify-content:flex-end;min-height:184px;flex:1 0 184px;max-height:224px;margin:20px 0;padding:12px 16px;border-radius:20px;background:radial-gradient(ellipse at 76% 94%,#b7ef3c30,transparent 53%),var(--signal-ink);overflow:hidden;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-welcome-hello{position:absolute;z-index:1;left:20px;top:20px;color:var(--signal-lime);font-size:2.25rem;line-height:1;letter-spacing:-.06em;font-weight:800;transform:none;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .mono-welcome-picture .mono-brand-avatar-hero{position:relative;z-index:1;width:166px!important;height:166px!important;background:transparent;overflow:visible;margin:0;transform:none;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .mono-welcome-copy{margin:0 0 18px;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .mono-welcome-copy .mono-kicker{display:block;font-size:.6875rem;font-weight:700;letter-spacing:.035em;margin:0 0 9px;color:var(--signal-muted);} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .mono-welcome h1{font-size:clamp(2rem,9vw,2.5rem)!important;line-height:1.04!important;letter-spacing:-.06em!important;font-weight:800!important;margin:0 0 12px!important;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .mono-welcome-copy>p:last-child{font-size:.9375rem;line-height:1.45;letter-spacing:-.02em;font-weight:500;margin:0;color:var(--signal-muted);} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .mono-welcome-actions .actions{margin-top:0;gap:12px;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .mono-welcome-actions :is(.primary,.secondary){min-height:52px!important;border-radius:16px!important;font-size:.9375rem!important;font-weight:750!important;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .mono-welcome-actions .primary{background:var(--signal-ink)!important;color:var(--signal-paper)!important;border-color:var(--signal-ink)!important;box-shadow:none!important;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .mono-welcome-actions .secondary{border:1px solid var(--signal-line)!important;background:var(--signal-soft)!important;color:var(--signal-ink)!important;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .mono-welcome-actions .mono-demo-note{font-size:.6875rem;line-height:1.5;margin-top:10px;} /* Setup shares one title scale, neutral forms and permanent field guidance. */ body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .onboarding-page>.page-heading{margin:18px 0 20px;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .onboarding-page>.page-heading h1{font-size:clamp(1.5rem,7.2vw,1.75rem)!important;line-height:1.15!important;font-weight:800!important;letter-spacing:-.045em!important;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .onboarding-page>.page-heading>p{font-size:.9375rem;line-height:1.5;letter-spacing:-.015em;color:var(--signal-muted);margin-top:10px;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .onboarding-page>.topline{margin-bottom:20px;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .mono-setup-identity>.mono-brand-avatar{width:32px!important;height:32px!important;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .onboarding-page .setup-progress{gap:6px;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .onboarding-page :is(.progress,.progress-bar){height:5px;border-radius:8px!important;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .onboarding-page .progress-bar{background:var(--signal-ink)!important;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .onboarding-page .form{gap:14px;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .onboarding-page :is(.notice,.verified-identity-data,.optional-address){border-radius:20px!important;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) :is(.screen-phone,.screen-signin) .page-heading{padding:0;background:transparent;border-radius:0;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) :is(.screen-phone,.screen-signin) .page-heading h1{color:var(--signal-ink)!important;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) :is(.screen-phone,.screen-signin) .page-heading>p{color:var(--signal-muted)!important;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .onboarding-page .code-input{font-size:1.5rem!important;letter-spacing:.2em;font-weight:750!important;min-height:60px!important;text-align:center;padding:12px 10px!important;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .onboarding-page .phone-field{border:1px solid var(--signal-line);background:var(--signal-surface);border-radius:16px;overflow:hidden;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .onboarding-page .phone-field>span{padding-left:15px;font-size:1rem;font-weight:750;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .onboarding-page .phone-field>input{border:0!important;box-shadow:none!important;background:transparent!important;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .onboarding-page .phone-field:focus-within{outline:3px solid #d7ff3f80;outline-offset:2px;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .onboarding-page .check-row{padding:15px;border:1px solid var(--signal-line);border-radius:16px;background:var(--signal-surface);gap:12px;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .onboarding-page .list .row{min-height:68px;padding:14px;border-radius:16px;background:var(--signal-soft);border:0;margin-bottom:8px;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .mono-brand-ready>.mono-brand-avatar{width:96px;height:100px;margin:0 auto 16px;display:block;} /* Chat carries the Home insight language into a calm place to talk. */ body.signal-edition.minna-edition #app[data-chat-banking=true] :is(#view,#task-parent-view) .screen-chat{padding:0 18px 8px!important;} body.signal-edition.minna-edition #app[data-chat-banking=true] .chat-workspace .chat-banking-header{min-height:52px;margin-bottom:8px;padding:6px 0;} body.signal-edition.minna-edition #app .mono-brand-chat-title{font-size:.9375rem!important;font-weight:850!important;gap:6px;} body.signal-edition.minna-edition #app .mono-brand-chat-title>.mono-brand-avatar{width:32px!important;height:32px!important;} body.signal-edition.minna-edition #app .hibiscus-chat-feed{gap:12px;padding-top:0;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .hibiscus-chat-feed-greeting{position:relative;isolation:isolate;grid-template-columns:minmax(0,1fr) 80px;align-items:center;column-gap:12px;min-height:128px;padding:18px;background:var(--signal-guide,#f0f5e6);border-radius:20px;overflow:visible;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .hibiscus-chat-feed-greeting>.mono-brand-avatar{position:relative;grid-column:2;grid-row:1/4;align-self:center;width:80px!important;height:80px!important;margin:0;transform:none;z-index:0;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .hibiscus-chat-feed-greeting .hibiscus-chat-hello{font-size:.8125rem;line-height:1.4;font-weight:650;letter-spacing:-.01em;color:#60743d;margin:0 0 7px;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .hibiscus-chat-feed-greeting h2{font-size:1.75rem!important;line-height:1.1!important;font-weight:800!important;letter-spacing:-.05em!important;max-width:11ch;margin:0 0 8px!important;color:var(--signal-ink);} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .hibiscus-chat-feed-greeting>p{font-size:.875rem;line-height:1.45;font-weight:500;max-width:25ch;color:var(--signal-muted);margin:0;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .hibiscus-chat-insight{position:relative;min-height:108px;padding:17px 44px 17px 18px!important;border:1px solid var(--signal-line)!important;border-radius:20px!important;background:var(--signal-surface)!important;color:var(--signal-ink)!important;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .hibiscus-chat-insight-label{font-size:.75rem;font-weight:650;letter-spacing:0;color:#60743d!important;margin-bottom:8px;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .hibiscus-chat-insight>strong{font-size:1.125rem!important;line-height:1.28;font-weight:800!important;letter-spacing:-.035em;color:var(--signal-ink)!important;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .hibiscus-chat-insight-support{font-size:.8125rem;line-height:1.45;color:var(--signal-muted)!important;margin-top:6px;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .hibiscus-chat-insight>svg{color:var(--signal-ink)!important;right:17px;width:18px;height:18px;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .hibiscus-chat-starters{display:grid;gap:9px;border:0;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .hibiscus-chat-starters>button{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:60px;padding:12px 15px!important;border:1px solid var(--signal-line)!important;border-radius:16px!important;background:var(--signal-surface)!important;font-size:.875rem!important;line-height:1.4;font-weight:700!important;letter-spacing:-.02em;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .hibiscus-chat-starters>button>svg{box-sizing:content-box;flex:none;width:16px;height:16px;padding:7px;border-radius:50%;background:var(--signal-soft);color:var(--signal-ink);transform:rotate(45deg);} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .hibiscus-chat-data-note{font-size:.75rem;line-height:1.4;margin:0 2px;color:var(--signal-muted);} body.signal-edition.minna-edition #app[data-chat-banking=true] .chat-workspace #chat-thread .chat-bubble{font-size:.9375rem;line-height:1.65;} body.signal-edition.minna-edition #app[data-chat-banking=true] .chat-workspace #chat-thread .chat-bubble.user{background:var(--signal-ink);color:var(--signal-paper);border-radius:18px 18px 6px 18px;padding:13px 16px;font-size:.9375rem;max-width:90%;} body.signal-edition.minna-edition #app[data-chat-banking=true] .chat-workspace #chat-thread .chat-reply .lead{font-size:1.25rem!important;line-height:1.3;font-weight:800!important;letter-spacing:-.04em;} body.signal-edition.minna-edition #app .chat-bubble>.mono-brand-attribution{gap:8px;margin:0 0 14px;color:var(--signal-muted);font-weight:850;font-size:.6875rem;} body.signal-edition.minna-edition #app .chat-bubble>.mono-brand-attribution>.mono-brand-avatar{width:28px;height:28px;} body.signal-edition.minna-edition #app[data-chat-banking=true] .chat-workspace .chat-entry{border:1px solid var(--signal-line)!important;background:var(--signal-surface)!important;border-radius:18px!important;padding:5px!important;min-height:56px;box-shadow:none!important;} body.signal-edition.minna-edition #app[data-chat-banking=true] .chat-workspace .chat-entry button{width:44px;min-width:44px;height:44px;min-height:44px;background:var(--signal-ink)!important;color:var(--signal-paper)!important;border-radius:14px!important;} body.signal-edition.minna-edition #app .chat-workspace .chat-prompts .chip{font-size:.8125rem;line-height:1.35;font-weight:750;min-height:44px;padding:11px 13px;border:1px solid var(--signal-line);background:var(--signal-soft);border-radius:15px;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .chat-banking-action-item{min-height:68px;padding:14px 15px;margin-bottom:8px;border:0;background:var(--signal-soft);border-radius:16px;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .chat-banking-action-item>svg:first-child{background:transparent;padding:6px;border-radius:12px;width:24px;height:24px;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .chat-banking-action-item strong{font-size:1rem;font-weight:850;letter-spacing:-.025em;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .chat-calculation-conclusion{font-size:1.35rem;line-height:1.3;font-weight:800;letter-spacing:-.04em;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .hibiscus-chat-history-list>li{margin-bottom:8px;background:var(--signal-soft);border:0;border-radius:16px;padding:8px 13px;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .chat-history-search{padding:14px;background:var(--signal-soft);border-radius:20px;margin-bottom:16px;} /* Personal details, settings and support use the same restrained surfaces. */ body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-account-heading{position:relative;display:block;min-height:0;margin:8px 0 18px!important;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-account-heading>h1{font-size:1.75rem!important;line-height:1.15!important;font-weight:800!important;letter-spacing:-.045em!important;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-account-heading>p{margin-top:10px;font-size:.9375rem;line-height:1.5;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-account-mark{display:none;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-account-mark>svg{width:24px;height:24px;stroke-width:2;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-account-mark-privacy{border-radius:50%;transform:none;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-account-mark-notifications, body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-account-mark-notificationPrefs{border-radius:26px 26px 8px 26px;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-account-mark-profile{background:var(--signal-soft);transform:none;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .account-flow{gap:14px;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .screen-profile .account-flow{gap:10px;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .account-flow>.soft{padding:18px;border-radius:20px;background:var(--signal-soft);} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .account-flow .signal-profile-pass{position:relative;padding:16px!important;background:var(--signal-surface)!important;border:1px solid var(--signal-line)!important;border-radius:20px!important;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-customer-monogram{display:grid;place-items:center;width:44px;height:44px;margin:0 0 8px;border-radius:50%;background:var(--signal-lime);color:var(--signal-ink);font-size:1.5rem;line-height:1;font-weight:800;letter-spacing:-.04em;transform:none;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .screen-profile .signal-profile-pass .summary-line{border-color:var(--signal-line);padding:8px 0;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-profile-pass .summary-line>span{color:var(--signal-muted);} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-profile-pass .summary-line>strong{font-size:.9375rem;font-weight:850;color:var(--signal-ink);} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .account-flow .summary-line{gap:12px;padding:12px 0;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .account-flow .summary-line>span{font-size:.8125rem;line-height:1.5;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .account-flow .summary-line>strong{font-size:.875rem;line-height:1.45;font-weight:750!important;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) :is(.account-flow,.account-details-page)>.list{display:grid;gap:9px;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .account-flow>.list>.row, body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .account-details-page>.list>.row, body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .screen-notifications>.row, body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .daily-preferences-link>.row, body.signal-edition.minna-edition #app :is(#view,#task-parent-view) :is(.screen-privacy,.screen-notificationPrefs) .account-flow>.row{padding:14px 15px!important;min-height:68px;border:0!important;background:var(--signal-soft)!important;border-radius:16px!important;gap:12px;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .screen-profile .account-flow>.list>.row{min-height:60px;padding:10px 15px!important;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .account-flow .row-icon{width:40px;height:40px;border-radius:12px;background:transparent!important;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .account-flow .row-icon>svg{width:24px;height:24px;stroke-width:2;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .account-flow .row-copy strong{font-size:.9375rem!important;line-height:1.3;font-weight:850!important;letter-spacing:-.035em;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .account-flow .row-copy small{font-size:.8125rem!important;line-height:1.45;color:var(--signal-muted);margin-top:4px;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .account-flow .row-end{font-size:.75rem;font-weight:800;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .account-flow>.card{border:1px solid var(--signal-line);background:var(--signal-surface);border-radius:20px;padding:18px;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .account-flow>.card .topline>strong{font-size:1rem;font-weight:850;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .account-flow>.soft h3{font-size:1.15rem!important;line-height:1.25;font-weight:850!important;letter-spacing:-.04em;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .account-flow>.soft h2{font-size:1.5rem!important;font-weight:800!important;letter-spacing:-.045em;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .daily-preferences-link{margin-top:18px;display:grid;gap:10px;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .daily-preferences-page .daily-check{display:flex;align-items:flex-start;gap:12px;min-height:72px;padding:16px;margin:0 0 9px;background:var(--signal-soft);border-radius:16px;border:0;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .daily-preferences-page .daily-check strong{font-size:1rem;font-weight:850;letter-spacing:-.03em;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .daily-preferences-page .daily-check small{font-size:.75rem;line-height:1.45;color:var(--signal-muted);margin-top:6px;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .daily-preferences-page .daily-check input{flex:none;accent-color:var(--signal-ink);margin-top:3px;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .daily-preferences-page [id$="-options"]{background:var(--signal-surface);border:1px solid var(--signal-line);border-radius:16px;padding:16px;margin:0 0 14px;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .screen-security .account-flow>.soft{background:var(--signal-guide,#f0f5e6)!important;color:var(--signal-ink)!important;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .screen-security .account-flow>.soft :is(h3,p){color:var(--signal-ink)!important;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .screen-security .account-flow>.soft p{color:var(--signal-muted)!important;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .account-detail-card{padding:20px!important;border:1px solid var(--signal-line)!important;border-radius:20px!important;background:var(--signal-surface)!important;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .account-detail-card h3{font-size:1.125rem!important;font-weight:800!important;letter-spacing:-.035em;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .account-detail-card+.account-detail-card{background:var(--signal-guide,#f0f5e6)!important;color:var(--signal-ink)!important;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .account-detail-card+.account-detail-card :is(h3,dt,dd,.summary-line,.summary-line strong,.muted){color:var(--signal-ink)!important;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .account-detail-card :is(dt,dd){overflow-wrap:anywhere;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .mono-brand-help{position:relative;gap:14px;padding:16px!important;min-height:96px;background:var(--signal-guide,#f0f5e6);border-radius:20px;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .mono-brand-help>.mono-brand-avatar{width:64px;height:64px;align-self:center;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .mono-brand-help>p{font-size:1.125rem!important;line-height:1.25;font-weight:800;letter-spacing:-.035em;color:var(--signal-ink);max-width:19ch;min-width:0;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) :is(.screen-privacyNotice,.screen-accountTerms,.screen-dataExport,.screen-supportCase,.screen-caseDetail,.screen-feedback,.screen-statements) .page-heading h1{font-size:1.75rem!important;line-height:1.15!important;font-weight:800!important;letter-spacing:-.045em!important;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) :is(.screen-privacyNotice,.screen-accountTerms) details{background:var(--signal-soft);border:0;border-radius:20px;padding:13px 17px;margin-bottom:9px;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) :is(.screen-privacyNotice,.screen-accountTerms) details>summary{font-size:.875rem;font-weight:850;line-height:1.4;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) :is(.screen-dailyAccountNotice,.screen-actionConfirm,.screen-sampleConfirm,.screen-resetConfirm,.screen-ambassadorReset,.screen-ambassadorSample,.screen-ambassadorGuide,.screen-testing) .page-heading h1{font-size:1.75rem!important;line-height:1.15!important;font-weight:800!important;letter-spacing:-.045em!important;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .screen-dailyAccountNotice>section>p:not(.small){padding:18px;background:var(--signal-soft);border-radius:20px;font-size:.9375rem;line-height:1.6;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .ambassador-boundary{padding:18px;border:0;border-radius:20px;background:var(--signal-soft);margin:18px 0;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .ambassador-boundary>strong{font-size:1rem;font-weight:850;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .ambassador-boundary>p{font-size:.875rem;line-height:1.55;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-ambassador-character{position:relative;isolation:isolate;display:flex;justify-content:flex-end;align-items:flex-end;min-height:160px;padding:12px 16px;background:radial-gradient(ellipse at 76% 94%,#b7ef3c30,transparent 53%),var(--signal-ink);border-radius:20px;overflow:hidden;margin-bottom:20px;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-ambassador-character>img{display:block;position:relative;z-index:1;width:142px;height:142px;max-width:65%;object-fit:contain;transform:none;margin:0;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-ambassador-character>span{position:absolute;left:20px;top:20px;color:var(--signal-lime);font-size:2.25rem;line-height:1;font-weight:800;letter-spacing:-.06em;transform:none;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .ambassador-entry>h1{font-size:1.75rem!important;line-height:1.15!important;font-weight:800!important;letter-spacing:-.045em!important;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) :is(.screen-ambassadorGuide,.screen-testing) .test-list{counter-reset:signal-test;display:grid;gap:10px;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) :is(.screen-ambassadorGuide,.screen-testing) .test-step{counter-increment:signal-test;display:grid;grid-template-columns:32px minmax(0,1fr);gap:12px;padding:16px;border:0;background:var(--signal-soft);border-radius:16px;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) :is(.screen-ambassadorGuide,.screen-testing) .test-step::before{content:counter(signal-test);display:grid;place-items:center;align-self:start;width:32px;height:32px;border-radius:50%;background:var(--signal-lime);color:var(--signal-ink);font-size:.875rem;font-weight:800;transform:none;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) :is(.screen-ambassadorGuide,.screen-testing) .test-step strong{font-size:.9375rem;font-weight:850;letter-spacing:-.025em;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) :is(.screen-ambassadorGuide,.screen-testing) .test-step p{font-size:.8125rem;line-height:1.55;color:var(--signal-muted);} /* Menu is the same app: compact navigation rows, native queues/disclosures. */ body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .mono-menu{padding-bottom:18px;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .mono-menu>.hibiscus-root-header{margin-bottom:18px!important;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .mono-menu>.hibiscus-root-header h1{font-size:1.75rem!important;font-weight:800!important;letter-spacing:-.045em!important;margin-top:8px!important;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .mono-brand-lockup-menu{position:relative;padding:0;background:transparent;border-radius:0;gap:9px;margin:0 0 10px!important;min-height:44px;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .mono-brand-lockup-menu>.mono-brand-avatar{width:40px!important;height:40px!important;margin:0;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .mono-brand-lockup-menu .mono-brand-wordmark{width:96px!important;max-width:50%;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .mono-menu-owner{font-size:.9375rem!important;font-weight:750;letter-spacing:-.025em;color:var(--signal-ink);margin:0 0 18px!important;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .mono-menu-group{margin:0 0 20px!important;border:0!important;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .mono-menu-group>h2{font-size:.8125rem!important;line-height:1.4!important;letter-spacing:-.01em!important;font-weight:650!important;text-transform:none;color:var(--signal-muted);padding:0 2px;margin-bottom:9px;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .mono-menu-group>div{display:grid;gap:9px;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .mono-menu-item{min-height:68px;padding:12px 14px!important;border:0!important;border-radius:16px!important;background:var(--signal-soft)!important;gap:11px!important;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .mono-menu-icon{width:40px!important;height:40px!important;display:grid;place-items:center;border:0!important;background:transparent!important;border-radius:12px!important;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .mono-menu-icon>svg{width:23px!important;height:23px!important;stroke-width:2;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .mono-menu-item strong{font-size:.9375rem!important;font-weight:750!important;line-height:1.3;letter-spacing:-.025em;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .mono-menu-item small{font-size:.8125rem!important;line-height:1.4!important;margin-top:4px;color:var(--signal-muted);} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .mono-menu-item[data-menu-route=pay]{background:var(--signal-ink)!important;color:var(--signal-paper)!important;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .mono-menu-item[data-menu-route=pay] :is(strong,small){color:var(--signal-paper)!important;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .mono-menu-disclosure{padding:0!important;background:transparent!important;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .mono-menu-disclosure>summary{min-height:68px;padding:14px!important;background:var(--signal-soft);border:0;border-radius:16px;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .mono-menu-disclosure>summary strong{font-size:1rem;font-weight:850;letter-spacing:-.025em;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .mono-menu-disclosure>summary small{font-size:.8125rem;line-height:1.5;margin-top:5px;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .mono-menu-disclosure[open]>div{margin-top:9px;} @media(max-height:720px){ body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .screen-welcome{padding:16px 18px 18px!important;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .mono-welcome-picture{min-height:140px;flex-basis:140px;max-height:164px;margin:16px 0;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .mono-welcome-picture .mono-brand-avatar-hero{width:132px!important;height:132px!important;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .mono-welcome h1{font-size:2rem!important;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .mono-welcome-copy{margin-bottom:16px;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .mono-welcome-actions :is(.primary,.secondary){min-height:52px!important;} } @media(prefers-reduced-motion:no-preference){ body.signal-edition.minna-edition #app :is(#view,#task-parent-view) :is(.mono-menu-item,.hibiscus-chat-starters>button,.account-flow .row){transition:transform .16s ease,background .16s ease;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) :is(.mono-menu-item,.hibiscus-chat-starters>button,.account-flow .row):active{transform:scale(.98);} } @supports (container-type:inline-size){ body.signal-edition.minna-edition #app :is(#view,#task-parent-view) :is(.mono-welcome,.onboarding-page,.account-flow,.hibiscus-chat-feed){container-type:inline-size;} @container (max-width:19em){ body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-welcome-hello{display:none;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-account-heading{grid-template-columns:minmax(0,1fr);} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-account-mark{grid-column:1;grid-row:auto;width:40px;height:40px;margin-bottom:12px;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-account-heading>h1{grid-column:1;grid-row:auto;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-account-heading>p{grid-column:1;grid-row:auto;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .account-flow .summary-line{grid-template-columns:minmax(0,1fr);gap:4px;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .account-flow .summary-line>strong{text-align:left;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .hibiscus-chat-feed-greeting{grid-template-columns:minmax(0,1fr);} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .hibiscus-chat-feed-greeting>.mono-brand-avatar{grid-column:1;grid-row:auto;width:64px!important;height:64px!important;justify-self:start;z-index:0;margin:0 0 10px;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .hibiscus-chat-feed-greeting h2{max-width:none;} } } /* Icons have a fixed column; long labels and enlarged type may wrap. */ body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .mono-menu-item{grid-template-columns:40px minmax(0,1fr) 14px!important;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .mono-menu-item>span:first-child{width:40px;height:40px;} /* A small lime light grounds Welcome's existing white-faced Lux. */ body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .mono-welcome-picture::after{content:"";position:absolute;z-index:0;pointer-events:none;right:13px;bottom:13px;width:160px;height:13px;border-radius:50%;background:radial-gradient(ellipse,#d7ff3f70,transparent 70%);filter:blur(4px);} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .mono-menu-item[data-menu-route=pay] .mono-menu-icon{background:var(--signal-lime)!important;color:var(--signal-ink)!important;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .chat-entry button>svg{color:var(--signal-paper)!important;} /* Source: signal-planning.css | sha256:4e8e0a17e7552194993cc2d8fd891fc05540373ec51220e94be5bb545a812748 */ /* Signal planning and personal money share Home's visual language. Dark surfaces anchor actual figures; light rows hold the working detail. Native amounts, qualifiers, disclosures and controllers remain authoritative. */ body.signal-edition.minna-edition #app :is(#view,#task-parent-view) :is(.signal-family-plan,.signal-family-boxes,.signal-family-story,.signal-family-iou,.signal-family-holdings,.signal-family-recovery){ --signal-family-gap:16px;color:var(--signal-ink,#0d1510);background:var(--signal-paper,#f7f6f0); } body.signal-edition.minna-edition #app :is(#view,#task-parent-view) :is(.signal-family-plan,.signal-family-boxes,.signal-family-story,.signal-family-iou,.signal-family-holdings,.signal-family-recovery) :is(.page-heading,.plan-hub-heading,.destination-heading){margin:4px 0 16px;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) :is(.signal-family-plan,.signal-family-boxes,.signal-family-story,.signal-family-iou,.signal-family-holdings,.signal-family-recovery) :is(.page-heading,.plan-hub-heading,.destination-heading) h1{ font-size:1.75rem!important;font-weight:800!important;line-height:1.15!important;letter-spacing:-.045em!important;text-wrap:balance; } body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-planning-art{display:block;width:72px;max-width:100%;min-width:0;margin:0;pointer-events:none;align-self:center;justify-self:end;} body.signal-edition #app :is(#view,#task-parent-view) .signal-planning-art>img{display:block;width:100%;height:auto;max-width:none;object-fit:contain;filter:none;} /* One consistent financial anchor, with a separate, modest character column. */ body.signal-edition.minna-edition #app :is(#view,#task-parent-view) :is(.signal-plan-sculpture,.signal-boxes-sculpture,.signal-holdings-sculpture,.signal-recovery-sculpture){ display:grid!important;grid-template-columns:minmax(0,1fr) 76px;align-items:center;gap:6px 12px;min-height:138px;padding:18px!important;border:0!important;border-radius:20px!important;background:var(--signal-ink,#0d1510)!important;color:var(--signal-paper,#f7f6f0)!important;overflow:visible;container-type:inline-size; } body.signal-edition #app :is(#view,#task-parent-view) :is(.signal-plan-sculpture,.signal-boxes-sculpture,.signal-holdings-sculpture,.signal-recovery-sculpture)>.signal-planning-art{grid-column:2;grid-row:1/3;} body.signal-edition #app :is(#view,#task-parent-view) :is(.signal-plan-sculpture,.signal-boxes-sculpture,.signal-holdings-sculpture,.signal-recovery-sculpture)>:not(.signal-planning-art){min-width:0;grid-column:1;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) :is(.signal-plan-sculpture .plan-hub-amount,.signal-boxes-sculpture .balance-main,.signal-holdings-sculpture>strong,.signal-recovery-sculpture>strong,.signal-story-total-stage>.ms-total){ font-family:'Manrope UI',sans-serif!important;font-size:2.5rem!important;line-height:1.12!important;font-weight:800!important;letter-spacing:-.055em!important;margin:0!important;max-width:100%;overflow-wrap:anywhere;color:var(--signal-lime,#d7ff3f)!important; } body.signal-edition.minna-edition #app :is(#view,#task-parent-view) :is(.signal-plan-sculpture,.signal-boxes-sculpture,.signal-holdings-sculpture,.signal-recovery-sculpture,.signal-story-total-stage) :is(.balance-number,.whole){font-family:'Manrope UI',sans-serif!important;font-size:1em!important;font-weight:800!important;line-height:inherit!important;letter-spacing:-.045em!important;-webkit-text-stroke:0!important;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) :is(.signal-plan-sculpture,.signal-boxes-sculpture,.signal-holdings-sculpture,.signal-recovery-sculpture,.signal-story-total-stage) :is(.currency,.cents){font-family:'Manrope UI',sans-serif!important;font-size:.42em!important;font-weight:750!important;color:inherit!important;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) :is(.signal-plan-sculpture,.signal-boxes-sculpture,.signal-holdings-sculpture,.signal-recovery-sculpture)>p{color:#c4cdc2!important;font-size:.875rem!important;font-weight:500;line-height:1.45;margin:0;} /* Plan keeps essentials and separate savings in the same reading rhythm. */ body.signal-edition #app :is(#view,#task-parent-view) .signal-family-plan .plan-hub-heading{margin:4px 0 16px;} body.signal-edition #app :is(#view,#task-parent-view) .signal-family-plan .plan-section-heading{margin-bottom:12px;gap:10px;} body.signal-edition #app :is(#view,#task-parent-view) .signal-family-plan .plan-section-icon{width:36px;height:36px;border:0;border-radius:12px;background:var(--signal-soft);} body.signal-edition #app :is(#view,#task-parent-view) .signal-family-plan .plan-section-heading h2{font-size:1.125rem!important;font-weight:800!important;} body.signal-edition #app :is(#view,#task-parent-view) .signal-plan-sculpture>.budget-overview-total-label{grid-row:1;align-self:end;display:block;margin:0;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-plan-sculpture .budget-overview-total-label>span{font-size:.875rem;font-weight:650;color:#c4cdc2!important;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-plan-sculpture .budget-overview-period{min-height:36px;font-size:.8125rem;color:var(--signal-paper)!important;padding:3px 0;text-underline-offset:3px;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-plan-sculpture .budget-overview-period .budget-period-kicker{color:#c4cdc2!important;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-plan-sculpture .budget-overview-period .budget-period-date{color:var(--signal-paper)!important;} body.signal-edition #app :is(#view,#task-parent-view) .signal-plan-sculpture>.plan-hub-amount{grid-row:2;align-self:start;} body.signal-edition #app :is(#view,#task-parent-view) .signal-plan-sculpture>:is(.budget-overview-context,.plan-hub-shortfall,.plan-hub-empty){grid-column:1/-1;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-plan-sculpture>.budget-overview-context{padding-top:12px;margin-top:6px;border-color:#ffffff26;gap:12px;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-plan-sculpture>.budget-overview-context>span{font-size:.8125rem;font-weight:500;color:#c4cdc2!important;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-plan-sculpture>.budget-overview-context strong{font-size:1.125rem;font-weight:750;margin-top:4px;color:var(--signal-paper)!important;} body.signal-edition #app :is(#view,#task-parent-view) .signal-family-plan .plan-hub-actions{gap:8px;margin-top:12px;} body.signal-edition #app :is(#view,#task-parent-view) .signal-family-plan .budget-overview-items{display:grid;gap:8px;margin:12px 0 4px;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-family-plan :is(button.budget-readability-item,.budget-overview-item){min-height:68px!important;padding:13px 14px!important;border:1px solid var(--signal-line)!important;border-radius:16px!important;background:var(--signal-surface)!important;} body.signal-edition #app :is(#view,#task-parent-view) .signal-family-plan .budget-line-top>strong{font-size:.9375rem!important;font-weight:750!important;} body.signal-edition #app :is(#view,#task-parent-view) .signal-family-plan .budget-overview-item-amount{font-size:.9375rem!important;font-weight:750;} body.signal-edition #app :is(#view,#task-parent-view) .signal-family-plan .budget-line-notes{margin-top:4px;line-height:1.4;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-family-plan .plan-boxes-section{padding:16px!important;margin-top:20px!important;border:1px solid var(--signal-line)!important;border-radius:20px!important;color:var(--signal-ink)!important;background:var(--signal-surface)!important;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-family-plan .plan-boxes-section :is(.plan-section-heading h2,.plan-hub-amount,.plan-hub-facts){color:var(--signal-ink)!important;} body.signal-edition #app :is(#view,#task-parent-view) .signal-family-plan .plan-boxes-section .plan-section-heading>div>span{color:var(--signal-muted);} body.signal-edition #app :is(#view,#task-parent-view) .signal-family-plan .plan-boxes-section .plan-section-icon{background:var(--signal-soft);color:var(--signal-ink);} body.signal-edition #app :is(#view,#task-parent-view) .signal-family-plan .plan-boxes-section .plan-hub-amount{font-size:1.75rem!important;font-weight:750!important;} /* Working steps use pale guidance; reviewed facts remain quiet and exact. */ body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-family-work :is(.budget-overview-edit-total,.budget-conclusion,.budget-estimate-result,.outlook-conclusion,.first-plan-conclusion,.budget-review-totals,.budget-review-insight){padding:18px!important;margin:16px 0!important;border:0!important;border-radius:20px!important;background:var(--signal-guide,#f0f5e6)!important;color:var(--signal-ink)!important;} body.signal-edition #app :is(#view,#task-parent-view) .signal-family-work :is(.budget-overview-edit-total,.budget-conclusion,.budget-estimate-result,.outlook-conclusion,.first-plan-conclusion,.budget-review-totals,.budget-review-insight) :is(strong,p,span,dt,dd){color:var(--signal-ink)!important;} body.signal-edition #app :is(#view,#task-parent-view) .signal-family-work :is(.plan-dates-total>strong,.budget-overview-edit-total>strong,.outlook-daily-value,.consequence-headline){font-weight:800!important;font-size:2rem!important;line-height:1.15!important;letter-spacing:-.045em;} body.signal-edition #app :is(#view,#task-parent-view) .signal-family-work :is(.field,.ml-form .field){margin-block:14px;} body.signal-edition #app :is(#view,#task-parent-view) .signal-family-work .field>span{font-size:.875rem;font-weight:700;line-height:1.4;margin-bottom:7px;} body.signal-edition #app :is(#view,#task-parent-view) .signal-family-work :is(.first-cost-suggestions,.budget-category-chips,.ml-tabs){gap:8px;} body.signal-edition #app :is(#view,#task-parent-view) .signal-family-work :is(.first-cost-suggestions,.budget-category-chips,.ml-tabs)>.chip{min-height:44px;padding:10px 14px;border-radius:14px;font-weight:750;} body.signal-edition #app :is(#view,#task-parent-view) .signal-family-work :is(.first-cost-preview,.budget-clarity-example,.plan-benefit-example,.budget-start-copy,.budget-review-breakdown,.first-cost-list){background:var(--signal-guide,#f0f5e6);border-radius:20px;padding:16px;} body.signal-edition #app :is(#view,#task-parent-view) .signal-family-work :is(.budget-category-original,.budget-history-item,.budget-cycle-item){background:var(--signal-surface);border:1px solid var(--signal-line);border-radius:16px;padding:14px;margin-bottom:8px;} body.signal-edition #app :is(#view,#task-parent-view) .signal-family-work :is(.actions,.ml-actions){gap:8px;margin-top:18px;} /* Savings stays separate from spending, but uses the same account language. */ body.signal-edition #app :is(#view,#task-parent-view) .signal-boxes-sculpture>.balance-main{grid-row:2;align-self:start;} body.signal-edition #app :is(#view,#task-parent-view) .signal-boxes-sculpture>p:first-of-type{grid-row:1;align-self:end;} body.signal-edition #app :is(#view,#task-parent-view) .signal-boxes-sculpture>:is(.progress,p:nth-of-type(n+2)){grid-column:1/-1;} body.signal-edition #app :is(#view,#task-parent-view) .signal-boxes-sculpture>.progress{background:#ffffff26!important;} body.signal-edition #app :is(#view,#task-parent-view) .signal-boxes-sculpture>.progress .progress-bar{background:var(--signal-lime)!important;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-family-boxes .goal-summary.card{display:block;width:100%;padding:16px!important;margin:10px 0!important;border:1px solid var(--signal-line)!important;border-radius:20px!important;background:var(--signal-surface)!important;text-align:left;} body.signal-edition #app :is(#view,#task-parent-view) .signal-family-boxes .goal-summary.card h3{font-size:1.125rem!important;font-weight:800!important;line-height:1.25!important;} body.signal-edition #app :is(#view,#task-parent-view) .signal-family-boxes .goal-summary.card p.small{font-size:.875rem!important;line-height:1.4;color:var(--signal-muted);} body.signal-edition #app :is(#view,#task-parent-view) .signal-family-boxes .goal-summary.card .progress{height:7px!important;background:var(--signal-soft)!important;border-radius:8px!important;margin-top:12px;} body.signal-edition #app :is(#view,#task-parent-view) .signal-family-boxes .goal-summary.card .progress-bar{background:var(--signal-ink)!important;} body.signal-edition #app :is(#view,#task-parent-view) .signal-family-boxes .money-box-goal-guide{padding:16px;border:0;border-radius:20px;background:var(--signal-guide,#f0f5e6);} body.signal-edition #app :is(#view,#task-parent-view) .signal-family-boxes .money-box-goal-guide>p{font-size:1rem;font-weight:750;letter-spacing:-.025em;line-height:1.4;} body.signal-edition #app :is(#view,#task-parent-view) .signal-family-boxes :is(.savings-hack-fields,.savings-hack-status,.sh-overview-rule){padding:16px!important;margin:14px 0!important;background:var(--signal-guide,#f0f5e6)!important;border:0!important;border-radius:20px!important;} body.signal-edition #app :is(#view,#task-parent-view) .signal-family-boxes .sh-heading h2{font-size:1.125rem!important;font-weight:800!important;} body.signal-edition #app :is(#view,#task-parent-view) .signal-family-boxes :is(.sh-status,.sh-heading>span){border-radius:20px;background:var(--signal-paper);padding:5px 10px;font-size:.75rem;color:var(--signal-ink);} body.signal-edition #app :is(#view,#task-parent-view) .signal-family-boxes .sh-actions{gap:8px;} body.signal-edition #app :is(#view,#task-parent-view) .signal-family-boxes :is(.sh-example,.sh-limits,.sh-consent){font-size:.875rem;line-height:1.5;} body.signal-edition #app :is(#view,#task-parent-view) .signal-family-boxes .sh-consent{background:var(--signal-paper);border-radius:16px;padding:14px;} body.signal-edition #app :is(#view,#task-parent-view) .signal-family-boxes :is(.receipt,.box-protection-status,.box-protection-fields){border-color:var(--signal-line);border-radius:20px;} /* Story carries the same dark total, then an evidence-led light chart. */ body.signal-edition #app :is(#view,#task-parent-view) .signal-family-story .ms-dashboard>h1{font-size:1.75rem!important;font-weight:800!important;line-height:1.15!important;letter-spacing:-.045em!important;margin:3px 0 16px!important;} body.signal-edition #app :is(#view,#task-parent-view) .signal-family-story .ms-periods{padding:4px;border-radius:16px;gap:4px;margin-bottom:14px!important;background:var(--signal-soft);} body.signal-edition #app :is(#view,#task-parent-view) .signal-family-story .ms-periods>.chip{min-height:44px!important;border-radius:12px!important;font-size:.875rem!important;font-weight:750;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-family-story .ms-periods>.chip.selected{background:var(--signal-lime)!important;color:var(--signal-ink)!important;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-story-total-stage{display:grid;grid-template-columns:minmax(0,1fr) 76px;align-items:center;gap:12px;min-height:128px;margin:10px 0 16px;padding:18px;border-radius:20px;color:var(--signal-paper);background:var(--signal-ink);container-type:inline-size;} body.signal-edition #app :is(#view,#task-parent-view) .signal-family-story .ms-chart{padding:16px 14px;border:1px solid var(--signal-line);border-radius:20px;background:var(--signal-surface);} body.signal-edition #app :is(#view,#task-parent-view) .signal-family-story .ms-chart-bars{height:116px;gap:8px;border-color:var(--signal-line);} body.signal-edition #app :is(#view,#task-parent-view) .signal-family-story .ms-chart-bar{width:min(24px,85%);border-radius:6px 6px 0 0;background:#ccd4c2;} body.signal-edition #app :is(#view,#task-parent-view) .signal-family-story .ms-chart-bar.is-highest{background:var(--signal-ink);} body.signal-edition #app :is(#view,#task-parent-view) .signal-family-story .ms-insights{background:var(--signal-guide,#f0f5e6);border-radius:20px;padding:2px 16px;} body.signal-edition #app :is(#view,#task-parent-view) .signal-family-story .ms-insight{padding:14px 0;} body.signal-edition #app :is(#view,#task-parent-view) .signal-family-story .ms-insight strong{font-size:1rem;font-weight:750;} body.signal-edition #app :is(#view,#task-parent-view) .signal-family-story .ms-insight p{font-size:.875rem;color:var(--signal-ink);} body.signal-edition #app :is(#view,#task-parent-view) .signal-family-story .ms-breakdown-row{padding:14px 0;} body.signal-edition #app :is(#view,#task-parent-view) .signal-family-story .ms-breakdown dd strong{font-weight:750;font-size:.9375rem;} body.signal-edition #app :is(#view,#task-parent-view) .signal-family-story .ms-payment{min-height:68px;} body.signal-edition #app :is(#view,#task-parent-view) .signal-family-story .daily-story-conclusion{padding:18px;border-radius:20px;background:var(--signal-guide,#f0f5e6);margin:14px 0 18px;} body.signal-edition #app :is(#view,#task-parent-view) .signal-family-story .daily-story-conclusion>strong{font-size:2rem;font-weight:800;letter-spacing:-.045em;} /* IOUs deliberately remain neutral records, never a bright available balance. */ body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-iou-overview{display:grid;grid-template-columns:minmax(0,1fr) 72px;align-items:center;gap:12px;padding:18px;margin:8px 0 16px;border:1px solid var(--signal-line);border-radius:20px;background:var(--signal-surface);color:var(--signal-ink);container-type:inline-size;} body.signal-edition #app :is(#view,#task-parent-view) .signal-iou-overview>.ml-two{display:grid;grid-template-columns:minmax(0,1fr);gap:0;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-iou-overview .ml-money{padding:0!important;margin:0!important;background:transparent!important;border:0!important;border-radius:0!important;color:var(--signal-ink)!important;} body.signal-edition #app :is(#view,#task-parent-view) .signal-iou-overview .ml-money+.ml-money{padding-top:12px!important;margin-top:12px!important;border-top:1px solid var(--signal-line)!important;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-iou-overview .ml-money>span{font-size:.8125rem!important;color:var(--signal-muted)!important;line-height:1.4;font-weight:600;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-iou-overview .ml-money>strong{font-family:'Manrope UI',sans-serif!important;font-size:1.75rem!important;line-height:1.15!important;color:var(--signal-ink)!important;font-weight:800!important;letter-spacing:-.045em!important;margin:5px 0 0!important;} body.signal-edition #app :is(#view,#task-parent-view) .signal-iou-overview :is(.currency,.cents){font-size:.5em!important;} body.signal-edition #app :is(#view,#task-parent-view) .signal-family-iou .ml-tabs{gap:8px;margin-bottom:14px;} body.signal-edition #app :is(#view,#task-parent-view) .signal-family-iou .ml-tabs .chip{min-height:44px;border-radius:14px;font-size:.875rem;padding:10px 14px;} body.signal-edition #app :is(#view,#task-parent-view) :is(.signal-family-iou,.signal-family-holdings,.signal-family-recovery) .ml-list{display:grid;gap:8px;margin:14px 0;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) :is(.signal-family-iou,.signal-family-holdings,.signal-family-recovery) .ml-list .row{padding:13px 14px!important;min-height:68px!important;gap:12px;border:1px solid var(--signal-line);border-radius:16px;background:var(--signal-surface);} body.signal-edition #app :is(#view,#task-parent-view) :is(.signal-family-iou,.signal-family-holdings,.signal-family-recovery) .ml-list .row-icon{width:40px;height:40px;border-radius:13px;background:var(--signal-soft);} body.signal-edition #app :is(#view,#task-parent-view) :is(.signal-family-iou,.signal-family-holdings,.signal-family-recovery) .ml-list .row-copy strong{font-size:.9375rem;font-weight:750;letter-spacing:-.025em;} body.signal-edition #app :is(#view,#task-parent-view) :is(.signal-family-iou,.signal-family-holdings,.signal-family-recovery) .ml-list .row-copy small{font-size:.8125rem;line-height:1.4;} body.signal-edition #app :is(#view,#task-parent-view) :is(.signal-family-iou,.signal-family-holdings,.signal-family-recovery) .ml-list .row-end{font-size:.875rem;font-weight:750;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-family-iou .ml-page>.ml-money{background:var(--signal-soft)!important;color:var(--signal-ink)!important;padding:18px!important;border:0!important;border-radius:20px!important;} body.signal-edition #app :is(#view,#task-parent-view) .signal-family-iou .ml-page>.ml-money>strong{font-size:2rem;font-weight:800;line-height:1.15;letter-spacing:-.045em;} body.signal-edition #app :is(#view,#task-parent-view) :is(.signal-family-iou,.signal-family-holdings,.signal-family-recovery) .ml-facts{padding:4px 16px;background:var(--signal-surface);border:1px solid var(--signal-line);border-radius:20px;margin:16px 0;} body.signal-edition #app :is(#view,#task-parent-view) :is(.signal-family-iou,.signal-family-holdings,.signal-family-recovery) .ml-facts>div{padding:12px 0;font-size:.875rem;gap:7px 12px;} body.signal-edition #app :is(#view,#task-parent-view) :is(.signal-family-iou,.signal-family-holdings,.signal-family-recovery) .ml-facts>div:last-child{border-bottom:0;} body.signal-edition #app :is(#view,#task-parent-view) :is(.signal-family-iou,.signal-family-holdings,.signal-family-recovery) .ml-facts dd{font-weight:750;} body.signal-edition #app :is(#view,#task-parent-view) :is(.signal-family-iou,.signal-family-holdings,.signal-family-recovery) .ml-note{font-size:.875rem;line-height:1.5;margin-block:14px;} body.signal-edition #app :is(#view,#task-parent-view) :is(.signal-family-iou,.signal-family-holdings,.signal-family-recovery) .ml-details{padding-block:10px;margin-top:8px;} body.signal-edition #app :is(#view,#task-parent-view) :is(.signal-family-iou,.signal-family-holdings,.signal-family-recovery) .ml-details>summary{font-size:.875rem;line-height:1.5;font-weight:750;min-height:44px;} body.signal-edition #app :is(#view,#task-parent-view) :is(.signal-family-iou,.signal-family-holdings,.signal-family-recovery) .ml-empty{padding:18px;border-radius:20px;background:var(--signal-guide,#f0f5e6);} body.signal-edition #app :is(#view,#task-parent-view) .signal-family-iou .ml-status{background:var(--signal-soft);font-size:.75rem;padding:6px 10px;font-weight:750;margin-bottom:8px;} body.signal-edition #app :is(#view,#task-parent-view) .signal-family-iou .ml-timeline{padding:14px 16px;background:var(--signal-surface);border:1px solid var(--signal-line);border-radius:20px;} body.signal-edition #app :is(#view,#task-parent-view) .signal-family-iou .ml-event{padding-block:12px;} /* Holdings keeps all manual/excluded-money qualifiers next to the real total. */ body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-holdings-sculpture>span:not(.signal-planning-art){grid-row:1;align-self:end;font-size:.875rem;line-height:1.4;font-weight:650;color:#c4cdc2!important;} body.signal-edition #app :is(#view,#task-parent-view) .signal-holdings-sculpture>strong{grid-row:2;align-self:start;} body.signal-edition #app :is(#view,#task-parent-view) .signal-family-holdings .ml-total-meta{font-size:.8125rem;line-height:1.5;color:var(--signal-muted);margin:10px 2px 16px;} body.signal-edition #app :is(#view,#task-parent-view) .signal-family-holdings .ml-page>.secondary{width:100%;min-height:52px;} body.signal-edition #app :is(#view,#task-parent-view) .signal-family-holdings.signal-family-work .ml-money{background:var(--signal-soft)!important;color:var(--signal-ink)!important;border-radius:20px!important;padding:18px!important;} /* Light record cards need their own foreground pair as well as a surface. Their shared money component otherwise keeps its original dark-card ink. */ body.signal-edition.minna-edition #app :is(#view,#task-parent-view) :is(.signal-family-holdings.signal-family-work,.signal-family-iou) .ml-page>.ml-money>span, body.signal-edition.minna-edition #app :is(#view,#task-parent-view) :is(.signal-family-holdings.signal-family-work,.signal-family-iou) .ml-page>.ml-money>p{color:var(--signal-muted)!important;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) :is(.signal-family-holdings.signal-family-work,.signal-family-iou) .ml-page>.ml-money>strong{color:var(--signal-ink)!important;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) :is(.signal-family-holdings.signal-family-work,.signal-family-iou) .ml-page>.ml-money>strong :is(.currency,.cents){color:inherit!important;} /* These forms already own row gaps; field margins must not double them. */ body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-family-work .ml-form{gap:8px;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-family-work .ml-form .field{margin:0!important;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-family-work .ml-form .input{min-height:48px!important;padding-block:11px!important;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-family-work .ml-form>.primary{min-height:48px!important;padding-block:11px!important;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-family-work .ml-page>#error:empty{margin:0!important;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-family-work:has(>.ml-page){padding-block:16px!important;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-family-work:has(>.ml-page>.ml-form){padding-block:12px!important;} body.signal-edition.minna-edition #app .task-sheet-body .ml-page>.topline.product-legacy-nav{display:none!important;margin:0!important;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-family-work .ml-page>.page-heading{margin:0 0 12px!important;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-family-work .ml-page>.ml-money{padding:14px 16px!important;margin:8px 0 10px;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-family-work .ml-facts{margin-block:10px;padding-block:2px;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-family-work .ml-facts>div{padding-block:10px;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-family-work .ml-note{margin-block:10px;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-family-work .ml-form :is(.ml-note,.ml-check){margin-block:6px;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-family-work .ml-actions{gap:8px;margin:12px 0 6px;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-family-work .ml-actions>button{min-height:48px!important;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) :is(.signal-family-iou,.signal-family-holdings,.signal-family-recovery) .ml-boundary{margin-top:10px;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-family-holdings .ml-details:not([open]){padding-block:4px;margin-block:0;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-family-holdings .ml-total-meta{margin:8px 2px 10px;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-holdings-sculpture{min-height:112px;padding:16px!important;} /* Recovery follows the same pale guidance and dark factual summary pattern. */ body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-family-recovery .ml-buddy{display:grid;grid-template-columns:64px minmax(0,1fr);align-items:center;gap:12px;padding:16px;margin:8px 0 16px;border:0;border-radius:20px;background:var(--signal-guide,#f0f5e6);color:var(--signal-ink);} body.signal-edition #app :is(#view,#task-parent-view) .signal-family-recovery .ml-buddy img{width:64px;height:68px;max-width:64px;object-fit:contain;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-family-recovery .ml-buddy p{color:var(--signal-ink)!important;font-size:1rem;line-height:1.4;font-weight:750;letter-spacing:-.025em;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-recovery-sculpture>span:not(.signal-planning-art){grid-row:1;align-self:end;font-size:.875rem;line-height:1.4;font-weight:650;color:#c4cdc2!important;} body.signal-edition #app :is(#view,#task-parent-view) .signal-recovery-sculpture>strong{grid-row:2;align-self:start;} body.signal-edition #app :is(#view,#task-parent-view) .signal-family-recovery .ml-cost{padding:16px;margin:8px 0;border:1px solid var(--signal-line);border-radius:20px;background:var(--signal-surface);} body.signal-edition #app :is(#view,#task-parent-view) .signal-family-recovery .ml-cost-heading strong{font-size:1rem;font-weight:750;} body.signal-edition #app :is(#view,#task-parent-view) .signal-family-recovery .ml-check{font-size:.875rem;line-height:1.5;} /* Enlarged text releases the decorative column instead of narrowing money. */ @container(max-width:14rem){ body.signal-edition #app :is(#view,#task-parent-view) :is(.signal-plan-sculpture,.signal-boxes-sculpture,.signal-holdings-sculpture,.signal-recovery-sculpture,.signal-story-total-stage,.signal-iou-overview)>*{grid-column:1/-1!important;grid-row:auto!important;} body.signal-edition #app :is(#view,#task-parent-view) :is(.signal-plan-sculpture,.signal-boxes-sculpture,.signal-holdings-sculpture,.signal-recovery-sculpture,.signal-story-total-stage,.signal-iou-overview)>.signal-planning-art{width:64px;max-width:64px;justify-self:end;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) :is(.signal-plan-sculpture .plan-hub-amount,.signal-boxes-sculpture .balance-main,.signal-holdings-sculpture>strong,.signal-recovery-sculpture>strong,.signal-story-total-stage>.ms-total){font-size:2rem!important;} } @media(max-width:359px){ body.signal-edition.minna-edition #app :is(#view,#task-parent-view) :is(.signal-plan-sculpture,.signal-boxes-sculpture,.signal-holdings-sculpture,.signal-recovery-sculpture,.signal-story-total-stage){padding:16px!important;grid-template-columns:minmax(0,1fr) 64px;gap:6px 10px;} body.signal-edition #app :is(#view,#task-parent-view) .signal-planning-art{width:64px;} body.signal-edition #app :is(#view,#task-parent-view) .signal-family-recovery .ml-buddy{grid-template-columns:52px minmax(0,1fr);padding:14px;gap:10px;} body.signal-edition #app :is(#view,#task-parent-view) .signal-family-recovery .ml-buddy img{width:52px;max-width:52px;height:56px;} } @media(prefers-reduced-motion:reduce){body.signal-edition #app :is(#view,#task-parent-view) .signal-planning-art{animation:none!important;transition:none!important;}} /* Source: signal-payments.css | sha256:087738b1ecd109248d0c01aada118a85b01b4f6ae7472084254d30f25df1a7b6 */ /* Signal money journeys share Home's account-led rhythm. Dark surfaces hold money, pale surfaces explain a choice, and native controls own every action. */ /* The same readable hierarchy follows each payment family and its old records. */ body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .screen:is( .screen-pay,.screen-sendOptions,.screen-send,.screen-bill,.screen-paymentReview, .screen-authorize,.screen-paymentResult,.screen-paymentCancel,.screen-paymentRecovery, .screen-paymentPlanLink,.screen-everydayPayments,.screen-everydayRepeatChoice, .screen-addMoney,.screen-momoAdd,.screen-bankAdd,.screen-budgetAfterFunding, .screen-activity,.screen-pending,.screen-txDetail,.screen-requests, .screen-requestCreate,.screen-requestDetail,.screen-requestConfirm, .screen-cardsHome,.screen-myQr,.screen-campusPay,.screen-monoGroupDraftReplace, [class*="screen-groupMoney"],[class*="screen-collectionPayout"], [class*="screen-virtualCard"],[class*="screen-shared"], [class*="screen-merchant"],[class*="screen-settlement"] ) :is(.page-heading,.gm-heading,.focus-pay-heading)>h1 { font-size:clamp(1.5rem,6.8vw,1.75rem)!important;line-height:1.16!important; font-weight:800!important;letter-spacing:-.045em!important; } body.signal-edition #app :is(#view,#task-parent-view) .screen:is( .screen-pay,.screen-addMoney,.screen-momoAdd,.screen-bankAdd,.screen-send, .screen-sendOptions,.screen-bill,.screen-paymentReview,.screen-cardsHome, .screen-myQr,.screen-campusPay,[class*="screen-groupMoney"], [class*="screen-virtualCard"],[class*="screen-shared"],[class*="screen-merchant"] ) .scene-art {display:none!important;} /* A small Lux note introduces related tasks without a second page-name masthead. */ body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-finance-hero { position:relative;isolation:isolate;min-width:0;min-height:96px; margin:0 0 16px!important;padding:18px 94px 18px 18px!important; border:1px solid #e6eddb!important;border-radius:20px!important; background:var(--signal-guide,#f0f5e6)!important; color:var(--signal-ink,#0d1510)!important;text-align:left!important; overflow:visible; } body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .screen:is(.screen-pay,.screen-addMoney,.screen-groupMoneyHome,.screen-cardsHome,.screen-virtualCards) .signal-finance-hero :is(h1,h2) { position:relative;z-index:1;max-width:22ch; font-size:1.5rem!important;font-weight:800!important; line-height:1.16!important;letter-spacing:-.045em!important; color:var(--signal-ink,#0d1510)!important;margin:0 0 8px!important; } body.signal-edition #app :is(#view,#task-parent-view) .signal-finance-hero>p { position:relative;z-index:1;max-width:29ch;margin:0!important; font-size:.875rem!important;line-height:1.45!important; color:var(--signal-ink,#0d1510)!important; } body.signal-edition #app :is(#view,#task-parent-view) .signal-finance-lux { display:block;position:absolute;right:14px;bottom:12px;z-index:0; width:68px;height:68px;object-fit:contain;pointer-events:none;filter:none; } /* Only Pay's meaningful introduction is restored. Generic funding/Collect titles remain concealed by the shared page-chrome rules. */ body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .screen-pay .signal-finance-hero>h1 { display:block!important;position:relative!important;width:auto!important;height:auto!important; min-width:0!important;min-height:0!important;clip:auto!important;clip-path:none!important; overflow:visible!important;white-space:normal!important; } /* Pay: one useful introduction, one money anchor, then clear destinations. */ body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .screen-pay .focus-pay-heading { margin-bottom:12px!important; } body.signal-edition #app :is(#view,#task-parent-view) .screen-pay .focus-pay-art {display:none!important;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .screen-pay .payment-balance { display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap; gap:7px 12px;margin:0 0 14px!important;padding:15px 18px!important; border:0!important;border-radius:20px!important; background:var(--signal-ink,#0d1510)!important;color:var(--signal-paper,#f7f6f0)!important; } body.signal-edition #app :is(#view,#task-parent-view) .screen-pay .payment-balance>span { color:#c0c7bd!important;font-size:.8125rem!important; } body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .screen-pay .payment-balance>strong { font-family:'Manrope UI',sans-serif!important;font-size:1.75rem!important; line-height:1.15!important;font-weight:800!important;letter-spacing:-.045em!important; color:var(--signal-lime,#d7ff3f)!important;font-variant-numeric:lining-nums tabular-nums; } body.signal-edition #app :is(#view,#task-parent-view) .screen-pay .pay-tabs { gap:4px!important;padding:4px!important;border:0!important; border-radius:16px!important;background:var(--signal-soft,#eeede7)!important; margin-bottom:12px!important; } body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .screen-pay .pay-tabs button { min-height:44px!important;padding:10px 6px!important;border-radius:12px!important; font-size:.8125rem!important;font-weight:750!important;letter-spacing:-.02em!important; } body.signal-edition #app :is(#view,#task-parent-view) .screen-pay .pay-tabs button[aria-selected=true] { background:var(--signal-ink)!important;color:var(--signal-paper)!important; } body.signal-edition #app :is(#view,#task-parent-view) .screen-pay :is(.pay-option-list,.list) { display:flex;flex-direction:column;gap:8px;border:0;background:transparent; } body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .screen-pay .pay-option-list .row, body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .funding-choices .menu-choice, body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .screen-sendOptions .menu-choice { display:flex;align-items:center;gap:12px;min-height:72px!important; padding:13px 14px!important;border:1px solid var(--signal-line)!important; border-radius:20px!important;background:var(--signal-surface)!important; color:var(--signal-ink)!important;box-shadow:none; } body.signal-edition #app :is(#view,#task-parent-view) .screen-pay .pay-option-list .row :is(.row-icon,.avatar), body.signal-edition #app :is(#view,#task-parent-view) .funding-choices .menu-icon, body.signal-edition #app :is(#view,#task-parent-view) .screen-sendOptions .menu-icon { display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px; border:0!important;border-radius:14px!important; background:var(--signal-soft)!important;color:var(--signal-ink)!important; } body.signal-edition #app :is(#view,#task-parent-view) :is(.funding-choices,.screen-sendOptions) .menu-icon svg, body.signal-edition #app :is(#view,#task-parent-view) .screen-pay .pay-option-list .row :is(.row-icon,.avatar) svg { width:25px;height:25px;stroke-width:1.9; } body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .screen-pay .pay-option-list .row-copy strong, body.signal-edition.minna-edition #app :is(#view,#task-parent-view) :is(.funding-choices,.screen-sendOptions) .menu-choice strong { font-size:.9375rem!important;font-weight:800!important;letter-spacing:-.03em!important; } body.signal-edition #app :is(#view,#task-parent-view) .screen-pay .pay-option-list .row-copy small, body.signal-edition #app :is(#view,#task-parent-view) :is(.funding-choices,.screen-sendOptions) .menu-choice small { font-size:.8125rem!important;line-height:1.4!important;color:var(--signal-muted)!important; } body.signal-edition #app :is(#view,#task-parent-view) .funding-choices {display:grid;gap:10px;} body.signal-edition #app :is(#view,#task-parent-view) .screen-pay .vc-pay-entry {margin-top:12px;} body.signal-edition #app :is(#view,#task-parent-view) .screen-pay .vc-pay-entry .row {min-height:64px;padding-block:12px;} body.signal-edition #app :is(#view,#task-parent-view) .screen-pay .pay-utilities {margin-top:8px;gap:8px;} /* Enter, review, approve: the real amount stays prominent through each step. */ body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .screen:is( .screen-send,.screen-bill,.screen-momoAdd,.screen-requestCreate,.screen-bankAdd, .screen-virtualCardCreate,.screen-virtualCardDemo ) .payment-amount-row { min-height:88px!important;margin:8px 0 12px!important;padding:16px!important; gap:8px!important;border:1.5px solid var(--signal-line)!important; border-radius:20px!important;background:var(--signal-surface)!important; } body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .screen:is( .screen-send,.screen-bill,.screen-momoAdd,.screen-requestCreate,.screen-bankAdd, .screen-virtualCardCreate,.screen-virtualCardDemo ) .payment-amount-row:focus-within {border-color:var(--signal-ink)!important;box-shadow:0 0 0 3px #d7ff3f50;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .screen:is( .screen-send,.screen-bill,.screen-momoAdd,.screen-requestCreate,.screen-bankAdd, .screen-virtualCardCreate,.screen-virtualCardDemo ) .payment-amount-row .amount-input { font-family:'Manrope UI',sans-serif!important; font-size:clamp(2rem,10vw,2.75rem)!important;font-weight:800!important; line-height:1.15!important;letter-spacing:-.05em!important; min-height:0!important;box-shadow:none!important; } body.signal-edition #app :is(#view,#task-parent-view) .screen:is(.screen-send,.screen-bill,.screen-momoAdd,.screen-requestCreate,.screen-virtualCardCreate) .payment-currency { font-size:1.125rem!important;font-weight:750!important;letter-spacing:-.025em; } body.signal-edition #app :is(#view,#task-parent-view) :is(.registered-wallet,.bank-funding-guide>.receipt) { border-radius:20px!important;background:var(--signal-soft)!important; border:1px solid var(--signal-line)!important;padding:14px 16px!important; } body.signal-edition #app :is(#view,#task-parent-view) :is(.registered-wallet,.bank-funding-guide>.receipt) strong {font-weight:750;letter-spacing:-.025em;} body.signal-edition #app :is(#view,#task-parent-view) .screen:is(.screen-send,.screen-bill) .entry-consequence { border:1px solid #e6eddb!important;border-left:3px solid var(--signal-lime)!important; border-radius:16px!important;background:var(--signal-guide,#f0f5e6)!important; padding:14px!important; } body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .screen-paymentReview .focus-payment-title { padding:14px 18px!important;margin:6px 0 10px!important;border:0!important; border-radius:20px!important;background:var(--signal-ink)!important;color:var(--signal-paper)!important; } body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .screen-paymentReview .focus-payment-title h1 { font-family:'Manrope UI',sans-serif!important;font-size:clamp(2rem,10vw,2.75rem)!important; font-weight:800!important;line-height:1.15!important;letter-spacing:-.05em!important; color:var(--signal-lime)!important; } body.signal-edition #app :is(#view,#task-parent-view) .screen-paymentReview .focus-payment-title>p { font-size:1rem!important;line-height:1.4!important;color:var(--signal-paper)!important; } body.signal-edition #app :is(#view,#task-parent-view) .screen-paymentReview .focus-payment-title>:is(small,.eyebrow) {color:#c0c7bd!important;} body.signal-edition #app :is(#view,#task-parent-view) .screen-paymentReview .focus-payment-title :is(.currency,.whole,.cents,.balance-number) {color:inherit!important;} body.signal-edition #app :is(#view,#task-parent-view) .screen:is(.screen-paymentReview,.screen-txDetail,.screen-requestConfirm,.screen-bankAdd,.screen-virtualCardAuthorize) :is(.receipt,.focus-receipt) { padding:4px 16px!important;border:1px solid var(--signal-line)!important; border-radius:20px!important;background:var(--signal-surface)!important; } body.signal-edition #app :is(#view,#task-parent-view) .screen-paymentReview .focus-receipt .focus-total strong {font-size:1.25rem!important;font-weight:800!important;letter-spacing:-.035em!important;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .screen-paymentReview .focus-receipt>div{padding-block:10px!important;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .screen-paymentReview .payment-consequence{margin-block:10px!important;} /* Keep the main decision prominent, with its two reversible alternatives on one row where they fit. Larger text and narrow pages naturally stack them. */ body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .screen-paymentReview .focus-review>.actions { display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,9em),1fr)); gap:8px;margin-top:10px; } body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .screen-paymentReview .focus-review>.actions>button { min-width:0;min-height:44px;white-space:normal;overflow-wrap:anywhere; } body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .screen-paymentReview .focus-review>.actions>button:first-child {grid-column:1/-1;} body.signal-edition #app :is(#view,#task-parent-view) .screen:is(.screen-authorize,.screen-virtualCardAuthorize) :is(#payment-pin,#vc-pin) { min-height:60px!important;border:1.5px solid var(--signal-line)!important; border-radius:16px!important;font-size:1.4rem!important; background:var(--signal-surface)!important;letter-spacing:.24em!important; } body.signal-edition #app :is(#view,#task-parent-view) .screen-paymentResult .payment-result-compact .result-mark, body.signal-edition #app :is(#view,#task-parent-view) .screen-virtualCardStatus .vc-status-icon { width:64px;height:64px;border-radius:20px;margin-bottom:18px; } body.signal-edition #app :is(#view,#task-parent-view) .screen-paymentResult .payment-result-compact>h1 {font-size:1.75rem!important;line-height:1.16!important;letter-spacing:-.045em!important;font-weight:800!important;} body.signal-edition #app :is(#view,#task-parent-view) .screen:is(.screen-activity,.screen-pending,.screen-requests,.screen-everydayPayments,.screen-everydayRepeatChoice,[class*="screen-merchant"],[class*="screen-settlement"]) .row {min-height:72px;padding:14px 10px;gap:12px;border-radius:16px;} body.signal-edition #app :is(#view,#task-parent-view) .screen:is(.screen-activity,.screen-pending,.screen-requests,[class*="screen-merchant"]) .row :is(.row-icon,.avatar) {flex:0 0 42px;width:42px;height:42px;border-radius:14px;} /* Collection money uses the same account anchor; mandate facts stay separate. */ body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .gm-page .gm-choice-row { min-height:72px!important;padding:14px!important;gap:12px!important; border:1px solid var(--signal-line)!important;border-radius:20px!important; background:var(--signal-surface)!important; } body.signal-edition #app :is(#view,#task-parent-view) .gm-page .gm-choice-icon {flex:0 0 42px!important;width:42px!important;height:42px!important;border-radius:14px!important;background:var(--signal-soft)!important;color:var(--signal-ink)!important;} body.signal-edition #app :is(#view,#task-parent-view) .gm-page .gm-choice-icon svg {width:25px!important;height:25px!important;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .gm-page .gm-choice-copy strong {font-size:.9375rem!important;line-height:1.3!important;font-weight:800!important;letter-spacing:-.03em!important;} body.signal-edition #app :is(#view,#task-parent-view) .gm-page .gm-choice-copy small {font-size:.8125rem!important;line-height:1.4!important;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .gm-page .gm-hero {padding:18px!important;border:0!important;border-radius:20px!important;margin:0 0 16px!important;background:var(--signal-ink)!important;color:var(--signal-paper)!important;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .gm-page .gm-amount {font-family:'Manrope UI',sans-serif!important;font-size:clamp(2rem,10vw,2.75rem)!important;line-height:1.15!important;font-weight:800!important;letter-spacing:-.05em!important;color:var(--signal-lime)!important;} body.signal-edition #app :is(#view,#task-parent-view) .gm-page :is(.gm-overline,.gm-caption) {font-size:.8125rem!important;line-height:1.45!important;} body.signal-edition #app :is(#view,#task-parent-view) .gm-page .gm-hero :is(.gm-overline,.gm-caption) {color:#c0c7bd!important;} body.signal-edition #app :is(#view,#task-parent-view) .gm-page .gm-hero .gm-status {background:#ffffff15!important;color:var(--signal-paper)!important;font-weight:750;font-size:.75rem;margin-bottom:10px;} body.signal-edition #app :is(#view,#task-parent-view) .gm-page .gm-progress {height:7px;background:#ffffff25;margin-top:16px;} body.signal-edition #app :is(#view,#task-parent-view) .gm-page .gm-progress>span {background:var(--signal-lime)!important;} body.signal-edition #app :is(#view,#task-parent-view) .gm-page .gm-summary {padding:3px 16px;border:1px solid var(--signal-line);border-radius:20px;background:var(--signal-surface);} body.signal-edition #app :is(#view,#task-parent-view) .gm-page .gm-summary>div, body.signal-edition #app :is(#view,#task-parent-view) .gm-page .gm-summary dl>div {padding:12px 0;font-size:.875rem;line-height:1.5;} body.signal-edition #app :is(#view,#task-parent-view) .gm-page .gm-summary dd {font-weight:750!important;} body.signal-edition #app :is(#view,#task-parent-view) .gm-page .gm-mandate-summary, body.signal-edition #app :is(#view,#task-parent-view) .gm-page .gm-invitation-role {border-radius:20px;padding:16px;background:var(--signal-soft);} body.signal-edition #app :is(#view,#task-parent-view) .gm-page :is(.gm-mandate-summary,.gm-invitation-role) :is(h2,strong) {font-size:1.0625rem!important;line-height:1.3!important;font-weight:800!important;letter-spacing:-.03em;} body.signal-edition #app :is(#view,#task-parent-view) .gm-page .gm-tabs .chip.selected {background:var(--signal-ink)!important;color:var(--signal-paper)!important;} body.signal-edition #app :is(#view,#task-parent-view) .gm-page .gm-item {padding:13px 10px;min-height:68px;border-radius:16px;} body.signal-edition #app :is(#view,#task-parent-view) .gm-page .gm-trailing {font-size:.9375rem;font-weight:800;} body.signal-edition #app :is(#view,#task-parent-view) .gm-page :is(.gm-note,.gm-collection-note,.mono-collection-context) {border-radius:16px;font-size:.8125rem;line-height:1.5;} body.signal-edition #app :is(#view,#task-parent-view) .screen[class*="screen-shared"] :is(.shared-status,.shared-total,.shared-calculation) {border-radius:20px;} body.signal-edition #app :is(#view,#task-parent-view) .screen[class*="screen-shared"] .shared-status {background:var(--signal-guide,#f0f5e6);color:var(--signal-ink);padding:18px;} /* Cards keep a single visual identity, independent of list order or state. */ body.signal-edition #app :is(#view,#task-parent-view) .signal-finance-hero-cards {min-height:142px!important;padding:18px 94px 18px 18px!important;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-finance-hero-cards :is(h1,h2,p) {color:var(--signal-ink)!important;} body.signal-edition #app :is(#view,#task-parent-view) .signal-finance-hero-cards .vc-empty-icon {display:grid;place-items:center;width:38px;height:32px;margin:0 0 10px;background:transparent;color:var(--signal-ink);border-radius:0;} body.signal-edition #app :is(#view,#task-parent-view) .signal-finance-hero-cards .vc-empty-icon svg {width:30px;height:30px;} body.signal-edition #app :is(#view,#task-parent-view) .signal-cards-caption {position:relative;min-height:92px;margin:0 0 16px;padding:18px 94px 18px 18px;border:1px solid #e6eddb;border-radius:20px;background:var(--signal-guide,#f0f5e6);color:var(--signal-ink);} body.signal-edition #app :is(#view,#task-parent-view) .signal-cards-caption>span {display:block;max-width:21ch;font-size:1rem;font-weight:750;letter-spacing:-.025em;line-height:1.4;} body.signal-edition #app :is(#view,#task-parent-view) .vc-list {display:grid;gap:10px;} body.signal-edition #app :is(#view,#task-parent-view) .vc-card-row {display:grid;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:8px 12px;padding:16px!important;min-height:112px;border:1px solid var(--signal-line)!important;border-radius:20px!important;background:var(--signal-surface)!important;color:var(--signal-ink)!important;} body.signal-edition #app :is(#view,#task-parent-view) .vc-card-row .vc-row-symbol {display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:var(--signal-soft);color:inherit;} body.signal-edition #app :is(#view,#task-parent-view) .vc-card-row .vc-row-symbol svg {width:25px;height:25px;} body.signal-edition #app :is(#view,#task-parent-view) .vc-card-row .vc-row-copy>strong {color:inherit!important;font-size:1rem!important;line-height:1.3;font-weight:800;letter-spacing:-.03em;} body.signal-edition #app :is(#view,#task-parent-view) .vc-card-row .vc-row-copy>small {color:var(--signal-muted)!important;font-size:.8125rem;} body.signal-edition #app :is(#view,#task-parent-view) .vc-card-row .vc-row-end {grid-column:2;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:6px 10px;min-width:0;max-width:100%;text-align:left;color:inherit;} body.signal-edition #app :is(#view,#task-parent-view) .vc-card-row .vc-row-end>strong {font-family:'Manrope UI',sans-serif!important;font-size:1.5rem!important;font-weight:800!important;letter-spacing:-.04em;line-height:1.2;color:inherit!important;font-variant-numeric:lining-nums tabular-nums;} body.signal-edition #app :is(#view,#task-parent-view) .vc-face {min-height:168px!important;padding:20px!important;gap:10px;border-radius:20px!important;background:var(--signal-ink)!important;color:var(--signal-paper)!important;} body.signal-edition #app :is(#view,#task-parent-view) .vc-face :is(.vc-wordmark,.mono-brand-wordmark) {filter:brightness(0) invert(1)!important;} body.signal-edition #app :is(#view,#task-parent-view) .vc-face .mono-brand-avatar {width:38px;height:42px;} body.signal-edition #app :is(#view,#task-parent-view) .vc-face .vc-masked-number {font-size:1.125rem;letter-spacing:.12em;} body.signal-edition #app :is(#view,#task-parent-view) .vc-money {padding:18px;background:var(--signal-soft)!important;border-radius:20px;margin:14px 0;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .vc-money>strong {font-family:'Manrope UI',sans-serif!important;font-size:2.25rem!important;font-weight:800!important;line-height:1.15!important;letter-spacing:-.045em!important;} /* Scan stays ink. My code returns to paper around an untouched high-contrast QR. */ body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .qr-hub {padding-inline:18px!important;gap:16px!important;background:var(--signal-ink)!important;color:var(--signal-paper)!important;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .qr-hub.is-code {background:var(--signal-paper)!important;color:var(--signal-ink)!important;} body.signal-edition #app :is(#view,#task-parent-view) .qr-hub.is-code .qr-hub-tabs {background:var(--signal-soft)!important;border-color:var(--signal-line)!important;color:var(--signal-ink)!important;} body.signal-edition #app :is(#view,#task-parent-view) .qr-hub-tabs {height:52px!important;border-radius:16px!important;padding:4px!important;} body.signal-edition #app :is(#view,#task-parent-view) .qr-hub-tabs button {min-height:44px!important;border-radius:12px!important;font-size:.875rem!important;font-weight:750!important;} body.signal-edition #app :is(#view,#task-parent-view) .qr-hub.is-code .qr-hub-tabs button[aria-selected=true] {background:var(--signal-ink)!important;color:var(--signal-paper)!important;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .qr-hub h1 {font-size:1.75rem!important;line-height:1.16!important;letter-spacing:-.045em!important;font-weight:800!important;} body.signal-edition #app :is(#view,#task-parent-view) .qr-hub .qr-hub-subtitle {font-size:.875rem!important;line-height:1.45!important;color:inherit!important;} body.signal-edition #app :is(#view,#task-parent-view) .qr-hub .qr-hub-viewfinder {border-radius:20px!important;border-width:2px!important;} body.signal-edition #app :is(#view,#task-parent-view) .qr-hub .qr-hub-viewfinder i {border-color:var(--signal-lime)!important;} body.signal-edition #app :is(#view,#task-parent-view) .qr-hub .personal-qr-card {background:#fff!important;color:#111!important;border:1px solid var(--signal-line)!important;border-radius:20px!important;padding:18px!important;gap:14px!important;box-shadow:none!important;} body.signal-edition #app :is(#view,#task-parent-view) .qr-hub .lumo-personal-qr {background:#fff!important;color:#000!important;filter:none!important;border:0!important;padding:0!important;border-radius:0!important;} body.signal-edition #app :is(#view,#task-parent-view) .qr-hub .personal-qr-card figcaption strong {font-size:1.125rem!important;line-height:1.3;font-weight:800!important;letter-spacing:-.03em;} body.signal-edition #app :is(#view,#task-parent-view) .qr-hub.is-code .personal-qr-note {color:var(--signal-muted)!important;} body.signal-edition #app :is(#view,#task-parent-view) .qr-hub :is(.qr-hub-upload,.qr-camera-retry) {min-height:52px!important;border-radius:16px!important;font-size:.9375rem!important;font-weight:750!important;} /* Long text and narrow frames keep their controls and natural scroll surface. */ @media(max-width:359px) { body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-finance-hero {padding:16px 86px 16px 16px!important;} body.signal-edition #app :is(#view,#task-parent-view) .signal-finance-lux {width:60px;height:60px;right:12px;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-finance-hero :is(h1,h2) {font-size:1.375rem!important;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .gm-page .gm-choice-row {padding:12px!important;gap:10px!important;} body.signal-edition #app :is(#view,#task-parent-view) .vc-card-row {padding:14px!important;} } @media(max-height:720px) { body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-finance-hero {min-height:88px;padding-top:14px!important;padding-bottom:14px!important;} body.signal-edition #app :is(#view,#task-parent-view) .qr-hub .personal-qr-card {padding:14px!important;gap:10px!important;} } @supports(container-type:inline-size) { body.signal-edition #app :is(#view,#task-parent-view) .screen:is(.screen-pay,.screen-addMoney,.screen-cardsHome,.screen-groupMoneyHome,.screen-virtualCards) {container-type:inline-size;container-name:signal-money-page;} @container signal-money-page (max-width:20em) { body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-finance-hero {padding-right:18px!important;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .screen:is(.screen-pay,.screen-addMoney,.screen-groupMoneyHome,.screen-virtualCards) .signal-finance-hero.page-heading, body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .screen-pay .focus-pay-heading.signal-finance-hero {display:flow-root!important;} body.signal-edition #app :is(#view,#task-parent-view) .signal-finance-hero>.signal-finance-lux {position:relative;float:right;right:auto;bottom:auto;margin:0 0 8px 12px;width:3.5em;height:3.5em;} body.signal-edition #app :is(#view,#task-parent-view) .signal-cards-caption {padding-right:18px;} body.signal-edition #app :is(#view,#task-parent-view) .signal-cards-caption .signal-finance-lux {position:relative;right:auto;bottom:auto;margin:10px 0 0 auto;width:3.5em;height:3.5em;} body.signal-edition #app :is(#view,#task-parent-view) .vc-card-row {grid-template-columns:minmax(0,1fr);} body.signal-edition #app :is(#view,#task-parent-view) .vc-card-row .vc-row-end {grid-column:1;} } } /* Source: signal-page-chrome.css | sha256:dd790826f425488404f8d58bbd7da6b68d6600cf956dfe5d345fb611c73798ac */ /* Signal page chrome correction. Conceal navigation-only page names, not the content that explains a task. Headings remain in the accessibility tree; the native sheet's labelledby, focus targets, Back, Close, help, QR and customer controls stay authoritative. Welcome/onboarding, meaningful hero/instruction/consequence headings, financial figures, named entities, errors/results and section labels are deliberately outside this page-name list. This is not a global h1 reset. */ /* Root navigation rows keep their brand and controls without a second title row for Payments, Plan, Money Story, Cards or Menu. Chat keeps its return, history and action controls while its conversational introduction stays. */ body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .screen :is(.hibiscus-root-header,.hibiscus-tab-header)>h1, body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .chat-banking-header>.hibiscus-chat-header-title, body.signal-edition.minna-edition #app .task-sheet-chrome #task-sheet-title { position:absolute!important; width:1px!important;height:1px!important; min-width:0!important;min-height:0!important;max-width:1px!important; margin:-1px!important;padding:0!important;border:0!important; overflow:hidden!important;clip:rect(0,0,0,0)!important; clip-path:inset(50%)!important;white-space:nowrap!important; } body.signal-edition.minna-edition #app .task-sheet-chrome #task-sheet-title::before { content:none!important; } body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .screen :is(.hibiscus-root-header,.hibiscus-tab-header) { min-height:44px!important; margin:0 0 14px!important; padding:0!important; row-gap:0!important; } body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .mono-menu>.hibiscus-root-header { margin-bottom:10px!important; } body.signal-edition.minna-edition #app .chat-banking-header>.hibiscus-chat-header-actions { margin-left:auto; } /* Hiding the native sheet label removes it from grid flow. Explicit control columns retain the original gaps and QR position, instead of letting help expand into the freed middle column. The Menu's own Close-only row remains. */ body.signal-edition.minna-edition #app .task-sheet-layer:not([data-task-route=monoMenu]) .task-sheet-chrome { min-height:60px!important; padding:8px 12px!important; } body.signal-edition.minna-edition #app .task-sheet-layer:not([data-task-route=monoMenu]) .task-sheet-chrome>.task-sheet-back { grid-column:1!important;grid-row:1!important; } body.signal-edition.minna-edition #app .task-sheet-layer:not([data-task-route=monoMenu]) .task-sheet-chrome>.task-sheet-help { grid-column:3!important;grid-row:1!important; } body.signal-edition.minna-edition #app .task-sheet-layer:not([data-task-route=monoMenu]) .task-sheet-chrome>.task-sheet-close { grid-column:4!important;grid-row:1!important; } body.signal-edition.minna-edition #app .task-sheet-layer:not([data-task-route=monoMenu]) .task-sheet-chrome.has-qr-corner:has(>#lumo-scan-qr:not([hidden])) { grid-template-columns:44px minmax(0,1fr) 44px 44px 44px!important; } body.signal-edition.minna-edition #app .task-sheet-layer:not([data-task-route=monoMenu]) .task-sheet-chrome.has-qr-corner>.task-sheet-close { grid-column:5!important; } body.signal-edition.minna-edition #app .task-sheet-layer:not([data-task-route=monoMenu]) .task-sheet-chrome.has-qr-corner>#lumo-scan-qr { grid-column:4!important;grid-row:1!important; width:44px!important;min-width:44px!important; } body.signal-edition.minna-edition #app .task-sheet-layer[data-task-route=monoMenu] #mono-menu-dialog>.task-sheet-chrome { min-height:60px!important; padding:8px 17px!important; } /* These first headings are fixed page names or exact generic title echoes. Do not extend this list to goal, iouDetail, groupMoneyDetail, virtualCard, txDetail or caseDetail: those headings can name the customer's own record. Do not include Pause, payment review/auth, setup or error/result routes. */ body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .screen:is( .screen-goals,.screen-iouHome,.screen-allMoney, .screen-profile,.screen-security,.screen-privacy,.screen-notificationPrefs, .screen-notifications,.screen-devices,.screen-help, .screen-activity,.screen-requests,.screen-campusPay,.screen-sendOptions, .screen-addMoney,.screen-groupMoneyHome,.screen-groupMoneyList, .screen-groupMoneyInvitations,.screen-hibiscusChatHistory, .screen-homeMoneyStory,.screen-story,.screen-virtualCards ):not(:has(.onboarding-page)) .page-heading>h1, body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .screen-myQr #qr-code-panel>h1, body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .screen:is(.screen-accountInfo,.screen-balances,.screen-requests,.screen-pending) .topline>.eyebrow { position:absolute!important; width:1px!important;height:1px!important; min-width:0!important;min-height:0!important;max-width:1px!important; margin:-1px!important;padding:0!important;border:0!important; overflow:hidden!important;clip:rect(0,0,0,0)!important; clip-path:inset(50%)!important;white-space:nowrap!important; } /* Closed-account results are stateful messages. Only the live account-list variant has a generic account name to conceal. */ body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .screen-accountInfo:has(.account-detail-card) .page-heading>h1 { position:absolute!important;width:1px!important;height:1px!important; min-width:0!important;min-height:0!important;max-width:1px!important; margin:-1px!important;padding:0!important;border:0!important; overflow:hidden!important;clip:rect(0,0,0,0)!important; clip-path:inset(50%)!important;white-space:nowrap!important; } body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .screen-accountInfo:has(.account-detail-card) .signal-account-heading { display:block!important;min-height:0!important;height:0!important; margin:0!important;padding:0!important;background:transparent!important;border:0!important; } body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .screen-accountInfo:has(.account-detail-card) .signal-account-heading>.signal-account-mark { display:none!important; } /* A generic account title and its decorative stamp are one masthead. Release that masthead together, retaining its useful supporting sentence. */ body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .screen:is( .screen-profile,.screen-security,.screen-privacy,.screen-notificationPrefs, .screen-notifications,.screen-devices,.screen-help ):not(:has(.onboarding-page)) .signal-account-heading { display:block!important; grid-template:none!important; min-height:0!important; margin:0!important;padding:0!important; background:transparent!important;border:0!important; } body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .screen:is( .screen-profile,.screen-security,.screen-privacy,.screen-notificationPrefs, .screen-notifications,.screen-devices,.screen-help ):not(:has(.onboarding-page)) .signal-account-heading>.signal-account-mark { display:none!important; } body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .screen:is( .screen-profile,.screen-security,.screen-privacy,.screen-notificationPrefs, .screen-notifications,.screen-devices,.screen-help ):not(:has(.onboarding-page)) .signal-account-heading>p { margin:0 0 18px!important; } /* Compact title-only containers without hiding their semantic h1. The selector checks actual supporting content, and excludes illustrated heroes whose native description and Lux still have a purposeful composition. */ body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .screen:is( .screen-goals,.screen-iouHome,.screen-allMoney, .screen-profile,.screen-security,.screen-privacy,.screen-notificationPrefs, .screen-notifications,.screen-devices,.screen-help, .screen-activity,.screen-requests,.screen-campusPay,.screen-sendOptions, .screen-addMoney,.screen-groupMoneyHome,.screen-groupMoneyList, .screen-groupMoneyInvitations,.screen-hibiscusChatHistory, .screen-homeMoneyStory,.screen-story,.screen-virtualCards ):not(:has(.onboarding-page)) .page-heading:not(.signal-finance-hero):not(:has(>p,>button,>a,>form)) { display:block!important; min-height:0!important;height:0!important; margin:0!important;padding:0!important; background:transparent!important;border:0!important; } body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .screen:is( .screen-goals,.screen-iouHome,.screen-allMoney,.screen-activity, .screen-requests,.screen-campusPay,.screen-sendOptions, .screen-groupMoneyList,.screen-groupMoneyInvitations, .screen-hibiscusChatHistory,.screen-homeMoneyStory,.screen-story,.screen-virtualCards ):not(:has(.onboarding-page)) .page-heading:not(.signal-finance-hero):has(>p) { min-height:0!important; margin:0 0 18px!important;padding:0!important; } body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .screen:is( .screen-goals,.screen-iouHome,.screen-allMoney,.screen-activity, .screen-requests,.screen-campusPay,.screen-sendOptions, .screen-groupMoneyList,.screen-groupMoneyInvitations, .screen-hibiscusChatHistory,.screen-homeMoneyStory,.screen-story,.screen-virtualCards ):not(:has(.onboarding-page)) .page-heading:not(.signal-finance-hero)>p { margin-top:0!important; } body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .screen-myQr #qr-code-panel>.qr-hub-subtitle { margin-top:0!important; } /* Funding/Collect retain their helpful art-and-description surface after their generic name leaves. Pay's meaningful "Make your move." hero stays intact. */ body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .screen:is(.screen-addMoney,.screen-groupMoneyHome) .signal-finance-hero { min-height:96px!important; display:flex!important;align-items:center!important; margin-top:0!important; } /* Persistent roots share Home's identity scale and selected navigation pill. Existing Chat, QR, Profile and Menu controllers remain the actual controls. */ body.signal-edition.minna-edition #app #nav .nav-item svg{box-sizing:content-box;width:24px!important;height:24px!important;padding:5px 21px!important;border-radius:22px!important;background:transparent!important;} body.signal-edition.minna-edition #app #nav .nav-item.active svg{background:var(--signal-lime)!important;} body.signal-edition.minna-edition #app #nav .nav-item.active::after{display:none!important;} body.signal-edition.minna-edition #app #nav .nav-item:not(.active),body.signal-edition.minna-edition #app #nav .nav-item:not(.active)>span{color:var(--signal-muted)!important;} body.signal-edition.minna-edition #app .prototype-boundary{color:var(--signal-muted)!important;} /* Keep the underlying page still while a task or Menu covers it. The native hidden/inert/aria-hidden state remains authoritative and the nav is invisible. */ body.signal-edition.minna-edition #app:has(>#task-parent-view)>#nav[hidden]{display:grid!important;visibility:hidden!important;pointer-events:none!important;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .screen:not(.screen-more):not(.screen-monoMenu)>.hibiscus-root-header{flex-wrap:nowrap!important;align-items:center!important;gap:8px!important;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .hibiscus-root-header .mono-brand-lockup-root{order:0;flex:0 1 116px;min-width:0;margin-right:auto;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .hibiscus-root-header .mono-brand-lockup-root>.mono-brand-avatar{display:none!important;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .hibiscus-root-header .mono-brand-lockup-root>.mono-brand-wordmark{width:116px!important;max-width:100%;height:auto!important;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .hibiscus-root-header .hibiscus-header-utilities{display:contents!important;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .hibiscus-root-header .hibiscus-header-notifications{display:none!important;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .hibiscus-root-header>.hibiscus-root-chat{position:static!important;order:1;margin:0!important;width:44px!important;min-width:44px!important;height:44px!important;padding:10px!important;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .hibiscus-root-header>#lumo-scan-qr{position:static!important;order:2;inset:auto!important;margin:0!important;width:44px!important;min-width:44px!important;height:44px!important;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .hibiscus-root-header .signal-root-profile{order:3;display:grid!important;place-items:center;width:44px!important;min-width:44px!important;height:44px!important;padding:0!important;background:var(--signal-lime)!important;color:var(--signal-ink)!important;border-radius:50%!important;font-size:.9375rem!important;font-weight:800;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .hibiscus-root-header .signal-root-profile>span{position:static!important;width:auto!important;height:auto!important;clip:auto!important;clip-path:none!important;overflow:visible!important;} /* Destinations and journeys use a flat page inside the measured app frame. The edition adapter supplies the visible frame for desktop and keyboards; native navigation, field capture and payment guards still own the route. */ body.signal-edition.minna-edition #app .task-sheet-layer[data-signal-surface="page"]{ position:fixed!important; inset:auto!important; top:var(--signal-page-top,var(--task-viewport-top,0px))!important; left:var(--signal-page-left,var(--task-app-left,0px))!important; width:var(--signal-page-width,var(--task-app-width,100%))!important; height:var(--signal-page-height,var(--task-viewport-height,100dvh))!important; min-width:0!important;min-height:0!important; max-width:none!important;max-height:none!important; align-items:stretch!important; margin:0!important;padding:0!important; border:0!important;border-radius:inherit!important; overflow:hidden!important; background:var(--signal-paper)!important; color:var(--signal-ink)!important; box-shadow:none!important; pointer-events:auto; transform:none!important;translate:none!important; animation:none!important;transition:none!important; } body.signal-edition.minna-edition #app .task-sheet-layer[data-signal-surface="page"]>.task-sheet{ position:relative!important; inset:auto!important; display:flex!important;flex-direction:column!important; flex:1 1 auto!important;align-self:stretch!important; width:100%!important;height:100%!important; min-width:0!important;min-height:0!important; max-width:none!important;max-height:none!important; box-sizing:border-box; margin:0!important;padding:0!important; border:0!important;border-radius:0!important; background:var(--signal-paper)!important; color:var(--signal-ink)!important; box-shadow:none!important; overflow:hidden!important; transform:none!important;translate:none!important; opacity:1!important; animation:none!important;transition:none!important; } body.signal-edition.minna-edition #app .task-sheet-layer[data-signal-surface="page"]>.task-sheet-backdrop, body.signal-edition.minna-edition #app .task-sheet-layer[data-signal-surface="page"] .task-sheet-grab, body.signal-edition.minna-edition #app .task-sheet-layer[data-signal-surface="page"] .task-sheet-close{ display:none!important;visibility:hidden!important;pointer-events:none!important; } /* The page bar has Back and the existing Help/QR controls. There is no Close slot or grab handle. The accessible native route label remains concealed. */ body.signal-edition.minna-edition #app .task-sheet-layer[data-signal-surface="page"]:not([data-task-route=monoMenu]) .task-sheet-chrome{ display:grid!important; grid-template-columns:44px minmax(0,1fr) 44px!important; align-items:center!important; gap:0 2px!important; flex:0 0 auto!important; min-height:60px!important; margin:0!important;padding:8px 12px!important; border:0!important;border-bottom:1px solid var(--signal-line)!important; border-radius:0!important; background:var(--signal-paper)!important; color:var(--signal-ink)!important; box-shadow:none!important; touch-action:manipulation; animation:none!important;transition:none!important; } body.signal-edition.minna-edition #app .task-sheet-layer[data-signal-surface="page"]:not([data-task-route=monoMenu]) .task-sheet-chrome.has-qr-corner:has(>#lumo-scan-qr:not([hidden])){ grid-template-columns:44px minmax(0,1fr) 44px 44px!important; } body.signal-edition.minna-edition #app .task-sheet-layer[data-signal-surface="page"] .task-sheet-chrome>.task-sheet-back{ grid-column:1!important;grid-row:1!important; } body.signal-edition.minna-edition #app .task-sheet-layer[data-signal-surface="page"] .task-sheet-chrome>.task-sheet-help{ grid-column:3!important;grid-row:1!important; } body.signal-edition.minna-edition #app .task-sheet-layer[data-signal-surface="page"] .task-sheet-chrome.has-qr-corner>#lumo-scan-qr{ grid-column:4!important;grid-row:1!important; } body.signal-edition.minna-edition #app .task-sheet-layer[data-signal-surface="page"] .task-sheet-chrome .icon-btn{ width:44px!important;height:44px!important; min-width:44px!important;min-height:44px!important; margin:0!important;padding:10px!important; color:var(--signal-ink)!important; } body.signal-edition.minna-edition #app .task-sheet-layer[data-signal-surface="page"] .task-sheet-chrome [hidden]{display:none!important;} body.signal-edition.minna-edition #app .task-sheet-layer[data-signal-surface="page"] [data-signal-page-dismiss]{display:none!important;} /* One bounded page scroller, with natural content growth and the native bottom safe-area padding. Short pages fill the frame; long/enlarged pages scroll. */ body.signal-edition.minna-edition #app .task-sheet-layer[data-signal-surface="page"]>.task-sheet>.task-sheet-body#view{ position:relative!important; display:block!important; flex:1 1 0!important; width:100%!important;height:auto!important; min-width:0!important;min-height:0!important; max-width:none!important;max-height:none!important; overflow-x:hidden!important;overflow-y:auto!important; overscroll-behavior:contain; background:var(--signal-paper)!important; color:var(--signal-ink)!important; } body.signal-edition.minna-edition #app .task-sheet-layer[data-signal-surface="page"]>.task-sheet>.task-sheet-body#view>.screen{ min-height:100%!important; max-height:none!important; box-sizing:border-box; } /* Pause is a full, focused page. Its native phase/timing/action styles remain intact; only the surrounding page frame and bar receive the dark surface. */ body.signal-edition.minna-edition #app .task-sheet-layer[data-signal-surface="page"][data-task-route=pause], body.signal-edition.minna-edition #app .task-sheet-layer[data-signal-surface="page"][data-task-route=pause]>.task-sheet, body.signal-edition.minna-edition #app .task-sheet-layer[data-signal-surface="page"][data-task-route=pause]>.task-sheet>.task-sheet-body#view, body.signal-edition.minna-edition #app .task-sheet-layer[data-signal-surface="page"][data-task-route=pause] .task-sheet-chrome{ background:var(--signal-ink)!important; color:var(--signal-paper)!important; } body.signal-edition.minna-edition #app .task-sheet-layer[data-signal-surface="page"][data-task-route=pause] .task-sheet-chrome{border-bottom-color:#ffffff26!important;} body.signal-edition.minna-edition #app .task-sheet-layer[data-signal-surface="page"][data-task-route=pause] .task-sheet-chrome .icon-btn{color:var(--signal-paper)!important;background:#ffffff0b!important;} body.signal-edition.minna-edition #app .task-sheet-layer[data-signal-surface="page"][data-task-route=pause] .task-sheet-chrome .icon-btn:focus-visible{outline-color:var(--signal-lime)!important;} /* Full pages keep global navigation inside their active page, below its one scroller. The original primary navigation stays retained behind the task. */ body.signal-edition.minna-edition #app .signal-page-nav{ position:relative!important;inset:auto!important; display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr)); flex:0 0 auto!important;gap:8px; width:100%;min-width:0;max-width:100%;box-sizing:border-box; margin:0!important;padding:7px 12px calc(9px + env(safe-area-inset-bottom))!important; border:0;border-top:1px solid var(--signal-line); border-radius:0;background:var(--signal-paper)!important;color:var(--signal-ink)!important; box-shadow:none;transform:none!important; } body.signal-edition.minna-edition #app .signal-page-nav[hidden]{display:none!important;} body.signal-edition.minna-edition #app .signal-page-nav>.nav-item{ position:relative;display:flex!important;flex-direction:column;align-items:center;justify-content:center; width:100%;min-width:0;min-height:57px;gap:4px; margin:0!important;padding:0 2px!important;border:0!important;border-radius:12px; background:transparent!important;color:var(--signal-muted)!important; font-family:'Manrope UI',sans-serif;font-size:.8125rem!important;font-weight:550!important;line-height:1.25; text-align:center;white-space:normal; } body.signal-edition.minna-edition #app .signal-page-nav>.nav-item>svg{ box-sizing:content-box;flex:0 0 auto;width:24px!important;height:24px!important; padding:5px 21px!important;border-radius:22px!important;background:transparent!important; } body.signal-edition.minna-edition #app .signal-page-nav>.nav-item>span{ min-width:0;max-width:100%;color:inherit!important; white-space:normal;overflow-wrap:normal;word-break:normal; } body.signal-edition.minna-edition #app .signal-page-nav>.nav-item.active{color:var(--signal-ink)!important;font-weight:800!important;} body.signal-edition.minna-edition #app .signal-page-nav>.nav-item.active>svg{background:var(--signal-lime)!important;} body.signal-edition.minna-edition #app .signal-page-nav>.nav-item::before, body.signal-edition.minna-edition #app .signal-page-nav>.nav-item::after{display:none!important;content:none!important;} body.signal-edition.minna-edition #app .signal-page-nav>.nav-item:focus-visible{outline:2px solid var(--signal-ink)!important;outline-offset:2px;} @media(max-height:540px){ body.signal-edition.minna-edition #app .signal-page-nav{padding-top:4px!important;padding-bottom:calc(5px + env(safe-area-inset-bottom))!important;} body.signal-edition.minna-edition #app .signal-page-nav>.nav-item{min-height:52px;gap:2px;} } body.signal-edition.minna-edition #app .task-keyboard-open .signal-page-nav{padding-top:4px!important;padding-bottom:calc(5px + env(safe-area-inset-bottom))!important;} /* Source: signal-account-home.css | sha256:aa33cf8d72d1e0add9c4c5285d4cf30d0bc2a5c4ebddf5a0f5bfb4f2459d503c */ /* Signal Home account hierarchy. Presentation only: the native values, private money reserves, destinations and conversation remain the source of truth. */ body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .screen-home{ padding:16px 20px 12px!important; } body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-home{ gap:10px;position:relative; } body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-header .signal-brand-wordmark{ flex-basis:112px; } body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-wordmark{ width:112px!important; } body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-greeting{ margin:2px 0 0!important; } body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-greeting p{ font-size:1.5rem!important;line-height:1.15;letter-spacing:-.045em; } body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-home .signal-money-card{ background:transparent!important;border:0!important;border-radius:0!important; box-shadow:none!important;padding:8px 0 0!important;overflow:visible; } body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-money-heading{ min-height:28px;gap:8px;justify-content:flex-start!important; } body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-money-label{ font-size:.9375rem!important;line-height:1.3!important;letter-spacing:-.025em; box-shadow:inset 0 -.45em var(--signal-lime); } body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-home .balance-eye{ background:transparent!important;margin:-8px 0!important; } body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-money-stage{ grid-template-columns:minmax(0,1fr);min-height:78px;gap:0;margin:0 0 10px; } body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-home .everyday-primary-money>strong, body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-home .has-wide-amount .everyday-primary-money>strong{ font-size:4rem!important;line-height:1.03!important;letter-spacing:-.045em!important; } body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-home .has-huge-amount .everyday-primary-money>strong{ font-size:2.75rem!important;overflow-wrap:anywhere; } body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-hero-lux{ display:none!important; } body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-balance-breakdown{ border-top:1px solid var(--signal-line);padding:10px 0;gap:16px; } body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-balance-cell{ gap:3px; } body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-balance-cell+.signal-balance-cell{ border-color:var(--signal-line);padding-left:16px; } body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-balance-cell>span{ color:var(--signal-muted);font-size:.75rem;font-weight:650; } body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-balance-cell>strong{ font-size:1.1875rem!important;line-height:1.3!important;font-weight:750!important; letter-spacing:-.035em; } body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-plan-footer{ border-color:var(--signal-line);min-height:44px; } body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-home .mono-budget-link{ font-size:.8125rem!important;gap:6px; } body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-home .mono-budget-basis{ color:var(--signal-muted)!important;font-size:.6875rem!important; } /* A single action row, with the ink circle identifying Pay. */ body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-home-actions{ gap:10px!important;padding:3px 0 12px;border-bottom:1px solid var(--signal-line); } body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-home .signal-action, body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-home .signal-action-pay{ background:transparent!important;color:var(--signal-ink)!important; min-height:76px!important;padding:2px 4px!important;border-radius:12px!important; gap:7px!important;font-size:.8125rem!important;line-height:1.3;letter-spacing:-.025em; } body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-home .signal-action .mono-action-icon, body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-home .signal-action:first-child .mono-action-icon{ width:44px!important;height:44px!important;min-width:44px;min-height:44px; background:var(--signal-soft)!important;color:var(--signal-ink)!important; border:0!important;border-radius:50%!important; } body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-home .signal-action-pay .mono-action-icon{ background:var(--signal-ink)!important;color:var(--signal-paper)!important; } body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-home .signal-action svg, body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-home .signal-action:first-child svg, body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-home .signal-action-pay svg{ width:24px!important;height:24px!important;stroke-width:2; } /* One small character supports a factual, unboxed account insight. */ body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-home .signal-buddy{ min-height:88px!important;background:transparent!important;border-radius:0!important; overflow:visible!important;padding:0!important; } body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-home .signal-buddy .mono-conversation-open{ grid-template-columns:64px minmax(0,1fr);min-height:88px!important; padding:4px 0 8px!important;gap:12px;border-radius:10px!important; align-items:center;background:transparent!important; } body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-buddy-art{ width:64px; } body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-buddy-art img{ width:64px;height:64px;max-width:100%;margin:0;transform:none; } body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-home .signal-buddy .mono-conversation-copy{ padding:0!important;min-height:0!important;background:transparent!important; border-radius:0;gap:5px!important; } body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-home .signal-buddy .mono-conversation-copy::before{ display:none!important;content:none; } body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-home .signal-buddy .mono-conversation-insight{ font-size:.9375rem!important;line-height:1.3!important;letter-spacing:-.025em; font-weight:800!important; } body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-home .signal-buddy .mono-conversation-insight-detail{ font-size:.75rem!important;line-height:1.4!important;font-weight:600!important; color:var(--signal-muted)!important;margin-top:4px; } body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-home .signal-buddy .mono-conversation-question{ font-size:.75rem!important;line-height:1.35!important;color:var(--signal-muted)!important; } /* Information rows replace the former paired category tiles. */ body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-home-destinations{ grid-template-columns:minmax(0,1fr);gap:0;border-top:1px solid var(--signal-line); } body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-home .mono-boxes-card, body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-home .signal-story-card{ background:transparent!important;border:0!important;border-radius:0!important; box-shadow:none!important; } body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-home .signal-story-card{ border-top:1px solid var(--signal-line)!important; } body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-home .everyday-boxes-open, body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-home .signal-story-card>button{ grid-template-columns:28px minmax(0,1fr) 14px!important;gap:12px!important; min-height:64px!important;padding:10px 0!important;border-radius:8px; } body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-home .mono-box-copy{ flex-direction:row!important;align-items:center!important;justify-content:space-between; flex-wrap:wrap;column-gap:12px!important;row-gap:4px!important; } body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-home .is-empty .mono-box-copy{ flex-direction:column!important;align-items:flex-start!important; } body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-home :is(.mono-box-title,.signal-story-card strong){ font-size:.9375rem!important;line-height:1.3!important;letter-spacing:-.03em!important; } body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-home .everyday-savings-amount{ font-size:.9375rem!important;line-height:1.3!important;font-weight:750!important; letter-spacing:-.03em!important; } body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-home :is(.mono-box-empty-note,.signal-story-card small){ font-size:.75rem!important;line-height:1.35!important;margin-top:2px!important; } @media(max-height:720px) and (min-width:360px){ body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .screen-home{padding:10px 16px 6px!important;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-home{gap:4px;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-greeting p{font-size:1.3125rem!important;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-home .signal-money-card{padding-top:4px!important;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-money-heading{min-height:24px;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-money-stage{min-height:64px;margin-bottom:5px;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-home .everyday-primary-money>strong, body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-home .has-wide-amount .everyday-primary-money>strong{font-size:3.5rem!important;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-home .has-huge-amount .everyday-primary-money>strong{font-size:2.5rem!important;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-balance-breakdown{padding:7px 0;gap:12px;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-balance-cell>strong{font-size:1.0625rem!important;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-home-actions{padding:0 0 7px;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-home .signal-action{min-height:70px!important;gap:4px!important;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-home .signal-buddy{min-height:80px!important;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-home .signal-buddy .mono-conversation-open{min-height:80px!important;grid-template-columns:56px minmax(0,1fr);gap:10px;padding:4px 0!important;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-buddy-art{width:56px;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-buddy-art img{width:56px;height:56px;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-home .signal-buddy .mono-conversation-insight{font-size:.875rem!important;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-home .signal-buddy .mono-conversation-insight-detail{font-size:.6875rem!important;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-home .signal-buddy .mono-conversation-question{font-size:.6875rem!important;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-home .everyday-boxes-open, body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-home .signal-story-card>button{min-height:56px!important;padding:7px 0!important;} } @container signal-home (max-width:20em){ body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-balance-cell+.signal-balance-cell{padding-left:0;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-money-stage{grid-template-columns:minmax(0,1fr);} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-home .everyday-primary-money>strong, body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-home .has-wide-amount .everyday-primary-money>strong{font-size:3.5rem!important;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-home .has-huge-amount .everyday-primary-money>strong{font-size:2.25rem!important;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-home .signal-buddy .mono-conversation-open{grid-template-columns:48px minmax(0,1fr);gap:10px;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-buddy-art{width:48px;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-buddy-art img{width:48px;height:48px;} } /* Source: signal-ring-home.css | sha256:466e58e82eab3785c6e0a519428d71b3f596e617a56438459b27f5976c8ff6e8 */ /* Signal Home with the original 2D Lumo avatar. Native balances, privacy reserves and actions stay in their existing controllers. This layer owns Home presentation only. */ body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .screen-home{display:flex!important;flex-direction:column;min-height:100%;padding:12px 16px 8px!important;} /* Keep the account, actions and guidance in one composed stack. Extra screen height belongs below the content, not between every unrelated section. */ body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-home{flex:1 0 auto;justify-content:flex-start;gap:10px;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-header .signal-brand-wordmark{flex-basis:116px;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-wordmark{width:116px!important;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-greeting{margin:0 0 4px!important;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-greeting p{font-size:1.75rem!important;line-height:1.08!important;letter-spacing:-.055em;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-greeting :is(.signal-greeting-detail,.signal-greeting-note){display:block;margin-top:4px;font-size:.9375rem;line-height:1.35;color:var(--signal-muted);font-weight:500;letter-spacing:-.02em;} /* Keep the approved account composition; the original 2D mark has no floor light. */ body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-home .signal-money-card{background:#0c1410!important;color:var(--signal-paper)!important;border:0!important;border-radius:4cqw!important;padding:5cqw 6cqw 2.5cqw!important;min-height:63.6cqw;container-type:normal!important;overflow:visible;box-shadow:none!important;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-money-heading{position:relative;min-height:11.2cqw;align-items:flex-start!important;justify-content:space-between!important;padding-right:52px!important;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-money-copy{display:flex;flex-direction:column;gap:4px;min-width:0;padding-top:0;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-money-label{font-size:1rem!important;line-height:1.2!important;color:var(--signal-paper)!important;box-shadow:none;font-weight:750!important;letter-spacing:-.035em;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-money-subtitle{font-size:.75rem;line-height:1.3;font-weight:500;color:#b8bfb8;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-home .balance-eye{position:absolute!important;right:-6px!important;top:-3px!important;margin:0!important;background:#ffffff12!important;color:var(--signal-paper)!important;min-width:44px!important;width:44px!important;min-height:44px!important;height:44px!important;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-money-stage{position:relative;isolation:isolate;grid-template-columns:minmax(0,1fr) 29cqw;min-height:29.3cqw;gap:8px;margin:0;align-items:start;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-hero-lux{position:relative;z-index:1;display:block!important;width:29cqw;max-width:100%;height:29cqw;margin:0 3cqw 0 0;object-fit:contain;object-position:center;justify-self:end;align-self:center;transform:none;filter:none;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-money-stage::before, body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-money-stage::after{content:none;display:none;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-home .everyday-primary-money{color:var(--signal-lime)!important;align-self:start;padding-top:3px!important;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-home .everyday-primary-money>strong{font-size:4rem!important;color:var(--signal-lime)!important;letter-spacing:-.045em!important;line-height:1.03!important;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-home .has-wide-amount .everyday-primary-money>strong{font-size:3.25rem!important;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-home .has-long-amount .everyday-primary-money>strong{font-size:2.45rem!important;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-home .has-huge-amount .everyday-primary-money>strong{font-size:2rem!important;overflow-wrap:anywhere;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-home .everyday-primary-money :is(.currency,.money-currency,.cents,.money-mask){color:inherit!important;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-balance-breakdown{position:relative;grid-template-columns:minmax(0,1fr) minmax(0,1fr);border-top:1px solid #ffffff24;padding:4cqw 0 0;gap:14px;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-balance-cell{gap:3px;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-balance-cell+.signal-balance-cell{border-left:1px solid #ffffff24;border-top:0;padding:0 0 0 17px;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-balance-cell>span{color:#b8bfb8;font-size:.75rem;line-height:1.25;font-weight:500;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-balance-cell>strong{color:var(--signal-paper)!important;font-size:1.1875rem!important;line-height:1.2!important;font-weight:750!important;} /* Exceptionally long balances use full-width factual rows, so a currency decimal is not stranded in a half-width cell beside Planned costs. */ body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-home .has-huge-amount .signal-balance-breakdown{grid-template-columns:minmax(0,1fr);gap:7px;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-home .has-huge-amount .signal-balance-cell+.signal-balance-cell{border-left:0;border-top:1px solid #ffffff24;padding:7px 0 0;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-home .signal-reference-money .whole{font-family:'Manrope UI',sans-serif!important;font-weight:800!important;letter-spacing:-.07em!important;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-home .signal-reference-money :is(.currency,.money-currency){font-family:'Manrope UI',sans-serif!important;font-size:.72em!important;margin-right:2px!important;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-home .signal-reference-money .cents{font-family:'Manrope UI',sans-serif!important;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-home .signal-reference-money .product-reserve-currency::before{content:"₵";} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-home .signal-reference-money .product-money-reserve-wide .product-reserve-whole::before{content:"0,000";} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-home .has-long-amount:not(.has-huge-amount) .product-reserve-whole::before{content:"000,000";} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-money-title-row{display:flex;align-items:center;gap:3px;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-plan-details{display:block;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-plan-details>summary{display:grid;place-items:center;list-style:none;width:28px;height:28px;min-height:28px!important;min-width:28px!important;padding:0!important;border:0!important;margin:-4px 0;cursor:pointer;color:#a9b2aa;border-radius:50%;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-plan-details>summary::-webkit-details-marker{display:none;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-plan-details>summary:focus-visible{outline:2px solid var(--signal-lime);outline-offset:2px;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-plan-details .signal-plan-footer{position:absolute;z-index:5;top:calc(100% + 5px);left:0;right:0;display:flex;flex-direction:column;align-items:stretch;gap:2px;padding:10px 14px;min-height:44px;background:var(--signal-paper);border:1px solid #e4e7dc;border-radius:14px;box-shadow:0 8px 24px #0003;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-home .signal-plan-details :is(.mono-budget-link,.mono-budget-link>svg,.mono-budget-date-action){color:var(--signal-ink)!important;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-home .signal-plan-details .mono-budget-basis{color:var(--signal-muted)!important;text-align:left;justify-content:space-between;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-home-actions{gap:9px!important;padding:0;border:0;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-home .signal-action{min-height:98px!important;padding:12px 4px!important;gap:5px!important;border-radius:18px!important;background:#eeede7!important;color:var(--signal-ink)!important;font-size:.875rem!important;line-height:1.2!important;letter-spacing:-.025em;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-home .signal-action-pay{background:#0d1510!important;color:var(--signal-paper)!important;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-home .signal-action :is(.mono-action-icon), body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-home .signal-action:first-child .mono-action-icon{width:30px!important;height:30px!important;min-width:30px;min-height:30px;background:transparent!important;color:inherit!important;border:0!important;border-radius:0!important;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-home .signal-action:first-child .mono-action-icon{border:2px solid currentColor!important;border-radius:50%!important;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-home .signal-action svg{width:30px!important;height:30px!important;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-home .signal-action:first-child svg{width:23px!important;height:23px!important;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-home .signal-action-pay svg{width:32px!important;height:32px!important;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-action-label{display:block;font-weight:800;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-action-detail{display:block;white-space:nowrap;font-size:.75rem;line-height:1.25;font-weight:500;color:var(--signal-muted);letter-spacing:-.02em;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-action-pay .signal-action-detail{color:#c2c8bf;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-home .signal-buddy{background:#f0f5e6!important;min-height:108px!important;border-radius:20px!important;overflow:visible!important;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-home .signal-buddy .mono-conversation-open{grid-template-columns:76px minmax(0,1fr) 12px;min-height:108px!important;padding:10px 12px!important;gap:14px;border-radius:20px!important;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-buddy-art{position:relative;width:76px;height:84px;align-items:end;justify-items:center;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-buddy-art img{position:relative;z-index:1;width:58px;height:58px;max-width:100%;transform:none;margin:0 0 5px;object-fit:contain;} /* Flat attention marks accompany the original 2D character. */ body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-buddy-art::after{content:none;display:none;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-buddy-rays{position:absolute;top:0;right:0;width:36px!important;height:32px!important;max-width:none!important;color:#829b3c;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-home .signal-buddy .mono-conversation-copy{gap:5px!important;padding:0!important;min-height:0!important;background:transparent!important;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-home .signal-buddy .mono-conversation-copy::before{display:none!important;content:none;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-home .signal-buddy .mono-conversation-eyebrow{display:block!important;font-size:.8125rem!important;font-weight:700;line-height:1.2;color:#60743d;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-home .signal-buddy .mono-conversation-insight{font-size:1.125rem!important;line-height:1.2!important;letter-spacing:-.035em;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-home .signal-buddy .mono-conversation-insight-detail{font-size:.8125rem!important;line-height:1.3!important;font-weight:500!important;margin-top:3px;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-home .signal-buddy .mono-conversation-question{font-size:.75rem!important;line-height:1.25!important;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-buddy-chevron{display:grid;place-items:center;width:12px;color:var(--signal-ink);} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-buddy-chevron svg{width:12px;height:16px;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-home-destinations{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;border:0;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-home :is(.mono-boxes-card,.signal-story-card){background:#fafaf5!important;border:1px solid #e9ebe2!important;border-radius:18px!important;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-home .signal-story-card{border-top:1px solid #e9ebe2!important;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-home :is(.everyday-boxes-open,.signal-story-card>button){grid-template-columns:28px minmax(0,1fr) 10px!important;gap:8px!important;height:100%;min-height:76px!important;padding:10px!important;border-radius:18px;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-home :is(.mono-box-symbol,.signal-story-symbol){width:28px!important;height:30px!important;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-home :is(.mono-box-symbol svg,.signal-story-symbol svg){width:28px;height:30px;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-home .mono-box-copy{flex-direction:column!important;align-items:flex-start!important;justify-content:center;gap:4px!important;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-home :is(.mono-box-title,.signal-story-card strong){font-size:.8125rem!important;line-height:1.2!important;letter-spacing:-.035em!important;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-home .everyday-savings-amount{width:auto!important;justify-items:start;justify-self:start!important;text-align:left!important;font-size:.875rem!important;line-height:1.2!important;letter-spacing:-.035em!important;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-home .signal-savings-line{display:flex!important;align-items:baseline;flex-wrap:wrap;gap:2px 4px;width:100%!important;min-width:0;text-align:left!important;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-home .signal-saved-label{font-size:.8125rem;line-height:1.2;color:var(--signal-muted);font-weight:500;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-home .signal-story-copy{display:flex;flex-direction:column;gap:4px;min-width:0;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-home .signal-story-card .signal-story-period{font-size:.75rem!important;letter-spacing:-.035em;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-home :is(.mono-box-copy,.signal-story-copy) .signal-destination-helper{display:block;font-size:.625rem!important;line-height:1.3!important;letter-spacing:-.025em;color:var(--signal-muted)!important;font-weight:500;margin:0!important;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-home .signal-story-card small{margin-top:0!important;} /* The helper sits below the centred chevron and can use that last column. */ body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-home .signal-story-card .signal-destination-helper{width:calc(100% + 18px);max-width:none;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-home :is(.mono-box-empty-note,.signal-story-card small){font-size:.6875rem!important;line-height:1.25!important;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-home :is(.everyday-boxes-open>svg,.signal-story-card>button>svg){width:10px!important;height:15px;} /* Home's native nav nodes keep their handlers and retained identity. */ body.signal-edition.minna-edition #app:has(#view>.screen-home) #nav.mono-primary-nav{background:#fafaf5!important;border-top-color:#eeeee7!important;} body.signal-edition.minna-edition #app:has(#view>.screen-home) #nav .nav-item svg{box-sizing:content-box;width:24px!important;height:24px!important;padding:5px 21px!important;border-radius:22px!important;} body.signal-edition.minna-edition #app:has(#view>.screen-home) #nav .nav-item.active svg{background:var(--signal-lime)!important;} body.signal-edition.minna-edition #app:has(#view>.screen-home) #nav .nav-item.active::after{display:none;} /* On a full-height phone, give the identity and secondary destinations enough weight to balance the money card. Keep the short-phone composition below. */ @media(min-height:721px) and (min-width:360px){ body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .screen-home{padding-top:16px!important;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-home .signal-header{min-height:52px;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-header .signal-brand-wordmark{flex-basis:132px;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-wordmark{width:132px!important;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-greeting p{font-size:1.875rem!important;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-home .signal-action{min-height:104px!important;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-home .signal-buddy, body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-home .signal-buddy .mono-conversation-open{min-height:116px!important;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-home .signal-buddy .mono-conversation-open{grid-template-columns:76px minmax(0,1fr) 12px;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-buddy-art{width:76px;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-buddy-art img{width:58px;height:58px;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-home :is(.everyday-boxes-open,.signal-story-card>button){min-height:86px!important;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-home :is(.mono-box-title,.signal-story-card strong){font-size:.8125rem!important;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-home :is(.mono-box-empty-note,.signal-story-card small){font-size:.75rem!important;} } @media(max-height:720px) and (min-width:360px){ body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .screen-home{padding:8px 14px 4px!important;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-home{gap:4px;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-greeting{margin:1px 0 2px!important;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-greeting p{font-size:1.375rem!important;line-height:1.1!important;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-greeting :is(.signal-greeting-detail,.signal-greeting-note){display:block;margin-top:3px;font-size:.75rem;line-height:1.3;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-home .signal-action{min-height:80px!important;padding:7px 4px!important;gap:4px!important;font-size:.8125rem!important;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-home .signal-action .mono-action-icon, body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-home .signal-action:first-child .mono-action-icon{width:27px!important;height:27px!important;min-width:27px;min-height:27px;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-action-detail{display:block;font-size:.6875rem;line-height:1.25;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-home .signal-buddy{min-height:74px!important;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-home .signal-buddy .mono-conversation-open{grid-template-columns:58px minmax(0,1fr) 10px;min-height:74px!important;padding:7px 10px!important;gap:10px;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-buddy-art{width:58px;height:60px;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-buddy-art img{width:48px;height:48px;margin-bottom:2px;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-buddy-rays{width:25px!important;height:22px!important;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-home .signal-buddy .mono-conversation-eyebrow{display:none!important;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-home .signal-buddy .mono-conversation-insight{font-size:.8125rem!important;line-height:1.2!important;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-home .signal-buddy .mono-conversation-insight-detail{font-size:.6875rem!important;line-height:1.25!important;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-home .signal-buddy .mono-conversation-question{font-size:.6875rem!important;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-home :is(.everyday-boxes-open,.signal-story-card>button){min-height:64px!important;padding:7px 8px!important;gap:6px!important;} } /* Text enlargement and narrow widths use real extra rows instead of clipping either financial amounts or the contextual question behind artwork. */ @container signal-home (max-width:20em){ body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-money-stage{grid-template-columns:minmax(0,1fr);min-height:0;gap:5px;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-hero-lux{justify-self:end;width:92px;height:102px;margin-right:10px;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-home .everyday-primary-money>strong{font-size:3.5rem!important;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-home .has-wide-amount .everyday-primary-money>strong{font-size:3rem!important;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-home .has-huge-amount .everyday-primary-money>strong{font-size:2.1rem!important;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-balance-breakdown{grid-template-columns:minmax(0,1fr);padding-top:12px;gap:8px;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-balance-cell+.signal-balance-cell{border-left:0;border-top:1px solid #ffffff24;padding:8px 0 0;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-home-actions{grid-template-columns:minmax(0,1fr)!important;gap:7px!important;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-home .signal-action{display:grid!important;grid-template-columns:32px minmax(0,1fr);text-align:left;justify-items:start;column-gap:12px!important;min-height:68px!important;padding:10px 14px!important;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-home .signal-action .mono-action-icon{grid-column:1;grid-row:1 / span 2;align-self:center;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-action-detail{grid-column:2;white-space:normal;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-home .signal-buddy .mono-conversation-open{grid-template-columns:48px minmax(0,1fr) 10px;gap:8px;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-buddy-art{width:48px;height:64px;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-buddy-art img{width:44px;height:44px;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-buddy-rays{width:24px!important;height:22px!important;} body.signal-edition.minna-edition #app :is(#view,#task-parent-view) .signal-home-destinations{grid-template-columns:minmax(0,1fr);} }