@import"https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css";:root{--color-primary: #6366f1;--color-secondary: #8b5cf6;--color-accent: #06b6d4;--color-background: #0f0f14;--color-surface: #1a1a24;--color-text: #f1f1f1;--color-text-secondary: #9ca3af;--color-border: rgba(255, 255, 255, .1);--color-border-light: var(--color-border)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:Pretendard,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:var(--color-background);color:var(--color-text);line-height:1.5;min-height:100vh;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer}img{max-width:100%;height:auto;display:block}input,textarea,select{font-family:inherit}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-background)}::-webkit-scrollbar-thumb{background:rgba(255,255,255,.15);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.25)}::selection{background:var(--color-primary);color:#fff}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}#root{min-height:100vh}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes slideIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.header{position:sticky;top:0;z-index:100;background:var(--color-surface);border-bottom:1px solid var(--color-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.header-container{max-width:1648px;padding:0 1rem;height:64px;display:flex;align-items:center;gap:1rem}.header-logo{display:flex;align-items:center;gap:.5rem;text-decoration:none;flex-shrink:0}.logo-text{font-size:1.75rem;font-weight:800;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.5px}.logo-badge{font-size:.65rem;font-weight:600;color:var(--color-primary);background:rgba(99,102,241,.15);padding:.15rem .4rem;border-radius:4px;vertical-align:super}.header-search{flex:1;max-width:480px;position:relative}.header-search .search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:var(--color-text-secondary)}.search-input{width:100%;padding:.65rem 1rem .65rem 2.75rem;background:var(--color-background);border:1px solid var(--color-border);border-radius:12px;color:var(--color-text);font-size:.9rem;transition:all .2s}.search-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #6366f126}.search-input::placeholder{color:var(--color-text-secondary)}.header-trending{display:none;align-items:center;gap:.5rem;padding:.4rem .75rem;background:var(--color-surface);border-radius:20px;margin-left:.75rem;min-width:140px;max-width:180px;position:relative}.header-trending-label{font-size:.8rem;flex-shrink:0}.header-trending-keyword{display:flex;align-items:center;gap:.35rem;background:none;border:none;cursor:pointer;padding:0;color:var(--color-text);font-size:.8rem;transition:all .3s ease;white-space:nowrap;overflow:hidden}.header-trending-keyword.animating{opacity:0;transform:translateY(-8px)}.header-trending-keyword .keyword-rank{font-weight:700;color:var(--color-primary);font-size:.75rem}.header-trending-keyword .keyword-term{font-weight:500;overflow:hidden;text-overflow:ellipsis}.header-trending-keyword .trend-up{color:#ef4444;flex-shrink:0}.header-trending-keyword .trend-down{color:#3b82f6;flex-shrink:0}.header-trending-keyword:hover{color:var(--color-primary)}.header-trending-keyword:hover .keyword-term{text-decoration:underline}.trending-chevron{color:var(--color-text-secondary);flex-shrink:0;transition:transform .2s ease;margin-left:.25rem}.trending-chevron.open{transform:rotate(180deg)}.trending-popup{position:absolute;top:100%;left:0;min-width:240px;padding-top:8px;background:transparent;z-index:100}.trending-popup:before{content:"";position:absolute;top:0;left:0;right:0;height:8px;background:transparent}.trending-popup-header{background:var(--color-surface);border:1px solid var(--color-border);border-bottom:none;border-radius:12px 12px 0 0;padding:.75rem 1rem}.popup-title{font-size:.85rem;font-weight:600;color:var(--color-text)}.trending-popup-list{background:var(--color-surface);border:1px solid var(--color-border);border-top:1px solid var(--color-border);border-radius:0 0 12px 12px;box-shadow:0 10px 40px #0000004d;list-style:none;padding:.5rem 0;margin:0}.trending-popup-item{display:flex;align-items:center;gap:.75rem;width:100%;padding:.5rem 1rem;background:transparent;border:none;color:var(--color-text);font-size:.85rem;cursor:pointer;transition:background .2s;text-align:left}.trending-popup-item:hover{background:var(--color-border)}.trending-popup-item.current{background:rgba(99,102,241,.1)}.popup-rank{width:20px;font-weight:700;font-size:.8rem;color:var(--color-text-secondary)}.popup-rank.top3{color:var(--color-primary)}.popup-term{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.popup-change{display:flex;align-items:center;width:16px}.popup-change .trend-up{color:#ef4444}.popup-change .trend-down{color:#3b82f6}.popup-change .trend-same{color:var(--color-text-secondary);font-size:.75rem}@media (min-width: 768px){.header-trending{display:flex;position:relative}}.header-actions{display:flex;align-items:center;gap:.5rem;margin-left:auto}.action-btn{position:relative;padding:.6rem;background:transparent;border:none;color:var(--color-text-secondary);border-radius:10px;cursor:pointer;transition:all .2s}.action-btn:hover{background:var(--color-border);color:var(--color-text)}.notification-btn{position:relative}.notification-badge{position:absolute;top:4px;right:4px;min-width:16px;height:16px;background:var(--color-primary);color:#fff;font-size:.65rem;font-weight:600;border-radius:8px;display:flex;align-items:center;justify-content:center;padding:0 4px}.notification-container{position:relative}.notification-dropdown{position:absolute;top:calc(100% + 8px);right:0;width:320px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;box-shadow:0 10px 40px #0000004d;overflow:hidden;z-index:100}.notification-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;border-bottom:1px solid var(--color-border)}.notification-header span{font-size:.9rem;font-weight:600;color:var(--color-text)}.mark-read-btn{background:none;border:none;font-size:.75rem;color:var(--color-primary);cursor:pointer}.mark-read-btn:hover{text-decoration:underline}.notification-list{max-height:360px;overflow-y:auto}.no-notifications{padding:2rem;text-align:center;color:var(--color-text-secondary);font-size:.875rem}.notification-item{display:flex;align-items:flex-start;gap:.75rem;width:100%;padding:.75rem 1rem;background:transparent;border:none;border-bottom:1px solid var(--color-border);text-align:left;cursor:pointer;transition:background .2s}.notification-item:hover{background:var(--color-border)}.notification-item.unread{background:rgba(99,102,241,.05)}.notification-item .notif-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--color-border);border-radius:8px;color:var(--color-primary);flex-shrink:0}.notification-item .notif-content{flex:1;min-width:0}.notification-item .notif-content p{font-size:.85rem;color:var(--color-text);margin:0;line-height:1.4}.notification-item .notif-time{font-size:.7rem;color:var(--color-text-secondary)}.notification-item .unread-dot{width:8px;height:8px;background:var(--color-primary);border-radius:50%;flex-shrink:0;margin-top:4px}.theme-selector{position:relative}.theme-dropdown{position:absolute;top:calc(100% + 8px);right:0;width:220px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;box-shadow:0 10px 40px #0000004d;overflow:hidden;z-index:100}.dropdown-header{padding:.75rem 1rem;font-size:.8rem;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--color-border)}.theme-list{max-height:320px;overflow-y:auto;padding:.5rem}.theme-option{display:flex;align-items:center;gap:.75rem;width:100%;padding:.4rem .75rem;margin:.6rem 0;background:transparent;border:none;border-radius:8px;color:var(--color-text);font-size:.875rem;cursor:pointer;transition:background .2s}.theme-option:hover{background:var(--color-border)}.theme-option.active{background:rgba(99,102,241,.15)}.theme-preview{width:24px;height:24px;border-radius:50%;flex-shrink:0}.theme-name{flex:1;text-align:left}.user-menu-container{position:relative}.user-btn{display:flex;align-items:center;gap:.5rem;padding:.4rem .75rem;background:var(--color-border);border:1px solid var(--color-border);border-radius:10px;color:var(--color-text);cursor:pointer;transition:all .2s}.user-btn:hover{background:var(--color-border)}.user-avatar{width:32px;height:32px;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.875rem;color:#fff}.user-avatar.large{width:48px;height:48px;font-size:1.25rem}.avatar-emoji-small{font-size:1rem;line-height:1}.avatar-emoji-large{font-size:1.5rem;line-height:1}.user-name{font-size:.875rem;font-weight:500}.user-chevron{color:var(--color-text-secondary)}.user-dropdown{position:absolute;top:calc(100% + 8px);right:0;width:260px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;box-shadow:0 10px 40px #0000004d;overflow:hidden;z-index:100}.dropdown-user-info{display:flex;align-items:center;gap:.75rem;padding:1rem}.user-nickname{font-weight:600;color:var(--color-text)}.user-email{font-size:.8rem;color:var(--color-text-secondary);margin-top:2px}.dropdown-divider{height:1px;background:var(--color-border)}.dropdown-item{display:flex;align-items:center;gap:.75rem;width:100%;padding:.75rem 1rem;background:transparent;border:none;color:var(--color-text);font-size:.9rem;text-decoration:none;cursor:pointer;transition:background .2s}.dropdown-item:hover{background:var(--color-border)}.dropdown-item.logout{color:#ef4444}.dropdown-item.admin-link{color:gold;background:linear-gradient(135deg,rgba(255,215,0,.1),rgba(255,170,0,.1))}.dropdown-item.admin-link:hover{background:linear-gradient(135deg,rgba(255,215,0,.2),rgba(255,170,0,.2))}.auth-buttons{display:flex;gap:.5rem}.btn-login{padding:.5rem 1rem;background:transparent;color:var(--color-text);text-decoration:none;font-size:.875rem;font-weight:500;border-radius:8px;transition:background .2s}.btn-login:hover{background:var(--color-border)}.btn-register{padding:.5rem 1rem;background:var(--color-primary);color:#fff;text-decoration:none;font-size:.875rem;font-weight:500;border-radius:8px;transition:opacity .2s}.btn-register:hover{opacity:.9}.mobile-menu-btn{display:none;padding:.5rem;background:transparent;border:none;color:var(--color-text);cursor:pointer}.mobile-search-btn{display:none;padding:.6rem;background:transparent;border:none;color:var(--color-text-secondary);cursor:pointer;border-radius:10px;transition:all .2s}.mobile-search-btn:hover{background:var(--color-border);color:var(--color-text)}.mobile-search-bar{display:none;padding:.75rem 1rem;background:var(--color-surface);border-top:1px solid var(--color-border)}.mobile-search-bar form{display:flex;align-items:center;position:relative;width:100%}.mobile-search-bar .search-icon{position:absolute;left:1rem;color:var(--color-text-secondary)}.mobile-search-bar input{flex:1;min-width:0;width:100%;padding:.75rem 3rem .75rem 2.75rem;background:var(--color-background);border:1px solid var(--color-border);border-radius:10px;color:var(--color-text);font-size:.9rem;box-sizing:border-box}.mobile-search-bar input:focus{outline:none;border-color:var(--color-primary)}.mobile-search-bar .close-search{position:absolute;right:.5rem;padding:.5rem;background:transparent;border:none;color:var(--color-text-secondary);cursor:pointer}.mobile-menu-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:200;-webkit-tap-highlight-color:transparent;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.mobile-menu-overlay.open{opacity:1;visibility:visible}.mobile-sidebar{position:fixed;top:0;left:-280px;width:280px;height:100vh;background:var(--color-surface);z-index:300;display:flex;flex-direction:column;transition:left .3s ease;overflow-y:auto}.mobile-sidebar.open{left:0}.mobile-sidebar-header{padding:1rem;border-bottom:1px solid var(--color-border)}.mobile-logo .logo-text{font-size:1.5rem}.mobile-auth{display:flex;gap:.75rem;padding:1rem;border-bottom:1px solid var(--color-border)}.mobile-auth-btn{flex:1;padding:.75rem;text-align:center;text-decoration:none;border-radius:8px;font-weight:500;font-size:.9rem}.mobile-auth-btn.login{background:var(--color-border);color:var(--color-text)}.mobile-auth-btn.register{background:var(--color-primary);color:#fff}.mobile-user-info{display:flex;align-items:center;gap:.75rem;padding:1rem;border-bottom:1px solid var(--color-border)}.mobile-user-info .user-details{display:flex;flex-direction:column}.mobile-user-info .user-nickname{font-weight:600;color:var(--color-text)}.mobile-user-info .user-email{font-size:.8rem;color:var(--color-text-secondary)}.mobile-nav{display:flex;flex-direction:column;gap:.4rem;flex:1;padding:.75rem;overflow-y:auto}.mobile-nav-item{display:flex;align-items:center;gap:.75rem;padding:.6rem .75rem;color:var(--color-text);text-decoration:none;border-radius:10px;font-size:.95rem;transition:all .2s}.mobile-nav-item:hover{background:var(--color-border)}.mobile-nav-item.active{background:rgba(99,102,241,.15);color:var(--color-primary)}.mobile-nav-item.hot{background:linear-gradient(135deg,rgba(239,68,68,.1),rgba(249,115,22,.1))}.mobile-nav-item.hot.active{background:linear-gradient(135deg,rgba(239,68,68,.2),rgba(249,115,22,.15));box-shadow:0 0 12px #ef444440,inset 0 0 20px #ef44440d}.mobile-nav-item.hot .nav-text{font-weight:600;color:#ef4444;background:linear-gradient(135deg,#ef4444,#f97316);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.mobile-nav-item.hot.active .nav-icon{animation:mobile-hot-pulse 2s ease-in-out infinite}@keyframes mobile-hot-pulse{0%,to{transform:scale(1);filter:drop-shadow(0 0 0 rgba(239,68,68,0))}50%{transform:scale(1.1);filter:drop-shadow(0 0 4px rgba(239,68,68,.6))}}.mobile-nav-item.hot .nav-icon{color:#ef4444!important}.mobile-nav-item .nav-icon{width:24px;display:flex;align-items:center;justify-content:center;color:var(--color-text-secondary)}.mobile-nav-item.active .nav-icon{color:inherit}.mobile-sidebar-footer{padding:1rem;border-top:1px solid var(--color-border);margin-top:auto}.mobile-footer-links{display:flex;gap:1rem;margin-bottom:.5rem}.mobile-footer-links a{font-size:.75rem;color:var(--color-text-secondary);text-decoration:none}.mobile-footer-links a:hover{color:var(--color-text)}.mobile-copyright{font-size:.7rem;color:var(--color-text-secondary);opacity:.7}@media (max-width: 1024px){.header-search{max-width:320px}}@media (max-width: 768px){.header-container{gap:.5rem}.header-search,.user-name,.user-chevron,.auth-buttons{display:none}.mobile-menu-btn{display:flex;align-items:center;justify-content:center;order:-1}.mobile-search-btn{display:flex}.mobile-search-bar{display:block}.mobile-current-category{display:flex}.header-logo{flex:0;justify-content:flex-start}.logo-text{font-size:1.5rem}.logo-badge{display:none}.user-btn{padding:.25rem;background:transparent;border:none}.theme-selector .action-btn{padding:.5rem}.theme-dropdown,.notification-dropdown,.user-dropdown{position:fixed;bottom:auto;left:1rem;right:1rem;width:auto;max-width:none;top:64px}.theme-list,.notification-list{max-height:50vh}}.mobile-current-category{display:none;align-items:center;gap:.4rem;padding:.35rem .65rem;background:var(--color-border);border-radius:8px;font-size:.85rem;color:var(--color-text);margin-left:.25rem}.mobile-current-category .current-icon{display:flex;align-items:center;color:var(--color-primary)}.mobile-current-category .current-name{font-weight:500}@media (max-width: 480px){.header-container{padding:0 .75rem;height:56px;overflow-x:auto}.logo-text{font-size:1.35rem}.header-actions{gap:.25rem}.action-btn{padding:.5rem}.mobile-current-category{display:none}}.sidebar{position:sticky;top:64px;width:240px;height:calc(100vh - 64px);background:var(--color-surface);border-right:1px solid var(--color-border);display:flex;flex-direction:column;overflow-y:auto;flex-shrink:0}.sidebar-nav{flex:1;padding:1rem .75rem}.nav-section{display:flex;flex-direction:column;gap:.4rem;margin-bottom:1rem}.nav-section-title{padding:.5rem .75rem;font-size:.7rem;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px}.nav-item{display:flex;align-items:center;gap:.75rem;padding:.4rem .75rem;color:var(--color-text);text-decoration:none;border-radius:10px;font-size:.9rem;transition:all .2s;position:relative}.nav-item:hover{background:var(--color-border)}.nav-item.active{background:rgba(99,102,241,.15);color:var(--color-primary)}.nav-item.active .nav-icon{color:var(--color-primary)!important}.nav-item.hot{background:linear-gradient(135deg,rgba(239,68,68,.1),rgba(249,115,22,.1))}.nav-item.hot.active{background:linear-gradient(135deg,rgba(239,68,68,.2),rgba(249,115,22,.15));box-shadow:0 0 12px #ef444440,inset 0 0 20px #ef44440d}.nav-item.hot.active .nav-icon{animation:hot-pulse 2s ease-in-out infinite}@keyframes hot-pulse{0%,to{transform:scale(1);filter:drop-shadow(0 0 0 rgba(239,68,68,0))}50%{transform:scale(1.1);filter:drop-shadow(0 0 4px rgba(239,68,68,.6))}}.nav-item.hot .nav-text{font-weight:600;background:linear-gradient(135deg,#ef4444,#f97316);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;color:var(--color-text-secondary);flex-shrink:0}.nav-text{flex:1}.nav-arrow{color:var(--color-text-secondary);opacity:0;transition:opacity .2s}.nav-item:hover .nav-arrow{opacity:1}.sidebar-footer{padding:1rem;border-top:1px solid var(--color-border)}.footer-links{display:flex;flex-wrap:wrap;gap:.5rem 1rem;margin-bottom:.75rem}.footer-links a{font-size:.75rem;color:var(--color-text-secondary);text-decoration:none;transition:color .2s}.footer-links a:hover{color:var(--color-text)}.footer-copyright{font-size:.7rem;color:var(--color-text-secondary);opacity:.7}.sidebar::-webkit-scrollbar{width:6px}.sidebar::-webkit-scrollbar-track{background:transparent}.sidebar::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}.sidebar::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.2)}@media (max-width: 1024px){.sidebar{width:200px}}@media (max-width: 768px){.sidebar{display:none}}.layout{min-height:100vh;display:flex;flex-direction:column}.layout-body{flex:1;display:flex}.main-content{flex:1;padding:1.2rem;max-width:1160px;margin:0 auto;width:100%;overflow-x:hidden}@media (max-width: 768px){.main-content{padding:1rem}}.splash-screen{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--splash-background, #0a0a0f) 0%,var(--splash-surface, #1a1a2e) 50%,var(--splash-background, #0a0a0f) 100%);z-index:9999;overflow:hidden}.splash-screen:before{content:"";position:absolute;top:50%;left:50%;width:200%;height:200%;background:radial-gradient(circle,rgba(var(--splash-primary-rgb, 139, 92, 246),.1) 0%,transparent 50%);transform:translate(-50%,-50%);animation:pulse-bg 2s ease-in-out infinite}@keyframes pulse-bg{0%,to{opacity:.3;transform:translate(-50%,-50%) scale(1)}50%{opacity:.6;transform:translate(-50%,-50%) scale(1.1)}}.splash-logo-container{position:relative;display:flex;flex-direction:column;align-items:center;gap:16px;animation:logo-entrance .8s cubic-bezier(.16,1,.3,1) forwards;opacity:0;transform:scale(.8) translateY(20px)}@keyframes logo-entrance{0%{opacity:0;transform:scale(.8) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.splash-logo{font-size:64px;font-weight:900;letter-spacing:-2px;background:linear-gradient(135deg,var(--splash-primary, #8b5cf6) 0%,var(--splash-primary-light, #a78bfa) 50%,var(--splash-primary-lighter, #c4b5fd) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative;animation:logo-glow 2s ease-in-out infinite}@keyframes logo-glow{0%,to{filter:drop-shadow(0 0 20px rgba(var(--splash-primary-rgb, 139, 92, 246),.5))}50%{filter:drop-shadow(0 0 40px rgba(var(--splash-primary-rgb, 139, 92, 246),.8))}}.splash-line{width:120px;height:3px;background:linear-gradient(90deg,transparent,var(--splash-primary, #8b5cf6),transparent);border-radius:2px;animation:line-expand .6s .3s cubic-bezier(.16,1,.3,1) forwards;transform:scaleX(0)}@keyframes line-expand{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.splash-tagline{font-size:14px;color:var(--splash-text, rgba(255, 255, 255, .5));letter-spacing:4px;text-transform:uppercase;animation:tagline-fade .5s .5s ease-out forwards;opacity:0}@keyframes tagline-fade{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.splash-dots{display:flex;gap:8px;margin-top:32px;animation:dots-fade .4s .7s ease-out forwards;opacity:0}@keyframes dots-fade{0%{opacity:0}to{opacity:1}}.splash-dot{width:8px;height:8px;background:var(--splash-primary, #8b5cf6);border-radius:50%;animation:dot-bounce 1.4s ease-in-out infinite}.splash-dot:nth-child(1){animation-delay:0s}.splash-dot:nth-child(2){animation-delay:.2s}.splash-dot:nth-child(3){animation-delay:.4s}@keyframes dot-bounce{0%,80%,to{transform:scale(.6);opacity:.4}40%{transform:scale(1);opacity:1}}.splash-screen.fade-out{animation:splash-exit .5s cubic-bezier(.4,0,.2,1) forwards}@keyframes splash-exit{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.1);visibility:hidden}}.splash-screen.fade-out .splash-logo-container{animation:logo-exit .4s cubic-bezier(.4,0,.2,1) forwards}@keyframes logo-exit{0%{opacity:1;transform:scale(1) translateY(0)}to{opacity:0;transform:scale(.9) translateY(-20px)}}.splash-particles{position:absolute;width:100%;height:100%;overflow:hidden;pointer-events:none}.particle{position:absolute;width:4px;height:4px;background:rgba(var(--splash-primary-rgb, 139, 92, 246),.6);border-radius:50%;animation:float-particle 3s ease-in-out infinite}@keyframes float-particle{0%,to{transform:translateY(0) scale(1);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(-100vh) scale(.5);opacity:0}}.post-card{transition:all .15s}.post-card:hover{background:rgba(255,255,255,.03);border-color:var(--color-border)}.post-card.default{display:flex;align-items:flex-start;gap:.75rem;padding:.5rem .25rem;border-bottom:1px solid var(--color-border);text-decoration:none;color:inherit}.post-main{flex:1;min-width:0;display:flex;flex-direction:column}.post-header{display:flex;align-items:center;gap:.5rem;min-width:0}.hot-badge{padding:.125rem .375rem;background:linear-gradient(135deg,#ef4444,#f97316);color:#fff;font-size:.6rem;font-weight:700;border-radius:3px;flex-shrink:0;letter-spacing:.5px}.post-category{font-size:.7rem;color:var(--color-primary);font-weight:600;flex-shrink:0}.post-title{font-size:.9rem;font-weight:500;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0}.post-card:hover .post-title{color:var(--color-primary)}.post-badges{display:flex;align-items:center;gap:.35rem;flex-shrink:0}.comment-count{font-size:.75rem;font-weight:600;color:var(--color-primary);flex-shrink:0}.image-badge{display:inline-flex;align-items:center;gap:2px;font-size:.7rem;color:var(--color-text-secondary);padding:.1rem .35rem;background:var(--color-border);border-radius:3px;flex-shrink:0}.post-thumbnail{position:relative;width:70px;height:70px;flex-shrink:0;border-radius:8px;overflow:hidden;background:rgba(0,0,0,.2)}.post-thumbnail img{width:100%;height:100%;object-fit:cover}.thumbnail-count{position:absolute;bottom:4px;right:4px;font-size:.65rem;font-weight:600;color:#fff;padding:.1rem .35rem;background:rgba(0,0,0,.7);border-radius:3px}.post-excerpt{font-size:.8rem;color:var(--color-text-secondary);line-height:1.5;margin:.35rem 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.post-card.default.with-excerpt .post-excerpt{margin-top:.5rem}.post-meta{display:flex;align-items:center;gap:.35rem;font-size:.7rem;color:var(--color-text-secondary)}.separator{color:#fff3}.author-avatar-mini{width:16px;height:16px;border-radius:50%;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));color:#fff;font-size:.5rem;font-weight:600;display:flex;align-items:center;justify-content:center;flex-shrink:0}.author-name{color:var(--color-text-secondary)}.country-flag{font-size:.85em;margin-left:.15rem}.post-time,.view-count{color:var(--color-text-secondary)}.post-vote{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:.5rem;min-width:60px;flex-shrink:0}.post-vote .vote-score{width:100%;font-size:.85rem;font-weight:600;color:var(--color-text-secondary);padding:.25rem .5rem;background:var(--color-border);border-radius:6px}.post-thumbnail-inline{position:relative;width:60px;height:60px;border-radius:6px;overflow:hidden;background:rgba(0,0,0,.2)}.post-thumbnail-inline img{width:100%;height:100%;object-fit:cover}.post-thumbnail-inline .thumbnail-count{position:absolute;bottom:3px;right:3px;font-size:.6rem;font-weight:600;color:#fff;padding:.1rem .3rem;background:rgba(0,0,0,.7);border-radius:3px}.post-vote .vote-score.positive{color:#22c55e;background:rgba(34,197,94,.1)}.post-vote .vote-score.negative{color:#ef4444;background:rgba(239,68,68,.1)}.post-card.compact{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;text-decoration:none}.post-card.compact .post-content-area{flex:1;min-width:0}.post-card.compact .post-title{font-size:.9rem;margin-bottom:.25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.post-card.compact .post-meta{display:flex;align-items:center;gap:.5rem;font-size:.75rem;color:var(--color-text-secondary)}.post-rank-badge{width:24px;display:flex;align-items:center;justify-content:center}.hot-icon{color:#ef4444}.post-stats-mini{display:flex;align-items:center;gap:.75rem}.post-stats-mini .stat{display:flex;align-items:center;gap:.25rem;font-size:.75rem;color:var(--color-text-secondary)}.post-stats-mini .stat.boost{color:#22c55e}.post-card.featured{display:block;padding:1.25rem;text-decoration:none;position:relative;background:linear-gradient(135deg,rgba(99,102,241,.1),rgba(139,92,246,.1));border-radius:8px;border:1px solid;border-color:#6366f133}.featured-badge{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .75rem;background:linear-gradient(135deg,#ef4444,#f97316);color:#fff;font-size:.7rem;font-weight:700;border-radius:6px;margin-bottom:.75rem}.post-card.featured .post-title{font-size:1.25rem;margin-bottom:.75rem;-webkit-line-clamp:unset;display:block}.post-card.featured .post-meta{display:flex;align-items:center;gap:.75rem;font-size:.8rem;color:var(--color-text-secondary);margin-bottom:1rem}.post-stats{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.75rem}.vote-buttons{display:flex;gap:.5rem}.vote-buttons .vote-btn{display:flex;align-items:center;gap:.35rem;padding:.5rem .75rem;background:var(--color-border);border:1px solid var(--color-border);border-radius:8px;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .15s}.vote-buttons .vote-btn.boost{color:#22c55e}.vote-buttons .vote-btn.boost:hover{background:rgba(34,197,94,.15);border-color:#22c55e4d}.vote-buttons .vote-btn.drop{color:#ef4444}.vote-buttons .vote-btn.drop:hover{background:rgba(239,68,68,.15);border-color:#ef44444d}.other-stats{display:flex;gap:1rem}.other-stats span{display:flex;align-items:center;gap:.35rem;font-size:.85rem;color:var(--color-text-secondary)}@media (max-width: 640px){.post-main{position:relative}.post-header{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem}.post-header .hot-badge,.post-header .post-category{flex-shrink:0}.post-header .post-badges{position:absolute;top:.43rem;right:0;display:flex;align-items:center;gap:.35rem}.post-header .post-badges .comment-count{font-size:.7rem}.post-header .post-badges .image-badge{font-size:.65rem}.post-title{width:100%;flex-basis:100%;margin-top:.25rem;white-space:normal;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.45;font-size:.875rem}.post-meta{font-size:.65rem}.post-vote{min-width:50px;width:50px;align-self:flex-start;margin-top:.15rem;gap:.4rem}.post-vote .vote-score{font-size:.75rem;padding:.2rem .4rem;min-width:40px;text-align:center}.post-thumbnail-inline{width:48px;height:48px}.post-card.default.with-excerpt .post-vote{min-height:80px}.post-stats{flex-direction:column;gap:.75rem;align-items:flex-start}.post-card.compact .post-title{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}}.google-ad-container{display:none;position:relative;background:var(--color-surface);border-radius:12px;border:1px solid var(--color-border);overflow:hidden;min-height:100px}.google-ad-container .ad-label{position:absolute;top:8px;left:8px;font-size:.65rem;font-weight:600;color:var(--color-text-secondary);background:rgba(255,255,255,.1);padding:2px 6px;border-radius:4px;z-index:1}.google-ad-container .adsbygoogle{width:100%;min-height:100px}.google-ad-container.sidebar-ad{min-height:250px}.google-ad-container.infeed-ad{min-height:120px;margin:1rem 0}.google-ad-container.mobile-ad{min-height:100px}.google-ad-container.banner-ad{min-height:90px;border-radius:8px}.google-ad-container:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40px;height:40px;border:2px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:ad-spin 1s linear infinite;opacity:.5}.google-ad-container .adsbygoogle[data-ad-status=filled]:before{display:none}@keyframes ad-spin{to{transform:translate(-50%,-50%) rotate(360deg)}}@media (max-width: 768px){.google-ad-container{border-radius:8px}.google-ad-container.sidebar-ad{min-height:200px}}.football-matches{margin-bottom:1rem;background:var(--color-surface);border-radius:16px;border:1px solid var(--color-border);overflow:hidden}.fm-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid var(--color-border);background:linear-gradient(135deg,rgba(34,197,94,.05) 0%,transparent 100%)}.fm-title{display:flex;align-items:center;gap:.5rem}.fm-icon{font-size:1.25rem}.fm-title h3{font-size:1rem;font-weight:700;color:var(--color-text);margin:0}.fm-loading{color:var(--color-primary);animation:fm-spin 1s linear infinite}@keyframes fm-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.fm-header-actions{display:flex;align-items:center;gap:.5rem}.fm-today-btn{display:flex;align-items:center;gap:.35rem;padding:.4rem .75rem;background:var(--color-primary);border:none;border-radius:6px;color:#fff;font-size:.75rem;font-weight:500;cursor:pointer;transition:all .2s}.fm-today-btn:hover{background:var(--color-secondary)}.fm-refresh-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:1px solid var(--color-border);border-radius:8px;color:var(--color-text-secondary);cursor:pointer;transition:all .2s}.fm-refresh-btn:hover:not(:disabled){background:var(--color-border);color:var(--color-primary)}.fm-refresh-btn:disabled{opacity:.5;cursor:not-allowed}.fm-refresh-btn .spinning{animation:fm-spin 1s linear infinite}.fm-week-nav{display:flex;align-items:center;justify-content:center;gap:1rem;padding:.75rem 1rem;background:var(--color-background);border-bottom:1px solid var(--color-border)}.fm-week-label{font-size:.9rem;font-weight:600;color:var(--color-text);min-width:140px;text-align:center}.fm-nav-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;color:var(--color-text-secondary);cursor:pointer;transition:all .2s;flex-shrink:0}.fm-nav-btn:hover:not(:disabled){background:var(--color-border);color:var(--color-text)}.fm-nav-btn:disabled{opacity:.3;cursor:not-allowed}.fm-day-tabs{display:grid;grid-template-columns:repeat(7,1fr);gap:.25rem;padding:.5rem;background:var(--color-background);border-bottom:1px solid var(--color-border)}.fm-day-tab{display:flex;flex-direction:column;align-items:center;gap:.15rem;padding:.4rem .25rem .35rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;cursor:pointer;transition:all .2s;position:relative;min-height:58px}.fm-day-tab:hover{background:var(--color-border)}.fm-day-tab.active{background:var(--color-primary);border-color:var(--color-primary)}.fm-day-tab.today{border-color:var(--color-primary)}.fm-day-tab.today:before{content:"";position:absolute;top:2px;right:2px;width:6px;height:6px;background:var(--color-primary);border-radius:50%}.fm-day-tab.active.today:before{background:white}.fm-day-name{font-size:.7rem;font-weight:500;color:var(--color-text-secondary)}.fm-day-tab.active .fm-day-name{color:#fffc}.fm-day-name.sunday{color:#ef4444}.fm-day-name.saturday{color:#3b82f6}.fm-day-tab.active .fm-day-name.sunday,.fm-day-tab.active .fm-day-name.saturday{color:#fffc}.fm-day-date{font-size:.95rem;font-weight:600;color:var(--color-text);line-height:1}.fm-day-tab.active .fm-day-date{color:#fff}.fm-match-dot{font-size:.55rem;font-weight:600;color:var(--color-primary);background:rgba(99,102,241,.15);padding:.1rem .25rem;border-radius:3px;margin-top:.1rem;line-height:1}.fm-day-tab.active .fm-match-dot{color:#fff;background:rgba(255,255,255,.2)}.fm-content{max-height:550px;overflow-y:auto}.fm-content::-webkit-scrollbar{width:6px}.fm-content::-webkit-scrollbar-track{background:transparent}.fm-content::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}.fm-loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:3rem 1rem;color:var(--color-text-secondary)}.fm-loading-state .spinning{color:var(--color-primary);animation:fm-spin 1s linear infinite}.fm-error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;padding:3rem 1rem;color:var(--color-text-secondary)}.fm-error-state svg{color:#ef4444}.fm-error-state button{padding:.5rem 1rem;background:var(--color-primary);border:none;border-radius:8px;color:#fff;font-size:.85rem;cursor:pointer;transition:background .2s}.fm-error-state button:hover{background:var(--color-secondary)}.fm-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;padding:3rem 1rem;color:var(--color-text-secondary)}.fm-empty-state .empty-icon{font-size:2.5rem}.fm-league-list{padding:.5rem}.fm-league-group{margin-bottom:.75rem}.fm-league-group:last-child{margin-bottom:0}.fm-league-header{display:flex;align-items:center;gap:.5rem;padding:.625rem .75rem;background:linear-gradient(135deg,var(--color-background) 0%,rgba(34,197,94,.03) 100%);border-radius:10px;border-left:3px solid #22c55e;margin-bottom:.5rem}.fm-league-logo{width:20px;height:20px;object-fit:contain;flex-shrink:0}.fm-league-name{font-size:.85rem;font-weight:600;color:var(--color-text);flex:1}.fm-match-count{font-size:.7rem;color:var(--color-text-muted);background:var(--color-border);padding:.2rem .5rem;border-radius:4px}.fm-match-list{display:flex;flex-direction:column;gap:.375rem}.fm-match-card{display:flex;flex-direction:column;gap:.5rem;padding:.75rem;background:var(--color-background);border-radius:10px;border:1px solid var(--color-border);transition:all .2s}.fm-match-card:hover{border-color:#22c55e80;box-shadow:0 2px 8px #22c55e1a}.fm-match-card.live{border-color:#ef4444;background:linear-gradient(135deg,rgba(239,68,68,.05) 0%,var(--color-background) 100%)}.fm-match-card.finished{opacity:.85}.fm-match-meta{display:flex;align-items:center;justify-content:space-between}.fm-match-time{font-size:.75rem;color:var(--color-text-secondary);font-weight:500}.fm-match-status{font-size:.65rem;font-weight:600;padding:.15rem .4rem;border-radius:4px;text-transform:uppercase}.fm-match-status.scheduled{background:rgba(99,102,241,.1);color:var(--color-primary)}.fm-match-status.live{background:rgba(239,68,68,.15);color:#ef4444;animation:fm-pulse 1.5s ease-in-out infinite}.fm-match-status.finished{background:rgba(34,197,94,.1);color:#22c55e}@keyframes fm-pulse{0%,to{opacity:1}50%{opacity:.6}}.fm-teams{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:.75rem}.fm-team{display:flex;align-items:center;min-width:0;overflow:hidden}.fm-team.home{justify-content:flex-end}.fm-team.away{justify-content:flex-start}.fm-team-info{display:flex;align-items:center;gap:.5rem;min-width:0;overflow:hidden}.fm-team-logo{width:24px;height:24px;object-fit:contain;flex-shrink:0}.fm-team-name{font-size:.85rem;font-weight:500;color:var(--color-text);line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fm-team.home .fm-team-name{text-align:right}.fm-team.away .fm-team-name{text-align:left}.fm-score-area{display:flex;align-items:center;justify-content:center;flex-shrink:0}.match-vs{font-size:.75rem;font-weight:600;color:var(--color-text-muted);padding:.25rem .75rem;background:var(--color-border);border-radius:6px}.match-score{display:flex;align-items:center;gap:.375rem;font-size:1.125rem;font-weight:700;padding:.25rem .5rem;background:var(--color-surface);border-radius:8px;border:1px solid var(--color-border)}.match-score span{color:var(--color-text);min-width:1.25rem;text-align:center}.match-score span.winner{color:#22c55e}.match-score .score-divider{color:var(--color-text-muted);font-weight:400}.fm-venue{font-size:.7rem;color:var(--color-text-muted);text-align:center;padding-top:.25rem;border-top:1px dashed var(--color-border);margin-top:.25rem}.fm-footer{padding:.625rem 1rem;text-align:center;font-size:.75rem;color:var(--color-text-muted);border-top:1px solid var(--color-border);background:var(--color-background)}@media (max-width: 768px){.fm-header{padding:.875rem 1rem}.fm-week-nav{padding:.5rem .75rem;gap:.5rem}.fm-week-label{font-size:.8rem;min-width:120px}.fm-day-tabs{padding:.375rem;gap:.2rem}.fm-day-tab{padding:.35rem .15rem .3rem;min-height:52px}.fm-day-name{font-size:.65rem}.fm-day-date{font-size:.85rem}.fm-match-dot{font-size:.5rem;padding:.05rem .18rem}.fm-content{max-height:500px}.fm-teams{gap:.5rem}.fm-team-name{font-size:.8rem}.fm-team-logo{width:20px;height:20px}.match-score{font-size:1rem;padding:.2rem .4rem}}@media (max-width: 480px){.football-matches{border-radius:12px}.fm-header{padding:.75rem}.fm-title h3{font-size:.9rem}.fm-today-btn{padding:.3rem .5rem;font-size:.65rem}.fm-today-btn svg{width:12px;height:12px}.fm-week-nav{padding:.5rem;gap:.375rem}.fm-week-label{font-size:.75rem;min-width:100px}.fm-nav-btn{width:28px;height:28px}.fm-day-tabs{padding:.25rem;gap:.15rem}.fm-day-tab{padding:.3rem .1rem .25rem;border-radius:6px;min-height:48px}.fm-day-name{font-size:.6rem}.fm-day-date{font-size:.8rem}.fm-day-tab.today:before{width:4px;height:4px}.fm-match-dot{font-size:.45rem;padding:.05rem .15rem}.fm-content{max-height:400px}.fm-league-list{padding:.375rem}.fm-league-header{padding:.5rem .625rem;border-radius:8px}.fm-league-logo{width:16px;height:16px}.fm-league-name{font-size:.8rem}.fm-match-count{font-size:.65rem;padding:.15rem .375rem}.fm-match-list{gap:.25rem}.fm-match-card{padding:.625rem;border-radius:8px;gap:.375rem}.fm-match-time{font-size:.7rem}.fm-match-status{font-size:.6rem}.fm-teams{gap:.4rem}.fm-team-info{gap:.35rem}.fm-team-logo{width:18px;height:18px}.fm-team-name{font-size:.75rem}.match-vs{font-size:.65rem;padding:.2rem .5rem}.match-score{font-size:.95rem;gap:.25rem;padding:.15rem .35rem}.match-score span{min-width:1rem}.fm-venue{font-size:.65rem}.fm-footer{padding:.5rem .75rem;font-size:.7rem}}@media (max-width: 360px){.fm-week-label{font-size:.7rem;min-width:85px}.fm-day-tab{padding:.25rem .05rem .2rem;min-height:44px}.fm-day-name{font-size:.5rem}.fm-day-date{font-size:.7rem}.fm-match-dot{font-size:.4rem;padding:.02rem .1rem}.fm-team-name{font-size:.7rem}.fm-team-logo{width:16px;height:16px}}.baseball-matches{margin-bottom:1rem;background:var(--color-surface);border-radius:16px;border:1px solid var(--color-border);overflow:hidden}.bm-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid var(--color-border);background:linear-gradient(135deg,rgba(0,51,102,.05) 0%,transparent 100%)}.bm-title{display:flex;align-items:center;gap:10px}.bm-icon{font-size:20px}.bm-title h3{margin:0;font-size:16px;font-weight:600;color:var(--color-text)}.bm-loading{animation:spin 1s linear infinite;color:var(--color-text-secondary)}.bm-header-actions{display:flex;align-items:center;gap:8px}.bm-today-btn{display:flex;align-items:center;gap:4px;padding:6px 10px;font-size:12px;background:var(--color-primary);color:#fff;border:none;border-radius:6px;cursor:pointer;transition:all .2s}.bm-today-btn:hover{opacity:.9}.bm-refresh-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--color-background);border:1px solid var(--color-border);border-radius:8px;cursor:pointer;color:var(--color-text-secondary);transition:all .2s}.bm-refresh-btn:hover{background:var(--color-surface);color:var(--color-text)}.bm-refresh-btn:disabled{opacity:.5;cursor:not-allowed}.bm-week-nav{display:flex;align-items:center;justify-content:center;gap:1rem;padding:.75rem 1rem;background:var(--color-background);border-bottom:1px solid var(--color-border)}.bm-nav-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;color:var(--color-text-secondary);cursor:pointer;transition:all .2s;flex-shrink:0}.bm-nav-btn:hover:not(:disabled){background:var(--color-border);color:var(--color-text)}.bm-nav-btn:disabled{opacity:.3;cursor:not-allowed}.bm-week-label{font-size:.9rem;font-weight:600;color:var(--color-text);min-width:140px;text-align:center}.bm-day-tabs{display:grid;grid-template-columns:repeat(7,1fr);gap:.25rem;padding:.5rem;background:var(--color-background);border-bottom:1px solid var(--color-border)}.bm-day-tab{display:flex;flex-direction:column;align-items:center;gap:.15rem;padding:.4rem .25rem .35rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;cursor:pointer;transition:all .2s;position:relative;min-height:58px}.bm-day-tab:hover{background:var(--color-border)}.bm-day-tab.active{background:var(--color-primary);border-color:var(--color-primary)}.bm-day-tab.today{border-color:var(--color-primary)}.bm-day-tab.today:before{content:"";position:absolute;top:2px;right:2px;width:6px;height:6px;background:var(--color-primary);border-radius:50%}.bm-day-tab.active.today:before{background:white}.bm-day-name{font-size:.7rem;font-weight:500;color:var(--color-text-secondary)}.bm-day-tab.active .bm-day-name{color:#fffc}.bm-day-name.sunday{color:#ef4444}.bm-day-name.saturday{color:#3b82f6}.bm-day-tab.active .bm-day-name.sunday,.bm-day-tab.active .bm-day-name.saturday{color:#fffc}.bm-day-date{font-size:.95rem;font-weight:600;color:var(--color-text);line-height:1}.bm-day-tab.active .bm-day-date{color:#fff}.bm-game-dot{font-size:.55rem;font-weight:600;color:var(--color-primary);background:rgba(99,102,241,.15);padding:.1rem .25rem;border-radius:3px;margin-top:.1rem;line-height:1}.bm-day-tab.active .bm-game-dot{color:#fff;background:rgba(255,255,255,.2)}.bm-content{min-height:200px;max-height:500px;overflow-y:auto}.bm-loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:48px 16px;color:var(--color-text-secondary)}.bm-loading-state p{margin:0;font-size:14px}.bm-error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:48px 16px;color:var(--color-text-secondary)}.bm-error-state svg{color:#ef4444}.bm-error-state p{margin:0;font-size:14px}.bm-error-state button{padding:8px 16px;font-size:13px;background:var(--color-primary);color:#fff;border:none;border-radius:6px;cursor:pointer;transition:opacity .2s}.bm-error-state button:hover{opacity:.9}.bm-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:48px 16px;color:var(--color-text-secondary)}.bm-empty-state .empty-icon{font-size:48px;opacity:.5}.bm-empty-state p{margin:0;font-size:14px}.bm-empty-state .empty-hint{font-size:12px;opacity:.7}.bm-game-list{display:flex;flex-direction:column;gap:8px;padding:12px}.bm-game-card{background:var(--color-background);border:1px solid var(--color-border);border-radius:10px;padding:12px;transition:all .2s}.bm-game-card:hover{border-color:var(--color-primary);box-shadow:0 2px 8px #00000014}.bm-game-card.live{border-color:#ef4444;box-shadow:0 0 0 1px #ef444433}.bm-game-meta{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.bm-game-time{font-size:12px;font-weight:500;color:var(--color-text-secondary)}.bm-game-status{font-size:11px;font-weight:600;padding:2px 8px;border-radius:4px}.bm-game-status.scheduled{background:rgba(99,102,241,.1);color:#6366f1}.bm-game-status.live{background:#ef4444;color:#fff;animation:pulse 2s infinite}.bm-game-status.finished{background:rgba(107,114,128,.1);color:#6b7280}.bm-teams{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px}.bm-team{display:flex;align-items:center;min-width:0;overflow:hidden}.bm-team.away{justify-content:flex-start}.bm-team.home{justify-content:flex-end}.bm-team-info{display:flex;align-items:center;gap:8px;min-width:0;overflow:hidden}.bm-team-logo{width:32px;height:32px;object-fit:contain;flex-shrink:0}.bm-team-name{font-size:13px;font-weight:600;color:var(--color-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bm-team.away .bm-team-name{text-align:left}.bm-team.home .bm-team-name{text-align:right}.game-score .winner{color:#036}.bm-venue{margin-top:8px;font-size:11px;color:var(--color-text-secondary);text-align:center}.bm-footer{display:flex;justify-content:center;padding:12px;border-top:1px solid var(--color-border);font-size:12px;color:var(--color-text-secondary)}@media (max-width: 768px){.bm-header{padding:12px}.bm-title h3{font-size:14px}.bm-day-tabs{gap:2px;padding:6px 8px}.bm-day-tab{padding:6px 2px}.bm-day-name{font-size:10px}.bm-day-date{font-size:12px}.bm-game-list{padding:8px;gap:6px}.bm-game-card{padding:10px}.bm-teams,.bm-team-info{gap:6px}.bm-team-logo{width:24px;height:24px}.bm-team-name{font-size:12px}.game-score{font-size:15px;padding:3px 6px;gap:4px}.game-vs{font-size:11px;padding:3px 8px}}@media (max-width: 400px){.bm-teams,.bm-team-info{gap:4px}.bm-team-logo{width:20px;height:20px}.bm-team-name{font-size:11px}.game-score{font-size:14px;padding:2px 5px;gap:3px}.game-vs{font-size:10px;padding:2px 6px}}.kbo-matches{margin-bottom:1rem;background:var(--color-surface);border-radius:16px;border:1px solid var(--color-border);overflow:hidden}.km-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid var(--color-border);background:linear-gradient(135deg,rgba(206,14,45,.05) 0%,transparent 100%)}.km-title{display:flex;align-items:center;gap:10px}.km-icon{font-size:20px}.km-title h3{margin:0;font-size:16px;font-weight:600;color:var(--color-text)}.km-loading{animation:spin 1s linear infinite;color:var(--color-text-secondary)}.km-header-actions{display:flex;align-items:center;gap:8px}.km-today-btn{display:flex;align-items:center;gap:4px;padding:6px 10px;font-size:12px;background:var(--color-primary);color:#fff;border:none;border-radius:6px;cursor:pointer;transition:all .2s}.km-today-btn:hover{opacity:.9}.km-refresh-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--color-background);border:1px solid var(--color-border);border-radius:8px;cursor:pointer;color:var(--color-text-secondary);transition:all .2s}.km-refresh-btn:hover{background:var(--color-surface);color:var(--color-text)}.km-refresh-btn:disabled{opacity:.5;cursor:not-allowed}.km-week-nav{display:flex;align-items:center;justify-content:center;gap:1rem;padding:.75rem 1rem;background:var(--color-background);border-bottom:1px solid var(--color-border)}.km-nav-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;color:var(--color-text-secondary);cursor:pointer;transition:all .2s;flex-shrink:0}.km-nav-btn:hover:not(:disabled){background:var(--color-border);color:var(--color-text)}.km-nav-btn:disabled{opacity:.3;cursor:not-allowed}.km-week-label{font-size:.9rem;font-weight:600;color:var(--color-text);min-width:140px;text-align:center}.km-day-tabs{display:grid;grid-template-columns:repeat(7,1fr);gap:.25rem;padding:.5rem;background:var(--color-background);border-bottom:1px solid var(--color-border)}.km-day-tab{display:flex;flex-direction:column;align-items:center;gap:.15rem;padding:.4rem .25rem .35rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;cursor:pointer;transition:all .2s;position:relative;min-height:58px}.km-day-tab:hover{background:var(--color-border)}.km-day-tab.active{background:var(--color-primary);border-color:var(--color-primary)}.km-day-tab.today{border-color:var(--color-primary)}.km-day-tab.today:before{content:"";position:absolute;top:2px;right:2px;width:6px;height:6px;background:var(--color-primary);border-radius:50%}.km-day-tab.active.today:before{background:white}.km-day-name{font-size:.7rem;font-weight:500;color:var(--color-text-secondary)}.km-day-tab.active .km-day-name{color:#fffc}.km-day-name.sunday{color:#ef4444}.km-day-name.saturday{color:#3b82f6}.km-day-tab.active .km-day-name.sunday,.km-day-tab.active .km-day-name.saturday{color:#fffc}.km-day-date{font-size:.95rem;font-weight:600;color:var(--color-text);line-height:1}.km-day-tab.active .km-day-date{color:#fff}.km-game-dot{font-size:.55rem;font-weight:600;color:var(--color-primary);background:rgba(99,102,241,.15);padding:.1rem .25rem;border-radius:3px;margin-top:.1rem;line-height:1}.km-day-tab.active .km-game-dot{color:#fff;background:rgba(255,255,255,.2)}.km-content{min-height:200px;max-height:500px;overflow-y:auto}.km-loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:48px 16px;color:var(--color-text-secondary)}.km-loading-state p{margin:0;font-size:14px}.km-error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:48px 16px;color:var(--color-text-secondary)}.km-error-state svg{color:#ef4444}.km-error-state p{margin:0;font-size:14px}.km-error-state button{padding:8px 16px;font-size:13px;background:var(--color-primary);color:#fff;border:none;border-radius:6px;cursor:pointer;transition:opacity .2s}.km-error-state button:hover{opacity:.9}.km-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:48px 16px;color:var(--color-text-secondary)}.km-empty-state .empty-icon{font-size:48px;opacity:.5}.km-empty-state p{margin:0;font-size:14px}.km-empty-state .empty-hint{font-size:12px;opacity:.7}.km-game-list{display:flex;flex-direction:column;gap:8px;padding:12px}.km-game-card{background:var(--color-background);border:1px solid var(--color-border);border-radius:10px;padding:12px;transition:all .2s}.km-game-card:hover{border-color:var(--color-primary);box-shadow:0 2px 8px #00000014}.km-game-card.live{border-color:#ef4444;box-shadow:0 0 0 1px #ef444433}.km-game-meta{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.km-game-time{font-size:12px;font-weight:500;color:var(--color-text-secondary)}.km-game-status{font-size:11px;font-weight:600;padding:2px 8px;border-radius:4px}.km-game-status.scheduled{background:rgba(99,102,241,.1);color:#6366f1}.km-game-status.live{background:#ef4444;color:#fff;animation:pulse 2s infinite}.km-game-status.finished{background:rgba(107,114,128,.1);color:#6b7280}.km-teams{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px}.km-team{display:flex;align-items:center;min-width:0;overflow:hidden}.km-team.away{justify-content:flex-start}.km-team.home{justify-content:flex-end}.km-team-info{display:flex;align-items:center;gap:8px;min-width:0;overflow:hidden}.km-team-logo{width:32px;height:32px;object-fit:contain;flex-shrink:0}.km-team-name{font-size:14px;font-weight:600;color:var(--color-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.km-team.away .km-team-name{text-align:left}.km-team.home .km-team-name{text-align:right}.game-vs{font-size:12px;font-weight:700;color:var(--color-text-secondary);padding:4px 12px}.game-score{display:flex;align-items:center;gap:8px;font-size:18px;font-weight:700;color:var(--color-text);padding:4px 12px;background:var(--color-surface);border-radius:8px}.game-score .score-divider{font-size:14px;color:var(--color-text-secondary)}.game-score .winner{color:#ce0e2d}.km-venue{margin-top:8px;font-size:11px;color:var(--color-text-secondary);text-align:center}.km-footer{display:flex;justify-content:center;padding:12px;border-top:1px solid var(--color-border);font-size:12px;color:var(--color-text-secondary)}@media (max-width: 768px){.km-header{padding:12px}.km-title h3{font-size:14px}.km-day-tabs{gap:2px;padding:6px 8px}.km-day-tab{padding:6px 2px}.km-day-name{font-size:10px}.km-day-date{font-size:12px}.km-game-list{padding:8px;gap:6px}.km-game-card{padding:10px}.km-teams,.km-team-info{gap:6px}.km-team-logo{width:24px;height:24px}.km-team-name{font-size:12px}.game-score{font-size:15px;padding:3px 6px;gap:4px}.game-vs{font-size:11px;padding:3px 8px}}@media (max-width: 400px){.km-teams,.km-team-info{gap:4px}.km-team-logo{width:20px;height:20px}.km-team-name{font-size:11px}.game-score{font-size:14px;padding:2px 5px;gap:3px}.game-vs{font-size:10px;padding:2px 6px}}.basketball-matches{margin-bottom:1rem;background:var(--color-surface);border-radius:16px;border:1px solid var(--color-border);overflow:hidden}.bbm-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid var(--color-border);background:linear-gradient(135deg,rgba(200,16,46,.05) 0%,transparent 100%)}.bbm-title{display:flex;align-items:center;gap:10px}.bbm-icon{font-size:20px}.bbm-title h3{margin:0;font-size:16px;font-weight:600;color:var(--color-text)}.bbm-loading{animation:spin 1s linear infinite;color:var(--color-text-secondary)}.bbm-header-actions{display:flex;align-items:center;gap:8px}.bbm-today-btn{display:flex;align-items:center;gap:4px;padding:6px 10px;font-size:12px;background:var(--color-primary);color:#fff;border:none;border-radius:6px;cursor:pointer;transition:all .2s}.bbm-today-btn:hover{opacity:.9}.bbm-refresh-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--color-background);border:1px solid var(--color-border);border-radius:8px;cursor:pointer;color:var(--color-text-secondary);transition:all .2s}.bbm-refresh-btn:hover{background:var(--color-surface);color:var(--color-text)}.bbm-refresh-btn:disabled{opacity:.5;cursor:not-allowed}.bbm-week-nav{display:flex;align-items:center;justify-content:center;gap:1rem;padding:.75rem 1rem;background:var(--color-background);border-bottom:1px solid var(--color-border)}.bbm-nav-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;color:var(--color-text-secondary);cursor:pointer;transition:all .2s;flex-shrink:0}.bbm-nav-btn:hover:not(:disabled){background:var(--color-border);color:var(--color-text)}.bbm-nav-btn:disabled{opacity:.3;cursor:not-allowed}.bbm-week-label{font-size:.9rem;font-weight:600;color:var(--color-text);min-width:140px;text-align:center}.bbm-day-tabs{display:grid;grid-template-columns:repeat(7,1fr);gap:.25rem;padding:.5rem;background:var(--color-background);border-bottom:1px solid var(--color-border)}.bbm-day-tab{display:flex;flex-direction:column;align-items:center;gap:.15rem;padding:.4rem .25rem .35rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;cursor:pointer;transition:all .2s;position:relative;min-height:58px}.bbm-day-tab:hover{background:var(--color-border)}.bbm-day-tab.active{background:var(--color-primary);border-color:var(--color-primary)}.bbm-day-tab.today{border-color:var(--color-primary)}.bbm-day-tab.today:before{content:"";position:absolute;top:2px;right:2px;width:6px;height:6px;background:var(--color-primary);border-radius:50%}.bbm-day-tab.active.today:before{background:white}.bbm-day-name{font-size:.7rem;font-weight:500;color:var(--color-text-secondary)}.bbm-day-tab.active .bbm-day-name{color:#fffc}.bbm-day-name.sunday{color:#ef4444}.bbm-day-name.saturday{color:#3b82f6}.bbm-day-tab.active .bbm-day-name.sunday,.bbm-day-tab.active .bbm-day-name.saturday{color:#fffc}.bbm-day-date{font-size:.95rem;font-weight:600;color:var(--color-text);line-height:1}.bbm-day-tab.active .bbm-day-date{color:#fff}.bbm-game-dot{font-size:.55rem;font-weight:600;color:var(--color-primary);background:rgba(99,102,241,.15);padding:.1rem .25rem;border-radius:3px;margin-top:.1rem;line-height:1}.bbm-day-tab.active .bbm-game-dot{color:#fff;background:rgba(255,255,255,.2)}.bbm-content{min-height:200px;max-height:500px;overflow-y:auto}.bbm-loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:48px 16px;color:var(--color-text-secondary)}.bbm-loading-state p{margin:0;font-size:14px}.bbm-error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:48px 16px;color:var(--color-text-secondary)}.bbm-error-state svg{color:#ef4444}.bbm-error-state p{margin:0;font-size:14px}.bbm-error-state button{padding:8px 16px;font-size:13px;background:var(--color-primary);color:#fff;border:none;border-radius:6px;cursor:pointer;transition:opacity .2s}.bbm-error-state button:hover{opacity:.9}.bbm-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:48px 16px;color:var(--color-text-secondary)}.bbm-empty-state .empty-icon{font-size:48px;opacity:.5}.bbm-empty-state p{margin:0;font-size:14px}.bbm-empty-state .empty-hint{font-size:12px;opacity:.7}.bbm-game-list{display:flex;flex-direction:column;gap:8px;padding:12px}.bbm-game-card{background:var(--color-background);border:1px solid var(--color-border);border-radius:10px;padding:12px;transition:all .2s}.bbm-game-card:hover{border-color:var(--color-primary);box-shadow:0 2px 8px #00000014}.bbm-game-card.live{border-color:#ef4444;box-shadow:0 0 0 1px #ef444433}.bbm-game-meta{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.bbm-game-time{font-size:12px;font-weight:500;color:var(--color-text-secondary)}.bbm-game-status{font-size:11px;font-weight:600;padding:2px 8px;border-radius:4px}.bbm-game-status.scheduled{background:rgba(99,102,241,.1);color:#6366f1}.bbm-game-status.live{background:#ef4444;color:#fff;animation:pulse 2s infinite}.bbm-game-status.finished{background:rgba(107,114,128,.1);color:#6b7280}.bbm-teams{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px}.bbm-team{display:flex;align-items:center;min-width:0;overflow:hidden}.bbm-team.away{justify-content:flex-start}.bbm-team.home{justify-content:flex-end}.bbm-team-info{display:flex;align-items:center;gap:8px;min-width:0;overflow:hidden}.bbm-team-logo{width:32px;height:32px;object-fit:contain;flex-shrink:0}.bbm-team-name{font-size:14px;font-weight:600;color:var(--color-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bbm-team.away .bbm-team-name{text-align:left}.bbm-team.home .bbm-team-name{text-align:right}.basketball-matches .game-vs{font-size:12px;font-weight:700;color:var(--color-text-secondary);padding:4px 12px}.basketball-matches .game-score{display:flex;align-items:center;gap:8px;font-size:18px;font-weight:700;color:var(--color-text);padding:4px 12px;background:var(--color-surface);border-radius:8px}.basketball-matches .game-score .score-divider{font-size:14px;color:var(--color-text-secondary)}.basketball-matches .game-score .winner{color:#c8102e}.bbm-venue{margin-top:8px;font-size:11px;color:var(--color-text-secondary);text-align:center}.bbm-footer{display:flex;justify-content:center;padding:12px;border-top:1px solid var(--color-border);font-size:12px;color:var(--color-text-secondary)}@media (max-width: 768px){.bbm-header{padding:12px}.bbm-title h3{font-size:14px}.bbm-day-tabs{gap:2px;padding:6px 8px}.bbm-day-tab{padding:6px 2px}.bbm-day-name{font-size:10px}.bbm-day-date{font-size:12px}.bbm-game-list{padding:8px;gap:6px}.bbm-game-card{padding:10px}.bbm-teams,.bbm-team-info{gap:6px}.bbm-team-logo{width:24px;height:24px}.bbm-team-name{font-size:12px}.basketball-matches .game-score{font-size:15px;padding:3px 6px;gap:4px}.basketball-matches .game-vs{font-size:11px;padding:3px 8px}}@media (max-width: 400px){.bbm-teams,.bbm-team-info{gap:4px}.bbm-team-logo{width:20px;height:20px}.bbm-team-name{font-size:11px}.basketball-matches .game-score{font-size:14px;padding:2px 5px;gap:3px}.basketball-matches .game-vs{font-size:10px;padding:2px 6px}}.kleague-matches{margin-bottom:1rem;background:var(--color-surface);border-radius:16px;border:1px solid var(--color-border);overflow:hidden}.klm-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid var(--color-border);background:linear-gradient(135deg,rgba(0,102,51,.05) 0%,transparent 100%)}.klm-title{display:flex;align-items:center;gap:10px}.klm-icon{font-size:20px}.klm-title h3{margin:0;font-size:16px;font-weight:600;color:var(--color-text)}.klm-loading{animation:spin 1s linear infinite;color:var(--color-text-secondary)}.klm-header-actions{display:flex;align-items:center;gap:8px}.klm-today-btn{display:flex;align-items:center;gap:4px;padding:6px 10px;font-size:12px;background:var(--color-primary);color:#fff;border:none;border-radius:6px;cursor:pointer;transition:all .2s}.klm-today-btn:hover{opacity:.9}.klm-refresh-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--color-background);border:1px solid var(--color-border);border-radius:8px;cursor:pointer;color:var(--color-text-secondary);transition:all .2s}.klm-refresh-btn:hover{background:var(--color-surface);color:var(--color-text)}.klm-refresh-btn:disabled{opacity:.5;cursor:not-allowed}.klm-week-nav{display:flex;align-items:center;justify-content:center;gap:1rem;padding:.75rem 1rem;background:var(--color-background);border-bottom:1px solid var(--color-border)}.klm-nav-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;color:var(--color-text-secondary);cursor:pointer;transition:all .2s;flex-shrink:0}.klm-nav-btn:hover:not(:disabled){background:var(--color-border);color:var(--color-text)}.klm-nav-btn:disabled{opacity:.3;cursor:not-allowed}.klm-week-label{font-size:.9rem;font-weight:600;color:var(--color-text);min-width:140px;text-align:center}.klm-day-tabs{display:grid;grid-template-columns:repeat(7,1fr);gap:.25rem;padding:.5rem;background:var(--color-background);border-bottom:1px solid var(--color-border)}.klm-day-tab{display:flex;flex-direction:column;align-items:center;gap:.15rem;padding:.4rem .25rem .35rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;cursor:pointer;transition:all .2s;position:relative;min-height:58px}.klm-day-tab:hover{background:var(--color-border)}.klm-day-tab.active{background:var(--color-primary);border-color:var(--color-primary)}.klm-day-tab.today{border-color:var(--color-primary)}.klm-day-tab.today:before{content:"";position:absolute;top:2px;right:2px;width:6px;height:6px;background:var(--color-primary);border-radius:50%}.klm-day-tab.active.today:before{background:white}.klm-day-name{font-size:.7rem;font-weight:500;color:var(--color-text-secondary)}.klm-day-tab.active .klm-day-name{color:#fffc}.klm-day-name.sunday{color:#ef4444}.klm-day-name.saturday{color:#3b82f6}.klm-day-tab.active .klm-day-name.sunday,.klm-day-tab.active .klm-day-name.saturday{color:#fffc}.klm-day-date{font-size:.95rem;font-weight:600;color:var(--color-text);line-height:1}.klm-day-tab.active .klm-day-date{color:#fff}.klm-game-dot{font-size:.55rem;font-weight:600;color:var(--color-primary);background:rgba(99,102,241,.15);padding:.1rem .25rem;border-radius:3px;margin-top:.1rem;line-height:1}.klm-day-tab.active .klm-game-dot{color:#fff;background:rgba(255,255,255,.2)}.klm-content{min-height:200px;max-height:500px;overflow-y:auto}.klm-loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:48px 16px;color:var(--color-text-secondary)}.klm-loading-state p{margin:0;font-size:14px}.klm-error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:48px 16px;color:var(--color-text-secondary)}.klm-error-state svg{color:#ef4444}.klm-error-state p{margin:0;font-size:14px}.klm-error-state button{padding:8px 16px;font-size:13px;background:var(--color-primary);color:#fff;border:none;border-radius:6px;cursor:pointer;transition:opacity .2s}.klm-error-state button:hover{opacity:.9}.klm-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:48px 16px;color:var(--color-text-secondary)}.klm-empty-state .empty-icon{font-size:48px;opacity:.5}.klm-empty-state p{margin:0;font-size:14px}.klm-empty-state .empty-hint{font-size:12px;opacity:.7}.klm-game-list{display:flex;flex-direction:column;gap:8px;padding:12px}.klm-game-card{background:var(--color-background);border:1px solid var(--color-border);border-radius:10px;padding:12px;transition:all .2s}.klm-game-card:hover{border-color:var(--color-primary);box-shadow:0 2px 8px #00000014}.klm-game-card.live{border-color:#ef4444;box-shadow:0 0 0 1px #ef444433}.klm-game-meta{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.klm-meta-left{display:flex;align-items:center;gap:8px}.klm-league-badge{font-size:10px;font-weight:600;padding:2px 6px;background:rgba(0,102,51,.1);color:#063;border-radius:4px}.klm-game-time{font-size:12px;font-weight:500;color:var(--color-text-secondary)}.klm-game-status{font-size:11px;font-weight:600;padding:2px 8px;border-radius:4px}.klm-game-status.scheduled{background:rgba(99,102,241,.1);color:#6366f1}.klm-game-status.live{background:#ef4444;color:#fff;animation:pulse 2s infinite}.klm-game-status.finished{background:rgba(107,114,128,.1);color:#6b7280}.klm-teams{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px}.klm-team{display:flex;align-items:center;min-width:0;overflow:hidden}.klm-team.away{justify-content:flex-start}.klm-team.home{justify-content:flex-end}.klm-team-info{display:flex;align-items:center;gap:8px;min-width:0;overflow:hidden}.klm-team-logo{width:32px;height:32px;object-fit:contain;flex-shrink:0}.klm-team-name{font-size:14px;font-weight:600;color:var(--color-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.klm-team.away .klm-team-name{text-align:left}.klm-team.home .klm-team-name{text-align:right}.kleague-matches .game-vs{font-size:12px;font-weight:700;color:var(--color-text-secondary);padding:4px 12px}.kleague-matches .game-score{display:flex;align-items:center;gap:8px;font-size:18px;font-weight:700;color:var(--color-text);padding:4px 12px;background:var(--color-surface);border-radius:8px}.kleague-matches .game-score .score-divider{font-size:14px;color:var(--color-text-secondary)}.kleague-matches .game-score .winner{color:#063}.klm-venue{margin-top:8px;font-size:11px;color:var(--color-text-secondary);text-align:center}.klm-footer{display:flex;justify-content:center;padding:12px;border-top:1px solid var(--color-border);font-size:12px;color:var(--color-text-secondary)}@media (max-width: 768px){.klm-header{padding:12px}.klm-title h3{font-size:14px}.klm-day-tabs{gap:2px;padding:6px 8px}.klm-day-tab{padding:6px 2px}.klm-day-name{font-size:10px}.klm-day-date{font-size:12px}.klm-game-list{padding:8px;gap:6px}.klm-game-card{padding:10px}.klm-meta-left{gap:6px}.klm-league-badge{font-size:9px;padding:2px 4px}.klm-teams,.klm-team-info{gap:6px}.klm-team-logo{width:24px;height:24px}.klm-team-name{font-size:12px}.kleague-matches .game-score{font-size:15px;padding:3px 6px;gap:4px}.kleague-matches .game-vs{font-size:11px;padding:3px 8px}}@media (max-width: 400px){.klm-meta-left{gap:4px}.klm-league-badge{font-size:8px;padding:1px 3px}.klm-teams,.klm-team-info{gap:4px}.klm-team-logo{width:20px;height:20px}.klm-team-name{font-size:11px}.kleague-matches .game-score{font-size:14px;padding:2px 5px;gap:3px}.kleague-matches .game-vs{font-size:10px;padding:2px 6px}}.esports-matches{margin-bottom:1rem;background:var(--color-surface);border-radius:16px;border:1px solid var(--color-border);overflow:hidden}.esports-matches.lol .em-header{background:linear-gradient(135deg,rgba(200,155,60,.08),rgba(12,35,64,.08))}.esports-matches.lol .em-game-dot{background:rgba(99,102,241,.15)}.esports-matches.lol .em-league-badge{background:rgba(200,155,60,.15);color:#c89b3c}.esports-matches.lol .game-score .winner{color:#c89b3c}.esports-matches.valorant .em-header{background:linear-gradient(135deg,rgba(255,70,85,.08),rgba(15,25,35,.08))}.esports-matches.valorant .em-game-dot{background:rgba(255,70,85,.9)}.esports-matches.valorant .em-league-badge{background:rgba(255,70,85,.15);color:#ff4655}.esports-matches.valorant .game-score .winner{color:#ff4655}.em-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid var(--color-border)}.em-title{display:flex;align-items:center;gap:10px}.em-icon{font-size:20px}.em-title h3{margin:0;font-size:16px;font-weight:600;color:var(--color-text)}.em-loading{animation:spin 1s linear infinite;color:var(--color-text-secondary)}.em-header-actions{display:flex;align-items:center;gap:8px}.em-today-btn{display:flex;align-items:center;gap:4px;padding:6px 10px;font-size:12px;background:var(--color-primary);color:#fff;border:none;border-radius:6px;cursor:pointer;transition:all .2s}.em-today-btn:hover{opacity:.9}.em-refresh-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--color-background);border:1px solid var(--color-border);border-radius:8px;cursor:pointer;color:var(--color-text-secondary);transition:all .2s}.em-refresh-btn:hover{background:var(--color-surface);color:var(--color-text)}.em-refresh-btn:disabled{opacity:.5;cursor:not-allowed}.spinning{animation:spin 1s linear infinite}.em-week-nav{display:flex;align-items:center;justify-content:center;gap:1rem;padding:.75rem 1rem;background:var(--color-background);border-bottom:1px solid var(--color-border)}.em-nav-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;color:var(--color-text-secondary);cursor:pointer;transition:all .2s;flex-shrink:0}.em-nav-btn:hover:not(:disabled){background:var(--color-border);color:var(--color-text)}.em-nav-btn:disabled{opacity:.3;cursor:not-allowed}.em-week-label{font-size:.9rem;font-weight:600;color:var(--color-text);min-width:140px;text-align:center}.em-day-tabs{display:grid;grid-template-columns:repeat(7,1fr);gap:.25rem;padding:.5rem;background:var(--color-background);border-bottom:1px solid var(--color-border)}.em-day-tab{display:flex;flex-direction:column;align-items:center;gap:.15rem;padding:.4rem .25rem .35rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;cursor:pointer;transition:all .2s;position:relative;min-height:58px}.em-day-tab:hover{background:var(--color-border)}.em-day-tab.active{background:var(--color-primary);border-color:var(--color-primary)}.em-day-tab.today{border-color:var(--color-primary)}.em-day-tab.today:before{content:"";position:absolute;top:2px;right:2px;width:6px;height:6px;background:var(--color-primary);border-radius:50%}.em-day-tab.active.today:before{background:white}.em-day-name{font-size:.7rem;font-weight:500;color:var(--color-text-secondary)}.em-day-tab.active .em-day-name{color:#fffc}.em-day-name.sunday{color:#ef4444}.em-day-name.saturday{color:#3b82f6}.em-day-tab.active .em-day-name.sunday,.em-day-tab.active .em-day-name.saturday{color:#fffc}.em-day-date{font-size:.95rem;font-weight:600;color:var(--color-text);line-height:1}.em-day-tab.active .em-day-date{color:#fff}.em-game-dot{font-size:.55rem;font-weight:600;color:var(--color-primary);background:rgba(99,102,241,.15);padding:.1rem .25rem;border-radius:3px;margin-top:.1rem;line-height:1}.em-day-tab.active .em-game-dot{color:#fff;background:rgba(255,255,255,.2)}.em-content{min-height:200px;max-height:500px;overflow-y:auto}.em-loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:48px 16px;color:var(--color-text-secondary)}.em-loading-state p{margin:0;font-size:14px}.em-error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:48px 16px;color:var(--color-text-secondary)}.em-error-state svg{color:#ef4444}.em-error-state p{margin:0;font-size:14px}.em-error-state button{padding:8px 16px;font-size:13px;background:var(--color-primary);color:#fff;border:none;border-radius:6px;cursor:pointer;transition:opacity .2s}.em-error-state button:hover{opacity:.9}.em-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:48px 16px;color:var(--color-text-secondary)}.em-empty-state .empty-icon{font-size:48px;opacity:.5}.em-empty-state p{margin:0;font-size:14px}.em-empty-state .empty-hint{font-size:12px;opacity:.7}.em-leagues-container{padding:.5rem}.em-league-group{margin-bottom:.75rem}.em-league-group:last-child{margin-bottom:0}.em-league-header{display:flex;align-items:center;gap:.5rem;padding:.625rem .75rem;background:linear-gradient(135deg,var(--color-background) 0%,rgba(200,155,60,.05) 100%);border-radius:10px;border-left:3px solid #C89B3C;margin-bottom:.5rem}.em-league-info{display:flex;align-items:center;gap:.5rem;flex:1}.em-league-badge-header{font-size:.85rem;font-weight:600;color:var(--color-text);padding:0;background:transparent;text-shadow:none}.em-match-count{font-size:.7rem;color:var(--color-text-muted);background:var(--color-border);padding:.2rem .5rem;border-radius:4px}.em-match-list{display:flex;flex-direction:column;gap:.375rem}.em-game-card{display:flex;flex-direction:column;gap:.5rem;padding:.75rem;background:var(--color-background);border-radius:10px;border:1px solid var(--color-border);transition:all .2s}.em-game-card:hover{border-color:#c89b3c80;box-shadow:0 2px 8px #c89b3c1a}.em-game-card.live{border-color:#ef4444;background:linear-gradient(135deg,rgba(239,68,68,.05) 0%,var(--color-background) 100%)}.em-game-card.finished{opacity:.85}.em-game-meta{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.em-game-time{font-size:12px;font-weight:500;color:var(--color-text-secondary)}.em-game-status{font-size:11px;font-weight:600;padding:2px 8px;border-radius:4px}.em-game-status.scheduled{background:rgba(99,102,241,.1);color:#6366f1}.em-game-status.live{background:#ef4444;color:#fff;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.em-game-status.finished{background:rgba(107,114,128,.1);color:#6b7280}.em-teams{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px}.em-team{display:flex;align-items:center;min-width:0;overflow:hidden}.em-team.away{justify-content:flex-start}.em-team.home{justify-content:flex-end}.em-team-info{display:flex;align-items:center;gap:8px;min-width:0;overflow:hidden}.em-team-logo{width:36px;height:36px;object-fit:contain;flex-shrink:0}.em-team-name{font-size:14px;font-weight:700;color:var(--color-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.em-team.away .em-team-name{text-align:left}.em-team.home .em-team-name{text-align:right}.esports-matches .game-vs{font-size:12px;font-weight:700;color:var(--color-text-secondary);padding:4px 12px}.esports-matches .game-score{display:flex;align-items:center;gap:8px;font-size:20px;font-weight:700;color:var(--color-text);padding:4px 16px;background:var(--color-surface);border-radius:8px}.esports-matches .game-score .score-divider{font-size:14px;color:var(--color-text-secondary)}.em-venue{margin-top:8px;font-size:11px;color:var(--color-text-secondary);text-align:center}.em-footer{display:flex;justify-content:center;padding:12px;border-top:1px solid var(--color-border);font-size:12px;color:var(--color-text-secondary)}@media (max-width: 768px){.em-header{padding:12px}.em-title h3{font-size:14px}.em-day-tabs{gap:2px;padding:6px 8px}.em-day-tab{padding:6px 2px}.em-day-name{font-size:10px}.em-day-date{font-size:12px}.em-leagues-container{padding:.375rem}.em-league-header{padding:.5rem .625rem}.em-league-badge-header{font-size:.8rem}.em-game-card{padding:.625rem}.em-teams,.em-team-info{gap:6px}.em-team-logo{width:24px;height:24px}.em-team-name{font-size:12px}.esports-matches .game-score{font-size:15px;padding:3px 8px;gap:4px}.esports-matches .game-vs{font-size:11px;padding:3px 8px}}@media (max-width: 400px){.em-league-badge-header{font-size:.75rem}.em-game-card{padding:.5rem}.em-game-time{font-size:11px}.em-teams,.em-team-info{gap:4px}.em-team-logo{width:20px;height:20px}.em-team-name{font-size:11px}.esports-matches .game-score{font-size:14px;padding:2px 6px;gap:3px}.esports-matches .game-vs{font-size:10px;padding:2px 6px}}.home-page{display:flex;flex-direction:column;gap:1.2rem;overflow-x:hidden;max-width:100%}.banner-section{margin-bottom:.5rem}.banner-slider{position:relative;width:100%;height:180px;overflow:hidden;border-radius:16px}.banner-slide{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;padding:2rem;text-decoration:none;opacity:0;transform:translate(20px);transition:all .5s ease;pointer-events:none}.banner-slide.active{opacity:1;transform:translate(0);pointer-events:auto}.banner-content{position:relative;z-index:2;max-width:500px}.banner-content .ad-label{display:inline-block;padding:.2rem .5rem;background:rgba(255,255,255,.2);color:#fff;font-size:.65rem;font-weight:600;border-radius:4px;margin-bottom:.5rem}.banner-content h2{font-size:1.75rem;font-weight:800;color:#fff;margin-bottom:.5rem;text-shadow:0 2px 10px rgba(0,0,0,.2)}.banner-content p{font-size:1rem;color:#ffffffe6;margin-bottom:.75rem}.banner-sponsor{font-size:.8rem;color:#ffffffb3}.banner-overlay{position:absolute;top:0;right:0;width:50%;height:100%;background:linear-gradient(90deg,transparent,var(--color-border))}.banner-nav{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;background:rgba(0,0,0,.3);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;z-index:10}.banner-nav:hover{background:rgba(0,0,0,.5)}.banner-nav.prev{left:1rem}.banner-nav.next{right:1rem}.banner-indicators{position:absolute;bottom:1rem;left:50%;transform:translate(-50%);display:flex;gap:.5rem;z-index:10}.banner-indicators .indicator{width:8px;height:8px;background:rgba(255,255,255,.4);border:none;border-radius:50%;cursor:pointer;transition:all .2s}.banner-indicators .indicator.active{width:24px;border-radius:4px;background:white}.ad-card{display:flex;flex-direction:column;padding:1.25rem;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));border-radius:16px;text-decoration:none;position:relative;overflow:hidden;transition:transform .2s,box-shadow .2s;min-height:140px}.ad-card:hover{transform:translateY(-2px);box-shadow:0 10px 30px #6366f14d}.ad-card .ad-label{position:absolute;top:.75rem;right:.75rem;padding:.15rem .4rem;background:rgba(255,255,255,.2);color:#fff;font-size:.6rem;font-weight:600;border-radius:4px}.ad-card .ad-content{flex:1;display:flex;flex-direction:column}.ad-card h3{font-size:1rem;font-weight:700;color:#fff;margin-bottom:.35rem}.ad-card p{font-size:.8rem;color:#ffffffd9;margin-bottom:.75rem;flex:1}.ad-card .ad-bottom{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.ad-card .ad-price{font-size:1.1rem;font-weight:800;color:#fff}.ad-card .ad-cta{display:inline-flex;align-items:center;gap:.35rem;padding:.5rem 1rem;background:rgba(255,255,255,.2);color:#fff;font-size:.8rem;font-weight:500;border-radius:8px;width:fit-content;transition:background .2s}.ad-card:hover .ad-cta{background:rgba(255,255,255,.3)}.section-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.section-title{display:flex;align-items:center;gap:.5rem}.section-title h2{font-size:1.25rem;font-weight:700;color:var(--color-text)}.title-icon{color:var(--color-text-secondary)}.title-icon.hot{color:#ef4444}.title-badge{padding:.25rem .5rem;background:rgba(239,68,68,.1);color:#ef4444;font-size:.7rem;font-weight:600;border-radius:4px}.view-all{display:flex;align-items:center;gap:.25rem;color:var(--color-primary);text-decoration:none;font-size:.85rem;font-weight:500;transition:gap .2s}.view-all:hover{gap:.5rem}.nexrise-section{overflow:hidden;max-width:100%}.nexrise-tabs{display:flex;gap:.5rem;margin-bottom:1rem}.nexrise-tabs .tab{display:flex;align-items:center;gap:.35rem;padding:.5rem 1rem;background:transparent;border:1px solid var(--color-border);border-radius:8px;color:var(--color-text-secondary);font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s}.nexrise-tabs .tab:hover{background:var(--color-border)}.nexrise-tabs .tab.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.nexrise-content{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1.5rem;max-width:100%}.nexrise-left{display:flex;flex-direction:column;gap:.75rem;min-width:0}.hot-posts-list{display:flex;flex-direction:column;gap:.5rem;min-width:0;overflow:hidden}.hot-post-item{display:flex;align-items:center;gap:.75rem;padding:.65rem .75rem;background:rgba(255,255,255,.02);border-radius:8px;border:1px solid var(--color-border);text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative}.hot-post-item.slide-up{animation:slideUp .6s cubic-bezier(.4,0,.2,1) var(--animation-delay, 0ms)}.hot-post-item.slide-down{animation:slideDown .6s cubic-bezier(.4,0,.2,1) var(--animation-delay, 0ms)}@keyframes slideUp{0%{transform:translateY(20px);opacity:.5;background:rgba(34,197,94,.15)}50%{background:rgba(34,197,94,.1)}to{transform:translateY(0);opacity:1;background:rgba(255,255,255,.02)}}@keyframes slideDown{0%{transform:translateY(-20px);opacity:.5;background:rgba(239,68,68,.15)}50%{background:rgba(239,68,68,.1)}to{transform:translateY(0);opacity:1;background:rgba(255,255,255,.02)}}.hot-post-item:hover{background:var(--color-border)}.rank-wrapper{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:32px}.hot-post-item .rank{width:24px;height:24px;background:var(--color-border);border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;color:var(--color-text-secondary);transition:all .3s}.hot-post-item .rank.top{background:linear-gradient(135deg,#ef4444,#f97316);color:#fff}.rank-change{display:flex;align-items:center;gap:1px;font-size:.6rem;font-weight:600}.rank-change.up{color:#22c55e}.rank-change.down{color:#ef4444}.rank-change.same{color:var(--color-text-secondary);opacity:.5}.rank-up{color:#22c55e;animation:bounceUp .4s ease}.rank-down{color:#ef4444;animation:bounceDown .4s ease}@keyframes bounceUp{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes bounceDown{0%,to{transform:translateY(0)}50%{transform:translateY(3px)}}.hot-post-item .post-info{flex:1;min-width:0}.hot-post-item .category{font-size:.65rem;color:var(--color-primary);text-transform:uppercase;font-weight:500}.hot-post-item h4{font-size:.85rem;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}.hot-post-item .post-stats{display:flex;gap:.5rem;font-size:.7rem;color:var(--color-text-secondary)}.hot-post-item .boost{color:#22c55e}.home-sports-tabs{display:flex;gap:.5rem;margin-bottom:1rem;flex-wrap:wrap}.home-sports-tab{display:flex;align-items:center;gap:.35rem;padding:.6rem 1rem;background:transparent;border:2px solid var(--color-border);border-radius:10px;cursor:pointer;font-size:.9rem;font-weight:600;color:var(--color-text-secondary);transition:all .2s ease}.home-sports-tab:hover{background:var(--color-background);border-color:var(--color-primary);color:var(--color-text)}.home-sports-tab.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.home-league-tabs{display:flex;gap:.5rem;padding:.75rem 1rem;background:var(--color-background)}.home-league-tab{padding:.5rem 1rem;background:transparent;border:1px solid var(--color-border);border-radius:8px;cursor:pointer;font-size:.85rem;font-weight:500;color:var(--color-text-secondary);transition:all .2s ease}.home-league-tab:hover{background:var(--color-surface);color:var(--color-text)}.home-league-tab.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.home-sports-content{background:var(--color-surface);border-radius:12px;border:1px solid var(--color-border);overflow:hidden}.home-sports-section .football-matches,.home-sports-section .baseball-matches,.home-sports-section .basketball-matches,.home-sports-section .kleague-matches,.home-sports-section .esports-matches,.home-sports-section .kbo-matches{margin-bottom:0;border:none;border-radius:0;background:transparent}.matches-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem}.match-card{background:rgba(255,255,255,.02);border-radius:12px;padding:1rem}.match-league{font-size:.75rem;font-weight:600;color:var(--color-primary);text-transform:uppercase}.match-item{display:flex;align-items:center;justify-content:space-between;padding:.75rem 0;border-bottom:1px solid var(--color-border)}.match-item:last-child{border-bottom:none}.match-team{display:flex;align-items:center;gap:.5rem;flex:1}.match-team:last-child{flex-direction:row-reverse}.team-logo{font-size:1.5rem}.team-name{font-size:.85rem;font-weight:500;color:var(--color-text)}.match-info{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:0 1rem}.match-time{font-size:.75rem;color:var(--color-text-secondary)}.vs{font-size:.7rem;font-weight:600;color:var(--color-primary)}.category-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));gap:1rem}.category-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem;padding-bottom:.75rem;border-bottom:1px solid var(--color-border)}.category-icon{font-size:1.25rem}.category-header h3{flex:1;font-size:1rem;font-weight:600;color:var(--color-text)}.category-header a{font-size:.75rem;color:var(--color-text-secondary);text-decoration:none}.category-header a:hover{color:var(--color-primary)}.category-posts{display:flex;flex-direction:column}.mini-post{display:flex;align-items:center;justify-content:space-between;padding:.5rem 0;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.03)}.mini-post:last-child{border-bottom:none}.mini-post:hover .title{color:var(--color-primary)}.mini-post .title{flex:1;font-size:.85rem;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-right:.5rem;transition:color .2s}.mini-post .stats{font-size:.7rem;color:#22c55e;font-weight:500}.posts-list{display:flex;flex-direction:column}@media (max-width: 900px){.nexrise-content{grid-template-columns:minmax(0,1fr);gap:1rem}.nexrise-left{flex-direction:row;gap:1rem;min-width:0}.featured-post{flex:1;min-width:0;overflow:hidden}.ad-card{width:200px;flex-shrink:0}.banner-slider{height:160px}.banner-content h2{font-size:1.35rem}.banner-content p{font-size:.85rem}.banner-nav{width:32px;height:32px}}@media (max-width: 640px){.home-page{gap:1.25rem}.banner-slider{height:140px;border-radius:12px}.banner-slide{padding:1rem}.banner-content h2{font-size:1.1rem}.banner-content p{font-size:.75rem;margin-bottom:.5rem}.banner-nav{display:none}.nexrise-left{flex-direction:column;min-width:0}.featured-post{min-width:0;overflow:hidden}.ad-card{width:100%;flex-direction:row;align-items:center;min-height:auto;padding:1rem}.ad-card .ad-content{flex-direction:row;align-items:center;gap:1rem}.ad-card h3{font-size:.9rem;margin-bottom:0}.ad-card p{display:none}.ad-card .ad-bottom{flex-direction:column;align-items:flex-end;gap:.25rem}.ad-card .ad-price{font-size:.95rem}.ad-card .ad-cta{padding:.35rem .75rem;font-size:.7rem}.section-title h2{font-size:1.1rem}.home-sports-tabs{gap:.35rem}.home-sports-tab{padding:.5rem .75rem;font-size:.8rem;border-radius:8px}.home-league-tabs{padding:.5rem;gap:.35rem;border-radius:10px}.home-league-tab{padding:.4rem .75rem;font-size:.8rem}.category-grid{grid-template-columns:1fr}.hot-posts-list{gap:.35rem;min-width:0}.hot-post-item{padding:.5rem .6rem;min-width:0}.hot-post-item .post-info{min-width:0;overflow:hidden}.hot-post-item .post-info h4{font-size:.8rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}.home-page .post-excerpt{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.recent-section{margin-top:1rem}.recent-section .section-header{margin-bottom:.75rem}.recent-section .section-title{display:flex;align-items:center;gap:.5rem}.recent-section .section-title h2{font-size:1.25rem;font-weight:700}.recent-section .title-icon{color:var(--color-primary)}.recent-options{display:flex;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:1rem}.recent-options .sort-buttons{display:flex;gap:.5rem}.recent-options .sort-btn{display:flex;align-items:center;gap:.35rem;padding:.5rem .875rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;color:var(--color-text-secondary);font-size:.85rem;cursor:pointer;transition:all .2s}.recent-options .sort-btn:hover{background:var(--color-border);color:var(--color-text)}.recent-options .sort-btn.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.recent-options .view-options-group{display:flex;align-items:center;gap:.5rem}.recent-options .view-mode-toggle{display:flex;background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;overflow:hidden}.recent-options .view-mode-btn{display:flex;align-items:center;gap:4px;padding:.5rem .75rem;background:transparent;border:none;font-size:.75rem;color:var(--color-text-secondary);cursor:pointer;transition:all .2s}.recent-options .view-mode-btn:first-child{border-right:1px solid var(--color-border)}.recent-options .view-mode-btn:hover{color:var(--color-text);background:rgba(255,255,255,.03)}.recent-options .view-mode-btn.active{color:var(--color-primary);background:rgba(99,102,241,.1)}.recent-options .page-size-selector{position:relative}.recent-options .page-size-btn{display:flex;align-items:center;gap:6px;padding:.5rem .75rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;font-size:.8rem;color:var(--color-text);cursor:pointer;transition:all .2s}.recent-options .page-size-btn:hover{border-color:var(--color-primary)}.recent-options .page-size-dropdown{position:absolute;top:100%;right:0;margin-top:4px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;overflow:hidden;box-shadow:0 8px 24px #0000004d;z-index:100;min-width:120px}.recent-options .size-option{display:block;width:100%;padding:10px 14px;background:none;border:none;font-size:.8rem;color:var(--color-text);text-align:left;cursor:pointer;transition:all .2s}.recent-options .size-option:hover{background:var(--color-border)}.recent-options .size-option.active{background:var(--color-primary);color:#fff}.recent-section .loading{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:2rem;color:var(--color-text-secondary)}@media (max-width: 768px){.recent-options{flex-direction:column;align-items:stretch;gap:.75rem}.recent-options .sort-buttons{justify-content:flex-start}.recent-options .view-options-group{justify-content:flex-end}.recent-options .view-mode-btn span{display:none}.recent-options .view-mode-btn{padding:.5rem}}@media (max-width: 480px){.recent-options .sort-btn{padding:.4rem .65rem;font-size:.8rem}.recent-options .page-size-btn{padding:.4rem .5rem;font-size:.75rem}}.category-page{max-width:100%}.category-header{display:flex;align-items:center;justify-content:space-between;background:var(--color-surface);border-radius:16px;border:1px solid var(--color-border);padding:1.5rem;margin-bottom:1rem}.category-info{display:flex;align-items:center;gap:1rem}.category-icon-wrapper{width:56px;height:56px;border-radius:14px;display:flex;align-items:center;justify-content:center}.category-icon{font-size:1.75rem}.category-info h1{font-size:1.5rem;font-weight:700;color:var(--color-text);margin-bottom:.25rem}.category-info p{font-size:.875rem;color:var(--color-text-secondary)}.write-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:var(--color-primary);border-radius:10px;color:#fff!important;text-decoration:none;font-weight:600;font-size:.9rem;transition:all .2s;box-shadow:0 2px 8px #6366f14d}.write-btn:hover{background:var(--color-secondary);color:#fff!important;transform:translateY(-1px);box-shadow:0 4px 12px #6366f166}.subcategories{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:1rem}.subcategory-btn{padding:.5rem 1rem;background:transparent;border:1px solid var(--color-border);border-radius:8px;color:var(--color-text-secondary);font-size:.85rem;cursor:pointer;transition:all .2s}.subcategory-btn:hover{background:var(--color-border);color:var(--color-text)}.subcategory-btn.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.category-content{display:grid;grid-template-columns:1fr 300px;gap:1.2rem}.main-column{min-width:0}.football-section{margin-bottom:1rem}.football-league-tabs{display:flex;gap:8px;margin-bottom:12px}.baseball-section{margin-bottom:1rem}.baseball-league-tabs{display:flex;gap:8px;margin-bottom:12px}.basketball-section{margin-bottom:1rem}.basketball-league-tabs{display:flex;gap:8px;margin-bottom:12px}.esports-section{margin-bottom:1rem}.esports-game-tabs{display:flex;gap:8px;margin-bottom:12px}.league-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:12px 16px;font-size:14px;font-weight:600;background:var(--color-surface);border:1px solid var(--color-border);border-radius:10px;cursor:pointer;transition:all .2s;color:var(--color-text-secondary)}.league-tab:hover{background:var(--color-background);color:var(--color-text)}.league-tab.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.matches-widget{background:var(--color-surface);border-radius:12px;border:1px solid var(--color-border);padding:1rem;margin-bottom:1rem}.matches-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem;flex-wrap:wrap;gap:.5rem}.matches-header h3{font-size:1rem;font-weight:600;color:var(--color-text);margin:0}.date-navigation{display:flex;align-items:center;gap:.25rem}.date-nav-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:transparent;border:1px solid var(--color-border);border-radius:6px;color:var(--color-text-secondary);cursor:pointer;transition:all .2s}.date-nav-btn:hover:not(:disabled){background:var(--color-border);color:var(--color-text)}.date-nav-btn:disabled{opacity:.3;cursor:not-allowed}.date-tabs{display:flex;gap:.25rem}.date-tab{padding:.35rem .75rem;background:transparent;border:1px solid var(--color-border);border-radius:6px;color:var(--color-text-secondary);font-size:.8rem;cursor:pointer;transition:all .2s}.date-tab:hover{background:var(--color-border)}.date-tab.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.date-tab.no-matches{opacity:.5}.no-matches-message{text-align:center;padding:1.5rem;color:var(--color-text-secondary);font-size:.85rem}.matches-list{display:flex;flex-direction:column;gap:.5rem}.match-row{display:flex;align-items:center;gap:1rem;padding:.75rem;background:rgba(255,255,255,.02);border-radius:8px}.match-league{font-size:.7rem;font-weight:600;color:var(--color-primary);background:rgba(99,102,241,.1);padding:.25rem .5rem;border-radius:4px;min-width:50px;text-align:center}.match-teams{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:.9rem;color:var(--color-text);min-width:0}.match-teams .team{display:flex;align-items:center;gap:.25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px}.match-teams .vs{font-size:.75rem;color:var(--color-text-secondary);font-weight:500;flex-shrink:0}.match-time{font-size:.8rem;color:var(--color-text-secondary)}.ranking-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem;flex-wrap:wrap;gap:.5rem}.ranking-header h3{font-size:1rem;font-weight:600;color:var(--color-text);margin:0}.ranking-tabs{display:flex;gap:.25rem;background:rgba(255,255,255,.03);padding:.25rem;border-radius:8px}.ranking-tab{padding:.4rem .85rem;background:transparent;border:none;border-radius:6px;color:var(--color-text-secondary);font-size:.8rem;font-weight:500;cursor:pointer;transition:all .2s}.ranking-tab:hover{color:var(--color-text)}.ranking-tab.active{background:var(--color-primary);color:#fff}.ranking-list{display:flex;flex-direction:column;gap:.35rem}.ranking-item{display:flex;align-items:center;gap:.75rem;padding:.6rem .75rem;background:rgba(255,255,255,.02);border-radius:8px;transition:background .2s}.ranking-item:hover{background:var(--color-border)}.ranking-item .rank{width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700;color:var(--color-text-secondary);background:var(--color-border);border-radius:6px;flex-shrink:0}.ranking-item .rank.top{background:linear-gradient(135deg,#ef4444,#f97316);color:#fff}.ranking-item .poster{font-size:1.25rem;flex-shrink:0}.ranking-item .album-cover{width:40px;height:40px;border-radius:6px;object-fit:cover;flex-shrink:0}.ranking-item .media-poster{width:36px;height:52px;border-radius:4px;object-fit:cover;flex-shrink:0;box-shadow:0 2px 4px #0003}.ranking-item.media-item{align-items:center;padding:.5rem .75rem;min-height:64px}.ranking-item.media-item .poster{width:36px;height:52px;display:flex;align-items:center;justify-content:center;background:var(--color-border);border-radius:4px;font-size:1.5rem}.music-section{margin-bottom:1rem}.music-subcategories{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--color-border)}.movie-section{margin-bottom:1rem}.movie-subcategories{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--color-border)}.anime-section{margin-bottom:1rem}.anime-subcategories{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--color-border)}.ranking-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:.15rem}.ranking-info .title{font-size:.85rem;font-weight:500;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;gap:.35rem}.ranking-info .meta{font-size:.7rem;color:var(--color-text-secondary);display:flex;align-items:center;gap:.35rem}.original-badge{font-size:.6rem;padding:.1rem .35rem;background:rgba(99,102,241,.15);color:var(--color-primary);border-radius:3px;font-weight:600}.platform-badge{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:4px;font-size:.6rem;font-weight:700;color:#fff;flex-shrink:0}.ranking-item .change{display:flex;align-items:center;gap:.15rem;font-size:.7rem;font-weight:600;flex-shrink:0;min-width:40px;justify-content:flex-end}.ranking-item .change.up{color:#22c55e}.ranking-item .change.down{color:#ef4444}.ranking-item .change.same{color:var(--color-text-secondary);opacity:.5}.ranking-item .change.new{color:#f97316}.ott-platform-tabs{display:flex;gap:.35rem;flex-wrap:wrap;margin-bottom:.75rem;padding:.5rem;background:rgba(255,255,255,.02);border-radius:10px;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.ott-platform-tabs::-webkit-scrollbar{display:none}.ott-platform-tab{display:flex;align-items:center;gap:.35rem;padding:.45rem .75rem;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:8px;cursor:pointer;transition:all .2s;white-space:nowrap;flex-shrink:0}.ott-platform-tab:hover{background:rgba(255,255,255,.06);border-color:#ffffff1f}.ott-platform-tab.active{background:var(--platform-color, var(--color-primary));border-color:var(--platform-color, var(--color-primary))}.ott-platform-tab .platform-icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:4px;font-size:.65rem;font-weight:700;color:#fff}.ott-platform-tab.active .platform-icon{background:rgba(255,255,255,.2)!important}.ott-platform-tab .platform-name{font-size:.75rem;font-weight:500;color:var(--color-text-secondary)}.ott-platform-tab.active .platform-name{color:#fff}.no-ranking-message{text-align:center;padding:1.5rem;color:var(--color-text-secondary);font-size:.85rem}.platform-tabs-wrapper{display:flex;gap:.35rem;flex-wrap:wrap;margin-bottom:.75rem}.platform-tab{display:flex;align-items:center;gap:.35rem;padding:.45rem .75rem;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:8px;cursor:pointer;transition:all .2s;white-space:nowrap;flex-shrink:0}.platform-tab:hover{background:rgba(255,255,255,.06);border-color:#ffffff1f}.platform-tab.active{background:var(--platform-color, var(--color-primary));border-color:var(--platform-color, var(--color-primary))}.platform-tab .platform-icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:4px;font-size:.65rem;font-weight:700;color:#fff}.platform-tab.active .platform-icon{background:rgba(255,255,255,.2)!important}.platform-tab .platform-name{font-size:.75rem;font-weight:500;color:var(--color-text-secondary)}.platform-tab.active .platform-name{color:#fff}.genre-badge{display:inline-block;padding:.1rem .4rem;background:rgba(99,102,241,.15);color:var(--color-primary);border-radius:4px;font-size:.65rem;font-weight:500;margin-right:.35rem}.airing-badge{display:inline-block;padding:.1rem .35rem;background:rgba(34,197,94,.15);color:#22c55e;border-radius:3px;font-size:.55rem;font-weight:600;margin-left:.35rem}.players,.episode{font-size:.7rem;color:var(--color-text-secondary)}.music-item .meta{font-size:.75rem;color:var(--color-text-secondary)}.game-item .ranking-info .meta,.anime-item .ranking-info .meta{display:flex;align-items:center;gap:.35rem}.sort-options{display:flex;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:1rem}.sort-buttons{display:flex;gap:.5rem}.sort-btn{display:flex;align-items:center;gap:.35rem;padding:.5rem .875rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;color:var(--color-text-secondary);font-size:.85rem;cursor:pointer;transition:all .2s}.sort-btn:hover{background:var(--color-border);color:var(--color-text)}.sort-btn.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.view-mode-btn{display:flex;align-items:center;gap:4px;padding:.5rem .75rem;background:transparent;border:none;font-size:.75rem;color:var(--color-text-secondary);cursor:pointer;transition:all .2s}.page-size-btn{display:flex;align-items:center;gap:6px;padding:.5rem .75rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;font-size:.8rem;color:var(--color-text);cursor:pointer;transition:all .2s}.size-option{display:block;width:100%;padding:10px 14px;background:none;border:none;font-size:.8rem;color:var(--color-text);text-align:left;cursor:pointer;transition:all .2s}.posts-container{display:flex;flex-direction:column}.empty-state{text-align:center;padding:3rem 1rem}.empty-state p{color:var(--color-text-secondary);margin-bottom:1rem}.write-link{color:var(--color-primary);text-decoration:none;font-weight:500}.write-link:hover{text-decoration:underline}.loading{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:2rem;color:var(--color-text-secondary)}.pagination{display:flex;align-items:center;justify-content:center;gap:1rem;margin-top:1.5rem;padding:1rem}.pagination button{padding:.5rem 1rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;color:var(--color-text);cursor:pointer;transition:all .2s}.pagination button:hover:not(:disabled){background:var(--color-border)}.pagination button:disabled{opacity:.5;cursor:not-allowed}.page-info{font-size:.9rem;color:var(--color-text-secondary)}.side-column{display:flex;flex-direction:column;gap:1rem}.widget h3{font-size:.9rem;font-weight:600;color:var(--color-text);margin-bottom:.75rem;padding-bottom:.75rem;border-bottom:1px solid var(--color-border)}.widget-posts{display:flex;flex-direction:column;gap:.5rem}.widget-post{display:flex;align-items:center;gap:.75rem;padding:.5rem 0;text-decoration:none;transition:color .2s}.widget-post:hover .title{color:var(--color-primary)}.widget-post .rank{width:20px;height:20px;background:var(--color-border);border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:600;color:var(--color-text-secondary)}.widget-post:nth-child(-n+3) .rank{background:linear-gradient(135deg,#ef4444,#f97316);color:#fff}.widget-post .title{flex:1;font-size:.85rem;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.related-list{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.related-item{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:rgba(255,255,255,.02);border-radius:8px;text-decoration:none;color:var(--color-text);font-size:.85rem;transition:background .2s}.related-item:hover{background:var(--color-border)}.side-ad{display:block;padding:1rem;background:linear-gradient(135deg,rgba(99,102,241,.08),rgba(139,92,246,.08));border:1px solid rgba(99,102,241,.15);text-decoration:none;transition:all .2s}.side-ad:hover{background:linear-gradient(135deg,rgba(99,102,241,.12),rgba(139,92,246,.12));border-color:#6366f140}.side-ad-content{display:flex;flex-direction:column;gap:.25rem}.side-ad .ad-tag{font-size:.6rem;font-weight:600;color:var(--color-text-secondary);opacity:.6}.side-ad .ad-text{font-size:.9rem;font-weight:600;color:var(--color-text);margin:0}.side-ad .ad-desc{font-size:.75rem;color:var(--color-text-secondary);margin:0}.category-not-found{text-align:center;padding:4rem 1rem}.category-not-found h2{font-size:1.5rem;color:var(--color-text);margin-bottom:1rem}.category-not-found a{color:var(--color-primary);text-decoration:none}.mobile-widgets{display:none}@media (max-width: 1100px){.category-content{grid-template-columns:1fr 250px}.sort-options{flex-wrap:wrap;gap:.5rem}.sort-buttons{flex:0 0 auto}.sort-btn{white-space:nowrap}.view-options-group{flex:1;justify-content:flex-end}}@media (max-width: 900px){.category-content{grid-template-columns:1fr}.side-column{display:none}.sort-options{flex-wrap:nowrap}.sort-buttons{flex:0 0 auto}.sort-btn{white-space:nowrap;padding:.5rem .75rem}.view-options-group{flex:1;justify-content:flex-end}.mobile-widgets{display:flex;gap:.75rem;margin-bottom:1rem}.mobile-hot-widget{flex:1;min-width:0}.mobile-hot-widget h4{font-size:.8rem;font-weight:600;color:var(--color-text);margin-bottom:.5rem;display:flex;align-items:center;gap:.35rem}.mobile-hot-list{display:flex;flex-direction:column;gap:.35rem}.mobile-hot-item{display:flex;align-items:center;gap:.5rem;text-decoration:none;padding:.35rem 0}.mobile-hot-item .rank{width:18px;height:18px;background:var(--color-border);border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:.65rem;font-weight:600;color:var(--color-text-secondary);flex-shrink:0}.mobile-hot-item:nth-child(-n+3) .rank{background:linear-gradient(135deg,#ef4444,#f97316);color:#fff}.mobile-hot-item .title{flex:1;font-size:.8rem;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-hot-item:hover .title{color:var(--color-primary)}.mobile-ad-widget{flex:0 0 140px;background:linear-gradient(135deg,rgba(99,102,241,.15),rgba(139,92,246,.15));border:1px solid rgba(99,102,241,.2);border-radius:12px;padding:.875rem;text-decoration:none;display:flex;flex-direction:column;justify-content:center}.mobile-ad-widget:hover{background:linear-gradient(135deg,rgba(99,102,241,.2),rgba(139,92,246,.2))}.mobile-ad-widget .ad-tag{font-size:.55rem;font-weight:600;color:var(--color-text-secondary);opacity:.6;margin-bottom:.25rem}.mobile-ad-widget .ad-text{font-size:.85rem;font-weight:600;color:var(--color-text);margin:0}.mobile-ad-widget .ad-desc{font-size:.7rem;color:var(--color-text-secondary);margin:0}}@media (max-width: 768px){.sort-options{flex-wrap:wrap;gap:.75rem}.sort-buttons{flex:1;min-width:0}.view-options-group{width:100%;justify-content:flex-end}}@media (max-width: 640px){.category-header{flex-direction:row;align-items:center;gap:1rem;padding:1rem}.category-page .category-header{flex-direction:column;align-items:flex-start;gap:1rem}.write-btn{width:100%;justify-content:center}.matches-header{flex-direction:column;align-items:flex-start;gap:.5rem}.date-navigation{width:100%;justify-content:space-between}.date-tabs{flex:1;justify-content:center}.date-tab{padding:.3rem .5rem;font-size:.75rem}.match-row{flex-wrap:nowrap;gap:.5rem;padding:.6rem .5rem}.match-league{font-size:.6rem;min-width:40px;padding:.2rem .35rem}.match-teams{flex:1;min-width:0;gap:.35rem;font-size:.75rem}.match-teams .team{max-width:70px;gap:.15rem;font-size:.75rem}.match-teams .vs{font-size:.65rem}.match-time{font-size:.7rem;flex-shrink:0}.ranking-header{flex-direction:column;align-items:flex-start;gap:.5rem}.ranking-tabs{width:100%;justify-content:center}.ranking-tab{flex:1;text-align:center}.ranking-item{padding:.5rem;gap:.5rem}.ranking-item .poster{font-size:1rem}.ranking-info .title{font-size:.8rem}.ranking-info .meta{font-size:.65rem}.ranking-item .change{font-size:.65rem;min-width:35px}.ott-platform-tabs{gap:.25rem;padding:.35rem}.ott-platform-tab{padding:.4rem .6rem;gap:.25rem}.ott-platform-tab .platform-icon{width:18px;height:18px;font-size:.6rem}.ott-platform-tab .platform-name{font-size:.7rem}.platform-tabs-wrapper{gap:.25rem;padding:.35rem}.platform-tab{padding:.4rem .6rem;gap:.25rem}.platform-tab .platform-icon{width:18px;height:18px;font-size:.6rem}.platform-tab .platform-name{font-size:.7rem}.genre-badge{font-size:.6rem;padding:.08rem .3rem}.airing-badge{font-size:.5rem;padding:.08rem .25rem}.sort-options{flex-direction:column;align-items:stretch;gap:.5rem}.sort-buttons{display:flex;width:100%}.sort-btn{flex:1;justify-content:center;padding:.6rem .5rem;font-size:.8rem}.view-options-group{display:flex;width:100%;gap:.5rem}.view-mode-toggle{flex:1}.view-mode-btn{flex:1;justify-content:center;padding:.5rem .25rem;font-size:.7rem}.page-size-selector{flex-shrink:0}.page-size-btn{padding:.5rem .6rem;font-size:.75rem}.page-size-btn svg:last-child{display:none}}@media (max-width: 400px){.sort-btn{padding:.55rem .75rem;font-size:.75rem;gap:.25rem}.sort-btn svg{width:14px;height:14px}.view-mode-btn{padding:.45rem .5rem}.page-size-btn{padding:.45rem .5rem;font-size:.7rem;gap:4px}.match-row{gap:.35rem;padding:.5rem .35rem}.match-league{font-size:.55rem;min-width:32px;padding:.15rem .25rem}.match-teams .team{max-width:55px;font-size:.7rem}.match-time{font-size:.65rem}}.sports-hub{margin-bottom:1rem}.sports-view-tabs{display:flex;gap:.5rem;margin-bottom:1rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:.5rem}.sports-view-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.85rem 1rem;background:transparent;border:2px solid transparent;border-radius:10px;cursor:pointer;font-size:.95rem;font-weight:600;color:var(--color-text-secondary);transition:all .2s ease}.sports-view-tab:hover{background:var(--color-background);color:var(--color-text)}.sports-view-tab.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary);box-shadow:0 2px 8px #6366f14d}.sports-view-tab .tab-icon{font-size:1.15rem;line-height:1}.sports-main-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem;margin-bottom:1rem}.sports-main-tab{display:flex;flex-direction:column;align-items:center;gap:.35rem;padding:1rem .5rem;background:var(--color-surface);border:2px solid var(--color-border);border-radius:16px;cursor:pointer;transition:all .2s ease}.sports-main-tab:hover{background:var(--color-background);border-color:var(--color-primary);transform:translateY(-2px)}.sports-main-tab.active{background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));border-color:var(--color-primary);color:#fff;box-shadow:0 4px 12px #6366f14d}.sports-main-tab .tab-icon{font-size:1.75rem;line-height:1}.sports-main-tab .tab-name{font-size:.85rem;font-weight:600;color:var(--color-text)}.sports-main-tab.active .tab-name{color:#fff}.sports-content{background:var(--color-surface);border-radius:16px;border:1px solid var(--color-border);overflow:hidden}.league-tabs-row{display:flex;gap:.5rem;padding:.75rem 1rem;background:var(--color-background);border-bottom:1px solid var(--color-border)}.league-tabs-row .league-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:.35rem;padding:.6rem 1rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:10px;color:var(--color-text);font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s}.league-tabs-row .league-tab:hover{background:var(--color-border)}.league-tabs-row .league-tab.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.sports-content .football-matches,.sports-content .baseball-matches,.sports-content .kbo-matches,.sports-content .basketball-matches,.sports-content .kleague-matches,.sports-content .esports-matches{margin-bottom:0;border:none;border-radius:0}@media (max-width: 768px){.sports-view-tabs{padding:.35rem;gap:.35rem}.sports-view-tab{padding:.7rem .5rem;font-size:.875rem}.sports-view-tab .tab-icon{font-size:1rem}.sports-main-tabs{grid-template-columns:repeat(4,1fr);gap:.35rem}.sports-main-tab{padding:.75rem .25rem;border-radius:12px}.sports-main-tab .tab-icon{font-size:1.5rem}.sports-main-tab .tab-name{font-size:.75rem}.league-tabs-row{padding:.5rem;gap:.35rem}.league-tabs-row .league-tab{padding:.5rem;font-size:.75rem;border-radius:8px}}@media (max-width: 480px){.sports-view-tabs{padding:.25rem;gap:.25rem;border-radius:10px}.sports-view-tab{padding:.6rem .35rem;font-size:.8rem;border-radius:8px}.sports-view-tab .tab-icon{font-size:.9rem}.sports-main-tabs{gap:.25rem}.sports-main-tab{padding:.6rem .15rem;border-radius:10px;border-width:1.5px}.sports-main-tab .tab-icon{font-size:1.25rem}.sports-main-tab .tab-name{font-size:.65rem}.league-tabs-row{padding:.4rem;gap:.25rem;flex-wrap:wrap}.league-tabs-row .league-tab{flex:1 1 auto;min-width:calc(50% - .25rem);padding:.45rem .35rem;font-size:.7rem}}.ranking-loading,.ranking-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding:2rem;color:var(--color-text-secondary);font-size:.875rem}.ranking-loading .spin{animation:spin 1s linear infinite}.fallback-badge{font-size:.625rem;padding:.125rem .375rem;background:rgba(251,191,36,.15);color:#f59e0b;border-radius:4px;font-weight:500;margin-left:.5rem}.ranking-source{font-size:.75rem;color:var(--color-text-secondary);text-align:center;padding:.5rem;margin-top:.5rem;border-top:1px solid var(--color-border)}.link-embeds{display:flex;flex-direction:column;gap:1rem;margin-top:1rem}.embed-container{border-radius:12px;overflow:hidden;background:var(--color-surface);border:1px solid var(--color-border)}.embed-loading{display:flex;align-items:center;justify-content:center;padding:2rem}.embed-loading .spinner{width:24px;height:24px;border:2px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite}.youtube-embed{position:relative;width:100%;max-width:560px}.youtube-thumbnail{position:relative;width:100%;padding-top:56.25%;cursor:pointer;overflow:hidden}.youtube-thumbnail img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.youtube-thumbnail:hover img{transform:scale(1.05)}.play-overlay{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.3);transition:background .3s ease}.youtube-thumbnail:hover .play-overlay{background:rgba(0,0,0,.4)}.play-button{width:68px;height:48px;background:rgba(255,0,0,.9);border-radius:12px;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.youtube-thumbnail:hover .play-button{background:#ff0000;transform:scale(1.1)}.youtube-badge{position:absolute;bottom:12px;right:12px;background:rgba(0,0,0,.7);padding:4px 8px;border-radius:4px}.youtube-player{position:relative;width:100%;padding-top:56.25%}.youtube-player iframe{position:absolute;top:0;left:0;width:100%;height:100%}.twitter-embed{max-width:550px;min-height:200px;position:relative}.twitter-embed .twitter-tweet{margin:0!important}.twitter-embed iframe{border-radius:12px!important}.instagram-embed{max-width:540px;min-height:400px}.instagram-embed iframe{width:100%;min-height:400px;border:none}.link-preview{display:block;text-decoration:none;transition:all .2s ease}.link-preview:hover{background:var(--color-border);border-color:var(--color-primary)}.link-preview-content{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem}.link-icon{width:40px;height:40px;background:var(--color-border);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:1.25rem;flex-shrink:0}.link-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:.25rem}.link-site{font-size:.8rem;font-weight:600;color:var(--color-text)}.link-url{font-size:.75rem;color:var(--color-text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.link-external{color:var(--color-text-secondary);flex-shrink:0}.embed-fallback{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;text-decoration:none;transition:all .2s ease}.embed-fallback:hover{background:var(--color-border);border-color:var(--color-primary)}.fallback-icon{width:40px;height:40px;background:var(--color-border);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:1.25rem;flex-shrink:0}.twitter-fallback .fallback-icon{background:rgba(29,155,240,.15);color:#1d9bf0;font-weight:700}.instagram-fallback .fallback-icon{background:linear-gradient(45deg,#f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%)}.fallback-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:.25rem}.fallback-title{font-size:.875rem;font-weight:600;color:var(--color-text)}.fallback-url{font-size:.75rem;color:var(--color-text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.content-link{color:var(--color-primary);text-decoration:none;word-break:break-all}.content-link:hover{text-decoration:underline}@media (max-width: 768px){.youtube-embed,.twitter-embed,.instagram-embed{max-width:100%}.play-button{width:56px;height:40px}.play-button svg{width:24px;height:24px}}.post-detail-page{max-width:800px;margin:0 auto}.post-detail-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.back-btn{display:flex;align-items:center;gap:.35rem;padding:.5rem .75rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;color:var(--color-text);font-size:.85rem;cursor:pointer;transition:background .2s}.back-btn:hover{background:var(--color-border)}.category-link{font-size:.85rem;color:var(--color-primary);text-decoration:none;text-transform:uppercase;font-weight:500}.category-link:hover{text-decoration:underline}.post-detail-content{margin-bottom:1.5rem}.post-header{margin-bottom:.5rem}.hot-badge{display:inline-block;padding:.35rem .75rem;background:linear-gradient(135deg,rgba(239,68,68,.2),rgba(249,115,22,.2));border:1px solid rgba(239,68,68,.3);border-radius:6px;font-size:.75rem;font-weight:600}.post-title{font-size:1.2rem;font-weight:700;color:var(--color-text);line-height:1.4}.post-meta{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.author-info{display:flex;align-items:center;gap:.5rem}.author-avatar{width:32px;height:32px;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:600;color:#fff}.author-name{font-weight:500;color:var(--color-text)}.author-info .country-flag{font-size:1rem;margin-left:.25rem}.meta-divider{width:4px;height:4px;background:var(--color-text-secondary);border-radius:50%;opacity:.5}.meta-item{display:flex;align-items:center;gap:.35rem;font-size:.85rem;color:var(--color-text-secondary)}.post-body{margin-bottom:1.5rem}.post-body p{font-size:1rem;line-height:1.8;color:var(--color-text);white-space:pre-wrap}.post-images{margin-top:1.5rem}.images-grid{display:grid;gap:.5rem;border-radius:12px;overflow:hidden}.images-grid.count-1{grid-template-columns:1fr}.images-grid.count-2{grid-template-columns:1fr 1fr}.images-grid.count-3{grid-template-columns:2fr 1fr;grid-template-rows:1fr 1fr}.images-grid.count-3 .image-item:first-child{grid-row:1 / 3}.images-grid.count-4{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}.image-item{position:relative;aspect-ratio:16/9;overflow:hidden;cursor:pointer;background:rgba(0,0,0,.2)}.images-grid.count-1 .image-item{max-height:500px;aspect-ratio:auto}.images-grid.count-1 .image-item img{object-fit:contain;background:rgba(0,0,0,.3)}.image-item img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.image-item:hover img{transform:scale(1.05)}.more-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.5rem;font-weight:700}.image-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.95);z-index:1000;display:flex;align-items:center;justify-content:center}.image-modal{position:relative;max-width:90vw;max-height:90vh;display:flex;flex-direction:column;align-items:center}.modal-close-btn{position:absolute;top:-40px;right:0;background:none;border:none;color:#fff;cursor:pointer;padding:.5rem;opacity:.7;transition:opacity .2s}.modal-close-btn:hover{opacity:1}.modal-image-container{position:relative;display:flex;align-items:center;justify-content:center}.modal-image-container img{max-width:85vw;max-height:75vh;object-fit:contain;border-radius:8px}.modal-nav-btn{position:absolute;top:50%;transform:translateY(-50%);background:var(--color-border);border:none;color:#fff;width:50px;height:50px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:.7;transition:all .2s}.modal-nav-btn:hover{opacity:1;background:rgba(255,255,255,.2)}.modal-nav-btn.prev{left:-70px}.modal-nav-btn.next{right:-70px}.modal-counter{margin-top:1rem;color:#fff;font-size:.9rem;opacity:.8}.modal-thumbnails{display:flex;gap:.5rem;margin-top:1rem;overflow-x:auto;max-width:90vw;padding:.5rem}.thumbnail-btn{width:60px;height:60px;padding:0;border:2px solid transparent;border-radius:6px;overflow:hidden;cursor:pointer;opacity:.6;transition:all .2s;flex-shrink:0}.thumbnail-btn:hover{opacity:.9}.thumbnail-btn.active{border-color:var(--color-primary);opacity:1}.thumbnail-btn img{width:100%;height:100%;object-fit:cover}.post-actions{display:flex;align-items:flex-end;justify-content:space-between;padding-top:1rem;border-top:1px solid var(--color-border)}.vote-actions{display:flex;align-items:center;gap:.5rem}.action-btn{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.75rem 1rem;background:rgba(255,255,255,.03);border:1px solid var(--color-border);border-radius:12px;cursor:pointer;transition:all .2s}.action-btn span{font-size:.9rem;font-weight:600}.action-btn .label{font-size:.7rem;font-weight:500;text-transform:uppercase;opacity:.7}.action-btn.boost{color:var(--color-text-secondary)}.action-btn.boost:hover{color:#22c55e;background:rgba(34,197,94,.1);border-color:#22c55e4d}.action-btn.boost.active{color:#22c55e;background:rgba(34,197,94,.15);border-color:#22c55e66}.action-btn.drop{color:var(--color-text-secondary)}.action-btn.drop:hover{color:#ef4444;background:rgba(239,68,68,.1);border-color:#ef44444d}.action-btn.drop.active{color:#ef4444;background:rgba(239,68,68,.15);border-color:#ef444466}.action-btn:disabled{opacity:.5;cursor:not-allowed}.score-display{padding:0 1rem}.score-display .score{font-size:1.25rem;font-weight:700}.score.positive{color:#22c55e}.score.negative{color:#ef4444}.other-actions{display:flex;gap:.5rem}.icon-btn{padding:.6rem;background:transparent;border:1px solid var(--color-border);border-radius:10px;color:var(--color-text-secondary);cursor:pointer;transition:all .2s}.icon-btn:hover{background:var(--color-border);color:var(--color-text)}.comments-header{margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--color-border)}.comments-header h2{display:flex;align-items:center;gap:.5rem;font-size:1.1rem;font-weight:600;color:var(--color-text)}.comments-header .count{color:var(--color-primary)}.comment-form{margin-bottom:1.5rem}.comment-input-wrapper{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:rgba(255,255,255,.02);border:1px solid var(--color-border);border-radius:12px}.user-avatar{width:36px;height:36px;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.9rem;font-weight:600;color:#fff;flex-shrink:0}.comment-input-wrapper input{flex:1;background:transparent;border:none;color:var(--color-text);font-size:.9rem}.comment-input-wrapper input:focus{outline:none}.comment-input-wrapper input::placeholder{color:var(--color-text-secondary)}.comment-input-wrapper button{padding:.5rem;background:var(--color-primary);border:none;border-radius:8px;color:#fff;cursor:pointer;transition:opacity .2s}.comment-input-wrapper button:disabled{opacity:.5;cursor:not-allowed}.comment-input-wrapper button:hover:not(:disabled){opacity:.9}.login-prompt{padding:1rem;text-align:center;background:rgba(255,255,255,.02);border-radius:12px;color:var(--color-text-secondary);margin-bottom:1.5rem}.login-prompt a{color:var(--color-primary);text-decoration:none;font-weight:500}.comments-list{display:flex;flex-direction:column;gap:1rem}.comment-item{display:flex;gap:.75rem}.comment-avatar{width:36px;height:36px;background:linear-gradient(135deg,var(--color-secondary),var(--color-accent));border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:600;color:#fff;flex-shrink:0}.comment-content{flex:1;min-width:0}.comment-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.35rem}.comment-badge{font-size:.65rem;font-weight:700;padding:.15rem .4rem;border-radius:.25rem;text-transform:uppercase;letter-spacing:.5px}.comment-badge.rising{background:linear-gradient(135deg,#10b981,#34d399);color:#fff;box-shadow:0 2px 4px #10b9814d}.comment-badge.dropped{background:linear-gradient(135deg,#ef4444,#f87171);color:#fff;box-shadow:0 2px 4px #ef44444d}.comment-author{font-weight:600;color:var(--color-text);font-size:.9rem}.comment-header .country-flag{font-size:.9rem;margin-left:-.35rem}.comment-time{font-size:.75rem;color:var(--color-text-secondary)}.comment-text{font-size:.9rem;color:var(--color-text);line-height:1.5;margin-bottom:.5rem}.comment-text .mention{color:var(--color-primary);font-weight:600;cursor:pointer}.comment-text .mention:hover{text-decoration:underline}.comment-actions{display:flex;align-items:center;gap:.5rem}.comment-actions .vote-btn{display:flex;align-items:center;gap:.25rem;padding:.25rem .5rem;background:transparent;border:none;color:var(--color-text-secondary);font-size:.75rem;cursor:pointer;border-radius:4px;transition:all .2s}.comment-actions .vote-btn:hover{background:var(--color-border)}.comment-actions .vote-btn.boost.active{color:#22c55e;background:rgba(34,197,94,.15)}.comment-actions .vote-btn.drop.active{color:#ef4444;background:rgba(239,68,68,.15)}.comment-actions .score{font-size:.8rem;font-weight:500}.reply-btn{display:flex;align-items:center;gap:.25rem;padding:.25rem .5rem;background:transparent;border:none;color:var(--color-text-secondary);font-size:.75rem;cursor:pointer;border-radius:4px;margin-left:.5rem}.reply-btn:hover{color:var(--color-primary)}.reply-form{display:flex;gap:.5rem;margin-top:.75rem}.reply-form input{flex:1;padding:.5rem .75rem;background:rgba(255,255,255,.02);border:1px solid var(--color-border);border-radius:8px;color:var(--color-text);font-size:.85rem}.reply-form input:focus{outline:none;border-color:var(--color-primary)}.reply-form button{padding:.5rem .75rem;border:none;border-radius:8px;font-size:.8rem;cursor:pointer}.reply-form button[type=submit]{background:var(--color-primary);color:#fff}.reply-form button[type=button]{background:transparent;color:var(--color-text-secondary)}.toggle-replies-btn{display:flex;align-items:center;gap:.35rem;margin-top:.75rem;padding:.35rem 0;font-size:.8rem;color:var(--color-primary);background:none;border:none;cursor:pointer;font-weight:500}.toggle-replies-btn:hover{text-decoration:underline}.replies{margin-top:.75rem;padding-left:.5rem;border-left:2px solid var(--color-border)}.replies .comment-item .comment-avatar{width:28px;height:28px;font-size:.75rem}.replies .comment-item .comment-author,.replies .comment-item .comment-text{font-size:.85rem}.replies .comment-item .comment-actions .vote-btn,.replies .comment-item .comment-actions .score{font-size:.75rem}.no-comments{text-align:center;padding:2rem;color:var(--color-text-secondary)}.post-detail-loading{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:4rem;color:var(--color-text-secondary)}.spinner{width:24px;height:24px;border:2px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin 1s linear infinite}.post-not-found{text-align:center;padding:4rem}.post-not-found h2{color:var(--color-text);margin-bottom:1rem}.post-not-found a{color:var(--color-primary);text-decoration:none}@media (max-width: 640px){.post-title{font-size:1rem}.post-meta{gap:.5rem}.post-actions{flex-direction:column;align-items:center;gap:.75rem}.vote-actions{width:100%;justify-content:center;gap:.35rem}.action-btn{padding:.5rem .75rem;min-width:0;flex:1}.action-btn svg{width:20px;height:20px}.action-btn span{font-size:.8rem}.action-btn .label{font-size:.6rem}.score-display{padding:0 .5rem}.score-display .score{font-size:1rem}.other-actions{width:100%;justify-content:center;gap:.5rem}.icon-btn{flex:1;display:flex;align-items:center;justify-content:center;padding:.5rem}.comment-item.reply{margin-left:1rem}}.report-message{background:var(--color-primary);color:#fff;padding:12px 20px;border-radius:8px;text-align:center;margin-bottom:16px;animation:fadeInOut .3s ease}@keyframes fadeInOut{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.icon-btn.report-btn{color:var(--color-text-secondary)}.icon-btn.report-btn:hover,.icon-btn.report-btn.reported{color:#ff6b6b;background:rgba(255,107,107,.1)}.icon-btn.admin-delete-btn{color:#f44}.icon-btn.admin-delete-btn:hover{color:red;background:rgba(255,0,0,.1)}.icon-btn.subscribe-btn{color:var(--color-text-secondary)}.icon-btn.subscribe-btn:hover,.icon-btn.subscribe-btn.subscribed{color:var(--color-primary);background:rgba(var(--color-primary-rgb, 99, 102, 241),.1)}.author-menu-container{position:relative}.icon-btn.author-menu-btn{color:var(--color-text-secondary)}.icon-btn.author-menu-btn:hover{color:var(--color-text);background:var(--color-border)}.author-menu-dropdown{position:absolute;top:100%;right:0;margin-top:8px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;box-shadow:0 4px 12px #00000026;overflow:hidden;z-index:100;min-width:140px}.author-menu-item{display:flex;align-items:center;gap:10px;width:100%;padding:12px 16px;background:none;border:none;color:var(--color-text);font-size:.9rem;cursor:pointer;transition:background .2s}.author-menu-item:hover{background:var(--color-border)}.author-menu-item.delete{color:#f44}.author-menu-item.delete:hover{background:rgba(255,68,68,.1)}.post-poll{margin-top:1.5rem;padding:1.25rem;background:var(--color-background);border:1px solid var(--color-border);border-radius:12px}.poll-header{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;color:var(--color-primary)}.poll-question{font-size:1rem;font-weight:600;color:var(--color-text)}.poll-multiple-badge{margin-left:auto;padding:.2rem .5rem;background:var(--color-primary);border-radius:4px;font-size:.7rem;color:#fff}.poll-options{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.poll-option{position:relative;padding:.75rem 1rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;cursor:pointer;transition:all .2s;overflow:hidden}.poll-option:hover:not(.voted){border-color:var(--color-primary)}.poll-option.selected{border-color:var(--color-primary);background:rgba(var(--color-primary-rgb, 59, 130, 246),.1)}.poll-option.voted{cursor:default;background:var(--color-surface)}.poll-option.user-voted{border-color:var(--color-primary);background:rgba(var(--color-primary-rgb, 59, 130, 246),.25)}.option-content{display:flex;align-items:center;gap:.75rem;position:relative;z-index:1}.option-checkbox{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border:2px solid var(--color-border);border-radius:4px;flex-shrink:0;transition:all .2s}.poll-option.selected .option-checkbox{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.option-text{flex:1;font-size:.9rem;color:var(--color-text);display:flex;align-items:center;gap:.4rem}.voted-check{color:var(--color-primary);flex-shrink:0}.option-stats{display:flex;align-items:center;gap:.4rem;font-size:.85rem;flex-shrink:0}.option-percentage{font-weight:600;color:var(--color-text)}.option-votes{color:var(--color-text-secondary)}.option-bar{position:absolute;top:0;left:0;height:100%;transition:width .5s ease;z-index:0}.poll-footer{display:flex;align-items:center;gap:1rem;padding-top:.75rem;border-top:1px solid var(--color-border);font-size:.85rem}.poll-total,.poll-deadline{color:var(--color-text-secondary)}.poll-deadline.ended{color:#ef4444;font-weight:500}.poll-vote-btn{margin-left:auto;padding:.5rem 1rem;background:var(--color-primary);border:none;border-radius:6px;color:#fff;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s}.poll-vote-btn:hover:not(:disabled){opacity:.9}.poll-vote-btn:disabled{background:var(--color-border);color:var(--color-text-secondary);cursor:not-allowed}.poll-actions{display:flex;gap:.5rem;margin-left:auto}.poll-actions .poll-vote-btn{margin-left:0}.poll-cancel-btn{padding:.5rem 1rem;background:transparent;border:1px solid var(--color-border);border-radius:6px;color:var(--color-text-secondary);font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s}.poll-cancel-btn:hover{background:var(--color-surface);border-color:var(--color-text-secondary)}.poll-revote-btn{margin-left:auto;padding:.5rem 1rem;background:transparent;border:1px solid var(--color-primary);border-radius:6px;color:var(--color-primary);font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s}.poll-revote-btn:hover{background:var(--color-primary);color:#fff}.write-page{max-width:800px;margin:0 auto}.honeypot-field{position:absolute;left:-9999px;top:-9999px;width:1px;height:1px;opacity:0;overflow:hidden;pointer-events:none}.write-header{margin-bottom:1.5rem}.write-header h1{font-size:1.5rem;font-weight:700;color:var(--color-text)}.write-form{background:var(--color-surface);border-radius:16px;border:1px solid var(--color-border);padding:1.5rem}.form-group{margin-bottom:1.25rem}.form-group label{display:flex;align-items:center;gap:.25rem;font-size:.9rem;font-weight:500;color:var(--color-text)}.form-group label .required{color:#ef4444;font-weight:600}.category-selector{position:relative}.category-btn{display:flex;align-items:center;gap:.5rem;width:100%;padding:.875rem 1rem;background:var(--color-background);border:1px solid var(--color-border);border-radius:10px;color:var(--color-text);font-size:.9rem;cursor:pointer;transition:border-color .2s}.category-btn:hover{border-color:#fff3}.category-btn .category-icon{font-size:1.1rem}.category-btn .category-name{flex:1;text-align:left}.category-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--color-surface);border:1px solid var(--color-border);border-radius:10px;box-shadow:0 10px 40px #0000004d;max-height:300px;overflow-y:auto;z-index:10}.category-option{display:flex;align-items:center;gap:.75rem;width:100%;padding:.75rem 1rem;background:transparent;border:none;color:var(--color-text);font-size:.9rem;cursor:pointer;transition:background .2s;text-align:left}.category-option:hover{background:var(--color-border)}.category-option.active{background:rgba(99,102,241,.1);color:var(--color-primary)}.subcategory-selector .category-btn{background:rgba(255,255,255,.02)}.subcategory-selector .category-btn .category-name{color:var(--color-text-secondary)}.subcategory-selector .category-btn:has(+.category-dropdown) .category-name,.subcategory-selector.has-value .category-btn .category-name{color:var(--color-text)}.form-group input[type=text]{width:100%;padding:.875rem 1rem;background:var(--color-background);border:1px solid var(--color-border);border-radius:10px;color:var(--color-text);font-size:.95rem;transition:border-color .2s}.form-group input[type=text]:focus{outline:none;border-color:var(--color-primary)}.char-count{display:block;text-align:right;font-size:.75rem;color:var(--color-text-secondary);margin-top:.35rem}.form-group textarea{width:100%;padding:1rem;background:var(--color-background);border:1px solid var(--color-border);border-radius:10px;color:var(--color-text);font-size:.95rem;line-height:1.6;resize:vertical;min-height:300px;transition:border-color .2s}.form-group textarea:focus{outline:none;border-color:var(--color-primary)}.form-group textarea::placeholder{color:var(--color-text-secondary)}.image-upload-section{background:var(--color-background);border:1px solid var(--color-border);border-radius:10px;padding:1rem}.image-upload-header{display:flex;align-items:center;gap:1rem;flex-direction:column}.upload-btn{display:flex;align-items:center;gap:.5rem;width:100%;padding:.75rem 1.25rem;background:var(--color-border);border:1px dashed rgba(255,255,255,.2);border-radius:10px;color:var(--color-text-secondary);font-size:.9rem;cursor:pointer;transition:all .2s}.upload-btn:hover:not(:disabled){background:var(--color-border);border-color:#ffffff4d;color:var(--color-text)}.upload-btn:disabled{opacity:.5;cursor:not-allowed}.upload-info{display:flex;flex-direction:column;gap:.25rem;width:100%}.upload-count{font-size:.85rem;font-weight:600;color:var(--color-primary)}.upload-hint{font-size:.75rem;color:var(--color-text-secondary)}.image-error{display:flex;align-items:center;gap:.5rem;margin-top:.75rem;padding:.5rem .75rem;background:rgba(239,68,68,.1);border-radius:6px;color:#ef4444;font-size:.8rem}.image-preview-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:.75rem;margin-top:1rem}.image-preview-item{position:relative;aspect-ratio:1;border-radius:8px;overflow:hidden;background:rgba(0,0,0,.3)}.image-preview-item img{width:100%;height:100%;object-fit:cover}.image-overlay{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;padding:.35rem .5rem;background:linear-gradient(transparent,rgba(0,0,0,.7))}.image-index{font-size:.7rem;font-weight:600;color:#fff;padding:.125rem .375rem;background:var(--color-primary);border-radius:3px}.image-size{font-size:.65rem;color:#fffc}.image-remove-btn{position:absolute;top:4px;right:4px;display:flex;align-items:center;justify-content:center;width:22px;height:22px;background:rgba(0,0,0,.6);border:none;border-radius:50%;color:#fff;cursor:pointer;opacity:0;transition:all .2s}.image-preview-item:hover .image-remove-btn{opacity:1}.image-remove-btn:hover{background:#ef4444}.form-group label svg{display:inline;vertical-align:middle;margin-right:.35rem}.link-preview-section{background:var(--color-background);border:1px solid var(--color-border);border-radius:10px;padding:1rem}.link-preview-section .link-embeds{margin-top:0}.form-actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--color-border)}.cancel-btn{padding:.75rem 1.5rem;background:transparent;border:1px solid rgba(255,255,255,.2);border-radius:10px;color:var(--color-text);font-size:.9rem;font-weight:500;cursor:pointer;transition:background .2s}.cancel-btn:hover{background:var(--color-border)}.submit-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));border:none;border-radius:10px;color:#fff;font-size:.9rem;font-weight:600;cursor:pointer;transition:opacity .2s}.submit-btn:hover:not(:disabled){opacity:.9}.submit-btn:disabled{opacity:.5;cursor:not-allowed}@keyframes spin{to{transform:rotate(360deg)}}.write-login-required{text-align:center;padding:4rem 1rem;background:var(--color-surface);border-radius:16px;border:1px solid var(--color-border)}.write-login-required h2{font-size:1.5rem;font-weight:700;color:var(--color-text);margin-bottom:.75rem}.write-login-required p{color:var(--color-text-secondary);margin-bottom:1.5rem}.write-login-required button{padding:.75rem 2rem;background:var(--color-primary);border:none;border-radius:10px;color:#fff;font-size:.95rem;font-weight:600;cursor:pointer}@media (max-width: 640px){.write-form{padding:1rem;border-radius:12px}.form-actions{flex-direction:column}.cancel-btn,.submit-btn{width:100%;justify-content:center}}.poll-toggle{margin-bottom:.5rem}.poll-toggle-btn{display:flex;align-items:center;gap:.5rem;padding:.6rem 1rem;background:transparent;border:1px dashed var(--color-border);border-radius:8px;color:var(--color-text-secondary);font-size:.9rem;cursor:pointer;transition:all .2s}.poll-toggle-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.poll-toggle-btn.active{background:var(--color-primary);border-color:var(--color-primary);border-style:solid;color:#fff}.poll-close-icon{margin-left:auto}.poll-creator{background:var(--color-background);border:1px solid var(--color-border);border-radius:12px;padding:1rem;margin-top:.5rem}.poll-question-group{margin-bottom:1rem}.poll-question-group label{display:block;font-size:.85rem;font-weight:500;color:var(--color-text);margin-bottom:.5rem}.poll-question-group input{width:100%;padding:.7rem 1rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;color:var(--color-text);font-size:.95rem}.poll-question-group input:focus{outline:none;border-color:var(--color-primary)}.poll-options-group{margin-bottom:1rem}.poll-options-group>label{display:block;font-size:.85rem;font-weight:500;color:var(--color-text);margin-bottom:.5rem}.poll-option-input{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.poll-option-input .option-number{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:var(--color-primary);border-radius:50%;color:#fff;font-size:.75rem;font-weight:600;flex-shrink:0}.poll-option-input input{flex:1;padding:.6rem .8rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;color:var(--color-text);font-size:.9rem}.poll-option-input input:focus{outline:none;border-color:var(--color-primary)}.option-remove-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:none;border-radius:6px;color:var(--color-text-secondary);cursor:pointer;transition:all .2s}.option-remove-btn:hover{background:rgba(239,68,68,.1);color:#ef4444}.add-option-btn{display:flex;align-items:center;gap:.4rem;width:100%;padding:.5rem .8rem;background:transparent;border:1px dashed var(--color-border);border-radius:8px;color:var(--color-text-secondary);font-size:.85rem;cursor:pointer;transition:all .2s;margin-top:.25rem}.add-option-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.poll-settings{display:flex;flex-wrap:wrap;gap:1rem;padding-top:1rem;margin-top:.5rem;border-top:1px solid var(--color-border)}.poll-setting-item{display:flex;flex-direction:column;gap:.5rem;flex:1;min-width:200px}.poll-setting-item label{font-size:.8rem;font-weight:500;color:var(--color-text-secondary)}.poll-setting-item input[type=datetime-local]{width:100%;padding:.65rem .85rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;color:var(--color-text);font-size:.9rem;font-family:inherit;cursor:pointer;transition:all .2s}.poll-setting-item input[type=datetime-local]:hover{border-color:var(--color-text-secondary)}.poll-setting-item input[type=datetime-local]:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb, 59, 130, 246),.1)}.poll-setting-item input[type=datetime-local]::-webkit-calendar-picker-indicator{position:absolute;top:0;left:0;right:0;bottom:0;width:auto;height:auto;background:transparent;color:transparent;cursor:pointer;opacity:0}.poll-setting-item input[type=datetime-local]{position:relative;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;background-size:18px;padding-right:2.5rem}[data-theme=dark] .poll-setting-item input[type=datetime-local]{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23ccc' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E")}.poll-setting-item input[type=datetime-local]{color-scheme:inherit}.poll-setting-item.checkbox{flex-direction:row;align-items:center;gap:.6rem;min-width:auto;flex:0 0 auto;padding:.5rem 0}.poll-setting-item.checkbox input[type=checkbox]{width:18px;height:18px;accent-color:var(--color-primary);cursor:pointer;border-radius:4px}.poll-setting-item.checkbox label{font-size:.9rem;color:var(--color-text);cursor:pointer;-webkit-user-select:none;user-select:none}@media (max-width: 480px){.poll-settings{flex-direction:column;gap:.75rem}.poll-setting-item{min-width:100%}.poll-setting-item input[type=datetime-local]{font-size:.85rem;padding:.75rem 1rem;width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none}.poll-setting-item.checkbox{padding:.5rem 0}.poll-setting-item.checkbox input[type=checkbox]{width:20px;height:20px}.poll-setting-item.checkbox label{font-size:.95rem}}.search-page{display:grid;grid-template-columns:1fr 320px;gap:24px;max-width:1200px;margin:0 auto}.mobile-trending{display:none;background:var(--color-surface);border-radius:12px;padding:12px;overflow:hidden;grid-column:1 / -1}.mobile-trending-header{font-size:14px;font-weight:700;color:var(--color-text);margin-bottom:10px}.mobile-trending-list{display:flex;gap:8px;overflow-x:auto;padding-bottom:8px;scrollbar-width:none;-ms-overflow-style:none}.mobile-trending-list::-webkit-scrollbar{display:none}.mobile-trending-item{display:flex;align-items:center;gap:6px;padding:8px 12px;background:var(--color-background);border:none;border-radius:20px;font-size:13px;color:var(--color-text);cursor:pointer;white-space:nowrap;transition:all .2s}.mobile-trending-item:hover{background:var(--color-primary);color:#fff}.mobile-trending-item.top .rank{color:var(--color-primary);font-weight:700}.mobile-trending-item .rank{font-weight:600;color:var(--color-text-secondary)}.mobile-trending-item .trend.trend-up{color:#ef4444}.mobile-trending-item .trend.trend-down{color:#3b82f6}.search-content-wrapper{display:grid;grid-template-columns:1fr 320px;gap:24px}.search-main{display:flex;flex-direction:column;gap:24px}.search-header h1{font-size:24px;font-weight:700;margin-bottom:16px;color:var(--color-text)}.search-form{display:flex;gap:12px}.search-input-wrapper{flex:1;display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--color-surface);border:2px solid var(--color-primary);border-radius:12px}.search-input-wrapper svg{color:var(--color-text-secondary);flex-shrink:0}.search-input-wrapper input{flex:1;border:none;background:transparent;font-size:16px;color:var(--color-text);outline:none}.search-input-wrapper input::placeholder{color:var(--color-text-secondary)}.clear-btn{background:none;border:none;padding:4px;cursor:pointer;color:var(--color-text-secondary);display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s}.clear-btn:hover{background:rgba(0,0,0,.1);color:var(--color-text)}.search-submit-btn{padding:12px 24px;background:var(--color-primary);color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s}.search-submit-btn:hover{opacity:.9;transform:translateY(-1px)}.search-results{display:flex;flex-direction:column;gap:16px}.results-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;font-size:16px;color:var(--color-text-secondary);padding-bottom:12px;border-bottom:1px solid rgba(0,0,0,.1)}.results-info{display:flex;align-items:center;gap:4px}.results-query{color:var(--color-primary);font-weight:600}.results-count{margin-left:8px;color:var(--color-text-secondary);font-size:14px}.results-options{display:flex;align-items:center;gap:12px}.view-options-group{display:flex;align-items:center;gap:.5rem}.view-mode-toggle{display:flex;background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;overflow:hidden}.view-mode-btn{display:flex;align-items:center;gap:4px;padding:8px 12px;background:transparent;border:none;font-size:12px;color:var(--color-text-secondary);cursor:pointer;transition:all .2s}.view-mode-btn:first-child{border-right:1px solid var(--color-border)}.view-mode-btn:hover{color:var(--color-text);background:rgba(255,255,255,.03)}.view-mode-btn.active{color:var(--color-primary);background:rgba(99,102,241,.1)}.page-size-selector{position:relative}.page-size-btn{display:flex;align-items:center;gap:6px;padding:8px 12px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;font-size:13px;color:var(--color-text);cursor:pointer;transition:all .2s}.page-size-btn:hover{border-color:var(--color-primary)}.page-size-dropdown{position:absolute;top:100%;right:0;margin-top:4px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;overflow:hidden;box-shadow:0 8px 24px #0000004d;z-index:100;min-width:120px}.size-option{display:block;width:100%;padding:10px 14px;background:none;border:none;font-size:13px;color:var(--color-text);text-align:left;cursor:pointer;transition:all .2s}.size-option:hover{background:var(--color-border)}.size-option.active{background:var(--color-primary);color:#fff}.search-pagination{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:24px;padding-top:24px;border-top:1px solid var(--color-border)}.search-pagination button{padding:8px 16px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;font-size:14px;color:var(--color-text);cursor:pointer;transition:all .2s}.search-pagination button:hover:not(:disabled){border-color:var(--color-primary);color:var(--color-primary)}.search-pagination button:disabled{opacity:.5;cursor:not-allowed}.page-numbers{display:flex;gap:4px}.page-numbers button{min-width:36px;padding:8px}.page-numbers button.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.results-list{display:flex;flex-direction:column;gap:12px}.no-results{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;text-align:center;color:var(--color-text-secondary)}.no-results svg{margin-bottom:16px;opacity:.3}.no-results p{font-size:18px;font-weight:600;margin-bottom:8px;color:var(--color-text)}.no-results span{font-size:14px}.search-placeholder{display:flex;flex-direction:column;gap:32px}.recent-searches{background:var(--color-surface);border-radius:16px;padding:20px}.recent-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.recent-header h3{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:600;color:var(--color-text)}.clear-all-btn{background:none;border:none;font-size:13px;color:var(--color-text-secondary);cursor:pointer;transition:color .2s}.clear-all-btn:hover{color:var(--color-primary)}.recent-tags{display:flex;flex-wrap:wrap;gap:8px}.recent-tag{display:flex;align-items:center;gap:4px;padding:8px 12px;background:var(--color-background);border-radius:20px;font-size:14px;color:var(--color-text)}.recent-tag span{cursor:pointer;transition:color .2s}.recent-tag span:hover{color:var(--color-primary)}.recent-tag button{background:none;border:none;padding:2px;cursor:pointer;color:var(--color-text-secondary);display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s}.recent-tag button:hover{background:rgba(0,0,0,.1);color:var(--color-text)}.search-guide{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;color:var(--color-text-secondary)}.search-guide svg{margin-bottom:16px;opacity:.2}.search-guide p{font-size:18px;font-weight:600;margin-bottom:8px;color:var(--color-text)}.search-guide span{font-size:14px}.search-sidebar{position:sticky;top:80px;height:fit-content}.trending-searches{background:var(--color-surface);border-radius:16px;padding:20px}.trending-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid rgba(0,0,0,.1)}.trending-header h3{font-size:16px;font-weight:700;color:var(--color-text)}.update-time{font-size:12px;color:var(--color-text-secondary)}.trending-tabs{display:flex;gap:8px;margin-bottom:12px}.trending-tab{flex:1;padding:8px 12px;background:var(--color-background);border:1px solid var(--color-border);border-radius:8px;color:var(--color-text-secondary);font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}.trending-tab:hover{background:var(--color-border)}.trending-tab.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.trending-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:4px}.trending-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:8px;cursor:pointer;transition:all .2s}.trending-item:hover{background:var(--color-background)}.trending-item .rank{width:24px;font-size:14px;font-weight:700;color:var(--color-text-secondary);text-align:center}.trending-item .rank.top-rank{color:var(--color-primary)}.trending-item .term{flex:1;font-size:14px;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.trend-indicator{display:flex;align-items:center;gap:2px;font-size:12px;font-weight:600}.trend-indicator.trend-up{color:#ef4444}.trend-indicator.trend-down{color:#3b82f6}.trend-indicator.trend-same{color:var(--color-text-secondary)}.trend-up svg{color:#ef4444}.trend-down svg{color:#3b82f6}.trend-same svg{color:var(--color-text-secondary)}.change-value{min-width:16px}@media (max-width: 1024px){.search-page{display:flex;flex-direction:column}.mobile-trending{display:block}.search-sidebar{display:none}.results-header{flex-direction:column;align-items:flex-start}.results-options{width:100%;justify-content:flex-end}}@media (max-width: 640px){.search-form{flex-direction:column}.search-submit-btn{width:100%}.page-size-btn{padding:6px 10px;font-size:12px}.search-pagination button{padding:6px 12px;font-size:13px}.page-numbers button{min-width:32px;padding:6px}}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem 1rem;background:var(--color-background)}.auth-container{width:100%;max-width:420px;background:var(--color-surface);border-radius:16px;border:1px solid var(--color-border);padding:2rem}.auth-header{text-align:center;margin-bottom:2rem}.auth-logo{display:inline-block;font-size:2rem;font-weight:800;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-decoration:none;margin-bottom:1.5rem}.auth-header h1{font-size:1.5rem;font-weight:700;color:var(--color-text);margin-bottom:.5rem}.auth-header p{color:var(--color-text-secondary);font-size:.9rem}.auth-form{display:flex;flex-direction:column;gap:1.25rem}.auth-error{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.2);border-radius:8px;color:#ef4444;font-size:.875rem}.form-group label{font-size:.875rem;font-weight:500;color:var(--color-text)}.input-wrapper{position:relative;display:flex;align-items:center}.input-icon{position:absolute;left:1rem;color:var(--color-text-secondary);pointer-events:none}.input-wrapper input{width:100%;padding:.875rem 1rem .875rem 2.75rem;background:var(--color-background);border:1px solid var(--color-border);border-radius:10px;color:var(--color-text);font-size:.9rem;transition:all .2s}.input-wrapper input[type=text],.input-wrapper input[type=password]{padding:.875rem 1rem .875rem 2.75rem}.input-wrapper input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #6366f126}.input-wrapper input::placeholder{color:var(--color-text-secondary)}.email-wrapper input{padding:.875rem 100px .875rem 2.75rem}.email-domain{position:absolute;right:1rem;color:var(--color-text-secondary);font-size:.9rem}.password-toggle{position:absolute;right:1rem;background:none;border:none;color:var(--color-text-secondary);cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center}.password-toggle:hover{color:var(--color-text)}.input-hint{font-size:.75rem;color:var(--color-text-secondary)}.password-strength{display:flex;align-items:center;gap:.75rem}.strength-bar{flex:1;height:4px;background:var(--color-border);border-radius:2px;overflow:hidden}.strength-fill{height:100%;transition:width .3s,background .3s;border-radius:2px}.strength-fill.strength-1{background:#ef4444}.strength-fill.strength-2{background:#f97316}.strength-fill.strength-3{background:#eab308}.strength-fill.strength-4{background:#22c55e}.strength-text{font-size:.75rem;font-weight:500}.strength-text.strength-1{color:#ef4444}.strength-text.strength-2{color:#f97316}.strength-text.strength-3{color:#eab308}.strength-text.strength-4{color:#22c55e}.password-match{display:flex;align-items:center;gap:.35rem;font-size:.75rem}.password-match.match{color:#22c55e}.password-match.no-match{color:#ef4444}.form-options{display:flex;align-items:center;justify-content:space-between}.checkbox-label{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:var(--color-text-secondary);cursor:pointer}.checkbox-label input[type=checkbox]{width:16px;height:16px;accent-color:var(--color-primary)}.forgot-link{font-size:.85rem;color:var(--color-primary);text-decoration:none}.forgot-link:hover{text-decoration:underline}.terms-section{padding-top:.5rem}.terms-section a{color:var(--color-primary);text-decoration:none}.terms-section a:hover{text-decoration:underline}.auth-submit{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));border:none;border-radius:10px;color:#fff;font-size:.95rem;font-weight:600;cursor:pointer;transition:opacity .2s,transform .2s}.auth-submit:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.auth-submit:disabled{opacity:.7;cursor:not-allowed}.auth-footer{text-align:center;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--color-border)}.auth-footer p{font-size:.875rem;color:var(--color-text-secondary)}.auth-footer a{color:var(--color-primary);text-decoration:none;font-weight:500}.auth-footer a:hover{text-decoration:underline}.auth-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;color:var(--color-text-secondary)}.auth-loading .spin{animation:spin 1s linear infinite;margin-bottom:1rem}.auth-error-container{display:flex;flex-direction:column;align-items:center;text-align:center;padding:2rem}.auth-error-container svg{color:var(--color-error);margin-bottom:1rem}.auth-error-container p{color:var(--color-text-secondary);margin-bottom:1.5rem;line-height:1.6}.auth-success{text-align:center;padding:2rem 0}.success-icon{color:#22c55e;margin-bottom:1.5rem}.auth-success h1{font-size:1.5rem;font-weight:700;color:var(--color-text);margin-bottom:1rem}.auth-success p{color:var(--color-text-secondary);line-height:1.6;margin-bottom:2rem}.success-actions{display:flex;flex-direction:column;gap:.75rem}.btn-primary{display:block;padding:.875rem;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));border-radius:10px;color:#fff;text-decoration:none;font-weight:600;transition:opacity .2s}.btn-primary:hover{opacity:.9}.btn-secondary{display:block;padding:.875rem;background:transparent;border:1px solid var(--color-border);border-radius:10px;color:var(--color-text);text-decoration:none;font-weight:600;cursor:pointer;transition:background .2s}.btn-secondary:hover{background:var(--color-surface-hover)}.email-hint{font-size:.8rem;color:var(--color-text-tertiary);margin-top:1rem;line-height:1.5}.birth-date-wrapper{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:.5rem}.birth-select-wrapper{position:relative}.birth-select{width:100%;padding:.875rem .75rem .875rem 2.5rem;background:var(--color-background);border:1px solid var(--color-border);border-radius:10px;color:var(--color-text);font-size:.85rem;cursor:pointer;-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%239ca3af' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center}.birth-select-wrapper:not(:first-child) .birth-select{padding-left:.75rem}.birth-select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #6366f126}.birth-select option{background:var(--color-surface);color:var(--color-text)}.gender-wrapper{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.gender-option{position:relative;cursor:pointer}.gender-option input[type=radio]{position:absolute;opacity:0;width:0;height:0}.gender-label{display:flex;align-items:center;justify-content:center;padding:.875rem 1rem;background:var(--color-background);border:1px solid var(--color-border);border-radius:10px;color:var(--color-text-secondary);font-size:.9rem;font-weight:500;transition:all .2s}.gender-option input[type=radio]:checked+.gender-label{background:rgba(99,102,241,.1);border-color:var(--color-primary);color:var(--color-primary)}.gender-option:hover .gender-label{border-color:var(--color-primary)}.code-status{display:flex;align-items:center;justify-content:space-between;margin-top:.5rem}.countdown{font-size:.85rem;color:var(--color-primary);font-weight:500}.countdown.expired{color:#ef4444}.resend-btn{background:none;border:none;color:var(--color-primary);font-size:.85rem;font-weight:500;cursor:pointer;padding:.25rem .5rem;border-radius:4px;transition:all .2s}.resend-btn:hover:not(:disabled){background:rgba(99,102,241,.1)}.resend-btn:disabled{opacity:.5;cursor:not-allowed}.auth-info{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:rgba(99,102,241,.1);border:1px solid rgba(99,102,241,.2);border-radius:8px;color:var(--color-primary);font-size:.875rem}.mock-code-info{background:rgba(34,197,94,.1);border-color:#22c55e33;color:#22c55e}.mock-code-info strong{font-size:1.1rem;letter-spacing:2px}.auth-back{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.75rem;background:transparent;border:1px solid var(--color-border);border-radius:10px;color:var(--color-text-secondary);font-size:.9rem;cursor:pointer;transition:all .2s}.auth-back:hover{background:var(--color-background);color:var(--color-text)}@media (max-width: 480px){.auth-container{padding:1.5rem;border-radius:0;border:none;min-height:100vh;display:flex;flex-direction:column;justify-content:center}.form-options{flex-direction:column;align-items:flex-start;gap:.75rem}.birth-date-wrapper{grid-template-columns:1fr 1fr 1fr}.birth-select{padding:.75rem .5rem .75rem 2rem;font-size:.8rem}.birth-select-wrapper:not(:first-child) .birth-select{padding-left:.5rem}}.mypage{min-height:100vh;padding:2rem;background:var(--color-background);overflow-x:hidden}.mypage-container{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;gap:1.5rem}.mypage-back-btn{display:inline-flex;align-items:center;gap:6px;padding:10px 18px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:10px;color:var(--color-text);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;width:fit-content}.mypage-back-btn:hover{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.mypage-content-wrapper{display:grid;grid-template-columns:280px 1fr;gap:2rem}.mypage-sidebar{background:var(--color-surface);border-radius:16px;border:1px solid var(--color-border);padding:1.5rem;height:fit-content;position:sticky;top:2rem}.sidebar-profile{display:flex;flex-direction:column;align-items:center;padding-bottom:1.5rem;border-bottom:1px solid var(--color-border);margin-bottom:1.5rem}.sidebar-nickname{font-size:1.25rem;font-weight:700;color:var(--color-text);margin-top:1rem;margin-bottom:.5rem}.sidebar-tier{display:flex;align-items:center;gap:.35rem;font-size:.9rem;font-weight:600}.sidebar-nav{display:flex;flex-direction:column;gap:.5rem}.nav-item{display:flex;align-items:center;gap:.75rem;width:100%;padding:.4rem .75rem;background:transparent;border:none;border-radius:10px;color:var(--color-text-secondary);font-size:.9rem;cursor:pointer;transition:all .2s}.nav-item:hover{background:var(--color-background);color:var(--color-text)}.nav-item.active{background:rgba(99,102,241,.1);color:var(--color-primary)}.nav-arrow{margin-left:auto;opacity:0;transition:opacity .2s}.nav-item:hover .nav-arrow,.nav-item.active .nav-arrow{opacity:1}.profile-avatar{border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.avatar-large{width:100px;height:100px}.avatar-small{width:40px;height:40px}.avatar-emoji{font-size:3rem}.avatar-small .avatar-emoji{font-size:1.25rem}.avatar-default{background:linear-gradient(135deg,var(--color-primary),var(--color-secondary))}.avatar-initial{font-size:2.5rem;font-weight:700;color:#fff}.avatar-small .avatar-initial{font-size:1rem}.mypage-content{min-height:600px}.content-section{animation:fadeIn .3s ease}.section-title{font-size:1.75rem;font-weight:700;color:var(--color-text)}.tier-card{background:var(--color-surface);border-radius:16px;border:2px solid;padding:1.5rem;margin-bottom:1.5rem}.tier-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.25rem}.tier-icon{width:56px;height:56px;border-radius:14px;display:flex;align-items:center;justify-content:center;color:#fff}.tier-info h3{font-size:1.25rem;font-weight:700;margin-bottom:.25rem}.tier-info p{font-size:.9rem;color:var(--color-text-secondary)}.tier-progress{margin-bottom:1rem}.progress-bar{height:8px;background:var(--color-border);border-radius:4px;overflow:hidden;margin-bottom:.5rem}.progress-fill{height:100%;border-radius:4px;transition:width .5s ease}.progress-text{display:flex;justify-content:space-between;font-size:.8rem;color:var(--color-text-secondary)}.tier-tips{display:flex;align-items:center;gap:.5rem;padding:.75rem;background:var(--color-background);border-radius:8px;font-size:.85rem;color:var(--color-text-secondary)}.tier-tips strong{color:var(--color-primary)}.info-card{background:var(--color-surface);border-radius:16px;border:1px solid var(--color-border);padding:1.5rem;margin-bottom:1.5rem}.card-title{font-size:1.1rem;font-weight:600;color:var(--color-text);margin-bottom:1.25rem;padding-bottom:.75rem;border-bottom:1px solid var(--color-border)}.info-row{display:flex;align-items:center;justify-content:space-between;padding:1rem 0;border-bottom:1px solid var(--color-border);gap:1rem;min-width:0}.info-row:last-of-type{border-bottom:none}.info-label{display:flex;align-items:center;gap:.5rem;color:var(--color-text-secondary);font-size:.9rem}.info-value{display:flex;align-items:center;gap:.75rem;color:var(--color-text);font-weight:500;word-break:break-all;min-width:0;flex-wrap:wrap}.edit-trigger{background:none;border:none;color:var(--color-text-secondary);cursor:pointer;padding:.25rem;border-radius:4px;transition:all .2s}.edit-trigger:hover{color:var(--color-primary);background:rgba(99,102,241,.1)}.info-edit{display:flex;align-items:center;gap:.5rem}.info-edit input{padding:.5rem .75rem;background:var(--color-background);border:1px solid var(--color-border);border-radius:8px;color:var(--color-text);font-size:.9rem;width:160px}.info-edit input:focus{outline:none;border-color:var(--color-primary)}.edit-btn{width:32px;height:32px;border-radius:8px;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.edit-btn.save{background:var(--color-primary);color:#fff}.edit-btn.save:hover:not(:disabled){opacity:.9}.edit-btn.cancel{background:var(--color-border);color:var(--color-text-secondary)}.edit-btn.cancel:hover{background:#ef4444;color:#fff}.info-error{display:flex;align-items:center;gap:.35rem;color:#ef4444;font-size:.8rem;padding:.5rem 0}.verified-badge{display:flex;align-items:center;gap:.25rem;padding:.25rem .5rem;background:rgba(34,197,94,.1);color:#22c55e;border-radius:4px;font-size:.75rem;font-weight:500}.avatar-preview-section{display:flex;justify-content:center;padding:1.5rem 0}.avatar-preview{display:flex;flex-direction:column;align-items:center;gap:1rem}.avatar-preview h3{font-size:.9rem;color:var(--color-text-secondary)}.btn-edit-avatar{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--color-background);border:1px solid var(--color-border);border-radius:8px;color:var(--color-text);font-size:.85rem;cursor:pointer;transition:all .2s}.btn-edit-avatar:hover{border-color:var(--color-primary);color:var(--color-primary)}.avatar-editor{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--color-border)}.editor-preview{display:flex;justify-content:center;margin-bottom:1.5rem}.editor-section{margin-bottom:1.5rem}.editor-section h4{font-size:.9rem;font-weight:600;color:var(--color-text);margin-bottom:.75rem}.emoji-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:.5rem}.emoji-option{width:100%;aspect-ratio:1;border:2px solid var(--color-border);border-radius:10px;background:var(--color-background);font-size:1.5rem;cursor:pointer;transition:all .2s}.emoji-option:hover{border-color:var(--color-primary);transform:scale(1.05)}.emoji-option.selected{border-color:var(--color-primary);background:rgba(99,102,241,.1)}.color-grid{display:grid;grid-template-columns:repeat(10,1fr);gap:.5rem}.color-option{width:100%;aspect-ratio:1;border:3px solid transparent;border-radius:10px;cursor:pointer;transition:all .2s}.color-option:hover{transform:scale(1.1)}.color-option.selected{border-color:#fff;box-shadow:0 0 0 2px var(--color-primary)}.editor-actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--color-border)}.btn-primary,.btn-secondary{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.25rem;border-radius:10px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-primary{background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));border:none;color:#fff}.btn-primary:hover:not(:disabled){opacity:.9}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background:transparent;border:1px solid var(--color-border);color:var(--color-text-secondary)}.btn-secondary:hover{background:var(--color-background);color:var(--color-text)}.password-form{display:flex;flex-direction:column;gap:1rem;max-width:400px}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{display:block;font-size:.875rem;font-weight:500;color:var(--color-text)}.form-group input{padding:.875rem 1rem;background:var(--color-background);border:1px solid var(--color-border);border-radius:10px;color:var(--color-text);font-size:.9rem;transition:all .2s}.form-group input#email{padding:.875rem 1rem .875rem 2.75rem}.form-group input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #6366f126}.form-group input::placeholder{color:var(--color-text-secondary)}.form-error{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.2);border-radius:8px;color:#ef4444;font-size:.875rem}.form-success{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:rgba(34,197,94,.1);border:1px solid rgba(34,197,94,.2);border-radius:8px;color:#22c55e;font-size:.875rem}.password-form .btn-primary{margin-top:.5rem}.spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 900px){.mypage-container{grid-template-columns:1fr}.mypage-content-wrapper{grid-template-columns:auto}.mypage-back-btn{position:static;margin-bottom:16px;width:fit-content}.mypage-sidebar{position:static}.sidebar-nav{gap:.5rem;padding-bottom:.5rem}.nav-item{flex-shrink:0;padding:.75rem 1rem}.nav-arrow{display:none}}@media (max-width: 600px){.mypage{padding:1rem}.info-row{flex-direction:column;align-items:flex-start;gap:.5rem}.info-value{width:100%;justify-content:space-between}.info-value span{word-break:break-all;max-width:calc(100% - 80px)}.info-edit{width:100%}.info-edit input{flex:1;width:auto;min-width:0}.emoji-grid{grid-template-columns:repeat(6,1fr)}.color-grid{grid-template-columns:repeat(5,1fr)}.tier-header,.tier-tips{flex-direction:column;text-align:center}.password-form{max-width:100%}}.activity-tabs{display:flex;gap:.5rem;margin-bottom:1.5rem;border-bottom:1px solid var(--color-border);padding-bottom:1rem}.activity-tab{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;color:var(--color-text-secondary);font-size:.9rem;cursor:pointer;transition:all .2s}.activity-tab:hover{background:var(--color-background);color:var(--color-text)}.activity-tab.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.activity-list{display:flex;flex-direction:column;gap:1rem}.activity-item{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:1rem 1.25rem;cursor:pointer;transition:all .2s}.activity-item:hover{border-color:var(--color-primary);transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.activity-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.activity-category{background:var(--color-primary);color:#fff;padding:2px 8px;border-radius:4px;font-size:.75rem;font-weight:600}.activity-time{color:var(--color-text-secondary);font-size:.8rem}.activity-title{margin:0 0 .5rem;font-size:1rem;font-weight:600;color:var(--color-text);line-height:1.4}.activity-content{margin:0 0 .75rem;font-size:.9rem;color:var(--color-text-secondary);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.activity-stats{display:flex;gap:1rem;font-size:.85rem;color:var(--color-text-secondary)}.activity-stats span{display:flex;align-items:center;gap:.25rem}.activity-empty{text-align:center;padding:3rem;color:var(--color-text-secondary)}.activity-empty svg{margin-bottom:1rem;opacity:.5}.activity-empty p{margin:0;font-size:.95rem}.comment-item .activity-content{margin-bottom:.5rem}@media (max-width: 768px){.activity-tabs{flex-wrap:wrap}.activity-tab{flex:1;justify-content:center;min-width:120px}}.admin-page{max-width:1200px;margin:0 auto;padding:20px}.admin-header{text-align:center;margin-bottom:30px}.admin-header h1{font-size:2rem;color:var(--color-primary);margin-bottom:8px}.admin-header p{color:var(--color-text-secondary)}.visitor-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px}.stat-card{display:flex;align-items:center;gap:12px;padding:20px;background:var(--color-surface);border-radius:12px;border:1px solid var(--color-border)}.stat-card .stat-icon{font-size:2rem}.stat-card .stat-info{display:flex;flex-direction:column;gap:4px}.stat-card .stat-value{font-size:1.5rem;font-weight:700;color:var(--color-text)}.stat-card .stat-label{font-size:.85rem;color:var(--color-text-secondary)}.stat-card.online{border-left:4px solid #22c55e}.stat-card.today{border-left:4px solid #3b82f6}.stat-card.total{border-left:4px solid #8b5cf6}@media (max-width: 768px){.visitor-stats{grid-template-columns:1fr}.stat-card{padding:16px}.stat-card .stat-value{font-size:1.25rem}}.admin-action-message{background:var(--color-primary);color:#fff;padding:12px 20px;border-radius:8px;text-align:center;margin-bottom:20px;animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.admin-tabs{display:flex;gap:10px;margin-bottom:20px;border-bottom:2px solid var(--color-border);padding-bottom:10px}.admin-tab{display:flex;align-items:center;gap:8px;padding:12px 24px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px 8px 0 0;cursor:pointer;font-size:1rem;color:var(--color-text);transition:all .2s ease}.admin-tab:hover{background:var(--color-primary);color:#fff}.admin-tab.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.tab-badge{background:rgba(255,255,255,.3);padding:2px 8px;border-radius:12px;font-size:.85rem}.admin-content{background:var(--color-surface);border-radius:12px;padding:20px;border:1px solid var(--color-border)}.admin-empty{text-align:center;padding:60px 20px;color:var(--color-text-secondary)}.report-section{margin-bottom:30px}.report-section h2{font-size:1.2rem;padding:12px 16px;border-radius:8px;margin-bottom:16px}.report-section.critical h2{background:linear-gradient(135deg,#ff4444,#cc0000);color:#fff}.report-section.high h2{background:linear-gradient(135deg,#ff8800,#cc6600);color:#fff}.report-section.medium h2{background:linear-gradient(135deg,#ffcc00,#cc9900);color:#333}.report-section.low h2{background:var(--color-background);color:var(--color-text)}.report-list{display:flex;flex-direction:column;gap:12px}.reported-post-card{display:flex;align-items:center;gap:16px;padding:16px;background:var(--color-background);border-radius:8px;border:1px solid var(--color-border)}.report-count-badge{background:#ff4444;color:#fff;padding:8px 12px;border-radius:8px;font-weight:700;font-size:.9rem;white-space:nowrap}.reported-post-card .post-info{flex:1;min-width:0}.reported-post-card .post-info h3{font-size:1rem;margin-bottom:6px;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reported-post-card .post-info h3:hover{color:var(--color-primary)}.post-content-preview{font-size:.9rem;color:var(--color-text-secondary);margin-bottom:8px;line-height:1.4}.reported-post-card .post-meta{display:flex;gap:12px;font-size:.85rem;color:var(--color-text-secondary)}.reported-post-card .post-meta .author.clickable{cursor:pointer;color:var(--color-primary)}.reported-post-card .post-meta .author.clickable:hover{text-decoration:underline}.reported-post-card .post-actions{display:flex;gap:8px}.user-search{margin-bottom:20px}.user-search input{width:100%;padding:12px 16px;border:1px solid var(--color-border);border-radius:8px;background:var(--color-background);color:var(--color-text);font-size:1rem}.user-search input:focus{outline:none;border-color:var(--color-primary)}.user-list{display:flex;flex-direction:column;gap:12px}.user-card{display:flex;align-items:center;justify-content:space-between;padding:16px;background:var(--color-background);border-radius:8px;border:1px solid var(--color-border)}.user-card .user-info{display:flex;align-items:center;gap:16px}.user-card .user-avatar{width:50px;height:50px;border-radius:50%;object-fit:cover;display:flex;align-items:center;justify-content:center;background:var(--color-primary);color:#fff;font-weight:700;font-size:1.2rem}.user-card .user-avatar .avatar-emoji{font-size:1.5rem}.user-card .user-details{display:flex;flex-direction:column;gap:4px}.user-card .user-name{font-weight:600;display:flex;align-items:center;gap:8px}.admin-badge{background:linear-gradient(135deg,#ffd700,#ffaa00);color:#333;padding:2px 8px;border-radius:4px;font-size:.75rem;font-weight:700}.user-card .user-email{font-size:.85rem;color:var(--color-text-secondary)}.user-card .user-stats{display:flex;gap:12px;font-size:.8rem;color:var(--color-text-secondary)}.suspended-badge{background:#ff4444;color:#fff;padding:2px 6px;border-radius:4px;font-size:.75rem}.btn-view{padding:8px 16px;background:var(--color-primary);color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:.9rem;transition:opacity .2s}.btn-view:hover{opacity:.9}.btn-delete{padding:8px 16px;background:#ff4444;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:.9rem;transition:opacity .2s}.btn-delete:hover{opacity:.9}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.7);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content{background:var(--color-surface);border-radius:16px;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;position:relative;border:1px solid var(--color-border)}.modal-close{position:absolute;top:16px;right:16px;width:32px;height:32px;border:none;background:var(--color-background);color:var(--color-text);border-radius:50%;cursor:pointer;font-size:1.5rem;display:flex;align-items:center;justify-content:center}.modal-close:hover{background:var(--color-primary);color:#fff}.user-detail-modal{padding:24px}.modal-header{display:flex;align-items:center;gap:16px;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid var(--color-border)}.modal-avatar{width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--color-primary);color:#fff;font-weight:700;font-size:2rem}.modal-avatar .avatar-emoji-large{font-size:2.5rem}.modal-avatar.default{background:var(--color-primary)}.modal-header h2{margin-bottom:4px}.modal-header p{color:var(--color-text-secondary);font-size:.9rem}.suspension-alert{background:linear-gradient(135deg,#ff4444,#cc0000);color:#fff;padding:16px;border-radius:8px;margin-bottom:20px}.suspension-alert h3{margin-bottom:8px}.suspension-alert p{font-size:.9rem;margin:4px 0}.user-history{margin-bottom:20px}.user-history h3{font-size:1rem;margin-bottom:12px;color:var(--color-text)}.user-history ul{list-style:none;padding:0;margin:0}.user-history li{display:flex;gap:12px;padding:10px 12px;background:var(--color-background);border-radius:6px;margin-bottom:8px;font-size:.9rem}.warning-date,.suspension-date{color:var(--color-text-secondary);font-size:.85rem}.warning-reason,.suspension-reason{flex:1}.suspension-type{background:#ff4444;color:#fff;padding:2px 8px;border-radius:4px;font-size:.8rem}.no-history{color:var(--color-text-secondary);font-style:italic}.warning-info{color:var(--color-text-secondary);font-size:.9rem;margin-top:8px;padding:8px 12px;background:var(--color-background);border-radius:6px}.admin-actions{margin-top:20px;padding-top:20px;border-top:1px solid var(--color-border)}.admin-actions h3{margin-bottom:12px}.action-buttons{display:flex;flex-wrap:wrap;gap:10px}.btn-warning{padding:10px 16px;background:#ffcc00;color:#333;border:none;border-radius:6px;cursor:pointer;font-weight:500;transition:opacity .2s}.btn-suspend-3{padding:10px 16px;background:#ff8800;color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:500;transition:opacity .2s}.btn-suspend-7{padding:10px 16px;background:#ff6600;color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:500;transition:opacity .2s}.btn-suspend-30{padding:10px 16px;background:#ff4444;color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:500;transition:opacity .2s}.btn-suspend-perm{padding:10px 16px;background:linear-gradient(135deg,#cc0000,#990000);color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:500;transition:opacity .2s}.btn-warning:hover,.btn-suspend-3:hover,.btn-suspend-7:hover,.btn-suspend-30:hover,.btn-suspend-perm:hover{opacity:.9}@media (max-width: 768px){.admin-tabs{flex-direction:column}.admin-tab{border-radius:8px}.reported-post-card{flex-direction:column;align-items:flex-start}.reported-post-card .post-actions{width:100%;justify-content:flex-end}.user-card{flex-direction:column;align-items:flex-start;gap:12px}.user-card .user-actions,.user-card .user-actions button{width:100%}.action-buttons{flex-direction:column}.action-buttons button{width:100%}}.inquiry-list-admin{display:grid;gap:1rem}.inquiry-card{background:var(--color-surface);border-radius:12px;padding:1rem 1.25rem;cursor:pointer;transition:transform .2s,box-shadow .2s;border-left:4px solid transparent}.inquiry-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.inquiry-card.pending{border-left-color:#eab308}.inquiry-card.in-progress{border-left-color:#3b82f6}.inquiry-card.resolved{border-left-color:#10b981;opacity:.7}.inquiry-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.inquiry-card h3{font-size:1rem;font-weight:600;color:var(--color-text);margin-bottom:.35rem}.inquiry-preview{font-size:.85rem;color:var(--color-text-secondary);margin-bottom:.5rem}.inquiry-author{font-size:.8rem;color:var(--color-text-secondary)}.inquiry-time{font-size:.75rem;color:var(--color-text-secondary)}.status-badge{display:inline-flex;align-items:center;padding:.2rem .5rem;border-radius:4px;font-size:.7rem;font-weight:600}.inquiry-detail-admin{background:var(--color-surface);border-radius:12px;padding:1.5rem}.back-btn-admin{background:none;border:none;color:var(--color-text-secondary);font-size:.9rem;cursor:pointer;padding:0;margin-bottom:1rem}.back-btn-admin:hover{color:var(--color-primary)}.inquiry-info{margin-bottom:1.5rem}.inquiry-meta{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.inquiry-date{font-size:.8rem;color:var(--color-text-secondary)}.inquiry-info h2{font-size:1.25rem;font-weight:700;color:var(--color-text);margin-bottom:.35rem}.inquiry-user{font-size:.85rem;color:var(--color-text-secondary)}.inquiry-content-box{background:var(--color-background);border-radius:8px;padding:1rem;margin-bottom:1rem}.inquiry-content-box p{font-size:.95rem;color:var(--color-text);line-height:1.6;white-space:pre-wrap;margin:0}.admin-reply-box{background:rgba(16,185,129,.05);border-left:3px solid #10b981;border-radius:0 8px 8px 0;padding:1rem;margin-bottom:1rem}.admin-reply-box h4{font-size:.85rem;font-weight:600;color:#10b981;margin-bottom:.5rem}.admin-reply-box p{font-size:.95rem;color:var(--color-text);line-height:1.6;margin:0}.admin-reply-box .reply-time{display:block;margin-top:.5rem;font-size:.75rem;color:var(--color-text-secondary)}.reply-form-admin{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--color-border)}.reply-form-admin h4{font-size:.95rem;font-weight:600;color:var(--color-text);margin-bottom:.75rem}.reply-form-admin textarea{width:100%;padding:.75rem 1rem;border:1px solid var(--color-border);border-radius:8px;background:var(--color-background);color:var(--color-text);font-size:.95rem;resize:vertical;min-height:100px;margin-bottom:1rem}.reply-form-admin textarea:focus{outline:none;border-color:var(--color-primary)}.reply-actions{display:flex;gap:.75rem}.reply-actions .btn-in-progress{padding:.5rem 1rem;border:1px solid #3b82f6;background:transparent;color:#3b82f6;border-radius:8px;font-size:.9rem;cursor:pointer;transition:all .2s}.reply-actions .btn-in-progress:hover:not(:disabled){background:#3b82f6;color:#fff}.reply-actions .btn-in-progress:disabled{opacity:.5;cursor:not-allowed}.reply-actions .btn-reply{padding:.5rem 1rem;border:none;background:var(--color-primary);color:#fff;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:opacity .2s}.reply-actions .btn-reply:hover:not(:disabled){opacity:.9}.reply-actions .btn-reply:disabled{opacity:.5;cursor:not-allowed}.admin-tab.master-tab{background:linear-gradient(135deg,#ffd700,#ffaa00);color:#1a1a1a}.admin-tab.master-tab.active{background:linear-gradient(135deg,#ffd700,#ff8800)}.admin-tab.master-tab:hover{background:linear-gradient(135deg,#ffe44d,#ffbb33)}.master-content{display:flex;flex-direction:column;gap:2rem}.master-section{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:1.5rem}.master-section h2{margin:0 0 .5rem;font-size:1.3rem;color:var(--color-text)}.master-section .section-desc{margin:0 0 1.5rem;color:var(--color-text-secondary);font-size:.9rem}.master-section h3{margin:1.5rem 0 1rem;font-size:1rem;color:var(--color-text)}.master-section h3:first-of-type{margin-top:0}.admin-management .admin-list,.admin-management .user-grant-list{display:flex;flex-direction:column;gap:.75rem}.admin-user-card,.user-grant-card{display:flex;align-items:center;justify-content:space-between;padding:1rem;background:var(--color-background);border:1px solid var(--color-border);border-radius:8px}.admin-user-info,.user-grant-info{display:flex;align-items:center;gap:.75rem}.admin-user-avatar,.user-grant-avatar{width:40px;height:40px;border-radius:50%;background:var(--color-primary);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600}.admin-user-name,.user-grant-name{margin:0;font-weight:600;color:var(--color-text)}.admin-user-email,.user-grant-email{margin:0;font-size:.85rem;color:var(--color-text-secondary)}.btn-revoke{padding:.5rem 1rem;border:1px solid #ef4444;background:transparent;color:#ef4444;border-radius:6px;font-size:.85rem;cursor:pointer;transition:all .2s}.btn-revoke:hover{background:#ef4444;color:#fff}.btn-grant{padding:.5rem 1rem;border:none;background:#10b981;color:#fff;border-radius:6px;font-size:.85rem;cursor:pointer;transition:opacity .2s}.btn-grant:hover{opacity:.9}.no-admins,.no-logs{color:var(--color-text-secondary);text-align:center;padding:2rem;background:var(--color-background);border-radius:8px}.log-filter{margin-bottom:1rem}.log-filter select{padding:.5rem 1rem;border:1px solid var(--color-border);border-radius:6px;background:var(--color-surface);color:var(--color-text);font-size:.9rem;cursor:pointer}.admin-log-list{display:flex;flex-direction:column;gap:.75rem}.log-card{background:var(--color-background);border:1px solid var(--color-border);border-radius:8px;padding:1rem}.log-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.log-type{font-weight:600;font-size:.9rem}.log-type.delete_post,.log-type.delete_comment{color:#ef4444}.log-type.issue_warning{color:#f59e0b}.log-type.issue_suspension{color:#dc2626}.log-type.grant_admin{color:#10b981}.log-type.revoke_admin{color:#6366f1}.log-type.reply_inquiry{color:#3b82f6}.log-time{font-size:.8rem;color:var(--color-text-secondary)}.log-body p{margin:.25rem 0;font-size:.9rem}.log-admin{color:var(--color-text)}.log-target{color:var(--color-text-secondary)}.log-reason{color:var(--color-text-secondary);font-style:italic}.master-badge{background:linear-gradient(135deg,#ffd700,#ffaa00);color:#1a1a1a;padding:2px 8px;border-radius:4px;font-size:.75rem;font-weight:600;margin-left:6px}.inquiry-page{max-width:800px;margin:0 auto;padding:1.5rem;min-height:100vh;background:var(--color-background)}.inquiry-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.inquiry-header .back-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;border:none;background:var(--color-surface);color:var(--color-text);cursor:pointer;transition:background .2s}.inquiry-header .back-btn:hover{background:var(--color-border)}.inquiry-header h1{font-size:1.5rem;font-weight:700;color:var(--color-text)}.inquiry-tabs{display:flex;gap:.5rem;margin-bottom:1.5rem;border-bottom:1px solid var(--color-border);padding-bottom:0}.inquiry-tabs .tab{padding:.75rem 1.5rem;border:none;background:none;color:var(--color-text-secondary);font-size:.95rem;font-weight:500;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;transition:all .2s}.inquiry-tabs .tab:hover{color:var(--color-text)}.inquiry-tabs .tab.active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.inquiry-form-container{background:var(--color-surface);border-radius:12px;padding:1.5rem}.submit-message{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border-radius:8px;margin-bottom:1rem;font-size:.9rem}.submit-message.success{background:rgba(16,185,129,.1);color:#10b981}.inquiry-form .form-group{margin-bottom:1.25rem}.inquiry-form label{display:block;margin-bottom:.5rem;font-weight:600;color:var(--color-text);font-size:.9rem}.inquiry-form input,.inquiry-form textarea{width:100%;padding:.75rem 1rem;border:1px solid var(--color-border);border-radius:8px;background:var(--color-background);color:var(--color-text);font-size:.95rem;transition:border-color .2s}.inquiry-form input:focus,.inquiry-form textarea:focus{outline:none;border-color:var(--color-primary)}.inquiry-form textarea{resize:vertical;min-height:150px}.inquiry-form .char-count{display:block;text-align:right;font-size:.75rem;color:var(--color-text-secondary);margin-top:.25rem}.inquiry-form .form-info{padding:.75rem;background:var(--color-background);border-radius:8px;margin-bottom:1rem}.inquiry-form .form-info p{font-size:.85rem;color:var(--color-text-secondary);margin:0}.inquiry-form .submit-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.875rem;border:none;border-radius:8px;background:var(--color-primary);color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:opacity .2s}.inquiry-form .submit-btn:hover:not(:disabled){opacity:.9}.inquiry-form .submit-btn:disabled{opacity:.5;cursor:not-allowed}.inquiry-list-container{background:var(--color-surface);border-radius:12px;padding:1.5rem}.empty-list{text-align:center;padding:3rem;color:var(--color-text-secondary)}.inquiry-list{display:flex;flex-direction:column;gap:.75rem}.inquiry-item{padding:1rem;background:var(--color-background);border-radius:8px;cursor:pointer;transition:transform .2s,box-shadow .2s}.inquiry-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.item-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.item-time{font-size:.75rem;color:var(--color-text-secondary)}.item-title{font-size:1rem;font-weight:600;color:var(--color-text);margin-bottom:.35rem}.item-preview{font-size:.85rem;color:var(--color-text-secondary);margin:0}.status-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .5rem;border-radius:4px;font-size:.7rem;font-weight:600}.status-badge.pending{background:rgba(234,179,8,.1);color:#eab308}.status-badge.in-progress{background:rgba(59,130,246,.1);color:#3b82f6}.status-badge.resolved{background:rgba(16,185,129,.1);color:#10b981}.inquiry-detail{animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.back-to-list{display:flex;align-items:center;gap:.35rem;padding:.5rem 0;border:none;background:none;color:var(--color-text-secondary);font-size:.9rem;cursor:pointer;margin-bottom:1rem}.back-to-list:hover{color:var(--color-primary)}.detail-header{margin-bottom:1rem}.detail-header h2{font-size:1.25rem;font-weight:700;color:var(--color-text);margin:.5rem 0 .25rem}.detail-time{font-size:.8rem;color:var(--color-text-secondary)}.detail-content{padding:1rem;background:var(--color-background);border-radius:8px;margin-bottom:1rem}.detail-content p{font-size:.95rem;color:var(--color-text);line-height:1.6;margin:0;white-space:pre-wrap}.admin-reply{padding:1rem;background:rgba(var(--color-primary-rgb, 59, 130, 246),.05);border-left:3px solid var(--color-primary);border-radius:0 8px 8px 0}.reply-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.admin-badge{padding:.2rem .5rem;background:var(--color-primary);color:#fff;border-radius:4px;font-size:.7rem;font-weight:600}.reply-time{font-size:.75rem;color:var(--color-text-secondary)}.admin-reply p{font-size:.95rem;color:var(--color-text);line-height:1.6;margin:0}@media (max-width: 768px){.inquiry-page{padding:1rem}.inquiry-header h1{font-size:1.25rem}.inquiry-tabs .tab{padding:.5rem 1rem;font-size:.85rem}}.settings-page{max-width:800px;margin:0 auto;padding:20px;min-height:100vh;background:var(--color-background)}.settings-header{display:flex;align-items:center;gap:16px;margin-bottom:24px}.settings-header h1{font-size:24px;font-weight:700;color:var(--color-text);margin:0}.back-button{background:var(--color-surface);border:1px solid var(--color-text-secondary);border-radius:8px;padding:8px 16px;cursor:pointer;font-size:14px;color:var(--color-text);transition:all .2s}.back-button:hover{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.settings-tabs{display:flex;gap:8px;margin-bottom:24px;border-bottom:2px solid var(--color-surface);padding-bottom:12px}.settings-tab{padding:12px 24px;border:none;background:var(--color-surface);border-radius:8px;cursor:pointer;font-size:15px;font-weight:500;color:var(--color-text-secondary);transition:all .2s}.settings-tab:hover,.settings-tab.active{background:var(--color-primary);color:#fff}.settings-content{background:var(--color-surface);border-radius:12px;padding:24px}.settings-description{color:var(--color-text-secondary);margin-bottom:20px;font-size:14px}.notification-list{display:flex;flex-direction:column;gap:12px;padding-right:10px}.notification-item{display:flex;justify-content:space-between;align-items:center;padding:16px;background:var(--color-background);border-radius:10px;gap:16px}.notification-info{display:flex;flex-direction:column;gap:4px}.notification-label{font-weight:600;color:var(--color-text);font-size:15px}.notification-description{font-size:13px;color:var(--color-text-secondary)}.toggle-switch{position:relative;display:inline-block;width:52px;height:28px;flex-shrink:0}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.3s;border-radius:28px}.toggle-slider:before{position:absolute;content:"";height:22px;width:22px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%;box-shadow:0 2px 4px #0003}.toggle-switch input:checked+.toggle-slider{background-color:var(--color-primary)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(24px)}.interest-settings{display:flex;flex-direction:column;gap:32px}.interest-section{padding-bottom:24px;border-bottom:1px solid var(--color-background)}.interest-section:last-child{border-bottom:none;padding-bottom:0}.interest-section h3{font-size:18px;font-weight:700;color:var(--color-text);margin:0 0 8px}.section-description{font-size:14px;color:var(--color-text-secondary);margin-bottom:16px}.keyword-input-wrapper{display:flex;gap:8px;margin-bottom:12px}.keyword-input-wrapper input{flex:1;padding:12px 16px;border:1px solid var(--color-text-secondary);border-radius:8px;background:var(--color-background);color:var(--color-text);font-size:14px}.keyword-input-wrapper input:focus{outline:none;border-color:var(--color-primary)}.keyword-input-wrapper button{padding:12px 24px;background:var(--color-primary);color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:600;transition:opacity .2s}.keyword-input-wrapper button:disabled{opacity:.5;cursor:not-allowed}.keyword-input-wrapper button:hover:not(:disabled){opacity:.9}.keyword-tags{display:flex;flex-wrap:wrap;gap:8px}.keyword-tag{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;background:var(--color-primary);color:#fff;border-radius:20px;font-size:14px;font-weight:500}.remove-keyword{background:none;border:none;color:#fff;cursor:pointer;font-size:16px;padding:0;opacity:.8;line-height:1}.remove-keyword:hover{opacity:1}.no-keywords{color:var(--color-text-secondary);font-size:14px}.category-grid{display:grid;gap:1.2rem}.category-item{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px;color:#fff;background:var(--color-background);border:2px solid transparent;border-radius:12px;cursor:pointer;transition:all .2s}.category-item:hover{border-color:var(--color-primary)}.category-item.selected{background:var(--color-primary);color:#fff}.category-icon{font-size:28px}.category-label{font-size:14px;font-weight:600}.selected-items{background:var(--color-background);border-radius:10px;padding:16px;margin-bottom:16px}.selected-items h4{font-size:14px;font-weight:600;color:var(--color-text);margin:0 0 12px}.selected-list{display:flex;flex-direction:column;gap:8px}.selected-item{display:flex;align-items:center;gap:12px;padding:10px 12px;background:var(--color-surface);border-radius:8px}.selected-item .item-name{flex:1;font-weight:500;color:var(--color-text)}.selected-item .item-league,.selected-item .item-type{font-size:12px;color:var(--color-text-secondary);background:var(--color-background);padding:4px 8px;border-radius:4px}.selected-item .remove-btn{padding:6px 12px;background:#ff4444;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:12px;transition:opacity .2s}.selected-item .remove-btn:hover{opacity:.8}.search-wrapper{display:flex;gap:8px;margin-bottom:12px}.search-wrapper input{flex:1;padding:10px 14px;border:1px solid var(--color-text-secondary);border-radius:8px;background:var(--color-background);color:var(--color-text);font-size:14px}.search-wrapper input:focus{outline:none;border-color:var(--color-primary)}.search-wrapper select{padding:10px 14px;border:1px solid var(--color-text-secondary);border-radius:8px;background:var(--color-background);color:var(--color-text);font-size:14px;cursor:pointer}.team-list,.entertainment-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:10px;max-height:400px;overflow-y:auto;padding:4px}.team-item,.entertainment-item{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;background:var(--color-background);border-radius:8px;border:1px solid transparent;transition:all .2s}.team-item:hover,.entertainment-item:hover{border-color:var(--color-primary)}.team-item.added,.entertainment-item.added{background:rgba(var(--color-primary-rgb, 99, 102, 241),.1);border-color:var(--color-primary)}.team-info,.ent-info{display:flex;flex-direction:column;gap:4px}.team-name,.ent-name{font-weight:600;color:var(--color-text);font-size:14px}.team-league,.ent-type{font-size:12px;color:var(--color-text-secondary)}.add-btn{padding:8px 16px;background:var(--color-surface);border:1px solid var(--color-primary);color:var(--color-primary);border-radius:6px;cursor:pointer;font-size:13px;font-weight:500;transition:all .2s;white-space:nowrap}.add-btn:hover:not(:disabled){background:var(--color-primary);color:#fff}.add-btn.added{background:var(--color-primary);color:#fff}.add-btn:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 768px){.settings-page{padding:16px}.settings-header h1{font-size:20px}.settings-tabs{flex-wrap:wrap}.settings-tab{flex:1;min-width:140px;text-align:center;padding:10px 16px;font-size:14px}.settings-content{padding:16px}.notification-item{flex-direction:column;align-items:flex-start;gap:12px}.notification-info{width:100%}.toggle-switch{align-self:flex-end}.category-grid{grid-template-columns:minmax(0,auto);gap:1.25rem}.category-item{padding:12px 8px}.category-icon{font-size:24px}.category-label{font-size:12px}.search-wrapper{flex-direction:column}.team-list,.entertainment-list{grid-template-columns:1fr;max-height:300px}.keyword-input-wrapper{flex-direction:column}.keyword-input-wrapper button{width:100%}.custom-input-wrapper{flex-direction:column}.custom-input-wrapper button{width:100%}}.custom-input-section{background:var(--color-background);border-radius:10px;padding:16px;margin-bottom:16px}.custom-input-section h4{font-size:14px;font-weight:600;color:var(--color-text);margin:0 0 12px}.custom-input-wrapper{display:flex;gap:8px;flex-wrap:wrap}.custom-input-wrapper input{flex:1;min-width:120px;padding:10px 14px;border:1px solid var(--color-text-secondary);border-radius:8px;background:var(--color-surface);color:var(--color-text);font-size:14px}.custom-input-wrapper input:focus{outline:none;border-color:var(--color-primary)}.custom-input-wrapper select{padding:10px 14px;border:1px solid var(--color-text-secondary);border-radius:8px;background:var(--color-surface);color:var(--color-text);font-size:14px;cursor:pointer;min-width:100px}.custom-input-wrapper button{padding:10px 20px;background:var(--color-primary);color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:600;font-size:14px;transition:opacity .2s;white-space:nowrap}.custom-input-wrapper button:disabled{opacity:.5;cursor:not-allowed}.custom-input-wrapper button:hover:not(:disabled){opacity:.9}.preset-section{margin-top:16px}.preset-section h4{font-size:14px;font-weight:600;color:var(--color-text-secondary);margin:0 0 12px}.legal-page{min-height:100vh;background:var(--color-background);padding:2rem 1rem}.legal-container{max-width:800px;margin:0 auto}.legal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid var(--color-border)}.back-link{display:flex;align-items:center;gap:.5rem;color:var(--color-text-secondary);text-decoration:none;font-size:.9rem;transition:color .2s}.back-link:hover{color:var(--color-primary)}.legal-logo a{font-size:1.5rem;font-weight:800;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-decoration:none}.legal-content{background:var(--color-surface);border-radius:16px;border:1px solid var(--color-border);padding:2.5rem}.legal-content h1{font-size:2rem;font-weight:700;color:var(--color-text);margin-bottom:.5rem}.legal-date{font-size:.875rem;color:var(--color-text-secondary);margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid var(--color-border)}.legal-section{margin-bottom:2rem}.legal-section:last-child{margin-bottom:0}.legal-section h2{font-size:1.25rem;font-weight:600;color:var(--color-text);margin-bottom:1rem;padding-bottom:.5rem;border-bottom:2px solid var(--color-primary);display:inline-block}.legal-section h3{font-size:1rem;font-weight:600;color:var(--color-text);margin:1.25rem 0 .75rem}.legal-section h4{font-size:.95rem;font-weight:600;color:var(--color-text);margin-bottom:.5rem}.legal-section p{font-size:.95rem;line-height:1.7;color:var(--color-text-secondary);margin-bottom:.75rem}.legal-section p:last-child{margin-bottom:0}.legal-section ul,.legal-section ol{margin:.75rem 0;padding-left:1.5rem}.legal-section li{font-size:.95rem;line-height:1.7;color:var(--color-text-secondary);margin-bottom:.5rem}.legal-section li:last-child{margin-bottom:0}.legal-section li ul,.legal-section li ol{margin-top:.5rem}.legal-section strong{color:var(--color-text);font-weight:600}.legal-table{width:100%;border-collapse:collapse;margin:1rem 0;font-size:.875rem}.legal-table th,.legal-table td{padding:.75rem 1rem;text-align:left;border:1px solid var(--color-border)}.legal-table th{background:var(--color-border);color:var(--color-text);font-weight:600}.legal-table td{color:var(--color-text-secondary)}.legal-table tr:hover td{background:rgba(255,255,255,.02)}.contact-info{background:rgba(255,255,255,.03);border-radius:8px;padding:1rem 1.25rem;margin:1rem 0}.contact-info ul{list-style:none;padding:0;margin:0}.contact-info li{margin-bottom:.35rem}.notice-text{font-style:italic;color:var(--color-text-secondary);margin-top:1rem}.legal-footer{text-align:center;margin-top:2rem;padding-top:1rem;border-top:1px solid var(--color-border)}.legal-footer p{font-size:.8rem;color:var(--color-text-secondary)}@media (max-width: 640px){.legal-header{flex-direction:column;gap:1rem;align-items:flex-start}.legal-content{padding:1.5rem}.legal-content h1{font-size:1.5rem}.legal-section h2{font-size:1.1rem}.legal-table{font-size:.8rem}.legal-table th,.legal-table td{padding:.5rem}}.about-values{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-top:1.5rem}.value-item{background:rgba(255,255,255,.03);border:1px solid var(--color-border);border-radius:12px;padding:1.5rem;text-align:center;transition:transform .2s,border-color .2s}.value-item:hover{transform:translateY(-2px);border-color:var(--color-primary)}.value-icon{width:60px;height:60px;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;color:#fff}.value-item h3{font-size:1.1rem;font-weight:600;color:var(--color-text);margin-bottom:.5rem}.value-item p{font-size:.875rem;color:var(--color-text-secondary);line-height:1.6;margin:0}.legal-footer-links{display:flex;justify-content:center;gap:2rem;margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--color-border)}.legal-footer-links a{color:var(--color-text-secondary);text-decoration:none;font-size:.9rem;transition:color .2s}.legal-footer-links a:hover{color:var(--color-primary)}@media (max-width: 640px){.about-values{grid-template-columns:1fr}.legal-footer-links{flex-direction:column;align-items:center;gap:1rem}}.football-test{max-width:800px;margin:2rem auto;padding:1.5rem;background:var(--color-surface);border-radius:12px;border:1px solid var(--color-border)}.football-test h2{margin-bottom:1rem;color:var(--color-text)}.football-test .error{color:#ef4444}.matches-grid{display:flex;flex-direction:column;gap:.75rem;margin:1rem 0}.match-card{padding:1rem;background:rgba(255,255,255,.02);border-radius:8px;border:1px solid var(--color-border)}.match-league{font-size:.75rem;color:var(--color-primary);font-weight:600;margin-bottom:.5rem}.match-teams{display:flex;align-items:center;gap:.75rem;font-size:1rem;color:var(--color-text)}.match-teams .vs{font-size:.75rem;color:var(--color-text-secondary)}.match-info{display:flex;gap:1rem;margin-top:.5rem;font-size:.8rem;color:var(--color-text-secondary)}.match-score{font-size:1.25rem;font-weight:700;color:var(--color-primary)}details{margin-top:1rem}details summary{cursor:pointer;color:var(--color-text-secondary);font-size:.85rem}details pre{margin-top:.5rem;padding:1rem;background:rgba(0,0,0,.3);border-radius:8px;font-size:.75rem;overflow-x:auto;color:var(--color-text)}.nexrise-toast{position:fixed;bottom:24px;right:24px;display:flex;align-items:flex-start;gap:12px;padding:16px 20px;background:linear-gradient(135deg,#ff6b35,#ff8c42);border-radius:16px;box-shadow:0 8px 32px #ff6b3566;cursor:pointer;z-index:9999;max-width:360px;overflow:hidden;animation:toastSlideIn .4s cubic-bezier(.34,1.56,.64,1)}@keyframes toastSlideIn{0%{transform:translate(120%);opacity:0}to{transform:translate(0);opacity:1}}.nexrise-toast:hover{transform:scale(1.02);box-shadow:0 12px 40px #ff6b3580}.toast-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:rgba(255,255,255,.2);border-radius:12px;color:#fff;flex-shrink:0;animation:fireGlow 1s ease-in-out infinite alternate}@keyframes fireGlow{0%{box-shadow:0 0 10px #ffffff4d}to{box-shadow:0 0 20px #ffffff80}}.toast-content{flex:1;min-width:0}.toast-header{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:700;color:#ffffffe6;text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}.toast-header svg{animation:trendBounce .6s ease infinite}@keyframes trendBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.toast-title{font-size:15px;font-weight:600;color:#fff;margin:0 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.toast-excerpt{font-size:13px;color:#fffc;margin:0;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.toast-close{position:absolute;top:8px;right:8px;background:rgba(255,255,255,.2);border:none;padding:4px;border-radius:50%;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;opacity:0}.nexrise-toast:hover .toast-close{opacity:1}.toast-close:hover{background:rgba(255,255,255,.3)}.toast-progress{position:absolute;bottom:0;left:0;height:3px;background:rgba(255,255,255,.5);animation:progressShrink 4s linear forwards}@keyframes progressShrink{0%{width:100%}to{width:0%}}@media (max-width: 640px){.nexrise-toast{left:16px;right:16px;bottom:16px;max-width:none}}