.auth-screen{background-color:#f2f2f7;background:linear-gradient(135deg,#007aff,#5856d6);display:flex;flex-direction:column;min-height:100vh;padding:16px}.auth-content{display:flex;flex:1;flex-direction:column;margin:0 auto;max-width:400px;width:100%}.auth-header{margin-bottom:32px;text-align:center}.auth-header .welcome-illustration{margin-bottom:24px}.auth-header .welcome-icon{animation:welcomeBounce 2s infinite;display:block;font-size:64px}.auth-header .welcome-text h1{color:#fff;font-size:24px;font-weight:700;margin-bottom:4px}.auth-header .welcome-text p{color:hsla(0,0%,100%,.9);font-size:16px}.form-container{background:#fff;border-radius:16px;margin-bottom:32px;padding:24px}.form-group{margin-bottom:16px}.form-group label{display:block;font-size:14px;font-weight:600;margin-bottom:4px}.form-input{border:1px solid #c7c7cc;border-radius:8px;font-size:16px;padding:8px 16px;transition:all .2s ease;width:100%}.form-input:focus{border-color:#007aff;box-shadow:0 0 0 3px rgba(0,122,255,.1);outline:none}.form-input.error{border-color:red;box-shadow:0 0 0 3px rgba(255,0,0,.1)}.password-input-container{position:relative}.password-input-container .password-toggle{background:none;border:none;color:#8e8e93;cursor:pointer;padding:4px;position:absolute;right:8px;top:50%;transform:translateY(-50%)}.password-input-container .password-toggle:hover{color:#000}.form-error{color:red;font-size:14px;margin-top:4px}.checkbox-label{align-items:flex-start;cursor:pointer;display:flex;gap:8px}.checkbox-label input[type=checkbox]{margin-top:2px}.checkbox-label .checkbox-text{color:#000;font-size:14px}.auth-actions{margin-top:24px}.auth-actions .primary-button{margin-bottom:16px;width:100%}.auth-prompt{color:#8e8e93;font-size:14px;text-align:center}.auth-prompt .link-button{color:#007aff;font-weight:600;text-decoration:none}.auth-prompt .link-button:hover{text-decoration:underline}@keyframes welcomeBounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-20px)}60%{transform:translateY(-10px)}}.app{overflow:hidden}.app-content{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch}.phone-frame-container{align-items:center;background-color:#f0f0f0;box-sizing:border-box;display:flex;justify-content:center;min-height:100vh;padding:40px;width:100%}@media(max-width:1024px){.phone-frame-container{background-color:#fff;padding:0}}.phone-frame{background-color:#fff;border:14px solid #1a1a1a;border-radius:44px;box-shadow:0 20px 40px rgba(0,0,0,.1);display:flex;flex-direction:column;height:844px;max-height:calc(100vh - 80px);overflow:hidden;position:relative;transition:all .3s ease;width:390px}@media(max-width:1024px){.phone-frame{border:none;border-radius:0;box-shadow:none;height:100vh;max-height:none;width:100%}}.phone-notch{background-color:#000;border-bottom-left-radius:18px;border-bottom-right-radius:18px;height:34px;left:50%;position:absolute;top:0;transform:translateX(-75px);width:150px;z-index:10}@media(max-width:1024px){.phone-notch{display:none}}.phone-content{background-color:#fff;display:flex;flex:1;flex-direction:column;height:calc(100% - 39px);margin-top:34px;overflow:hidden;position:relative}@media(max-width:1024px){.phone-content{height:100%;margin-top:0}}.phone-content .app{display:flex;flex:1;flex-direction:column;min-height:0;overflow:visible}.phone-content .app-content{flex:1;overflow-y:auto;padding-bottom:env(safe-area-inset-bottom);position:relative}.phone-content .screen{background-color:#f5f5f5;display:flex;flex:1;flex-direction:column;min-height:0;overflow:hidden}.phone-content .screen .scrollContent{align-items:center;display:flex;flex:1;justify-content:center;padding:20px}.phone-home-indicator{background-color:#000;border-radius:3px;bottom:8px;height:5px;left:50%;pointer-events:none;position:absolute;transform:translateX(-60px);width:120px;z-index:10}@media(max-width:1024px){.phone-home-indicator{display:none}}@media(min-height:1000px)and (min-width:1024px){.phone-frame{transform:scale(1.1)}}@media(max-height:900px)and (min-width:1024px){.phone-frame{transform:scale(.9)}}*{box-sizing:border-box;margin:0;padding:0}body,html{height:100%;overflow:hidden;width:100%}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f2f2f7;color:#000}#root,.app{height:100%}.app{display:flex;flex-direction:column;position:relative}.screen{flex:1;overflow-y:auto;padding:16px 16px 80px}.screen .screen-header{margin-bottom:24px}.screen .screen-header h1{font-size:24px;font-weight:700;line-height:1.2}.screen .screen-content{font-size:16px;line-height:1.5}.bottom-nav{background:#fff;border-top:1px solid #c7c7cc;bottom:0;height:64px;justify-content:space-around;left:0;position:fixed;right:0;z-index:1000}.bottom-nav,.bottom-nav .nav-tab{align-items:center;display:flex;padding:4px}.bottom-nav .nav-tab{background:none;border:none;color:#8e8e93;cursor:pointer;flex-direction:column;justify-content:center}.bottom-nav .nav-tab.active{color:#007aff}.bottom-nav .nav-tab .nav-icon{font-size:20px;margin-bottom:4px}.bottom-nav .nav-tab .nav-label{font-size:12px}