@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";.onboarding{height:100%;padding:28px 20px calc(24px + var(--safe-bottom));z-index:1;flex-direction:column;display:flex;position:relative}.onb-progress{justify-content:center;gap:6px;margin-bottom:32px;display:flex}.onb-dot{border-radius:var(--radius-pill);background:var(--bg-surface-raised);width:26px;height:4px;transition:background var(--dur-med) var(--ease-out)}.onb-dot.active{background:var(--accent-gradient);box-shadow:0 0 8px #ff8f1280}.onb-step{animation:fadeUp var(--dur-med) var(--ease-out) both;flex-direction:column;flex:1;gap:16px;display:flex}.onb-step h1{font-size:28px;font-weight:700}.onb-hint{color:var(--text-secondary);font-size:14px;line-height:1.5}.onb-error{color:var(--danger);font-size:14px}.onb-step .btn-primary{margin-top:auto}.onb-step .btn-primary+.btn-secondary{margin-top:0}.photo-slots{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.photo-slot{aspect-ratio:3/4;border-radius:var(--radius-card);background:var(--bg-surface);border:1.5px dashed var(--hairline-strong);color:var(--text-muted);transition:border-color var(--dur-fast) var(--ease-out), background var(--dur-fast) var(--ease-out);font-size:30px;font-weight:300;position:relative;overflow:hidden}.photo-slot:active{border-color:var(--accent);background:var(--accent-soft)}.photo-slot.filled{border-style:solid;border-color:var(--accent);box-shadow:var(--accent-glow)}.photo-slot img{object-fit:cover;width:100%;height:100%}.photo-remove{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;background:#000000a6;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;padding:9px;font-size:12px;display:flex;position:absolute;top:0;right:0}.hub-list{flex-direction:column;gap:8px;display:flex;overflow-y:auto}.hub-item{text-align:left;background:var(--bg-surface);border:1px solid var(--hairline);border-radius:var(--radius-button);transition:border-color var(--dur-fast) var(--ease-out), background var(--dur-fast) var(--ease-out);padding:15px 16px;font-size:16px;font-weight:500}.hub-item:active{background:var(--accent-soft)}.hub-item.selected{border-color:var(--accent);background:var(--accent-soft)}.hub-other{flex-direction:column;gap:10px;display:flex}.hub-other .btn-primary{margin-top:0}.onb-gps{text-align:center;justify-content:center;align-items:center}.onb-gps .btn-primary{margin-top:28px}.gps-icon{background:var(--accent-soft);border:1px solid var(--hairline);width:96px;height:96px;color:var(--accent);box-shadow:var(--accent-glow);animation:pulse 2.6s var(--ease-out) infinite;border-radius:50%;justify-content:center;align-items:center;display:flex}@keyframes pulse{0%,to{box-shadow:0 0 #ff8f1259}50%{box-shadow:0 0 0 18px #ff8f1200}}.profile{z-index:1;animation:fadeUp var(--dur-med) var(--ease-out) both;flex-direction:column;align-items:center;gap:16px;padding:28px 20px;display:flex;position:relative}.profile-avatar{background:var(--bg-surface-raised);width:104px;height:104px;color:var(--accent);border:2px solid var(--accent);box-shadow:var(--accent-glow);border-radius:50%;justify-content:center;align-items:center;font-size:40px;font-weight:700;display:flex;overflow:hidden}.profile-avatar img{object-fit:cover;width:100%;height:100%}.profile h1{font-size:24px;font-weight:700}.profile-row{background:var(--bg-surface);border:1px solid var(--hairline);border-radius:var(--radius-button);justify-content:space-between;align-items:center;width:100%;padding:15px 16px;font-size:15px;display:flex}.profile-row span{color:var(--text-secondary)}.lang-toggle{background:var(--bg-surface-raised);border-radius:var(--radius-pill);gap:4px;padding:3px;display:flex}.lang-toggle button{border-radius:var(--radius-pill);color:var(--text-muted);padding:12px 18px;font-size:13px;font-weight:600}.lang-toggle button.active{background:var(--accent-gradient);color:#fff;box-shadow:0 2px 8px #ff8f1266}:root{--color-orange-500:#ffa746;--color-orange-600:#ff8f12;--color-orange-700:#ff7805;--color-gray-0:#fff;--color-gray-100:#ebebeb;--color-gray-200:#afafaf;--color-gray-300:#777;--color-gray-400:#4c4c4c;--color-gray-500:#373737;--color-gray-600:#282828;--color-gray-700:#0a0a0a;--bg-deep:#101012;--bg-app:#161616;--bg-gradient:linear-gradient(180deg, #1d1d20 0%, #131314 100%);--bg-surface:#ffffff0d;--bg-surface-raised:#ffffff14;--bg-solid:#232326;--glass-bg:#161618b8;--glass-blur:saturate(160%) blur(18px);--hairline:#ffffff14;--hairline-strong:#ffffff24;--text-primary:#f2f2f3;--text-secondary:#b9b9be;--text-muted:#7c7c82;--accent:var(--color-orange-600);--accent-soft:#ff8f1224;--accent-gradient:linear-gradient(135deg, #ffa746 0%, #ff8f12 55%, #ff7805 100%);--accent-glow:0 4px 24px #ff8f1259;--accent-glow-strong:0 6px 32px #ff8f1280;--online:#4cd964;--danger:#ff5c5c;--radius-card:20px;--radius-button:14px;--radius-pill:999px;--ease-out:cubic-bezier(.16, 1, .3, 1);--dur-fast:.16s;--dur-med:.26s;--tabbar-height:60px;--safe-bottom:env(safe-area-inset-bottom,0px);--shadow-card:0 8px 32px #00000073}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html,body{background:var(--bg-deep);color:var(--text-primary);overscroll-behavior:none;height:100%;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}body{background:var(--bg-gradient);background-attachment:fixed}#root{height:100%}h1,h2,h3{letter-spacing:-.02em}button{cursor:pointer;color:inherit;transition:transform var(--dur-fast) var(--ease-out), opacity var(--dur-fast) var(--ease-out);background:0 0;border:none;font-family:inherit}button:active{transform:scale(.97)}input,textarea,select{background:var(--bg-surface);color:var(--text-primary);border:1px solid var(--hairline);border-radius:var(--radius-button);width:100%;transition:border-color var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out);outline:none;padding:14px 16px;font-family:inherit;font-size:16px}input::placeholder,textarea::placeholder{color:var(--text-muted)}input:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.glass{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--hairline)}.btn-primary{background:var(--accent-gradient);color:#fff;border-radius:var(--radius-button);width:100%;box-shadow:var(--accent-glow);padding:15px;font-size:16px;font-weight:600;display:block}.btn-primary:disabled{background:var(--bg-surface-raised);color:var(--text-muted);box-shadow:none}.btn-secondary{width:100%;color:var(--text-secondary);padding:13px;font-size:15px;font-weight:500;display:block}.ambient{pointer-events:none;z-index:0;position:fixed;inset:0;overflow:hidden}.ambient span{filter:blur(60px);opacity:.1;will-change:transform;border-radius:50%;width:42vh;height:42vh;position:absolute}.ambient span:first-child{background:var(--color-orange-600);animation:26s ease-in-out infinite alternate drift1;top:-12vh;right:-14vh}.ambient span:nth-child(2){opacity:.07;background:#ff5e3a;animation:32s ease-in-out infinite alternate drift2;bottom:-16vh;left:-16vh}@keyframes drift1{0%{transform:translate(0)scale(1)}to{transform:translate(-9vh,11vh)scale(1.15)}}@keyframes drift2{0%{transform:translate(0)scale(1)}to{transform:translate(10vh,-8vh)scale(1.1)}}@media (prefers-reduced-motion:reduce){.ambient span{animation:none}*{transition-duration:.01ms!important;animation-duration:.01ms!important}}.fade-up{animation:fadeUp var(--dur-med) var(--ease-out) both}@keyframes fadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.app{z-index:1;flex-direction:column;height:100%;display:flex;position:relative}.content{flex:1;overflow-y:auto}.tabbar{height:calc(var(--tabbar-height) + var(--safe-bottom));padding-bottom:var(--safe-bottom);border-bottom:none;border-left:none;border-right:none;display:flex}.tabbar a{color:var(--text-muted);transition:color var(--dur-fast) var(--ease-out);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;text-decoration:none;display:flex}.tabbar a span{letter-spacing:.01em;font-size:10px;font-weight:500}.tabbar a.active{color:var(--accent)}.tabbar a.active svg{filter:drop-shadow(0 0 8px #ff8f1299)}.stub{height:100%;color:var(--text-secondary);z-index:1;flex-direction:column;justify-content:center;align-items:center;gap:14px;display:flex;position:relative}.stub-logo{letter-spacing:.28em;background:var(--accent-gradient);color:#0000;filter:drop-shadow(0 0 24px #ff8f1259);-webkit-background-clip:text;background-clip:text;padding-left:.28em;font-size:34px;font-weight:800}
