.bd-header{display:flex;align-items:center;gap:10px;padding:10px 14px;border-bottom:1px solid var(--border-subtle)}.bd-avatar-ring{width:36px;height:36px;border-radius:50%;padding:2px;border:none;cursor:pointer;flex-shrink:0;background:linear-gradient(135deg,#ff5c1a,#ffb020)}.bd-avatar-ring--live{background:linear-gradient(135deg,#ef4444,#f59e0b,#ef4444)}.bd-avatar-inner{width:100%;height:100%;border-radius:50%;border:2px solid var(--bg-primary);overflow:hidden;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:#ff5c1a}.bd-avatar-inner--filled{background:var(--bg-card)}.bd-avatar-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.bd-header-meta{flex:1;min-width:0}.bd-header-names{display:flex;align-items:center;gap:6px}.bd-name-btn{background:none;border:none;padding:0;cursor:pointer;font-size:13px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bd-name-btn--primary{color:var(--text-primary)}.bd-name-btn--opponent{color:#a78bfa}.bd-vs-label{font-size:11px;color:var(--text-muted)}.bd-deadline{display:flex;align-items:center;gap:3px;margin-top:1px}.bd-deadline-icon{width:16px;height:16px}.bd-deadline-text{font-size:10px;color:var(--text-muted)}.bd-status-badge{display:flex;align-items:center;gap:4px;padding:4px 8px;border-radius:4px;background:var(--bd-status-bg,rgba(255,92,26,.15));flex-shrink:0}.bd-status-dot{width:6px;height:6px;border-radius:50%;background:#ef4444;animation:pulse 1.5s infinite}.bd-status-label{font-size:10px;font-weight:700;color:var(--bd-status-color,#ff5c1a);text-transform:uppercase;letter-spacing:.03em}.bd-menu-btn{background:none;border:none;padding:4px;cursor:pointer;color:var(--text-muted);flex-shrink:0}.bd-menu-icon{width:20px;height:20px}.bd-status-banner{display:flex;align-items:center;gap:6px;padding:8px 14px;background:color-mix(in srgb,var(--bd-banner-color,#ff5c1a) 5%,transparent);border-bottom:1px solid color-mix(in srgb,var(--bd-banner-color,#ff5c1a) 8%,transparent)}.bd-status-banner-emoji{font-size:12px}.bd-status-banner-text{font-size:12px;font-weight:600;color:var(--bd-banner-color,#ff5c1a)}.bd-gallery{position:relative;background:#000}.bd-carousel{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.bd-slide{flex:0 0 100%;scroll-snap-align:start;aspect-ratio:1/1;max-height:430px;position:relative;justify-content:center;background:#000}.bd-slide,.bd-slide-overlay{display:flex;align-items:center}.bd-slide-overlay{position:absolute;bottom:12px;left:12px;gap:6px;padding:4px 10px 4px 4px;border-radius:20px;background:rgba(0,0,0,.65);backdrop-filter:blur(8px)}.bd-slide-avatar{width:22px;height:22px;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;flex-shrink:0}.bd-slide-avatar--challenger{background:rgba(20,184,166,.3);border:1.5px solid rgba(20,184,166,.6);color:#ffb020}.bd-slide-avatar--opponent{background:rgba(255,122,46,.3);border:1.5px solid rgba(255,122,46,.6);color:#a78bfa}.bd-slide-avatar--filled{background:transparent}.bd-slide-handle{font-size:11px;font-weight:600}.bd-slide-handle--challenger{color:#ffb020}.bd-slide-handle--opponent{color:#a78bfa}.bd-vs-overlay{position:absolute;top:12px;left:50%;transform:translateX(-50%);z-index:10;pointer-events:none}.bd-vs-badge{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 2px 12px rgba(239,68,68,.45),0 0 0 2px rgba(0,0,0,.45);display:flex;align-items:center;justify-content:center;opacity:.85;transition:opacity .3s ease}.bd-vs-badge--hidden{opacity:0}.bd-vs-text{font-size:10px;font-weight:800;color:white;text-transform:lowercase;letter-spacing:.04em}.bd-dots{position:absolute;bottom:8px;left:50%;transform:translateX(-50%);display:flex;gap:4px;z-index:5}.bd-dot{width:5px;height:5px;border-radius:50%;background:rgba(255,255,255,.4);border:none;padding:0;cursor:pointer;transition:all .2s ease}.bd-dot--active{width:6px;height:6px;background:#3b82f6}.bd-slide-counter{position:absolute;top:12px;right:12px;padding:4px 10px;border-radius:12px;background:rgba(0,0,0,.6);backdrop-filter:blur(4px);z-index:5}.bd-slide-counter-text{font-size:11px;font-weight:600;color:rgba(255,255,255,.8)}.bd-heart-pop{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:20;pointer-events:none;animation:igHeartPop .9s ease-out forwards}.bd-heart-pop-icon{width:80px;height:80px;color:#ef4444;filter:drop-shadow(0 4px 12px rgba(239,68,68,.5))}.bd-vs-section{padding:0 14px}.bd-actions-row{display:flex;align-items:center;justify-content:space-between;padding:10px 0}.bd-actions-group{display:flex;align-items:center;gap:14px}.bd-action-btn{background:none;border:none;padding:0;cursor:pointer;color:var(--text-primary)}.bd-action-btn:disabled{cursor:default}.bd-action-btn--liked{color:#ff3d5a}.bd-action-icon{width:24px;height:24px}.bd-action-icon--share{width:22px;height:22px}.bd-action-icon--liked{fill:#ff3d5a}.bd-share-wrap{position:relative}.bd-pool-row{gap:8px}.bd-pool-chip,.bd-pool-row{display:flex;align-items:center}.bd-pool-chip{gap:4px;padding:4px 10px;border-radius:8px;background:rgba(20,184,166,.08);border:1px solid rgba(20,184,166,.15)}.bd-pool-icon{width:18px;height:18px}.bd-pool-amount{font-size:12px;font-weight:700;color:#ffb020}.bd-engagement{font-size:13px;font-weight:700;color:var(--text-primary);margin:0 0 6px}.bd-caption{margin-bottom:8px}.bd-caption-text{font-size:13px;color:var(--text-primary);margin:0;line-height:1.4}.bd-caption-author{font-weight:700;margin-right:6px}.bd-caption-desc{font-size:13px;color:var(--text-secondary);margin:2px 0 0;line-height:1.4}.bd-odds-wrap{margin-bottom:8px}.bd-odds-labels{display:flex;justify-content:space-between;margin-top:4px}.bd-odds-label--challenger{font-size:10px;color:#ffb020;font-weight:600}.bd-odds-label--opponent{font-size:10px;color:#a78bfa;font-weight:600}.bd-meta-row{display:flex;align-items:center;gap:12px;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.04)}.bd-meta-comments-btn,.bd-meta-stake{font-size:11px;color:var(--text-muted)}.bd-meta-comments-btn{background:none;border:none;padding:0;cursor:pointer}@media (min-width:768px){.bd-gallery .bd-slide{max-height:520px}}.bd-loading-page{background:var(--bg-primary)}.bd-skeleton{display:flex;flex-direction:column;gap:24px}.bd-skeleton-bar{height:16px;border-radius:4px;background:var(--bg-elevated)}.bd-skeleton-bar--sm{width:80px}.bd-skeleton-header{border-radius:12px;padding:24px;background:var(--bg-card)}.bd-skeleton-header-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.bd-skeleton-pill{height:24px;border-radius:999px;width:80px;background:var(--bg-elevated)}.bd-skeleton-vs{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px}.bd-skeleton-fighter{display:flex;align-items:center;gap:12px}.bd-skeleton-fighter--end{flex-direction:row-reverse}.bd-skeleton-avatar{width:48px;height:48px;border-radius:50%;background:var(--bg-elevated);flex-shrink:0}.bd-skeleton-avatar--sm{width:40px;height:40px}.bd-skeleton-lines{display:flex;flex-direction:column;gap:4px}.bd-skeleton-lines--end{align-items:flex-end}.bd-skeleton-line{height:20px;border-radius:4px;width:112px;background:var(--bg-elevated)}.bd-skeleton-line--sm{height:12px;width:64px}.bd-skeleton-vs-badge{height:32px;width:40px}.bd-skeleton-topic,.bd-skeleton-vs-badge{border-radius:4px;background:var(--bg-elevated)}.bd-skeleton-topic{height:20px;width:66%;margin-bottom:8px}.bd-skeleton-topic-sub{height:16px;border-radius:4px;width:100%;background:var(--bg-elevated)}.bd-skeleton-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.bd-skeleton-stat{border-radius:12px;padding:16px;text-align:center;background:var(--bg-card)}.bd-skeleton-stat-val{height:24px;width:48px;margin:0 auto 8px}.bd-skeleton-stat-label,.bd-skeleton-stat-val{border-radius:4px;background:var(--bg-elevated)}.bd-skeleton-stat-label{height:12px;width:64px;margin:0 auto}.bd-skeleton-content-list{display:flex;flex-direction:column;gap:16px}.bd-skeleton-content-card{border-radius:12px;padding:20px;background:var(--bg-card)}.bd-skeleton-content-head{display:flex;align-items:center;gap:12px;margin-bottom:16px}.bd-skeleton-content-title{height:16px;border-radius:4px;width:128px;background:var(--bg-elevated)}.bd-skeleton-media{height:128px;border-radius:8px;width:100%;background:var(--bg-elevated)}.bd-skeleton-gallery{aspect-ratio:1/1;max-height:430px;background:var(--bg-elevated)}.bd-skeleton-actions{display:flex;gap:14px;padding:10px 14px}.bd-skeleton-action{width:24px;height:24px;border-radius:50%;background:var(--bg-elevated)}.battle-detail-page .main-content>.container-app{padding-bottom:calc(var(--main-content-bottom-pad) + var(--space-2))}.bd-action-error{display:flex;flex-direction:column;gap:10px;padding:10px 12px;border-radius:10px;background:rgba(239,68,68,.08);border:1px solid rgba(239,68,68,.15);margin-bottom:12px;scroll-margin-bottom:var(--main-content-bottom-pad)}.bd-action-error-row{display:flex;align-items:flex-start;gap:8px}.bd-action-error-text{font-size:11px;color:#fca5a5;margin:0;line-height:1.45;flex:1}.bd-action-error-cta{width:100%;padding:9px 12px;border-radius:8px;border:none;background:linear-gradient(135deg,#ffaa00,#e69500);color:#000;font-size:11px;font-weight:800;cursor:pointer}.battle-bet-section{padding:12px;border-radius:10px;background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.06);margin-bottom:12px;scroll-margin-bottom:var(--main-content-bottom-pad);overflow:visible}.battle-bet-section--locked{opacity:.92}.battle-bet-section-header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:12px}.battle-bet-section-title{font-size:12px;font-weight:700;color:var(--text-primary);margin:0}.battle-bet-section-hint{display:flex;align-items:center;gap:4px;padding:4px 8px;border-radius:6px;background:rgba(20,184,166,.06);border:1px solid rgba(20,184,166,.12);flex-shrink:0}.battle-bet-section-hint span{font-size:9px;color:#ffb020}.battle-bet-pick-row{display:flex;gap:8px;margin-bottom:10px}.battle-bet-pick-btn{flex:1;padding:8px;border-radius:8px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);color:white;cursor:pointer;font-size:11px;font-weight:600}.battle-bet-pick-btn:disabled{opacity:.45;cursor:not-allowed}.battle-bet-pick-btn--challenger.is-selected{background:rgba(20,184,166,.15);border:1.5px solid #ffb020}.battle-bet-pick-btn--opponent.is-selected{background:rgba(255,122,46,.15);border:1.5px solid #ff7a2e}.battle-bet-manual{border-top:1px solid rgba(255,255,255,.04);padding-top:10px}.battle-bet-manual-label{font-size:9px;color:var(--text-muted);margin:0 0 8px;text-transform:uppercase;letter-spacing:.05em}.battle-bet-submit{width:100%;padding:10px;border-radius:8px;font-size:12px;font-weight:700;min-height:40px}.notif-page{background:var(--bg-primary)}.notif-header-section{margin-bottom:var(--section-gap)}.notif-header-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4)}.notif-header-brand{display:flex;align-items:center;gap:12px}.notif-header-icon-wrap{width:48px;height:48px;border-radius:14px;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));display:flex;align-items:center;justify-content:center;flex-shrink:0}.notif-header-title{font-size:17px;font-weight:700;color:var(--text-primary);margin:0}.notif-header-sub{font-size:12px;color:var(--text-muted);margin:0}.notif-mark-all{padding:8px 14px;border-radius:10px;background:rgba(255,255,255,.08);border:none;color:var(--accent-primary);font-size:12px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:6px}.notif-mark-all-icon{width:14px;height:14px}.notif-filters{display:flex;gap:8px}.notif-filter-btn{padding:10px 20px;border-radius:10px;border:none;font-size:13px;font-weight:600;cursor:pointer;text-transform:capitalize;background:rgba(255,255,255,.05);color:var(--text-secondary);transition:background .15s ease,color .15s ease}.notif-filter-btn--active{background:var(--accent-primary);color:white}.notif-empty{text-align:center;padding:24px 14px}.notif-empty-icon{margin:0 auto 16px}.notif-empty-icon--bell{opacity:.4}.notif-empty-icon--check{width:48px;height:48px;color:var(--accent-primary);margin:0 auto 16px;display:block}.notif-empty-title{font-size:16px;font-weight:600;color:var(--text-primary);margin:0 0 8px}.notif-empty-body{font-size:13px;color:var(--text-muted);margin:0}.notif-list{display:flex;flex-direction:column;gap:var(--feed-stack-gap)}.notif-link{text-decoration:none}.notif-card{padding:16px;border-radius:14px;cursor:pointer;position:relative;border:1px solid var(--border-subtle);background:rgba(255,255,255,.02)}.notif-card--unread{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.1)}.notif-unread-dot{position:absolute;top:16px;right:16px;width:8px;height:8px;border-radius:50%;background:var(--accent-primary)}.notif-card-inner{display:flex;gap:14px}.notif-card-icon{width:44px;height:44px;border-radius:12px;background:rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;flex-shrink:0}.notif-card-body{flex:1;min-width:0}.notif-card-title{font-size:14px;font-weight:600;color:var(--text-primary);margin:0}.notif-card-message{font-size:13px;color:var(--text-secondary);margin:0 0 6px;line-height:1.4}.notif-card-time{font-size:11px;color:var(--text-muted)}.notif-skeleton{display:flex;flex-direction:column;gap:24px}.notif-skeleton-header{display:flex;align-items:center;justify-content:space-between}.notif-skeleton-bar{height:32px;border-radius:4px;background:var(--bg-elevated)}.notif-skeleton-bar--title{width:160px}.notif-skeleton-bar--action{width:112px}.notif-skeleton-filters{display:flex;gap:8px}.notif-skeleton-pill{height:32px;border-radius:999px;background:var(--bg-elevated)}.notif-skeleton-pill--sm{width:64px}.notif-skeleton-pill--md{width:80px}.notif-skeleton-list{display:flex;flex-direction:column;gap:8px}.notif-skeleton-row{border-radius:12px;padding:16px;display:flex;align-items:flex-start;gap:12px;background:var(--bg-card)}.notif-skeleton-avatar{width:40px;height:40px;border-radius:50%;background:var(--bg-elevated);flex-shrink:0}.notif-skeleton-lines{flex:1;display:flex;flex-direction:column;gap:8px}.notif-skeleton-line{height:16px;border-radius:4px;background:var(--bg-elevated)}.notif-skeleton-line--lg{width:80%}.notif-skeleton-line--md{width:66%}.notif-skeleton-line--sm{width:80px;height:12px}.notif-skeleton-dot{width:8px;height:8px;border-radius:50%;background:var(--bg-elevated);flex-shrink:0;margin-top:8px}@media (min-width:768px){.notif-list{max-width:640px}}.profile-container{padding-left:0;padding-right:0;min-width:0;width:100%}.profile-container--centered{text-align:center;padding-top:48px}.profile-not-found-icon-wrap{width:52px;height:52px;margin:0 auto 16px;border-radius:50%;background:rgba(255,255,255,.05);display:flex;align-items:center;justify-content:center}.profile-not-found-icon{width:40px;height:40px;color:rgba(255,255,255,.3)}.profile-not-found-title{font-size:16px;font-weight:700;color:var(--text-primary);margin:0 0 8px}.profile-not-found-body{font-size:14px;color:var(--text-muted);margin:0 0 24px}.profile-not-found-cta{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;background:var(--button-primary);color:white;font-weight:700;border-radius:12px;text-decoration:none;font-size:14px}.profile-not-found-cta-icon{width:16px;height:16px}.profile-divider{height:1px;background:var(--border-subtle)}.profile-tab-bar{display:flex;border-bottom:1px solid var(--border-subtle);position:relative}.profile-tab-btn{flex:1;padding:12px 0;background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-muted);transition:color .15s ease,border-color .15s ease;position:relative}.profile-tab-btn--active{color:var(--text-primary);border-bottom-color:var(--text-primary)}.profile-tab-dot{position:absolute;top:8px;right:calc(50% - 18px);width:6px;height:6px;border-radius:50%;background:#ff3d5a}.profile-tab-panel{padding:0}.profile-tab-panel--padded{padding:16px;min-width:0;box-sizing:border-box}.profile-tab-panel--padded-sm{padding:12px 16px}.profile-header{padding:0 var(--container-pad)}.profile-header-top{display:flex;align-items:center;gap:20px;margin-bottom:16px}.profile-avatar-wrap{position:relative;flex-shrink:0}.profile-avatar-ring{width:72px;height:72px;border-radius:50%;padding:3px;background:var(--accent-gradient);cursor:default}.profile-avatar-ring--editable{cursor:pointer}.profile-avatar-inner{width:100%;height:100%;border-radius:50%;border:3px solid var(--bg-primary);display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:800;color:white;overflow:hidden}.profile-avatar-inner--filled{background:var(--bg-card)}.profile-avatar-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.profile-score-badge{position:absolute;bottom:0;right:0;background:var(--accent-primary);border-radius:8px;padding:2px 6px;font-size:10px;font-weight:800;color:white;border:2px solid var(--bg-primary);line-height:14px}.profile-pic-menu{position:absolute;top:78px;left:0;background:var(--bg-elevated);border-radius:12px;border:1px solid var(--border-subtle);padding:8px;z-index:100;min-width:180px;box-shadow:0 8px 24px rgba(0,0,0,.4)}.profile-pic-menu-btn{width:100%;padding:10px 12px;background:transparent;border:none;border-radius:8px;cursor:pointer;display:flex;align-items:center;gap:10px;font-size:13px;color:var(--text-primary);text-align:left}.profile-pic-menu-btn:disabled{cursor:not-allowed;opacity:.6}.profile-pic-menu-btn--danger{color:#ef4444}.profile-pic-menu-icon{width:16px;height:16px}.profile-pic-menu-icon--accent{color:var(--accent-primary)}.profile-pic-menu-error{font-size:11px;color:#ef4444;margin:8px 0 0;padding:0 4px}.profile-file-input{display:none}.profile-stats{flex:1;display:flex;justify-content:space-around;text-align:center}.profile-stat-link{text-decoration:none}.profile-stat-value{font-size:17px;font-weight:700;color:var(--text-primary);line-height:22px}.profile-stat-label{font-size:12px;color:var(--text-muted);line-height:16px}.profile-identity{margin-bottom:12px}.profile-name-row{display:flex;align-items:center;gap:6px}.profile-display-name{font-size:15px;font-weight:700;color:var(--text-primary);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-streak{display:inline-flex;align-items:center;gap:2px;background:rgba(234,179,8,.15);padding:2px 7px;border-radius:10px}.profile-streak-icon{width:16px;height:16px}.profile-streak-count{font-size:10px;font-weight:700;color:#eab308}.profile-handle-btn{display:flex;align-items:center;gap:4px;background:none;border:none;padding:0;cursor:pointer;margin-top:2px}.profile-handle{font-size:13px;color:rgba(255,255,255,.45)}.profile-handle--mono{font-family:monospace}.profile-handle-icon{width:11px;height:11px}.profile-handle-icon--copied{color:var(--accent-secondary)}.profile-handle-icon--copy{color:rgba(255,255,255,.3)}.profile-meta-row{margin-top:6px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.profile-meta-text{font-size:13px;color:var(--text-secondary)}.profile-meta-text--accent{color:var(--accent-primary)}.profile-meta-dot{font-size:13px;color:rgba(255,255,255,.2)}.profile-actions{display:flex;gap:8px;margin-bottom:20px}.profile-action-btn{flex:1;padding:8px 0;border-radius:var(--radius-md);border:1px solid var(--border-subtle);background:var(--button-secondary);color:var(--text-primary);font-size:13px;font-weight:600;cursor:pointer}.profile-action-btn--icon,.profile-action-btn--icon-only{flex:0 0 auto;padding:8px 12px;display:flex;align-items:center}.profile-action-btn--primary{background:var(--button-primary);border-color:transparent}.profile-action-btn--following{background:var(--button-secondary);border-color:var(--border-subtle)}.profile-action-btn:disabled{cursor:not-allowed;opacity:.6}.profile-action-btn--follow{display:flex;align-items:center;justify-content:center;gap:6px}.profile-action-btn--share-wide{flex:1;padding:8px 16px}.profile-action-icon{width:16px;height:16px}.profile-spinner{width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top-color:white;border-radius:50%;animation:spin 1s linear infinite}.profile-skeleton-header{border-radius:12px;padding:16px;background:var(--bg-card);margin-bottom:16px}.profile-skeleton-top{display:flex;gap:20px;margin-bottom:16px}.profile-skeleton-avatar{width:72px;height:72px;border-radius:50%;background:var(--bg-elevated);flex-shrink:0}.profile-skeleton-stats{flex:1;display:flex;justify-content:space-around;align-items:center}.profile-skeleton-stat{display:flex;flex-direction:column;align-items:center;gap:4px}.profile-skeleton-line{border-radius:4px;background:var(--bg-elevated)}.profile-skeleton-line--value{width:32px;height:20px}.profile-skeleton-line--label{width:48px;height:12px}.profile-skeleton-name{width:128px;height:18px;margin-bottom:8px}.profile-skeleton-handle{width:96px;height:14px;margin-bottom:12px}.profile-skeleton-actions{display:flex;gap:8px}.profile-skeleton-action{flex:1;height:36px;border-radius:var(--radius-md);background:var(--bg-elevated)}.profile-skeleton-highlights{display:flex;gap:12px;padding:0 16px 16px;overflow:hidden}.profile-skeleton-highlight{width:56px;height:56px;border-radius:50%;background:var(--bg-card);flex-shrink:0}.profile-skeleton-tabs{display:flex;border-bottom:1px solid var(--border-subtle)}.profile-skeleton-tab{flex:1;height:44px;background:var(--bg-elevated);margin:8px;border-radius:4px}.profile-skeleton-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;padding:2px}.profile-skeleton-grid-item{aspect-ratio:1;background:var(--bg-card)}@media (min-width:768px){.profile-header,.profile-skeleton-highlights,.profile-stories{max-width:640px;margin-left:auto;margin-right:auto}}.profile-stories{display:flex;gap:16px;overflow-x:auto;overflow-y:visible;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;scroll-padding-inline:var(--container-pad);margin-left:calc(-1 * var(--container-pad));margin-right:calc(-1 * var(--container-pad));width:calc(100% + 2 * var(--container-pad));max-width:calc(100% + 2 * var(--container-pad));padding:0 var(--container-pad) 16px;scrollbar-width:none}.profile-stories::-webkit-scrollbar{display:none}.profile-story-btn{display:flex;flex-direction:column;align-items:center;gap:6px;background:none;border:none;cursor:pointer;padding:0;flex-shrink:0;scroll-snap-align:start}.profile-story-ring{width:56px;height:56px;border-radius:50%;padding:2px;background:rgba(255,255,255,.15);transition:background .2s ease}.profile-story-ring--active{background:var(--profile-story-gradient,var(--accent-gradient))}.profile-story-inner{width:100%;height:100%;border-radius:50%;background:var(--bg-primary);border:2px solid var(--bg-primary);display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.5);transition:color .2s ease}.profile-story-inner--active{color:var(--profile-story-color,var(--accent-primary))}.profile-story-label{font-size:10px;color:rgba(255,255,255,.6);font-weight:500;max-width:60px;text-align:center;line-height:1.15;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word}.profile-story-expanded{overflow:hidden;min-width:0;box-sizing:border-box;padding:0 var(--container-pad)}.profile-highlight-card{background:var(--bg-card);border-radius:var(--radius-lg);padding:16px;margin-bottom:16px;border:1px solid var(--border-subtle);min-width:0;max-width:100%;box-sizing:border-box}.profile-highlight-card--battle{border-color:color-mix(in srgb,var(--warning) 20%,transparent)}.profile-highlight-card--badges{border-color:color-mix(in srgb,var(--accent-primary) 20%,transparent)}.profile-highlight-header{display:flex;align-items:center;gap:8px;margin-bottom:12px;flex-wrap:wrap;min-width:0}.profile-highlight-title{font-size:13px;font-weight:700;color:var(--text-primary);min-width:0;flex:1 1 auto}.profile-highlight-title-icon{width:16px;height:16px}.profile-highlight-title-icon--purple{color:#ff7a2e}.profile-highlight-streak{margin-left:auto;display:flex;align-items:center;gap:4px;padding:3px 8px;border-radius:10px;background:rgba(234,179,8,.15)}.profile-highlight-streak-icon{width:16px;height:16px}.profile-highlight-streak-text{font-size:10px;font-weight:700;color:#eab308}.profile-highlight-count{font-size:11px;color:var(--text-muted);margin-left:auto;flex-shrink:0;white-space:nowrap}.profile-highlight-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.profile-highlight-stat{text-align:center;padding:10px 4px;background:rgba(255,255,255,.04);border-radius:10px}.profile-highlight-stat-value{font-size:16px;font-weight:800;color:var(--profile-stat-color,var(--text-primary))}.profile-highlight-stat-label{font-size:9px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.3px}.profile-highlight-earnings{margin-top:10px;padding:10px;background:rgba(16,185,129,.08);border-radius:10px;display:flex;align-items:center;justify-content:space-between}.profile-highlight-earnings-label{font-size:12px;color:var(--text-muted)}.profile-highlight-earnings-value{font-size:13px;font-weight:700;color:#10b981}.profile-highlight-empty{font-size:12px;color:var(--text-muted);text-align:center;padding:8px 0;margin:0}.profile-badge-pills{display:flex;gap:8px;flex-wrap:wrap;min-width:0;width:100%}.profile-badge-pill{padding:5px 10px;border-radius:20px;background:rgba(255,122,46,.15);font-size:11px;font-weight:600;color:rgba(255,255,255,.8);max-width:100%;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;box-sizing:border-box}.profile-badge-pill--more{background:rgba(255,255,255,.05);color:var(--text-muted)}.profile-referral-wrap{margin-bottom:16px}.profile-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px}.profile-grid-cell{text-decoration:none;aspect-ratio:1}.profile-grid-cell:hover .profile-grid-hover{opacity:1}.profile-grid-cell-inner{width:100%;height:100%;min-height:0;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;background:var(--profile-cell-bg,rgba(255,255,255,.06))}.profile-grid-thumb{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.profile-grid-platform{display:flex;flex-direction:column;align-items:center;gap:6px}.profile-grid-platform-icon{width:20px;height:20px}.profile-grid-platform-icon,.profile-grid-platform-label{color:var(--profile-platform-color,var(--accent-primary))}.profile-grid-platform-label{font-size:11px;font-weight:800;letter-spacing:.5px}.profile-grid-fallback-icon{width:28px;height:28px}.profile-grid-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:36px;height:36px;border-radius:50%;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;color:white}.profile-grid-play-icon{width:16px;height:16px;margin-left:2px}.profile-grid-hover{position:absolute;inset:0;background:rgba(0,0,0,.4);display:flex;align-items:center;justify-content:center;gap:24px;opacity:0;transition:opacity .2s ease}.profile-grid-hover-stat{display:flex;align-items:center;gap:6px;color:white}.profile-grid-hover-icon{width:22px;height:22px}.profile-grid-hover-count{font-size:14px;font-weight:600}.profile-grid-badge{position:absolute;top:6px;right:6px;width:8px;height:8px;border-radius:50%;z-index:2}.profile-grid-badge--win{background:#10b981}.profile-grid-badge--lose{background:#ef4444}.profile-grid-badge--draw{background:rgba(255,255,255,.5)}.profile-grid-badge--live{background:#eab308;animation:pulse 2s infinite}.profile-grid-trophy{width:14px;height:14px;position:absolute;top:6px;right:6px;z-index:2}.profile-tab-empty{text-align:center;padding:48px 16px}.profile-tab-empty-icon{width:40px;height:40px;margin-bottom:16px}.profile-tab-empty-icon--muted{color:rgba(255,255,255,.15)}.profile-tab-empty-text{font-size:14px;color:var(--text-muted);margin:0 0 16px}.profile-tab-empty-hint{font-size:12px;color:rgba(255,255,255,.35);max-width:240px;margin:0 auto 16px}.profile-tab-cta{display:inline-flex;align-items:center;gap:6px;padding:10px 20px;background:var(--accent-primary);color:white;font-weight:600;border-radius:10px;text-decoration:none;font-size:13px}.profile-tab-cta-icon{width:14px;height:14px}.profile-bets-panel{padding:12px 16px}.profile-section-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;margin:0 0 10px;color:var(--text-muted)}.profile-section-label--unlocked{color:#10b981}.profile-section-label--locked{color:rgba(255,255,255,.3)}.profile-section-block{margin-bottom:16px}.profile-card-list{display:flex;flex-direction:column;gap:8px}.profile-badges-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;width:100%;min-width:0}.profile-badges-grid--locked{opacity:.5}.profile-achievements{display:flex;flex-direction:column;gap:16px;min-width:0;width:100%}.profile-achievement-card{background:var(--bg-card);border-radius:12px;padding:12px 8px;text-align:center;border:1px solid rgba(255,255,255,.05);min-width:0;max-width:100%;box-sizing:border-box}.profile-achievement-icon-wrap{width:40px;height:40px;margin:0 auto 8px;border-radius:50%;display:flex;align-items:center;justify-content:center}.profile-achievement-icon{width:20px;height:20px}.profile-achievement-name{font-size:11px;font-weight:700;color:var(--text-primary);min-width:0}.profile-achievement-name,.profile-achievement-rarity{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-achievement-rarity{font-size:9px;color:rgba(255,255,255,.4);text-transform:uppercase}.profile-notif-list{display:flex;flex-direction:column;gap:8px}.profile-notif-card{padding:12px;border-radius:12px;text-decoration:none;display:flex;align-items:flex-start;gap:10px;background:rgba(255,255,255,.02);border:1px solid var(--border-subtle)}.profile-notif-card--unread{background:rgba(255,92,26,.06);border-color:rgba(255,92,26,.15)}.profile-notif-dot{width:6px;height:6px;border-radius:50%;background:var(--accent-primary);margin-top:6px;flex-shrink:0}.profile-notif-body{flex:1;min-width:0}.profile-notif-title{font-size:13px;font-weight:600;color:var(--text-primary);margin:0 0 2px}.profile-notif-message{font-size:12px;color:var(--text-secondary);margin:0 0 4px}.profile-notif-time{font-size:10px;color:var(--text-muted);margin:0}.profile-notif-view-all{margin-top:4px;padding:10px;text-align:center;background:rgba(255,255,255,.04);border-radius:10px;color:var(--accent-primary);font-size:12px;font-weight:600;text-decoration:none;display:block}@media (max-width:375px){.profile-stories{gap:10px}.profile-story-ring{width:52px;height:52px}.profile-story-label{max-width:52px;font-size:9px}.profile-highlight-card{padding:12px}.profile-badge-pill{font-size:10px;padding:4px 8px}}@media (max-width:320px){.profile-stories{gap:8px}.profile-story-ring{width:48px;height:48px}.profile-story-label{max-width:48px}.profile-badges-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.profile-achievement-card{padding:10px 6px}.profile-achievement-icon-wrap{width:36px;height:36px;margin-bottom:6px}.profile-achievement-icon{width:18px;height:18px}}.battles-page{background:var(--bg-primary)}html.battles-route-active .page-wrapper{overflow:hidden;height:100dvh;max-height:100dvh}html.battles-route-active .main-content{padding-bottom:0}.battles-feed-page{box-sizing:border-box;display:flex;flex-direction:column;overflow:hidden;width:100%;max-width:100%;padding-top:var(--main-content-offset);height:calc(100dvh - var(--main-content-bottom-pad));max-height:calc(100dvh - var(--main-content-bottom-pad))}@media (min-width:768px){.battles-feed-page{padding-top:var(--desktop-top-offset);height:calc(100dvh - var(--space-6));max-height:calc(100dvh - var(--space-6));margin-bottom:0}}.battles-feed-chrome{flex-shrink:0;padding:8px 12px}.battles-feed-chrome .battles-stats-strip{margin-bottom:8px;padding:0}.battles-feed-chrome .battles-toolbar{margin-bottom:0}.battles-feed-scroll{position:relative;flex:1;min-height:0;overflow-y:auto;scroll-snap-type:y mandatory;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch}.battles-feed-slide{scroll-snap-align:start;scroll-snap-stop:always;height:100%;min-height:100%;display:flex;flex-direction:column;box-sizing:border-box}.battles-feed-slide-inner{flex:1;min-height:0;display:flex;flex-direction:column;padding:6px 8px 8px;box-sizing:border-box}.battles-feed-slide-inner--state{align-items:center;justify-content:center}.battles-feed-slide-inner .battles-list-item{flex:1;min-height:0;display:flex;width:100%;max-width:100%}.battles-feed-slide-inner .content-battle-card{flex:1;min-height:0;display:flex;flex-direction:column;border-radius:18px;border:1px solid rgba(255,255,255,.1);overflow:hidden;box-shadow:0 12px 40px rgba(0,0,0,.35);background:linear-gradient(165deg,rgba(255,255,255,.06),rgba(8,4,20,.96))}.battles-feed-slide-inner .content-battle-card>:not(.cbc-hero),.battles-feed-slide-inner .content-battle-card>header{flex-shrink:0}.battles-feed-slide-inner .cbc-hero{flex:1;min-height:160px;height:auto!important;max-height:none!important}.battles-feed-slide-inner .cbc-hero-grid{flex:1;min-height:0;height:100%}.battles-feed-slide-inner .cbc-hero-pane,.battles-feed-slide-inner .cbc-hero-pane>*{min-height:0}.battles-feed-slide-inner .battles-empty,.battles-feed-slide-inner .battles-error{width:100%;max-width:420px}.battles-banner-img{display:block;width:100%;height:auto;border-radius:14px}.battles-stats-strip{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) 0;margin-bottom:var(--space-4)}.battles-stat-item{display:flex;align-items:center;gap:4px;flex:1;justify-content:center}.battles-stat-dot{width:6px;height:6px;border-radius:50%;background:var(--error);animation:pulse 1.5s infinite}.battles-stat-icon{width:18px;height:18px;flex-shrink:0}.battles-stat-value--live{color:var(--error)}.battles-stat-value--live,.battles-stat-value--open{font-family:var(--font-display);font-size:15px;font-weight:400;font-variant-numeric:tabular-nums}.battles-stat-value--open{color:var(--accent-secondary)}.battles-stat-label{font-size:9px;color:var(--text-primary);font-weight:600}.battles-stat-divider{width:1px;height:16px;background:var(--border-subtle);flex-shrink:0}.battles-stat-link{display:flex;align-items:center;gap:4px;flex:1;justify-content:center;text-decoration:none}.battles-stat-link-label{font-size:9px;color:var(--text-secondary);font-weight:700}.battles-toolbar{display:flex;align-items:center;gap:8px;margin-bottom:12px}.battles-tabs{display:flex;gap:6px;flex:1;overflow-x:auto}.battles-tab-btn{display:flex;align-items:center;gap:5px;padding:7px 12px;font-size:12px;font-weight:600;color:var(--text-secondary);background:transparent;border:none;border-radius:8px;cursor:pointer;white-space:nowrap;transition:background .15s ease,color .15s ease}.battles-tab-btn--active{color:var(--text-primary);background:var(--border-subtle)}.battles-tab-icon{width:18px;height:18px;flex-shrink:0}.battles-sort-btn{display:flex;align-items:center;gap:4px;padding:7px 10px;border:none;background:transparent;color:var(--text-primary);font-size:10px;font-weight:600;cursor:pointer;white-space:nowrap;flex-shrink:0;transition:color .15s ease}.battles-sort-btn--pool{color:#ffb020}.battles-sort-icon{width:12px;height:12px}.battles-list-section{padding-bottom:var(--section-gap-lg)}.battles-list{display:flex;min-width:0;width:100%;max-width:100%}.battles-list,.battles-list.battles-grid{flex-direction:column;gap:var(--feed-stack-gap)}.battles-list.battles-grid{display:flex!important;align-items:center}.battles-list-item{min-width:0;width:100%;max-width:100%}.battles-list-item .content-battle-card{border-radius:var(--radius-md);border:1px solid var(--ig-border);overflow:hidden}.battles-empty,.battles-error{text-align:center;padding:20px 14px;border-radius:16px}.battles-error{background:rgba(239,68,68,.06);border:1px solid rgba(239,68,68,.2)}.battles-empty{padding:32px 14px 40px;margin-bottom:48px;background:rgba(239,68,68,.04);border:1px dashed rgba(239,68,68,.15)}.battles-state-icon{width:24px;height:24px;margin:0 auto 12px;display:block}.battles-state-icon--lg{width:32px;height:32px}.battles-state-title{font-family:var(--font-display);font-size:18px;font-weight:400;text-transform:uppercase;letter-spacing:.04em;color:var(--text-primary);margin:0 0 6px}.battles-state-body{font-size:12px;color:var(--text-muted);margin:0 0 16px}.battles-cta-btn{padding:10px 20px;border-radius:10px;background:linear-gradient(135deg,#ef4444,#dc2626);border:none;color:white;font-size:12px;font-weight:700;cursor:pointer}.battles-loading-list{display:flex;flex-direction:column;gap:10px}.battles-loading-row{height:96px;border-radius:14px;background:var(--button-secondary);border:1px solid var(--border-subtle);animation:pulse 1.5s infinite}.battles-skeleton{display:flex;flex-direction:column;gap:24px}.battles-skeleton-header{display:flex;flex-direction:column;gap:8px}.battles-skeleton-header-row{display:flex;align-items:center;gap:8px}.battles-skeleton-icon{width:20px;height:20px}.battles-skeleton-icon,.battles-skeleton-title{border-radius:4px;background:var(--bg-elevated)}.battles-skeleton-title{height:24px;width:128px}.battles-skeleton-sub{height:16px;width:224px;border-radius:4px;background:var(--bg-elevated)}.battles-skeleton-tabs{display:flex;gap:8px}.battles-skeleton-tab{height:36px;width:80px;border-radius:8px;background:var(--bg-elevated)}.battles-skeleton-cards{display:flex;flex-direction:column;gap:var(--feed-stack-gap)}.battles-skeleton-card{border-radius:0;padding:12px;background:var(--bg-card);border-bottom:1px solid var(--border-subtle)}.battles-skeleton-vs{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.battles-skeleton-fighter{display:flex;align-items:center;gap:8px}.battles-skeleton-avatar{width:32px;height:32px;border-radius:50%;background:var(--bg-elevated)}.battles-skeleton-name{width:80px;height:16px;border-radius:4px;background:var(--bg-elevated)}.battles-skeleton-vs-badge{width:32px;height:24px;border-radius:4px;background:var(--bg-elevated)}.battles-skeleton-topic{width:75%;height:16px;border-radius:4px;background:var(--bg-elevated);margin-bottom:12px}.battles-skeleton-meta{display:flex;gap:16px}.battles-skeleton-meta-item{width:64px;height:12px;border-radius:4px;background:var(--bg-elevated)}@media (min-width:640px){.battles-list-item{max-width:min(var(--feed-column-max),100%)}.battles-list-item .content-battle-card{border-radius:12px;border:1px solid var(--ig-border);overflow:hidden}}@media (min-width:768px){.battles-list{width:100%;max-width:100%;margin-left:0;margin-right:0}}.create-progress{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:14px}.create-progress-step-wrap{display:flex;align-items:center;gap:6px}.create-progress-dot{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;background:var(--button-secondary);color:var(--text-muted)}.create-progress-dot--active{background:var(--button-primary);color:var(--button-text-on-primary)}.create-progress-line{width:30px;height:2px;background:var(--border-default)}.create-progress-line--active{background:var(--accent-gradient)}.create-nav{padding:12px 14px;border-top:1px solid var(--border-default);display:flex;justify-content:space-between;align-items:center;flex-shrink:0;position:relative;z-index:5;background:var(--bg-secondary)}.create-nav-back{padding:10px 14px;border-radius:var(--radius-md);font-size:13px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px;line-height:1;min-height:44px;background:var(--button-secondary);border:1px solid var(--border-subtle);color:var(--text-secondary)}.create-nav-back--hidden{background:transparent;border-color:transparent;color:transparent;cursor:default}.create-nav-next{padding:10px 16px;border-radius:var(--radius-md);background:var(--button-primary);border:none;color:var(--button-text-on-primary);font-size:13px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px;line-height:1;min-height:44px}.create-nav-icon{width:16px;height:16px}.create-step-header{padding:14px;border-bottom:1px solid var(--border-default)}.create-step-header--purple{background:linear-gradient(135deg,rgba(255,122,46,.2),rgba(255,122,46,.1))}.create-step-header--red{background:linear-gradient(135deg,rgba(239,68,68,.2),rgba(220,38,38,.1))}.create-step-header--teal{background:linear-gradient(135deg,rgba(20,184,166,.2),rgba(255,122,46,.1))}.create-step-header-row{display:flex;align-items:center;gap:12px}.create-step-header-icon{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.create-step-header-icon--red{background:linear-gradient(135deg,#ef4444,#dc2626)}.create-step-header-icon-svg{width:20px;height:20px}.create-step-title{font-size:18px;font-weight:700;color:var(--text-primary);margin:0}.create-step-title--sm{font-size:15px}.create-step-subtitle{font-size:13px;color:var(--text-secondary);margin:0}.create-step-subtitle--spaced{margin-top:4px}.create-step-body{padding:14px}.create-field{margin-bottom:20px}.create-field--last{margin-bottom:24px}.create-label{display:block;font-size:12px;font-weight:600;color:var(--text-secondary);margin-bottom:8px}.create-label--row{display:flex;align-items:center;gap:6px}.create-label-icon{width:14px;height:14px}.create-label-icon--accent{color:var(--accent-primary)}.create-label-icon--purple{color:#ff7a2e}.create-label-hint{font-size:10px;color:var(--text-muted);font-weight:400}.create-label-note{font-size:11px;color:var(--text-muted);margin-bottom:12px}.create-input,.create-select{width:100%;padding:14px 16px;border-radius:12px;background:var(--button-secondary);border:1px solid var(--border-default);color:var(--text-primary);font-size:14px;outline:none}.create-input--error{border:2px solid #ef4444}.create-input--spaced{margin-top:12px}.create-error{font-size:11px;color:#ef4444;margin-top:4px;display:block}.create-error-row{margin-top:12px;display:flex;align-items:center;gap:6px;color:#ef4444;font-size:12px}.create-error-icon{width:14px;height:14px}.create-chip-row{display:flex;gap:8px;margin-bottom:8px}.create-chip{flex:1;padding:12px;border-radius:10px;background:var(--button-secondary);border:1px solid var(--border-default);color:var(--text-primary);font-size:13px;font-weight:600;cursor:pointer}.create-chip--active{background:var(--button-primary);border-color:var(--border-accent)}.create-choice-row{display:flex;gap:8px}.create-choice{flex:1;padding:14px;border-radius:12px;background:var(--button-secondary);border:1px solid var(--border-default);color:var(--text-primary);font-size:12px;font-weight:600;cursor:pointer;text-align:left;min-height:44px}.create-choice--active{background:linear-gradient(135deg,rgba(20,184,166,.2),rgba(255,122,46,.2));border-color:rgba(20,184,166,.5)}.create-choice--async{display:flex;flex-direction:column;gap:4px;align-items:center;font-size:14px}.create-choice--async.create-choice--active{background:linear-gradient(135deg,#22c55e,#16a34a);border-color:rgba(34,197,94,.5)}.create-choice--live.create-choice--active{background:linear-gradient(135deg,#ef4444,#dc2626);border:none}.create-choice-sub{font-size:10px;color:var(--text-muted);margin-top:4px;font-weight:400}.create-choice-sub--center{font-size:11px;opacity:.7}.create-mode-row{display:flex;gap:8px}.create-live-notice{padding:20px;border-radius:12px;background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.3);text-align:center}.create-live-notice-icon{width:48px;height:48px;margin:0 auto 12px;color:#ef4444;display:block}.create-live-notice-title{font-size:16px;font-weight:700;color:var(--text-primary);margin:0 0 8px}.create-live-notice-body{font-size:13px;color:var(--text-secondary);margin:0}.create-type-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:14px}.create-type-btn{padding:10px 6px;border-radius:10px;background:var(--bg-elevated);border:1px solid var(--border-default);cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:6px}.create-type-btn--selected{border-width:2px;background:color-mix(in srgb,var(--create-type-color,var(--accent-primary)) 25%,transparent);border-color:var(--create-type-color,var(--accent-primary))}.create-type-icon{width:20px;height:20px;color:var(--text-muted)}.create-type-icon--selected{color:var(--create-type-color,var(--accent-primary))}.create-type-label{font-size:11px;font-weight:600;color:var(--text-primary)}.create-dial-wrap{display:flex;justify-content:center}.create-dropzone{padding:20px 14px;border-radius:12px;background:var(--button-secondary);border:2px dashed var(--border-default);text-align:center}.create-dropzone--filled{padding:0}.create-dropzone--drag{background:rgba(20,184,166,.1);border-color:var(--accent-primary)}.create-dropzone-icon{width:32px;height:32px;color:var(--text-muted);margin:0 auto 10px;display:block}.create-dropzone-text{font-size:14px;color:var(--text-secondary);margin:0 0 8px}.create-dropzone-hint{font-size:12px;color:var(--text-muted);margin:0}.create-dropzone-btn{margin-top:12px;padding:10px 16px;border-radius:10px;background:var(--button-primary);border:none;color:var(--button-text-on-primary);font-size:13px;font-weight:600;cursor:pointer}.create-preview-wrap{position:relative}.create-preview-img,.create-preview-video{width:100%;border-radius:12px}.create-preview-video{max-height:400px;background:#000}.create-preview-clear{position:absolute;top:8px;right:8px;width:32px;height:32px;border-radius:50%;background:rgba(0,0,0,.7);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center}.create-preview-clear-icon{width:16px;height:16px;color:white}.create-hidden-input{display:none}.create-meme-actions{display:flex;gap:8px;margin-top:12px}.create-btn-secondary{flex:1;padding:12px;background:var(--button-secondary);color:var(--text-primary)}.create-btn-danger,.create-btn-secondary{border-radius:10px;border:none;font-size:13px;font-weight:600;cursor:pointer}.create-btn-danger{padding:12px 16px;background:rgba(239,68,68,.2);color:#fca5a5}.create-btn-danger-icon{width:16px;height:16px}.create-meme-launch{width:100%;padding:20px 14px;border-radius:16px;background:linear-gradient(135deg,rgba(255,122,46,.1),rgba(255,122,46,.05));border:2px dashed rgba(255,122,46,.3);cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:12px}.create-meme-launch-icon-wrap{width:40px;height:40px;border-radius:16px;background:linear-gradient(135deg,#ff7a2e,#ff7a2e);display:flex;align-items:center;justify-content:center}.create-meme-launch-icon{width:28px;height:28px;color:var(--button-text-on-primary)}.create-meme-launch-title{font-size:15px;font-weight:600;color:var(--text-primary)}.create-meme-launch-sub{font-size:12px;color:var(--text-muted)}.create-section-block{margin-bottom:14px}.create-textarea{width:100%;min-height:100px;padding:14px 16px;color:var(--text-primary);font-size:14px;outline:none;resize:vertical;font-family:inherit}.create-preview-card,.create-textarea{border-radius:12px;background:var(--button-secondary);border:1px solid var(--border-default)}.create-preview-card{padding:14px}.create-submit-btn{width:100%;padding:14px;border-radius:12px;background:var(--button-primary);border:none;color:var(--button-text-on-primary);font-size:14px;font-weight:700;cursor:pointer}.create-submit-btn:disabled{opacity:.5;cursor:not-allowed}.create-loading-skeleton{display:flex;flex-direction:column;gap:16px}.create-loading-bar{height:16px;border-radius:4px;background:var(--bg-elevated)}.create-loading-bar--lg{width:75%}.create-loading-bar--full{width:100%}.create-joke-card{position:relative;border-radius:20px;overflow:hidden;padding:32px 24px 40px;min-height:160px;display:flex;align-items:center;justify-content:center;background:var(--create-joke-bg,var(--bg-elevated))}.create-joke-card-border{position:absolute;inset:0;border-radius:20px;border:1px solid rgba(255,255,255,.12);pointer-events:none}.create-joke-card-noise{position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E");background-size:128px 128px;opacity:.5;pointer-events:none;mix-blend-mode:overlay}.create-joke-quote{position:absolute;font-size:64px;line-height:1;font-family:Georgia,serif;opacity:.1;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;color:var(--create-joke-text,#fff)}.create-joke-quote--open{top:8px;left:14px}.create-joke-quote--close{bottom:20px;right:60px}.create-joke-ai-badge{position:absolute;top:10px;right:10px}.create-joke-text{position:relative;font-size:17px;font-weight:700;color:var(--create-joke-text,#fff);margin:0;line-height:1.6;text-align:center;text-shadow:1px 1px 3px rgba(0,0,0,.35);letter-spacing:.01em;max-width:85%;word-break:break-word}.create-joke-watermark{position:absolute;bottom:10px;right:12px;display:flex;align-items:center;gap:5px;opacity:.35;pointer-events:none}.create-joke-watermark-logo{border-radius:4px}.create-joke-watermark-brand{font-size:10px;font-weight:700;color:var(--create-joke-text,#fff);letter-spacing:.04em}.create-loading-bar--sm{height:12px;width:64px;margin-bottom:12px}.create-loading-bar--title{height:32px;width:224px;margin-bottom:8px}.create-loading-bar--subtitle{height:16px;width:100%;max-width:384px}.create-loading-card{height:128px;border-radius:16px;background:var(--bg-card)}@media (min-width:768px){.create-loading-card{height:208px}}.create-loading-page{background:var(--bg-primary)}.create-section-spaced{margin-top:16px}.create-bg-swatch-row{display:flex;gap:8px;flex-wrap:wrap}.create-bg-swatch{width:40px;height:40px;border-radius:10px;background:var(--create-bg-value);border:2px solid var(--border-default);cursor:pointer}.create-bg-swatch--selected{border:3px solid var(--accent-primary)}.create-textarea--fixed{resize:none}.create-char-row{display:flex;justify-content:space-between;align-items:center;margin-top:6px}.create-ai-inline-btn{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:999px;border:1px solid rgba(255,122,46,.35);background:rgba(255,122,46,.12);color:#ffd27a;font-size:11px;font-weight:600;cursor:pointer}.create-ai-inline-btn--loading{opacity:.7;cursor:wait}.create-char-count,.create-char-hint{font-size:11px;color:var(--text-muted)}.create-char-count--warn{color:#f97316}.create-edit-hint{font-size:11px;color:var(--text-muted);margin-top:6px}.create-label-optional{opacity:.5}.create-error--spaced{margin-top:8px}.create-pill-row{display:flex;gap:8px;flex-wrap:wrap}.create-pill{padding:8px 14px;border-radius:20px;background:var(--button-secondary);border:1px solid var(--border-default);cursor:pointer;display:flex;align-items:center;gap:6px}.create-pill--active.create-pill--purple{background:linear-gradient(135deg,#ff7a2e,#e63f0e);border:none}.create-pill--active.create-pill--cyan{background:linear-gradient(135deg,#06b6d4,#0891b2);border:none}.create-pill-label{font-size:12px;color:var(--text-primary);font-weight:500}.create-pill--active .create-pill-label{color:white}.create-ai-generate-btn{width:100%;padding:16px;border-radius:14px;background:linear-gradient(135deg,#ff7a2e,#e63f0e);border:none;color:white;font-size:14px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;box-shadow:0 4px 16px rgba(255,122,46,.4)}.create-ai-generate-btn--loading{background:rgba(255,122,46,.3);cursor:not-allowed;box-shadow:none}.create-ai-generate-icon{width:18px;height:18px}.create-ai-generate-icon--spin{animation:spin 1s linear infinite}.create-platform-badge{margin-top:12px;padding:10px 14px;border-radius:10px;background:color-mix(in srgb,var(--create-platform-color,var(--accent-primary)) 12.5%,transparent);border:1px solid color-mix(in srgb,var(--create-platform-color,var(--accent-primary)) 25%,transparent);display:flex;align-items:center;gap:8px}.create-platform-badge-text{font-size:13px;color:var(--create-platform-color,var(--accent-primary));font-weight:600}.create-embed-card{margin-top:16px;border-radius:12px;border:1px solid var(--border-default);background:var(--bg-card);overflow:hidden;max-height:520px;display:flex;flex-direction:column}.create-embed-card-header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 14px;border-bottom:1px solid var(--border-subtle);flex-shrink:0}.create-embed-card-header-text{font-size:12px;color:var(--text-secondary);margin:0}.create-embed-card-body{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden}.create-embed-frame-wrap{position:relative;width:100%;height:280px;background:#0a0f1a;display:flex;align-items:center;justify-content:center}.create-embed-frame-wrap--tall{height:480px}.create-embed-frame-wrap--tiktok{padding:12px;min-height:260px;height:auto}.create-embed-iframe{width:100%;height:100%;border:none}.create-embed-js-wrap{min-height:200px;padding:8px}.create-link-preview-wrap{margin-top:16px}.create-yt-thumb-wrap{margin-top:12px;padding:0 14px 14px}.create-yt-thumb{width:100%;border-radius:8px;display:block}.create-dropzone--gif{border-radius:16px;transition:all .2s;border:2px dashed var(--border-default)}.create-dropzone--gif.create-dropzone--drag{background:rgba(236,72,153,.1);border-color:#ec4899}.create-dropzone-icon--gif{width:48px;height:48px;color:#ec4899;margin:0 auto 16px;display:block}.create-dropzone-text--bold{font-size:14px;font-weight:600;color:var(--text-primary);margin:0 0 4px}.create-preview-gif{width:100%;max-height:300px;-o-object-fit:contain;object-fit:contain;border-radius:12px;background:#0a0f1a}.create-gif-badge{position:absolute;bottom:8px;left:8px;padding:4px 10px;border-radius:6px;background:rgba(236,72,153,.9);font-size:11px;font-weight:600;color:white}.create-audio-panel{padding:20px;border-radius:16px}.create-audio-panel--recorded{background:linear-gradient(135deg,rgba(6,182,212,.2),rgba(8,145,178,.1));border:1px solid rgba(6,182,212,.3)}.create-audio-record-row{display:flex;align-items:center;gap:12px;margin-bottom:12px}.create-audio-icon-circle{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#06b6d4,#0891b2);display:flex;align-items:center;justify-content:center;flex-shrink:0}.create-audio-icon-circle--recording{background:linear-gradient(135deg,#ef4444,#dc2626);margin:0 auto 16px;animation:create-audio-pulse 1.5s infinite}.create-audio-icon{width:24px;height:24px;color:white}.create-audio-icon--lg{width:36px;height:36px}.create-audio-info{flex:1}.create-audio-title{font-size:14px;font-weight:600;color:var(--text-primary);margin:0}.create-audio-meta{font-size:12px;color:var(--text-muted);margin:0}.create-audio-player{width:100%;margin-bottom:12px}.create-btn-danger--full{width:100%;border:1px solid rgba(239,68,68,.3)}.create-audio-record-zone{padding:20px 14px;border-radius:16px;text-align:center;border:2px dashed var(--border-default);background:var(--button-secondary)}.create-audio-record-zone--active{background:linear-gradient(135deg,rgba(239,68,68,.2),rgba(220,38,38,.1));border-color:#ef4444}.create-audio-record-time{font-size:16px;font-weight:700;color:#ef4444;margin:0 0 8px}.create-audio-record-status{font-size:13px;color:rgba(255,255,255,.5);margin:0 0 16px}.create-audio-mic-icon{width:48px;height:48px;color:#06b6d4;margin:0 auto 16px;display:block}.create-audio-zone-title{font-size:14px;font-weight:600;color:var(--text-primary);margin:0 0 4px}.create-audio-zone-hint{font-size:12px;color:rgba(255,255,255,.5);margin:0 0 16px}.create-audio-action-btn{padding:12px 32px;border-radius:12px;border:none;color:white;font-size:14px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:8px}.create-audio-action-btn--start{background:linear-gradient(135deg,#06b6d4,#0891b2)}.create-audio-action-btn--stop{background:linear-gradient(135deg,#ef4444,#dc2626)}.create-audio-action-icon{width:16px;height:16px}@keyframes create-audio-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.85;transform:scale(1.05)}}.create-search-row{display:flex;gap:8px;margin-bottom:8px}.create-input--flex{flex:1}.create-btn-amber{padding:10px 16px;border-radius:10px;background:rgba(245,158,11,.25);border:1px solid rgba(245,158,11,.4);color:#fbbf24;font-size:13px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:6px}.create-btn-amber:disabled{cursor:wait}.create-btn-amber--sm{padding:6px 12px}.create-btn-amber--sm,.create-btn-amber--xs{border-radius:8px;font-size:12px;border-color:rgba(245,158,11,.3);background:rgba(245,158,11,.2)}.create-btn-amber--xs{margin-top:12px;padding:8px 16px}.create-btn-amber-icon{width:18px;height:18px}.create-btn-amber-icon--sm{width:14px;height:14px}.create-search-warning{font-size:11px;color:rgba(251,191,36,.9);margin:0 0 8px}.create-grid-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.create-image-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;min-width:0;max-height:min(70vh,480px);overflow-y:auto;overflow-x:hidden}.create-image-grid-btn{position:relative;overflow:hidden;padding:0;cursor:pointer;background:var(--bg-elevated);border:2px solid var(--border-default)}.create-image-grid-btn--square{aspect-ratio:1;border-radius:8px}.create-image-grid-btn--landscape{aspect-ratio:4/3;border-radius:12px}.create-image-grid-btn--selected{border:3px solid #f59e0b}.create-image-grid-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.create-image-grid-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.06)}.create-image-grid-fallback-icon{width:32px;height:32px;color:var(--text-muted)}.create-image-grid-overlay{position:absolute;inset:0;background:rgba(245,158,11,.3)}.create-image-grid-check,.create-image-grid-overlay{display:flex;align-items:center;justify-content:center}.create-image-grid-check{width:32px;height:32px;border-radius:50%;background:#f59e0b}.create-image-grid-check-mark{color:white;font-weight:700}.create-caption-preview{margin-top:12px;border-radius:12px;overflow:hidden;background:#0a0f1a;border:1px solid var(--border-default)}.create-caption-preview-img{width:100%;aspect-ratio:4/3;-o-object-fit:cover;object-fit:cover}.create-caption-preview-overlay{padding:10px 12px;background:linear-gradient(0deg,rgba(0,0,0,.9),rgba(0,0,0,.7));margin-top:-60px;position:relative}.create-caption-preview-text{font-size:14px;font-weight:700;color:white;margin:0;text-align:center;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.create-live-summary-card{background:var(--bg-card);border-radius:16px;padding:20px;border:1px solid var(--border-default);margin-bottom:16px}.create-summary-field{margin-bottom:16px}.create-summary-label{font-size:12px;color:var(--text-muted);margin-bottom:4px}.create-summary-value{font-size:16px;font-weight:600;color:var(--text-primary)}.create-summary-value--accent{color:var(--accent-primary)}.create-summary-value--mono{font-size:13px;font-family:monospace}.create-alert-error{display:flex;align-items:center;gap:8px;padding:12px;border-radius:10px;background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.3);margin-bottom:16px}.create-alert-error--start{align-items:flex-start;border-radius:8px}.create-alert-error-icon{width:16px;height:16px;color:#ef4444;flex-shrink:0}.create-alert-error-icon--offset{margin-top:2px}.create-alert-error-text{font-size:12px;color:#fca5a5}.create-alert-error-text--md{font-size:13px;color:#ef4444}.create-preview-shell{background:var(--bg-card);border-radius:16px;overflow:hidden;border:1px solid var(--border-default);margin-bottom:16px}.create-preview-meta{padding:14px}.create-preview-topic{font-size:15px;font-weight:700;color:var(--text-primary);margin:0 0 6px}.create-preview-stats{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.create-preview-stake{font-size:14px;color:var(--accent-primary);font-weight:600}.create-preview-challenge{font-size:12px;color:var(--text-muted)}.create-content-badge{font-size:11px;padding:3px 8px;border-radius:6px;font-weight:600;background:color-mix(in srgb,var(--create-content-type-color,var(--accent-primary)) 19%,transparent);color:var(--create-content-type-color,var(--text-primary))}.create-info-box{padding:14px;border-radius:12px;background:rgba(20,184,166,.1);border:1px solid rgba(20,184,166,.2);margin-bottom:16px}.create-info-box-text{font-size:12px;color:var(--text-secondary);margin:0;line-height:1.6}.create-info-box-strong{color:var(--accent-primary)}.create-wallet-hint{font-size:11px;color:var(--text-muted);text-align:center;margin-top:12px}.create-connect-wallet-btn,.create-wizard-cta{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 20px;border-radius:12px;border:none;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));color:white;font-size:14px;font-weight:700;cursor:pointer;transition:box-shadow .2s ease}.create-connect-wallet-btn--lg,.create-wizard-cta--lg{padding:16px 20px}.create-wizard-cta--live{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 4px 16px rgba(239,68,68,.3)}.create-wizard-cta:disabled{opacity:.5;cursor:not-allowed}.create-submit-icon{width:18px;height:18px}.create-submit-icon--lg{width:20px;height:20px}.create-link-card{border-radius:12px;overflow:hidden;background:var(--bg-card)}.create-link-card--accent{border:1px solid color-mix(in srgb,var(--create-platform-color,#3b82f6) 19%,transparent)}.create-link-card--default{border:1px solid var(--border-default)}.create-link-card-loading{padding:24px;display:flex;align-items:center;justify-content:center;gap:8px;color:var(--text-muted);font-size:13px;min-height:80px}.create-link-card-fallback{padding:16px;display:flex;align-items:center;gap:12px}.create-link-card-icon-wrap{width:40px;height:40px;border-radius:10px;background:color-mix(in srgb,var(--create-platform-color,#3b82f6) 12.5%,transparent);display:flex;align-items:center;justify-content:center;flex-shrink:0}.create-link-card-icon{width:20px;height:20px;color:var(--create-platform-color,#3b82f6)}.create-link-card-body{flex:1;min-width:0}.create-link-card-title{font-size:13px;font-weight:600;color:var(--text-primary);margin:0}.create-link-card-domain,.create-link-card-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.create-link-card-domain,.create-link-card-error{font-size:11px;color:var(--text-muted);margin:2px 0 0}.create-link-card-error{display:flex;align-items:center;gap:4px}.create-link-card-error-icon{width:11px;height:11px}.create-link-card-thumb{width:100%;height:160px;overflow:hidden;background:#0a0f1a}.create-link-card-thumb-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.create-link-card-content{padding:12px 14px;overflow:hidden}.create-link-card-site-row{display:flex;align-items:center;gap:6px;margin-bottom:6px}.create-link-card-site{font-size:11px;font-weight:600;color:var(--create-platform-color,#3b82f6);text-transform:uppercase;letter-spacing:.03em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.create-link-card-headline{font-size:14px;font-weight:600;color:var(--text-primary);margin:0 0 4px}.create-link-card-desc,.create-link-card-headline{line-height:1.4;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:break-word}.create-link-card-desc{font-size:12px;color:var(--text-secondary);margin:0 0 8px}.create-link-card-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-top:8px;border-top:1px solid var(--border-subtle);overflow:hidden}.create-link-card-url{font-size:11px;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0}.create-link-card-spinner{width:16px;height:16px;animation:spin 1s linear infinite}.create-meme-modal-overlay{position:fixed;inset:0;z-index:var(--modal-z-base);background:var(--bg-modal-backdrop);backdrop-filter:var(--modal-backdrop-blur);overflow:hidden;overscroll-behavior:none}.create-meme-modal-scroll{height:100%;height:100dvh;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;touch-action:pan-y;display:flex;align-items:flex-start;justify-content:center;padding:max(14px,env(safe-area-inset-top,14px)) 14px 14px;padding-bottom:calc(var(--bottom-nav-height) + env(safe-area-inset-bottom, 0px) + 14px);box-sizing:border-box}.create-meme-modal-inner{width:100%;max-width:400px;margin:auto;flex-shrink:0}.meme-editor-root{overflow:hidden;border-radius:16px}.meme-editor-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-height:280px;padding:32px;background:var(--bg-secondary);border-radius:16px;color:var(--text-muted);font-size:14px}.meme-editor-loading-icon{width:28px;height:28px;color:var(--accent-primary)}.meme-editor-bottom-toolbar{padding:12px 16px;border-top:1px solid rgba(255,255,255,.1);display:flex;justify-content:flex-start;gap:8px;overflow-x:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;touch-action:pan-x;scrollbar-width:none}.meme-editor-bottom-toolbar::-webkit-scrollbar{display:none}.meme-editor-tool-panel{border-top:1px solid rgba(255,255,255,.1)}.meme-editor-tool-panel-scroll{padding:16px;max-height:min(280px,38dvh);overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;touch-action:pan-y}@media (max-height:600px){.create-meme-modal-scroll{padding-top:max(8px,env(safe-area-inset-top,8px));padding-bottom:calc(44px + 28px + env(safe-area-inset-bottom, 0px) + 8px)}.meme-editor-tool-panel-scroll{max-height:min(200px,30dvh)}}.create-content-preview{min-height:200px;background:var(--bg-elevated);display:flex;align-items:center;justify-content:center;position:relative}.create-content-preview-empty{text-align:center;padding:24px;width:100%}.create-content-preview-empty-icon{width:48px;height:48px;color:var(--text-muted);margin:0 auto 8px;display:block}.create-content-preview-empty-icon--lg{margin-bottom:12px}.create-content-preview-empty-text{font-size:13px;color:var(--text-muted);margin:0}.create-content-preview-media{max-height:320px}.create-content-preview-media,.create-content-preview-video{width:100%;-o-object-fit:contain;object-fit:contain;background:#0a0f1a}.create-content-preview-video{max-height:400px;min-height:200px}.create-content-preview-joke-empty{padding:20px;text-align:center;width:100%;min-height:200px;display:flex;align-items:center;justify-content:center}.create-content-preview-audio{text-align:center;padding:24px;width:100%}.create-content-preview-audio-icon{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,#06b6d4,#0891b2);display:flex;align-items:center;justify-content:center;margin:0 auto 12px}.create-content-preview-audio-icon-svg{width:32px;height:32px;color:white}.create-content-preview-audio-title{font-size:14px;font-weight:600;color:var(--text-primary);margin:0}.create-content-preview-audio-type{font-size:12px;color:var(--text-muted);margin:4px 0 0}.create-content-preview-audio-missing{font-size:11px;color:var(--text-muted);margin-top:8px}.create-content-preview-caption-wrap{position:relative;width:100%;min-height:200px}.create-content-preview-caption-overlay{position:absolute;bottom:0;left:0;right:0;padding:12px;background:linear-gradient(0deg,rgba(0,0,0,.9),transparent)}.create-content-preview-caption-text{font-size:13px;font-weight:700;color:white;margin:0;text-align:center;text-shadow:1px 1px 2px rgba(0,0,0,.5)}.create-content-preview-link-wrap{padding:12px}.create-embed-scroll-wrap{position:relative;width:100%;max-height:480px;overflow-y:auto;background:#0a0f1a;padding:12px}.create-embed-frame-wrap--preview{max-height:480px;overflow:hidden}.create-embed-deferred-wrap{width:100%;min-height:200px;max-height:480px;overflow-y:auto}.roast-studio-pick{display:flex;flex-direction:column;gap:14px;padding-bottom:8px}.roast-studio-live-card{display:flex;align-items:center;gap:14px;width:100%;padding:16px;border-radius:14px;border:1px solid rgba(239,68,68,.45);background:linear-gradient(135deg,rgba(239,68,68,.18),rgba(249,115,22,.1));color:#fff;cursor:pointer;text-align:left}.roast-studio-live-card strong{display:block;font-size:15px;margin-bottom:2px}.roast-studio-live-card span{font-size:12px;color:rgba(255,255,255,.65)}.roast-studio-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.roast-studio-mode-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:88px;padding:12px 8px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.05);color:#fff;font-size:12px;font-weight:600;cursor:pointer}.roast-studio-advanced-link{color:rgba(255,255,255,.45);text-align:center;padding:4px}.roast-studio-advanced-link,.roast-studio-back{background:none;border:none;font-size:12px;cursor:pointer}.roast-studio-back{display:inline-flex;align-items:center;gap:6px;color:rgba(255,255,255,.6);margin-bottom:12px;padding:0}.roast-studio-create{display:flex;flex-direction:column;gap:12px}.roast-studio-textarea{width:100%;min-height:120px;padding:14px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:rgba(0,0,0,.25);color:#fff;font-size:15px;resize:vertical}.roast-studio-char{font-size:11px;color:rgba(255,255,255,.45);text-align:right}.roast-studio-text-actions{display:flex;align-items:center;justify-content:space-between;gap:8px}.roast-studio-ai-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;border:1px solid rgba(255,122,46,.35);background:rgba(255,122,46,.15);color:#ffe6c7;font-size:12px;font-weight:600;cursor:pointer}.roast-studio-ai-btn:disabled{opacity:.6;cursor:not-allowed}.roast-studio-voice{align-items:center;padding:16px 0}.roast-studio-record{width:88px;height:88px;border-radius:50%;border:none;background:linear-gradient(135deg,#ef4444,#f97316);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px rgba(239,68,68,.35)}.roast-studio-record--active{animation:roast-pulse 1.2s ease-in-out infinite}@keyframes roast-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.roast-studio-meta{font-size:13px;color:rgba(255,255,255,.55);margin:0}.roast-studio-audio{width:100%}.roast-studio-primary,.roast-studio-secondary{width:100%;padding:14px;border-radius:12px;font-size:14px;font-weight:700;cursor:pointer;border:none;display:inline-flex;align-items:center;justify-content:center;gap:8px}.roast-studio-primary{background:var(--accent-gradient);color:#fff}.roast-studio-primary:disabled{opacity:.45;cursor:not-allowed}.roast-studio-secondary{background:rgba(255,255,255,.08);color:#fff;border:1px solid rgba(255,255,255,.12)}.roast-studio-preview-card{padding:20px;border-radius:14px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);font-size:16px;line-height:1.5;white-space:pre-wrap}.roast-studio-meme-preview{width:100%;border-radius:12px;max-height:280px;-o-object-fit:contain;object-fit:contain}.roast-studio-actions{display:flex;flex-direction:column;gap:10px;margin-top:8px}.roast-studio-action{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:13px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.06);color:#fff;font-size:14px;font-weight:600;cursor:pointer}.roast-studio-action--battle{border-color:rgba(255,176,32,.35);background:rgba(255,176,32,.1)}.roast-studio-action--live{border-color:rgba(239,68,68,.4);background:rgba(239,68,68,.12)}.roast-studio-battle-setup{display:flex;flex-direction:column;gap:16px;margin-bottom:16px}.roast-studio-field{display:flex;flex-direction:column;gap:8px}.roast-studio-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:rgba(255,255,255,.5)}.roast-studio-pot-row{display:flex;flex-wrap:wrap;gap:8px}.roast-studio-pot-chip{padding:8px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.05);color:#fff;font-size:13px;font-weight:600;cursor:pointer}.roast-studio-pot-chip--active{border-color:rgba(255,176,32,.5);background:rgba(255,176,32,.15)}.roast-studio-toggle-row{display:flex;gap:8px}.roast-studio-toggle{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px;border-radius:10px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.04);color:rgba(255,255,255,.75);font-size:12px;font-weight:600;cursor:pointer}.roast-studio-toggle--active{border-color:rgba(255,122,46,.45);background:rgba(255,122,46,.15);color:#fff}.roast-studio-toggle--live.roast-studio-toggle--active{border-color:rgba(239,68,68,.45);background:rgba(239,68,68,.15)}.roast-studio-input{width:100%;padding:10px 12px;border-radius:10px;border:1px solid rgba(255,255,255,.12);background:rgba(0,0,0,.25);color:#fff;font-size:13px}.roast-studio-error{margin-top:12px;font-size:12px;color:#f87171}.bottom-nav-roast .bottom-nav-create-circle{background:linear-gradient(135deg,#ef4444,#f97316,#ff7a2e)}.bottom-nav-roast .bottom-nav-create-circle img{display:none}.bottom-nav-roast-icon{color:#fff;filter:drop-shadow(0 1px 2px rgba(0,0,0,.3))}