:root{--cr-bg: #FFF7F0;--cr-surface: #FFFFFF;--cr-surface-warm: #FFF1DE;--cr-primary: #FFD166;--cr-coral: #FF9E7D;--cr-mint: #A8E6C1;--cr-blue-soft: #D7E7FF;--cr-lavender: #CBB7F6;--cr-text-primary: #14213D;--cr-text-secondary: #6B6875;--cr-border: #EEE2D5;--cr-success: #A8E6C1;--cr-warning: #FFD166;--cr-error: #B94D31;--cr-disabled: #EDE7DF;--radius-sm: 12px;--radius-md: 16px;--radius-lg: 20px;--radius-xl: 24px;--radius-pill: 999px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--shadow-card: 0 8px 24px rgba(20, 33, 61, .06);--shadow-active: 0 10px 28px rgba(255, 209, 102, .18);--font-main: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--tg-bg: var(--tg-theme-bg-color, #FFF7F0);--tg-text: var(--tg-theme-text-color, #14213D);--tg-hint: var(--tg-theme-hint-color, #6B6875)}[data-theme=dark]{--cr-bg: #14111F;--cr-surface: #201D2D;--cr-surface-warm: #2A2638;--cr-primary: #FFD166;--cr-coral: #FFB199;--cr-mint: #A8E6C1;--cr-blue-soft: #31415F;--cr-lavender: #CBB7F6;--cr-text-primary: #FDF7F2;--cr-text-secondary: #C9C0B8;--cr-border: #393344;--shadow-card: 0 8px 24px rgba(0, 0, 0, .22)}*,*:before,*:after{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;padding:0;background:var(--cr-bg);color:var(--cr-text-primary);font-family:var(--font-main);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}h1,h2,h3,h4{line-height:1.2}.app-shell{min-height:100vh;display:flex;flex-direction:column;background:var(--cr-bg)}.page-content{flex:1;padding:20px var(--space-4) calc(88px + env(safe-area-inset-bottom,0px));display:flex;flex-direction:column;gap:var(--space-6);max-width:480px;margin:0 auto;width:100%}.hero{display:grid;gap:14px}.eyebrow{margin:0;color:var(--cr-coral);font-size:.8rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase}h1{margin:0;font-size:clamp(2rem,8vw,2.8rem);font-weight:700;color:var(--cr-text-primary)}.subtitle{margin:0;font-size:1rem;color:var(--cr-text-secondary)}.note-card{padding:16px;border-radius:var(--radius-xl);background:var(--cr-surface);border:1px solid var(--cr-border);box-shadow:var(--shadow-card);color:var(--cr-text-secondary);font-size:.95rem;line-height:1.55}.login-btn{width:100%;height:54px;padding:0 24px;border-radius:18px;border:none;background:var(--cr-primary);color:var(--cr-text-primary);font-size:1rem;font-weight:650;font-family:var(--font-main);cursor:pointer;transition:opacity .2s ease,transform .15s ease;letter-spacing:.02em}.login-btn:hover:not(:disabled){opacity:.88;transform:translateY(-1px)}.login-btn:active:not(:disabled){transform:translateY(0)}.login-btn:disabled{opacity:.55;cursor:default;transform:none}.btn-secondary{padding:10px 16px;border-radius:var(--radius-md);border:1px solid var(--cr-border);background:var(--cr-surface-warm);color:var(--cr-text-primary);font-size:.9rem;font-weight:600;font-family:var(--font-main);cursor:pointer;transition:opacity .2s ease;min-height:44px}.btn-secondary:hover{opacity:.8}.auth-error{margin:0;padding:14px 16px;border-radius:var(--radius-md);background:#b94d3112;border:1px solid rgba(185,77,49,.2);color:var(--cr-error);font-size:.9rem;line-height:1.5}.screen-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.screen-title-lg{margin:0;font-size:1.5rem;font-weight:700;color:var(--cr-text-primary)}.screen-subtitle{margin:4px 0 0;font-size:.9rem;color:var(--cr-text-secondary)}.screen-title{margin:0 0 4px;font-size:1.4rem;font-weight:700;color:var(--cr-text-primary)}.balance-pill{flex-shrink:0;padding:8px 14px;border-radius:var(--radius-pill);background:var(--cr-primary);color:var(--cr-text-primary);font-size:.95rem;font-weight:700;white-space:nowrap}.profile-card{padding:20px;border-radius:var(--radius-xl);background:linear-gradient(160deg,var(--cr-surface-warm) 0%,var(--cr-surface) 100%);border:1px solid var(--cr-border);box-shadow:var(--shadow-card);display:grid;gap:14px}.profile-greeting{margin:0;font-size:1.35rem;font-weight:700;color:var(--cr-text-primary)}.profile-stats{display:grid;gap:8px}.profile-stat{display:flex;justify-content:space-between;align-items:center;font-size:.95rem}.profile-stat-label{color:var(--cr-text-secondary)}.profile-stat-value{font-weight:600;color:var(--cr-text-primary)}.profile-token-value{font-weight:700;color:var(--cr-text-primary)}.channel-badge{display:flex;align-items:center;gap:8px;padding:10px 14px;border-radius:var(--radius-md);background:#a8e6c147;border:1px solid rgba(168,230,193,.65);color:#2d7a50;font-size:.9rem;font-weight:500}.profile-role{margin:0;font-size:.8rem;color:var(--cr-text-secondary)}.pred-section{display:grid;gap:12px}.section-title{margin:0;font-size:1.05rem;font-weight:700;color:var(--cr-text-primary)}.pred-card{padding:16px;border-radius:var(--radius-xl);background:var(--cr-surface);border:1px solid var(--cr-border);box-shadow:var(--shadow-card);display:grid;gap:8px}.pred-card-header{display:flex;justify-content:space-between;align-items:center;gap:8px}.pred-card-title{font-size:1rem;font-weight:700;color:var(--cr-text-primary)}.pred-status-badge{flex-shrink:0;padding:3px 10px;border-radius:var(--radius-pill);background:var(--cr-disabled);color:var(--cr-text-secondary);font-size:.75rem;font-weight:600}.pred-card-question{margin:0;font-size:.9rem;color:var(--cr-text-secondary)}.pred-pool-note{margin:0;font-size:.8rem;color:var(--cr-text-secondary);font-style:italic}.coming-soon{margin:0;padding:14px 16px;border-radius:var(--radius-md);background:var(--cr-surface);border:1px solid var(--cr-border);color:var(--cr-text-secondary);font-size:.9rem;text-align:center;box-shadow:var(--shadow-card)}.placeholder-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:12px;padding:48px 16px;flex:1}.placeholder-title{margin:0;font-size:1.4rem;font-weight:700;color:var(--cr-text-primary)}.placeholder-msg{margin:0;font-size:1rem;color:var(--cr-text-secondary);max-width:26rem;line-height:1.55}.profile-screen{display:grid;gap:20px}.profile-detail-card{padding:20px;border-radius:var(--radius-xl);background:var(--cr-surface);border:1px solid var(--cr-border);box-shadow:var(--shadow-card);display:grid;gap:14px}.profile-detail-row{display:flex;justify-content:space-between;align-items:center;font-size:1rem}.detail-label{color:var(--cr-text-secondary)}.detail-value{font-weight:600;color:var(--cr-text-primary)}.bottom-nav{position:fixed;bottom:calc(env(safe-area-inset-bottom,0px) + 10px);left:12px;right:12px;display:flex;align-items:stretch;gap:4px;padding:6px;border-radius:var(--radius-xl);background:#fffffff0;border:1px solid var(--cr-border);box-shadow:0 -4px 24px #14213d12,0 2px 8px #14213d0a;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);z-index:100}.nav-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;border:none;background:transparent;color:var(--cr-text-secondary);font-family:var(--font-main);cursor:pointer;border-radius:var(--radius-md);padding:8px 4px;min-height:52px;transition:background .2s ease-out,color .2s ease-out}.nav-item:active{opacity:.72}.nav-item--active{background:var(--cr-surface-warm);color:var(--cr-text-primary)}.nav-icon{font-size:1.15rem;line-height:1;display:block}.nav-label{font-size:.69rem;font-weight:500;line-height:1;display:block;letter-spacing:.01em}.nav-item--active .nav-label{font-weight:700}.dev-details{border-radius:var(--radius-md);background:#14213d08;border:1px solid rgba(20,33,61,.08);overflow:hidden}.dev-summary{padding:12px 16px;font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;color:var(--cr-text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;list-style:none}.dev-summary::-webkit-details-marker{display:none}.dev-summary:before{content:"▶ ";font-size:.6rem}details[open] .dev-summary:before{content:"▼ "}.dev-body{padding:0 16px 14px;display:grid;gap:8px}.diag-row{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:.875rem}.diag-label{color:var(--cr-text-secondary)}.diag-value{color:var(--cr-text-primary);font-weight:500}.diag-ok{color:#2d7a50}.diag-warn{color:#8a6800}.diag-err{color:var(--cr-error)}.diag-badge{margin:4px 0 0;font-size:.7rem;color:var(--cr-text-secondary);opacity:.6;letter-spacing:.04em}.rules-screen{display:grid;gap:var(--space-6)}.rules-back-btn{display:inline-flex;align-items:center;gap:6px;padding:10px 0;border:none;background:transparent;color:var(--cr-text-secondary);font-size:.95rem;font-weight:500;font-family:var(--font-main);cursor:pointer;min-height:44px;transition:color .15s ease}.rules-back-btn:hover{color:var(--cr-text-primary)}.rules-header{display:grid;gap:6px}.rules-title{margin:0;font-size:1.5rem;font-weight:700;color:var(--cr-text-primary)}.rules-subtitle{margin:0;font-size:.95rem;color:var(--cr-text-secondary);line-height:1.55}.rules-cards{display:grid;gap:12px}.rule-card{padding:16px 18px;border-radius:var(--radius-xl);background:var(--cr-surface);border:1px solid var(--cr-border);box-shadow:var(--shadow-card);display:grid;gap:8px}.rule-card--main{background:linear-gradient(160deg,var(--cr-surface-warm) 0%,var(--cr-surface) 100%)}.rule-card-title{margin:0;font-size:1rem;font-weight:700;color:var(--cr-text-primary)}.rule-card-text{margin:0;font-size:.95rem;color:var(--cr-text-secondary);line-height:1.55}.rule-highlight{margin:0;padding:10px 14px;border-radius:var(--radius-md);background:#a8e6c138;border:1px solid rgba(168,230,193,.55);color:#2d7a50;font-size:.9rem;font-weight:500;line-height:1.5}.rules-link-card{width:100%;display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border-radius:var(--radius-xl);border:1px solid var(--cr-border);background:var(--cr-surface);box-shadow:var(--shadow-card);font-family:var(--font-main);font-size:.95rem;font-weight:600;color:var(--cr-text-primary);cursor:pointer;transition:background .15s ease;min-height:52px;text-align:left}.rules-link-card:hover{background:var(--cr-surface-warm)}.rules-link-icon{color:var(--cr-text-secondary);font-size:1.2rem;line-height:1}.welcome-card{background:linear-gradient(180deg,var(--cr-surface-warm) 0%,var(--cr-surface) 100%);border-radius:var(--radius-xl);padding:20px;border:1px solid var(--cr-border);box-shadow:var(--shadow-card);display:grid;gap:10px}.welcome-card-title{margin:0;font-size:1.15rem;font-weight:700;color:var(--cr-text-primary)}.welcome-card-text{margin:0;font-size:.95rem;color:var(--cr-text-primary);line-height:1.6}.welcome-card-note{margin:0;font-size:.85rem;color:var(--cr-text-secondary);line-height:1.5;padding-top:4px;border-top:1px solid var(--cr-border)}.activity-card{background:var(--cr-surface);border-radius:var(--radius-xl);padding:18px;border:1px solid var(--cr-border);box-shadow:var(--shadow-card);display:grid;gap:14px}.activity-card-title{margin:0;font-size:1rem;font-weight:700;color:var(--cr-text-primary)}.activity-rows{display:grid;gap:14px}.activity-row{display:flex;gap:12px;align-items:flex-start}.activity-row-icon{font-size:1.2rem;line-height:1.35;flex-shrink:0}.activity-row-content{display:grid;gap:2px}.activity-row-title{margin:0;font-size:.95rem;font-weight:600;color:var(--cr-text-primary);line-height:1.3}.activity-row-desc{margin:0;font-size:.85rem;color:var(--cr-text-secondary);line-height:1.45}.tab-intro{margin:0;font-size:.95rem;color:var(--cr-text-secondary);line-height:1.6}.token-hero-balance{margin:0;font-size:2rem;font-weight:700;color:var(--cr-text-primary);line-height:1.2}.placeholder-card{background:var(--cr-surface);border-radius:var(--radius-xl);border:1px solid var(--cr-border);box-shadow:var(--shadow-card);padding:24px 20px;display:grid;gap:8px;text-align:center}.placeholder-card-icon{font-size:1.8rem;line-height:1;display:block}.placeholder-card-title{margin:0;font-size:1rem;font-weight:700;color:var(--cr-text-primary);line-height:1.3}.placeholder-card-note{margin:0;font-size:.88rem;color:var(--cr-text-secondary);line-height:1.55}.home-cta-group{display:grid;gap:10px}.btn-outline{width:100%;padding:14px 20px;border-radius:var(--radius-md);border:1.5px solid var(--cr-border);background:var(--cr-surface);color:var(--cr-text-primary);font-family:var(--font-main);font-size:1rem;font-weight:600;cursor:pointer;min-height:52px;transition:background .18s ease;text-align:center}.btn-outline:hover{background:var(--cr-surface-warm)}.btn-outline:active{opacity:.78}.onboarding-screen{display:grid;gap:var(--space-6)}.onboarding-header{display:grid;gap:8px}.onboarding-title{margin:0;font-size:1.5rem;font-weight:700;color:var(--cr-text-primary);line-height:1.3}.onboarding-subtitle{margin:0;font-size:.95rem;color:var(--cr-text-secondary);line-height:1.55}.onboarding-form{display:grid;gap:16px}.name-input{width:100%;padding:14px 16px;border-radius:var(--radius-md);border:1.5px solid var(--cr-border);background:var(--cr-surface);color:var(--cr-text-primary);font-size:1rem;font-family:var(--font-main);outline:none;transition:border-color .15s ease,box-shadow .15s ease;min-height:52px;box-sizing:border-box}.name-input::placeholder{color:var(--cr-text-secondary);opacity:.65}.name-input:focus{border-color:var(--cr-primary);box-shadow:0 0 0 3px #ffd16640}.name-input:disabled{opacity:.6;cursor:default}.name-helper{margin:0;font-size:.85rem;color:var(--cr-text-secondary);line-height:1.5}.onboarding-note{margin:0;font-size:.82rem;color:var(--cr-text-secondary);text-align:center;opacity:.75}.profile-note{margin:8px 0 0;font-size:.85rem;color:var(--cr-text-secondary);line-height:1.5}.my-pred-section{display:grid;gap:12px}.my-pred-empty{padding:20px;border-radius:var(--radius-xl);background:var(--cr-surface);border:1px solid var(--cr-border);box-shadow:var(--shadow-card)}.my-pred-empty-text{margin:0;font-size:.9rem;color:var(--cr-text-secondary);line-height:1.55}.seg-control{display:flex;gap:4px;background:var(--cr-surface-warm);border-radius:var(--radius-pill);padding:4px;border:1px solid var(--cr-border)}.seg-btn{flex:1;padding:8px 10px;border:none;border-radius:var(--radius-pill);background:transparent;color:var(--cr-text-secondary);font-family:var(--font-main);font-size:.88rem;font-weight:500;cursor:pointer;transition:background .18s ease-out,color .18s ease-out,box-shadow .18s ease-out;min-height:38px;white-space:nowrap}.seg-btn--active{background:var(--cr-surface);color:var(--cr-text-primary);font-weight:700;box-shadow:0 1px 4px #14213d1a}.seg-btn:active{opacity:.75}.pred-card-meta{display:grid;gap:3px}.pred-meta-item{font-size:.8rem;color:var(--cr-text-secondary)}.pred-card-btn{width:100%;padding:13px 16px;border-radius:var(--radius-md);border:none;background:var(--cr-primary);color:var(--cr-text-primary);font-family:var(--font-main);font-size:.95rem;font-weight:650;cursor:pointer;min-height:48px;transition:opacity .15s ease;text-align:center}.pred-card-btn:active{opacity:.8}.pred-empty{padding:24px 20px;border-radius:var(--radius-xl);background:var(--cr-surface);border:1px solid var(--cr-border);box-shadow:var(--shadow-card);display:grid;gap:8px;text-align:center}.pred-empty-title{margin:0;font-size:1.05rem;font-weight:700;color:var(--cr-text-primary)}.pred-empty-text{margin:0;font-size:.9rem;color:var(--cr-text-secondary);line-height:1.55}.pred-empty-note{margin:0;font-size:.82rem;color:var(--cr-text-secondary);opacity:.75;line-height:1.45;padding-top:6px;border-top:1px solid var(--cr-border)}.pred-detail{display:grid;gap:16px}.pred-detail-back{display:inline-flex;align-items:center;gap:4px;padding:0;border:none;background:none;color:var(--cr-text-secondary);font-family:var(--font-main);font-size:.9rem;cursor:pointer;min-height:44px;transition:color .15s ease}.pred-detail-back:hover{color:var(--cr-text-primary)}.pred-detail-header{display:grid;gap:6px}.pred-detail-title{margin:0;font-size:1.4rem;font-weight:700;color:var(--cr-text-primary)}.pred-detail-subtitle{margin:0;font-size:.95rem;color:var(--cr-text-secondary);line-height:1.5}.pred-pool-card{padding:16px;border-radius:var(--radius-xl);background:var(--cr-surface);border:1px solid var(--cr-border);box-shadow:var(--shadow-card);display:grid;gap:10px}.pred-pool-row{display:flex;justify-content:space-between;align-items:center;gap:8px}.pred-pool-label{font-size:.88rem;color:var(--cr-text-secondary)}.pred-pool-value{font-size:.9rem;font-weight:600;color:var(--cr-text-primary)}.pred-section-card{padding:16px;border-radius:var(--radius-xl);background:var(--cr-surface);border:1px solid var(--cr-border);box-shadow:var(--shadow-card);display:grid;gap:14px}.pred-section-title{margin:0;font-size:1rem;font-weight:700;color:var(--cr-text-primary)}.choice-chips{display:flex;flex-wrap:wrap;gap:8px}.choice-chip{padding:10px 18px;border-radius:var(--radius-pill);border:1.5px solid var(--cr-border);background:var(--cr-surface);color:var(--cr-text-primary);font-family:var(--font-main);font-size:.95rem;font-weight:500;cursor:pointer;min-height:44px;transition:background .15s ease-out,border-color .15s ease-out}.choice-chip--selected{background:var(--cr-lavender);border-color:var(--cr-lavender);font-weight:700}.choice-chip:active{opacity:.75}.stake-selector{display:grid;gap:14px}.stake-counter{display:flex;align-items:center;justify-content:center;gap:20px}.stake-counter-btn{width:48px;height:48px;border-radius:var(--radius-pill);border:1.5px solid var(--cr-border);background:var(--cr-surface);color:var(--cr-text-primary);font-family:var(--font-main);font-size:1.4rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s ease-out;flex-shrink:0}.stake-counter-btn:hover{background:var(--cr-surface-warm)}.stake-counter-btn:disabled{opacity:.35;cursor:default}.stake-counter-btn:active{opacity:.75}.stake-amount{font-size:1.5rem;font-weight:700;color:var(--cr-text-primary);min-width:80px;text-align:center}.stake-quick{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.stake-quick-chip{padding:8px 16px;border-radius:var(--radius-pill);border:1.5px solid var(--cr-border);background:var(--cr-surface);color:var(--cr-text-primary);font-family:var(--font-main);font-size:.88rem;font-weight:600;cursor:pointer;min-height:38px;transition:background .15s ease-out,border-color .15s ease-out}.stake-quick-chip--active{background:var(--cr-primary);border-color:var(--cr-primary)}.stake-quick-chip:disabled{opacity:.35;cursor:default}.stake-quick-chip:active{opacity:.75}.stake-balance{margin:0;font-size:.88rem;color:var(--cr-text-secondary);text-align:center}.stake-warning{margin:0;font-size:.88rem;color:var(--cr-error);text-align:center;font-weight:600}.pred-proto-card{padding:28px 20px;border-radius:var(--radius-xl);background:linear-gradient(180deg,var(--cr-surface-warm) 0%,var(--cr-surface) 100%);border:1px solid var(--cr-border);box-shadow:var(--shadow-active);display:grid;gap:10px;text-align:center}.pred-proto-icon{font-size:2rem;display:block;line-height:1}.pred-proto-title{margin:0;font-size:1.2rem;font-weight:700;color:var(--cr-text-primary)}.pred-proto-text{margin:0;font-size:.9rem;color:var(--cr-text-secondary);line-height:1.55}.pred-proto-summary{display:flex;flex-direction:column;gap:4px;font-size:.95rem;color:var(--cr-text-primary);padding-top:10px;border-top:1px solid var(--cr-border)}@media (min-width: 480px){.page-content{padding:28px var(--space-6) calc(88px + env(safe-area-inset-bottom,0px))}}