@import"https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css";:root{--background: #f8fafc;--foreground: #222936;--muted: #64748b;--muted-soft: #f1f5f9;--card: #ffffff;--border: #dbe3ef;--primary: #1264f6;--primary-dark: #0b4ed1;--primary-soft: #e8f2ff;--secondary: #a9dbff;--success: #00a889;--danger: #ef4444;--warning: #d9822b;--violet: #7157d9;--placeholder: #9aa8bc;--shadow: 0 1px 2px rgba(15, 23, 42, .06);--radius: 8px}*{box-sizing:border-box}html{font-family:Pretendard,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--foreground);background:var(--background)}body{margin:0;min-width:320px}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.62}img{max-width:100%;display:block}.shell{width:min(1368px,calc(100% - 32px));margin:0 auto}.app-shell{display:flex;flex-direction:column;min-height:100vh}.app-shell>main{flex:1}.site-header{position:sticky;top:0;z-index:40;background:var(--card);border-bottom:1px solid var(--border)}.site-footer{margin-top:48px;border-top:1px solid var(--border);background:var(--card)}.footer-inner{min-height:64px;display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:13px}.header-inner{height:64px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand,.admin-brand{display:inline-flex;align-items:center;gap:10px;color:var(--primary);font-weight:800;min-width:0}.brand img{width:36px;height:36px}.brand strong{font-size:24px;letter-spacing:0}.desktop-nav{display:flex;align-items:center;gap:4px}.desktop-nav a,.drawer-nav a{display:inline-flex;align-items:center;min-height:40px;padding:0 14px;border-radius:6px;color:var(--foreground);font-size:14px;font-weight:600}.desktop-nav a:hover,.desktop-nav a.active,.drawer-nav a:hover,.drawer-nav a.active{color:var(--primary);background:var(--muted-soft)}.header-actions{display:flex;align-items:center;gap:8px}.header-point{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 11px;border:1px solid #b9d3ff;border-radius:999px;color:var(--primary);background:var(--primary-soft);font-size:13px}.notification-button{position:relative}.notification-button>span{position:absolute;top:-6px;right:-6px;display:grid;place-items:center;min-width:19px;height:19px;padding:0 5px;border:2px solid var(--card);border-radius:999px;color:#fff;background:var(--danger);font-size:10px;font-weight:900}.button,.icon-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;border-radius:6px;border:1px solid transparent;background:transparent;color:var(--foreground);font-weight:700;white-space:nowrap}.button{padding:0 16px}.button-sm{min-height:36px;padding:0 12px;font-size:13px}.button-primary{color:#fff;background:var(--primary);border-color:var(--primary)}.button-primary:hover{background:var(--primary-dark)}.button-secondary{border-color:#c9d6e8;background:#f6f9fd;color:#1f2937}.button-secondary:hover{border-color:#9fb6d8;background:#eef5ff}.button-outline{background:var(--card);border-color:var(--border)}.button-outline:hover,.button-ghost:hover{color:var(--primary);background:var(--muted-soft)}.button-outline.reaction-active,.icon-button.reaction-active{color:var(--primary);border-color:color-mix(in srgb,var(--primary) 48%,var(--border));background:color-mix(in srgb,var(--primary) 12%,var(--card))}.icon-button{width:40px;padding:0;border-color:var(--border);background:var(--card)}.mobile-menu-button{display:none}.ticker-bar{height:32px;overflow:hidden;background:#162033;color:#fff}.ticker-track{display:flex;align-items:center;height:32px;width:max-content;animation:marquee 38s linear infinite}.ticker-item{display:inline-flex;align-items:center;gap:8px;padding:0 18px;white-space:nowrap;font-size:12px}.ticker-item strong{font-size:13px}.ticker-item small{color:#bfe1ff}.up{color:#7cf7df}.down{color:#ffb4ba}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.page-grid{display:grid;grid-template-columns:minmax(0,1fr) 256px;gap:24px;padding:24px 0 56px;align-items:start}.content-column,.page-stack{display:flex;flex-direction:column;gap:24px}.narrow-page{width:min(860px,calc(100% - 32px));padding:28px 0 56px;display:flex;flex-direction:column;gap:20px}.auth-page{max-width:480px;margin-left:auto;margin-right:auto}.panel,.side-panel,.hub-card,.event-card,.insight-card,.match-card,.market-card,.stat-card,.list-panel,.notice-row,.post-row{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.panel{padding:24px}.section-title{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.section-title h1,.section-title h2{display:flex;align-items:center;gap:9px;margin:0;font-size:21px;font-weight:800}.section-title svg{color:var(--primary)}.section-action{display:inline-flex;align-items:center;gap:4px;color:var(--primary);font-size:14px;font-weight:700}.ad-slot{display:flex;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:6px;background:#fbfdff;color:var(--muted);min-height:96px;font-size:14px}.ad-small{min-height:76px}.ad-large{min-height:260px}.ad-live{gap:12px;overflow:hidden;color:var(--foreground)}.ad-live img{width:96px;height:64px;border-radius:6px;object-fit:cover}.hub-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.hub-grid-wide{grid-template-columns:repeat(3,minmax(0,1fr))}.hub-card{display:flex;flex-direction:column;gap:12px;padding:18px;min-height:150px;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.hub-card:hover,.match-card:hover{border-color:#1264f673;box-shadow:0 8px 18px #1264f61f;transform:translateY(-1px)}.card-topline{display:flex;align-items:center;justify-content:space-between;gap:10px}.hub-card h3,.event-card h3,.match-card h3,.post-row h3,.insight-card h3{margin:0;font-size:17px;font-weight:800;overflow-wrap:anywhere}.hub-card p,.event-card p,.match-card p,.insight-card p,.article-detail p{margin:0;color:var(--muted);line-height:1.6}.hub-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;color:var(--muted);font-size:13px}.hub-meta strong{color:var(--primary);background:var(--secondary);border-radius:999px;padding:4px 11px}.hub-card small{color:var(--primary);font-size:13px}.badge,.soft-label{display:inline-flex;align-items:center;min-height:24px;padding:0 9px;border-radius:999px;font-size:12px;font-style:normal;font-weight:800}.soft-label{color:var(--primary);background:var(--primary-soft)}.badge-인기,.badge-진행중,.badge-활성,.badge-정상,.badge-공개,.badge-답변완료,.badge-처리완료,.badge-정산완료{color:#007e6f;background:#dff9f2}.badge-신규,.badge-운영중,.badge-초안,.badge-일반,.badge-공동운영자{color:#0b4ed1;background:var(--primary-soft)}.badge-종료,.badge-차단,.badge-숨김,.badge-삭제됨,.badge-취소,.badge-반려{color:#b42318;background:#ffe4e6}.badge-예정,.badge-대기중{color:#9a5b00;background:#fff2cc}.post-list{display:flex;flex-direction:column;gap:12px}.post-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 18px}.post-row p{display:flex;align-items:center;gap:8px;margin:8px 0 0;color:var(--muted);font-size:13px}.post-title-line,.post-badges{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.content-badge{display:inline-flex;align-items:center;min-height:22px;padding:0 8px;border-radius:999px;font-size:10px;font-weight:900}.content-badge-new{color:#0b4ed1;background:var(--primary-soft)}.content-badge-hot{color:#b42318;background:#ffe4e6}.post-row em{color:var(--foreground);border:1px solid var(--border);border-radius:999px;padding:2px 8px;font-size:12px;font-style:normal}.post-metrics{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:13px;white-space:nowrap}.post-metrics span{display:inline-flex;align-items:center;gap:4px}.insight-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.insight-card{display:flex;gap:14px;padding:18px}.visual-tile{display:grid;place-items:center;width:52px;height:52px;border-radius:8px;color:var(--primary);background:var(--primary-soft);font-size:26px;flex:0 0 auto}.insight-card small,.event-card small{display:block;margin-top:8px;color:var(--muted);font-size:12px}.event-grid,.match-grid,.market-grid,.stats-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.event-grid-wide{grid-template-columns:repeat(3,minmax(0,1fr))}.event-card,.match-card,.market-card{display:flex;flex-direction:column;gap:14px;padding:18px}.match-card-compact{min-height:252px}.market-card h3,.market-card p{margin:0}.market-card p{color:var(--muted);line-height:1.6}.detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0}.detail-grid div,.settings-grid label{border:1px solid var(--border);border-radius:6px;padding:12px;background:#fbfdff}.detail-grid dt,.side-dl dt{color:var(--muted);font-size:12px;font-weight:700}.detail-grid dd,.side-dl dd{margin:4px 0 0;font-size:14px;font-weight:800}.badge-row{display:flex;align-items:center;justify-content:flex-end;gap:6px;flex-wrap:wrap}.live-badge{display:inline-flex;align-items:center;min-height:24px;padding:0 8px;border-radius:999px;font-size:11px;font-weight:900;letter-spacing:0}.live-badge-hot{color:#b42318;background:#ffe4e6}.live-badge-live{color:#7a4c00;background:#fff2cc}.match-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.match-stats span{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:34px;padding:0 8px;border:1px solid var(--border);border-radius:6px;background:#fbfdff;color:var(--foreground);font-size:12px;font-weight:800;text-align:center;overflow-wrap:anywhere}.match-stats svg{flex:0 0 auto;color:var(--primary)}.match-deadline{color:var(--muted);font-size:12px}.right-sidebar{display:flex;flex-direction:column;gap:16px;position:sticky;top:88px}.side-panel{padding:18px}.side-panel h3{display:flex;align-items:center;gap:8px;margin:0 0 14px;font-size:15px;font-weight:800}.rank-list{display:flex;flex-direction:column;gap:10px;padding:0;margin:0;list-style:none}.rank-list li{display:flex;align-items:center;gap:10px;font-size:14px}.rank-list strong{width:18px;color:var(--primary)}.side-posts{display:flex;flex-direction:column;gap:14px}.side-posts a{display:grid;gap:4px;padding:4px 0}.side-posts strong{color:var(--primary);font-size:12px}.side-posts span{font-size:13px;line-height:1.4}.side-posts small,.side-dl{color:var(--muted);font-size:12px}.side-link-list{display:flex;flex-direction:column;gap:12px}.side-link-list>small{color:var(--muted);font-size:12px}.side-prediction,.side-hub-link{display:grid;gap:5px;padding:10px 0;border-top:1px solid var(--border)}.side-prediction:first-of-type,.side-hub-link:first-of-type{border-top:0;padding-top:0}.side-prediction strong,.side-hub-link strong{font-size:13px;line-height:1.4;overflow-wrap:anywhere}.side-prediction span,.side-hub-link span{color:var(--foreground);font-size:12px;font-weight:800}.side-prediction small,.side-hub-link small{color:var(--muted);font-size:12px;line-height:1.4}.side-action{justify-content:center;width:100%;margin-top:14px}.qna-mini-list,.list-panel{display:flex;flex-direction:column;gap:10px}.qna-mini-list a{display:grid;grid-template-columns:1fr auto auto;gap:12px;align-items:center;padding:14px;border:1px solid var(--border);border-radius:6px}.qna-mini-list em,.qna-mini-list small{color:var(--muted);font-size:13px;font-style:normal}.home-promise{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:center;padding:26px;border:1px solid var(--border);border-radius:var(--radius);background:linear-gradient(135deg,#e8f2ffeb,#e6faf5d1),#fff;box-shadow:var(--shadow)}.home-promise-copy{display:grid;gap:10px}.home-promise h1{margin:0;font-size:28px;line-height:1.24;letter-spacing:0}.home-promise p{margin:0;color:var(--muted);line-height:1.6}.home-promise .home-active-match{color:var(--foreground);font-size:16px;font-weight:800}.home-active-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.home-active-meta span{padding:6px 10px;border:1px solid #c7dcff;border-radius:999px;background:#ffffffc7;color:var(--muted);font-size:12px}.home-active-meta strong{color:var(--primary)}.empty-action-state{display:grid;justify-items:start;gap:14px}.home-promise-actions{display:flex;gap:10px;align-items:center;justify-content:flex-end;flex-wrap:wrap}.home-promise-actions .button{white-space:nowrap}.hot-match-grid,.hot-hub-grid{display:grid;gap:16px}.hot-match-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hot-hub-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.hot-hub-card{display:flex;flex-direction:column;gap:12px;min-height:142px;padding:16px;border:1px solid var(--border);border-radius:var(--radius);background:#fff;box-shadow:var(--shadow);transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.hot-hub-card:hover{border-color:#1264f673;box-shadow:0 8px 18px #1264f61f;transform:translateY(-1px)}.hot-hub-card h3{margin:0;font-size:16px;font-weight:800;overflow-wrap:anywhere}.hot-hub-card .card-topline>strong{color:var(--primary)}.top-rank.rank-1{border-color:#e9bf47;background:linear-gradient(145deg,#fffdf3,#fff)}.top-rank.rank-2{border-color:#afbccb;background:linear-gradient(145deg,#f8fafc,#fff)}.top-rank.rank-3{border-color:#c99167;background:linear-gradient(145deg,#fff8f3,#fff)}.hot-hub-meta{display:grid;gap:5px;color:var(--muted);font-size:13px}.hot-hub-card small{color:var(--primary);font-size:12px;font-weight:800}.page-header{display:flex;align-items:flex-end;justify-content:space-between;gap:16px}.page-header h1{margin:0;font-size:32px;line-height:1.2}.page-header p{margin:8px 0 0;color:var(--muted);line-height:1.6}.page-header.compact{align-items:flex-start;margin-bottom:20px}.page-header.compact h1{font-size:24px}.toolbar{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.search-field{display:flex;align-items:center;gap:8px;min-width:min(360px,100%);height:42px;padding:0 12px;border:1px solid var(--border);border-radius:6px;background:var(--card);color:var(--muted)}.search-field input{width:100%;border:0;outline:0;background:transparent}.chips,.segmented,.tabbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.chips button,.segmented button,.tabbar button,.tabbar a{min-height:36px;padding:0 13px;border:1px solid var(--border);border-radius:999px;background:var(--card);color:var(--foreground);font-weight:700}.chips button.selected,.segmented button.selected,.tabbar button.selected{color:#fff;border-color:var(--primary);background:var(--primary)}.ranking-period{justify-content:flex-end}.rank-mark{white-space:nowrap}.rank-mark.rank-1{color:#9a6700}.rank-mark.rank-2{color:#526273}.rank-mark.rank-3{color:#9a5b36}.notification-layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:24px;align-items:start}.notification-list,.notification-settings{display:grid;gap:10px}.notification-item{width:100%;display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;padding:15px;border:1px solid #c6d9fa;border-radius:8px;background:#f6f9ff;color:var(--foreground);text-align:left}.notification-item.read{border-color:var(--border);background:#fff;opacity:.75}.notification-item strong,.notification-item p,.notification-item small{display:block}.notification-item p{margin:5px 0;color:var(--muted);line-height:1.5}.notification-item small{color:var(--placeholder)}.notification-dot{width:9px;height:9px;margin-top:6px;border-radius:50%;background:var(--primary)}.notification-dot.read{background:var(--border)}.notification-switch{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--border)}.notification-switch span{display:grid;gap:4px}.notification-switch small,.muted-copy{color:var(--muted);line-height:1.5}.notification-switch input{width:20px;height:20px}.full-button{width:100%}.prediction-copy-panel{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:18px;border:1px solid var(--border);border-radius:var(--radius);background:#fff;box-shadow:var(--shadow)}.prediction-copy-panel div{display:grid;gap:6px;padding-left:12px;border-left:3px solid var(--primary)}.prediction-copy-panel strong{font-size:14px}.prediction-copy-panel span{color:var(--muted);font-size:13px;line-height:1.5}.back-link{display:inline-flex;align-items:center;gap:8px;width:fit-content;border:0;background:transparent;color:var(--muted);font-weight:700}.hub-hero{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:28px;border:1px solid var(--border);border-radius:var(--radius);background:var(--card)}.hub-hero h1{margin:12px 0 8px;font-size:34px}.hub-hero p{margin:0;color:var(--muted)}.hero-meta,.hero-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.hero-meta{margin-top:16px;color:var(--muted);font-size:13px}.composer{display:flex;align-items:flex-end;gap:12px}.composer textarea{flex:1}.composer-stack{align-items:stretch}.composer-fields{display:grid;gap:10px;flex:1}input,textarea,select{width:100%;min-height:42px;border:1px solid var(--border);border-radius:6px;padding:10px 12px;background:#fff;color:var(--foreground);outline:none}input::placeholder,textarea::placeholder{color:var(--placeholder);font-weight:400;opacity:1}textarea{resize:vertical}input:focus,textarea:focus,select:focus{border-color:var(--primary);box-shadow:0 0 0 3px #1264f61f}input:focus::placeholder,textarea:focus::placeholder{color:#b7c2d2}.password-field{position:relative;display:block}.password-field input{padding-right:48px}.password-toggle{position:absolute;top:50%;right:6px;transform:translateY(-50%);display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border:0;border-radius:6px;background:transparent;color:var(--muted)}.password-toggle:hover,.password-toggle:focus-visible{color:var(--primary);background:var(--muted-soft);outline:none}.password-toggle svg{pointer-events:none}.form-stack{display:flex;flex-direction:column;gap:16px}.verification-resend-panel{display:grid;gap:16px}.verification-resend-heading{display:grid;gap:6px}.verification-resend-heading h2{margin:0;color:var(--foreground);font-size:18px;line-height:1.35}.verification-resend-heading p{margin:0;color:var(--muted);font-size:14px;line-height:1.5}.form-stack label,.settings-grid label{display:grid;gap:8px;color:var(--foreground);font-size:14px;font-weight:800}.modal-card .form-stack label,.narrow-page .panel>.form-stack label{color:#334155;font-weight:700}.modal-card .form-stack input,.narrow-page .panel>.form-stack input{min-height:44px;border-color:#d7e0ec;border-radius:8px;background:#fcfdff;color:#1f2937;font-weight:500;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}.modal-card .form-stack input::placeholder,.narrow-page .panel>.form-stack input::placeholder{color:#9ca9bb;font-size:13px;font-weight:400}.modal-card .form-stack input:focus,.narrow-page .panel>.form-stack input:focus{border-color:#6ea1ff;background:#fff;box-shadow:0 0 0 3px #1264f61a}.form-error{margin:0;color:var(--danger);font-size:13px}.inline-state{margin:0;padding:14px;border-radius:6px;background:var(--muted-soft);color:var(--muted);line-height:1.5}.check-line{display:flex!important;grid-template-columns:auto 1fr;align-items:center;gap:9px}.check-line input{width:16px;min-height:16px}.checkbox-line{display:flex!important;align-items:center;gap:9px;color:var(--foreground);font-size:14px;font-weight:700}.checkbox-line input{width:16px;min-height:16px!important;height:16px!important}.form-stack .checkbox-line{margin-top:-12px}.modal-card .form-stack .checkbox-line input,.narrow-page .panel>.form-stack .checkbox-line input{min-height:16px!important;height:16px!important;border-color:var(--border);border-radius:3px;background:var(--background)}.policy-links{display:flex;flex-wrap:wrap;gap:6px;margin:0;color:var(--muted);font-size:13px}.validation-line{align-items:center;display:flex;font-size:12px;gap:3px;margin:0}.validation-line.invalid{color:#dc2626}.validation-line.valid{color:#16a34a}.password-checks{display:flex;flex-wrap:wrap;font-size:12px;gap:4px 12px;list-style:none;margin:0;padding:0}.password-checks li{align-items:center;display:flex;gap:3px}.password-checks .invalid{color:#dc2626}.password-checks .valid{color:#16a34a}.nickname-field{display:flex;gap:8px}.nickname-field input{flex:1}.nickname-field button{min-height:44px;white-space:nowrap}.policy-links a{color:var(--primary);font-weight:800}.link-button{display:inline;border:0;background:transparent;color:var(--primary);padding:0;font-weight:800;text-align:left}.link-button:hover,.link-button:focus-visible{text-decoration:underline;outline:none}.center-link{margin-right:auto;margin-left:auto}.legal-doc{display:grid;gap:14px;color:var(--foreground)}.legal-doc h2{margin:10px 0 0;font-size:18px}.legal-doc p,.legal-doc ul{margin:0;color:var(--muted);line-height:1.8}.legal-doc ul{padding-left:20px}.legal-updated{color:var(--foreground)!important;font-weight:800}.legal-dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:120;display:grid;place-items:center;padding:20px;background:#0f172a9e}.legal-dialog{display:grid;grid-template-rows:auto minmax(0,1fr);width:min(760px,100%);max-height:min(78vh,780px);overflow:hidden;border:1px solid var(--border);border-radius:var(--radius);background:var(--card);box-shadow:0 22px 60px #0f172a42}.legal-dialog-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:20px 22px;border-bottom:1px solid var(--border)}.legal-dialog-header h2{margin:0;font-size:22px}.legal-dialog-header p{margin:6px 0 0;color:var(--muted);font-size:14px}.legal-dialog-body{overflow-y:auto;padding:22px}.modal-backdrop,.drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;background:#0f172a8f}.modal-card{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(420px,calc(100% - 32px));padding:28px;border-radius:8px;background:var(--card);box-shadow:0 22px 60px #0f172a3d}.modal-close{position:absolute;right:12px;top:12px}.modal-heading{margin-bottom:20px;text-align:center}.modal-heading h2{margin:0;color:var(--primary);font-size:26px}.modal-heading p{margin:6px 0 0;color:var(--muted)}.segmented{display:grid;grid-template-columns:1fr 1fr;margin-bottom:18px;padding:4px;border-radius:8px;background:var(--muted-soft)}.segmented button{border:0;border-radius:6px}.muted-link{display:block;margin-top:16px;color:var(--muted);text-align:center;font-size:13px}.mobile-drawer{position:absolute;right:0;top:0;bottom:0;width:min(340px,88vw);display:flex;flex-direction:column;gap:16px;padding:18px;background:var(--card)}.drawer-title{display:flex;align-items:center;justify-content:space-between;gap:12px}.drawer-nav{display:grid;gap:4px}.drawer-nav a{justify-content:flex-start;min-height:46px}.drawer-footer{display:grid;gap:10px;margin-top:auto;padding-top:16px;border-top:1px solid var(--border)}.chat-panel{display:flex;flex-direction:column;min-height:640px}.chat-window{flex:1;display:flex;flex-direction:column;gap:14px;min-height:460px;max-height:520px;overflow:auto;padding:16px;border-radius:8px;background:var(--muted-soft)}.chat-message{display:flex;gap:12px}.avatar{display:grid;place-items:center;width:34px;height:34px;border-radius:999px;background:var(--primary-soft);color:var(--primary);font-weight:800;flex:0 0 auto}.avatar.large{width:72px;height:72px;font-size:28px}.chat-message p{display:flex;align-items:center;gap:8px;margin:0 0 6px}.chat-message small{color:var(--muted);font-size:12px}.chat-message span{display:inline-block;padding:9px 12px;border-radius:8px;background:var(--card);line-height:1.5}.chat-input{display:flex;gap:10px;margin-top:14px}.inline-form{display:grid;grid-template-columns:100px minmax(0,1fr) auto;gap:10px;margin-bottom:18px}.form-grid{display:grid;grid-template-columns:minmax(110px,.8fr) minmax(140px,1fr) minmax(180px,1.2fr) minmax(180px,1.2fr) auto auto;gap:10px;align-items:center}.inline-check{display:inline-flex!important;align-items:center;gap:8px;color:var(--foreground);font-size:13px;font-weight:800}.category-list{display:grid;gap:10px}.category-list div{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:12px;border-radius:6px;background:var(--muted-soft)}.category-list span{font-size:22px}.align-right{display:flex;justify-content:flex-end;margin-top:20px}.settings-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.notice-line,.success-line{margin:0;padding:12px 14px;border-radius:6px;font-size:14px;line-height:1.5}.notice-line{color:#7a4c00;background:#fff7e6;border:1px solid #ffd88a}.success-line{color:#007e6f;background:#e6faf5;border:1px solid #a4eadf}.match-layout{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:18px;align-items:start}.probability{display:flex;height:34px;overflow:hidden;border-radius:6px;background:var(--muted-soft)}.probability span{display:flex;align-items:center;justify-content:center;min-width:72px;color:#fff;font-size:12px;font-weight:800}.probability span:first-child{background:var(--primary)}.probability span:last-child{background:#475569}.match-detail{display:flex;flex-direction:column;gap:18px}.match-detail h1,.article-detail h1{margin:0;font-size:28px;line-height:1.35}.prediction-entry-summary{display:flex;flex-direction:column;gap:12px}.choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.choice{min-height:70px;border:2px solid var(--border);border-radius:8px;background:var(--card);color:var(--foreground);font-size:18px;font-weight:900}.choice:hover,.choice.selected{color:var(--primary);border-color:var(--primary);background:var(--primary-soft)}.choice:disabled{cursor:not-allowed;opacity:.55}.bullet-list{display:grid;gap:9px;margin:12px 0 0;padding-left:20px;color:var(--muted)}.notice-row{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;padding:16px 18px}.notice-row strong{min-width:0;overflow-wrap:anywhere}.notice-row small,.article-meta{color:var(--muted);font-size:13px}.article-detail{display:flex;flex-direction:column;gap:14px}.article-body{white-space:pre-wrap}.image-url-list{display:grid;gap:8px}.image-url-list a{overflow-wrap:anywhere;color:var(--primary);font-size:13px}.image-url-list img{width:min(360px,100%);max-height:220px;border-radius:8px;object-fit:cover;border:1px solid var(--border)}.inline-edit{display:grid;gap:10px;margin-top:10px}.sub-form{display:grid;gap:12px;border:1px solid var(--border);border-radius:8px;background:#fbfdff;padding:14px}.poll-panel{display:grid;gap:14px}.poll-options{display:grid;gap:10px}.poll-option{position:relative;display:flex;align-items:center;justify-content:space-between;overflow:hidden;min-height:46px;border:1px solid var(--border);border-radius:8px;background:#fff;padding:0 14px;text-align:left}.poll-option.selected{border-color:var(--primary);background:#eff6ff}.poll-option span,.poll-option strong{position:relative;z-index:1}.poll-option em{position:absolute;inset:0 auto 0 0;background:var(--primary-soft)}.profile-image-row{display:grid;grid-template-columns:auto minmax(0,1fr);gap:14px;align-items:center}.profile-image-row img,.profile-head img{width:72px;height:72px;border-radius:999px;object-fit:cover;border:1px solid var(--border)}.profile-image-row>div{display:grid;gap:8px}.profile-panel{display:grid;gap:20px}.profile-head{display:grid;grid-template-columns:auto minmax(0,1fr);gap:16px;align-items:center}.profile-head h1,.profile-head p{margin:6px 0 0}.action-row,.table-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.comment-row{align-items:flex-start}.comment-content{margin-top:10px!important;color:var(--foreground)!important;line-height:1.6;white-space:pre-wrap}.answer-box{padding:16px;border-left:4px solid var(--primary);border-radius:6px;background:var(--primary-soft)}.answer-box p{margin-top:8px}.auth-panel{display:grid;justify-items:center;gap:12px;text-align:center}.auth-panel img{width:86px;height:86px}.auth-panel h1{margin:0}.auth-panel p{margin:0;color:var(--muted)}.stats-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.stat-card{display:grid;gap:8px;padding:20px}.stat-card span{color:var(--muted);font-size:13px;font-weight:800}.stat-card strong{font-size:28px}.stat-card small{color:var(--muted)}.tone-blue{border-top:4px solid var(--primary)}.tone-green{border-top:4px solid var(--success)}.tone-red{border-top:4px solid var(--danger)}.tone-purple{border-top:4px solid var(--violet)}.tone-amber{border-top:4px solid var(--warning)}.admin-shell{display:grid;grid-template-columns:280px minmax(0,1fr);min-height:100vh;background:var(--background)}.admin-sidebar{display:flex;flex-direction:column;gap:18px;padding:20px;border-right:1px solid var(--border);background:var(--card)}.admin-sidebar.compact{border:1px solid var(--border);border-radius:var(--radius);height:fit-content}.admin-brand img{width:36px;height:36px}.admin-brand span{line-height:1.3}.admin-sidebar h2{display:flex;align-items:center;gap:8px;margin:0;font-size:17px}.admin-sidebar nav{display:grid;gap:6px}.admin-sidebar a{display:flex;align-items:center;gap:10px;min-height:42px;padding:0 12px;border-radius:6px;color:var(--foreground);font-size:14px;font-weight:700}.admin-sidebar a:hover,.admin-sidebar a.active{color:var(--primary);background:var(--primary-soft)}.admin-content{min-width:0;padding:24px}.admin-topbar{display:flex;justify-content:flex-end;align-items:center;gap:10px;margin-bottom:20px;color:var(--muted)}.admin-area{display:grid;grid-template-columns:240px minmax(0,1fr);gap:20px}.hub-admin-area .admin-content{padding:0}.table-wrap{width:100%;overflow:auto;border:1px solid var(--border);border-radius:8px;background:var(--card)}table{width:100%;min-width:680px;border-collapse:collapse}th,td{padding:14px 16px;border-bottom:1px solid var(--border);text-align:left;font-size:14px;vertical-align:middle}th{color:var(--muted);background:#fbfdff;font-weight:800}tr:last-child td{border-bottom:0}.empty-state{display:grid;justify-items:center;gap:12px;text-align:center}.empty-state h1{margin:0}.empty-state p{margin:0;color:var(--muted)}@media(max-width:1120px){.desktop-nav{display:none}.mobile-menu-button{display:inline-flex}.page-grid,.match-layout,.notification-layout,.home-promise{grid-template-columns:1fr}.home-promise-actions{justify-content:flex-start}.hot-match-grid,.hot-hub-grid,.prediction-copy-panel{grid-template-columns:repeat(2,minmax(0,1fr))}.right-sidebar{position:static;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.hub-grid-wide,.event-grid-wide,.insight-list,.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-shell{grid-template-columns:1fr}.admin-sidebar{position:static;border-right:0;border-bottom:1px solid var(--border)}.admin-sidebar nav{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.shell,.narrow-page{width:min(100% - 24px,1368px)}.brand strong{font-size:20px}.brand img{width:32px;height:32px}.header-actions .button,.header-point{display:none}.page-header,.hub-hero,.post-row,.composer,.chat-input{align-items:stretch;flex-direction:column}.page-header h1{font-size:28px}.home-promise{padding:20px}.home-promise h1{font-size:24px}.home-promise-actions,.home-promise-actions .button{width:100%}.home-promise-actions .button{justify-content:center}.legal-dialog-backdrop{padding:12px}.legal-dialog{max-height:86vh}.legal-dialog-header,.legal-dialog-body{padding:16px}.hub-hero h1{font-size:28px}.hub-grid,.hub-grid-wide,.event-grid,.event-grid-wide,.hot-match-grid,.hot-hub-grid,.insight-list,.match-grid,.match-stats,.market-grid,.prediction-copy-panel,.stats-grid,.right-sidebar,.detail-grid,.settings-grid,.choice-grid,.admin-area{grid-template-columns:1fr}.post-metrics,.hero-actions,.toolbar,.chat-input{width:100%}.post-metrics{justify-content:flex-start}.inline-form,.form-grid{grid-template-columns:1fr}.notice-row{grid-template-columns:1fr;gap:8px}.qna-mini-list a{grid-template-columns:1fr}.admin-sidebar nav{grid-template-columns:1fr}.admin-content{padding:18px 12px}.panel{padding:18px}}.toast-container{position:fixed;top:32px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;gap:12px;z-index:9999;pointer-events:none}.toast{display:flex;align-items:center;gap:10px;padding:14px 20px;border-radius:8px;background-color:#f1f5f9;color:#0f172a;box-shadow:0 8px 16px #0000001f;font-size:.95rem;font-weight:500;animation:slide-in-top .3s cubic-bezier(.2,.8,.2,1),fade-out .3s 2.7s ease-out forwards}.toast-success{border-left:4px solid var(--primary-color)}.toast-success svg{color:var(--primary-color)}.toast-error{border-left:4px solid var(--error-color)}.toast-error svg{color:var(--error-color)}.toast-info{border-left:4px solid var(--text-color)}.toast-info svg{color:var(--text-color)}@keyframes slide-in-top{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}