.daily-puzzle-card{background:#3b82f699;border:none;border-radius:16px;padding:20px 24px;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:16px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;width:100%;max-width:none;color:var(--color-text);font-weight:600}.daily-puzzle-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.daily-puzzle-card:hover{background:#3b82f6bf}html[data-bg-theme=light] .daily-puzzle-card{background:#3b82f6d9}html[data-bg-theme=light] .daily-puzzle-card:hover{background:#3b82f6eb}html[data-bg-theme=light] .puzzle-subtitle{color:#ffffffe6}.daily-puzzle-card:hover:before{left:100%}.daily-puzzle-card:active{transform:translateY(0)}.puzzle-card-header{display:flex;align-items:center;gap:12px;flex:1;z-index:1}.puzzle-icon{display:flex;align-items:center;justify-content:center;line-height:1;color:#fff}.puzzle-title h3{margin:0;font-size:16px;font-weight:700;color:#fff;line-height:1.2}.puzzle-subtitle{margin:4px 0 0;font-size:13px;color:#ffffffbf;font-weight:500}.puzzle-streak{display:flex;align-items:center;gap:6px;font-size:16px;font-weight:700;color:gold;text-shadow:0 2px 8px rgba(255,215,0,.3);z-index:1}.puzzle-card-arrow{color:#fff;z-index:1;opacity:1;transition:transform .3s ease;flex-shrink:0}.daily-puzzle-card:hover .puzzle-card-arrow{transform:translate(2px)}@media (max-width: 768px){.daily-puzzle-card{padding:10px 14px;border-radius:16px}.puzzle-icon{transform:scale(.625)}.puzzle-title h3{font-size:15px}.puzzle-subtitle{font-size:12px}.puzzle-streak{font-size:13px}.puzzle-card-arrow{font-size:22px}}.tournament-lobby-card{background:#f9731699;border:none;border-radius:16px;padding:20px 24px;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:16px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;width:100%;max-width:none;color:var(--color-text);font-weight:600}.tournament-lobby-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.tournament-lobby-card:hover{background:#f97316bf}html[data-bg-theme=light] .tournament-lobby-card{background:#f97316d9}html[data-bg-theme=light] .tournament-lobby-card:hover{background:#f97316eb}html[data-bg-theme=light] .tournament-subtitle{color:#ffffffe6}.tournament-lobby-card:hover:before{left:100%}.tournament-lobby-card:active{transform:translateY(0)}.tournament-lobby-header{display:flex;align-items:center;gap:12px;flex:1;z-index:1}.tournament-icon{display:flex;align-items:center;justify-content:center;line-height:1;color:#fff}.tournament-title h3{margin:0;font-size:16px;font-weight:700;color:#fff;line-height:1.2}.tournament-subtitle{margin:4px 0 0;font-size:13px;color:#ffffffbf;font-weight:500}.tournament-card-arrow{color:#fff;z-index:1;opacity:1;transition:transform .3s ease;flex-shrink:0}.tournament-lobby-card:hover .tournament-card-arrow{transform:translate(2px)}@media (max-width: 768px){.tournament-lobby-card{padding:10px 14px;border-radius:16px}.tournament-icon{transform:scale(.625)}.tournament-title h3{font-size:15px}.tournament-subtitle{font-size:12px}.tournament-card-arrow{font-size:22px}}.invite-friend-card{background:#10b9818c;border:none;border-radius:16px;padding:20px 24px;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:16px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;width:100%;max-width:none;color:var(--color-text);font-weight:600}.invite-friend-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.invite-friend-card:hover{background:#10b981b3}html[data-bg-theme=light] .invite-friend-card,html[data-bg-theme=light] .invite-friend-card:hover{background:#10b981}.invite-friend-card:hover:before{left:100%}.invite-friend-header{display:flex;align-items:center;gap:12px;flex:1;z-index:1;min-width:0}.invite-friend-icon{display:flex;align-items:center;justify-content:center;line-height:1;color:#fff}.invite-friend-title{min-width:0}.invite-friend-title h3{margin:0;font-size:16px;font-weight:700;color:#fff;line-height:1.2}.invite-friend-subtitle{margin:4px 0 0;font-size:13px;color:#ffffffc7;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}html[data-bg-theme=light] .invite-friend-subtitle{color:#ffffffe6}.invite-friend-card-arrow{color:#fff;z-index:1;opacity:1;transition:transform .3s ease;flex-shrink:0}.invite-friend-card:hover .invite-friend-card-arrow{transform:translate(2px)}@media (max-width: 768px){.invite-friend-card{padding:10px 14px;border-radius:16px}.invite-friend-icon{transform:scale(.625);transform-origin:left center}.invite-friend-title h3{font-size:15px}.invite-friend-subtitle{font-size:12px}.invite-friend-card-arrow{font-size:22px}}.pagination-container{display:flex;align-items:center;justify-content:flex-end;gap:12px;flex-wrap:wrap}.pagination-btn{padding:12px 20px!important;font-size:18px;min-width:50px;transition:none!important;box-shadow:none!important;background:#ffffff0d!important}.pagination-btn:hover:not(:disabled){background:#ffffff14!important;border-color:#fff3!important;box-shadow:none!important;transform:none!important}.pagination-btn:before,.pagination-btn:after{display:none!important}.pagination-btn:disabled{opacity:.4;cursor:not-allowed}.pagination-info{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--color-text);font-weight:500}.pagination-total{color:var(--color-text-muted);margin-left:4px;font-weight:400}@media (max-width: 600px){.pagination-container{justify-content:center}.pagination-btn{min-width:44px;padding:10px 16px!important;font-size:16px}.pagination-info{font-size:13px}}.invite-friend-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1100;padding:20px}.invite-friend-modal{background:var(--comment-modal-bg, var(--modal-bg));border:1px solid var(--divider-color, var(--color-border));border-radius:20px;padding:20px;width:92%;max-width:520px;max-height:90vh;overflow:auto}.invite-friend-modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}.invite-friend-modal-title{font-size:20px;font-weight:600;margin:0;color:var(--color-text)}.invite-friend-modal-subtitle{margin-top:6px;display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:12px;color:var(--color-text-muted)}.invite-friend-modal-subtitle strong{color:var(--color-text)}.invite-friend-modal-subtitle .dot{opacity:.5}.invite-friend-modal-close{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;width:42px;height:42px;color:var(--color-text);cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0}.invite-friend-modal-close:hover{background:var(--color-surface-hover);border-color:var(--color-border-hover)}.invite-friend-search{position:relative;margin-bottom:12px}.invite-friend-search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--color-text-subtle)}.invite-friend-error{background:#ef44441f;border:1px solid rgba(239,68,68,.25);color:#fca5a5;padding:10px 12px;border-radius:12px;font-size:13px;margin-bottom:12px}html[data-bg-theme=light] .invite-friend-error{background:#ef444414;border-color:#ef444447;color:#b91c1c}.invite-friend-list{display:flex;flex-direction:column;gap:10px}.invite-friend-row{width:100%;display:grid;grid-template-columns:34px 1fr 18px;align-items:center;gap:12px;padding:12px;border-radius:14px;background:var(--color-surface);border:1px solid var(--color-border);cursor:pointer;color:var(--color-text)}.invite-friend-row:hover{background:var(--color-surface-hover);border-color:var(--color-border-hover)}.invite-friend-row.selected{border-color:var(--color-success)}.invite-friend-row-name{font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left}.invite-friend-row-main{display:flex;align-items:center;gap:8px;min-width:0}.invite-friend-row-badge{flex-shrink:0;font-size:11px;font-weight:800;letter-spacing:.3px;padding:4px 8px;border-radius:999px;background:#3b82f629;border:1px solid rgba(59,130,246,.35);color:#ffffffeb}html[data-bg-theme=light] .invite-friend-row-badge{background:#3b82f642;border-color:#3b82f680;color:var(--color-text)}.invite-friend-row-radio{width:14px;height:14px;border-radius:999px;border:2px solid var(--color-border-hover)}.invite-friend-row.selected .invite-friend-row-radio{border-color:var(--color-success);background:radial-gradient(circle at center,var(--color-success) 0%,var(--color-success) 45%,transparent 46%)}.invite-friend-empty{padding:18px 14px;border-radius:14px;background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text-subtle);text-align:center;display:flex;flex-direction:column;gap:8px;align-items:center}.invite-friend-actions{margin-top:14px}.app-toast{position:fixed;left:50%;transform:translate(-50%);--app-toast-surface: rgba(255, 255, 255, .92);--app-toast-border: rgba(0, 0, 0, .14);--app-toast-action-bg: rgba(0, 0, 0, .04);--app-toast-action-border: rgba(0, 0, 0, .14);--app-toast-action-bg-hover: rgba(0, 0, 0, .08);--app-toast-action-text: rgba(0, 0, 0, .9);background:var(--app-toast-surface);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border:1px solid var(--app-toast-border);border-radius:16px;padding:14px 20px;color:#000000e6;font-size:14px;font-weight:500;z-index:1200;display:inline-flex;align-items:center;gap:6px;height:fit-content}.app-toast--top{top:12px;animation:toastFadeDown .35s ease}.app-toast--bottom{bottom:24px;animation:toastFadeUp .35s ease}.app-toast__text{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-toast__btn{background:#0000000a;border:1px solid rgba(0,0,0,.12);border-radius:12px;width:34px;height:34px;color:#000000e6;font-size:18px;line-height:1;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.app-toast__btn:hover{background:#00000014}.app-toast__action{margin-left:14px;background:var(--app-toast-action-bg);border:1px solid var(--app-toast-action-border);border-radius:12px;padding:6px 12px;color:var(--app-toast-action-text);font-size:12px;font-weight:600;cursor:pointer;white-space:nowrap}.app-toast__action:hover{background:var(--app-toast-action-bg-hover)}@keyframes toastFadeUp{0%{opacity:0;transform:translate(-50%,20px)}to{opacity:1;transform:translate(-50%)}}@keyframes toastFadeDown{0%{opacity:0;transform:translate(-50%,-12px)}to{opacity:1;transform:translate(-50%)}}@media (max-width: 900px){.app-toast--bottom{bottom:86px;left:12px;right:12px;transform:none;max-width:none;animation:none}}html[data-bg-theme=light] .app-toast{--app-toast-surface: rgba(20, 20, 20, .92);--app-toast-border: rgba(255, 255, 255, .12);--app-toast-action-bg: rgba(255, 255, 255, .08);--app-toast-action-border: rgba(255, 255, 255, .12);--app-toast-action-bg-hover: rgba(255, 255, 255, .12);--app-toast-action-text: rgba(255, 255, 255, .92);color:#ffffffeb}html[data-bg-theme=light] .app-toast__btn{background:#ffffff14;border-color:#ffffff1a;color:#ffffffeb}html[data-bg-theme=light] .app-toast__btn:hover{background:#ffffff1f}.lobby-page{--color-bg: var(--bg-main);--color-surface: rgba(255, 255, 255, .05);--color-surface-hover: rgba(255, 255, 255, .08);--color-border: rgba(255, 255, 255, .1);--color-border-hover: rgba(255, 255, 255, .2);--color-text: var(--text);--color-text-muted: rgba(255,255,255,.7);--color-text-subtle: rgba(255,255,255,.5);--color-primary: #3B82F6;--color-primary-hover: #2563EB;--color-success: #10B981;--color-success-hover: #059669;--color-warning: #F59E0B;--color-danger: #EF4444;--color-danger-hover: #DC2626;--lobby-content-width: 70%;--lobby-pad-v: clamp(24px, 3.2vh, 48px);--lobby-pad-h: clamp(28px, 3vw, 56px);--lobby-pad-bottom: clamp(32px, 4vh, 56px);--lobby-card-padding: clamp(20px, 2.6vh, 30px);--lobby-card-gap: clamp(16px, 2.4vh, 28px);--lobby-v-gap: clamp(20px, 4vh, 56px);--lobby-sep-space: clamp(16px, 3vh, 32px);--lobby-balance-padding: clamp(20px, 2.6vh, 28px);--lobby-mode-inactive-opacity: .6;--lobby-status-line-bg: rgba(255,255,255,.05);--lobby-badge-bg: rgba(59,130,246,.15);--lobby-badge-border: rgba(59,130,246,.3);--lobby-badge-text: #93C5FD;--lobby-badge-search-bg: rgba(245,158,11,.4);--lobby-badge-search-border: rgba(245,158,11,.35);--lobby-badge-search-text: #FCD34D;--lobby-badge-active-bg: rgba(16,185,129,.4);--lobby-badge-active-border: rgba(16,185,129,.35);--lobby-badge-active-text: #6EE7B7;--lobby-star-color: #FCD34D}html[data-bg-theme=light] .lobby-page{--color-bg: #edeef0;--color-surface: #fff;--color-surface-hover: #fff;--color-border: #dce1e6;--color-border-hover: #dce1e6;--color-text: #000000;--color-text-muted: #626D7A;--color-text-subtle: #626D7A;--lobby-mode-inactive-opacity: .9;--lobby-status-line-bg: rgba(0, 0, 0, .04);--lobby-badge-bg: rgba(59,130,246,.26);--lobby-badge-border: rgba(59,130,246,.5);--lobby-badge-text: var(--color-text);--lobby-badge-search-bg: rgb(251 164 17 / 77%);--lobby-badge-search-border: rgba(245,158,11,.55);--lobby-badge-search-text: #fff;--lobby-badge-active-bg: rgba(16,185,129,.32);--lobby-badge-active-border: rgba(16,185,129,.55);--lobby-badge-active-text: var(--color-text);--lobby-star-color: rgb(241 186 71);--color-success-hover: #34D399}html[data-bg-theme=light] .lobby-page .modern-btn.danger{color:#fff}@media (max-width: 1600px){.lobby-page{--lobby-content-width: 80%}}@media (max-width: 1366px){.lobby-page{--lobby-content-width: 83%}}@media (max-width: 1280px){.lobby-page{--lobby-content-width: 83%}}.lobby-page .glass-card{background:var(--color-surface)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border:1px solid var(--color-border)!important;border-radius:20px!important;transition:none!important}.lobby-page .glass-card:hover{background:var(--color-surface)!important;border-color:var(--color-border)!important}.lobby-page .glass-card:hover .section-title{color:var(--color-text-subtle)}.modern-btn{background:var(--color-primary);border:none;border-radius:16px;color:#fff;font-weight:600;font-size:15px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex;align-items:center;justify-content:center;gap:8px;position:relative;overflow:hidden;-webkit-tap-highlight-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-user-select:none;user-select:none}.modern-btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.25),transparent);transform:translate(-100%);transition:transform .6s}.modern-btn:hover:not(:disabled):before{transform:translate(100%)}.modern-btn:hover:not(:disabled){background:var(--color-primary-hover)}.modern-btn.secondary{background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text)}.modern-btn.secondary:hover:not(:disabled){background:var(--color-surface-hover);border-color:var(--color-border-hover)}.modern-btn.success{background:var(--color-success);color:#fff}.modern-btn.success:hover:not(:disabled){background:var(--color-success-hover);box-shadow:none!important}.modern-btn.warning{background:#f59e0bd9;color:#fff}.modern-btn.warning:hover:not(:disabled){background:#f59e0b}.modern-btn.danger{background:var(--color-danger)}.modern-btn.danger:hover:not(:disabled){background:var(--color-danger-hover)}.modern-btn:disabled{opacity:.6;cursor:not-allowed}.modern-input{width:100%;background:#ffffff0d;border:1px solid var(--color-border);border-radius:16px;padding:14px 18px;color:var(--color-text);font-size:16px;outline:none;transition:all .3s}.modern-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #3b82f626;background:#ffffff14}.time-btn{background:#ffffff0f;border:1px solid var(--color-border);border-radius:14px;height:52px;font-size:16px;font-weight:600;color:var(--color-text);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s;position:relative;overflow:hidden;-webkit-tap-highlight-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-user-select:none;user-select:none}.lobby-page .lobby-mode-btn{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-user-select:none;user-select:none;touch-action:manipulation}.lobby-page .lobby-mode-btn:focus{outline:none}.time-btn[data-selected=true]{background:var(--color-success)!important;border-color:var(--color-success)!important;color:#fff;z-index:1}.time-btn[data-selected=true]:hover:not(:disabled){background:var(--color-success)!important}.time-btn:hover:not(:disabled):not([data-selected=true]){background:#ffffff1a;border-color:var(--color-border-hover)}.time-btn:disabled{opacity:.55;cursor:not-allowed}.section-title{font-size:15px;font-weight:600;letter-spacing:.5px;text-transform:uppercase;color:var(--color-text-subtle);margin-bottom:14px;display:flex;align-items:center;gap:8px;transition:color .3s;width:100%}.icon-rotatable{transition:transform .25s cubic-bezier(.4,.8,.3,1),opacity .25s;will-change:transform}.time-card:hover .icon-time,.status-card:hover .icon-status,.recent-card:hover .icon-recent{transform:rotate(20deg)}@media (hover: hover){.time-card:hover .icon-time,.status-card:hover .icon-status,.recent-card:hover .icon-recent{transform:rotate(20deg)}}@media (max-width: 899px){.lobby-page .recent-card{margin-bottom:15px}}.lobby-page .status-line{background:var(--lobby-status-line-bg);border-radius:12px;padding:10px 14px;font-size:13px;font-weight:600;letter-spacing:.3px;display:flex;align-items:center;gap:10px;color:var(--color-text-muted);border:1px solid var(--color-border)}.lobby-page .status-line strong{color:var(--color-text);font-weight:600}.lobby-page .status-badge{padding:6px 12px;border-radius:30px;font-size:11px;font-weight:700;letter-spacing:.5px;background:var(--lobby-badge-bg);border:1px solid var(--lobby-badge-border);color:var(--lobby-badge-text);text-transform:uppercase;display:flex;align-items:center;justify-content:center}.lobby-page .status-badge.search{background:var(--lobby-badge-search-bg);border-color:var(--lobby-badge-search-border);color:var(--lobby-badge-search-text)}.lobby-page .status-badge.active{background:var(--lobby-badge-active-bg);border-color:var(--lobby-badge-active-border);color:var(--lobby-badge-active-text)}.spinning{animation:spin 1s linear infinite;display:inline-block;vertical-align:middle}.layout-grid{display:flex;flex-direction:column;gap:24px}@media (min-width: 1100px){.layout-row{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.layout-row-wide{display:grid;grid-template-columns:2fr 1fr;gap:24px}}.gradient-balance{background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:24px;padding:24px;position:relative;overflow:hidden}.gradient-balance:before{content:"";position:absolute;top:-40px;right:-40px;width:180px;height:180px;background:radial-gradient(circle,rgba(255,255,255,.14) 0%,transparent 70%)}.refresh-icon-btn{background:#ffffff26;border:1px solid rgba(255,255,255,.3);color:#fff;border-radius:14px;width:48px;height:48px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .35s}.refresh-icon-btn:hover{background:#ffffff40;transform:rotate(25deg)}.recent-games-desktop-grid{width:100%}.recent-game-card{min-width:0;transition:none}@media (max-width: 900px){.layout-row-wide,.lobby-page .glass-card{min-width:0}.recent-game-card{width:100%;max-width:100%;box-sizing:border-box}}.lobby-recent-username{color:var(--color-text);cursor:default;display:block;flex:1 1 auto;min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lobby-recent-username-text{display:inline-block;border-bottom:2px solid transparent;transition:border-bottom-color .2s;cursor:default;-webkit-tap-highlight-color:transparent}.lobby-recent-title-row{display:flex;align-items:center;gap:6px;min-width:0;font-weight:600;color:var(--color-text)}.lobby-recent-sep{flex-shrink:0;opacity:.9}.lobby-recent-time{flex-shrink:0;color:var(--color-text-subtle)}.lobby-recent-username[data-clickable=true]{cursor:pointer}.lobby-recent-username-text[data-clickable=true]{cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}@media (hover: hover) and (pointer: fine){.lobby-recent-username-text[data-clickable=true]:hover{border-bottom-color:#fff9}.lobby-recent-username-text[data-clickable=true]:focus-visible{outline:none;border-bottom-color:#fff9}}@media (max-width: 900px){.lobby-recent-username{flex:0 1 auto}.lobby-recent-username-text{border-bottom:none;transition:none}}.balance-welcome{font-size:14px;font-weight:500;opacity:.85;letter-spacing:.5px;margin-bottom:6px}.balance-amount{font-size:40px;font-weight:800;line-height:1;text-shadow:0 3px 18px rgba(0,0,0,.35)}@media (max-width: 500px){.balance-welcome{font-size:13px!important}.balance-amount{font-size:25px!important}}@media (max-width: 375px){.balance-welcome{font-size:11px!important}.balance-amount{font-size:20px!important}}@media (max-height: 820px){.glass-card{border-radius:16px}.modern-btn{font-size:14px;border-radius:14px}.modern-input{padding:12px 14px;font-size:15px}.time-btn{height:44px;font-size:14px}.section-title{font-size:14px;margin-bottom:10px}.status-line{padding:8px 12px;font-size:12px}.gradient-balance{padding:16px;border-radius:20px}.refresh-icon-btn{width:40px;height:40px}.balance-amount{font-size:32px}.layout-row,.layout-row-wide{gap:16px}}.mention-link{color:#3b82f6;font-weight:600;cursor:pointer;transition:all .2s ease;border-bottom:1px solid transparent;display:inline;text-decoration:none}.mention-link:hover{color:#60a5fa;border-bottom-color:#60a5fa}.mention-link.gradient{background:linear-gradient(135deg,#3b82f6,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.mention-link.gradient:hover{background:linear-gradient(135deg,#60a5fa,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.blocked-url{color:#fff6;font-style:italic;cursor:not-allowed;-webkit-user-select:none;user-select:none}.comment-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1200;padding:20px}.comment-modal{background:var(--comment-modal-bg, #1a1a2e);border-radius:16px;width:100%;max-width:600px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #00000080;border:1px solid var(--divider-color)}.comment-modal-header{display:flex;align-items:center;justify-content:flex-end;padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.1)}.modal-close-btn{background:transparent;border:none;color:#ffffffb3;cursor:pointer;padding:8px 12px;border-radius:24px;display:flex;align-items:center;justify-content:center;transition:all .2s}.modal-close-btn:hover{background:#ffffff1a;color:#fff}.comment-modal-content{flex:1;overflow-y:auto;padding:5px 20px 20px 10px;background:var(--comment-modal-bg, #1a1a2e);border-radius:16px;--quick-reply-left: 16px;--quick-reply-avatar: 44px}.comment-modal-content .post-card{border-bottom:none;margin-bottom:0}.comment-modal-content .post-content{margin-bottom:0}.comment-modal-content::-webkit-scrollbar{width:8px}.comment-modal-content::-webkit-scrollbar-track{background:#ffffff0d}.comment-modal-content::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}.comment-modal-content::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.reply-connection-line{width:2px;height:50px;background:var(--comment-modal-connector, #ffffff26);margin:0 0 0 calc(var(--quick-reply-left) + (var(--quick-reply-avatar) / 2))}.quick-reply-form{display:flex;gap:12px;margin-top:16px;margin-left:var(--quick-reply-left)}.quick-reply-form .comment-avatar{width:var(--quick-reply-avatar);height:var(--quick-reply-avatar);border-radius:50%;overflow:hidden;flex-shrink:0;background:#ffffff0d;display:flex;align-items:center;justify-content:center}.quick-reply-form .comment-avatar img{width:100%;height:100%;object-fit:cover}.quick-reply-form .comment-avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-weight:600;color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);font-size:18px}.reply-input-area{flex:1;display:flex;flex-direction:column;gap:12px}.reply-input-area textarea{width:100%;min-height:80px;padding:0;border:none;background:transparent;color:var(--text);font-size:15px;font-family:inherit;resize:none;outline:none;line-height:1.5;transition:all .2s;overflow-y:hidden;-webkit-tap-highlight-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none}.reply-input-area textarea::placeholder{color:var(--text-muted)}.reply-actions .char-count{color:var(--text-muted)}.reply-actions .char-count.over-limit{color:#ef4444}.reply-input-area textarea:disabled{opacity:.6;cursor:not-allowed}.reply-actions{display:flex;align-items:center;justify-content:flex-end;gap:12px;position:relative}.reply-actions .char-count{position:absolute;left:calc(-1 * (var(--quick-reply-avatar) + 12px));top:50%;transform:translateY(-50%);white-space:nowrap}.reply-action-buttons{display:flex;align-items:center;gap:10px}.cancel-reply-btn{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none;border-radius:20px;padding:10px 24px;font-size:15px;font-weight:600;cursor:pointer;transition:transform .2s,opacity .2s;-webkit-tap-highlight-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none}.cancel-reply-btn:hover:not(:disabled){transform:translateY(-1px);opacity:.95}.cancel-reply-btn:disabled{opacity:.5;cursor:not-allowed}.submit-reply-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:20px;padding:10px 24px;font-size:15px;font-weight:600;cursor:pointer;transition:transform .2s,opacity .2s;-webkit-tap-highlight-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none}.submit-reply-btn:hover:not(:disabled){transform:translateY(-1px);opacity:.95}.submit-reply-btn:disabled{opacity:.5;cursor:not-allowed}.feed-modal-divider{height:1px;background:var(--divider-color);margin:16px 0}@media (max-width: 900px){.comment-modal-content{padding:5px 10px 10px;--quick-reply-left: 13px;--quick-reply-avatar: 35px}.quick-reply-form{margin-left:var(--quick-reply-left)}.reply-connection-line{height:40px;margin:0 0 0 calc(var(--quick-reply-left) + (var(--quick-reply-avatar) / 2))}}.external-link-modal-body{padding:20px;text-align:center}.external-link-modal-title{color:var(--text);font-size:22px;font-weight:700;margin:0 0 16px;display:flex;align-items:center;justify-content:center;gap:8px}.external-link-modal-warning{color:var(--text-muted);font-size:15px;line-height:1.6;margin:0 0 20px}.external-link-modal-url{background:var(--skeleton-surface-2);border:1px solid var(--divider-color);border-radius:8px;padding:12px;margin:10px 0 15px;word-break:break-all;font-size:13px;color:var(--text-muted);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.external-link-modal-actions{display:flex;align-items:center;justify-content:center;gap:12px}.external-link-modal-btn{border:none;border-radius:20px;padding:12px 28px;font-size:15px;font-weight:600;cursor:pointer;transition:transform .2s,opacity .2s,background .2s}.external-link-modal-btn:hover:not(:disabled){transform:translateY(-1px);opacity:.95}.external-link-modal-btn:disabled{opacity:.5;cursor:not-allowed}.external-link-modal-btn-cancel{background:var(--skeleton-surface-3);color:var(--text);border:1px solid var(--divider-color)}.external-link-modal-btn-cancel:hover:not(:disabled){background:var(--skeleton-surface-2)}.external-link-modal-btn-confirm{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.external-link-modal-btn-confirm:hover:not(:disabled){background:linear-gradient(135deg,#7c8ff0,#8a5cb8)}.followers-modal{max-width:540px;max-height:50vh;--follow-btn-following-bg: var(--color-primary, #3b82f6);--follow-btn-following-hover-bg: var(--color-primary-hover, #2563eb);--follow-btn-following-border: transparent;--follow-btn-following-border-hover: transparent;--follow-btn-following-text: #fff}.followers-modal-search{padding:12px 20px;border-bottom:1px solid var(--divider-color, rgba(255, 255, 255, .1))}.followers-modal-search-wrap{position:relative;display:flex;align-items:center;gap:10px;padding:10px 12px;background:#ffffff0d;border:1px solid var(--divider-color, rgba(255, 255, 255, .1));border-radius:12px}.followers-modal-search-icon{flex-shrink:0;color:var(--color-text-subtle, rgba(255, 255, 255, .5))}.followers-modal-search-input{flex:1;min-width:0;padding-right:28px;background:transparent;border:none;outline:none;color:var(--text, #fff);font-size:14px}.followers-modal-search-input::placeholder{color:var(--color-text-subtle, rgba(255, 255, 255, .5))}.followers-modal-search-clear{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--color-text-subtle, rgba(255, 255, 255, .5));padding:4px;border-radius:6px;transition:background .2s}.followers-modal-search-clear:hover{background:#ffffff1a}.followers-modal-header{display:flex;align-items:center;justify-content:center;padding:10px;border-bottom:1px solid var(--divider-color, rgba(255, 255, 255, .1));position:relative}.followers-modal-title{color:var(--text, #ffffff);font-size:18px;font-weight:700;margin:0;text-align:center;width:100%}.followers-modal-header .modal-close-btn{position:absolute;right:10px;top:50%;transform:translateY(-50%)}.followers-modal-content{flex:1;overflow-y:auto;padding:0}.followers-modal-content::-webkit-scrollbar{width:8px}.followers-modal-content::-webkit-scrollbar-track{background:#ffffff0d}.followers-modal-content::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}.followers-modal-content::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.followers-list{display:flex;flex-direction:column}.follower-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 20px;transition:background .2s}.follower-item:hover{background:#ffffff0a}.follower-info{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.follower-avatar{width:48px;height:48px;border-radius:50%;background:var(--avatar-gradient, linear-gradient(135deg, #667eea, #764ba2));display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0;font-size:18px;font-weight:600}.follower-details{display:flex;flex-direction:column;gap:4px;min-width:0}.follower-name{display:flex;align-items:center;gap:6px;font-size:15px;font-weight:600;color:var(--text, #ffffff);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.follower-elo{font-size:13px;color:var(--text-muted, rgba(255, 255, 255, .7))}.follower-follow-btn{padding:8px 24px;font-size:14px;font-weight:600;border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;transition:background .2s,border-color .2s;flex-shrink:0;white-space:nowrap}.follower-follow-btn:disabled{cursor:not-allowed;opacity:.6}.follower-follow-btn:hover:not(:disabled){opacity:.9}.followers-empty{text-align:center;padding:40px 20px;color:var(--text-muted, rgba(255, 255, 255, .7));font-size:15px}.followers-loading{text-align:center;padding:20px;color:var(--text-muted, rgba(255, 255, 255, .7));font-size:14px}html[data-bg-theme=light] .followers-modal-header{border-bottom-color:var(--divider-color)}html[data-bg-theme=light] .followers-modal-title{color:var(--text)}html[data-bg-theme=light] .follower-item:hover{background:#0000000a}html[data-bg-theme=light] .follower-name{color:var(--text)}html[data-bg-theme=light] .follower-elo,html[data-bg-theme=light] .followers-empty,html[data-bg-theme=light] .followers-loading{color:var(--text-muted)}@media (max-width: 600px){.followers-modal{max-width:100%;max-height:80vh}.follower-item{padding:10px 16px}.follower-avatar{width:44px;height:44px;font-size:16px}.follower-follow-btn{padding:7px 18px;font-size:13px}}.profile-page{--color-bg: var(--bg-main);--color-surface: rgba(255, 255, 255, .05);--color-surface-hover: rgba(255, 255, 255, .08);--color-border: rgba(255, 255, 255, .1);--color-border-hover: rgba(255, 255, 255, .2);--color-text: var(--text);--color-text-muted: rgba(255, 255, 255, .7);--color-text-subtle: rgba(255, 255, 255, .5);--color-primary: #3B82F6;--color-primary-hover: #2563EB;--color-danger: #EF4444;--color-danger-hover: #DC2626;--color-success: #10B981;--color-warning: #F59E0B;--profile-crown-color: #FFD700;--profile-settings-btn-bg: linear-gradient(135deg, #6B7280, #4B5563)}html[data-bg-theme=light] .profile-page{--color-bg: #edeef0;--color-surface: #fff;--color-surface-hover: #f7f8fa;--color-border: rgba(0, 0, 0, .14);--color-border-hover: rgba(0, 0, 0, .2);--color-text: #000000;--color-text-muted: #626D7A;--color-text-subtle: #626D7A;--profile-crown-color: rgb(241 186 71);--profile-settings-btn-bg: linear-gradient(135deg, #9CA3AF, #6B7280)}.profile-page{color:var(--color-text)}.profile-page .profile-bio-save-btn{-webkit-tap-highlight-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;-webkit-user-select:none;user-select:none}.profile-page .profile-bio-save-btn:focus{outline:none}.profile-page .profile-bio-textarea{-webkit-tap-highlight-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;overflow-y:auto;overflow-x:hidden;scrollbar-width:none;-ms-overflow-style:none}.profile-page .profile-bio-textarea::-webkit-scrollbar{width:0;height:0}.profile-page .profile-username{color:var(--color-text)}.profile-page .glass-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:20px;transition:none}.profile-page .glass-card:hover{background:var(--color-surface-hover);border-color:var(--color-border-hover)}.profile-page .modern-btn{background:var(--color-primary);border:none;border-radius:16px;color:#fff;font-weight:600;font-size:15px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;gap:8px;position:relative;overflow:hidden}.profile-page .modern-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.profile-page .modern-btn:hover:before{left:100%}.profile-page .modern-btn:hover:not(:disabled){background:var(--color-primary-hover)}.profile-page .modern-btn:disabled{opacity:.6;cursor:not-allowed}.profile-page .modern-btn.danger{background:var(--color-danger);color:#fff}.profile-page .modern-btn.danger:hover:not(:disabled){background:var(--color-danger-hover)}.profile-page .modern-btn.secondary{background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text)}.profile-page .modern-btn.secondary:hover:not(:disabled){background:var(--color-surface-hover);border-color:var(--color-border-hover)}.profile-page .modern-btn.edit-profile{background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text)}.profile-page .modern-btn.edit-profile:hover:not(:disabled){background:var(--color-surface-hover);border-color:var(--color-border-hover);box-shadow:none!important;transform:none!important}.subscription-nav-btn{position:relative;overflow:hidden}.subscription-nav-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.25),transparent);transition:left .5s}.subscription-nav-btn:hover:before{left:100%}.subscription-nav-btn:hover{background:linear-gradient(135deg,#7c3aed,#9333ea)!important;transform:translateY(-1px)}.profile-page .avatar-container{width:90px;height:90px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto;color:#fff;position:relative;overflow:hidden;transition:transform .3s ease;background:var(--avatar-gradient)}.profile-page .wallet-badge{background:var(--avatar-gradient, linear-gradient(135deg, var(--color-primary), #8B5CF6));background-clip:padding-box;border:1px solid rgba(255,255,255,.2);border-radius:16px;padding:12px 16px;display:flex;align-items:center;gap:12px;color:#fff;font-weight:600;transition:all .3s ease;cursor:pointer}.profile-page .social-stats-row,.profile-page .social-stat-item{-webkit-tap-highlight-color:transparent}.profile-page .social-stat-item{-webkit-user-select:none;user-select:none}.profile-page .stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;padding-bottom:15px}@media (max-width: 900px){.profile-page .stat-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 600px){.profile-page .stat-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 600px){.profile-page .avatar-container{width:69px;height:69px}}.profile-page .stat-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:16px;padding:20px;position:relative;overflow:hidden;display:flex;flex-direction:row;align-items:flex-start;justify-content:flex-start;text-align:left;gap:18px}.profile-page .stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--color-primary),#8B5CF6,#F59E0B)}.profile-page .stat-card-left{display:flex;flex-direction:column;align-items:flex-start;min-width:48px}.profile-page .stat-card-info{display:flex;flex-direction:column;align-items:flex-start;gap:6px}.profile-page .stat-card-title{color:var(--color-text-muted);font-size:14px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.profile-page .stat-card-value{font-size:19px;font-weight:600;color:var(--color-text);line-height:1}.profile-page .stat-card-icon{display:flex;align-items:center;justify-content:flex-start;background:var(--stat-card-gradient, var(--color-surface));border-radius:12px;padding:12px;width:48px;height:48px}@media (max-width: 900px){.profile-page .stat-card{padding:16px;gap:4px}.profile-page .stat-card-icon{width:42px;height:42px;padding:10px}.profile-page .stat-card-value{font-size:17px}.profile-page .stat-card-title{font-size:12px}}.profile-page .modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:300;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:fadeIn .3s ease}.profile-page .modal-panel{width:100%;max-width:480px;max-height:calc(100vh - 40px);overflow-y:auto;background:var(--color-surface);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--color-border);border-radius:24px;padding:32px;color:var(--color-text);animation:slideIn .3s cubic-bezier(.4,0,.2,1);margin:20px}@keyframes slideIn{0%{transform:scale(.9) translateY(20px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.profile-page .modern-input{width:100%;background:#ffffff0d;border:1px solid var(--color-border);border-radius:16px;padding:16px 20px;color:var(--color-text);font-size:16px;transition:all .3s ease;outline:none}.profile-page .modern-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #3b82f61a;-webkit-tap-highlight-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-user-select:none;user-select:none;background:#ffffff14}.profile-page .modern-input::placeholder{color:var(--color-text-subtle)}.profile-page .modern-input.error{border-color:var(--color-danger)}.profile-page .error-text{color:var(--color-danger);font-size:14px;margin-top:8px;min-height:20px}.profile-page .step-link{color:var(--color-primary);cursor:pointer;text-decoration:none;background:none;border:none;padding:0;font-size:14px;transition:color .3s ease}.profile-page .step-link:hover{color:var(--color-primary-hover);text-decoration:underline}.topbar-brand-anim .badge-gradient,.topbar-brand-anim .badge-gradient+div{transition:transform .18s cubic-bezier(.4,.8,.3,1);will-change:transform}.brand-anim-active .badge-gradient,.brand-anim-active .badge-gradient+div{transform:scale(1.06)}.brand-click-target:active{transform:scale(.97)}.profile-page .profile-settings-modal .modal-panel{padding-bottom:60px}@media (max-width: 768px){.profile-page .modal-panel{margin:16px;padding:24px}}.profile-page .stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px}@media (max-width: 900px){.profile-page .stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 600px){.profile-page .stats-grid{grid-template-columns:repeat(2,1fr)}}.profile-page .stat-card .stat-label{color:var(--color-text-muted);font-size:13px;font-weight:500;margin-bottom:6px;display:block}.profile-page .stat-card .stat-value{font-size:28px;font-weight:700;color:var(--color-text);display:block}.profile-page .rating-item{background:#ffffff08;border:1px solid var(--color-border);border-radius:12px;padding:16px;text-align:center;transition:all .3s ease}.profile-page .rating-item:hover{background:#ffffff0f;border-color:var(--color-border-hover)}.profile-page .rating-label{color:var(--color-text-muted);font-size:13px;font-weight:500;margin-bottom:8px;display:block}.profile-page .rating-value{font-size:24px;font-weight:700;color:var(--color-text);display:block;background:linear-gradient(135deg,#fff,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.profile-page .elo-ratings-block{background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:24px;padding:24px;position:relative;overflow:hidden}.profile-page .elo-ratings-block:before{content:"";position:absolute;top:-40px;right:-40px;width:180px;height:180px;background:radial-gradient(circle,rgba(255,255,255,.14) 0%,transparent 70%);pointer-events:none}@media (max-width: 900px){.profile-page .elo-ratings-block{padding:20px 16px}}.mobile-screen-header__spacer{height:58px}@media (display-mode: standalone){.mobile-screen-header__spacer{height:58px}}.mobile-screen-header{display:flex;align-items:center;justify-content:flex-start;padding:10px 12px 0;border-bottom:1px solid rgba(255,255,255,.08);position:fixed;top:var(--safe-area-top, 0px);left:0;right:0;z-index:1000;background:var(--bg-main)}html[data-bg-theme=light] .mobile-screen-header{border-bottom-color:var(--divider-color)}.mobile-screen-header__back{width:52px;height:48px;padding:0;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:#fff;cursor:pointer;margin-bottom:-1px;-webkit-tap-highlight-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-user-select:none;user-select:none}.mobile-screen-header__back:active{background:transparent}.mobile-screen-header__back:focus{outline:none}html[data-bg-theme=light] .mobile-screen-header__back{color:var(--text)}.mobile-screen-header__title{position:absolute;left:50%;top:10px;height:48px;transform:translate(-50%);display:flex;align-items:center;justify-content:center;max-width:calc(100% - 140px);font-size:20px;font-weight:800;color:#fff;line-height:1.2;pointer-events:none}html[data-bg-theme=light] .mobile-screen-header__title{color:var(--text)}.mobile-screen-header__titleText{display:block;min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-screen-header__right{margin-left:auto;width:44px;height:40px;display:flex;align-items:center;justify-content:center;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.mobile-screen-header__right button{-webkit-tap-highlight-color:transparent}.static-board{position:relative;display:grid;touch-action:pan-y;border-radius:0;overflow:hidden;box-sizing:border-box;margin:0;padding:0}.static-board-square{position:relative;box-sizing:border-box;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;display:flex;align-items:center;justify-content:center}.static-light-square{background:#f0d9b5}.static-dark-square{background:#b58863}.static-light-square.purple-diag{background:linear-gradient(135deg,#e8d5f2,#d4b5e8)}.static-dark-square.purple-diag{background:linear-gradient(135deg,#9b59b6,#8e44ad)}.static-light-square.green{background:#eeeed2}.static-dark-square.green{background:#769656}.static-light-square.blue{background:#ebebeb}.static-dark-square.blue{background:#9bc5e0}.static-piece{display:flex;align-items:center;justify-content:center;width:100%;height:100%;pointer-events:none;-webkit-user-select:none;user-select:none}.static-coord{position:absolute;font-weight:600;-webkit-user-select:none;user-select:none;pointer-events:none;z-index:1}.game-attachment{position:relative;margin:5px 10px;border-radius:12px;overflow:hidden;cursor:pointer;transition:all .3s ease;border:none;--color-text: rgba(255, 255, 255, .92);--color-text-muted: rgba(255, 255, 255, .7);color:var(--color-text)}html[data-bg-theme=light] .game-attachment{--color-text: var(--text);--color-text-muted: var(--text-muted)}.game-attachment-background{position:absolute;top:0;left:0;right:0;bottom:0}.game-attachment-background.white-left{background:linear-gradient(to right,#f0d9b54d,#f0d9b54d 50%,#b588634d 50%,#b588634d)}html[data-bg-theme=light] .game-attachment-background.white-left{background:linear-gradient(to right,#f0d9b599,#f0d9b599 50%,#b5886399 50%,#b5886399)}.game-attachment-background.white-right{background:linear-gradient(to right,#b588634d,#b588634d 50%,#f0d9b54d 50%,#f0d9b54d)}html[data-bg-theme=light] .game-attachment-background.white-right{background:linear-gradient(to right,#b5886399,#b5886399 50%,#f0d9b599 50%,#f0d9b599)}.game-attachment-content{position:relative}.game-attachment-header{display:flex;align-items:center;gap:8px;margin-bottom:12px;color:#ffffffb3;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}html[data-bg-theme=light] .game-attachment-header{color:var(--text-muted)}.game-attachment-players{display:flex;flex-direction:row;align-items:center;gap:0px;margin-bottom:12px;width:100%;min-width:0}.game-attachment-player{display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 12px;background:#ffffff0d;border-radius:8px;border:1px solid rgba(255,255,255,.1);flex:1;min-width:0;overflow:hidden}html[data-bg-theme=light] .game-attachment-player{background:#0000000a;border-color:#0006}.game-attachment-player-info{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;width:100%;min-width:0}.game-attachment-piece{font-size:24px;line-height:1;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.game-attachment-piece.white-piece{color:#fff}.game-attachment-piece.black-piece{color:#333;filter:drop-shadow(0 0 2px rgba(255,255,255,.5)) drop-shadow(0 2px 4px rgba(0,0,0,.5))}.game-attachment-player-details{display:flex;flex-direction:column;align-items:center;gap:2px;width:100%;min-width:0}.game-attachment-username{font-weight:600;font-size:15px;color:var(--color-text);display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.game-attachment-rating{font-size:12px;color:var(--color-text-muted)}.game-attachment-score{font-size:20px;font-weight:700;color:#ffffffe6;min-width:30px;text-align:center}html[data-bg-theme=light] .game-attachment-score{color:var(--text)}.game-attachment-vs{text-align:center;font-size:11px;font-weight:700;color:#fff6;letter-spacing:1px;padding:0 8px;align-self:stretch;display:flex;align-items:center}html[data-bg-theme=light] .game-attachment-vs{color:var(--text-muted)}.game-attachment-footer{display:flex;align-items:center;justify-content:space-between;padding-top:12px;border-top:1px solid rgba(255,255,255,.1);gap:10px}html[data-bg-theme=light] .game-attachment-footer{border-top-color:#0006}.game-attachment-result{font-size:13px;font-weight:600;color:#fffc;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}html[data-bg-theme=light] .game-attachment-result{color:var(--text)}.game-attachment-meta{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--color-text-muted);flex-shrink:0}html[data-bg-theme=light] .game-attachment-meta{color:var(--text-muted)}@media (max-width: 768px){.game-attachment-content{padding:0}.game-attachment-username{font-size:14px}.game-attachment-piece{font-size:20px}.game-attachment-score{font-size:18px}}.game-attachment-board{display:flex;flex-direction:column;gap:12px;padding:12px;background:#ffffff08;border:1px solid rgba(255,255,255,.1)}html[data-bg-theme=light] .game-attachment.game-attachment-board{background:#0000000a;border-color:var(--border)}.game-attachment-board-wrapper{display:flex;justify-content:center;align-items:center}.game-attachment-board-footer{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:6px;padding-top:8px;border-top:1px solid rgba(255,255,255,.1)}html[data-bg-theme=light] .game-attachment-board-footer{border-top-color:#0006}.game-attachment-board-players{display:flex;align-items:center;justify-content:flex-start;gap:8px;font-size:14px;width:100%;min-width:0}.game-attachment-board-player{display:flex;align-items:baseline;min-width:0;flex:0 1 auto;max-width:45%;gap:4px;font-weight:600;color:var(--color-text)}.game-attachment-board-player-left,.game-attachment-board-player-right{justify-content:flex-start;text-align:left}.game-attachment-board-username{display:inline-block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.game-attachment-board-rating{font-weight:400;color:var(--color-text-muted);font-size:13px;flex-shrink:0}.game-attachment-vs-small{font-size:11px;font-weight:700;color:#fff6;letter-spacing:.5px;flex-shrink:0}html[data-bg-theme=light] .game-attachment-vs-small{color:var(--text-muted)}.game-attachment-board-meta{display:flex;align-items:center;justify-content:center;gap:12px;font-size:12px}.game-attachment-board-sep{color:var(--color-text-muted);font-size:12px;flex-shrink:0}.game-attachment-board-sep-between{display:none}.game-attachment-board-info{display:flex;align-items:center;justify-content:flex-start;gap:8px;flex-wrap:nowrap;width:100%;min-width:0;overflow:hidden}.game-attachment-board-meta-inline{flex-shrink:0}.game-attachment-board-result-inline{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width: 768px){.game-attachment-board-wrapper{max-width:100%}.game-attachment-board-players{font-size:13px;width:100%}.game-attachment-board-footer{flex-direction:column;gap:6px;white-space:normal}.game-attachment-board-sep-between{display:none}.game-attachment-board-info{width:100%;white-space:nowrap}}.action-menu-dropdown{position:absolute;top:100%;right:0;margin-top:8px;background:#232325fa;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:12px;overflow:hidden;z-index:100;min-width:200px;box-shadow:0 8px 24px #0006;animation:actionMenuSlideIn .2s cubic-bezier(.16,1,.3,1)}.action-menu-dropdown--align-left{right:auto;left:0}html[data-bg-theme=light] .action-menu-dropdown{background:#fffffffa;border:1px solid var(--divider-color);box-shadow:0 12px 28px #0000001f}.action-menu-dropdown--top{top:auto;bottom:100%;margin-top:0;margin-bottom:8px}@keyframes actionMenuSlideIn{0%{opacity:0;transform:translateY(-8px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.action-menu-item{width:100%;padding:13px 16px;background:transparent;border:none;color:#ffffffeb;font-size:15px;font-weight:400;cursor:pointer;display:flex;align-items:center;justify-content:space-between;text-align:left;transition:background .15s ease;border-bottom:1px solid rgba(255,255,255,.06);letter-spacing:-.01em}html[data-bg-theme=light] .action-menu-item{color:var(--text);border-bottom-color:var(--divider-color)}html[data-bg-theme=light] .action-menu-item.danger,html[data-bg-theme=light] .action-menu-item.confirm{color:#ff453a}.action-menu-item:last-child{border-bottom:none}.action-menu-item:hover{background:#ffffff14}html[data-bg-theme=light] .action-menu-item:hover{background:#0000000a}html[data-bg-theme=light] .action-menu-item.danger:hover{background:#ff453a1f}.action-menu-item:active{background:#ffffff1f}html[data-bg-theme=light] .action-menu-item:active{background:#0000000f}html[data-bg-theme=light] .action-menu-item.danger:active{background:#ff453a2e}html[data-bg-theme=light] .action-menu-item.confirm:hover,html[data-bg-theme=light] .action-menu-item.confirm:active{background:#ff453a38}.action-menu-item.danger{color:#ff453a}.action-menu-item.danger:hover{background:#ff453a1f}.action-menu-item.danger:active{background:#ff453a2e}.action-menu-item.confirm{background:#ff453a26;color:#ff453a;font-weight:600}.action-menu-item.confirm:hover{background:#ff453a38}.action-menu-label{flex:1;min-width:0}.action-menu-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;margin-left:12px;opacity:.7}.action-menu-item.danger .action-menu-icon{opacity:.85}@media (max-width: 600px){.action-menu-dropdown{min-width:175px}.action-menu-item{padding:12px 14px;font-size:14px}}.poll-card{margin:16px 0;padding:0;background:transparent;border:none;border-radius:0;--color-text: rgba(255, 255, 255, .92);--color-text-muted: rgba(255, 255, 255, .6);color:var(--color-text)}html[data-bg-theme=light] .poll-card{--color-text: var(--text);--color-text-muted: var(--text-muted);--poll-choice-border: 1px solid rgb(0 0 0 / 40%);--poll-choice-border-color: rgb(0 0 0 / 40%)}.poll-card.loading{display:flex;align-items:center;justify-content:center;padding:24px;color:#ffffff80;font-size:14px}html[data-bg-theme=light] .poll-card.loading{color:var(--text-muted)}.poll-question{font-size:15px;font-weight:400;margin-bottom:16px;color:var(--color-text);line-height:1.4}.poll-error{background:#ff3b3026;color:#ff3b30;padding:8px 12px;border-radius:8px;font-size:13px;margin-bottom:12px}.poll-options{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.poll-option{position:relative;width:100%;padding:14px 16px;background:transparent;border:1px solid rgba(255,255,255,.15);border-radius:20px;cursor:pointer;transition:all .15s ease;overflow:hidden;text-align:left;font-family:inherit;color:var(--color-text)}html[data-bg-theme=light] .poll-option{border-color:var(--border)}.poll-option:not(.voted):hover{background:#6366f114;border-color:#6366f180}.poll-option:disabled{cursor:not-allowed;opacity:1;color:var(--color-text);-webkit-text-fill-color:var(--color-text)}.poll-option.voted{cursor:default;background:#ffffff08}html[data-bg-theme=light] .poll-option.voted{background:#00000008}.poll-option.user-choice{border-color:#6366f1;background:#6366f11a}.poll-option-bar{position:absolute;top:0;left:0;height:100%;background:#6366f126;transition:width .4s cubic-bezier(.4,0,.2,1);border-radius:20px}.poll-option-content{position:relative;display:flex;justify-content:space-between;align-items:center;z-index:1;gap:12px}.poll-option-content>div:first-child{flex:1;min-width:0;max-width:75%}.poll-option-text{font-size:15px;font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.poll-option-percentage{font-size:14px;font-weight:600;color:var(--color-text)}.poll-footer{display:flex;justify-content:flex-start;align-items:center;gap:8px;padding-top:0;border-top:none;font-size:13px;color:#ffffff80}html[data-bg-theme=light] .poll-footer{color:var(--text-muted)}.poll-votes{font-weight:400}.poll-time{font-weight:400;font-style:normal}.poll-time:before{content:"·";margin:0 4px}.report-modal-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.1)}.report-modal-title{color:#fff;font-size:18px;font-weight:600;margin:0}.report-reasons{display:grid;gap:10px;padding:16px 20px}.report-reason-item{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-radius:12px;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);color:#fff;cursor:pointer;transition:background .2s,border-color .2s}.report-reason-item:hover{background:#ffffff1a;border-color:#ffffff2e}.report-reason-left{display:flex;flex-direction:column;gap:2px;min-width:0;text-align:left}.report-reason-label{font-size:14px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.report-reason-dot{width:18px;height:18px;border-radius:999px;border:2px solid rgba(255,255,255,.35);display:flex;align-items:center;justify-content:center;flex-shrink:0}.report-reason-dot-inner{width:8px;height:8px;border-radius:999px;background:transparent}.report-reason-item.is-selected{border-color:#667eea99}.report-reason-item.is-selected .report-reason-dot{border-color:#667eeae6}.report-reason-item.is-selected .report-reason-dot-inner{background:#667eea}.report-other{padding:0 20px 12px}.report-error{margin:0 20px 12px;padding:10px 12px;background:#ef44441f;border:1px solid rgba(239,68,68,.3);border-radius:12px;color:#ef4444;font-size:13px}.report-actions{display:flex;justify-content:flex-end;gap:10px;padding:0 20px 18px}html[data-bg-theme=light] .report-modal-header{border-bottom-color:var(--divider-color)}html[data-bg-theme=light] .report-modal-title{color:var(--text)}html[data-bg-theme=light] .report-reason-item{background:#00000008;border-color:var(--border);color:var(--text)}html[data-bg-theme=light] .report-reason-item:hover{background:#0000000f;border-color:var(--border)}html[data-bg-theme=light] .report-reason-dot{border-color:#00000040}.profile-hover-card{position:absolute;top:calc(100% + 8px);left:0;width:260px;padding:12px;background:#1a1a2e;border:1px solid var(--divider-color);border-radius:14px;box-shadow:var(--shadow-heavy);z-index:5000}.profile-hover-card--top{top:auto;bottom:calc(100% + 8px)}.profile-hover-loading{color:var(--text-secondary);font-size:12px}.profile-hover-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:10px}.profile-hover-stat{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:0;text-align:center}.profile-hover-stat-value{color:var(--text-white);font-weight:800;font-size:13px;line-height:1.1;width:100%;text-align:center}.profile-hover-stat-label{color:var(--text-secondary);font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-hover-card .elo-ratings-block{padding:12px;border-radius:16px}.profile-hover-elo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;position:relative;z-index:1}.profile-hover-elo-col{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:0 8px}.profile-hover-elo-col+.profile-hover-elo-col{border-left:1px solid rgba(255,255,255,.25)}.profile-hover-elo-label{font-size:11px;font-weight:700;color:#ffffffd9;letter-spacing:.4px}.profile-hover-elo-value{font-size:18px;font-weight:900;color:#fff;line-height:1}.elo-ratings-block{background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:24px;padding:24px;position:relative;overflow:hidden}.elo-ratings-block:before{content:"";position:absolute;top:-40px;right:-40px;width:180px;height:180px;background:radial-gradient(circle,rgba(255,255,255,.14) 0%,transparent 70%);pointer-events:none}@media (max-width: 900px){.elo-ratings-block{padding:20px 16px}}.post-card{padding-bottom:9px;padding-top:9px;-webkit-tap-highlight-color:transparent;border-bottom:1px solid rgba(255,255,255,.1)}html[data-bg-theme=light] .post-card{border-bottom-color:var(--divider-color)}.repost-indicator{display:flex;align-items:center;gap:6px;padding:0 10px 3px;color:#ffffff80;font-size:13px;font-weight:600;min-width:0}.repost-indicator span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width: 900px){.post-card{padding-left:0;padding-right:0}}@media (min-width: 900px){.post-card{padding-left:10px;padding-right:10px}}@media (hover: hover) and (pointer: fine){.post-card[style*="cursor: pointer"]:hover{background:#ffffff0d}html[data-bg-theme=light] .post-card[style*="cursor: pointer"]:hover{background:#00000008}}.post-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.post-header-right{display:flex;align-items:center;gap:10px}.post-edited-label{font-size:13px;font-weight:600;color:#ffffff73;margin-right:15px}.post-author{display:flex;align-items:center;gap:10px;padding-left:10px;margin-top:5px;min-width:0;flex:1}.post-profile-preview-anchor{position:relative}.post-profile-preview-anchor--avatar{display:inline-flex}.post-profile-preview-anchor--name{display:inline-flex;align-items:center;min-width:0;flex:0 1 auto;max-width:100%}.author-subscription-icon{flex-shrink:0;cursor:pointer}.author-avatar{flex-shrink:0;cursor:pointer;transition:transform .2s}.author-avatar:hover{transform:scale(1.05)}.author-info{display:flex;flex-direction:column;gap:0px;min-width:0;flex:1}.author-name{font-size:16px;font-weight:600;color:#fff;display:flex;align-items:center;min-width:0;max-width:90%;gap:0;cursor:inherit}.author-name-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex-shrink:1;min-width:0;max-width:100%;transition:all .2s;border-bottom:2px solid transparent;cursor:pointer;display:block}.author-name svg{flex-shrink:0}.author-name-text:hover{border-bottom-color:#fff9}.post-time{font-size:13px;color:#ffffff80}.post-actions-menu{position:relative;display:flex;gap:8px}.post-icon-btn{background:transparent;border:none;border-radius:8px;padding:8px;color:#ffffffb3;cursor:pointer;display:flex;align-items:center;justify-content:center;margin-right:10px}.post-icon-btn:focus,.post-icon-btn:focus-visible{outline:none;box-shadow:none}.post-icon-btn:hover{background:transparent;color:#ffffffe6}.post-content{margin-bottom:13px}@media (max-width: 899px){.post-content{margin-bottom:9px}}.post-edit{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:16px;margin:0 10px 8px;display:flex;transition:all .3s ease}.post-edit:focus-within{background:#ffffff0d;border-color:#8b5cf666}.post-edit-container{flex:1;display:flex;flex-direction:column;gap:12px}.post-edit-textarea{width:100%;background:transparent;border:none;color:#fff;font-size:15px;font-family:inherit;resize:none;outline:none;line-height:1.5;transition:all .2s;overflow-y:auto;overflow-x:hidden;scrollbar-width:none;-ms-overflow-style:none;min-height:150px;max-height:260px}.post-edit-textarea::-webkit-scrollbar{width:0;height:0}.post-edit-textarea::placeholder{color:#fff6}.post-edit-error{margin-top:8px;font-size:13px;color:#ff6b6be6}.char-count{font-size:13px;color:#ffffff80}.post-edit-actions{display:flex;align-items:center;justify-content:space-between;padding-top:8px;border-top:1px solid rgba(255,255,255,.1)}.post-edit-btn{background:transparent;border:none;border-radius:8px;padding:8px 12px;color:#ffffffb3;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s}.post-edit-btn:hover{color:#fff}.post-edit-btn.primary{background:linear-gradient(135deg,#3b82f6,#8b5cf6);color:#fff;display:flex;align-items:center;gap:6px;border-radius:24px}.post-edit-btn.primary:hover:not(:disabled){background:linear-gradient(135deg,#4a91ff,#9b6cf6)}.post-edit-btn:disabled{opacity:.5;cursor:not-allowed}.post-content p{font-size:15px;line-height:1.4;color:#ffffffe6;margin:0;padding-left:13px;padding-right:15px;white-space:pre-wrap;word-wrap:break-word}html[data-bg-theme=light] .post-content p{color:var(--text)}.content-preview{max-height:12.6em;overflow:hidden}.post-show-more{padding-left:13px;padding-right:15px;margin-top:6px}.post-show-more-btn{background:transparent;border:none;padding:0;color:#a78bfa;font-size:14px;font-weight:600;cursor:pointer}.post-show-more-btn:hover{color:#bb9fff;text-decoration:underline}html[data-bg-theme=light] .post-show-more-btn:hover{color:#8b5cf6}.post-show-more-btn:focus,.post-show-more-btn:focus-visible{outline:none;box-shadow:none}.post-attachment{margin-top:16px;border-radius:12px;overflow:hidden}.game-attachment{border:none;padding:16px}.post-content>.game-attachment{margin:10px}.repost-original-post .game-attachment{margin:5px 0}.post-content>.poll-card{margin:10px}.repost-original-post .poll-card{margin:5px 0}.attachment-header{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:#3b82f6;margin-bottom:12px}.game-info{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}.game-meta{display:flex;align-items:center;gap:12px;font-size:14px;color:#ffffffb3}.status-badge{padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600;background:#ffffff1a;color:#fff}.status-badge.checkmate{background:#22c55e33;color:#22c55e}.status-badge.draw{background:#fbbf2433;color:#fbbf24}.view-game-btn{background:#3b82f633;border:1px solid rgba(59,130,246,.5);border-radius:8px;padding:8px 16px;color:#3b82f6;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s}.view-game-btn:hover{background:#3b82f64d;border-color:#3b82f6}.image-attachment{border:1px solid rgba(255,255,255,.1)}.image-attachment img{width:100%;height:auto;max-height:400px;object-fit:cover;display:block}.post-footer{display:flex;align-items:center;justify-content:space-between;gap:0;width:100%;padding:0 0 2px}.post-footer>button,.post-footer>.post-views-stat{flex:1 1 0;justify-content:center}.post-action-btn{background:transparent;border:none;display:flex;align-items:center;gap:8px;color:#fff9;font-size:15px;font-weight:600;cursor:pointer;border-radius:16px}.post-action-btn:hover{color:#ffffffe6}.post-action-btn.active{color:#ef4444}.post-action-btn.active:hover{color:#dc2626}.post-action-btn.saved{color:#fff}.post-action-btn.saved:hover{color:#e5e5e5}.post-action-btn.reposted{color:#fff}.post-action-btn.reposted:hover{color:#e5e5e5}.post-views-stat{display:flex;align-items:center;gap:8px;color:#fff9;font-size:15px;font-weight:600;margin-left:0}.repost-original-post{margin:5px 10px 15px;padding:14px;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:10px}html[data-bg-theme=light] .repost-original-post{background:#00000008;border-color:var(--border)}.repost-original-header{display:flex;align-items:center;gap:10px;margin-bottom:10px}.repost-original-avatar{flex-shrink:0}.repost-original-info{flex:1;min-width:0}.repost-original-name{display:flex;align-items:center;gap:4px;font-weight:600;color:#ffffffe6;font-size:14px;min-width:0}html[data-bg-theme=light] .repost-original-name{color:var(--text)}.repost-original-name>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.repost-original-time{font-size:12px;color:#ffffff80;margin-top:2px}html[data-bg-theme=light] .repost-original-time{color:var(--text-muted)}.repost-original-content{color:#fffc;font-size:14px;line-height:1.5;margin-bottom:10px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;white-space:pre-wrap;word-wrap:break-word}html[data-bg-theme=light] .repost-original-content{color:var(--text-muted)}.repost-original-game{margin-top:10px;padding:8px 10px;background:#ffffff0d;border-radius:6px;border:1px solid rgba(255,255,255,.1)}html[data-bg-theme=light] .repost-original-game{background:#00000008;border-color:var(--border)}.game-attachment-badge{font-size:12px;color:#ffffffb3;display:flex;align-items:center;gap:6px}.repost-original-image{margin-top:10px;border-radius:8px;overflow:hidden;max-height:300px}.repost-original-image img{width:100%;height:auto;display:block}.repost-original-stats{display:flex;align-items:center;gap:16px;margin-top:10px;padding-top:10px;border-top:1px solid rgba(255,255,255,.08);font-size:13px;color:#fff9}html[data-bg-theme=light] .repost-original-stats{border-top-color:var(--divider-color);color:var(--text-muted)}.repost-original-stats span{display:flex;align-items:center;gap:4px}.thread-indicator{margin-top:12px;padding:8px 12px;background:#8b5cf61a;border:1px solid rgba(139,92,246,.3);border-radius:8px;font-size:13px;color:#a78bfa;text-align:center}@media (max-width: 899px){.post-author{padding-left:10px;gap:8px}.post-content p{padding-left:13px;padding-bottom:3px;padding-right:15px}.post-edit{margin-left:0}}@media (max-width: 899px){.author-avatar{width:35px!important;height:35px!important;font-size:12px!important}.author-avatar svg{height:.8em!important;width:.8em!important}.post-content p{font-size:14px}.post-footer{padding:0 0 2px}.post-action-btn,.post-views-stat{gap:4px;font-size:13px}.post-content>.game-attachment{margin:5px 10px}}.post-error-fallback{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:24px;margin:8px 0;min-height:120px;display:flex;align-items:center;justify-content:center}.post-error-content{display:flex;align-items:center;gap:16px;color:var(--text-muted);text-align:left}.post-error-icon{color:var(--error-color, #f44336);flex-shrink:0}.post-error-text{display:flex;flex-direction:column;gap:4px}.post-error-title{font-weight:600;font-size:14px;color:var(--text)}.post-error-description{font-size:13px;color:var(--text-muted)}.comment-error-fallback{padding:12px 16px;margin:4px 0;background:var(--bg-card);border:1px solid var(--border);border-radius:8px;opacity:.7}.comment-error-content{display:flex;align-items:center;gap:8px;color:var(--text-muted);font-size:13px}.comment-error-icon{color:var(--error-color, #f44336);flex-shrink:0}.comment-error-text{font-size:13px}.comment-section{margin:0 18px;--comment-avatar-size: 36px}html[data-bg-theme=light] .comment-section{background:var(--bg-card)}html[data-bg-theme=light] .comment-section-title{color:var(--text)}html[data-bg-theme=light] .comment-sort-btn{color:var(--text-muted)}html[data-bg-theme=light] .comment-sort-btn:hover{color:var(--text)}html[data-bg-theme=light] .comment-cancel{color:var(--text-muted)}html[data-bg-theme=light] .comment-cancel:hover{color:var(--text)}html[data-bg-theme=light] .comment-input{background:var(--bg-card);border:1px solid var(--border);color:var(--text)}html[data-bg-theme=light] .comment-input:focus{background:var(--bg-card)}html[data-bg-theme=light] .comment-author{color:var(--text)}html[data-bg-theme=light] .comment-author-text:hover{border-bottom-color:var(--text-muted)}html[data-bg-theme=light] .comment-time{color:var(--text-muted)}html[data-bg-theme=light] .comment-content{color:var(--text)}html[data-bg-theme=light] .comment-show-more{color:var(--text-muted)}html[data-bg-theme=light] .comment-show-more:hover{color:var(--text)}html[data-bg-theme=light] .comment-btn{color:var(--text-muted)}html[data-bg-theme=light] .comment-btn:hover{color:var(--text)}html[data-bg-theme=light] .reply-divider{background:var(--divider-color)}html[data-bg-theme=light] .view-replies-btn{color:var(--text-muted)}html[data-bg-theme=light] .view-replies-btn:hover{color:var(--text)}html[data-bg-theme=light] .no-comments,html[data-bg-theme=light] .comment-like-btn{color:var(--text-muted)}html[data-bg-theme=light] .comment-like-btn:hover{color:var(--text)}html[data-bg-theme=light] .comment-like-btn.liked{color:#ef4444}html[data-bg-theme=light] .comment-like-btn.liked:hover{color:#dc2626}html[data-bg-theme=light] .comment-btn.danger:hover{color:#ef4444}html[data-bg-theme=light] .comment-btn.danger.confirm{color:#f44;font-weight:700}html[data-bg-theme=light] .comment-btn.danger.confirm:hover{color:#f22}html[data-bg-theme=light] .comment-like-count{color:var(--text-muted)}html[data-bg-theme=light] .comment-form--mobile{border-top-color:var(--divider-color)}html[data-bg-theme=light] .comment-input-wrapper-mobile{background:var(--bg-card);border-color:var(--border)}html[data-bg-theme=light] .comment-input-wrapper-mobile:focus-within{background:var(--bg-card)}html[data-bg-theme=light] .comment-input-mobile{color:var(--text);scrollbar-color:rgba(0,0,0,.2) transparent}html[data-bg-theme=light] .comment-input-mobile::placeholder{color:var(--text-muted)}html[data-bg-theme=light] .comment-input-mobile::-webkit-scrollbar-thumb{background:#0003}.comment-section-title{font-size:15px;font-weight:700;color:#fff;margin:0}.comment-section-title-row{display:flex;align-items:center;justify-content:flex-start;margin-top:8px;margin-bottom:5px;-webkit-user-select:none;user-select:none}.comment-sort-anchor{position:relative;display:inline-flex;align-items:center}.comment-sort-btn{background:none;border:none;color:#ffffffb3;cursor:pointer;padding:5px;border-radius:8px;display:inline-flex;align-items:center;justify-content:flex-start;gap:6px;transition:all .2s;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;touch-action:manipulation}.comment-sort-btn:hover{color:#fffffff2}.comment-sort-chevron{transition:transform .2s}.comment-sort-chevron.open{transform:rotate(180deg)}.comment-form{display:flex;flex-direction:column;gap:12px;margin-bottom:18px}.comment-form-actions{display:flex;align-items:center;justify-content:space-between;gap:12px}.char-count{font-size:13px;font-weight:500;margin-left:5px}.comment-cancel{background:transparent;border:none;border-radius:8px;padding:10px 24px;color:#ffffffb3;font-weight:600;font-size:15px;cursor:pointer;transition:all .2s}.comment-cancel:hover{color:#fff}.reply-indicator{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:#8b5cf61a;border:1px solid rgba(139,92,246,.3);border-radius:8px;font-size:14px;color:#a78bfa}.reply-indicator-inline{font-size:13px;color:#8b5cf6cc;margin-bottom:4px}.reply-target{font-weight:600;color:#3b82f6;cursor:pointer;transition:all .2s ease;border-bottom:1px solid transparent;display:inline;text-decoration:none}.reply-target:hover{color:#60a5fa;border-bottom-color:#60a5fa}.cancel-reply{background:none;border:none;color:#a78bfa;font-size:24px;cursor:pointer;padding:0;line-height:1;-webkit-tap-highlight-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none}.comment-input{background:#ffffff0d;border:none;border-radius:24px;padding:10px 16px;color:#fff;font-size:15px;width:100%;resize:none;font-family:inherit;line-height:1.5;height:40px;max-height:110px;overflow-y:hidden;overflow-x:hidden;scrollbar-width:none;-ms-overflow-style:none}.comment-input.is-expanded{height:110px;overflow-y:auto;border-radius:16px}.comment-input::-webkit-scrollbar{width:0;height:0}.comment-input:focus{outline:none;background:#ffffff14}.comment-submit{align-self:flex-end;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border:none;border-radius:24px;padding:10px 24px;color:#fff;font-weight:600;font-size:15px;cursor:pointer;transition:all .2s}.comment-submit:hover:not(:disabled){opacity:.9}.comment-submit:disabled{opacity:.5;cursor:not-allowed}.comments-list{display:flex;flex-direction:column;gap:3px;max-height:500px;overflow:hidden auto}.comments-list::-webkit-scrollbar{width:6px}.comments-list::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.comments-list::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.comments-list::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.no-comments{text-align:center;padding:32px;color:#ffffff80;font-size:15px}.comment-item{display:flex;gap:10px;padding:5px;border-radius:0;position:relative;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}.comment-profile-preview-anchor{position:relative;display:inline-flex}.comment-profile-preview-anchor--avatar{display:inline-flex;align-self:flex-start}.comment-profile-preview-anchor--name{display:inline-flex;align-items:center;min-width:0;flex:0 1 auto;width:fit-content}.comment-item.is-reply{margin-left:45px;border-left:2px solid #a78bfa;padding:5px 5px 0 10px}.comment-avatar{flex-shrink:0}.comment-body{flex:1;min-width:0}.comment-header{display:flex;align-items:center;justify-content:flex-start;gap:8px;margin-bottom:2px;min-width:0}.comment-author{font-weight:600;color:#fff;font-size:14px;display:flex;align-items:center;gap:6px;min-width:0;flex:1}.comment-author-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:100%;transition:all .2s;border-bottom:2px solid transparent;cursor:pointer;display:inline-block}.comment-author-text:hover{border-bottom-color:#fff9}.comment-time{font-size:12px;color:#ffffff80;flex-shrink:0;margin-left:0;margin-bottom:2px;white-space:nowrap}.comment-content{font-size:14px;line-height:1.5;color:#ffffffd9;margin:0 0 5px;white-space:pre-wrap;word-wrap:break-word}.comment-content-row{display:flex;align-items:flex-start;gap:8px;min-width:0}.comment-content-row .comment-content{flex:1;min-width:0}.comment-content--clamped{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical}.comment-show-more{background:none;border:none;color:#ffffffbf;font-size:13px;font-weight:700;cursor:pointer;padding:0;margin:0 0 8px}.comment-show-more:hover{color:#fffffff2}.comment-actions{display:flex;gap:20px;align-items:center}.comment-btn{background:none;border:none;color:#ffffff80;font-size:13px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:4px;padding:4px 0;border-radius:6px;transition:all .2s}.comment-btn:not(.danger){padding:4px 0}.comment-btn:hover{color:#ffffffe6}.comment-btn.danger:hover{color:#ef4444}.comment-btn.danger.confirm{color:#f44;font-weight:700}.comment-btn.danger.confirm:hover{color:#f22}.reply-divider{height:1px;background:#ffffff1a;margin:6px 0 5px}.view-replies-btn{background:none;border:none;color:#ffffff80;font-size:13px;font-weight:600;cursor:pointer;padding:1px 0 5px;transition:all .2s;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;touch-action:manipulation}.view-replies-btn:hover{color:#ffffffb3}.hide-replies-footer{margin-left:45px;padding:4px 12px}.comment-edit{margin-bottom:8px}.comment-edit-actions{display:flex;gap:8px;margin-top:8px}.btn-save,.btn-cancel{padding:6px 16px;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}.btn-save{background:#3b82f6;border:none;color:#fff}.btn-save:hover{background:#2563eb}.btn-cancel{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#ffffffb3}.btn-cancel:hover{background:#ffffff1a}@media (max-width: 600px){.comment-item.is-reply{margin-left:32px}.comment-section{--comment-avatar-size: 32px}.comment-avatar svg{height:.95em!important;width:.95em!important}}.comment-like-section{display:flex;flex-direction:row;align-items:center;flex-shrink:0}.comment-like-section--content{margin-top:1px}.comment-like-btn{background:none;border:none;color:#fff6;cursor:pointer;padding:2px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;border-radius:50%}.comment-like-btn:hover{color:#fff9;transform:scale(1.1)}.comment-like-btn.liked{color:#ef4444;animation:like-pop .3s ease}.comment-like-btn.liked:hover{color:#dc2626}.comment-like-count{font-size:12px;font-weight:600;color:#ffffffb3;min-width:10px;text-align:center}@keyframes like-pop{0%{transform:scale(1)}50%{transform:scale(1.3)}to{transform:scale(1)}}.comment-item *{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.comment-content{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}.comment-section.is-mobile{padding-bottom:0;margin:0 15px 0 10px}.comment-section.is-mobile .comments-list{padding-bottom:0;max-height:calc(100vh - 200px)}.post-detail-view .comment-section.is-mobile .comments-list{max-height:none!important;overflow:visible!important}.comment-form--mobile{position:fixed;bottom:0;left:0;right:0;background:var(--bg-main);border-top:1px solid rgba(255,255,255,.1);padding:8px 12px calc(8px + env(safe-area-inset-bottom,0px));z-index:1000;display:flex;flex-direction:column;gap:8px;margin-bottom:0}.reply-indicator-mobile{display:flex;align-items:center;justify-content:space-between;padding:6px 10px;background:#8b5cf61a;border:1px solid rgba(139,92,246,.3);border-radius:8px;font-size:13px;color:#a78bfa}.comment-error-mobile{padding:6px 10px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;color:#ef4444;font-size:13px}.comment-input-wrapper-mobile{display:flex;align-items:center;gap:8px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:24px;padding:3px 3px 3px 16px;transition:all .2s}.comment-input-wrapper-mobile:focus-within{background:#ffffff14;border-color:#fff3}.comment-input-mobile{flex:1;background:transparent;border:none;color:#fff;font-size:15px;font-family:inherit;line-height:1.4;resize:none;height:auto;min-height:20px;max-height:100px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.2) transparent;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}.comment-input-mobile::-webkit-scrollbar{width:4px}.comment-input-mobile::-webkit-scrollbar-track{background:transparent}.comment-input-mobile::-webkit-scrollbar-thumb{background:#fff3;border-radius:2px}.comment-input-mobile:focus{outline:none}.comment-input-mobile::placeholder{color:#fff6}.comment-submit-mobile{flex-shrink:0;width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border:none;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;transform:rotate(0)}.comment-submit-mobile:hover:not(:disabled){opacity:.9;transform:scale(1.05) rotate(0)}.comment-submit-mobile:active:not(:disabled){transform:scale(.95) rotate(0)}.comment-submit-mobile:disabled{opacity:.4;cursor:not-allowed}@media (max-width: 899px){.comment-section:not(.is-mobile) .comment-form{display:none}}.notification-item{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;border-bottom:1px solid rgba(255,255,255,.05);cursor:pointer;position:relative}.notification-item.has-actions{padding-right:56px}.notification-item:hover{background:#ffffff0f}.notification-icon{width:40px;height:40px;border-radius:50%;background:#ffffff0d;display:flex;align-items:center;justify-content:center;flex-shrink:0}.notification-content{flex:1;min-width:0;max-width:92%;display:flex;flex-direction:column;gap:4px}.notification-item.has-actions .notification-content{max-width:88%}.notification-message{font-size:14px;font-weight:600;color:#fff;line-height:1.4;word-wrap:break-word;overflow-wrap:break-word}.premium-badge{font-size:12px;line-height:1}.notification-preview{font-size:13px;color:#fff9;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notification-time{font-size:12px;color:#fff6;margin-top:2px}.notification-delete-btn{position:absolute;right:20px;width:34px;height:34px;border-radius:10px;border:1px solid rgba(255,255,255,.08);background:transparent;color:#ffffff8c;display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-user-select:none;user-select:none}.notification-delete-btn:hover{background:#ffffff14}.notification-delete-btn:active{background:#ffffff1f;transform:scale(.96)}html[data-bg-theme=light] .notification-item{border-bottom-color:var(--divider-color)}html[data-bg-theme=light] .notification-item:hover,html[data-bg-theme=light] .notification-icon{background:#00000008}html[data-bg-theme=light] .notification-message{color:var(--text)}html[data-bg-theme=light] .notification-preview,html[data-bg-theme=light] .notification-time{color:var(--text-muted)}html[data-bg-theme=light] .notification-delete-btn{border-color:var(--divider-color);color:var(--text-muted)}html[data-bg-theme=light] .notification-delete-btn:hover{background:#00000008}@media (max-width: 600px){.notification-item{padding:12px 16px}.notification-item.has-actions{padding-right:80px}.notification-icon{width:36px;height:36px}.notification-message{font-size:13px}.notification-preview{font-size:12px}.notification-delete-btn{width:40px;height:40px}}.reply-item{--thread-left-pad: 10px;--avatar-size: 40px;padding:10px 10px 10px 12px;transition:all .2s;border-bottom:1px solid rgba(255,255,255,.1)}html[data-bg-theme=light] .reply-item{border-bottom-color:var(--divider-color);background:var(--bg-card)}.reply-context{opacity:.9;padding:0;background:transparent;border-radius:12px;margin:6px 0 0;border:none;text-align:left;width:100%;display:block;color:#ffffffe6;-webkit-text-fill-color:rgba(255,255,255,.9)}html[data-bg-theme=light] .reply-context{color:var(--text);-webkit-text-fill-color:var(--text)}.reply-context--clickable{cursor:pointer}.reply-context:disabled{cursor:default;opacity:.9}.reply-context--clickable:hover{background:transparent}.reply-context-row{display:flex;align-items:flex-start;gap:10px;padding:8px 10px 8px var(--thread-left-pad);border-radius:12px;min-width:0}.reply-context-row .game-attachment,.reply-context-row .poll-card{margin:7px 0}.reply-context--clickable:hover .reply-context-row{background:#ffffff0d}html[data-bg-theme=light] .reply-context--clickable:hover .reply-context-row{background:#00000008}.reply-context-info{flex:1;min-width:0}.context-author{display:flex;align-items:center;gap:8px;margin-bottom:8px;min-width:0}.context-avatar{width:24px;height:24px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#8b5cf6);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:#fff;flex-shrink:0}.context-username{font-size:13px;font-weight:600;color:#fffc;display:flex;align-items:center;min-width:0;flex:1}html[data-bg-theme=light] .context-username{color:var(--text)}.context-username-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex-shrink:1;min-width:0;max-width:80%}.context-content{font-size:14px;line-height:1.5;color:#ffffffb3;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;white-space:pre-wrap;word-wrap:break-word}html[data-bg-theme=light] .context-content{color:var(--text-muted)}.reply-connector{width:2px;height:30px;background:#8b5cf6;margin-left:calc(var(--thread-left-pad) + (var(--avatar-size) / 2));margin-top:4px;margin-bottom:4px}.reply-main{padding-left:12px}.reply-header{display:flex;align-items:flex-start;gap:10px;margin-bottom:12px;padding-left:var(--thread-left-pad);margin-top:10px}.reply-item .post-actions-menu{margin-left:auto;flex-shrink:0}.reply-avatar{flex-shrink:0}.reply-info{flex:1;min-width:0}.reply-author{display:flex;align-items:center;gap:8px;min-width:0}.replying-to{margin-top:2px;font-size:13px;color:#ffffff8c;display:flex;align-items:center;gap:6px;min-width:0}html[data-bg-theme=light] .replying-to{color:var(--text-muted)}.replying-to-label{flex-shrink:0}.replying-to-user{color:#fffc;font-weight:600;display:inline-flex;align-items:center;min-width:0;flex:1}html[data-bg-theme=light] .replying-to-user{color:var(--text)}.replying-to-user-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:80%}.reply-username{font-size:15px;font-weight:600;color:#fff;display:flex;align-items:center;min-width:0;flex:1}html[data-bg-theme=light] .reply-username{color:var(--text)}.reply-username-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex-shrink:1;min-width:0;max-width:80%}.reply-time{font-size:13px;color:#ffffff80}html[data-bg-theme=light] .reply-time{color:var(--text-muted)}.reply-content{font-size:15px;line-height:1.6;color:#ffffffe6;white-space:pre-wrap;word-wrap:break-word;padding-left:13px;padding-right:10px}html[data-bg-theme=light] .reply-content{color:var(--text)}.reply-content-preview{max-height:14.4em;overflow:hidden}.reply-show-more{padding-left:13px;padding-right:10px;margin-top:6px}.reply-show-more-btn{background:transparent;border:none;padding:0;color:#ffffffbf;font-size:14px;font-weight:600;cursor:pointer}html[data-bg-theme=light] .reply-show-more-btn{color:var(--text-muted)}.reply-show-more-btn:hover{color:#fffffff2;text-decoration:underline}html[data-bg-theme=light] .reply-show-more-btn:hover{color:var(--text)}.reply-show-more-btn:focus,.reply-show-more-btn:focus-visible{outline:none;box-shadow:none}@media (max-width: 600px){.reply-item{--thread-left-pad: 13px;--avatar-size: 35px;padding:5px}.reply-connector{height:20px}.reply-context{margin:6px 0 0}.reply-header{padding-left:var(--thread-left-pad)}.reply-content{font-size:14px;padding-left:13px}.context-content{font-size:13px}}.game-picker-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1200;padding:20px}.game-picker-modal{--color-text: var(--text);--color-text-muted: var(--text-muted);--game-picker-active-bg: var(--color-success, #10B981);--game-picker-active-border: var(--color-success, #10B981);background:var(--comment-modal-bg, #1a1a2e);border-radius:16px;width:100%;max-width:900px;max-height:85vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #00000080;border:1px solid var(--divider-color)}.game-picker-header{display:flex;align-items:center;justify-content:space-between;padding:24px;border-bottom:1px solid var(--divider-color)}.game-picker-header h2{margin:0;font-size:20px;font-weight:600;color:var(--color-text)}.game-picker-close{background:#ffffff1a;border:none;border-radius:8px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--color-text);transition:all .2s ease;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-user-select:none;user-select:none;touch-action:manipulation}.game-picker-close:hover{background:#ffffff26}.game-picker-filters{display:flex;gap:8px;padding:16px 24px;border-bottom:1px solid var(--divider-color);overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.game-picker-filters::-webkit-scrollbar{display:none}.game-picker-filter-btn{padding:8px 16px;border-radius:8px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:var(--color-text);cursor:pointer;font-weight:500;font-size:13px;transition:all .2s ease;display:flex;align-items:center;gap:6px;flex-shrink:0;white-space:nowrap;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-user-select:none;user-select:none;touch-action:manipulation}.game-picker-filter-btn:hover{background:#ffffff14}.game-picker-filter-btn.active{background:var(--game-picker-active-bg);border-color:var(--game-picker-active-border);font-weight:600}.game-picker-preview-toggle{display:flex;align-items:center;gap:12px;padding:12px 24px;border-bottom:1px solid var(--divider-color)}.game-picker-preview-label{font-size:13px;font-weight:500;color:#ffffffb3}.game-picker-preview-btn{padding:6px 14px;border-radius:6px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:var(--color-text);cursor:pointer;font-weight:500;font-size:12px;transition:all .2s ease;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-user-select:none;user-select:none;touch-action:manipulation}.game-picker-preview-btn:hover{background:#ffffff14}.game-picker-preview-btn.active{background:var(--game-picker-active-bg);border-color:var(--game-picker-active-border);font-weight:600}.game-picker-content{flex:1;overflow-y:auto;padding:0}.game-picker-loading{display:flex;align-items:center;justify-content:center;padding:60px 20px;color:var(--color-text-muted)}.game-picker-empty{text-align:center;padding:60px 20px;color:var(--color-text-muted);font-size:14px}.game-picker-table-container{background:#ffffff08;overflow:hidden;margin:0}.game-picker-table{width:100%;border-collapse:collapse;table-layout:fixed}.game-picker-table th:nth-child(1),.game-picker-table td:nth-child(1){width:30%}.game-picker-table th:nth-child(2),.game-picker-table td:nth-child(2){width:20%}.game-picker-table th:nth-child(3),.game-picker-table td:nth-child(3){width:25%}.game-picker-table th:nth-child(4),.game-picker-table td:nth-child(4){width:25%}.game-picker-opponent{display:block;font-weight:600;text-align:center;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.game-picker-table thead{background:#ffffff0d}.game-picker-table th{padding:12px 16px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#ffffff80;border-bottom:1px solid rgba(255,255,255,.1);text-align:center}.game-picker-table-row{cursor:pointer;transition:background .15s ease;border-bottom:1px solid rgba(255,255,255,.05)}.game-picker-table-row:hover{background:#ffffff0d}.game-picker-table td{padding:14px 16px;font-size:14px;color:var(--color-text)}html[data-bg-theme=light] .game-picker-modal{border-color:var(--border)}html[data-bg-theme=light] .game-picker-header,html[data-bg-theme=light] .game-picker-filters,html[data-bg-theme=light] .game-picker-preview-toggle{border-bottom-color:var(--divider-color)}html[data-bg-theme=light] .game-picker-close{background:#0000000d;color:var(--text)}html[data-bg-theme=light] .game-picker-close:hover{background:#00000014}html[data-bg-theme=light] .game-picker-filter-btn,html[data-bg-theme=light] .game-picker-preview-btn{background:#00000008;border-color:var(--border)}html[data-bg-theme=light] .game-picker-filter-btn.active,html[data-bg-theme=light] .game-picker-preview-btn.active{background:var(--game-picker-active-bg);border-color:var(--game-picker-active-border)}html[data-bg-theme=light] .game-picker-filter-btn:hover:not(.active),html[data-bg-theme=light] .game-picker-preview-btn:hover:not(.active){background:#0000000f}html[data-bg-theme=light] .game-picker-preview-label{color:var(--text-muted)}html[data-bg-theme=light] .game-picker-table-container{background:#00000005}html[data-bg-theme=light] .game-picker-table thead{background:#00000008}html[data-bg-theme=light] .game-picker-table th{color:var(--text-muted);border-bottom-color:var(--divider-color)}html[data-bg-theme=light] .game-picker-table-row{border-bottom-color:var(--divider-color)}html[data-bg-theme=light] .game-picker-table-row:hover{background:#00000008}html[data-bg-theme=light] .game-picker-table td{color:var(--text)}html[data-bg-theme=light] .game-picker-pagination{border-top-color:var(--divider-color)}.game-picker-pagination{padding:16px 24px;border-top:1px solid var(--divider-color)}@media (max-width: 768px){.game-picker-modal{max-width:100%;max-height:90vh}.game-picker-header{padding:20px}.game-picker-header h2{font-size:16px}.game-picker-filters{padding:12px 20px;overflow-x:auto}.game-picker-content{padding:0}.game-picker-item{flex-direction:column;align-items:flex-start;gap:12px}.game-picker-date{align-self:flex-end}.game-picker-pagination{padding:12px 20px}.game-picker-table td{font-size:13px}}@media (max-width: 550px){.game-picker-table th:nth-child(4),.game-picker-table td:nth-child(4){display:none}.game-picker-table th:nth-child(1),.game-picker-table td:nth-child(1){width:40%}.game-picker-table th:nth-child(2),.game-picker-table td:nth-child(2){width:30%}.game-picker-table th:nth-child(3),.game-picker-table td:nth-child(3){width:30%}}.delete-account-modal-body{padding:20px;text-align:center}.delete-account-modal-icon{font-size:48px;margin-bottom:20px}.delete-account-modal-title{color:var(--text);font-size:24px;font-weight:700;margin:0 0 16px}.delete-account-modal-text{color:var(--text-muted);font-size:16px;line-height:1.6;margin:0 0 12px}.delete-account-modal-text.last{margin-bottom:24px}.delete-account-modal-actions{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:24px}.delete-account-confirm-btn{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none;border-radius:20px;padding:12px 32px;font-size:16px;font-weight:600;cursor:pointer;transition:transform .2s,opacity .2s;-webkit-tap-highlight-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;-webkit-user-select:none;user-select:none}.delete-account-confirm-btn:focus-visible{outline:2px solid currentColor;outline-offset:2px}.delete-account-confirm-btn:disabled{opacity:.5;cursor:not-allowed}.delete-account-confirm-btn:hover:not(:disabled){transform:translateY(-2px)}.delete-account-cancel-btn{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2);border-radius:20px;padding:12px 32px;font-size:16px;font-weight:600;cursor:pointer;transition:transform .2s,opacity .2s,background .2s;-webkit-tap-highlight-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;-webkit-user-select:none;user-select:none}.delete-account-cancel-btn:focus-visible{outline:2px solid currentColor;outline-offset:2px}.delete-account-cancel-btn:disabled{opacity:.5;cursor:not-allowed}.delete-account-cancel-btn:hover:not(:disabled){transform:translateY(-2px);background:#ffffff26}html[data-bg-theme=light] .delete-account-cancel-btn{background:#00000008;color:var(--text);border-color:var(--border)}html[data-bg-theme=light] .delete-account-cancel-btn:hover:not(:disabled){background:#0000000f}.play-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1200;padding:20px}.play-modal{--pm-surface: rgba(255, 255, 255, .05);--pm-surface-hover: rgba(255, 255, 255, .08);--pm-border: rgba(255, 255, 255, .1);--pm-border-hover: rgba(255, 255, 255, .2);--pm-text: var(--text);--pm-text-muted: rgba(255, 255, 255, .7);--pm-success: #10B981;--pm-star-color: #FCD34D;--pm-mode-inactive-opacity: .6;background:var(--comment-modal-bg, var(--modal-bg));border:1px solid var(--divider-color);border-radius:20px;padding:24px;width:90%;max-width:500px;max-height:90vh;overflow:auto;box-shadow:0 20px 60px #00000080;position:relative}html[data-bg-theme=light] .play-modal{--pm-surface: #fff;--pm-surface-hover: #f7f8fa;--pm-border: #dce1e6;--pm-border-hover: #dce1e6;--pm-text: #000000;--pm-text-muted: #626D7A;--pm-star-color: rgb(241 186 71);--pm-mode-inactive-opacity: .9;--pm-success: #10B981}.play-modal-mode-btn{padding:12px 14px;border-radius:12px;font-size:13px;font-weight:600;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:6px;transition:all .2s ease;min-height:70px;background:var(--pm-surface);border:1px solid var(--pm-border);color:var(--pm-text-muted);opacity:var(--pm-mode-inactive-opacity);-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-user-select:none;user-select:none;touch-action:manipulation}.play-modal-mode-btn:focus{outline:none}.play-modal-mode-btn.selected{background:#3b82f626;border:2px solid rgba(59,130,246,.5);color:var(--pm-text);opacity:1}.play-modal-mode-btn:hover:not(.selected){background:var(--pm-surface-hover);border-color:var(--pm-border-hover)}.play-modal-time-btn{background:#ffffff0f;border:1px solid var(--pm-border);border-radius:14px;height:52px;font-size:16px;font-weight:600;color:var(--pm-text);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s;position:relative;overflow:hidden;-webkit-tap-highlight-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-user-select:none;user-select:none}.play-modal-time-btn.selected{background:var(--pm-success)!important;border-color:var(--pm-success)!important;color:#fff;z-index:1}.play-modal-time-btn.selected:hover{background:var(--pm-success)!important}.play-modal-time-btn:hover:not(.selected){background:#ffffff1a;border-color:var(--pm-border-hover)}.play-modal-find-btn{width:100%;padding:14px;border:none;border-radius:16px;font-size:15px;font-weight:600;cursor:pointer;color:#fff;background:linear-gradient(135deg,#3b82f6,#8b5cf6);display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;-webkit-tap-highlight-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-user-select:none;user-select:none}.play-modal-find-btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.25),transparent);transform:translate(-100%);transition:transform .6s}.play-modal-find-btn:hover:not(:disabled):before{transform:translate(100%)}.play-modal-find-btn:hover:not(:disabled){filter:brightness(1.1)}.play-modal-find-btn:disabled{opacity:.6;cursor:not-allowed}.play-modal-cancel-btn{width:100%;padding:12px;border:1px solid var(--pm-border);border-radius:16px;font-size:15px;font-weight:600;cursor:pointer;color:var(--pm-text);background:var(--pm-surface);display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:all .2s;-webkit-tap-highlight-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-user-select:none;user-select:none}.play-modal-cancel-btn:hover{background:var(--pm-surface-hover);border-color:var(--pm-border-hover)}.swipeable-tabs{display:flex;border-bottom:1px solid var(--divider-color, rgba(255, 255, 255, .1));background:var(--color-bg);position:relative;z-index:10}.swipeable-tab{flex:1;padding:12px 12px 9px;background:none;border:none;color:var(--color-text-muted, rgba(255, 255, 255, .6));font-size:14px;font-weight:600;cursor:pointer;transition:color .2s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-webkit-tap-highlight-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-user-select:none;user-select:none;display:flex;align-items:center;justify-content:center;gap:6px}.swipeable-tab.active{color:var(--color-text, #ffffff)}.swipeable-tab:active{opacity:.7}.swipeable-tab-indicator{position:absolute;bottom:0;left:0;height:2px;background:var(--color-primary, #8B5CF6);transition:transform .25s cubic-bezier(.4,0,.2,1),width .25s cubic-bezier(.4,0,.2,1);will-change:transform,width}.swipeable-tabs--scrollable{overflow-x:auto;-webkit-overflow-scrolling:auto;scrollbar-width:none}.swipeable-tabs--scrollable::-webkit-scrollbar{display:none}.swipeable-tabs--scrollable .swipeable-tab{flex:0 0 auto;padding:12px 16px 9px}.swipeable-content{overflow-x:hidden;will-change:transform;flex:1}.swipeable-content.slide-left{animation:swipeSlideOutLeft .1s ease-out forwards}.swipeable-content.slide-right{animation:swipeSlideOutRight .1s ease-out forwards}@keyframes swipeSlideOutLeft{0%{transform:translate(0);opacity:1}to{transform:translate(-30%);opacity:0}}@keyframes swipeSlideOutRight{0%{transform:translate(0);opacity:1}to{transform:translate(30%);opacity:0}}html[data-bg-theme=light] .swipeable-tab{color:var(--color-text-muted)}html[data-bg-theme=light] .swipeable-tab.active{color:var(--text)}html[data-bg-theme=light] .swipeable-tabs{border-bottom-color:var(--divider-color)}.feed-container{min-height:calc(100vh - var(--topbar-height, 0px));min-height:calc(100svh - var(--topbar-height, 0px));background:var(--bg-main);color:var(--feed-text, var(--text));display:flex;flex-direction:column;position:relative;--feed-surface: rgba(255, 255, 255, .03);--feed-surface-hover: rgba(255, 255, 255, .05);--feed-border: rgba(255, 255, 255, .1);--feed-border-hover: rgba(255, 255, 255, .15);--feed-divider: rgba(255, 255, 255, .08);--feed-text: var(--text);--feed-text-muted: rgba(255, 255, 255, .7);--feed-text-subtle: rgba(255, 255, 255, .5);--feed-text-strong: rgba(255, 255, 255, .92);--feed-popover-bg: rgba(35, 35, 37, .98);--feed-shadow-heavy: 0 8px 24px rgba(0, 0, 0, .4);--feed-gradient-title: linear-gradient(135deg, #FFFFFF, #A78BFA);--feed-gradient-stat: linear-gradient(135deg, #FFFFFF, #A78BFA);--feed-switch-off-bg: rgba(255, 255, 255, .16);--feed-switch-off-border: rgba(255, 255, 255, .14);--feed-switch-knob: rgba(255, 255, 255, .92);--feed-nav-hover-bg: var(--feed-surface-hover);--follow-btn-following-bg: #3b82f6;--follow-btn-following-hover-bg: #2563eb;--follow-btn-following-border: transparent;--follow-btn-following-border-hover: transparent;--follow-btn-following-text: #fff}html[data-bg-theme=light] .feed-container{--feed-surface: #fff;--feed-surface-hover: #f7f8fa;--feed-border: rgba(0, 0, 0, .14);--feed-border-hover: rgba(0, 0, 0, .2);--feed-divider: rgba(0, 0, 0, .1);--feed-text: #000000;--feed-text-muted: #626D7A;--feed-text-subtle: #626D7A;--feed-text-strong: rgba(0, 0, 0, .9);--feed-popover-bg: #fff;--feed-shadow-heavy: 0 8px 24px rgba(0, 0, 0, .18);--feed-gradient-title: linear-gradient(135deg, #000000, #7C3AED);--feed-gradient-stat: linear-gradient(135deg, #000000, #7C3AED);--feed-switch-off-bg: rgba(0, 0, 0, .08);--feed-switch-off-border: rgba(0, 0, 0, .14);--feed-switch-knob: #ffffff;--feed-nav-hover-bg: var(--feed-switch-off-bg)}.feed-attached-game-clear-btn{width:26px;height:26px;border-radius:999px;border:1px solid var(--feed-border);background:var(--feed-surface);color:var(--feed-text-subtle);display:flex;align-items:center;justify-content:center;padding:0;cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-user-select:none;user-select:none}.feed-attached-game-clear-btn:hover{background:var(--feed-surface-hover);border-color:var(--feed-border-hover);color:var(--feed-text)}.feed-attached-game-clear-btn:active{transform:scale(.96)}html[data-bg-theme=light] .feed-inner{background:var(--feed-surface)}html[data-bg-theme=light] .feed-container .profile-header-card{background:#0000000a}html[data-bg-theme=light] .feed-mode-toggle,html[data-bg-theme=light] .quick-actions-widget,html[data-bg-theme=light] .feed-settings-dropdown-menu{backdrop-filter:none;-webkit-backdrop-filter:none}html[data-bg-theme=light] .feed-container .post-card{background:#fff;color:var(--feed-text);border-bottom-color:var(--feed-divider)}@media (hover: hover) and (pointer: fine){html[data-bg-theme=light] .feed-container .post-card[style*="cursor: pointer"]:hover{background:var(--feed-surface-hover)}}html[data-bg-theme=light] .feed-container .author-name,html[data-bg-theme=light] .feed-container .post-edit-textarea,html[data-bg-theme=light] .feed-container .post-content p{color:var(--feed-text)}html[data-bg-theme=light] .feed-container .author-name-text:hover{border-bottom-color:var(--feed-border-hover)}html[data-bg-theme=light] .feed-container .post-time,html[data-bg-theme=light] .feed-container .repost-indicator,html[data-bg-theme=light] .feed-container .post-edited-label{color:var(--feed-text-subtle)}html[data-bg-theme=light] .feed-container .post-icon-btn{color:var(--feed-text-muted)}html[data-bg-theme=light] .feed-container .post-icon-btn:hover{color:var(--feed-text)}html[data-bg-theme=light] .feed-container .post-action-btn,html[data-bg-theme=light] .feed-container .post-views-stat{color:var(--feed-text-muted)}html[data-bg-theme=light] .feed-container .post-action-btn:hover{color:var(--feed-text)}html[data-bg-theme=light] .feed-container .post-action-btn.active{color:#ef4444}html[data-bg-theme=light] .feed-container .post-action-btn.active:hover{color:#dc2626}html[data-bg-theme=light] .feed-container .post-action-btn.saved,html[data-bg-theme=light] .feed-container .post-action-btn.reposted,html[data-bg-theme=light] .feed-container .post-action-btn.saved:hover,html[data-bg-theme=light] .feed-container .post-action-btn.reposted:hover{color:var(--feed-text)}html[data-bg-theme=light] .feed-container .post-edit{background:var(--feed-surface-hover);border-color:var(--feed-border)}html[data-bg-theme=light] .feed-container .post-edit:focus-within{background:var(--feed-surface-hover);border-color:var(--feed-border-hover)}html[data-bg-theme=light] .feed-container .post-edit-textarea::placeholder{color:var(--feed-text-subtle)}html[data-bg-theme=light] .feed-container .comment-section-title{color:var(--feed-text)}html[data-bg-theme=light] .feed-container .comment-cancel{color:var(--feed-text-muted)}html[data-bg-theme=light] .feed-container .comment-cancel:hover{color:var(--feed-text)}html[data-bg-theme=light] .feed-container .comment-input{background:var(--feed-surface-hover);color:var(--feed-text)}html[data-bg-theme=light] .feed-container .comment-input::placeholder{color:var(--feed-text-subtle)}html[data-bg-theme=light] .feed-container .reply-item{border-bottom-color:var(--feed-divider)}html[data-bg-theme=light] .feed-container .reply-context--clickable:hover .reply-context-row{background:var(--feed-surface-hover)}html[data-bg-theme=light] .feed-container .context-username{color:var(--feed-text)}html[data-bg-theme=light] .feed-container .context-content{color:var(--feed-text-subtle)}html[data-bg-theme=light] .feed-container .notification-item{border-bottom-color:var(--feed-divider)}html[data-bg-theme=light] .feed-container .notification-item:hover,html[data-bg-theme=light] .feed-container .notification-icon{background:var(--feed-surface-hover)}html[data-bg-theme=light] .feed-container .notification-message{color:var(--feed-text)}html[data-bg-theme=light] .feed-container .notification-preview,html[data-bg-theme=light] .feed-container .notification-time{color:var(--feed-text-subtle)}html[data-bg-theme=light] .feed-container .notification-delete-btn{border-color:var(--feed-border);color:var(--feed-text-muted)}html[data-bg-theme=light] .feed-container .notification-delete-btn:hover{background:var(--feed-surface-hover)}.profile-revalidation-bar{position:fixed;top:0;left:0;right:0;height:3px;background:var(--feed-divider);z-index:9999;overflow:hidden}.profile-revalidation-progress{height:100%;background:linear-gradient(90deg,#6366f1,#8b5cf6,#6366f1);background-size:200% 100%;animation:progressSlide 1.5s ease-in-out infinite;width:40%;border-radius:0 3px 3px 0}@keyframes progressSlide{0%{transform:translate(-100%)}to{transform:translate(400%)}}.profile-header-card{background:var(--feed-surface);border:1px solid var(--feed-border);border-radius:20px;transition:none}.feed-content{flex:1;display:flex;justify-content:center;max-width:68%;margin:0 auto;width:100%;gap:1.5vw;padding:0 1vw}@media (max-width: 1600px){.feed-content{max-width:68%}}@media (max-width: 1366px){.feed-content{max-width:75%}}@media (max-width: 1280px){.feed-content{max-width:75%}}.feed-inner{flex:1;width:50%;min-width:500px;max-width:650px;padding:32px 0;position:relative;display:flex;flex-direction:column;overflow:hidden}.show-new-posts-btn{position:sticky;top:70px;z-index:50;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;margin:0 auto 16px;width:fit-content;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border:none;border-radius:50px;color:#fff;font-weight:700;font-size:14px;cursor:pointer;animation:slideDown .4s ease}.show-new-posts-btn:hover{background:linear-gradient(135deg,#4a91ff,#9b6cf6)}.show-new-posts-btn:active{transform:none}.show-new-posts-btn .arrow-icon{font-size:18px}.show-new-posts-btn .new-posts-text{white-space:nowrap}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.show-new-posts-btn-top{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;margin:16px auto;width:fit-content;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border:none;border-radius:50px;color:#fff;font-weight:700;font-size:14px;cursor:pointer;animation:fadeIn .4s ease}.show-new-posts-btn-top:hover{background:linear-gradient(135deg,#4a91ff,#9b6cf6)}.show-new-posts-btn-top .arrow-icon{font-size:18px}.show-new-posts-btn-top .new-posts-text{white-space:nowrap}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width: 1400px){.feed-inner{max-width:100%}}@media (min-width: 900px){.feed-inner{border-left:1px solid var(--feed-divider);border-right:1px solid var(--feed-divider)}}.feed-sidebar-left{width:20%;min-width:220px;max-width:260px;padding:32px 0 0;padding-left:1vw;padding-right:1vw;position:sticky;top:var(--topbar-height);align-self:flex-start;display:flex;flex-direction:column;gap:10px}@media (max-width: 1400px){.feed-sidebar-left{width:18%;min-width:200px;max-width:220px;padding-right:1vw}}.sidebar-social-stats{background:var(--feed-surface);border:1px solid var(--feed-border);border-radius:16px;padding:8px 15px 16px;transition:none}.sidebar-user-card{display:flex;align-items:center;gap:10px;margin-bottom:7px;cursor:pointer;padding:8px;border-radius:10px;transition:all .2s ease}.sidebar-user-card:hover{background:var(--feed-surface-hover)}.sidebar-user-avatar{flex-shrink:0}.sidebar-user-info{flex:1;min-width:0}.sidebar-user-name{font-size:16px;font-weight:600;color:var(--feed-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:2px}.sidebar-user-handle{font-size:11px;color:var(--feed-text-subtle);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stats-title{font-size:13px;font-weight:600;color:var(--feed-text-muted);margin:0 0 10px;text-transform:uppercase;letter-spacing:.5px}.sidebar-social-stats .stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}@media (max-width: 1400px){.sidebar-social-stats .stats-grid{gap:8px}}.sidebar-social-stats .stat-item{display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center}.sidebar-social-stats .stat-value{font-size:14px;font-weight:700;background:var(--feed-gradient-stat);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:2px}.sidebar-social-stats .stat-label{font-size:9px;color:var(--feed-text-muted);font-weight:600;text-transform:uppercase;letter-spacing:.3px}.feed-mode-toggle{background:var(--feed-surface);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--feed-border);border-radius:16px;padding:14px;transition:all .3s ease}.feed-mode-toggle:hover{background:var(--feed-surface-hover);border-color:var(--feed-border-hover)}.toggle-title{font-size:14px;font-weight:700;color:var(--feed-text);margin:0 0 10px}.toggle-switch-container{position:relative;display:grid;grid-template-columns:1fr 1fr;background:var(--feed-surface-hover);border-radius:10px;padding:3px;gap:0}.toggle-option{position:relative;z-index:2;padding:7px 8px;background:transparent;border:none;border-radius:8px;color:var(--feed-text-muted);font-size:12px;font-weight:600;cursor:pointer;transition:color .3s ease;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (max-width: 1400px){.toggle-option{padding:6px;font-size:11px}}.toggle-option.active{color:var(--feed-text)}.toggle-slider{position:absolute;top:3px;bottom:3px;width:calc(50% - 3px);background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:8px;transition:transform .3s ease;z-index:1}.toggle-slider.left{transform:translate(3px)}.toggle-slider.right{transform:translate(calc(100% + 3px))}.feed-nav-menu{display:flex;flex-direction:column;gap:4px}.nav-menu-item{display:flex;align-items:center;gap:12px;padding:12px 16px;background:transparent;border:none;border-radius:10px;color:var(--feed-text-muted);font-size:15px;cursor:pointer;transition:all .2s ease;text-align:left}.nav-menu-item.active{color:var(--feed-text);font-weight:600}.feed-settings-view{width:100%}.feed-settings-card{margin:15px;overflow:visible}.feed-settings-top{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:16px 20px 12px;border-bottom:1px solid var(--feed-divider)}.feed-settings-title{font-size:18px;font-weight:800;color:var(--feed-text)}.feed-settings-status{font-size:12px;font-weight:700;color:var(--feed-text-muted);white-space:nowrap}.feed-settings-error{margin:12px 15px 0;padding:12px 14px;border-radius:12px;background:#ef44441a;border:1px solid rgba(239,68,68,.25);color:var(--feed-text);font-size:13px}.feed-settings-section{padding:14px}.feed-settings-section-title{font-size:14px;font-weight:600;color:var(--feed-text);margin-bottom:10px}.feed-settings-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 0;border-bottom:1px solid var(--feed-divider)}.feed-settings-row-text{flex:1;min-width:0}.feed-settings-row-label{font-size:14px;font-weight:600;color:var(--feed-text-strong);margin-bottom:2px}.feed-settings-row-desc{font-size:12px;font-weight:600;color:var(--feed-text-subtle)}.feed-settings-dropdown{position:relative;flex-shrink:0}.feed-settings-dropdown-btn{min-width:170px;padding:10px 12px;border-radius:12px;background:var(--feed-surface);border:1px solid var(--feed-border);color:var(--feed-text-strong);outline:none;font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:space-between;gap:10px;cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-user-select:none;user-select:none}.feed-settings-dropdown-btn:hover{background:var(--feed-surface-hover);border-color:var(--feed-border-hover)}.feed-settings-dropdown-value{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.feed-settings-dropdown-menu{position:absolute;top:calc(100% + 8px);right:0;left:auto;z-index:1000;min-width:200px;background:var(--feed-popover-bg);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:12px;overflow:hidden;border:1px solid var(--feed-border);box-shadow:var(--feed-shadow-heavy)}.feed-settings-dropdown-menu--top{top:auto;bottom:calc(100% + 8px)}.feed-settings-dropdown-menu .feed-settings-menu-item{width:100%;padding:13px 16px;background:transparent;border:none;color:var(--feed-text-strong);font-size:15px;font-weight:400;cursor:pointer;display:flex;align-items:center;justify-content:space-between;text-align:left;transition:background .15s ease;border-bottom:1px solid var(--feed-divider);letter-spacing:-.01em}.feed-settings-dropdown-menu .feed-settings-menu-item:last-child{border-bottom:none}.feed-settings-dropdown-menu .feed-settings-menu-item:hover,.feed-settings-dropdown-menu .feed-settings-menu-item:active{background:var(--feed-surface-hover)}.feed-settings-switch{position:relative;display:inline-flex;align-items:center;width:52px;height:28px}.feed-settings-switch input{opacity:0;width:0;height:0}.feed-settings-slider{position:absolute;top:0;left:0;right:0;bottom:0;border-radius:28px;background:var(--feed-switch-off-bg);border:1px solid var(--feed-switch-off-border);transition:background .2s ease}.feed-settings-slider:before{content:"";position:absolute;width:20px;height:20px;left:4px;top:50%;transform:translateY(-50%);border-radius:50%;background:var(--feed-switch-knob);transition:transform .2s ease}.feed-settings-switch input:checked+.feed-settings-slider{background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-color:#8b5cf659}.feed-settings-switch input:checked+.feed-settings-slider:before{transform:translate(24px,-50%)}@media (max-width: 900px){.feed-settings-card{margin:12px}.feed-settings-top{padding:14px 16px 10px}.feed-settings-dropdown-btn{min-width:150px}}@media (max-width: 355px){.feed-settings-row-label{font-size:13px}.feed-settings-dropdown-btn{min-width:110px}}.nav-menu-item:hover{background:var(--feed-nav-hover-bg);color:var(--feed-text)}.nav-menu-item svg{flex-shrink:0}.toggle-buttons{display:flex;flex-direction:column;gap:6px}.toggle-btn{padding:8px 12px;background:var(--feed-surface);border:1px solid var(--feed-border);border-radius:8px;color:var(--feed-text-muted);font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease;text-align:center}.toggle-btn:hover{background:var(--feed-surface-hover);color:var(--feed-text);border-color:var(--feed-border-hover)}.toggle-btn.active{background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-color:transparent;color:#fff}.action-card{background:var(--feed-surface);border-radius:16px;padding:5px;display:flex;align-items:center;gap:12px;cursor:pointer;transition:all .3s ease}.action-card:hover{background:var(--feed-surface-hover)}.action-card-icon{width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,#3b82f6,#8b5cf6);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#fff}.action-card-content{flex:1;min-width:0}.action-card-title{font-size:15px;font-weight:600;color:var(--feed-text)}.action-card-arrow{flex-shrink:0;color:var(--feed-text-subtle)}.quick-actions-widget{background:var(--feed-surface);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--feed-border);border-radius:16px;padding:16px;display:flex;flex-direction:column}.quick-actions-widget .widget-title{font-size:13px;font-weight:600;color:var(--feed-text-muted);margin:0 0 12px;text-transform:uppercase;letter-spacing:.5px}.quick-action-btn{width:100%;display:flex;align-items:center;gap:10px;padding:12px;background:var(--feed-surface);border:1px solid var(--feed-border);border-radius:10px;cursor:pointer;transition:all .2s ease;margin-bottom:8px;color:var(--feed-text);font-size:13px;font-weight:600}.quick-action-btn:hover{background:var(--feed-surface-hover);border-color:#8b5cf64d;transform:translate(4px)}.quick-action-icon{width:32px;height:32px;border-radius:8px;background:linear-gradient(135deg,#3b82f6,#8b5cf6);display:flex;align-items:center;justify-content:center;flex-shrink:0}.quick-action-content{flex:1;text-align:left}.quick-action-label{font-size:13px;font-weight:600;color:var(--feed-text);margin-bottom:2px}.quick-action-desc{font-size:12px;color:var(--feed-text-subtle)}.scroll-to-top-btn{position:fixed;bottom:2%;left:18%;transform:translate(-50%);width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:opacity .3s ease,transform .3s ease,background .2s ease;z-index:100;animation:scrollTopFadeIn .3s ease}@media (min-width: 1920px) and (max-width: 2199px){.scroll-to-top-btn{left:25%}}@media (min-width: 2200px){.scroll-to-top-btn{left:30%}}.scroll-to-top-btn:hover{background:linear-gradient(135deg,#4a91ff,#9b6cf6);transform:translate(-50%) translateY(-2px)}.scroll-to-top-btn:active{transform:translate(-50%) translateY(0)}@keyframes scrollTopFadeIn{0%{opacity:0;transform:translate(-50%) translateY(12px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.feed-sidebar-right{width:23%;min-width:260px;max-width:300px;padding:32px 0 0;padding-left:0vw;padding-right:0;position:sticky;top:var(--topbar-height);align-self:flex-start;--suggested-user-avatar-size: 40px}@media (max-width: 1400px){.feed-sidebar-right{width:22%;min-width:240px;max-width:280px;padding-left:1vw;--suggested-user-avatar-size: 36px}}@media (max-width: 1100px){.feed-sidebar-right{display:none}}.sidebar-widget{background:var(--feed-surface);border:1px solid var(--feed-border);border-radius:16px;padding:16px;margin-bottom:16px;transition:all .3s ease}@media (max-width: 1400px){.sidebar-widget{padding:12px;margin-bottom:12px}}.sidebar-widget:hover{background:var(--feed-surface-hover);border-color:var(--feed-border-hover)}html[data-bg-theme=light] .sidebar-widget:hover{background:var(--feed-surface);border-color:var(--feed-border-hover)}.widget-title{font-size:16px;font-weight:700;margin:0 0 10px;color:var(--feed-text)}@media (max-width: 1400px){.widget-title{font-size:15px}}@media (max-height: 850px){.widget-title{margin-bottom:2px}}@media (min-width: 900px) and (max-height: 850px){.feed-inner{padding:20px 0}.feed-sidebar-left,.feed-sidebar-right{padding-top:20px}.sidebar-widget{padding:12px;margin-bottom:12px}.sidebar-social-stats{padding:8px 12px 12px}.feed-mode-toggle{padding:12px}.nav-menu-item{padding:10px 14px;font-size:14px}.action-card{gap:10px}.action-card-icon{width:40px;height:40px;border-radius:10px}.action-card-title{font-size:14px}.trending-item,.suggested-user{padding:10px 0}.feed-container .post-card{padding-top:7px;padding-bottom:7px}.feed-container .repost-indicator{padding-bottom:2px;font-size:12px}.feed-container .post-header{margin-bottom:8px}.feed-container .post-author{margin-top:3px}.feed-container .author-name{font-size:15px}.feed-container .post-time{font-size:12px}.feed-container .post-icon-btn{padding:6px;margin-right:8px}.feed-container .post-content{margin-bottom:10px}.feed-container .post-content p{font-size:14px;padding-left:12px;padding-right:12px}.feed-container .post-show-more{padding-left:12px;padding-right:12px}.feed-container .post-show-more-btn{font-size:13px}.feed-container .post-attachment{margin-top:12px}.feed-container .game-attachment{padding:12px}.feed-container .post-content>.game-attachment{margin:8px}.feed-container .post-content>.poll-card{margin:8px}.feed-container .attachment-header{font-size:13px;margin-bottom:8px}.feed-container .game-meta{font-size:13px}.feed-container .status-badge{font-size:11px;padding:3px 10px}.feed-container .post-action-btn,.feed-container .post-views-stat{font-size:14px;gap:6px}.feed-container .repost-original-post{padding:12px;margin-bottom:12px}}.trending-item{padding:12px 0;border-bottom:1px solid var(--feed-divider);cursor:pointer;transition:all .2s ease;border-radius:8px}.trending-item:hover{background:var(--feed-surface-hover);margin:0 -12px;padding:12px;border-radius:12px}.trending-item:last-child{border-bottom:none}@media (max-width: 1400px){.trending-item{padding:8px 0}.trending-item:hover{padding:8px}}.trending-category{font-size:12px;color:var(--feed-text-subtle);margin-bottom:4px}.trending-title{font-size:15px;font-weight:600;color:var(--feed-text);margin-bottom:2px}.trending-stats{font-size:12px;color:var(--feed-text-subtle)}.suggested-user{display:flex;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid var(--feed-divider);transition:all .2s ease}.suggested-user:hover{background:var(--feed-surface-hover);margin:0 -12px;padding:12px;border-radius:12px}.suggested-user:last-child{border-bottom:none}.suggested-user-avatar{flex-shrink:0}@media (max-width: 1400px){.suggested-user{gap:10px;padding:10px 0}.suggested-user:hover{padding:10px}}.suggested-user-info{flex:1;min-width:0}.suggested-user-name{font-size:14px;font-weight:600;color:var(--feed-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:2px}.suggested-user-handle{font-size:13px;color:var(--feed-text-subtle);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.feed-sidebar-right .follow-btn{padding:8px 14px;background:linear-gradient(135deg,#8b5cf6,#6d28d9);border:none;border-radius:20px;color:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:background .2s,border-color .2s,opacity .2s;flex-shrink:0}.feed-sidebar-right .follow-btn:hover{transform:none;box-shadow:none}.feed-sidebar-right .follow-btn:not(.following):hover{background:linear-gradient(135deg,#7c3aed,#5b21b6)}.feed-sidebar-right .follow-btn.following{background:var(--follow-btn-following-bg);border:1px solid var(--follow-btn-following-border);color:var(--follow-btn-following-text)}.feed-sidebar-right .follow-btn.following:hover{background:var(--follow-btn-following-hover-bg);border-color:var(--follow-btn-following-border-hover)}.sidebar-footer{margin-top:20px;padding-top:12px;border-top:1px solid var(--feed-divider);display:flex;flex-wrap:wrap;gap:8px 16px}.sidebar-footer-link{font-size:12px;color:var(--feed-text-subtle);text-decoration:none;transition:color .2s}.sidebar-footer-link:hover{color:#8b5cf6}.feed-header{margin-bottom:20px}.feed-title{font-size:28px;font-weight:700;margin:0 0 20px;background:var(--feed-gradient-title);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.feed-tabs{display:flex;gap:0;justify-content:space-around;border-bottom:1px solid var(--feed-divider);-webkit-tap-highlight-color:transparent}.feed-tabs--header{align-items:center;justify-content:flex-start;position:relative}.feed-tabs__title{position:absolute;left:50%;top:0;height:48px;transform:translate(-50%);display:flex;align-items:center;justify-content:center;max-width:calc(100% - 140px);font-size:20px;font-weight:800;color:var(--feed-text);line-height:1.2;pointer-events:none}.feed-tabs__titleText{display:block;min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.feed-tabs--header .feed-tab-back{width:52px;height:48px;padding:0;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--feed-text);cursor:pointer;margin-bottom:-1px;-webkit-tap-highlight-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-user-select:none;user-select:none}.feed-tabs__right{margin-left:auto;width:44px;height:40px;display:flex;align-items:center;justify-content:center}.feed-tabs__spacer{display:none}@media (max-width: 900px){.feed-tabs__spacer{display:block;height:58px}@media (display-mode: standalone){.feed-tabs__spacer{height:58px}}html[data-bg-theme=light] .feed-tabs__spacer{background:var(--bg-card)}.feed-tabs--mobile-fixed{position:fixed;top:var(--safe-area-top, 0px);left:0;right:0;z-index:1000;background:var(--bg-main);padding:10px 12px 0;margin-bottom:0;border-bottom:1px solid var(--feed-divider);display:flex;align-items:center;justify-content:space-between}.feed-tabs--mobile-fixed .feed-tabs__title{top:10px}.feed-tabs__right{width:44px;height:40px;display:flex;align-items:center;justify-content:center}.feed-tabs--mobile-fixed .feed-tab{width:52px;height:48px;padding:0;display:flex;align-items:center;justify-content:center}.feed-tab-back{width:52px;height:48px;padding:0;display:flex;align-items:center;justify-content:center;margin-bottom:-1px;border-bottom:2px solid #8B5CF6}}.feed-tab{flex:0 0 auto;padding:12px 24px;background:transparent;border:none;color:var(--feed-text-subtle);font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease;position:relative;margin-bottom:-1px;-webkit-tap-highlight-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-user-select:none;user-select:none}.feed-tab:active{background:transparent}.feed-tab-back{padding:10px 24px 0}.feed-tab:hover{color:var(--feed-text-muted)}.feed-tab.active{color:var(--feed-text)}.explore-filters{display:flex;gap:8px;margin:5px 0 5px 10px;flex-wrap:wrap}.filter-chip{display:flex;align-items:center;gap:3px;padding:8px 15px;background:var(--feed-surface);border:1px solid var(--feed-border);border-radius:20px;color:var(--feed-text-muted);font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap;-webkit-tap-highlight-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;-webkit-user-select:none;user-select:none}.filter-chip:hover{background:var(--feed-surface-hover);border-color:var(--feed-border-hover);transform:translateY(-1px)}.filter-chip.active{background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-color:transparent;color:#fff}.filter-chip-icon{font-size:16px;line-height:1}@media (max-width: 900px){.explore-filters{margin:5px 0 5px 10px}}.create-post-inline{background:var(--feed-surface);-webkit-backdrop-filter:none;backdrop-filter:none;border:1px solid var(--feed-border);border-radius:16px;padding:10px 16px;margin-bottom:4px;display:flex;transition:all .3s ease;width:95%;margin-left:auto;margin-right:auto}.create-post-inline button,.create-post-inline input,.create-post-inline textarea,.create-post-inline label,.create-post-inline [role=button],.create-post-inline [tabindex]{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;touch-action:manipulation}.create-post-inline button{-webkit-appearance:none;-moz-appearance:none;appearance:none}.create-post-inline .input-container>div{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;touch-action:manipulation}.create-post-inline:focus-within{background:var(--feed-surface-hover);border-color:var(--feed-border-hover)}.input-container{flex:1;display:flex;flex-direction:column;gap:12px}.post-input{width:100%;background:transparent;border:none;color:var(--feed-text);font-size:15px;font-family:inherit;resize:none;outline:none;line-height:1.5;transition:all .2s;overflow-y:auto;overflow-x:hidden;scrollbar-width:none;-ms-overflow-style:none}.post-input::-webkit-scrollbar{width:0;height:0}.post-input::placeholder{color:var(--feed-text-subtle)}.input-actions{display:flex;align-items:center;justify-content:space-between;padding-top:8px;border-top:1px solid var(--feed-divider)}.attach-game-btn,.attach-poll-btn{background:transparent;border:none;display:flex;align-items:center;gap:8px;color:var(--feed-text-muted);font-size:15px;font-weight:600;cursor:pointer;border-radius:16px}.attach-game-btn:hover,.attach-poll-btn:hover{color:var(--feed-text)}.attach-game-btn:disabled,.attach-poll-btn:disabled{opacity:.5;cursor:not-allowed}.attach-game-btn:disabled:hover,.attach-poll-btn:disabled:hover{color:var(--feed-text-muted)}.attach-poll-btn.is-active{color:#6366f1}.attach-poll-btn.is-active:hover{color:#818cf8}.attach-buttons-container{display:flex;align-items:center}.attach-buttons-group{display:flex;align-items:center;gap:10px;-webkit-tap-highlight-color:transparent}.attach-buttons-group button,.profile-tabs-container,.profile-tabs-container .profile-tab-btn{-webkit-tap-highlight-color:transparent}.profile-tabs-container .profile-tab-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-user-select:none;user-select:none}.char-count{font-size:13px;color:var(--feed-text-subtle);margin-right:15px}.submit-btn{background:linear-gradient(135deg,#3b82f6,#8b5cf6);border:none;border-radius:24px;padding:8px 20px;color:#fff;font-weight:600;font-size:14px;cursor:pointer;display:flex;align-items:center;transition:all .2s}.submit-btn:hover:not(:disabled){background:linear-gradient(135deg,#4a91ff,#9b6cf6)}.submit-btn:disabled{opacity:.5;cursor:not-allowed}.loading-state,.empty-state{text-align:center;padding:64px 20px;color:var(--feed-text-muted);font-size:16px}.empty-state p{margin:0}.post-detail-view{width:100%;display:flex;flex-direction:column;flex:1}.post-detail-view:has(.profile-header-card){padding-bottom:45px}.post-detail-view .comments-list{max-height:none;overflow:visible}.back-button{display:flex;align-items:center;gap:8px;background:transparent;border:none;color:var(--feed-text-muted);font-size:16px;font-weight:600;cursor:pointer;padding:12px 16px;margin-bottom:16px;border-radius:12px;transition:all .2s}.back-button:hover{color:var(--feed-text)}@media (max-width: 899px){.feed-container{height:100vh;height:100svh;overflow:hidden}.feed-content{overflow-y:auto;padding:0;padding-bottom:var(--bottom-nav-h, 55px);gap:0;max-width:100%;align-items:flex-start;scrollbar-width:none;-ms-overflow-style:none}.feed-content::-webkit-scrollbar{display:none}.feed-content.feed-content--no-padding{padding-bottom:0}.feed-inner{padding:16px 0 0;max-width:100%;width:100%;min-width:0;min-height:100%}.show-new-posts-btn{top:10px;padding:10px 20px;font-size:13px;margin-bottom:12px}.show-new-posts-btn .arrow-icon{font-size:16px}.feed-sidebar-left,.feed-sidebar-right{display:none}.show-new-posts-btn-top{padding:10px 20px;font-size:13px;margin:12px auto}.show-new-posts-btn-top .arrow-icon{font-size:16px}.feed-title{font-size:24px}.create-post-inline{padding:12px}.post-input{font-size:14px}.submit-btn{padding:8px 14px;font-size:13px}.profile-tab-btn{font-size:15px!important;padding:10px 12px!important}.char-count{margin-right:10px}.attach-buttons-group{gap:5px}}@media (max-width: 900px){.feed-container .post-actions-menu>.action-menu-dropdown{min-width:175px;margin-right:10px}}@media (max-width: 410px){.profile-tab-btn{font-size:14px!important;padding:10px 8px!important}}.feed-actions-menu{position:relative;display:flex;align-items:center}.feed-icon-btn{width:36px;height:36px;border-radius:10px;border:none;background:transparent;color:var(--feed-text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0}.feed-icon-btn:hover{color:var(--feed-text)}.feed-icon-btn:focus,.feed-icon-btn:focus-visible{outline:none;box-shadow:none}.analytics-page{--color-bg: var(--bg-main);--color-surface: rgba(255, 255, 255, .05);--color-surface-hover: rgba(255, 255, 255, .08);--color-border: rgba(255, 255, 255, .1);--color-border-hover: rgba(255, 255, 255, .2);--color-text: var(--text);--color-text-muted: rgba(255, 255, 255, .7);--color-text-subtle: rgba(255, 255, 255, .5);--color-primary: #3B82F6;--color-primary-hover: #2563EB;--color-success: #10B981;--color-warning: #F59E0B;--color-danger: #EF4444;--analytics-content-width: 68%;--analytics-sub-surface: rgba(255, 255, 255, .02);--analytics-dropdown-bg: rgba(26, 26, 46, .98);--analytics-dropdown-shadow: 0 8px 24px rgba(0, 0, 0, .3);--analytics-table-head-bg: rgba(255, 255, 255, .05);--analytics-row-separator: rgba(255, 255, 255, .05);--analytics-progress-track-bg: rgba(255, 255, 255, .08);--analytics-progress-track-border: rgba(255, 255, 255, .1)}html[data-bg-theme=light] .analytics-page{--color-bg: #edeef0;--color-surface: #fff;--color-surface-hover: #f7f8fa;--color-border: rgba(0, 0, 0, .14);--color-border-hover: rgba(0, 0, 0, .2);--color-text: #000000;--color-text-muted: #626D7A;--color-text-subtle: #626D7A;--analytics-sub-surface: #f7f8fa;--analytics-dropdown-bg: #fff;--analytics-dropdown-shadow: 0 12px 28px rgba(0, 0, 0, .12);--analytics-table-head-bg: #f7f8fa;--analytics-row-separator: rgba(0, 0, 0, .08);--analytics-progress-track-bg: rgba(0, 0, 0, .06);--analytics-progress-track-border: rgba(0, 0, 0, .12)}@media (max-width: 1600px){.analytics-page{--analytics-content-width: 75%}}@media (max-width: 1366px){.analytics-page{--analytics-content-width: 80%}}@media (max-width: 1280px){.analytics-page{--analytics-content-width: 80%}}.analytics-page{color:var(--color-text)}.analytics-page .glass-card{background:var(--color-surface);backdrop-filter:none;-webkit-backdrop-filter:none;border:1px solid var(--color-border);border-radius:20px;transition:none}.analytics-page .glass-card:hover{background:var(--color-surface);border-color:var(--color-border)}.analytics-page .glass-card.no-hover,.glass-card.no-hover{background:#1a1a2efa!important;backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important}html[data-bg-theme=light] .analytics-page .glass-card.no-hover,html[data-bg-theme=light] .glass-card.no-hover{background:#fffffffa!important}.analytics-page .section-title{font-size:15px;font-weight:600;letter-spacing:.5px;text-transform:uppercase;color:var(--color-text-subtle);display:flex;align-items:center;gap:8px;transition:none}.analytics-page .modern-btn{background:var(--color-primary);border:none;border-radius:16px;color:#fff;font-weight:600;font-size:15px;cursor:pointer;transition:none;display:flex;align-items:center;justify-content:center;gap:8px;position:relative;-webkit-tap-highlight-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-user-select:none;user-select:none;overflow:hidden}.analytics-page .modern-btn:hover:not(:disabled){background:var(--color-primary-hover)}.analytics-page .modern-btn:disabled{opacity:.6;cursor:not-allowed}.analytics-page .modern-btn.secondary{background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text)}.analytics-page .modern-btn.secondary:hover:not(:disabled){background:var(--color-surface-hover);border-color:var(--color-border-hover)}.analytics-page .category-selector-btn{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:8px 14px;color:var(--color-text-muted);font-weight:600;font-size:13px;display:flex;align-items:center;gap:8px;cursor:pointer;transition:none;position:relative;z-index:10;-webkit-tap-highlight-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-user-select:none;user-select:none}.analytics-page .category-selector-btn:hover{background:var(--color-surface-hover);border-color:var(--color-border-hover);color:var(--color-text)}.analytics-page .category-dropdown{position:absolute;top:calc(100% + 8px);right:0;background:var(--analytics-dropdown-bg);border:1px solid var(--color-border);border-radius:12px;padding:6px;z-index:20;min-width:150px;box-shadow:var(--analytics-dropdown-shadow)}.analytics-page .category-dropdown--top{top:auto;bottom:calc(100% + 8px)}.analytics-page .category-dropdown-item{width:100%;padding:10px 12px;background:transparent;color:var(--color-text-muted);border:none;border-radius:8px;display:flex;align-items:center;gap:8px;text-align:left;cursor:pointer;font-size:13px;font-weight:600;transition:none}.analytics-page .category-dropdown-item:hover{background:var(--color-surface-hover);color:var(--color-text)}.analytics-page .category-dropdown-item.active{background:#8b5cf626;color:#a78bfa}.analytics-page .analytics-table{width:100%;border-collapse:collapse;color:var(--color-text);border-radius:8px;overflow:hidden}.analytics-page .analytics-table thead tr{background:var(--analytics-table-head-bg);border-bottom:1px solid var(--color-border)}.analytics-page .analytics-table thead tr th:first-child{border-top-left-radius:8px}.analytics-page .analytics-table thead tr th:last-child{border-top-right-radius:8px}.analytics-page .analytics-table th{padding:14px 16px;text-align:left;font-weight:600;color:#a78bfa;font-size:13px;text-transform:uppercase;letter-spacing:.5px;width:auto}.analytics-page .analytics-table th:first-child{padding-left:24px;text-align:left}.analytics-page .analytics-table th:not(:first-child){width:auto;white-space:nowrap;text-align:center}.analytics-page .analytics-table.even-columns{table-layout:fixed}.analytics-page .analytics-table.even-columns th,.analytics-page .analytics-table.even-columns td{width:33.33%;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.analytics-page .analytics-table.even-columns th:first-child,.analytics-page .analytics-table.even-columns td:first-child{width:33.33%;max-width:none;text-align:left;padding-left:24px}.analytics-page .analytics-table.openings-table th:first-child{width:20%;max-width:200px}.analytics-page .analytics-table.openings-table td:first-child{max-width:200px}.analytics-page .analytics-table.match-history-table th:first-child{width:14%;max-width:160px}.analytics-page .analytics-table.match-history-table td:first-child{max-width:160px}.match-history-table-container{background:var(--analytics-sub-surface);border-radius:8px;position:relative;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:auto}.analytics-page .analytics-table.match-history-table{min-width:980px}@media (max-width: 900px){.analytics-page .analytics-table.match-history-table{min-width:800px}}.analytics-page .analytics-table-row{border-bottom:1px solid var(--analytics-row-separator);transition:none}.analytics-page .analytics-table-row,.analytics-page .analytics-table-row td,.analytics-page .analytics-table-row span{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;touch-action:manipulation}.analytics-page .analytics-table-row:last-child{border-bottom:none}.analytics-page .analytics-table td{padding:14px 16px;font-size:14px;color:var(--color-text);text-align:center}.analytics-page .analytics-table td:first-child{padding-left:24px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left}.spinning{animation:spin 1s linear infinite;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.fa-spin{animation:spin 1s linear infinite;display:inline-block}.topbar-brand-anim .badge-gradient,.topbar-brand-anim .badge-gradient+div{transition:none}.brand-click-target{position:absolute;left:40px;top:8px;height:44px;width:260px;background:transparent;border:none;cursor:pointer;z-index:25}@media (max-width: 1100px){.brand-click-target{left:24px;width:220px}}@media (max-width: 768px){.analytics-page .analytics-table th,.analytics-page .analytics-table td{padding:12px;font-size:13px}.analytics-page .analytics-table th{font-size:12px}.analytics-page .analytics-table thead th{font-size:10px}.analytics-page .category-selector-btn{padding:6px 12px;font-size:12px}}@media (max-width: 600px){.analytics-page .analytics-table th,.analytics-page .analytics-table td{padding:10px 8px;font-size:12px}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content{max-width:900px;width:100%;max-height:90vh;overflow:auto;position:relative}.analytics-page .modal-close-btn{position:absolute;top:16px;right:16px;background:#ffffff1a;border:none;border-radius:8px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;transition:background .2s ease;z-index:10}.analytics-page .modal-close-btn:hover{background:#fff3}.analytics-page .progress-bar-container{width:100%;background:var(--analytics-progress-track-bg);border-radius:12px;position:relative;overflow:hidden;border:1px solid var(--analytics-progress-track-border)}.analytics-page .progress-bar-fill{height:100%;border-radius:12px;position:relative;overflow:hidden}.analytics-page .progress-bar-shine{position:absolute;top:0;left:0;right:0;height:50%;background:linear-gradient(180deg,rgba(255,255,255,.2) 0%,transparent 100%)}.analytics-page .progress-bar-text{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:#fff;font-weight:700;text-shadow:0 2px 8px rgba(0,0,0,.4);display:flex;align-items:center;gap:6px}.analytics-page .progress-bar-emoji{position:absolute;top:50%;transform:translate(-50%,-50%);pointer-events:none}.analytics-page .chart-container{background:var(--analytics-sub-surface);border-radius:16px;position:relative}.analytics-page .chart-container svg,.analytics-page .chart-container svg *,.analytics-page .recharts-wrapper,.analytics-page .recharts-surface{outline:none!important}.analytics-page .chart-container *{-webkit-tap-highlight-color:transparent}.analytics-page .stats-grid{display:grid;gap:16px}.analytics-page .stats-grid.two-col{grid-template-columns:repeat(2,1fr)}.analytics-page .stats-grid.three-col{grid-template-columns:repeat(3,1fr)}.analytics-page .analytics-stat-card{background:#ffffff08;padding:16px;border-radius:12px;border:1px solid rgba(255,255,255,.1);text-align:center}.analytics-page .analytics-stat-card-label{font-size:12px;color:var(--color-text-muted);margin-bottom:8px}.analytics-page .analytics-stat-card-value{font-size:24px;font-weight:700}.analytics-page .premium-card{background:linear-gradient(135deg,#8b5cf61a,#a855f70d);border:1px solid rgba(139,92,246,.3)}.analytics-page .best-opening-highlight{background:#10b9811a;border:1px solid rgba(16,185,129,.3);border-radius:12px;display:flex;align-items:center;gap:16px}.analytics-page .loading-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:10;border-radius:8px}.analysis-loading{padding:40px;text-align:center}.analysis-progress-bar{margin-top:16px;background:#ffffff1a;border-radius:8px;height:8px;overflow:hidden}.analysis-progress-fill{height:100%;background:linear-gradient(90deg,#6366f1,#8b5cf6);transition:width .3s ease}.move-analysis-container{background:var(--analytics-sub-surface);border-radius:12px;padding:16px;max-height:400px;overflow:auto}.move-item{display:flex;align-items:center;gap:12px;padding:8px 12px;background:var(--color-surface);border-radius:8px;margin-bottom:8px}.analytics-page .pagination-btn{background:var(--color-surface)!important;border:1px solid var(--color-border)!important}.analytics-page .pagination-btn:hover:not(:disabled){background:var(--color-surface-hover)!important;border-color:var(--color-border-hover)!important}.analytics-page .filter-buttons{display:flex;gap:12px;margin-bottom:20px;flex-wrap:wrap}.analytics-page .filter-btn{padding:8px 16px;border-radius:8px;background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text);cursor:pointer;font-weight:500;font-size:13px;transition:none;display:inline-flex;align-items:center;gap:6px;-webkit-tap-highlight-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;-webkit-user-select:none;user-select:none}.analytics-page .filter-btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.analytics-page .filter-btn:hover{background:var(--color-surface-hover);border-color:var(--color-border-hover)}.analytics-page .filter-btn.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff;font-weight:600}html[data-bg-theme=light] .analytics-page .modal-close-btn{background:#0000000f;color:#000}html[data-bg-theme=light] .analytics-page .modal-close-btn:hover{background:#0000001a}.move-number{width:40px;font-size:13px;color:var(--color-text-muted)}.move-notation{flex:1;font-weight:600;font-size:14px}.move-classification{font-size:11px;padding:4px 8px;border-radius:6px;font-weight:600}.move-evaluation{font-size:13px;font-weight:600;width:60px;text-align:right}@media (max-width: 768px){.stats-grid.two-col,.stats-grid.three-col{grid-template-columns:1fr}.progress-bar-container{height:32px}.progress-bar-text{font-size:13px;gap:4px}.analytics-stat-card{padding:12px}.analytics-stat-card-value{font-size:20px}.best-opening-highlight{padding:16px}.analytics-page .filter-btn{padding:6px 12px;font-size:12px}.modal-content{padding:16px}}@media (max-width: 600px){.progress-bar-text{font-size:11px}.modal-overlay{padding:12px}}.notification-error-fallback{padding:12px 16px;margin:8px 0;background:var(--bg-card);border:1px solid var(--border);border-radius:8px;opacity:.7}.notification-error-content{display:flex;align-items:center;gap:8px;color:var(--text-muted);font-size:13px}.notification-error-icon{color:var(--error-color, #f44336);flex-shrink:0}.notification-error-text{font-size:13px}.activity-container{min-height:calc(100vh - var(--topbar-height, 0px));min-height:calc(100svh - var(--topbar-height, 0px));height:calc(100svh - var(--topbar-height, 0px));background:var(--bg-main);color:var(--activity-text, var(--text));display:flex;flex-direction:column;overflow:hidden;--activity-surface: rgba(255, 255, 255, .03);--activity-surface-hover: rgba(255, 255, 255, .05);--activity-border: rgba(255, 255, 255, .1);--activity-border-hover: rgba(255, 255, 255, .15);--activity-divider: rgba(255, 255, 255, .08);--activity-text: var(--text);--activity-text-muted: rgba(255, 255, 255, .7);--activity-text-subtle: rgba(255, 255, 255, .5);--activity-text-strong: rgba(255, 255, 255, .92)}html[data-bg-theme=light] .activity-container{--activity-surface: #fff;--activity-surface-hover: #f7f8fa;--activity-border: rgba(0, 0, 0, .14);--activity-border-hover: rgba(0, 0, 0, .2);--activity-divider: rgba(0, 0, 0, .1);--activity-text: #000000;--activity-text-muted: #626D7A;--activity-text-subtle: #626D7A;--activity-text-strong: rgba(0, 0, 0, .9)}.activity-content{flex:1;display:flex;justify-content:center;overflow-y:auto}@media (max-width: 899px){.activity-content{padding-bottom:var(--bottom-nav-h, 55px)}}.activity-inner{width:100%;max-width:700px;padding:32px 40px;display:flex;flex-direction:column;flex:1}@media (max-width: 900px){.activity-inner{padding:16px 0 0;max-width:100%}}.activity-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;padding:0 20px}@media (min-width: 901px){.activity-header{padding:0}}.settings-icon-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#fff;cursor:pointer;transition:all .2s ease;-webkit-tap-highlight-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-user-select:none;user-select:none}.settings-icon-btn:hover{background:#ffffff1a;transform:translateY(-2px)}.activity-title{font-size:28px;font-weight:700;margin:0;color:#fff}@media (max-width: 900px){.activity-title{font-size:24px}}.activity-actions{display:flex;gap:8px}.action-btn{display:flex;align-items:center;gap:6px;padding:10px 16px;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border:none;border-radius:10px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.action-btn:hover{transform:translateY(-1px)}.action-btn.secondary{background:#ffffff0d;border:1px solid rgba(255,255,255,.1)}.action-btn.secondary:hover{background:#ffffff14}@media (max-width: 900px){.action-btn{padding:10px 12px}.action-btn span{display:none}}.activity-tabs{-webkit-tap-highlight-color:transparent}@media (max-width: 900px){.activity-tabs .swipeable-tab{padding:12px 8px;font-size:13px;gap:4px}}@media (max-width: 360px){.activity-tabs .swipeable-tab{font-size:11px}}.tab-badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;background:#ef4444;border-radius:10px;font-size:12px;font-weight:700;color:#fff}.tab-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;background:#8b5cf64d;border-radius:10px;font-size:12px;font-weight:700}.swipeable-tab.active .tab-count{background:#8b5cf6}.error-banner{background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:12px;padding:16px;margin:0 16px 16px;color:#ef4444;font-size:14px}@media (min-width: 901px){.error-banner{margin:0 0 16px}}.loading-state,.empty-state{text-align:center;padding:64px 20px;color:#fff9}.empty-state{display:flex;flex-direction:column;align-items:center;gap:12px}.empty-icon{font-size:64px;opacity:.3;margin-bottom:8px}.empty-title{font-size:20px;font-weight:700;color:#fff}.empty-desc{font-size:14px;color:#ffffff80;max-width:400px;line-height:1.5}.activity-list{background:transparent;border-radius:16px;overflow:hidden;border:none}.activity-list .notification-item{border-bottom:none}@media (max-width: 900px){.activity-list{border-radius:0;border-left:none;border-right:none}}.activity-posts{display:flex;flex-direction:column;gap:16px}@media (max-width: 900px){.activity-posts{gap:0}}html[data-bg-theme=light] .activity-title{color:var(--text)}html[data-bg-theme=light] .settings-icon-btn{background:#0000000a;border-color:var(--divider-color);color:var(--text)}html[data-bg-theme=light] .settings-icon-btn:hover{background:#00000012}html[data-bg-theme=light] .action-btn.secondary{background:#0000000a;border-color:var(--divider-color);color:var(--text)}html[data-bg-theme=light] .action-btn.secondary:hover{background:#00000012}html[data-bg-theme=light] .activity-tabs{border-bottom-color:var(--divider-color)}html[data-bg-theme=light] .loading-state,html[data-bg-theme=light] .empty-state{color:var(--text-muted)}html[data-bg-theme=light] .empty-title{color:var(--text)}html[data-bg-theme=light] .empty-desc{color:var(--text-muted)}html[data-bg-theme=light] .activity-container .notification-item{border-bottom-color:var(--divider-color)}html[data-bg-theme=light] .activity-container .notification-item:hover,html[data-bg-theme=light] .activity-container .notification-icon{background:#00000008}html[data-bg-theme=light] .activity-container .notification-message{color:var(--text)}html[data-bg-theme=light] .activity-container .notification-preview,html[data-bg-theme=light] .activity-container .notification-time{color:var(--text-muted)}html[data-bg-theme=light] .activity-container .notification-delete-btn{border-color:var(--divider-color);color:var(--text-muted)}html[data-bg-theme=light] .activity-container .notification-delete-btn:hover{background:#00000008}html[data-bg-theme=light] .activity-container .post-card{background:var(--activity-surface);color:var(--activity-text);border-bottom-color:var(--activity-divider)}@media (hover: hover) and (pointer: fine){html[data-bg-theme=light] .activity-container .post-card[style*="cursor: pointer"]:hover{background:var(--activity-surface-hover)}}html[data-bg-theme=light] .activity-container .author-name,html[data-bg-theme=light] .activity-container .post-edit-textarea,html[data-bg-theme=light] .activity-container .post-content p{color:var(--activity-text)}html[data-bg-theme=light] .activity-container .author-name-text:hover{border-bottom-color:var(--activity-border-hover)}html[data-bg-theme=light] .activity-container .post-time,html[data-bg-theme=light] .activity-container .repost-indicator,html[data-bg-theme=light] .activity-container .post-edited-label{color:var(--activity-text-subtle)}html[data-bg-theme=light] .activity-container .post-icon-btn{color:var(--activity-text-muted)}html[data-bg-theme=light] .activity-container .post-icon-btn:hover{color:var(--activity-text)}html[data-bg-theme=light] .activity-container .post-action-btn,html[data-bg-theme=light] .activity-container .post-views-stat{color:var(--activity-text-muted)}html[data-bg-theme=light] .activity-container .post-action-btn:hover{color:var(--activity-text)}html[data-bg-theme=light] .activity-container .post-action-btn.active{color:#ef4444}html[data-bg-theme=light] .activity-container .post-action-btn.active:hover{color:#dc2626}html[data-bg-theme=light] .activity-container .post-action-btn.saved,html[data-bg-theme=light] .activity-container .post-action-btn.reposted,html[data-bg-theme=light] .activity-container .post-action-btn.saved:hover,html[data-bg-theme=light] .activity-container .post-action-btn.reposted:hover{color:var(--activity-text)}html[data-bg-theme=light] .activity-container .post-edit{background:var(--activity-surface-hover);border-color:var(--activity-border)}html[data-bg-theme=light] .activity-container .post-edit:focus-within{background:var(--activity-surface-hover);border-color:var(--activity-border-hover)}html[data-bg-theme=light] .activity-container .post-edit-textarea::placeholder{color:var(--activity-text-subtle)}html[data-bg-theme=light] .activity-container .image-attachment{border-color:var(--activity-border)}.app-error-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;background:var(--bg-main)}.app-error-content{max-width:600px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:20px}.app-error-icon{color:var(--error-color, #f44336);animation:shake .5s ease-in-out}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-10px)}75%{transform:translate(10px)}}.app-error-title{font-size:28px;font-weight:700;color:var(--text);margin:0}.app-error-description{font-size:16px;color:var(--text-muted);line-height:1.6;margin:0}.app-error-details{width:100%;max-width:500px;text-align:left;background:var(--bg-card);border:1px solid var(--border);border-radius:8px;padding:16px;margin-top:8px}.app-error-details summary{cursor:pointer;font-weight:600;color:var(--text);-webkit-user-select:none;user-select:none}.app-error-details summary:hover{color:var(--primary-color, #4a90e2)}.app-error-stack{margin-top:12px;padding:12px;background:var(--bg-deep);border-radius:4px;font-size:12px;font-family:Monaco,Courier New,monospace;overflow-x:auto;color:var(--text);white-space:pre-wrap;word-break:break-word}html[data-bg-theme=light] .app-error-stack{background:var(--skeleton-surface-2);color:#000000e6}.app-error-reload-btn{display:flex;align-items:center;gap:8px;padding:12px 24px;background:var(--primary-color, #4a90e2);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s;margin-top:8px;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;touch-action:manipulation;-webkit-user-select:none;user-select:none}.app-error-reload-btn:focus{outline:none}.app-error-reload-btn:hover{background:var(--primary-hover, #357abd);transform:translateY(-1px)}.app-error-reload-btn:active{transform:translateY(0)}.topbar-dropdown{background:#1e1e1e;border:1px solid #333;border-radius:12px;min-width:220px;box-shadow:0 8px 24px #0006;z-index:1000;overflow:hidden}html[data-bg-theme=light] .topbar-dropdown{background:#fffffffa;border-color:var(--divider-color);box-shadow:0 12px 28px #0000001f}.topbar-dropdown-item{width:100%;padding:12px 16px;background:transparent;border:none;color:#ffffffeb;font-size:15px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:12px;transition:background .2s}html[data-bg-theme=light] .topbar-dropdown-item{color:var(--text)}.topbar-dropdown-item:hover{background:#ffffff1a}html[data-bg-theme=light] .topbar-dropdown-item:hover{background:#0000000a}.topbar-dropdown-divider{height:1px;background:#333;margin:4px 0}html[data-bg-theme=light] .topbar-dropdown-divider{background:var(--divider-color)}.topbar-dropdown-item.danger{color:#f44}html[data-bg-theme=light] .topbar-dropdown-item.danger{color:#ef4444}.topbar-dropdown-item.danger:hover{background:#ff44441a}html[data-bg-theme=light] .topbar-dropdown-item.danger:hover{background:#ef44441f}@media (max-height: 500px){.topbar-dropdown{max-height:calc(100vh - 64px);overflow-y:auto;-webkit-overflow-scrolling:touch}.topbar-dropdown-item{padding:8px 12px;font-size:13px;gap:10px}.topbar-dropdown-divider{margin:2px 0}}.profile-username{color:var(--profile-username-color, rgba(255, 255, 255, .92))}:root{--bg-main: #141825;--bg-card: #121212;--bg-ink: #181615;--bg-panel: #22201c;--bg-deep: #252525;--skeleton-surface: rgba(255, 255, 255, .03);--skeleton-surface-2: rgba(255, 255, 255, .04);--skeleton-surface-3: rgba(255, 255, 255, .05);--skeleton-border: rgba(255, 255, 255, .08);--skeleton-shimmer-1: rgba(255, 255, 255, .06);--skeleton-shimmer-2: rgba(255, 255, 255, .12);--skeleton-shimmer-3: rgba(255, 255, 255, .06);--comment-modal-bg: #1a1a2e;--comment-modal-connector: #ffffff26;--safe-area-top-bg: var(--bg-main);--safe-area-top: 0px;--modal-bg: #252525;--divider-color: rgba(255, 255, 255, .06);--shadow-heavy: 0 8px 24px rgba(0, 0, 0, .35);--text-secondary: #cac5b6;--text-white: #fff;--text: #ffffff;--text-muted: #b0b0b0;--text-soft: #cac5b6;--accent: #00ff88;--accent-2: #9d4edd;--accent-3: #ceda89;--accent-strong: var(--accent);--border: #252525;--bottom-nav-bg: rgba(20, 24, 37, .95);--bottom-nav-icon-active: var(--text-white);--bottom-nav-icon-inactive: #767f7c;--bottom-nav-h: 55px}@media (display-mode: standalone){:root{--bottom-nav-h: 83px}}.ui-shake{animation:ui-shake .35s ease-in-out}@keyframes ui-shake{0%,to{transform:translateZ(0)}20%{transform:translate3d(-6px,0,0)}40%{transform:translate3d(6px,0,0)}60%{transform:translate3d(-4px,0,0)}80%{transform:translate3d(4px,0,0)}}html[data-bg-theme=dark]{--bg-main: #0c0e13;--bottom-nav-bg: rgba(14, 20, 26, .95);--comment-modal-bg: #1b1c24}html[data-bg-theme=light]{--bg-main: #edeef0;--bottom-nav-bg: rgba(255, 255, 255, .88);--bg-card: #fff;--border: #dce1e6;--text: #000000;--text-secondary: #626D7A;--text-soft: #626D7A;--text-muted: #626D7A;--divider-color: #dce1e6;--modal-bg: #fff;--skeleton-surface: #ffffff;--skeleton-surface-2: #f7f8fa;--skeleton-surface-3: #f7f8fa;--skeleton-border: rgba(0, 0, 0, .14);--skeleton-shimmer-1: rgba(0, 0, 0, .06);--skeleton-shimmer-2: rgba(0, 0, 0, .1);--skeleton-shimmer-3: rgba(0, 0, 0, .06);--comment-modal-bg: var(--modal-bg);--comment-modal-connector: var(--divider-color);--bottom-nav-icon-active: #000000;--bottom-nav-icon-inactive: #8190a2;--accent-strong: color-mix(in srgb, var(--accent) 62%, black)}*{box-sizing:border-box}html,body,#root{height:100%}#root{padding-top:0}html{background:var(--bg-main)}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,Helvetica Neue,Arial,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol;color:var(--text);background:var(--bg-main)}@media (max-width: 899px),(display-mode: standalone){body{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}input,textarea,[contenteditable=true],.selectable-text{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;-webkit-touch-callout:default}}@media (min-width: 900px) and (hover: hover) and (pointer: fine){*{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.2) transparent}*::-webkit-scrollbar{width:8px;height:8px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px;transition:background .2s ease}*::-webkit-scrollbar-thumb:hover{background:#ffffff59}*::-webkit-scrollbar-thumb:active{background:#ffffff73}html[data-bg-theme=light] *{scrollbar-color:rgba(0,0,0,.2) transparent}html[data-bg-theme=light] *::-webkit-scrollbar-thumb{background:#0003}html[data-bg-theme=light] *::-webkit-scrollbar-thumb:hover{background:#00000059}html[data-bg-theme=light] *::-webkit-scrollbar-thumb:active{background:#00000073}}@media (max-width: 899px),(hover: none) and (pointer: coarse){*,html,body{-ms-overflow-style:none!important;scrollbar-width:none!important}html::-webkit-scrollbar,body::-webkit-scrollbar,*::-webkit-scrollbar{display:none!important}*::-webkit-scrollbar{width:0!important;height:0!important;background:transparent!important}*::-webkit-scrollbar-track{background:transparent!important}*::-webkit-scrollbar-thumb{background:transparent!important;border:0!important}}body:before{content:"";position:fixed;top:0;left:0;right:0;height:var(--safe-area-top);background:var(--safe-area-top-bg);pointer-events:none;z-index:2147483647}@supports (padding-top: env(safe-area-inset-top)){@media (display-mode: standalone){:root{--safe-area-top: env(safe-area-inset-top)}#root{padding-top:var(--safe-area-top)}}}body.no-scroll{overflow:hidden!important;position:fixed;width:100vw;overscroll-behavior:none}a{color:inherit;text-decoration:none}button{font-family:inherit}.container{width:100%}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:50px;padding:0 16px;border:none;border-radius:8px;font-weight:600;cursor:pointer}.btn-primary{background:var(--accent);color:#000}.btn-outline{background:transparent;border:1px solid var(--accent);color:var(--accent)}.btn-danger{background:#f009;color:#fff}.input-auth{width:100%;height:46px;background:#313439;color:#fff;border:1px solid var(--border);border-radius:8px;padding:0 16px;outline:none}.input-auth:focus{border-color:var(--accent)}.label{color:var(--text-muted);font-size:14px}.row{display:flex}.col{display:flex;flex-direction:column}.hr{height:1px;background:var(--border);border:0}.badge-gradient{padding:8px;border-radius:12px;background:linear-gradient(135deg,var(--accent-2),var(--accent));display:inline-flex;align-items:center;gap:8px}.icon-btn{background:transparent;border:none;color:#fff;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:transform .6s ease}.icon-btn:active,.bottom-nav .icon-btn.bottom-nav-press{transform:scale(.83);transition:transform .1s ease}.icon-btn:focus{outline:none}.icon-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:12px}.scroll-y{overflow-y:auto}.screen-scroll{-webkit-overflow-scrolling:auto}.mt-8{margin-top:8px}.mt-12{margin-top:12px}.mt-16{margin-top:16px}.mt-20{margin-top:20px}.mt-24{margin-top:24px}.mt-32{margin-top:32px}.mt-40{margin-top:40px}.mb-8{margin-bottom:8px}.mb-12{margin-bottom:12px}.mb-16{margin-bottom:16px}.mb-24{margin-bottom:24px}.p-8{padding:8px}.p-12{padding:12px}.p-16{padding:16px}.p-20{padding:20px}.p-24{padding:24px}.soft-shadow{box-shadow:0 8px 24px #0000003d}.light-square{background:#f0d9b5}.dark-square{background:#b58863}@media (max-width: 600px){.desktop-only{display:none!important}}@media (min-width: 601px){.mobile-only{display:none!important}}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:flex-end;justify-content:center;z-index:50}.modal-panel{background:var(--bg-card);border:1px solid var(--border);border-radius:16px 16px 0 0;width:100%;max-width:640px;padding:16px}.skeleton{background:linear-gradient(90deg,var(--skeleton-shimmer-1) 0%,var(--skeleton-shimmer-2) 45%,var(--skeleton-shimmer-3) 100%);background-size:200% 100%;animation:skeleton-shimmer 1.15s ease-in-out infinite}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (prefers-reduced-motion: reduce){.skeleton{animation:none}}