.auth-page{position:fixed;top:0;right:0;bottom:0;left:0;overflow-y:auto;-webkit-overflow-scrolling:touch;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;background:#fff;transition:background .3s}body.dark-mode .auth-page{background:#000}.theme-toggle-btn{position:fixed;top:18px;right:18px;width:40px;height:40px;border-radius:50%;border:none;cursor:pointer;background:#0000000f;display:flex;align-items:center;justify-content:center;z-index:100;-webkit-tap-highlight-color:transparent;transition:background .2s}body.dark-mode .theme-toggle-btn{background:#ffffff1a}.theme-toggle-btn svg{width:20px;height:20px;color:#000}body.dark-mode .theme-toggle-btn svg{color:#fff}.auth-card{width:100%;max-width:390px;padding:32px 28px;animation:authIn .3s ease}@keyframes authIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.auth-title{font-size:1.75rem;font-weight:700;letter-spacing:-.02em;text-align:center;margin-bottom:5px;color:#000}body.dark-mode .auth-title{color:#fff}.auth-sub{text-align:center;margin-bottom:22px;font-size:.9rem;color:#00000080}body.dark-mode .auth-sub{color:#ffffff80}.auth-body{text-align:center;margin-bottom:14px;font-size:.9rem;color:#000000a6;line-height:1.55}body.dark-mode .auth-body{color:#ffffffa6}.mail-illustration{display:flex;justify-content:center;margin-bottom:16px}.mail-sent-img{width:140px;height:140px;object-fit:contain}.verify-status{display:flex;align-items:center;justify-content:center;gap:8px;font-size:13px;font-weight:500;color:#00000073;margin-bottom:14px;transition:color .4s ease}body.dark-mode .verify-status{color:#fff6}.verify-status--confirmed{color:#16a34a}body.dark-mode .verify-status--confirmed{color:#4ade80}.verify-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;background:currentColor;animation:verifyPulse 1.4s ease-in-out infinite;transition:background .4s}.verify-status--confirmed .verify-dot{animation:none;background:#16a34a}body.dark-mode .verify-status--confirmed .verify-dot{background:#4ade80}@keyframes verifyPulse{0%,to{opacity:.35;transform:scale(.8)}50%{opacity:1;transform:scale(1.15)}}.forgot-row{text-align:right;margin:4px 0 14px}.link-btn-sm{background:none;border:none;cursor:pointer;font-size:13px;color:#00000080;-webkit-tap-highlight-color:transparent}body.dark-mode .link-btn-sm{color:#ffffff80}.auth-divider{display:flex;align-items:center;gap:12px;margin:14px 0;color:#00000059;font-size:12px}body.dark-mode .auth-divider{color:#ffffff59}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:#0000001a}body.dark-mode .auth-divider:before,body.dark-mode .auth-divider:after{background:#ffffff1a}.btn-google{background:#fff!important;border:1.5px solid rgba(0,0,0,.14)!important;color:#3c4043!important;gap:10px;font-weight:500;transition:background .15s,box-shadow .15s}.btn-google:hover{background:#f8f8f8!important;box-shadow:0 1px 4px #0000001a}body.dark-mode .btn-google{background:#1e1e1e!important;border-color:#ffffff26!important;color:#e8eaed!important}body.dark-mode .btn-google:hover{background:#2a2a2a!important}.btn-outline{background:transparent;border:1.5px solid rgba(0,0,0,.18)!important;color:#000}body.dark-mode .btn-outline{border-color:#fff3!important;color:#fff}.btn-outline:disabled{opacity:.45;cursor:not-allowed}.auth-footer{text-align:center;margin-top:18px;padding-top:16px;border-top:1px solid rgba(0,0,0,.07)}body.dark-mode .auth-footer{border-top-color:#ffffff14}.link-btn{background:none;border:none;cursor:pointer;font-size:14px;color:#0009;-webkit-tap-highlight-color:transparent}body.dark-mode .link-btn{color:#fff9}.terms-hint{font-size:12px;color:#00000073;line-height:1.5;margin-bottom:14px;text-align:center}body.dark-mode .terms-hint{color:#fff6}.terms-link{color:#000;text-decoration:underline}body.dark-mode .terms-link{color:#fff}@media (max-width: 430px){.auth-card{padding:26px 18px}}.ob-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;background:#fff;transition:background .3s}body.dark-mode .ob-page{background:#000}.ob-card{width:100%;max-width:360px;padding:44px 28px;text-align:center;animation:obIn .35s ease}@keyframes obIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}.ob-card h1{font-size:1.9rem;font-weight:700;letter-spacing:-.02em;color:#000;margin-bottom:10px}body.dark-mode .ob-card h1{color:#fff}.ob-card p{font-size:.95rem;color:#0000008c;margin-bottom:28px;line-height:1.5}body.dark-mode .ob-card p{color:#ffffff8c}.ob-input{width:100%;padding:15px 18px;font-size:1.05rem;text-align:center;border-radius:14px;border:1.5px solid rgba(0,0,0,.1);background:#ffffffb3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#000;outline:none;margin-bottom:14px;transition:border-color .2s,box-shadow .2s;-webkit-tap-highlight-color:transparent}.ob-input:focus{border-color:#000;box-shadow:0 0 0 3px #00000014}body.dark-mode .ob-input{background:#ffffff0f;border-color:#ffffff1f;color:#fff}body.dark-mode .ob-input:focus{border-color:#ffffff80;box-shadow:0 0 0 3px #ffffff14}.ob-input::placeholder{color:#0000004d}body.dark-mode .ob-input::placeholder{color:#ffffff40}.ob-btn{width:100%;padding:15px;font-size:1rem;font-weight:600;background:#000;color:#fff;border:none;border-radius:50px;cursor:pointer;transition:opacity .2s,transform .15s;-webkit-tap-highlight-color:transparent}body.dark-mode .ob-btn{background:#fff;color:#000}.ob-btn:active{opacity:.75;transform:scale(.97)}.ob-btn:disabled{opacity:.35;cursor:not-allowed;transform:none}.ob-error{background:#dc262614;border:1px solid rgba(220,38,38,.2);color:#dc2626;border-radius:12px;padding:10px 14px;font-size:13px;margin-bottom:14px}.home-container{height:calc(100vh - 90px);display:flex;align-items:center;justify-content:center;padding:24px;text-align:center}.home-container h1{font-size:clamp(1.8rem,5vw,3rem);font-weight:700;letter-spacing:-.03em;color:#111}body.dark-mode .home-container h1{color:#f5f5f5}.sett-page{height:100vh;display:flex;flex-direction:column;background:#f2f2f7;transition:background .3s;overflow:hidden}body.dark-mode .sett-page{background:#111}.sett-header{display:flex;align-items:center;justify-content:space-between;padding:52px 20px 12px;flex-shrink:0}.sett-header h1{font-size:1.2rem;font-weight:700;color:#000}body.dark-mode .sett-header h1{color:#fff}.sett-back{display:flex;align-items:center;gap:4px;background:none;border:none;cursor:pointer;font-size:15px;font-weight:600;color:#000;-webkit-tap-highlight-color:transparent;padding:6px 0;min-width:60px}body.dark-mode .sett-back{color:#fff}.sett-back svg{width:18px;height:18px}.sett-scroll{flex:1;overflow-y:auto;padding:4px 16px 0;-webkit-overflow-scrolling:touch}.sett-section-lbl{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:#0006;padding:16px 4px 6px}body.dark-mode .sett-section-lbl{color:#fff6}.sett-card{border-radius:16px;overflow:hidden;padding:0;background:#ffffffb3!important}body.dark-mode .sett-card{background:#ffffff12!important}.sett-row{display:flex;align-items:center;gap:12px;padding:11px 14px;min-height:52px}.sett-icon{width:30px;height:30px;border-radius:8px;background:#00000012;flex-shrink:0;display:flex;align-items:center;justify-content:center}body.dark-mode .sett-icon{background:#ffffff1a}.sett-icon svg{width:15px;height:15px;color:#000}body.dark-mode .sett-icon svg{color:#fff}.sett-icon-danger{background:#dc26261a!important}.sett-icon-danger svg{color:#dc2626!important}body.dark-mode .sett-icon-danger{background:#dc262626!important}.sett-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.sett-lbl{font-size:14px;font-weight:500;color:#000}body.dark-mode .sett-lbl{color:#fff}.sett-desc{font-size:12px;color:#00000073;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}body.dark-mode .sett-desc{color:#fff6}.sett-divider{height:1px;background:#0000000f;margin:0 14px}body.dark-mode .sett-divider{background:#ffffff12}.sett-pill{background:#00000012;border:none;border-radius:20px;padding:6px 13px;font-size:13px;font-weight:500;color:#000;cursor:pointer;flex-shrink:0;-webkit-tap-highlight-color:transparent;transition:background .15s}body.dark-mode .sett-pill{background:#ffffff1a;color:#fff}.sett-pill:active{background:#00000024}body.dark-mode .sett-pill:active{background:#ffffff2e}.sett-pill-danger{background:#dc26261a!important;color:#dc2626!important}.sett-pill-danger:active{background:#dc26262e!important}.seg{display:flex;background:#00000012;border-radius:8px;padding:2px;gap:2px;flex-shrink:0}body.dark-mode .seg{background:#ffffff1a}.seg-btn{background:transparent;border:none;cursor:pointer;padding:5px 10px;border-radius:6px;font-size:12px;font-weight:500;color:#00000080;-webkit-tap-highlight-color:transparent;transition:all .15s;white-space:nowrap}body.dark-mode .seg-btn{color:#ffffff80}.seg-btn.seg-on{background:#fff;color:#000;box-shadow:0 1px 3px #0000001f}body.dark-mode .seg-btn.seg-on{background:#ffffff2e;color:#fff}.sett-expand{padding:14px 14px 16px;background:#00000004;border-top:1px solid rgba(0,0,0,.05)}body.dark-mode .sett-expand{background:#ffffff05;border-top-color:#ffffff0f}.sett-expand .form-input{margin-bottom:0}.sett-row-btns{display:flex;gap:8px;margin-top:12px}.sett-row-btns .btn{flex:1;padding:10px 14px;font-size:14px}.sett-warn-icon{width:38px;height:38px;border-radius:50%;background:#dc26261a;display:flex;align-items:center;justify-content:center;margin-bottom:10px;color:#dc2626}.sett-warn-icon svg{width:18px;height:18px}.sett-expand-desc{font-size:13px;color:#0000008c;line-height:1.5;margin-bottom:14px}body.dark-mode .sett-expand-desc{color:#ffffff80}@media (max-width: 380px){.seg-btn{padding:5px 7px;font-size:11px}}.bottom-nav{position:fixed;bottom:16px;left:16px;right:16px;z-index:500;pointer-events:none}@media (orientation: landscape){.bottom-nav{left:50%;right:auto;transform:translate(-50%);width:240px}}.bottom-nav-inner{pointer-events:all;display:flex;align-items:center;justify-content:space-around;background:#ffffffd1;backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border:1px solid rgba(255,255,255,.5);border-radius:28px;padding:8px 16px;box-shadow:0 8px 32px #00000024,0 2px 8px #00000014,inset 0 1px #ffffffe6;padding-bottom:max(8px,env(safe-area-inset-bottom,8px))}body.dark-mode .bottom-nav-inner{background:#1c1c1ee0;border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #00000080,inset 0 1px #ffffff0f}.nav-btn{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;padding:7px 12px 5px;background:none;border:none;cursor:pointer;border-radius:18px;-webkit-tap-highlight-color:transparent;transition:background .15s;outline:none}.nav-btn:active{background:#0000000f}body.dark-mode .nav-btn:active{background:#ffffff14}.nav-icon-wrap{width:26px;height:26px;display:flex;align-items:center;justify-content:center;color:#00000059;transition:color .2s,transform .2s}body.dark-mode .nav-icon-wrap{color:#fff6}.nav-icon-wrap svg{width:22px;height:22px}.nav-active .nav-icon-wrap{color:#000;transform:scale(1.08)}body.dark-mode .nav-active .nav-icon-wrap{color:#fff}.nav-label{font-size:10px;font-weight:600;letter-spacing:.01em;color:#00000059;transition:color .2s}body.dark-mode .nav-label{color:#fff6}.nav-active .nav-label{color:#000}body.dark-mode .nav-active .nav-label{color:#fff}.btn{padding:12px 24px;border-radius:50px;font-size:15px;font-weight:600;cursor:pointer;transition:opacity .2s,transform .15s;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.btn:active{opacity:.75;transform:scale(.97)}.btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.btn-primary{background:#000;color:#fff}body.dark-mode .btn-primary{background:#fff;color:#000}.btn-secondary{background:transparent;color:#000;border:1.5px solid rgba(0,0,0,.18)}body.dark-mode .btn-secondary{color:#fff;border-color:#ffffff2e}.btn-danger{background:#dc2626;color:#fff}.btn-danger:active{opacity:.8}.btn-full{width:100%}.card{background:#fff9;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,255,255,.5);border-radius:20px;box-shadow:0 4px 24px #0000000f}body.dark-mode .card{background:#ffffff0f;border-color:#ffffff1a;box-shadow:0 4px 24px #0006}.form-group{margin-bottom:16px}.form-label{display:block;margin-bottom:6px;font-size:14px;font-weight:500;color:#000}body.dark-mode .form-label{color:#fff}.form-input{width:100%;padding:13px 16px;background:#ffffffb3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(0,0,0,.1);border-radius:12px;color:#000;font-size:15px;outline:none;transition:border-color .2s,box-shadow .2s;-webkit-tap-highlight-color:transparent}.form-input:focus{border-color:#000;box-shadow:0 0 0 3px #00000014}body.dark-mode .form-input{background:#ffffff0f;border-color:#ffffff1f;color:#fff}body.dark-mode .form-input:focus{border-color:#ffffff80;box-shadow:0 0 0 3px #ffffff14}.form-input::placeholder{color:#00000059}body.dark-mode .form-input::placeholder{color:#ffffff4d}.alert{padding:12px 16px;border-radius:12px;margin-bottom:16px;font-size:14px}.alert-error{background:#dc262614;border:1px solid rgba(220,38,38,.25);color:#dc2626}.alert-success{background:#22c55e14;border:1px solid rgba(34,197,94,.25);color:#16a34a}body.dark-mode .alert-success{color:#4ade80}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:#00000080;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:24px}.modal-card{width:100%;max-width:360px;padding:32px 28px;text-align:center;animation:fadeUp .25s ease}@keyframes fadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.modal-warning-icon{width:52px;height:52px;border-radius:50%;background:#dc26261f;display:flex;align-items:center;justify-content:center;margin:0 auto 18px}.modal-warning-icon svg{width:26px;height:26px;color:#dc2626}.modal-card h2{font-size:1.1rem;font-weight:700;margin-bottom:10px}.modal-card p{font-size:.9rem;color:#0009;margin-bottom:24px;line-height:1.5}body.dark-mode .modal-card p{color:#fff9}.modal-actions{display:flex;flex-direction:column;gap:10px}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{height:100%;overflow:hidden}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#fff;color:#000;transition:background .3s,color .3s}body.dark-mode{background:#000;color:#fff}#root{height:100%}.scroll-y{overflow-y:auto;-webkit-overflow-scrolling:touch}.loading-container{display:flex;align-items:center;justify-content:center;height:100%;min-height:100vh}.spinner{width:40px;height:40px;border:3px solid rgba(0,0,0,.1);border-top-color:#000;border-radius:50%;animation:spin .7s linear infinite}body.dark-mode .spinner{border-color:#ffffff1a;border-top-color:#fff}@keyframes spin{to{transform:rotate(360deg)}}