html,body,#root{margin:0;min-width:320px;min-height:100%}body{min-height:100vh;background:#2a241e}button,input,textarea,select{font:inherit}*{box-sizing:border-box}body{overscroll-behavior:none}button,input,textarea,select{-webkit-tap-highlight-color:transparent}button{touch-action:manipulation}input:not([type=checkbox]):not([type=range]),textarea,select{min-width:0;max-width:100%;font-size:16px!important;min-height:44px}textarea{resize:vertical}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #A97843;outline-offset:3px}img{max-width:100%}.app-shell{padding:16px!important}.app-frame{width:100%;max-width:1120px!important;height:calc(100dvh - 32px)!important;border-radius:20px!important}.app-frame.is-onboarding{max-width:760px!important}.screen-viewport,.auth-screen,.log-flow{min-height:0;min-width:0}.screen-viewport{overscroll-behavior-y:contain;padding-bottom:calc(88px + env(safe-area-inset-bottom))!important}.app-shell[data-stage=log] .screen-viewport{padding-bottom:0!important;overflow:hidden!important}.auth-screen{display:flex;flex-direction:column;height:100%;overflow:hidden}.auth-fields{flex:1;min-height:0;width:100%;max-width:560px;margin:0 auto;overflow-y:auto;padding:24px!important}.auth-fields p{line-height:1.6}.auth-screen>div:last-child:not(.auth-fields):not(.account-fields){flex-shrink:0}.auth-screen>div:last-child>button{max-width:512px;display:block;margin:0 auto}.text-button{min-height:44px;display:block;margin:12px auto;padding:8px 12px;border:0;border-radius:8px;background:transparent;color:#765338;cursor:pointer;font-size:15px;text-decoration:underline;text-underline-offset:4px}.form-error{color:#8a4037;background:#f6e8e5;padding:12px;border-radius:10px}.log-fields{width:100%;max-width:840px;margin:0 auto;min-height:0}.log-flow>div:last-child{padding-bottom:max(20px,env(safe-area-inset-bottom))!important;flex-shrink:0}.log-flow>div:last-child>button{max-width:792px;margin:0 auto;display:block}.pairing-fields{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px}.pairing-fields>*{min-width:0}.brand-suggestions{display:flex;flex-wrap:wrap;gap:8px;margin:-4px 0 16px}.brand-suggestions button{min-height:44px;border:1px solid #D8C7AD;border-radius:10px;background:#f7f1e6;padding:8px 14px;color:#765338;font-size:14px;cursor:pointer}.bottom-nav{min-height:76px;padding-bottom:max(12px,env(safe-area-inset-bottom))!important}.bottom-nav button{min-height:48px;min-width:0}.responsive-card-grid>*{min-width:0;overflow-wrap:anywhere}@media(min-width:768px){.responsive-card-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px!important}.account-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px;align-content:start}.account-fields>div:not(:has(input,select)),.account-fields>div:first-child,.account-fields>label:has(input[type=checkbox]){grid-column:1 / -1}.bottom-nav button{display:flex;flex-direction:row!important;align-items:center;justify-content:center;gap:10px!important}.bottom-nav button>div{margin-top:0!important}.bottom-nav button>span{font-size:14px!important}.app-shell[data-stage=entry] .screen-viewport>div,.app-shell[data-stage=profile] .screen-viewport>div,.app-shell[data-stage=dna] .screen-viewport>div{max-width:840px;width:100%;margin:0 auto}}@media(max-width:600px){.app-shell{padding:0!important}.app-frame,.app-frame.is-onboarding{max-width:none!important;height:100dvh!important;border:0!important;border-radius:0!important;padding-top:env(safe-area-inset-top)}.app-brand{display:none}.pairing-fields{grid-template-columns:minmax(0,1fr);gap:0}}@media(max-width:360px){.log-fields,.auth-fields,.account-fields{padding-left:16px!important;padding-right:16px!important}.bottom-nav button>div{font-size:10px!important}}