:root{color-scheme:dark;--font-body: "Geist", system-ui, -apple-system, "Segoe UI", sans-serif;--font-display: "Space Grotesk", system-ui, -apple-system, "Segoe UI", sans-serif;font-family:var(--font-body);--bg: #111111;--surface: #323232;--surface-2: #1a1a1a;--border: #444444;--text: #afabab;--text-muted: #a8a8a8;--heading: #e8e4e4;--border-strong: #5a5a5a}.tab-content h2,.summary-value,.month-balance{font-family:var(--font-display)}*{box-sizing:border-box}html,body{overflow-x:hidden}body{margin:0;min-height:100vh;background:var(--bg);color:var(--text)}#app{max-width:720px;margin:0 auto;padding:1rem;padding-bottom:calc(64px + env(safe-area-inset-bottom,0px) + 1rem)}#app.auth-mode{padding-bottom:1rem}header{margin-bottom:1rem}.app-header{display:flex;justify-content:space-between;align-items:center;position:relative;z-index:70;background:var(--bg)}header h1.logo{display:flex;margin:0}header h1.logo img{height:44px;width:auto;display:block}.header-avatar{width:38px;height:38px;border-radius:50%;background:var(--surface);border:1px solid rgba(255,255,255,.35);box-shadow:0 0 12px #ffffff2e;color:var(--text-muted);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;padding:0;transition:color .15s,box-shadow .15s,transform .1s,border-color .15s}.header-avatar:hover{color:var(--text);border-color:#ffffff80;box-shadow:0 0 18px #ffffff47}.header-avatar:active{transform:scale(.96)}.header-avatar svg{width:20px;height:20px;display:block}.header-avatar:focus-visible{outline:2px solid var(--text-muted);outline-offset:2px}.summary-bar{display:grid;grid-template-columns:repeat(3,1fr);gap:.25rem;background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:.75rem .5rem;margin-bottom:1rem}.summary-cell{display:flex;flex-direction:column;align-items:center;gap:.25rem;text-align:center;min-width:0}.summary-label{font-size:.7rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-weight:600}.summary-value{font-size:1rem;font-weight:600;letter-spacing:-.01em;word-break:break-word;line-height:1.2}.summary-pos{color:#6cd698}.summary-warn{color:#f0b97a}.summary-neg{color:#ff8a8a}.summary-reserved{color:#6cb8d6}.summary-paid{color:#d6a06c}.bottom-tabs{position:fixed;bottom:0;left:0;right:0;z-index:50;display:flex;background:var(--surface);border-top:1px solid var(--border);padding-bottom:env(safe-area-inset-bottom,0px)}.bottom-tab{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.15rem;background:transparent;border:none;color:var(--text-muted);padding:.55rem .25rem;font-family:inherit;cursor:pointer;min-height:56px;transition:color .15s}.bottom-tab:hover:not(.active){color:var(--text)}.bottom-tab.active{color:var(--heading)}.bottom-tab:active{opacity:.7}.bottom-tab:focus-visible{outline:2px solid var(--text-muted);outline-offset:-2px}.bottom-tab-icon{display:inline-flex;align-items:center;justify-content:center}.bottom-tab-icon svg{width:22px;height:22px;display:block}.bottom-tab-label{font-size:.72rem;font-weight:500;letter-spacing:.01em}.sub-tabs{display:flex;gap:.25rem;padding:.25rem;background:var(--surface-2);border:1px solid var(--border);border-radius:10px;margin-bottom:1rem}.sub-tab{flex:1;background:transparent;border:none;color:var(--text-muted);padding:.55rem .5rem;font-size:.9rem;font-weight:500;font-family:inherit;border-radius:8px;cursor:pointer;min-height:40px;transition:background .15s,color .15s}.sub-tab:hover:not(.active){color:var(--text)}.sub-tab.active{background:var(--surface);color:var(--heading)}.sub-tab:focus-visible{outline:2px solid var(--text-muted);outline-offset:2px}.grouped-content .tab-content>h2{display:none}.grouped-content .tab-content{padding-top:0}.tab-content{min-height:120px;padding:1rem 0}.tab-content h2{font-size:1.4rem;margin:0 0 1rem;color:var(--heading)}.form{display:flex;flex-direction:column;gap:1rem}.field{display:flex;flex-direction:column;gap:.4rem}.field-label{font-size:.85rem;color:var(--text-muted);font-weight:500}.input{width:100%;background:var(--surface-2);border:1px solid var(--border);border-radius:8px;padding:.75rem .85rem;color:var(--text);font-size:1rem;font-family:inherit;min-height:44px}.input::placeholder{color:#6e6c6c}.input:focus{outline:none;border-color:var(--text-muted)}.input[type=number]::-webkit-outer-spin-button,.input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.input[type=number]{-moz-appearance:textfield}.segmented{position:relative;display:flex;gap:.25rem;padding:.25rem;background:var(--surface-2);border:1px solid var(--border);border-radius:10px}.segmented:before{content:"";position:absolute;top:.25rem;bottom:.25rem;left:.25rem;width:calc((100% - .75rem)/2);background:var(--surface);border-radius:8px;transition:transform .2s ease;z-index:0}.segmented:has(.seg:nth-child(2) input:checked):before{transform:translate(calc(100% + .25rem))}.segmented:has(.seg:nth-child(3)):before{width:calc((100% - 1rem) / 3)}.segmented:has(.seg:nth-child(3) input:checked):before{transform:translate(calc(200% + .5rem))}.seg{flex:1;position:relative;z-index:1}.seg input{position:absolute;opacity:0;pointer-events:none}.seg>span{display:flex;align-items:center;justify-content:center;text-align:center;padding:.55rem .5rem;border-radius:8px;color:var(--text-muted);font-size:.9rem;cursor:pointer;min-height:40px;transition:background .15s,color .15s}.seg input:checked+span{color:var(--heading)}.seg input:focus-visible+span{outline:2px solid var(--text-muted);outline-offset:2px}.btn-primary{width:100%;background:var(--heading);color:var(--bg);border:none;border-radius:8px;padding:.85rem;font-size:1rem;font-weight:600;font-family:inherit;cursor:pointer;min-height:48px;margin-top:.5rem;transition:background .15s,transform .1s}.btn-primary:hover{background:var(--text)}.btn-primary:active{transform:scale(.98)}.form-errors{margin:0;padding:.75rem 1rem .75rem 2rem;background:#dc50501a;border:1px solid rgba(220,80,80,.35);border-radius:8px;color:#ffb5b5;font-size:.9rem}.form-errors li{margin:0}.list-title{font-size:.85rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin:2rem 0 .75rem}.list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.6rem}.list-item{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:.85rem 1rem;transition:border-color .15s}.list-item:hover{border-color:var(--border-strong)}.list-item.editing{background:var(--surface-2);border-color:var(--text-muted)}.item-head{display:flex;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.4rem}.item-head strong{font-size:1rem;color:var(--heading)}.item-amount{font-size:1.15rem;font-weight:700;color:var(--text);margin-bottom:.3rem}.item-amount-base{font-size:.85rem;color:var(--text-muted);margin-top:-.15rem;margin-bottom:.4rem}.item-date{font-size:.8rem;color:var(--text-muted);margin-bottom:.6rem}.item-actions{display:flex;gap:.4rem}.item-actions>button{flex:1}.empty-state{text-align:center;padding:1.5rem 1rem;background:var(--surface);border:1px dashed var(--border);border-radius:10px}.badge{display:inline-block;padding:.2rem .6rem;border-radius:999px;font-size:.72rem;font-weight:600;letter-spacing:.02em;text-transform:uppercase;white-space:nowrap}.badge-fixed{background:#46c1791f;color:#6cd698;border:1px solid rgba(70,193,121,.3)}.badge-extra{background:#b482e61f;color:#c5a3eb;border:1px solid rgba(180,130,230,.3)}.badge-variable{background:#6cb8d61f;color:#6cb8d6;border:1px solid rgba(108,184,214,.3)}.badge-completed{background:#46c1791f;color:#6cd698;border:1px solid rgba(70,193,121,.3)}.badge-one-time{background:#eba55a1f;color:#f0b97a;border:1px solid rgba(235,165,90,.3)}.item-progress{margin-bottom:.75rem;display:flex;flex-direction:column;gap:.3rem;padding:.6rem .75rem;background:var(--surface-2);border:1px solid var(--border);border-radius:6px}.progress-line{display:flex;justify-content:space-between;align-items:baseline;gap:.5rem;font-size:.85rem;color:var(--text)}.progress-label{text-transform:uppercase;letter-spacing:.05em;font-size:.7rem;color:var(--text-muted);font-weight:600}.progress-ok{color:#6cd698;font-weight:500}.progress-warn{color:#f0b97a;font-weight:500}.muted-inline{color:var(--text-muted);font-size:.85em}.input[type=date]{color:var(--text)}.input[type=date]::-webkit-calendar-picker-indicator{filter:invert(.7);cursor:pointer;opacity:.85}.balance-input{margin-bottom:1.5rem}.balance-hint{font-size:.78rem;margin:.4rem 0 0;font-style:normal}.projection-list{display:flex;flex-direction:column;gap:.75rem}.month-card{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:.85rem 1rem}.month-card.negative-balance{border-color:#dc505066;background:#dc50500d}.month-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.4rem}.month-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);font-weight:600}.warn-tag{font-size:.72rem;color:#ff8a8a;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.month-balance{font-size:1.5rem;font-weight:700;color:var(--heading);margin-bottom:.15rem;letter-spacing:-.01em}.month-card.negative-balance .month-balance{color:#ff8a8a}.month-delta{font-size:.9rem;margin-bottom:.65rem;font-weight:500}.month-delta.positive{color:#6cd698}.month-delta.negative{color:#f0b97a}.month-breakdown{display:flex;gap:1.25rem;font-size:.85rem;padding-top:.6rem;border-top:1px solid var(--border);color:var(--text)}.month-breakdown>div{font-weight:600}.brk-label{color:var(--text-muted);font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;margin-right:.4rem;font-weight:600}.month-pontuais{margin-top:.6rem;padding-top:.6rem;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:.25rem;font-size:.82rem}.pontual-line.positive{color:#6cd698}.pontual-line.negative{color:#f0b97a}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;background:transparent;color:var(--text);border:1px solid var(--border);border-radius:8px;padding:.55rem .85rem;font-size:.9rem;font-family:inherit;font-weight:500;cursor:pointer;min-height:40px;transition:background .15s,border-color .15s,transform .1s}.btn-secondary:hover{background:var(--surface-2);border-color:var(--text-muted)}.btn-secondary:active{transform:scale(.98)}.btn-danger{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;background:transparent;color:#ff8a8a;border:1px solid rgba(220,80,80,.4);border-radius:8px;padding:.55rem .85rem;font-size:.9rem;font-family:inherit;font-weight:500;cursor:pointer;min-height:40px;transition:background .15s,transform .1s}.btn-danger:hover{background:#dc50501f}.btn-danger:active{transform:scale(.98)}.btn-danger-solid{background:#dc5050;color:var(--bg);border:none;border-radius:8px;padding:.55rem .85rem;font-size:.9rem;font-weight:600;font-family:inherit;cursor:pointer;min-height:40px;transition:background .15s,transform .1s}.btn-danger-solid:hover{background:#c84040}.btn-danger-solid:active{transform:scale(.98)}.btn-secondary svg,.btn-danger svg{width:16px;height:16px;flex-shrink:0}form:has(input[name=type]:is([value=fixed],[value=variable]):checked) .field-date{display:none}form:not(:has(input[name=type]:is([value=fixed],[value=variable]):checked)) .field-end-date{display:none}.field-hint{font-size:.78rem;color:var(--text-muted)}.monthly-editor{margin-top:.5rem;padding-top:.75rem;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:.5rem}.monthly-title{margin:0;font-size:.85rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-weight:600}.monthly-hint{font-size:.78rem;color:var(--text-muted);margin:0 0 .25rem}.monthly-rows{display:flex;flex-direction:column;gap:.4rem}.monthly-row{display:grid;grid-template-columns:minmax(72px,.32fr) 1fr;align-items:center;gap:.5rem;margin:0}.monthly-label{font-size:.85rem;color:var(--text)}form:not(:has(input[name=type][value=variable]:checked)) .monthly-editor{display:none}.summary-subtitle{margin:-.5rem 0 1rem;font-size:.9rem;font-style:normal}.summary-card{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:.85rem 1rem;margin-bottom:1.25rem;display:flex;flex-direction:column;gap:.6rem}.summary-card-row{display:flex;flex-direction:column}.summary-card-row-head{display:flex;align-items:baseline;gap:.5rem}.summary-card-row-head .summary-card-value{margin-left:auto}.summary-card-toggle{background:none;border:none;padding:0;width:1rem;height:1rem;color:var(--text-muted);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:color .15s ease}.summary-card-toggle:hover{color:var(--text)}.summary-card-toggle svg{width:1rem;height:1rem;display:block;transition:transform .2s ease}.summary-card-row--expanded .summary-card-toggle svg{transform:rotate(90deg)}.summary-card-details-wrapper{display:grid;grid-template-rows:0fr;transition:grid-template-rows .2s ease-out}.summary-card-row--expanded .summary-card-details-wrapper{grid-template-rows:1fr}.summary-card-details{list-style:none;margin:0;padding:.4rem 0 0 1.5rem;border-top:1px dashed var(--border);display:flex;flex-direction:column;gap:.25rem;min-height:0;overflow:hidden;opacity:0;transition:opacity .2s ease-out}.summary-card-row--expanded .summary-card-details{opacity:1}.summary-card-details li{display:flex;justify-content:space-between;gap:.5rem;font-size:.85rem;color:var(--text-muted)}.summary-card-details .detail-value{color:var(--text);font-variant-numeric:tabular-nums}.summary-card-label{font-size:.72rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-weight:600}.summary-card-value{font-family:var(--font-display);font-size:1.25rem;font-weight:700;letter-spacing:-.01em;word-break:break-word;text-align:right}.summary-card-total{padding-top:.6rem;border-top:1px solid var(--border);margin-top:.1rem}.summary-card-total .summary-card-value{font-size:1.5rem}.form-edit{display:flex;flex-direction:column;gap:.75rem}.form-buttons{display:flex;gap:.5rem;margin-top:.25rem}.form-buttons>button{flex:1;margin-top:0}.muted{color:var(--text-muted);font-style:italic}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;padding:1rem;z-index:100}.modal-backdrop--opening{animation:backdrop-fade .15s ease-out}.modal-dialog{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:1.25rem;max-width:360px;width:100%;display:flex;flex-direction:column;gap:1rem}.modal-dialog--opening{animation:dialog-pop .15s ease-out}.modal-question{margin:0;font-size:1rem;color:var(--heading);line-height:1.4}.modal-buttons{display:flex;gap:.5rem}.modal-buttons>button{flex:1;margin-top:0}.modal-context{margin:-.25rem 0 0;font-size:.85rem;color:var(--text-muted)}.modal-form{display:flex;flex-direction:column;gap:.75rem}.modal-input-label{display:flex;flex-direction:column;gap:.4rem}.modal-input-label>span{font-size:.85rem;color:var(--text-muted);font-weight:500}.modal-error{margin:0;padding:.5rem .75rem;background:#dc50501a;border:1px solid rgba(220,80,80,.35);border-radius:6px;color:#ffb5b5;font-size:.85rem}body.modal-open{overflow:hidden}@keyframes backdrop-fade{0%{opacity:0}to{opacity:1}}@keyframes dialog-pop{0%{opacity:0;transform:translateY(-4px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-backdrop.closing{animation:backdrop-fade-out .15s ease-out forwards}.modal-dialog.closing{animation:dialog-pop-out .15s ease-out forwards}@keyframes backdrop-fade-out{0%{opacity:1}to{opacity:0}}@keyframes dialog-pop-out{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-4px) scale(.98)}}.tab-content.tab-entering{animation:tab-fade-in .18s ease-out}@keyframes tab-fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.list-item.new{animation:item-enter .25s ease-out}@keyframes item-enter{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.list-item.mode-fade{animation:list-item-fade .15s ease-out}@keyframes list-item-fade{0%{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.auth-page{min-height:calc(100vh - 2rem);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem}.auth-logo{display:flex}.auth-logo img{height:72px;width:auto;display:block}.auth-card{width:100%;max-width:380px;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:1.25rem;display:flex;flex-direction:column;gap:1rem}.auth-toggle{display:flex;gap:.25rem;padding:.25rem;background:var(--surface-2);border:1px solid var(--border);border-radius:10px}.auth-toggle-btn{flex:1;background:transparent;border:none;color:var(--text-muted);padding:.55rem .5rem;font-size:.9rem;font-weight:500;font-family:inherit;border-radius:8px;cursor:pointer;min-height:40px;transition:background .15s,color .15s}.auth-toggle-btn:hover:not(.active):not(:disabled){color:var(--text)}.auth-toggle-btn.active{background:var(--surface);color:var(--heading)}.auth-toggle-btn:disabled{cursor:not-allowed;opacity:.6}.auth-toggle-btn:focus-visible{outline:2px solid var(--text-muted);outline-offset:2px}.auth-form{display:flex;flex-direction:column;gap:.85rem}.field-error{font-size:.8rem;color:#ffb5b5;margin-top:.15rem}.auth-form-error{margin:0;padding:.6rem .85rem;background:#dc50501a;border:1px solid rgba(220,80,80,.35);border-radius:8px;color:#ffb5b5;font-size:.85rem;text-align:center}.auth-forgot-link{background:none;border:none;color:var(--text-muted);font-family:inherit;font-size:.85rem;cursor:pointer;padding:.5rem;align-self:center;text-decoration:underline;text-underline-offset:2px;transition:color .15s}.auth-forgot-link:hover{color:var(--text)}.auth-confirm{text-align:center}.auth-confirm-title{margin:0;color:var(--heading);font-size:1.15rem}.auth-confirm-text{margin:0;color:var(--text);font-size:.95rem;line-height:1.5}.auth-confirm-text strong{color:var(--heading);word-break:break-all}.auth-confirm-muted{margin:0;color:var(--text-muted);font-size:.82rem;line-height:1.4}.auth-resend-ok{margin:0;padding:.6rem .85rem;background:#50c8781a;border:1px solid rgba(80,200,120,.35);border-radius:8px;color:#9be8b5;font-size:.85rem;text-align:center}.input:disabled{opacity:.6;cursor:not-allowed}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-primary:disabled:hover{background:var(--heading)}.settings-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:60;background:var(--bg);overflow-y:auto;padding-top:calc(44px + 2rem);padding-bottom:calc(env(safe-area-inset-bottom,0px) + 1rem)}.settings-overlay--opening{animation:settings-slide-up .25s ease-out}.settings-overlay--closing{animation:settings-slide-down .25s ease-in}@keyframes settings-slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes settings-slide-down{0%{transform:translateY(0)}to{transform:translateY(100%)}}.settings-page{max-width:720px;margin:0 auto;padding:0 1rem}.settings-page h2{font-size:1.4rem;margin:0 0 1rem;color:var(--heading);font-family:var(--font-display)}.settings-success-banner{background:#46c1791f;border:1px solid rgba(70,193,121,.35);color:#6cd698;border-radius:8px;padding:.75rem 1rem;font-size:.9rem;text-align:center;margin-bottom:1rem}.settings-user-header{display:flex;flex-direction:column;align-items:center;gap:.75rem;margin:1rem 0 2rem}.settings-avatar-large{width:80px;height:80px;border-radius:50%;background:var(--surface);border:1.5px solid rgba(255,255,255,.35);box-shadow:0 0 20px #fff3;color:var(--text-muted);display:inline-flex;align-items:center;justify-content:center}.settings-avatar-large svg{width:44px;height:44px;display:block}.avatar-initial-large{font-family:var(--font-display);font-size:2.25rem;font-weight:700;color:var(--text);line-height:1}.avatar-initial-small{font-family:var(--font-display);font-size:1rem;font-weight:700;color:var(--text);line-height:1}.settings-username-button{background:none;border:none;padding:.4rem .5rem;cursor:pointer;display:inline-flex;align-items:center;gap:.5rem;font-family:inherit;border-radius:6px;transition:background .15s}.settings-username-button:hover{background:var(--surface-2)}.settings-username-button:hover .settings-username-edit{color:var(--text)}.settings-username-button:focus-visible{outline:2px solid var(--text-muted);outline-offset:2px}.settings-username{font-size:1.1rem;font-weight:500;color:var(--text)}.settings-username--placeholder{color:var(--text-muted)}.settings-username-edit{background:none;border:none;padding:.25rem;color:var(--text-muted);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:color .15s}.settings-username-edit:hover{color:var(--text)}.settings-username-edit svg{width:16px;height:16px;display:block}.settings-section{margin-bottom:1.75rem}.settings-section-title{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;font-weight:600;color:var(--text-muted);margin:0 0 .6rem .25rem}.settings-list{background:var(--surface);border:1px solid var(--border);border-radius:10px;overflow:hidden}.settings-item{width:100%;display:flex;align-items:center;justify-content:space-between;gap:.5rem;background:transparent;border:none;border-bottom:1px solid var(--border);color:var(--text);font-family:inherit;font-size:.95rem;padding:.9rem 1rem;cursor:pointer;text-align:left;transition:background .15s}.settings-item:last-child{border-bottom:none}.settings-item:hover{background:var(--surface-2)}.settings-item:active{background:#ffffff0a}.settings-item-label{flex:1}.settings-item-value{color:var(--text-muted);font-size:.9rem;font-variant-numeric:tabular-nums}.settings-item-chevron{display:inline-flex;color:var(--text-muted)}.settings-item-chevron svg{width:16px;height:16px;display:block}.settings-logout-button{width:100%;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;background:transparent;color:#ff8a8a;border:1px solid rgba(220,80,80,.4);border-radius:8px;padding:.85rem;font-family:inherit;font-size:1rem;font-weight:500;cursor:pointer;margin-top:2.5rem;transition:background .15s,border-color .15s,transform .1s}.settings-logout-button:hover{background:#dc505014;border-color:#dc505099}.settings-logout-button:active{transform:scale(.99)}.settings-logout-button svg{width:18px;height:18px;display:block}@media(min-width:640px){#app{padding:2rem;padding-bottom:calc(64px + env(safe-area-inset-bottom,0px) + 2rem)}header h1.logo img{height:64px}.settings-overlay{padding-top:calc(64px + 4rem)}.sub-tab{font-size:1rem}.summary-bar{padding:1rem .75rem}.summary-label{font-size:.75rem}.summary-value{font-size:1.25rem}}