/* Unveil mobile: comfortable text, thumb-friendly actions, quiet surfaces. */
:root{--brand:#e50000;--brand2:#b80000;--app-bg:#f5f3f0;color-scheme:light}
html,body{background:#e8e4df;color:#201b19}.app-frame.mobile-canvas{background:#f5f3f0;min-height:100dvh;padding-bottom:calc(104px + env(safe-area-inset-bottom,0px));box-shadow:0 0 60px #2b1c1010}.app-frame main{padding-left:18px;padding-right:18px}.mobile-header{background:radial-gradient(ellipse at 110% 0%,#722b24,transparent 60%),#211e1c;min-height:210px;border-radius:0 0 28px 28px;box-shadow:none;padding-left:22px;padding-right:22px}.header-orb-two{background:#ffffff08}.eyebrow-light,.header-label{color:#d3c6bf;font-size:11px;letter-spacing:.1em}.header-icon,.header-avatar{height:44px;width:44px;border-radius:14px}.mobile-header h1{font-size:20px;line-height:1.25}.bottom-nav{border-radius:22px 22px 0 0!important;padding:8px 12px calc(8px + env(safe-area-inset-bottom,0px));background:#fffffff5;border:1px solid #e8e1db;box-shadow:0 -8px 30px #2c22100a}.nav-item{min-height:52px;font-size:11px;gap:5px}.nav-symbol{width:40px;height:28px}.nav-item.active .nav-symbol{background:#fce9e6;color:#b60000}.nav-item.active{color:#b60000}
.surface-card,.profile-card,.menu-list,.service-card,.report-card{border-color:#e8e2dc!important;border-radius:22px!important;box-shadow:0 4px 14px #31221704!important}.surface-card{padding:22px}.section-kicker{font-size:11px!important;letter-spacing:.12em!important;color:#9a3329}.surface-card h2,.subscription-hero h2{font-size:26px;line-height:1.15;font-weight:800;letter-spacing:-.035em;margin:8px 0 14px}.surface-card p,.subscription-hero p{font-size:14px;line-height:1.65}.profile-detail strong{overflow-wrap:anywhere}.profile-detail span,.menu-list small,.update-row small,.status-pill{font-size:12px!important;line-height:1.5}.menu-list button{min-height:72px;padding:16px!important}.menu-list strong{font-size:15px!important}.btn-brand,.btn-soft,.logout-button{min-height:48px;border-radius:14px;font-size:14px;line-height:1.4}.btn-brand{background:#df140d;box-shadow:none}.btn-soft{border-color:#ded6cf;color:#352d28}.app-input{min-height:52px;border-radius:14px;font-size:16px!important;border-color:#ded6cf;background:#fff}.app-label{font-size:12px;line-height:1.5;color:#64574f}.app-input:focus{outline:2px solid #e5000026}.status-pill{letter-spacing:.025em}.screen small{overflow-wrap:anywhere}.screen [class*="text-[8px]"],.screen [class*="text-[9px]"],.screen [class*="text-[10px]"]{font-size:12px!important}.screen .text-xs{font-size:13px;line-height:1.5}.screen .text-sm{font-size:14px;line-height:1.6}.modal-sheet{background:#faf8f5;border-radius:28px 28px 0 0}.modal-sheet input,.modal-sheet select{font-size:16px!important}.toast{font-size:14px;line-height:1.5}.subscription-hero{background:#211e1c;color:#fff;border-radius:22px;padding:26px}.subscription-hero .section-kicker{color:#ffb9ae}.subscription-plan ul{margin:18px 0;padding:0;list-style:none}.subscription-plan li{font-size:14px;padding:6px 0;line-height:1.5}.subscription-order{padding:20px 0;border-bottom:1px solid #e8e2dc}.subscription-order:last-child{border-bottom:0}.subscription-order small{display:block;font-size:11px;color:#71645c}.subscription-order .btn-brand{display:inline-flex}.subscription-order a{max-width:100%;text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid #e50000;outline-offset:3px}
@media(max-width:360px){.app-frame main{padding-left:12px;padding-right:12px}.surface-card{padding:18px}.mobile-header{padding-left:16px;padding-right:16px}.mobile-header h1{font-size:17px}.nav-item{font-size:10px}.screen .grid-cols-2{gap:10px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}