@media (max-width:640px){:root{--ios-bg:var(--bg);--ios-surface:var(--surface);--ios-separator:var(--line);--ios-secondary:var(--muted);--ios-green:var(--brand);--ios-green-soft:var(--brand-soft)}:root[data-theme=light]{--bg:#f2f2f7;--surface:#fff;--surface-2:#f2f2f7;--text:#1d2520;--muted:#6e6e73;--line:#3c3c4329;--brand:#197454;--brand-soft:#e5f3ed;--shadow:none}html{background:var(--ios-bg);-webkit-text-size-adjust:100%}body{background:var(--ios-bg);overscroll-behavior-y:auto;min-width:320px;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,SF Pro Display,sans-serif;font-size:16px}button,a,input,textarea,select{touch-action:manipulation}button,a,[role=button],summary{-webkit-tap-highlight-color:color-mix(in srgb, var(--ios-green) 12%, transparent)}button:active,a:active,[role=button]:active,summary:active{opacity:.78;transition-duration:0s!important}.app-shell{background:var(--ios-bg);width:100%;min-height:100dvh}.main{width:100%;max-width:480px;min-height:100dvh;padding:calc(18px + env(safe-area-inset-top)) 16px calc(102px + env(safe-area-inset-bottom));background:var(--ios-bg)}.main.no-nav{padding-bottom:calc(96px + env(safe-area-inset-bottom))}.page-head{align-items:flex-start;min-height:0;margin-bottom:20px}.page-head h1{letter-spacing:-.9px;margin-top:2px;font-size:30px;line-height:1.08}.page-head .subtitle{max-width:360px;margin-top:7px;font-size:13px;line-height:1.45}.eyebrow{letter-spacing:.1em;font-size:11px;line-height:1.2}.back-btn{gap:2px;min-height:36px;margin-left:-6px;padding:0 6px;font-size:15px;font-weight:590}.back-btn svg{width:20px;height:20px}.card,.bill-card,.empty-card,.person-row,.total-input-wrap{border:.5px solid var(--ios-separator);background:var(--ios-surface);box-shadow:none;border-radius:18px}.card{padding:16px}.card+.card{margin-top:12px}.section-heading{margin:26px 2px 10px}.section-heading h2{letter-spacing:-.25px;font-size:18px}.section-heading a{font-size:13px}.primary-btn,.secondary-btn,.danger-btn,.payer-shortcut{border-radius:13px;min-height:48px;font-size:15px;font-weight:700}.primary-btn:active,.secondary-btn:active,.tab:active,.create-tab:active,.bill-card:active{opacity:.82;transform:scale(.98)}.text-input,.date-input,.note-input,.amount-input{border:.5px solid var(--ios-separator);background:var(--ios-surface);min-height:50px;box-shadow:none;border-radius:13px;font-size:16px}.text-input:focus,.date-input:focus,.note-input:focus,.amount-input:focus{border-color:var(--ios-green);box-shadow:0 0 0 3px #1974541f}.tabbar{width:100%;max-width:480px;height:calc(80px + env(safe-area-inset-bottom));padding:7px 8px calc(7px + env(safe-area-inset-bottom));border-top:.5px solid var(--ios-separator);background:var(--ios-surface);-webkit-backdrop-filter:none;bottom:0;left:50%;box-shadow:0 -8px 28px #0000000a}.tab,.create-tab{color:#81858a;gap:3px;min-width:0;min-height:58px;font-size:10px;transition:transform 80ms ease-out,opacity 80ms ease-out;position:relative}.tab>span{place-items:center;min-height:25px;display:grid}.tab svg{stroke-width:2px;width:22px;height:22px}.tab.active{color:var(--ios-green);font-weight:650}.tab-navigation-status{opacity:0;background:currentColor;border-radius:50%;width:4px;height:4px;position:absolute;bottom:3px;right:calc(50% - 18px)}.tab-navigation-status.pending{opacity:.72}.bill-card,.trip-card{content-visibility:auto;contain-intrinsic-size:auto 126px}.create-tab{color:var(--ios-green);transform:translateY(-12px)}.create-tab:active{transform:translateY(-12px)scale(.96)}.create-icon{background:var(--ios-green);border:3px solid #fffffff5;width:54px;height:54px;box-shadow:0 7px 18px #19745447}.create-tab small{margin-top:1px;font-size:10px}.hero{background:linear-gradient(145deg, var(--hero-start) 0%, var(--hero-middle) 57%, var(--hero-end) 100%);box-shadow:0 12px 26px var(--hero-shadow);border-radius:26px;padding:18px}.hero:after{top:-82px;right:-96px}.hero-brandline{gap:9px}.hero-mark{border-radius:10px;width:34px;height:34px}.hero .eyebrow{color:#ffffffb8;letter-spacing:.13em;margin:0;font-size:11px}.hero-copy{margin-top:18px}.hero h1{letter-spacing:-1.35px;font-size:clamp(28px,8vw,34px);line-height:1.02}.hero h1 span{color:var(--hero-highlight)}.hero-copy>p{color:#ffffffc2;margin-top:11px;font-size:13px;line-height:1.45}.hero .hero-action{background:var(--ios-surface);min-height:50px;color:var(--ios-green);border-radius:15px;margin-top:19px}.hero-assurances{justify-content:center;gap:18px;margin-top:14px;font-size:11px}.balance-grid{gap:10px;margin-bottom:12px}.balance-grid .summary-card{background:var(--ios-surface);min-height:105px;color:var(--text);border:.5px solid var(--ios-separator);box-shadow:none;border-radius:18px;padding:15px}.balance-grid .summary-card small{color:var(--ios-secondary)}.balance-grid .summary-card strong{font-size:20px}.balance-grid .summary-card svg{width:19px;color:var(--ios-green)}.bill-grid{gap:10px}.bill-card{padding:15px;transition:transform .12s,opacity .12s}.bill-card-top{margin-bottom:12px}.bill-card-content{gap:10px}.bill-card-content h3{font-size:16px}.bill-card-content p,.status{font-size:11px}.bill-total strong{font-size:14px}.empty-card{padding:32px 18px}.empty-card p{font-size:13px;line-height:1.5}.friend-row,.activity-row,.settings-row,.stat-row{border-bottom:.5px solid var(--ios-separator);min-height:58px;padding:11px 0}.friend-row p,.activity-row p,.settings-row small,.stat-row span{font-size:12px}.activity-arrow{width:18px;height:18px}.settings-row>span{align-items:center;gap:10px;font-size:14px;font-weight:550;display:flex}.settings-row>span svg{background:var(--ios-green-soft);width:30px;height:30px;color:var(--ios-green);border-radius:8px;padding:7px}.filters,.segments{background:#e4e4e8;border-radius:10px;padding:3px}.filters button,.segments button{border-radius:8px;min-height:34px;padding:6px 10px;font-size:12px}.bill-form>section>h1{letter-spacing:-.8px;margin-top:5px;font-size:29px;line-height:1.08}.bill-form>section>.subtitle{font-size:13px}.step-label{font-size:12px}.stepper{gap:6px;margin:2px 0 24px}.step{height:3px}.form-section{margin:20px 0}.field{margin:15px 0}.form-section>label,.field>label{margin:0 2px 7px;font-size:13px}.total-input-wrap{padding:24px 16px}.amount-input.hero-input{min-height:62px;font-size:37px}.note-input{min-height:82px;padding-top:13px}.add-person{gap:8px}.add-person button{border-radius:13px;flex:0 0 50px;width:50px}.person-row{border-radius:15px;padding:11px 12px}.info-strip{border-radius:13px;padding:12px 14px;font-size:13px}.allocation-row{border-bottom:.5px solid var(--ios-separator);grid-template-columns:auto minmax(74px,1fr) minmax(104px,126px);gap:9px;padding:12px 0;font-size:13px}.allocation-three-columns,.allocation-columns-head{grid-template-columns:minmax(0,1fr) 104px 76px;gap:5px}.allocation-member{gap:7px}.allocation-member .avatar{width:30px;height:30px}.allocation-member strong,.allocation-amount strong{font-size:12px}.allocation-payment-status button,.allocation-payment-status>span{min-width:0;min-height:42px;padding-inline:6px;font-size:9px}.allocation-payment-status button.paid,.allocation-payment-status>span.paid,.allocation-payment-status>span.advance-payer,.allocation-payment-status button.paid svg,.allocation-payment-status>span.paid svg,.allocation-payment-status>span.advance-payer svg{color:var(--success);stroke:var(--success)}.allocation-row .amount-input{width:100%;height:44px;min-height:44px}.sticky-actions{z-index:19;width:100%;max-width:480px;padding:10px 16px calc(10px + env(safe-area-inset-bottom));border-top:.5px solid var(--ios-separator);background:var(--ios-surface);-webkit-backdrop-filter:none;margin:0;position:fixed;bottom:0;left:50%;right:auto;transform:translate(-50%)}.result-hero{background:linear-gradient(145deg, var(--hero-start), var(--hero-end));border-radius:22px;padding:24px 18px}.result-hero strong{font-size:31px}.detail-grid{gap:10px;margin-top:12px}.detail-grid h2{font-size:17px}.settlement{border-bottom:.5px solid var(--ios-separator);padding:12px 0}.action-grid{bottom:calc(86px + env(safe-area-inset-bottom));z-index:5;background:linear-gradient(transparent, var(--ios-bg) 24%);padding:10px 0;position:sticky}.edit-payer-picker{border-radius:15px;margin-inline:-4px;padding:13px}.edit-payer-options button{border-radius:12px;min-height:48px}.share-heading{margin:18px 0 14px}.share-heading h1{font-size:27px}.qr-wrap{border:.5px solid var(--ios-separator);max-width:100%;margin:16px auto}.qr-wrap img{width:min(260px,70vw);height:auto}.account-page-head{grid-template-columns:minmax(0,1fr) auto;gap:10px;display:grid}.account-page-head .member-logout{border-radius:13px;width:42px;min-width:42px;min-height:42px;padding:0;font-size:0;overflow:hidden}.account-page-head .member-logout svg{width:18px;height:18px}.account-grid{gap:12px}.account-grid>.card{border-radius:18px;padding:16px}.account-card-head{margin-bottom:15px}.account-card-head>span{border-radius:13px;width:42px;height:42px}.account-profile-form>.secondary-btn{width:100%}.account-readonly-field{border-bottom:.5px solid var(--ios-separator)}.upgrade-section{margin-top:26px}.plan-options{gap:12px}.plan-option{border-radius:18px;padding:16px}.plan-option.current{border:1px solid var(--ios-green)}.plan-price strong{font-size:20px}.upgrade-history-card{margin-top:14px}.theme-picker{padding:14px}.theme-picker-head{gap:5px;margin-bottom:10px}.theme-picker-head small{font-size:11px}.theme-menu-trigger{border:0;border-radius:13px;min-height:70px}.theme-menu-options{border-radius:15px;max-height:48vh}.login-page,.register-page,.member-auth-page,.account-reset-wrap{min-height:100dvh;padding:calc(24px + env(safe-area-inset-top)) 16px calc(24px + env(safe-area-inset-bottom));background:var(--ios-bg)}.login-brand{gap:12px;margin:12px 0 26px}.login-brand .brand-logo-image{width:54px;height:54px;box-shadow:0 0 0 1px color-mix(in srgb, var(--ios-green) 14%, transparent), 0 7px 20px color-mix(in srgb, var(--ios-green) 16%, transparent);border-width:2px;flex-basis:54px}.login-card,.register-card,.member-auth-card{border:.5px solid var(--ios-separator);background:var(--ios-surface);box-shadow:none;border-radius:22px;padding:24px 20px}.login-heading h1,.member-auth-heading h2{font-size:27px}.login-card .text-input,.member-auth-card .text-input{border:.5px solid var(--ios-separator);background:var(--ios-surface);min-height:50px}.member-auth-aside{display:none}.member-auth-panel{min-height:100dvh;padding:calc(24px + env(safe-area-inset-top)) 16px calc(24px + env(safe-area-inset-bottom));background:var(--ios-bg);place-items:center;display:grid}.admin-topbar{height:calc(58px + env(safe-area-inset-top));padding-top:env(safe-area-inset-top);border-bottom:.5px solid var(--ios-separator);background:var(--ios-surface);-webkit-backdrop-filter:none}.admin-main{background:var(--ios-bg);padding:20px 14px 40px}.admin-card,.admin-kpis article{border:.5px solid var(--ios-separator);box-shadow:none;border-radius:16px}}@media (max-width:370px){.main{padding-left:12px;padding-right:12px}.balance-grid{grid-template-columns:1fr}.allocation-row{grid-template-columns:auto minmax(60px,1fr) 104px;gap:7px}}