: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}.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}@media (min-width: 480px){.page-content{padding:28px var(--space-6) calc(88px + env(safe-area-inset-bottom,0px))}}