*{box-sizing:border-box}html,body{color:#111;background:#f7f7f8;margin:0;padding:0;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}.app-shell{background:#f7f7f8;min-height:100vh}.app-main{padding:20px 16px 96px}.screen{max-width:640px;margin:0 auto}.screen h1{margin:0 0 8px;font-size:28px}.screen p{margin:0 0 16px;line-height:1.5}.card{background:#fff;border-radius:16px;margin-top:16px;padding:16px;box-shadow:0 1px 8px #0000000f}.card h2{margin:0 0 8px;font-size:18px}.bottom-nav{max-width:640px;padding:12px 10px calc(12px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff2;border-top:1px solid #e8e8e8;grid-template-columns:repeat(5,1fr);gap:8px;margin:0 auto;display:grid;position:fixed;bottom:0;left:0;right:0}.bottom-nav__item{color:#666;border-radius:12px;justify-content:center;align-items:center;min-height:44px;font-size:13px;display:flex}.bottom-nav__item--active{color:#fff;background:#111;font-weight:600}.auth-screen{padding:24px 16px}.auth-form{flex-direction:column;display:flex}.auth-form__label{color:#666;margin-bottom:8px;font-size:13px;display:block}.auth-form__input{background:#fff;border:1px solid #e8e8e8;border-radius:12px;width:100%;padding:12px;font-size:15px}.auth-form__input:disabled{opacity:.7}.auth-form__button{color:#fff;background:#111;border:0;border-radius:12px;width:100%;margin-top:14px;padding:12px 14px;font-size:15px;font-weight:600}.auth-form__button:disabled{opacity:.6}.auth-form__message{color:#666;margin-top:14px;font-size:13px}.auth-form__message--error{color:#b00020}.auth-form__message--success{color:#0a7a35}