@font-face{font-family:Poppins;src:url('./fonts/poppins-latin-400-normal.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Poppins;src:url('./fonts/poppins-latin-500-normal.woff2') format('woff2');font-weight:500;font-display:swap}
@font-face{font-family:Poppins;src:url('./fonts/poppins-latin-600-normal.woff2') format('woff2');font-weight:600 800;font-display:swap}
:root{--accent:#00a551;--bg:#151515;--surface:#262626;--text:#f0f0f0;--muted:#a1a1a1;--border:color-mix(in srgb,var(--text) 12%,transparent);--on-accent:#fff;--positive:#70d69b;--negative:#f2a0a0;font-family:Poppins,Arial,sans-serif;font-size:14px;line-height:1.5;color:var(--text);background:var(--bg);font-synthesis:none;color-scheme:dark}
*{box-sizing:border-box}body{margin:0;background:var(--bg)}button,input,select,textarea{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.5;cursor:wait}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:4px}a{color:var(--accent);text-underline-offset:3px}svg{width:24px;height:24px;flex-shrink:0}button{color:inherit}.light{--on-accent:#fff;--positive:#197546;--negative:#a33131;color-scheme:light}.brand-logo{display:block;width:auto;height:auto;max-width:158px;max-height:52px;object-fit:contain}.wordmark{font-weight:600;letter-spacing:1px;font-size:28px;color:var(--accent)}
.shell{max-width:680px;margin:auto;min-height:100svh;padding:28px 24px 120px}header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:28px;min-height:40px}.header-tools{display:flex;align-items:center;gap:16px}.account-switch{display:flex;align-items:center;gap:12px;background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:10px 14px;font-size:12px;max-width:260px}.account-switch span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-switch svg{width:18px;height:18px}.account-switch svg:last-child{width:12px;height:12px;transform:rotate(90deg)}.icon-button{border:0;padding:8px;background:transparent;color:inherit;border-radius:8px;display:inline-flex;align-items:center;justify-content:center}.icon-button svg{width:23px;height:23px}
h1{font-size:28px;line-height:1.25;font-weight:600;letter-spacing:-.8px;margin:0 0 24px}h2{font-size:18px;line-height:1.4;font-weight:500;letter-spacing:-.3px;margin:28px 0 16px}h3{font-weight:500}p{line-height:1.7}.help,.muted{color:var(--muted)}.help{font-size:13px}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:48px;border:1px solid var(--accent);border-radius:12px;padding:12px 20px;font-size:14px;font-weight:500;color:var(--on-accent);background:var(--accent);text-align:center;text-decoration:none}.button.secondary{color:var(--text);background:transparent;border-color:var(--border)}.button.danger{color:var(--negative);background:transparent;border-color:var(--negative)}.button svg{width:20px;height:20px}.actions{display:flex;gap:12px;flex-wrap:wrap}.actions>*{flex:1}.text-button{display:inline-flex;align-items:center;gap:6px;border:0;background:none;padding:6px 0;color:var(--accent);font-size:13px;text-align:left}.text-button svg{width:14px;height:14px}
form{display:grid;gap:20px}label{display:grid;gap:8px;font-size:13px;font-weight:500;line-height:1.5;color:var(--text)}input,select,textarea{width:100%;border:1px solid color-mix(in srgb,var(--text) 23%,transparent);border-radius:10px;padding:13px 14px;min-height:48px;color:var(--text);background:var(--bg);font-size:14px;line-height:1.5}input::placeholder,textarea::placeholder{color:var(--muted);opacity:.8}input:focus,select:focus,textarea:focus{outline:2px solid var(--accent);outline-offset:1px}textarea{resize:vertical;min-height:120px}.amount-input{font-size:30px;letter-spacing:-.7px;min-height:80px}.page-content>form{padding:24px;border-radius:20px;background:var(--surface);border:1px solid var(--border);margin:24px 0}.page-content>form>.button{margin-top:4px}.page-content{min-width:0;max-width:680px;margin:0 auto}.notice{padding:14px 16px;border-radius:10px;background:var(--surface);border:1px solid var(--border);font-size:13px;line-height:1.6;margin-bottom:24px}.notice.error{border-color:var(--negative)}.subnav{margin:8px 0 26px}.subnav button{display:inline-flex;align-items:center;gap:6px;border:0;background:none;color:var(--muted);font-size:12px;padding:0}.subnav svg{width:16px;height:16px;transform:rotate(180deg)}.details{margin:24px 0;padding:8px 20px;border:1px solid var(--border);border-radius:16px;background:var(--surface)}.detail{display:flex;align-items:start;justify-content:space-between;gap:20px;padding:15px 0;border-bottom:1px solid var(--border);font-size:13px}.detail:last-child{border-bottom:0}.detail>span:first-child{color:var(--muted)}.detail>span:last-child{text-align:right;overflow-wrap:anywhere;font-weight:500}.service-list{display:grid;gap:12px}.service{display:flex;align-items:center;gap:18px;min-height:72px;padding:20px;border:1px solid var(--border);border-radius:14px;background:var(--surface);color:var(--text);text-align:left;font-size:14px;width:100%}.service>svg:first-child{color:var(--accent)}.service>svg:last-child{margin-left:auto;width:16px;height:16px;color:var(--muted)}.service>span{min-width:0;overflow-wrap:anywhere}.service small{display:block;margin-top:4px;font-size:11px}.list-item{display:grid;gap:10px;padding:22px 20px;border:1px solid var(--border);border-radius:14px;background:var(--surface);margin:12px 0;font-size:14px}.list-item .row{display:flex;align-items:start;justify-content:space-between;gap:18px}.list-item .row>*{min-width:0;overflow-wrap:anywhere}.list-item .row>strong:last-child{white-space:nowrap}.list-item small{font-size:12px;color:var(--muted)}.list-item button{justify-self:start}.compact{font-size:12px;min-height:36px;padding:8px 12px}.empty{padding:32px 24px;border:1px dashed var(--border);border-radius:16px;text-align:center;color:var(--muted);font-size:13px;line-height:1.7}.code{white-space:pre-wrap;overflow-wrap:anywhere;font:12px/1.7 ui-monospace,monospace;background:var(--surface);padding:20px;border-radius:14px}.qr-image{display:block;max-width:240px;background:#fff;padding:12px;margin:24px auto;border-radius:8px}.tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:24px}.tabs .button{flex:1}.offline{padding:12px;text-align:center;font-size:12px;background:var(--surface)}.available-balance{display:flex;align-items:center;gap:12px;padding:18px 20px;background:var(--surface);border:1px solid var(--border);border-radius:14px;font-size:12px}.available-balance strong{margin-left:auto;white-space:nowrap;font-weight:500}.available-balance svg{width:20px;height:20px;color:var(--muted)}#recaptcha{min-height:1px}[hidden]{display:none!important}
/* The active account has a desktop rail and a compact mobile navigation. */
.app-navigation{display:none}.bottom-nav{position:fixed;bottom:max(12px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);width:min(calc(100% - 32px),448px);display:flex;align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:20px;box-shadow:0 8px 32px #0002;padding:12px 6px;z-index:10}.bottom-nav button{display:flex;flex:1;flex-direction:column;align-items:center;gap:5px;min-height:42px;background:none;border:0;color:var(--muted);font-size:10px;padding:2px}.bottom-nav button.active{color:var(--accent)}.bottom-nav button svg{width:23px;height:23px}.bottom-nav button.active svg{stroke-width:2.1}
.welcome{margin:6px 0 24px}.welcome h1{margin:0 0 6px;font-size:30px}.welcome p{margin:0;color:var(--muted);font-size:13px}.dashboard-overview{display:grid;gap:20px}.balance-group{background:var(--surface);border:1px solid var(--border);border-radius:20px;overflow:hidden}.balance{background:var(--accent);padding:20px 24px;color:var(--balance-ink,#fff);border-radius:18px}.balance-title{display:flex;align-items:center;justify-content:space-between;gap:12px;font-weight:500;font-size:13px;margin-bottom:8px}.balance-title .icon-button{padding:0}.balance-title svg{width:20px;height:20px}.balance-value{font-size:36px;line-height:1.35;font-weight:600;letter-spacing:-1px;overflow-wrap:anywhere}.balance-account{font-size:11px;margin:14px 0 0;opacity:.9}.balance-reserved{font-size:11px;margin:4px 0 0;opacity:.9}.money-actions{display:flex;align-items:center;justify-content:space-evenly;padding:20px 16px}.money-actions button{display:grid;justify-items:center;gap:8px;background:transparent;border:0;color:var(--text);font-size:11px;min-width:68px}.money-actions button>span{display:grid;place-items:center;width:42px;height:42px;border:1px solid color-mix(in srgb,var(--text) 40%,transparent);border-radius:50%;color:var(--accent)}.money-actions button:last-child>span{color:var(--text)}.money-actions svg{width:23px;height:23px}.dashboard-aside{display:none}.account-panel{background:var(--surface);border:1px solid var(--border);padding:20px;border-radius:16px}.account-panel h2{margin:0 0 8px;font-size:15px}.account-panel .detail{padding:12px 0;font-size:12px}.account-panel .text-button{margin-top:10px;font-size:11px}.security-panel{display:flex;align-items:center;gap:16px;padding:20px;background:var(--surface);border:1px solid var(--border);border-radius:16px;text-align:left}.security-panel>span{flex:1}.security-panel strong{font-size:13px;font-weight:500}.security-panel small{display:block;font-size:11px;color:var(--muted);line-height:1.6;margin-top:5px}.security-panel>svg:last-child{width:14px;height:14px;color:var(--muted)}.tools-section h2{margin:28px 0 16px;font-size:17px}.tool-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.tool{display:flex;flex-direction:column;align-items:flex-start;gap:16px;border:1px solid var(--border);border-radius:16px;padding:20px;background:var(--surface);color:var(--text);text-align:left;min-height:122px}.tool>svg:first-child{width:30px;height:30px;color:var(--accent)}.tool>svg:last-child{display:none}.tool strong{display:block;font-size:13px;font-weight:500}.tool small{display:block;font-size:10px;color:var(--muted);line-height:1.6;margin-top:5px}
/* Email sign-in remains separate from the bank navigation. */
.auth-mode .shell{display:flex;flex-direction:column;max-width:450px;padding:48px 28px 28px}.auth-mode header{margin-bottom:68px}.auth-mode .secure-access{display:none}.auth-mode .brand-logo{max-width:170px;max-height:68px}.auth-mode .page-content{width:100%}.auth-intro h1{font-size:29px;line-height:1.3;margin-bottom:12px}.auth-intro p{font-size:14px;color:var(--muted);margin-bottom:36px}.auth-mode .page-content>form{padding:0;border:0;background:none;margin:28px 0}.auth-mode .button{width:100%;justify-content:space-between;min-height:52px}.auth-mode .button.secondary{justify-content:center}.auth-trust{display:flex;gap:12px;align-items:center;font-size:11px;color:var(--muted);margin:24px 0}.auth-trust svg{width:22px;height:22px}.auth-mode .environment-note{order:5;margin: auto 0 0;padding-top:48px;font-size:10px;justify-content:center}.auth-mode .balance-value{color:var(--accent);letter-spacing:8px;margin:24px 0}.auth-mode .notice{margin-top:12px}
@media(min-width:1000px){.app-mode #bankings-root{padding-left:216px}.app-mode .shell{max-width:1216px;padding:32px 40px 56px}.app-mode header{justify-content:flex-end;margin-bottom:24px}.app-mode .header-brand{display:none}.app-navigation{position:fixed;inset:0 auto 0 0;width:216px;display:flex;flex-direction:column;align-items:stretch;background:var(--surface);border-right:1px solid var(--border);padding:32px 20px;z-index:15}.app-navigation>.brand-logo,.app-navigation>.wordmark{margin:0 8px 42px;max-width:156px;align-self:flex-start}.app-navigation nav{display:grid;gap:8px}.app-navigation button{display:flex;align-items:center;gap:14px;text-align:left;border:0;background:none;padding:14px;border-radius:9px;font-size:13px;color:var(--muted)}.app-navigation button svg{width:22px;height:22px}.app-navigation button.active{background:color-mix(in srgb,var(--accent) 16%,transparent);color:var(--accent)}.app-navigation .rail-exit{margin-top:auto;font-size:12px}.bottom-nav{display:none}.dashboard-content{max-width:none}.dashboard-overview{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:24px;align-items:start}.dashboard-aside{display:grid;gap:18px}.balance{padding:24px 28px;min-height:178px}.balance-value{font-size:38px}.balance-account{margin-top:18px}.money-actions{padding:22px 16px}.tool-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.tool{flex-direction:row;align-items:center;padding:20px 16px;min-height:100px;gap:12px;border-radius:12px}.tool>svg:first-child{width:30px;height:30px}.tool>span{flex:1}.tool>svg:last-child{display:block;width:12px;height:12px;color:var(--muted)}.tool strong{font-size:12px}.tool small{font-size:10px}.welcome h1{font-size:32px}.welcome{margin-top:0}}
@media(max-width:500px){.shell{padding:24px 22px 120px}.header-tools{gap:8px}.account-switch{padding:8px;max-width:145px;border-color:transparent;background:none}.account-switch>svg:first-child{display:none}.header-brand .brand-logo{max-width:125px;max-height:46px}.header-tools .icon-button svg{width:20px;height:20px}.account-switch{font-size:10px}.welcome h1{font-size:27px}.page-content>form{padding:22px 18px}.balance-value{font-size:34px}.amount-input{font-size:28px}.service{font-size:13px}.detail{font-size:12px}.list-item{padding:18px}.auth-mode .shell{padding-top:52px}.auth-mode header{margin-bottom:70px}}
@media(max-width:360px){.shell{padding:22px 16px 116px}.header-brand .brand-logo{max-width:108px}.account-switch{max-width:126px}.tool{padding:16px}.balance-value{font-size:30px}.actions{gap:8px}.button{padding:12px}.auth-mode .shell{padding-left:22px;padding-right:22px}}
@media(prefers-reduced-motion:no-preference){button,a{transition:background .15s,color .15s,border-color .15s}button:active{transform:translateY(1px)}.tool:hover,.service:hover{border-color:color-mix(in srgb,var(--accent) 65%,transparent)}.button:hover{filter:brightness(1.07)}}
/* Account opening is a separate journey until the account is active. */
.environment-note{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:12px;line-height:1.5;margin:0 0 28px}.environment-note>span{width:6px;height:6px;border-radius:50%;background:var(--accent);flex-shrink:0}.text-button{border:0;background:none;padding:6px 0;color:var(--accent);font-size:14px;text-align:left}.secure-access{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--muted)}.secure-access svg{width:16px;height:16px}.opening-mode .shell{max-width:1080px;padding:36px 32px 48px}.opening-mode header{margin-bottom:24px}.opening-mode .wordmark{font-size:30px}.opening-mode .environment-note{padding-bottom:24px;border-bottom:1px solid color-mix(in srgb,var(--muted) 16%,transparent)}.opening-grid{display:grid;grid-template-columns:300px minmax(0,1fr);gap:64px;align-items:start}.opening-story{padding:24px 0}.eyebrow,.step-caption{display:block;font-size:11px;font-weight:700;letter-spacing:1.6px;text-transform:uppercase;color:var(--accent)}.opening-story h1{font-size:42px;font-weight:600;line-height:1.08;letter-spacing:-1.7px;margin:16px 0 22px}.opening-story>p{font-size:15px;color:var(--muted);line-height:1.75;margin-bottom:36px}.opening-steps{list-style:none;padding:0;margin:0;display:grid;gap:26px}.opening-steps li{display:flex;align-items:center;gap:16px;color:var(--muted)}.opening-steps li>span{width:34px;height:34px;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--muted) 25%,transparent);border-radius:50%;font-size:11px;flex-shrink:0}.opening-steps strong{display:block;font-size:14px;font-weight:500;color:var(--text)}.opening-steps small{display:block;font-size:12px;margin-top:5px}.opening-steps .current>span{background:var(--accent);color:var(--bg);border-color:var(--accent)}.opening-steps .done>span{color:var(--accent);border-color:var(--accent)}.opening-trust{margin-top:46px;display:flex;gap:12px;align-items:flex-start;color:var(--muted);padding-top:22px;border-top:1px solid color-mix(in srgb,var(--muted) 16%,transparent)}.opening-trust svg{width:20px;height:20px;margin-top:3px}.opening-trust p{font-size:11px;line-height:1.7;margin:0}.opening-content{min-width:0}.opening-card{background:color-mix(in srgb,var(--surface) 65%,var(--bg));border:1px solid color-mix(in srgb,var(--muted) 18%,transparent);border-radius:24px;padding:32px}.opening-card h2{font-size:24px;font-weight:500;letter-spacing:-.6px;line-height:1.25;margin:12px 0 28px}.opening-card h3{font-size:16px;font-weight:500;margin:28px 0 16px}.opening-card>form>.button,.opening-card>.button{width:100%}.opening-card>form>.button{margin-top:6px}.opening-card>.button{margin-top:24px}.opening-footnote{color:var(--muted);font-size:12px;line-height:1.7;margin:22px 0 0}.account-choices{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}.account-choice{position:relative;display:flex;flex-direction:column;gap:8px;align-items:flex-start;background:var(--bg);border:1px solid color-mix(in srgb,var(--muted) 20%,transparent);border-radius:14px;padding:18px 14px;cursor:pointer;color:var(--text);min-width:0}.account-choice:has(input:checked){border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent);background:color-mix(in srgb,var(--accent) 7%,var(--bg))}.account-choice input{position:absolute;right:12px;top:12px;width:15px;height:15px;min-height:0;margin:0;accent-color:var(--accent)}.choice-icon{color:var(--accent);margin-bottom:10px}.account-choice strong{font-size:14px;font-weight:500;line-height:1.4}.account-choice small{font-size:11px;color:var(--muted)}.progress-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.progress-heading>strong{font-size:14px;color:var(--accent);font-weight:500}.opening-progress{height:4px;background:color-mix(in srgb,var(--muted) 15%,transparent);border-radius:4px;overflow:hidden;margin-bottom:20px}.opening-progress>span{height:100%;display:block;background:var(--accent);border-radius:4px}.opening-checklist{display:grid}.opening-item{display:flex;align-items:center;gap:16px;background:none;border:0;border-bottom:1px solid color-mix(in srgb,var(--muted) 14%,transparent);color:var(--text);padding:20px 0;text-align:left}.step-number{width:32px;height:32px;display:grid;place-items:center;border-radius:50%;border:1px solid color-mix(in srgb,var(--muted) 22%,transparent);color:var(--muted);font-size:11px;flex-shrink:0}.step-number.complete{color:var(--accent);border-color:var(--accent)}.opening-item>span:nth-child(2){flex:1}.opening-item strong{display:block;font-size:14px;font-weight:500}.opening-item small{display:block;font-size:12px;color:var(--muted);line-height:1.5;margin-top:5px}.opening-item>svg{width:16px;height:16px;color:var(--muted)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px 16px}.form-grid>label:first-child{grid-column:1/-1}.optional{display:inline;color:var(--muted);font-size:11px}.back-link{margin-bottom:20px}.opening-card label{font-size:12px;line-height:1.5}.opening-card input,.opening-card select{font-size:14px;min-height:48px;background:var(--bg)}.opening-card .check-label{display:flex;align-items:flex-start;gap:12px;line-height:1.7;color:var(--text);margin:22px 0}.check-label input{min-height:0;width:18px;height:18px;margin:2px 0 0;accent-color:var(--accent);flex-shrink:0}.document-upload{display:grid;grid-template-columns:32px minmax(0,1fr) auto;gap:12px;align-items:start;padding:20px 0;border-bottom:1px solid color-mix(in srgb,var(--muted) 15%,transparent)}.document-upload strong{font-size:13px;color:var(--text);font-weight:500}.document-upload small{font-size:11px;color:var(--muted)}.document-upload input{font-size:11px;padding:8px;min-height:0;max-width:100%;margin-top:7px;background:none}.document-upload .button{font-size:11px;padding:8px 10px;min-height:34px;margin-top:3px}.document-icon{color:var(--muted);padding-top:3px}.document-icon.complete{color:var(--accent)}.document-icon svg{width:20px}.owner-item{display:flex;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid var(--border)}.owner-item>div{flex:1;min-width:0}.owner-item strong{font-size:13px;font-weight:500}.owner-item small{display:block;font-size:11px;color:var(--muted);margin-top:5px}.owner-item .text-button{font-size:12px}.review-line{display:flex;justify-content:space-between;gap:16px;padding:18px 0;border-bottom:1px solid var(--border);font-size:13px}.review-line span{color:var(--muted)}.review-line strong{font-weight:500;text-align:right}.terms-panel{margin-top:28px;font-size:14px;line-height:1.7}.terms-text{white-space:pre-wrap;max-height:320px;overflow:auto;padding:20px 0;font-size:12px;color:var(--muted)}.status-card{text-align:center;padding-top:40px}.status-card .status-orb{display:grid;place-items:center;width:72px;height:72px;border:1px solid var(--border);border-radius:50%;background:color-mix(in srgb,var(--accent) 8%,transparent);color:var(--accent);margin:0 auto 24px}.status-orb svg{width:30px;height:30px}.status-pill{display:inline-block;padding:6px 10px;border:1px solid var(--border);border-radius:20px;color:var(--accent);font-size:11px}.status-card p{font-size:14px;color:var(--muted)}.status-card .text-button{display:block;text-align:center;margin:20px auto 0}
@media(max-width:850px){.opening-mode .shell{padding:24px 22px 36px;max-width:600px}.opening-grid{grid-template-columns:1fr;gap:26px}.opening-story{padding:6px 0 0}.opening-story h1{font-size:34px;max-width:350px;margin:12px 0 16px;letter-spacing:-1.2px}.opening-story>p{font-size:14px;margin:0 0 22px}.opening-steps{display:flex;gap:14px}.opening-steps li{gap:8px;flex:1;align-items:flex-start}.opening-steps li>span{width:25px;height:25px;font-size:10px}.opening-steps strong{font-size:11px;line-height:1.3;margin-top:5px}.opening-steps small{display:none}.opening-trust{display:none}.opening-card{padding:26px 22px;border-radius:20px}.opening-card h2{font-size:22px}.form-grid{grid-template-columns:1fr}.opening-mode header{margin-bottom:20px}.opening-mode .environment-note{padding-bottom:20px;margin-bottom:22px}.opening-mode .wordmark{font-size:27px}}
@media(max-width:380px){.opening-mode .shell{padding:22px 16px 32px}.opening-card{padding:24px 18px}.account-choices{gap:8px}.account-choice{padding:18px 10px}.account-choice strong{font-size:13px}.account-choice small{font-size:10px}.document-upload{grid-template-columns:24px minmax(0,1fr)}.document-upload .button{grid-column:2;justify-self:start}.opening-story h1{font-size:31px}}
.opening-header-actions{display:flex;align-items:center;gap:20px}.opening-header-actions .text-button{font-size:12px}.opening-card .form-grid .form-grid{display:contents}
/* Opening inherits the same type and controls, without banking chrome. */
.opening-mode .page-content{max-width:none}.opening-mode .brand-logo{max-width:158px;max-height:52px}.eyebrow,.step-caption{font-size:12px;font-weight:400;letter-spacing:0;text-transform:none;color:var(--muted)}.opening-card{background:var(--surface);border-color:var(--border)}.opening-story h1{font-size:38px;line-height:1.2;font-weight:500;letter-spacing:-1.2px}.opening-card h2{font-weight:500}.opening-card label{color:var(--text)}.opening-card input,.opening-card select{background:var(--bg)}.opening-story>p{font-size:13px}.opening-mode .environment-note{font-size:11px}.opening-footnote{font-size:11px}.opening-steps small{line-height:1.5}.light .balance{background:var(--accent)}.status-pill{border-radius:6px}.opening-mode .opening-steps .current>span{color:var(--on-accent)}
@media(max-width:850px){.opening-story h1{font-size:30px;line-height:1.25}.opening-story>p{font-size:12px}.opening-mode .shell{padding:24px 20px 40px}.opening-card{padding:24px 20px}.opening-grid{gap:24px}.opening-story{padding-top:0}.opening-card h2{font-size:22px}}
@media print{header,.bottom-nav,.app-navigation,.subnav,button,#notice,.environment-note{display:none!important}:root{color:#000;background:#fff}.app-mode #bankings-root{padding:0}.shell,.app-mode .shell{max-width:none;padding:0}.details,.list-item{background:#fff;color:#000;border-color:#ddd}}
@media(min-width:1000px){.app-mode .shell{position:relative}.app-mode .shell>header{position:absolute;top:32px;right:40px;margin:0}.app-mode .shell:has(.dashboard-content) .welcome{padding-right:280px;margin:0 0 18px}.app-mode .shell:has(.dashboard-content) .environment-note{font-size:10px;margin-bottom:20px}.app-mode .shell:not(:has(.dashboard-content)) .environment-note{padding-top:60px}.app-mode .shell:not(:has(.dashboard-content)):not(:has(.environment-note)) .page-content{padding-top:70px}.account-panel{padding:18px 20px}.account-panel .detail{padding:9px 0}.account-panel .text-button{margin-top:5px}.security-panel{padding:18px 20px}.money-actions{padding:20px 16px}.tools-section h2{margin:26px 0 14px}}
@media(max-width:500px){.app-mode header{margin-bottom:22px}.app-mode .welcome{margin:0 0 16px}.app-mode .welcome p{font-size:12px}.app-mode .environment-note{font-size:10px;margin-bottom:20px}.tool{min-height:110px;padding:18px;gap:12px}.money-actions{padding:18px 14px}}
.money-positive{color:var(--positive)}.money-negative{color:var(--negative)}