:root{--color-primary: #1677ff;--color-primary-bg: #e6f7ff;--color-primary-border: #91caff;--color-primary-dark: #0958d9;--color-success: #52c41a;--color-success-bg: #f6ffed;--color-success-border: #b7eb8f;--color-warning: #faad14;--color-warning-bg: #fffbe6;--color-warning-border: #ffe58f;--color-purple-bg: #f9f0ff;--color-purple-border: #d3adf7;--color-orange-bg: #fff7e6;--color-orange-border: #ffd591;--color-bg-dark: #1e1e1e;--color-text-light: #d4d4d4;--color-bg-elevated: #f0f5ff}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:500;letter-spacing:.02em;text-rendering:optimizeLegibility}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#00000026;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#00000040}*{scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.15) transparent}.skip-link{position:absolute;top:-40px;left:0;background:var(--color-primary);color:#fff;padding:8px 16px;z-index:9999;transition:top .15s;border-radius:0 0 8px}.skip-link:focus{top:0}button:focus-visible,a:focus-visible,[role=button]:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--color-primary, #1677ff);outline-offset:2px;border-radius:4px}.ant-btn:focus-visible,.ant-menu-item:focus-visible,.ant-tabs-tab:focus-visible,.ant-card:focus-visible,.ant-tag:focus-visible{outline:2px solid var(--color-primary, #1677ff);outline-offset:2px}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes bounceIn{0%{transform:scale(0);opacity:0}50%{transform:scale(1.08)}70%{transform:scale(.96)}to{transform:scale(1);opacity:1}}@keyframes scaleIn{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}@keyframes gentlePulse{0%,to{transform:scale(1)}50%{transform:scale(1.03)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes typingBounce{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-4px)}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes dotPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.4);opacity:.7}}.anim-fade-slide-in{animation:fadeSlideIn .35s ease-out}.anim-fade-slide-in-fill{animation:fadeSlideIn .35s ease-out both}.anim-fade-in{animation:fadeIn .25s ease-out}.anim-bounce-in{animation:bounceIn .5s ease-out}.anim-scale-in{animation:scaleIn .4s cubic-bezier(.34,1.56,.64,1)}.anim-gentle-pulse{animation:gentlePulse 2s ease-in-out infinite}.anim-float{animation:float 3s ease-in-out infinite}.anim-slide-in-right{animation:slideInRight .25s ease-out}.hero-gradient-blue{background:var(--color-primary-dark);border:none;overflow:hidden}.hero-gradient-dark{background:#1e293b;border:none;overflow:hidden}.celebration-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:#00000080;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1100;cursor:pointer;animation:fadeIn .3s ease-out}.result-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;cursor:pointer}.chat-bubble-ai{background:#f8f9fa;border:1px solid #e8eaed;border-radius:4px 16px 16px}.chat-bubble-user{background:var(--color-primary-bg);border:1px solid var(--color-primary-border);border-radius:16px 4px 16px 16px}.chat-code-block{margin:8px 0;border-radius:6px;overflow:hidden;border:1px solid #333}.chat-code-content{margin:0;padding:12px;background:var(--color-bg-dark);color:var(--color-text-light);font-family:Fira Code,Cascadia Code,Menlo,monospace;font-size:12px;line-height:1.6;overflow-x:auto;white-space:pre}.code-editor-dark{font-family:Fira Code,Cascadia Code,Menlo,monospace;font-size:13px;line-height:1.6;border:none;border-radius:0;resize:none;background:var(--color-bg-dark);color:var(--color-text-light);padding:12px}.terminal-dark{padding:12px;margin:0;font-family:Fira Code,Menlo,monospace;font-size:12px;background:var(--color-bg-dark);color:var(--color-text-light);height:100%;overflow:auto;white-space:pre-wrap}.dot-pulse-indicator{display:inline-block;width:6px;height:6px;background:var(--color-success);border-radius:50%;animation:dotPulse 1.4s ease-in-out infinite}.unread-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;animation:dotPulse 2s ease-in-out infinite}.level-circle{width:100px;height:100px;border-radius:50%;background:#ffffff26;display:flex;align-items:center;justify-content:center;border:3px solid rgba(255,255,255,.3)}.icon-circle-sm{width:28px;height:28px;border-radius:8px;background:#ffffff1f;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:14px}.icon-circle-md{width:64px;height:64px;border-radius:8px;background:#ffffff26;display:flex;align-items:center;justify-content:center;font-size:28px}.legend-dot{width:10px;height:10px;border-radius:2px}.text-2xs{font-size:11px}.text-xs{font-size:12px}.text-sm{font-size:13px}.text-lg{font-size:18px}.text-xl{font-size:20px}.text-2xl{font-size:22px}.text-3xl{font-size:24px}.text-4xl{font-size:28px}.text-5xl{font-size:36px}.text-emoji{font-size:48px}.text-emoji-lg{font-size:64px}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.leading-none{line-height:1}.leading-tight{line-height:1.3}.leading-snug{line-height:1.5}.leading-relaxed{line-height:1.7}.leading-loose{line-height:1.8}.tabular-nums{font-variant-numeric:tabular-nums}.whitespace-pre-wrap{white-space:pre-wrap}.text-white{color:#fff}.text-white-muted{color:#fffc}.text-white-dim,.text-white-faint{color:#ffffffb3}.text-white-ghost{color:#fff9}.hint-card-blue{background:var(--color-primary-bg);border:1px solid var(--color-primary-border)}.hint-card-yellow{background:var(--color-orange-bg);border:1px solid var(--color-orange-border)}.hint-card-purple{background:var(--color-purple-bg);border:1px solid var(--color-purple-border)}.hint-card-green{background:var(--color-success-bg);border:1px solid var(--color-success-border)}.tip-card{border-style:dashed;background:var(--color-warning-bg);border-color:var(--color-warning-border)}.grading-card{background:var(--color-success-bg);border:1px solid var(--color-success-border)}.ai-chat-header{background:var(--color-bg-elevated)}.member-row-highlight td{background:var(--color-purple-bg);font-weight:600}.member-row-gold td{background:var(--color-warning-bg)}.member-row-silver td{background:#f5f5f5}.member-row-bronze td{background:var(--color-orange-bg)}@media(max-width:575px){#main-content{padding:12px}.ant-card .ant-card-body{padding:16px}.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item{padding-inline-start:4px}.ant-descriptions{overflow-x:auto}.ant-tabs-nav{flex-wrap:nowrap}}@media(max-height:500px)and (orientation:landscape){#main-content{padding:8px 16px}}