:root{--bg: #f6f8fb;--surface: #ffffff;--surface-2: #eef4fb;--fg: #0f172a;--muted: #64748b;--muted-soft: #475569;--border: #dbe4ef;--accent: #2563eb;--accent-2: #0f6abf;--accent-glow: rgba(37, 99, 235, .12);--gold: #b7791f;--danger: #dc2626;--success: #15803d;--shadow-card: 0 12px 34px rgba(15, 23, 42, .06);--shadow-card-hover: 0 16px 36px rgba(37, 99, 235, .09);--font-display: -apple-system, BlinkMacSystemFont, "SF Pro Display", system-ui, sans-serif;--font-body: -apple-system, BlinkMacSystemFont, "SF Pro Text", system-ui, sans-serif;--font-mono: "JetBrains Mono", "IBM Plex Mono", ui-monospace, Menlo, monospace}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{background:linear-gradient(180deg,#f8fbff,#f6f8fb 42%,#eef4f8);color:var(--fg);font:15px/1.65 var(--font-body);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.q-icon{width:16px;height:16px;display:inline-block;vertical-align:middle;flex-shrink:0}.q-icon svg{width:100%;height:100%;display:block}.q-icon-sm{width:14px;height:14px}.q-icon-lg{width:20px;height:20px}.q-icon-xl{width:24px;height:24px}.q-icon-2xl{width:28px;height:28px}.q-topbar{position:fixed;top:0;left:0;right:0;z-index:50;height:64px;background:#ffffffeb;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border);box-shadow:0 8px 22px #0f172a0d;display:flex;align-items:center;padding:0 32px}.q-topbar-logo{display:flex;align-items:center;gap:10px;font:700 19px/1 var(--font-display);letter-spacing:-.02em;margin-right:48px;color:var(--fg);text-decoration:none}.q-logo-icon{width:32px;height:32px;border-radius:8px;background:linear-gradient(135deg,var(--accent),var(--accent-2));display:grid;place-items:center;font:700 14px/1 var(--font-mono);color:#fff}.q-topbar-nav{display:flex;align-items:center;gap:4px;flex:1}.q-nav-item{display:flex;align-items:center;gap:8px;min-height:40px;padding:9px 18px;border-radius:8px;font:600 14px/1 var(--font-body);color:var(--muted);text-decoration:none;white-space:nowrap;transition:all .15s;cursor:pointer;border:none;background:none}.q-nav-item:hover{background:var(--surface-2);color:var(--fg)}.q-nav-item.active{background:var(--accent-glow);color:var(--accent)}.q-topbar-actions{display:flex;align-items:center;gap:8px}.q-topbar-user{display:flex;align-items:center;gap:12px;cursor:pointer;padding:6px 12px;border-radius:10px;transition:background .15s;border:0;background:transparent}.q-topbar-user:hover{background:var(--surface-2)}.q-topbar-user:focus-visible,.q-logout-btn:focus-visible{outline:2px solid var(--accent-2);outline-offset:2px}.q-logout-btn{min-height:40px;display:inline-flex;align-items:center;gap:8px;padding:9px 12px;border-radius:8px;border:1px solid transparent;background:transparent;color:var(--muted);font:600 14px/1 var(--font-body);cursor:pointer;transition:all .15s}.q-logout-btn:hover{background:#dc262614;border-color:#dc26262e;color:var(--danger)}.q-avatar{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,var(--accent),#14b8a6);display:grid;place-items:center;font:700 12px/1 var(--font-mono);color:#fff;flex-shrink:0}.q-user-info{text-align:right}.q-user-name{font:600 14px/1.3 var(--font-body);color:var(--fg)}.q-user-meta{font:12px/1.35 var(--font-mono);color:var(--muted)}.q-main{min-height:100vh;padding:88px 40px 40px;background:linear-gradient(180deg,#f8fbff,#f6f8fb 42%,#eef4f8)}.q-page-head{margin-bottom:28px}.q-page-title{font:700 30px/1.2 var(--font-display);letter-spacing:-.02em;color:var(--fg)}.q-page-sub{color:var(--muted-soft);font-size:16px;margin-top:6px}.q-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:20px;transition:all .2s;box-shadow:var(--shadow-card)}.q-card:hover{border-color:#2563eb38;box-shadow:var(--shadow-card-hover)}.q-quest-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.q-quest-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:18px;position:relative;transition:all .2s;cursor:pointer;min-height:220px;display:flex;flex-direction:column}.q-quest-card:hover{transform:translateY(-2px);border-color:#2563eb3d;box-shadow:var(--shadow-card-hover)}.q-quest-card.rare{border-color:#2563eb33}.q-quest-card.epic{border-color:#b7791f38}.q-difficulty{position:absolute;top:12px;right:12px;font:700 12px/1 var(--font-mono);padding:5px 9px;border-radius:999px;text-transform:uppercase;letter-spacing:.06em}.q-diff-easy{background:#15803d1a;color:var(--success)}.q-diff-normal{background:#2563eb1a;color:var(--accent)}.q-diff-hard{background:#dc26261a;color:var(--danger)}.q-subject{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;font:700 14px/1 var(--font-mono);margin-bottom:12px}.q-subj-code{background:#ede9fe;color:#6d28d9}.q-subj-math{background:#dbeafe;color:#1d4ed8}.q-subj-eng{background:#dcfce7;color:var(--success)}.q-subj-phys{background:#fef3c7;color:var(--gold)}.q-subj-chem{background:#ffedd5;color:#c2410c}.q-subj-bio{background:#fce7f3;color:#be185d}.q-subj-other{background:var(--surface-2);color:var(--muted)}.q-quest-title{font:700 17px/1.35 var(--font-display);margin-bottom:8px;color:var(--fg)}.q-quest-desc{font-size:14px;color:var(--muted-soft);margin-bottom:16px;line-height:1.65;min-height:92px;max-height:92px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical}.q-quest-meta{display:flex;align-items:center;gap:12px;font:12px/1.2 var(--font-mono);color:var(--muted);margin-top:auto;min-height:30px;flex-wrap:wrap}.q-quest-meta .dot{width:3px;height:3px;border-radius:50%;background:var(--muted);flex-shrink:0}.q-quest-xp{margin-left:auto;padding:6px 11px;border-radius:999px;background:#2563eb;color:#fff;font:700 12px/1 var(--font-mono)}.q-lb-table{width:100%;border-collapse:collapse}.q-lb-table th{text-align:left;padding:12px 16px;font:700 12px/1 var(--font-mono);color:var(--muted);text-transform:uppercase;letter-spacing:.1em;border-bottom:1px solid var(--border)}.q-lb-table td{padding:14px 16px;border-bottom:1px solid var(--border)}.q-lb-rank{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;font:700 13px/1 var(--font-mono)}.q-rank-1{background:linear-gradient(135deg,#f0b429,#f59e0b);color:#1a1500}.q-rank-2{background:linear-gradient(135deg,#94a3b8,#64748b);color:#0f172a}.q-rank-3{background:linear-gradient(135deg,#b45309,#92400e);color:#fff}.q-rank-n{background:var(--surface-2);color:var(--muted)}.q-lb-player{display:flex;align-items:center;gap:12px}.q-lb-avatar{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;font:700 12px/1 var(--font-mono)}.q-lb-name{font:600 15px/1.2 var(--font-body);color:var(--fg)}.q-lb-tier{font:12px/1.2 var(--font-mono);color:var(--muted);margin-top:4px}.q-lb-xp{font:700 14px/1.2 var(--font-mono);color:var(--accent-2)}.q-lb-progress{width:100px;height:4px;background:var(--surface-2);border-radius:999px;overflow:hidden}.q-lb-progress>span{display:block;height:100%;background:linear-gradient(90deg,var(--accent),#14b8a6);border-radius:999px}.q-profile-hero{display:flex;gap:24px;align-items:center;padding:28px;margin-bottom:24px}.q-profile-avatar{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,var(--accent),#14b8a6);display:grid;place-items:center;font:700 28px/1 var(--font-mono);color:#fff;border:3px solid rgba(37,99,235,.14);box-shadow:0 10px 28px #2563eb1f;flex-shrink:0}.q-profile-info h2{font:700 22px/1 var(--font-display);margin-bottom:4px;color:var(--fg)}.q-tier-badge{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:999px;background:#eff6ff;border:1px solid rgba(37,99,235,.16);font:700 13px/1 var(--font-mono);color:var(--accent-2);margin-bottom:10px}.q-xp-bar-wrap{max-width:360px}.q-xp-bar-label{display:flex;justify-content:space-between;font:12px/1.2 var(--font-mono);color:var(--muted);margin-bottom:8px}.q-xp-bar{height:8px;background:var(--surface-2);border-radius:999px;overflow:hidden}.q-xp-bar>span{display:block;height:100%;background:linear-gradient(90deg,var(--accent),#14b8a6);border-radius:999px}.q-stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.q-stat-card{text-align:center;padding:20px}.q-stat-val{font:700 24px/1 var(--font-mono);color:var(--accent)}.q-stat-label{font:12px/1.2 var(--font-mono);color:var(--muted);margin-top:8px;text-transform:uppercase;letter-spacing:.08em}.q-badge-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:16px}.q-badge-item{position:relative;display:flex;flex-direction:column;align-items:center;gap:10px;padding:20px 12px;text-align:center;overflow:hidden}.q-badge-item.locked{opacity:.35}.q-badge-icon{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;border:2px solid var(--border)}.q-badge-icon .q-icon{width:24px;height:24px}.q-badge-item.unlocked .q-badge-icon{background:#eff6ff;border-color:var(--accent);color:var(--accent-2)}.q-badge-item.unlocked .q-badge-icon svg{stroke:var(--accent-2)}.q-badge-item.locked .q-badge-icon{background:var(--surface-2)}.q-badge-item.locked .q-badge-icon svg{stroke:var(--muted)}.q-badge-name{font:700 14px/1.35 var(--font-body);color:var(--fg)}.q-badge-desc{font:12px/1.5 var(--font-body);color:var(--muted)}.q-badge-item.is-course-complete{min-height:148px;justify-content:center;border-radius:10px;border:1px solid rgba(245,158,11,.42);background:radial-gradient(circle at 50% 8%,rgba(255,255,255,.94),transparent 24%),radial-gradient(circle at 18% 18%,rgba(56,189,248,.26),transparent 24%),linear-gradient(135deg,#fff7ed,#fef3c7 42%,#f5d36b);box-shadow:0 16px 34px #b4530929,inset 0 0 0 1px #ffffff8c}.q-badge-item.is-course-complete:before{content:"";position:absolute;top:-45%;right:-45%;bottom:-45%;left:-45%;background:conic-gradient(from 90deg,transparent 0deg,rgba(255,255,255,.68) 24deg,transparent 58deg,transparent 360deg);animation:qCourseBadgeSweep 5.8s linear infinite}.q-badge-item.is-course-complete:after{content:"";position:absolute;top:10px;right:10px;bottom:10px;left:10px;border-radius:8px;border:1px solid rgba(255,255,255,.62);pointer-events:none}.q-badge-item.is-course-complete>*{position:relative;z-index:1}.q-badge-item.unlocked.is-course-complete .q-badge-icon{width:62px;height:62px;background:radial-gradient(circle at 35% 28%,#fff,#fde68a 34%,#f59e0b);border-color:#92400e85;color:#7c2d12;box-shadow:0 0 0 8px #f59e0b21,0 0 28px #f59e0b75,inset 0 2px 10px #ffffff8f;animation:qCourseBadgePulse 2.8s ease-in-out infinite}.q-badge-item.is-course-complete .q-badge-icon .q-icon{width:28px;height:28px}.q-badge-item.unlocked.is-course-complete .q-badge-icon svg{stroke:#7c2d12}.q-badge-item.is-course-complete .q-badge-name{color:#7c2d12;font-size:14px}.q-badge-item.is-course-complete .q-badge-desc{color:#92400e;font-weight:700}@keyframes qCourseBadgePulse{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-2px) scale(1.04)}}@keyframes qCourseBadgeSweep{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.q-badge-item.is-course-complete:before,.q-badge-item.unlocked.is-course-complete .q-badge-icon{animation:none}}.q-quest-hero{padding:28px;margin-bottom:24px;background:linear-gradient(135deg,#2563eb14,#14b8a60d),var(--surface)}.q-subject-tag{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:999px;background:#eff6ff;font:700 12px/1 var(--font-mono);color:var(--accent-2);margin-bottom:14px}.q-quest-hero h2{font:700 28px/1.25 var(--font-display);margin-bottom:12px;color:var(--fg)}.q-rich-content{color:var(--muted-soft)}.q-rich-content>:first-child{margin-top:0}.q-rich-content>:last-child{margin-bottom:0}.q-rich-content p,.q-rich-content ul,.q-rich-content ol,.q-rich-content blockquote,.q-rich-content pre{margin:0 0 14px}.q-rich-content strong{color:var(--fg);font-weight:700}.q-rich-content a{color:var(--accent-2);text-decoration:none}.q-rich-content ul,.q-rich-content ol{padding-left:22px}.q-rich-content li+li{margin-top:6px}.q-rich-content code{padding:2px 6px;border-radius:6px;background:var(--surface-2);color:var(--accent-2);font:12px/1.4 var(--font-mono)}.q-rich-content pre{padding:14px 16px;border-radius:10px;overflow:auto;background:#f8fafc;border:1px solid var(--border)}.q-rich-content pre code{padding:0;background:transparent;color:var(--fg)}.q-rich-content blockquote{padding-left:14px;border-left:3px solid rgba(59,130,246,.5);color:var(--muted)}.q-quest-rich{font-size:16px;line-height:1.7;max-width:760px}.q-reward-box{display:inline-flex;align-items:center;gap:16px;margin-top:16px;padding:12px 20px;background:var(--surface-2);border-radius:12px}.q-reward-item{text-align:center}.q-reward-val{font:700 18px/1 var(--font-mono);color:var(--gold)}.q-reward-label{font:12px/1.2 var(--font-mono);color:var(--muted);margin-top:5px;text-transform:uppercase}.q-steps-list{margin:20px 0}.q-step-item{display:flex;align-items:center;gap:14px;padding:14px 0;border-bottom:1px solid var(--border)}.q-step-check{width:22px;height:22px;border-radius:50%;border:2px solid var(--border);flex-shrink:0;display:grid;place-items:center}.q-step-check svg{width:12px;height:12px;display:none}.q-step-item.done .q-step-check{background:var(--success);border-color:var(--success)}.q-step-item.done .q-step-check svg{display:block}.q-step-item.done .q-step-text{color:var(--muted);text-decoration:line-through}.q-step-text{font:15px/1.5 var(--font-body);flex:1;color:var(--fg)}.q-step-xp{font:12px/1.2 var(--font-mono);color:var(--muted)}.q-login-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#f8fbff,#f6f8fb 42%,#eef4f8)}.q-login-card{width:400px;padding:40px;background:var(--surface);border:1px solid var(--border);border-radius:20px;text-align:center}.q-login-card .logo{display:flex;align-items:center;gap:10px;justify-content:center;margin-bottom:24px}.q-login-card h1{font:700 26px/1.2 var(--font-display);margin-bottom:8px;color:var(--fg)}.q-login-card .tagline{color:var(--muted-soft);font-size:15px;margin-bottom:28px}.q-input{width:100%;padding:12px 16px;margin-bottom:12px;background:var(--surface-2);border:1px solid var(--border);border-radius:10px;color:var(--fg);font:15px/1.35 var(--font-body);outline:none;transition:border-color .2s}.q-input:focus{border-color:var(--accent)}.q-input::placeholder{color:var(--muted)}.q-btn{width:100%;padding:13px;background:#2563eb;border:none;border-radius:10px;color:#fff;font:700 15px/1 var(--font-body);cursor:pointer;transition:opacity .2s,transform .1s}.q-btn:hover{opacity:.9}.q-btn:active{transform:scale(.98)}.q-btn-secondary{background:var(--surface-2);border:1px solid var(--border);color:var(--fg)}.q-btn-secondary:hover{border-color:var(--accent)}.q-stats-float{position:absolute;bottom:40px;left:50%;transform:translate(-50%);display:flex;gap:32px;text-align:center}.q-stat-f{font:700 20px/1 var(--font-mono);color:var(--accent)}.q-stat-f-label{font:12px/1.2 var(--font-mono);color:var(--muted);margin-top:5px;text-transform:uppercase;letter-spacing:.1em}.q-section-title{font:700 13px/1.2 var(--font-mono);color:var(--muted);text-transform:uppercase;letter-spacing:.12em;margin:24px 0 14px}.q-achieve-row{display:flex;gap:16px;align-items:center}.q-achieve-icon{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#f0b42933,#f0b4290d);border:2px solid rgba(240,180,41,.3);color:var(--gold);flex-shrink:0}.q-achieve-icon svg{stroke:var(--gold)}.q-achieve-info{flex:1}.q-achieve-title{font:700 15px/1.25 var(--font-body);color:var(--fg)}.q-achieve-desc{font-size:13px;line-height:1.5;color:var(--muted);margin-top:5px}.q-achieve-xp{font:700 13px/1.2 var(--font-mono);color:var(--gold)}.q-tabs{display:flex;gap:4px;margin-bottom:20px;border-bottom:1px solid var(--border)}.q-tab{padding:10px 20px;font:600 14px/1 var(--font-body);color:var(--muted);background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;transition:all .15s}.q-tab:hover{color:var(--fg)}.q-tab.active{color:var(--accent);border-bottom-color:var(--accent)}.q-empty{text-align:center;padding:60px 20px;color:var(--muted);font-size:15px}.q-empty-icon{font-size:48px;margin-bottom:16px;opacity:.5}@keyframes q-fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.q-avatar-frame-cola-pop{border-color:#dc2626!important;background:radial-gradient(circle at 28% 24%,rgba(255,255,255,.78) 0 8%,transparent 9%),radial-gradient(circle at 72% 72%,rgba(255,255,255,.5) 0 6%,transparent 7%),linear-gradient(135deg,#dc262638,#1118271f)!important;color:#991b1b!important;box-shadow:0 0 0 3px #dc26262e,0 8px 20px #7f1d1d29!important}.q-avatar-frame-luckin-blue{border-color:#0284c7!important;background:linear-gradient(135deg,#0ea5e938,#ffffffe0),repeating-linear-gradient(45deg,rgba(2,132,199,.18) 0 3px,transparent 3px 7px)!important;color:#075985!important;box-shadow:0 0 0 3px #0ea5e933,0 10px 22px #0284c724!important}.q-avatar-frame-neon-circuit{border-color:#14b8a6!important;background:linear-gradient(135deg,#0f172aeb,#14b8a63d),linear-gradient(90deg,transparent 0 46%,rgba(94,234,212,.65) 46% 52%,transparent 52% 100%)!important;color:#ccfbf1!important;box-shadow:0 0 0 3px #14b8a638,0 0 20px #14b8a657!important}.q-frame-dot.q-avatar-frame-cola-pop,.q-frame-dot.q-avatar-frame-luckin-blue,.q-frame-dot.q-avatar-frame-neon-circuit{background-clip:padding-box!important}.q-identity-title.frame-cola-pop{color:#991b1b;background:#fef2f2;border-color:#dc262652}.q-identity-title.frame-luckin-blue{color:#075985;background:#e0f2fe;border-color:#0284c747}.q-identity-title.frame-neon-circuit{color:#0f766e;background:#ccfbf1;border-color:#14b8a657}.q-fade-in{animation:q-fadeIn .3s ease}@media (max-width: 768px){.q-topbar{padding:0 16px}.q-topbar-nav{display:none}.q-topbar-logo{margin-right:auto}.q-user-info,.q-logout-btn span{display:none}.q-topbar-user,.q-logout-btn{width:44px;padding:5px;justify-content:center}.q-main{padding:80px 16px 24px}.q-stats-row{grid-template-columns:repeat(2,1fr)}.q-quest-grid{grid-template-columns:1fr}}@keyframes qBgGradientDrift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.q-bg-anim-gradient{background-size:200% 200%!important;animation:qBgGradientDrift 24s ease-in-out infinite}@keyframes qBgRowGradientDrift{0%{background-position:center,0% 50%}50%{background-position:center,100% 50%}to{background-position:center,0% 50%}}.q-bg-row.q-bg-anim-gradient{background-size:auto,220% 220%!important;animation:qBgRowGradientDrift 13s ease-in-out infinite}@keyframes qBgSolidPulse{0%,to{box-shadow:inset 0 0 #fff0}50%{box-shadow:inset 0 0 30px #ffffff0f}}.q-bg-anim-solid{animation:qBgSolidPulse 8s ease-in-out infinite}@keyframes qBgBreathe{0%,to{filter:saturate(1) brightness(1);box-shadow:inset 0 0 #fff0,0 0 #2563eb00}50%{filter:saturate(1.22) brightness(1.14);box-shadow:inset 0 0 74px #ffffff42,0 12px 34px #2563eb2e}}.q-bg-breathe{position:relative;overflow:hidden;isolation:isolate;animation-name:qBgBreathe;animation-duration:6.5s;animation-timing-function:ease-in-out;animation-iteration-count:infinite}.q-bg-breathe:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:radial-gradient(circle at 24% 18%,rgba(255,255,255,.5),transparent 30%),radial-gradient(circle at 78% 72%,rgba(255,255,255,.28),transparent 30%),linear-gradient(118deg,transparent 0%,rgba(255,255,255,.08) 28%,rgba(255,255,255,.48) 47%,rgba(255,255,255,.12) 58%,transparent 74%);opacity:.34;transform:scale(1.04);animation:qBgBreatheLayer 6.5s ease-in-out infinite;mix-blend-mode:screen}.q-bg-breathe:after{content:"";position:absolute;top:-18%;right:-18%;bottom:-18%;left:-18%;z-index:1;pointer-events:none;background-image:radial-gradient(4px 4px at 10% 18%,rgba(255,255,255,.95),transparent 68%),radial-gradient(3px 3px at 24% 72%,rgba(255,255,255,.82),transparent 68%),radial-gradient(5px 5px at 42% 30%,rgba(255,255,255,.76),transparent 68%),radial-gradient(3px 3px at 62% 82%,rgba(255,255,255,.86),transparent 68%),radial-gradient(4px 4px at 78% 22%,rgba(255,255,255,.72),transparent 68%),radial-gradient(3px 3px at 92% 58%,rgba(255,255,255,.78),transparent 68%),linear-gradient(115deg,transparent 8%,rgba(255,255,255,.3) 45%,rgba(255,255,255,.52) 52%,transparent 70%);background-size:170px 170px,190px 190px,160px 160px,210px 210px,180px 180px,155px 155px,150% 150%;background-repeat:repeat;opacity:.68;transform:translate3d(-3%,-2%,0) rotate(-4deg);animation:qBgSparkDrift 12s linear infinite,qBgSparkPulse 3.2s ease-in-out infinite;mix-blend-mode:screen}.q-bg-breathe>*{position:relative;z-index:2}@keyframes qBgBreatheLayer{0%,to{opacity:.14;transform:scale(1.02) translate3d(-3%,-1%,0)}50%{opacity:.52;transform:scale(1.1) translate3d(3%,1%,0)}}@keyframes qBgSparkDrift{0%{background-position:0 0,28px 42px,90px 20px,42px 110px,130px 38px,12px 160px,-20% 50%;transform:translate3d(-3%,-2%,0) rotate(-4deg)}to{background-position:170px 170px,218px 232px,250px 180px,252px 320px,310px 218px,167px 315px,120% 50%;transform:translate3d(3%,2%,0) rotate(-4deg)}}@keyframes qBgSparkPulse{0%,to{opacity:.42}50%{opacity:.92}}.q-bg-anim-gradient.q-bg-breathe{animation-name:qBgGradientDrift,qBgBreathe;animation-duration:24s,6.5s;animation-timing-function:ease-in-out,ease-in-out;animation-iteration-count:infinite,infinite}.q-bg-row.q-bg-anim-gradient.q-bg-breathe{animation-name:qBgRowGradientDrift,qBgBreathe;animation-duration:13s,6.5s;animation-timing-function:ease-in-out,ease-in-out;animation-iteration-count:infinite,infinite}.q-bg-anim-solid.q-bg-breathe{animation-name:qBgSolidPulse,qBgBreathe;animation-duration:8s,6.5s;animation-timing-function:ease-in-out,ease-in-out;animation-iteration-count:infinite,infinite}@keyframes qBgWavesShift{0%{background-position:0% 0%}50%{background-position:100% 100%}to{background-position:0% 0%}}.q-bg-anim-waves{background-size:300% 300%!important;animation:qBgWavesShift 20s ease-in-out infinite}.q-bg-anim-waves.q-bg-breathe{animation-name:qBgWavesShift,qBgBreathe;animation-duration:20s,6.5s;animation-timing-function:ease-in-out,ease-in-out;animation-iteration-count:infinite,infinite}@keyframes qBgRowWavesShift{0%{background-position:center,0% 0%}50%{background-position:center,100% 100%}to{background-position:center,0% 0%}}.q-bg-row.q-bg-anim-waves{background-size:auto,300% 300%!important;animation:qBgRowWavesShift 10s ease-in-out infinite}.q-bg-row.q-bg-anim-waves.q-bg-breathe{animation-name:qBgRowWavesShift,qBgBreathe;animation-duration:10s,6.5s;animation-timing-function:ease-in-out,ease-in-out;animation-iteration-count:infinite,infinite}.q-bg-anim-particles{position:relative;overflow:hidden;isolation:isolate}.q-bg-anim-particles:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background-image:radial-gradient(1.5px 1.5px at 12% 18%,rgba(255,255,255,.95),transparent 70%),radial-gradient(1.5px 1.5px at 28% 64%,rgba(255,255,255,.75),transparent 70%),radial-gradient(2px 2px at 48% 28%,rgba(255,255,255,.85),transparent 70%),radial-gradient(1.5px 1.5px at 68% 78%,rgba(255,255,255,.6),transparent 70%),radial-gradient(1.5px 1.5px at 84% 22%,rgba(255,255,255,.8),transparent 70%),radial-gradient(1.5px 1.5px at 18% 86%,rgba(255,255,255,.55),transparent 70%),radial-gradient(1.5px 1.5px at 58% 48%,rgba(255,255,255,.7),transparent 70%),radial-gradient(1.5px 1.5px at 92% 64%,rgba(255,255,255,.5),transparent 70%);background-size:220px 220px;background-repeat:repeat;animation:qBgParticlesDrift 14s linear infinite,qBgParticlesTwinkle 2.4s ease-in-out infinite}@keyframes qBgParticlesDrift{0%{background-position:0 0}to{background-position:220px 220px}}@keyframes qBgParticlesTwinkle{0%,to{opacity:.55}50%{opacity:1}}.q-bg-row.q-bg-anim-particles:after{content:none}@keyframes qBgRowParticlesDrift{0%{background-position:center,12% 18%,28% 64%,48% 28%,68% 78%,84% 22%,18% 86%,58% 48%,92% 64%,center}50%{background-position:center,20% 30%,36% 76%,56% 40%,76% 90%,92% 34%,26% 98%,66% 60%,100% 76%,center}to{background-position:center,12% 18%,28% 64%,48% 28%,68% 78%,84% 22%,18% 86%,58% 48%,92% 64%,center}}.q-bg-row.q-bg-anim-particles{animation:qBgRowParticlesDrift 7.5s linear infinite,qBgSolidPulse 3.6s ease-in-out infinite}tr.q-bg-breathe{overflow:visible}tr.q-bg-breathe:before{content:none}tr.q-bg-breathe:after{content:none}.q-bg-row,.q-public-card-body,.q-bg-image-preview{isolation:isolate}.q-bg-row>*,.q-public-card-body>*{position:relative;z-index:1}@media (prefers-reduced-motion: reduce){.q-bg-breathe,.q-bg-anim-gradient,.q-bg-anim-solid,.q-bg-anim-waves,.q-bg-anim-particles,.q-bg-anim-particles:after,.q-bg-row.q-bg-anim-gradient,.q-bg-row.q-bg-anim-waves,.q-bg-row.q-bg-anim-particles{animation:none!important}}.q-logo-mark[data-v-955e8d99]{display:inline-block;vertical-align:middle;flex-shrink:0;line-height:0}.q-logo-mark svg[data-v-955e8d99]{width:100%;height:100%;display:block}.q-logo-hint[data-v-955e8d99],.q-logo-wordmark[data-v-955e8d99]{display:none}.q-logo-mark-wordmark .q-logo-hint[data-v-955e8d99],.q-logo-mark-wordmark .q-logo-wordmark[data-v-955e8d99]{display:block}.public-home[data-v-2f9efe8a]{--bg: #f6f8fb;--surface: #ffffff;--surface-2: #eef4fb;--fg: #0f172a;--muted: #64748b;--muted-soft: #475569;--border: #dbe4ef;--accent: #2563eb;--accent-2: #0f6abf;--accent-glow: rgba(37, 99, 235, .12);--gold: #b7791f;--danger: #dc2626;--success: #15803d;min-height:100vh;background:linear-gradient(180deg,#f8fbff,#f6f8fb 38%,#eef4f8);color:var(--fg)}.public-topbar[data-v-2f9efe8a]{position:sticky;top:0;z-index:40;min-height:72px;display:flex;align-items:center;gap:18px;padding:12px 32px;background:#ffffffeb;border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 8px 22px #0f172a0d}.public-logo[data-v-2f9efe8a]{display:inline-flex;align-items:center;gap:10px;margin-right:auto;color:var(--fg);text-decoration:none}.public-logo strong[data-v-2f9efe8a],.public-logo span[data-v-2f9efe8a]{display:block}.public-logo strong[data-v-2f9efe8a]{font:800 18px/1.1 var(--font-display)}.public-logo span[data-v-2f9efe8a]{margin-top:3px;font:12px/1 var(--font-body);color:var(--muted)}.public-login[data-v-2f9efe8a]{display:grid;grid-template-columns:minmax(120px,150px) minmax(120px,150px) 78px;gap:8px;align-items:center}.public-login-input[data-v-2f9efe8a]{height:38px;min-width:0;margin:0;padding:9px 12px;border-radius:8px;background:#fff;color:var(--fg)}.public-login-btn[data-v-2f9efe8a]{height:38px;padding:0 14px;border-radius:8px}.public-actions[data-v-2f9efe8a]{display:flex;align-items:center;gap:10px}.public-enter[data-v-2f9efe8a],.public-text-link[data-v-2f9efe8a]{display:inline-flex;align-items:center;gap:8px;color:var(--accent-2);text-decoration:none;font:700 14px/1.2 var(--font-body)}.public-enter[data-v-2f9efe8a]:hover,.public-text-link[data-v-2f9efe8a]:hover,.public-enter[data-v-2f9efe8a]:focus-visible,.public-text-link[data-v-2f9efe8a]:focus-visible{color:#1d4ed8;outline:none;text-decoration:underline;text-underline-offset:3px}.public-main[data-v-2f9efe8a]{width:min(1180px,calc(100% - 48px));margin:0 auto;padding:30px 0 56px}.public-hero[data-v-2f9efe8a]{min-height:240px;display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.9fr);gap:24px;align-items:stretch;margin-bottom:24px}.public-hero-copy[data-v-2f9efe8a],.public-panel[data-v-2f9efe8a],.public-stat[data-v-2f9efe8a]{background:var(--surface);border:1px solid var(--border);border-radius:8px;box-shadow:0 12px 34px #0f172a0f}.public-hero-copy[data-v-2f9efe8a]{padding:34px;display:flex;flex-direction:column;justify-content:center;background:linear-gradient(135deg,#2563eb14,#14b8a60f),#fff}.public-kicker[data-v-2f9efe8a],.public-section-label[data-v-2f9efe8a]{font:800 12px/1.2 var(--font-body);letter-spacing:.08em;color:var(--accent-2)}.public-hero h1[data-v-2f9efe8a]{margin:12px 0 14px;font:800 48px/1.05 var(--font-display);letter-spacing:0;color:var(--fg)}.public-hero p[data-v-2f9efe8a]{max-width:640px;color:var(--muted-soft);font-size:17px;line-height:1.75}.public-login-error[data-v-2f9efe8a]{margin-top:14px;color:#b91c1c!important;font-size:14px!important}.public-stats-grid[data-v-2f9efe8a]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.public-stat[data-v-2f9efe8a]{padding:22px;display:flex;flex-direction:column;justify-content:space-between;min-height:132px}.public-stat-empty[data-v-2f9efe8a]{grid-column:1 / -1;align-items:center;justify-content:center;gap:8px}.public-stat .q-icon[data-v-2f9efe8a]{color:var(--accent-2)}.public-stat strong[data-v-2f9efe8a]{margin-top:12px;font:800 32px/1 var(--font-mono);color:var(--fg)}.public-stat span[data-v-2f9efe8a]{margin-top:8px;color:var(--muted);font:700 12px/1.2 var(--font-body);letter-spacing:.04em;text-transform:uppercase}.public-grid[data-v-2f9efe8a]{display:grid;grid-template-columns:minmax(0,1.28fr) minmax(320px,.72fr);gap:24px;margin-bottom:24px}.public-info-grid[data-v-2f9efe8a]{grid-template-columns:repeat(2,minmax(0,1fr))}.public-panel[data-v-2f9efe8a]{padding:22px}.public-panel-head[data-v-2f9efe8a]{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px}.public-panel-head h2[data-v-2f9efe8a],.public-tool-strip-label h2[data-v-2f9efe8a]{margin-top:6px;font:800 24px/1.2 var(--font-display);letter-spacing:0;color:var(--fg)}.public-assignment-list[data-v-2f9efe8a]{display:grid;gap:12px}.public-assignment[data-v-2f9efe8a]{display:grid;grid-template-columns:42px minmax(0,1fr);gap:14px;padding:14px;background:#fff;border:1px solid var(--border);border-radius:8px}.public-assignment-mark[data-v-2f9efe8a]{width:42px;height:42px;border-radius:8px;display:grid;place-items:center;font:800 15px/1 var(--font-mono)}.public-assignment-title[data-v-2f9efe8a]{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.public-assignment h3[data-v-2f9efe8a]{font:800 16px/1.35 var(--font-display);letter-spacing:0;color:var(--fg)}.public-assignment .q-difficulty[data-v-2f9efe8a]{position:static;flex-shrink:0}.public-assignment p[data-v-2f9efe8a]{margin:7px 0 10px;min-height:46px;color:var(--muted-soft);font-size:14px;line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.public-assignment-meta[data-v-2f9efe8a]{display:flex;flex-wrap:wrap;gap:9px;color:var(--muted);font:12px/1.2 var(--font-body)}.public-rank-list[data-v-2f9efe8a]{display:grid;gap:8px}.public-rank-row[data-v-2f9efe8a]{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:12px;align-items:center;padding:11px 0;border-bottom:1px solid var(--border)}.public-rank-row[data-v-2f9efe8a]:last-child{border-bottom:0}.public-rank-person strong[data-v-2f9efe8a],.public-rank-person span[data-v-2f9efe8a]{display:block}.public-rank-person strong[data-v-2f9efe8a]{color:var(--fg);font:750 14px/1.2 var(--font-body)}.public-rank-person span[data-v-2f9efe8a]{margin-top:4px;color:var(--muted);font:12px/1.2 var(--font-body)}.public-rank-row b[data-v-2f9efe8a]{color:var(--accent-2);font:800 13px/1.2 var(--font-mono);white-space:nowrap}.public-rank-list .public-rank-row[style*=background] strong[data-v-2f9efe8a],.public-rank-list .public-rank-row[style*=background] span[data-v-2f9efe8a],.public-rank-list .public-rank-row[style*=background] b[data-v-2f9efe8a]{text-shadow:0 1px 3px rgba(15,23,42,.6),0 0 8px rgba(15,23,42,.3);color:#0f172a}.public-feed[data-v-2f9efe8a]{list-style:none;margin:0;padding:0;display:grid}.public-feed li[data-v-2f9efe8a]{display:flex;align-items:baseline;justify-content:space-between;gap:14px;padding:10px 0;border-bottom:1px solid var(--border)}.public-feed li[data-v-2f9efe8a]:last-child{border-bottom:0}.public-feed a[data-v-2f9efe8a],.public-feed-title[data-v-2f9efe8a]{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--fg);font:600 14px/1.4 var(--font-body);text-decoration:none}.public-feed a[data-v-2f9efe8a]:hover,.public-feed a[data-v-2f9efe8a]:focus-visible{color:var(--accent-2);outline:none}.public-feed time[data-v-2f9efe8a]{flex-shrink:0;color:var(--muted);font:12px/1.2 var(--font-mono)}.public-tool-strip[data-v-2f9efe8a]{display:flex;align-items:center;gap:22px}.public-tool-strip-label h2[data-v-2f9efe8a]{font-size:18px}.public-tool-strip-items[data-v-2f9efe8a]{display:flex;gap:8px;flex-wrap:wrap}.public-tool-chip[data-v-2f9efe8a]{min-width:52px;padding:8px 10px;border-radius:8px;text-align:center;font:850 12px/1 var(--font-mono)}.public-tool-chip.blue[data-v-2f9efe8a]{background:#dbeafe;color:#1d4ed8}.public-tool-chip.red[data-v-2f9efe8a]{background:#fee2e2;color:#b91c1c}.public-tool-chip.orange[data-v-2f9efe8a]{background:#ffedd5;color:#c2410c}.public-tool-chip.violet[data-v-2f9efe8a]{background:#ede9fe;color:#6d28d9}.public-tool-chip.cyan[data-v-2f9efe8a]{background:#cffafe;color:#0e7490}.public-tool-chip.pink[data-v-2f9efe8a]{background:#fce7f3;color:#be185d}.public-tool-chip.green[data-v-2f9efe8a]{background:#dcfce7;color:#15803d}.public-tool-strip .public-text-link[data-v-2f9efe8a]{margin-left:auto;white-space:nowrap}.public-empty[data-v-2f9efe8a]{padding:36px 16px;text-align:center;color:var(--muted);font-size:14px}.public-skeleton-list[data-v-2f9efe8a]{display:grid;gap:12px}.public-skeleton[data-v-2f9efe8a]{min-height:88px;border-radius:8px;background:linear-gradient(90deg,#eef4fb,#dbeafe,#eef4fb);background-size:200% 100%;animation:publicPulse-2f9efe8a 1.2s ease-in-out infinite}.public-skeleton.short[data-v-2f9efe8a]{min-height:56px}@keyframes publicPulse-2f9efe8a{0%{background-position:100% 0}to{background-position:-100% 0}}@media (max-width: 980px){.public-hero[data-v-2f9efe8a],.public-grid[data-v-2f9efe8a]{grid-template-columns:1fr}.public-login[data-v-2f9efe8a]{grid-template-columns:1fr 1fr 72px;width:min(460px,100%)}}@media (max-width: 720px){.public-topbar[data-v-2f9efe8a]{position:static;flex-direction:column;align-items:stretch;padding:14px 16px}.public-logo[data-v-2f9efe8a]{margin-right:0}.public-login[data-v-2f9efe8a]{grid-template-columns:1fr}.public-login-btn[data-v-2f9efe8a],.public-login-input[data-v-2f9efe8a]{height:42px}.public-main[data-v-2f9efe8a]{width:min(100% - 28px,1180px);padding-top:18px}.public-hero h1[data-v-2f9efe8a]{font-size:36px}.public-hero-copy[data-v-2f9efe8a],.public-panel[data-v-2f9efe8a]{padding:18px}.public-stats-grid[data-v-2f9efe8a],.public-info-grid[data-v-2f9efe8a]{grid-template-columns:repeat(2,1fr)}.public-assignment[data-v-2f9efe8a]{grid-template-columns:1fr}.public-assignment-mark[data-v-2f9efe8a]{width:38px;height:38px}.public-tool-strip[data-v-2f9efe8a]{flex-direction:column;align-items:flex-start;gap:14px}.public-tool-strip .public-text-link[data-v-2f9efe8a]{margin-left:0}}