@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700;800&family=DM+Sans:wght@400;500;600&display=swap";:root{--color-bg: #0D0D0D;--color-surface: #1A1A1A;--color-card: #222222;--color-border: #333333;--color-cyan: #00F5D4;--color-pink: #FF2D78;--color-yellow: #FFE600;--color-orange: #FF6B00;--color-purple: #9B5DE5;--color-green: #00BB77;--color-white: #F0F0F0;--border-0: var(--color-cyan);--border-1: var(--color-pink);--border-2: var(--color-yellow);--border-3: var(--color-orange);--border-4: var(--color-purple);--border-5: var(--color-green);--font-heading: "Space Grotesk", sans-serif;--font-body: "DM Sans", sans-serif;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--brutal-border: 3px solid;--brutal-shadow-sm: 3px 3px 0px;--brutal-shadow-md: 4px 4px 0px;--brutal-shadow-lg: 6px 6px 0px;--brutal-radius: 0px;--nav-height: 64px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;width:100%}body{font-family:var(--font-body);background-color:var(--color-bg);color:var(--color-white);overscroll-behavior:none;-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:var(--color-surface)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:2px}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;line-height:1.1;letter-spacing:-.02em}.text-caps{text-transform:uppercase;letter-spacing:.08em}.brutal-box{border:var(--brutal-border) var(--color-border);box-shadow:var(--brutal-shadow-md) var(--color-border);border-radius:var(--brutal-radius)}.brutal-box-cyan{border-color:var(--color-cyan);box-shadow:var(--brutal-shadow-md) var(--color-cyan)}.brutal-box-pink{border-color:var(--color-pink);box-shadow:var(--brutal-shadow-md) var(--color-pink)}.brutal-box-yellow{border-color:var(--color-yellow);box-shadow:var(--brutal-shadow-md) var(--color-yellow)}.brutal-box-orange{border-color:var(--color-orange);box-shadow:var(--brutal-shadow-md) var(--color-orange)}.brutal-box-purple{border-color:var(--color-purple);box-shadow:var(--brutal-shadow-md) var(--color-purple)}.brutal-box-green{border-color:var(--color-green);box-shadow:var(--brutal-shadow-md) var(--color-green)}.btn{font-family:var(--font-heading);font-weight:700;font-size:14px;text-transform:uppercase;letter-spacing:.08em;border:3px solid;border-radius:0;padding:12px 20px;cursor:pointer;transition:transform .1s,box-shadow .1s;display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap;text-decoration:none}.btn:active{transform:translate(3px,3px);box-shadow:1px 1px!important}.btn-cyan{background:var(--color-cyan);color:#000;border-color:var(--color-cyan);box-shadow:4px 4px 0 var(--color-cyan)}.btn-pink{background:var(--color-pink);color:#fff;border-color:var(--color-pink);box-shadow:4px 4px 0 var(--color-pink)}.btn-yellow{background:var(--color-yellow);color:#000;border-color:var(--color-yellow);box-shadow:4px 4px 0 var(--color-yellow)}.btn-orange{background:var(--color-orange);color:#fff;border-color:var(--color-orange);box-shadow:4px 4px 0 var(--color-orange)}.btn-purple{background:var(--color-purple);color:#fff;border-color:var(--color-purple);box-shadow:4px 4px 0 var(--color-purple)}.btn-outline{background:transparent;color:var(--color-white);border-color:var(--color-border);box-shadow:4px 4px 0 var(--color-border)}.btn-full{width:100%}.btn-sm{padding:8px 14px;font-size:12px}.btn-lg{padding:16px 28px;font-size:16px}.badge{font-family:var(--font-heading);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;padding:2px 8px;border:2px solid;border-radius:0}.badge-hot{background:var(--color-pink);color:#fff;border-color:var(--color-pink)}.badge-new{background:var(--color-cyan);color:#000;border-color:var(--color-cyan)}.badge-vip{background:var(--color-yellow);color:#000;border-color:var(--color-yellow)}.badge-free{background:var(--color-green);color:#fff;border-color:var(--color-green)}.badge-locked{background:var(--color-orange);color:#fff;border-color:var(--color-orange)}.card{background:var(--color-card);border:3px solid var(--color-border);border-radius:0}.input{font-family:var(--font-body);font-size:14px;background:var(--color-surface);color:var(--color-white);border:3px solid var(--color-border);border-radius:0;padding:12px 16px;width:100%;outline:none;transition:border-color .15s,box-shadow .15s}.input:focus{border-color:var(--color-cyan);box-shadow:4px 4px 0 var(--color-cyan)}.input::placeholder{color:#555}.page{min-height:100dvh;padding-bottom:calc(var(--nav-height) + env(safe-area-inset-bottom));overflow-x:hidden}.container{max-width:600px;margin:0 auto;padding:0 16px}.scroll-row{display:flex;gap:12px;overflow-x:auto;padding-bottom:8px;scrollbar-width:none}.scroll-row::-webkit-scrollbar{display:none}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.divider{height:3px;background:var(--color-border);margin:16px 0}.section-title{font-family:var(--font-heading);font-size:18px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;margin-bottom:12px;display:flex;align-items:center;gap:8px}.section-title:before{content:"";display:block;width:4px;height:18px;background:var(--color-cyan)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:100;display:flex;align-items:flex-end;justify-content:center}.modal-sheet{background:var(--color-card);border:3px solid var(--color-orange);border-bottom:none;box-shadow:0 -6px 0 var(--color-orange);width:100%;max-width:600px;padding:24px 20px;animation:slideUp .25s ease-out}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.skeleton{background:linear-gradient(90deg,var(--color-surface) 25%,#2a2a2a 50%,var(--color-surface) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.spinner{width:32px;height:32px;border:3px solid var(--color-border);border-top-color:var(--color-cyan);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.fade-enter{opacity:0;transform:translateY(8px)}.fade-enter-active{transition:opacity .2s,transform .2s}.pb-safe{padding-bottom:env(safe-area-inset-bottom)}.onboarding-shell{min-height:100dvh;width:100%;background:linear-gradient(135deg,rgba(0,245,212,.12),transparent 34%),linear-gradient(315deg,rgba(255,45,120,.1),transparent 32%),var(--color-bg);display:flex;align-items:center;justify-content:center;padding:24px 16px}.onboarding-panel{width:min(100%,520px);background:var(--color-card);padding:24px}.onboarding-logo{font-family:var(--font-heading);font-size:28px;font-weight:800;color:var(--color-white);margin-bottom:24px}.onboarding-logo span{color:var(--color-cyan)}.onboarding-step{display:inline-flex;align-items:center;min-height:28px;padding:4px 10px;border:2px solid var(--color-yellow);background:var(--color-yellow);color:#000;font-family:var(--font-heading);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;margin-bottom:14px}.onboarding-panel h1{font-size:clamp(28px,7vw,42px);line-height:1;text-transform:uppercase;margin-bottom:12px}.onboarding-panel p{color:#b8b8b8;font-size:15px;line-height:1.5;margin-bottom:22px}.onboarding-actions{display:grid;gap:12px}.btn:disabled,.language-option:disabled{cursor:wait;opacity:.72}.language-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:18px}.language-option{min-height:58px;border:3px solid var(--color-border);background:var(--color-surface);color:var(--color-white);font-family:var(--font-body);display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px;text-align:left;cursor:pointer;transition:transform .1s,border-color .15s,box-shadow .15s}.language-option span{font-weight:700;font-size:14px;overflow-wrap:anywhere}.language-option strong{flex:0 0 auto;min-width:38px;text-align:center;font-family:var(--font-heading);font-size:11px;padding:5px 6px;border:2px solid var(--color-border);color:var(--color-cyan)}.language-option.is-selected,.language-option:focus-visible{outline:none;border-color:var(--color-cyan);box-shadow:4px 4px 0 var(--color-cyan)}.language-option:active{transform:translate(2px,2px)}.onboarding-error{margin:18px 0 0;padding:12px;border:2px solid var(--color-orange);color:var(--color-orange);background:#ff6b0014}@media (max-width: 380px){.language-grid{grid-template-columns:1fr}.onboarding-panel{padding:20px}}