*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}::selection{background:var(--bg-inverse);color:var(--fg-accent)}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font);color:var(--fg-primary);background:var(--bg);background-image:var(--bg-grid);background-size:var(--bg-grid-size);line-height:1.5;min-height:100vh;min-height:100dvh;max-width:430px;margin:0 auto;position:relative;overflow-x:hidden;touch-action:manipulation;-webkit-tap-highlight-color:transparent;overscroll-behavior-y:contain}body::-webkit-scrollbar{display:none}body{-ms-overflow-style:none;scrollbar-width:none}a{color:inherit;text-decoration:none}button{border:none;background:none;font:inherit;color:inherit;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}input,select,textarea{font:inherit;color:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none}ul,ol{list-style:none}img{display:block;max-width:100%}@keyframes fade-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-in-right{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes modal-pop{0%{opacity:0;transform:translateY(20px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(1.4)}}@keyframes pulse-breathe{0%,to{opacity:1}50%{opacity:.4}}@keyframes spin{to{transform:rotate(360deg)}}.anim{animation:fade-up .6s cubic-bezier(.4,0,.2,1) both}.d1{animation-delay:.05s}.d2{animation-delay:.1s}.d3{animation-delay:.15s}.d4{animation-delay:.2s}.d5{animation-delay:.25s}.d6{animation-delay:.3s}.d7{animation-delay:.35s}.d8{animation-delay:.4s}.d9{animation-delay:.45s}.d10{animation-delay:.5s}:root{--bg: #FAFAFA;--bg-accent: #eefbb3;--bg-accent-hover: #e2f0a0;--bg-card: rgba(255,255,255,.7);--bg-card-solid: #FFFFFF;--bg-inverse: #0A0A0A;--bg-muted: #F0F0EE;--fg-accent: #eefbb3;--fg-inverse: #FFFFFF;--fg-muted: #999999;--fg-primary: #0a0a0a;--fg-secondary: #666666;--border: #E2E2E0;--border-light: rgba(0,0,0,.04);--success: #2D8B4E;--success-bg: #DFF0E4;--warning: #C48A1A;--warning-bg: #FFF3D6;--error: #D93C15;--error-bg: #FFE8E0;--info: #3B7DD8;--info-bg: #E0EDFF;--font: "Inter", system-ui, -apple-system, sans-serif;--radius: 24px;--radius-sm: 14px;--radius-lg: 28px;--radius-full: 9999px;--shadow: 0 4px 24px rgba(0,0,0,.05);--shadow-lg: 0 16px 48px rgba(0,0,0,.08);--space-xs: 4px;--space-sm: 8px;--space-md: 12px;--space-lg: 16px;--space-xl: 20px;--space-2xl: 24px;--space-3xl: 32px;--app-bottom-nav-height: 72px;--app-header-height: 56px;--safe-area-top: env(safe-area-inset-top, 0px);--safe-area-bottom: env(safe-area-inset-bottom, 0px);--safe-area-left: env(safe-area-inset-left, 0px);--safe-area-right: env(safe-area-inset-right, 0px);--bg-grid: linear-gradient(rgba(0,0,0,.015) 1px, transparent 1px), linear-gradient(90deg, rgba(0,0,0,.015) 1px, transparent 1px);--bg-grid-size: 12px 12px;--glass-bg: rgba(250,250,250,.8);--glass-blur: blur(16px);--glass-dark-bg: rgba(10,10,10,.92);--glass-dark-blur: blur(20px)}html.dark{--bg: #0F0F0F;--bg-accent: #eefbb3;--bg-accent-hover: #d8ec90;--bg-card: rgba(255,255,255,.05);--bg-card-solid: #1a1a1a;--bg-inverse: #0A0A0A;--bg-muted: #1a1a1a;--fg-accent: #eefbb3;--fg-inverse: #FFFFFF;--fg-muted: #555555;--fg-primary: #f0f0f0;--fg-secondary: #aaaaaa;--border: #2a2a2a;--border-light: rgba(255,255,255,.06);--success-bg: rgba(45,139,78,.15);--warning-bg: rgba(196,138,26,.15);--error-bg: rgba(217,60,21,.15);--info-bg: rgba(59,125,216,.15);--shadow: 0 2px 12px rgba(0,0,0,.3);--shadow-lg: 0 8px 32px rgba(0,0,0,.4);--glass-bg: rgba(15,15,15,.88);--bg-grid: none}.bottom-tabs{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:430px;display:flex;align-items:center;justify-content:space-around;height:var(--app-bottom-nav-height);padding:0 var(--space-sm) var(--space-sm);padding-bottom:calc(var(--space-sm) + var(--safe-area-bottom));z-index:50}.bottom-tabs__inner{display:flex;width:100%;background:var(--glass-dark-bg);backdrop-filter:var(--glass-dark-blur);-webkit-backdrop-filter:var(--glass-dark-blur);border-radius:var(--radius-lg);padding:var(--space-sm);box-shadow:0 0 0 1px #ffffff08,0 -4px 24px #00000026;border:1px solid rgba(255,255,255,.04);position:relative}.bottom-tabs__indicator{position:absolute;top:8px;bottom:8px;border-radius:14px;background:#eefbb31f;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(238,251,179,.08);transition:left .4s cubic-bezier(.34,1.56,.64,1),width .4s cubic-bezier(.34,1.56,.64,1);z-index:0;pointer-events:none;box-shadow:0 0 20px #eefbb30f}.bottom-tab{flex:1;display:flex;flex-direction:column;align-items:center;gap:var(--space-xs);padding:var(--space-sm) 0;border:none;background:none;color:#fff6;font-size:10px;font-weight:500;transition:color .3s cubic-bezier(.34,1.56,.64,1);border-radius:14px;position:relative;z-index:1;-webkit-tap-highlight-color:transparent;min-height:44px}.bottom-tab:active{transform:scale(.92)}.bottom-tab--active{color:var(--fg-accent)}.bottom-tab--active .bottom-tab__icon{transform:scale(1.15)}.bottom-tab__icon{display:flex;align-items:center;justify-content:center;width:22px;height:22px;transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.bottom-tab__label{font-size:10px;font-weight:500;line-height:1.2;white-space:nowrap}.mobile-shell{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh}.mobile-shell__header{position:sticky;top:0;z-index:40;display:flex;align-items:center;justify-content:space-between;height:var(--app-header-height);padding:var(--space-md) var(--space-xl);padding-top:calc(var(--space-md) + var(--safe-area-top));background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border-bottom:1px solid var(--border-light)}html.dark .mobile-shell__header{background:var(--glass-bg)}.mobile-shell__back{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-full);color:var(--fg-primary);-webkit-tap-highlight-color:transparent;flex-shrink:0;min-height:44px;min-width:44px;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.mobile-shell__back:active{background:var(--bg-muted);transform:scale(.92)}.mobile-shell__title{font-size:22px;font-weight:900;letter-spacing:-.8px;line-height:1.2;color:var(--fg-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-shell__actions{display:flex;gap:var(--space-sm)}.mobile-shell__action-btn{width:40px;height:40px;border-radius:50%;background:#0000000a;display:flex;align-items:center;justify-content:center;border:none;color:var(--fg-secondary);transition:all .3s cubic-bezier(.34,1.56,.64,1);min-height:44px;min-width:44px}.mobile-shell__action-btn:active{transform:scale(.92)}@media(hover:hover){.mobile-shell__action-btn:hover{background:var(--bg-muted)}}.mobile-shell__content{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding-bottom:calc(var(--app-bottom-nav-height) + var(--safe-area-bottom))}.login{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;background:var(--bg)}.login__progress{position:fixed;top:0;left:0;right:0;height:3px;background:var(--border-light);z-index:10}.login__progress-bar{height:100%;background:var(--bg-inverse);transition:width .4s cubic-bezier(.34,1.56,.64,1)}.login__content{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0 var(--space-2xl);max-width:400px;margin:0 auto;width:100%}.login__step-count{font-size:12px;font-weight:600;color:var(--fg-muted);margin-bottom:24px;letter-spacing:1px}.login__title{font-size:28px;font-weight:800;letter-spacing:-.5px;color:var(--fg-primary);text-align:center;margin-bottom:32px;min-height:40px;line-height:1.3}.login__cursor{color:var(--fg-accent);font-weight:300;margin-left:1px;transition:opacity .1s}.login__field{width:100%;margin-bottom:24px}.login__input{width:100%;height:56px;padding:0 20px;border-radius:var(--radius);background:var(--bg-card);border:2px solid var(--border-light);font-size:18px;font-weight:500;color:var(--fg-primary);outline:none;text-align:center;transition:border-color .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s cubic-bezier(.34,1.56,.64,1)}.login__input:focus{border-color:var(--bg-accent);box-shadow:0 0 0 4px #eefbb333}.login__input::placeholder{color:var(--fg-muted);font-weight:400}.login__select-group{display:flex;gap:10px;width:100%}.login__select-btn{flex:1;height:56px;border-radius:var(--radius);background:var(--bg-card);border:2px solid var(--border-light);font-size:15px;font-weight:600;color:var(--fg-secondary);cursor:pointer;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.login__select-btn--active{background:var(--bg-inverse);border-color:var(--bg-inverse);color:var(--fg-accent)}.login__select-btn:active{transform:scale(.97)}.login__toggle-btn{width:100%;height:56px;border-radius:var(--radius);background:var(--bg-card);border:2px solid var(--border-light);font-size:16px;font-weight:600;color:var(--fg-secondary);cursor:pointer;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.login__toggle-btn--active{background:var(--bg-inverse);border-color:var(--bg-inverse);color:var(--fg-accent)}.login__error{font-size:13px;color:var(--error);text-align:center;margin-bottom:16px}.login__actions{width:100%;display:flex;flex-direction:column;gap:12px;align-items:center}.login__btn{width:100%;height:56px;border-radius:var(--radius-full);background:var(--bg-inverse);color:var(--fg-accent);font-size:16px;font-weight:700;border:none;cursor:pointer;transition:all .3s cubic-bezier(.34,1.56,.64,1);box-shadow:0 4px 16px #00000026}.login__btn:active{transform:scale(.97)}.login__btn:disabled{opacity:.5}.login__skip{background:none;border:none;color:var(--fg-muted);font-size:14px;font-weight:500;cursor:pointer;padding:8px 16px}.login__skip:active{color:var(--fg-primary)}.login__back{background:none;border:none;color:var(--fg-muted);font-size:13px;cursor:pointer;padding:12px;margin-top:16px}.login__back:active{color:var(--fg-primary)}.login__choose{width:100%;display:flex;flex-direction:column;gap:12px;margin-top:8px}.login__choose-btn{width:100%;height:56px;border-radius:var(--radius-full);font-size:16px;font-weight:700;border:none;cursor:pointer;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.login__choose-btn:active{transform:scale(.97)}.login__choose-btn--primary{background:var(--bg-inverse);color:var(--fg-accent);box-shadow:0 4px 16px #00000026}.login__choose-btn--secondary{background:var(--bg-card);color:var(--fg-primary);border:1px solid var(--border-light)}