:root{--brand-background: #f7f7f8;--brand-foreground: #111113;--brand-card: #ffffff;--brand-card-foreground: #111113;--brand-popover: #ffffff;--brand-popover-foreground: #111113;--brand-primary: #2563eb;--brand-primary-foreground: #ffffff;--brand-primary-50: #eff6ff;--brand-primary-100: #dbeafe;--brand-primary-200: #bfdbfe;--brand-primary-300: #93c5fd;--brand-primary-600: #2563eb;--brand-primary-700: #1d4ed8;--brand-muted: #f0f0f2;--brand-muted-foreground: #6b6b75;--brand-border: #e6e6ea;--brand-input: #e6e6ea;--brand-ring: #2563eb;--brand-radius-sm: 4px;--brand-radius-md: 8px;--brand-radius-lg: 12px;--brand-radius-xl: 16px;--brand-surface: #ffffff;--brand-surface-2: #f3f3f5;--brand-surface-3: #e6e6ea;--brand-ink: #111113;--brand-ink-2: #4a4a55;--brand-ink-3: #6b6b75;--brand-ink-4: #9a9aa4;--brand-state-success: #10b981;--brand-state-success-soft: #d1fae5;--brand-state-warning: #f59e0b;--brand-state-warning-soft: #fef3c7;--brand-state-info: #8b5cf6;--brand-state-info-soft: #ede9fe;--brand-state-error: #f43f5e;--brand-state-error-soft: #ffe4e6;--brand-accent-violet: #8b5cf6;--brand-accent-violet-soft: #ede9fe;--brand-accent-amber: #f59e0b;--brand-accent-amber-soft: #fef3c7;--brand-accent-rose: #f43f5e;--brand-accent-rose-soft: #ffe4e6;--brand-accent-emerald: #10b981;--brand-accent-emerald-soft: #d1fae5;--brand-accent: #2563eb;--brand-accent-1: 219 234 254;--brand-accent-5: 99 102 241;--brand-accent-6: 139 92 246;--brand-accent-7: 167 139 250;--brand-accent-9: 79 70 229;--brand-shadow-1: 0 1px 2px rgba(15, 23, 42, .04), 0 1px 1px rgba(15, 23, 42, .03);--brand-shadow-popover: 0 4px 12px -4px rgba(15, 23, 42, .08);--brand-shadow-modal: 0 12px 32px -8px rgba(15, 23, 42, .12);--font-sans: Inter, "Noto Sans SC", "PingFang SC", "Microsoft YaHei", system-ui, sans-serif;--font-mono: "SF Mono", "Cascadia Code", Consolas, monospace}html{font-family:var(--font-sans);background-color:var(--brand-background);color:var(--brand-foreground);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{line-height:1.6;margin:0}*{border-color:var(--brand-border);box-sizing:border-box}html.dark{--brand-background: #0f0f11;--brand-foreground: #f1f1f5;--brand-card: #18181b;--brand-card-foreground: #f1f1f5;--brand-popover: #18181b;--brand-popover-foreground: #f1f1f5;--brand-primary: #3b82f6;--brand-primary-foreground: #ffffff;--brand-primary-50: #172554;--brand-primary-100: #1e3a8a;--brand-primary-200: #1e40af;--brand-primary-300: #2563eb;--brand-primary-600: #3b82f6;--brand-primary-700: #60a5fa;--brand-muted: #27272a;--brand-muted-foreground: #a1a1aa;--brand-border: #27272a;--brand-input: #27272a;--brand-ring: #3b82f6;--brand-surface: #18181b;--brand-surface-2: #27272a;--brand-surface-3: #3f3f46;--brand-ink: #f1f1f5;--brand-ink-2: #d4d4d8;--brand-ink-3: #a1a1aa;--brand-ink-4: #71717a;--brand-shadow-1: 0 1px 2px rgba(0, 0, 0, .3), 0 1px 1px rgba(0, 0, 0, .2);--brand-shadow-popover: 0 4px 12px -4px rgba(0, 0, 0, .5);--brand-shadow-modal: 0 12px 32px -8px rgba(0, 0, 0, .6);--brand-accent-violet-soft: rgba(139, 92, 246, .16);--brand-accent-amber-soft: rgba(245, 158, 11, .16);--brand-accent-rose-soft: rgba(244, 63, 94, .16);--brand-accent-emerald-soft: rgba(16, 185, 129, .16)}.bg-background{background-color:var(--brand-background)}.text-foreground{color:var(--brand-foreground)}.bg-card{background-color:var(--brand-card)}.text-card-foreground{color:var(--brand-card-foreground)}.bg-popover{background-color:var(--brand-popover)}.bg-primary{background-color:var(--brand-primary)}.text-primary{color:var(--brand-primary)}.border-primary{border-color:var(--brand-primary)}.bg-primary-foreground{background-color:var(--brand-primary-foreground)}.text-primary-foreground{color:var(--brand-primary-foreground)}.bg-muted{background-color:var(--brand-muted)}.text-muted-foreground{color:var(--brand-muted-foreground)}.border-border{border-color:var(--brand-border)}.bg-input{background-color:var(--brand-input)}.text-ring{color:var(--brand-ring)}.bg-emerald{background-color:#10b981}.text-emerald{color:#10b981}.bg-emerald-soft{background-color:#d1fae5}.bg-violet{background-color:#8b5cf6}.text-violet{color:#8b5cf6}.bg-violet-soft{background-color:#ede9fe}.bg-amber{background-color:#f59e0b}.text-amber{color:#f59e0b}.bg-amber-soft{background-color:#fef3c7}.bg-rose{background-color:#f43f5e}.text-rose{color:#f43f5e}.bg-rose-soft{background-color:#ffe4e6}.bg-cyan{background-color:#06b6d4}.text-cyan{color:#06b6d4}.bg-cyan-soft{background-color:#cffafe}.bg-slate{background-color:#64748b}.bg-sky{background-color:#0ea5e9}.bg-lime{background-color:#84cc16}.bg-fuchsia{background-color:#d946ef}.bg-orange{background-color:#f97316}.bg-teal{background-color:#14b8a6}.bg-indigo{background-color:#6366f1}html.dark .bg-slate{background-color:#5a6d80}html.dark .bg-sky{background-color:#0c8ec4}html.dark .bg-lime{background-color:#6fa814}html.dark .bg-fuchsia{background-color:#b935cc}html.dark .bg-orange{background-color:#d4620f}html.dark .bg-teal{background-color:#119588}html.dark .bg-indigo{background-color:#5255cc}html.dark .bg-emerald-soft{background-color:#10b98129}html.dark .bg-violet-soft{background-color:#8b5cf629}html.dark .bg-amber-soft{background-color:#f59e0b29}html.dark .bg-rose-soft{background-color:#f43f5e29}html.dark .bg-cyan-soft{background-color:#06b6d429}.border-amber\/20{border-color:#f59e0b33}.border-amber\/40{border-color:#f59e0b66}.border-rose\/30{border-color:#f43f5e4d}.border-emerald\/30{border-color:#10b9814d}.bg-cover{background-size:cover}.bg-center{background-position:center}.bg-amber\/10{background-color:#f59e0b1a}.bg-amber\/15{background-color:#f59e0b26}.bg-amber-soft\/50{background-color:#f59e0b80}.bg-emerald-soft\/40{background-color:#10b98166}.hover\:bg-rose\/5:hover{background-color:#f43f5e0d}html.dark .bg-amber-soft\/50{background-color:#f59e0b38}html.dark .bg-emerald-soft\/40{background-color:#10b9812e}.text-ink{color:var(--brand-ink)}.text-ink-2{color:var(--brand-ink-2)}.text-ink-3{color:var(--brand-ink-3)}.text-ink-4{color:var(--brand-ink-4)}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.search-mark{background-color:#fef3c7;border-radius:2px;padding:0 2px;color:inherit}html.dark .search-mark{background-color:#f59e0b40}.code-inline{color:#dc2626}html.dark .code-inline{color:#fcd34d}.three-column-layout{display:grid;gap:1.5rem;align-items:start;grid-template-columns:240px 1fr 280px}@media (max-width: 1023px){.three-column-layout{grid-template-columns:240px 1fr}}@media (max-width: 767px){.three-column-layout{grid-template-columns:1fr}}.critical-frame{min-width:0}@media (max-width: 1023px){.right-rail{display:none}}@media (min-width: 768px){.mobile-tabs{display:none}}.fade-enter-active,.fade-leave-active{transition:opacity .2s ease}.fade-enter-from,.fade-leave-to{opacity:0}.slide-l-enter-active,.slide-l-leave-active{transition:transform .22s ease}.slide-l-enter-from,.slide-l-leave-to{transform:translate(-100%)}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}html{scrollbar-width:none;-ms-overflow-style:none}html::-webkit-scrollbar{display:none;width:0;height:0}body::-webkit-scrollbar{display:none;width:0;height:0}*{scrollbar-width:none;-ms-overflow-style:none}*::-webkit-scrollbar{display:none;width:0;height:0}.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}.dark-block,html.dark .dark-hidden{display:none}html.dark .dark-block{display:inline-flex}.card{background-color:var(--brand-card);border:1px solid var(--brand-border);border-radius:var(--brand-radius-lg);box-shadow:var(--brand-shadow-1)}.card-hover{transition:border-color .2s ease,box-shadow .2s ease,transform .15s ease}.card-hover:hover{border-color:var(--brand-primary);box-shadow:0 2px 8px #2563eb14}html.dark .card-hover:hover{box-shadow:0 2px 8px #3b82f626}.admin-table tr:hover td{background-color:var(--brand-surface-2)}.admin-table tr{transition:background-color .12s ease}.page-enter-active{transition:opacity .2s ease,transform .2s ease}.page-leave-active{transition:opacity .15s ease}.page-enter-from{opacity:0;transform:translateY(4px)}.page-leave-to{opacity:0}.toast-enter-active{transition:all .3s cubic-bezier(.21,1.02,.73,1)}.toast-leave-active{transition:all .2s ease}.toast-enter-from{opacity:0;transform:translateY(-12px) scale(.96)}.toast-leave-to{opacity:0;transform:translateY(-8px)}@keyframes skeleton-pulse{0%,to{opacity:1}50%{opacity:.5}}.skeleton{animation:skeleton-pulse 1.5s cubic-bezier(.4,0,.6,1) infinite;background:var(--brand-muted);border-radius:var(--brand-radius-md)}@media (max-width: 767px){header button,header a,.mobile-tabs button,.drawer button,.drawer a,[class*="bg-primary text-primary-foreground"],[class*="bg-primary text-primary-foreground"] a{min-height:44px}.card{border-radius:var(--brand-radius-md)}.three-column-layout{gap:.75rem}}@media (max-width: 767px){.app-header{flex-wrap:wrap;height:auto;padding-top:.5rem;padding-bottom:.5rem;row-gap:.5rem}.app-header .header-search{order:3;flex-basis:100%;max-width:none}}.leaderboard-row{transition:background-color .15s ease}.leaderboard-row:hover{background-color:var(--brand-surface-2)}.empty-state__illustration{width:160px;height:160px;margin:0 auto 24px;opacity:.9}.empty-state__illustration svg{width:100%;height:100%;display:block}.empty-state{text-align:center;padding:48px 24px}.empty-state__title{font-size:18px;font-weight:600;color:var(--brand-foreground);margin-bottom:8px}.empty-state__desc{font-size:14px;color:var(--brand-muted-foreground);margin-bottom:16px}.empty-state__action{margin-top:16px}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}input,textarea,select{font-family:inherit}select{-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='%236b6b75' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .625rem center;padding-right:2rem!important;cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease}select:focus{outline:none;border-color:var(--brand-ring)!important;box-shadow:0 0 0 2px #2563eb26}html.dark select{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='%23a1a1aa' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")}.focus-visible:focus-visible{outline:2px solid var(--brand-ring);outline-offset:2px}