:root{letter-spacing:.18px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:18px;line-height:145%}@media (width<=1024px){:root{font-size:16px}}body{margin:0}#root{text-align:left;box-sizing:border-box;flex-direction:column;width:100%;min-height:100svh;margin:0 auto;display:flex}.oj-hero{--h-bg:#060912;--h-bg2:#0b1120;--h-panel:#0e1626;--h-panel-line:#1c2942;--h-cyan:#33e8ff;--h-blue:#3d7bff;--h-violet:#9b5cff;--h-text:#eef3ff;--h-text-dim:#8ea0c4;--h-code-kw:#c792ea;--h-code-str:#8be9a0;--h-code-fn:#66d9ff;--h-code-com:#4a5a7a;--h-grid-line:#78a0ff12;background:radial-gradient(ellipse 70% 90% at 82% 40%, #9b5cff29, transparent 60%), radial-gradient(ellipse 60% 80% at 95% 75%, #33e8ff24, transparent 55%), linear-gradient(160deg, var(--h-bg) 0%, var(--h-bg2) 55%, var(--h-bg) 100%);align-items:center;width:100%;min-height:calc(100vh - 65px);display:flex;position:relative;overflow:hidden}[data-theme=light] .oj-hero{--h-bg:#f4f7fd;--h-bg2:#eaf0fb;--h-panel:#fff;--h-panel-line:#dce4f5;--h-cyan:#00b4d8;--h-blue:#3562e0;--h-violet:#7b3fe4;--h-text:#0c1730;--h-text-dim:#5b6b8c;--h-code-kw:#8a3fd1;--h-code-str:#1a9e6e;--h-code-fn:#0090c9;--h-code-com:#a3adc2;--h-grid-line:#1e3c8c0f}.oj-hero-floor{background-image:linear-gradient(var(--h-grid-line) 1px, transparent 1px), linear-gradient(90deg, var(--h-grid-line) 1px, transparent 1px);transform-origin:bottom;opacity:.9;pointer-events:none;background-size:46px 46px;height:46%;position:absolute;bottom:0;left:0;right:0;transform:perspective(400px)rotateX(55deg);-webkit-mask-image:linear-gradient(#0000,#000);mask-image:linear-gradient(#0000,#000)}.oj-hero-particles{pointer-events:none;position:absolute;inset:0}.hero-particle{background:var(--h-cyan);box-shadow:0 0 8px 2px var(--h-cyan);opacity:.55;border-radius:50%;animation:9s ease-in-out infinite ojHeroDrift;position:absolute}@keyframes ojHeroDrift{0%,to{opacity:.25;transform:translateY(0)translate(0)}50%{opacity:.7;transform:translateY(-22px)translate(8px)}}.oj-hero-ribbon{background:linear-gradient(90deg, transparent, var(--h-cyan), var(--h-violet), transparent);filter:blur(1px);opacity:.5;z-index:1;pointer-events:none;width:34%;height:2px;animation:3.4s ease-in-out infinite ojHeroPulse;position:absolute;top:38%;left:38%}@keyframes ojHeroPulse{0%,to{opacity:.2}50%{opacity:.6}}.oj-hero-textzone{z-index:5;width:46%;padding:0 clamp(20px,3.5vw,56px) 0 clamp(24px,4.5vw,64px);position:relative}.oj-hero-eyebrow{letter-spacing:2.5px;color:var(--h-cyan);text-transform:uppercase;border:1px solid var(--h-panel-line);background:#33e8ff0f;border-radius:20px;align-items:center;gap:8px;margin-bottom:26px;padding:6px 14px 6px 10px;font-size:12px;font-weight:600;display:inline-flex}.oj-hero-dot{background:var(--h-cyan);width:6px;height:6px;box-shadow:0 0 8px 2px var(--h-cyan);border-radius:50%}.oj-hero-headline{letter-spacing:-.5px;color:var(--h-text);margin:0;font-family:Trebuchet MS,Segoe UI,sans-serif;font-size:clamp(30px,3.4vw,54px);font-weight:800;line-height:1.1}.oj-hero-glow{color:var(--h-cyan);text-shadow:0 0 6px #33e8ffa6,0 0 22px #33e8ff59,0 0 46px #3d7bff40}.oj-hero-sub{color:var(--h-text-dim);max-width:420px;margin-top:20px;font-size:clamp(13px,1.05vw,16.5px);line-height:1.6}.oj-hero-cta-row{flex-wrap:wrap;gap:14px;margin-top:32px;display:flex}.oj-hero-cta{letter-spacing:.3px;height:46px;color:var(--h-text);isolation:isolate;-webkit-backdrop-filter:blur(10px);background:#ffffff0a;border:1px solid #0000;border-radius:12px;align-items:center;gap:8px;padding:0 24px;font-size:14px;font-weight:600;text-decoration:none;transition:transform .2s,box-shadow .25s,background .25s;display:inline-flex;position:relative}[data-theme=light] .oj-hero-cta{background:#ffffff8c}.oj-hero-cta:before{content:"";border-radius:inherit;background:linear-gradient(135deg, var(--h-cyan), var(--h-violet));-webkit-mask-composite:xor;z-index:-1;padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.oj-hero-cta:hover{background:#33e8ff14;transform:translateY(-2px);box-shadow:0 8px 28px #33e8ff38}[data-theme=light] .oj-hero-cta:hover{background:#00b4d81a}.oj-hero-scene{z-index:3;justify-content:center;align-items:center;width:54%;height:100%;padding:40px 0;display:flex;position:relative}.oj-hero-desk-glow{filter:blur(10px);pointer-events:none;background:radial-gradient(circle,#9b5cff38,#0000 65%);width:480px;height:480px;position:absolute;bottom:-6%;right:8%}.oj-hero-cluster{justify-content:center;align-items:flex-end;gap:14px;width:92%;height:78%;display:flex;position:relative}.oj-monitor{background:var(--h-panel);border:1px solid var(--h-panel-line);border-radius:10px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff05,0 20px 60px #00000059,0 0 40px #3d7bff1a}.oj-monitor:after{content:"";pointer-events:none;background:linear-gradient(#ffffff0d,#0000 30%);position:absolute;inset:0}.m-left{opacity:.85;width:28%;height:68%;transform:rotateY(18deg)translateZ(-10px)}.m-center{z-index:3;width:42%;height:92%;transform:translateY(-2%)}.m-right{opacity:.85;width:28%;height:68%;transform:rotateY(-18deg)translateZ(-10px)}.m-bar{background:var(--h-panel);border-bottom:1px solid var(--h-panel-line);align-items:center;gap:6px;height:22px;padding:0 10px;display:flex}.m-bar span{background:var(--h-panel-line);border-radius:50%;width:7px;height:7px}.m-body{white-space:nowrap;padding:12px 11px;font-family:Consolas,Courier New,monospace;font-size:10px;line-height:1.75;overflow:hidden}.m-body .ln{color:var(--h-code-com);width:16px;display:inline-block}.m-body .kw{color:var(--h-code-kw)}.m-body .fn{color:var(--h-code-fn)}.m-body .str{color:var(--h-code-str)}.m-body .com{color:var(--h-code-com)}.m-body .txt{color:var(--h-text-dim)}.oj-ai-chip{color:var(--h-cyan);white-space:normal;background:#33e8ff12;border:1px solid #33e8ff40;border-radius:8px;margin-top:10px;padding:7px 9px;font-family:Consolas,monospace;font-size:9px}.oj-hero-holo{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);width:158px;color:var(--h-cyan);z-index:5;background:#141e378c;border:1px solid #33e8ff59;border-radius:10px;padding:10px 12px;font-family:Consolas,monospace;font-size:9px;animation:5s ease-in-out infinite ojHeroFloat;position:absolute;top:-8%;left:50%;transform:translate(-50%);box-shadow:0 0 30px #33e8ff40}[data-theme=light] .oj-hero-holo{color:var(--h-blue);background:#ffffffbf}.oj-holo-title{color:var(--h-text-dim);align-items:center;gap:5px;margin-bottom:3px;display:flex}.oj-holo-line{margin-top:2px}.oj-holo-line.com{color:var(--h-code-com)}.oj-holo-line .kw{color:var(--h-code-kw)}.oj-holo-line .fn{color:var(--h-code-fn)}@keyframes ojHeroFloat{0%,to{transform:translate(-50%)translateY(0)}50%{transform:translate(-50%)translateY(-10px)}}.oj-hero-rack{background:var(--h-panel);border:1px solid var(--h-panel-line);z-index:2;border-radius:6px;flex-direction:column;gap:6px;width:58px;height:138px;padding:8px 6px;display:flex;position:absolute;bottom:4%;right:2%;box-shadow:0 0 30px #9b5cff26}.oj-hero-rack .u{background:var(--h-bg2);border:1px solid var(--h-panel-line);border-radius:2px;height:13px}.oj-hero-rack .u i{background:var(--h-violet);width:5px;height:5px;box-shadow:0 0 6px var(--h-violet);border-radius:50%;margin:3px 0 0 5px;animation:2.4s ease-in-out infinite ojHeroBlink;display:block}.oj-hero-rack .u:nth-child(2) i{background:var(--h-cyan);box-shadow:0 0 6px var(--h-cyan);animation-delay:.4s}.oj-hero-rack .u:nth-child(4) i{animation-delay:.8s}@keyframes ojHeroBlink{0%,to{opacity:.3}50%{opacity:1}}.oj-hero-footer-tag{letter-spacing:1.5px;color:var(--h-text-dim);text-transform:uppercase;z-index:4;font-size:11px;position:absolute;bottom:18px;left:clamp(24px,4.5vw,64px)}@media (width<=980px){.oj-hero{flex-direction:column;min-height:auto;padding:48px 0 40px}.oj-hero-textzone{text-align:center;width:100%;padding:0 24px}.oj-hero-eyebrow{margin-left:auto;margin-right:auto}.oj-hero-cta-row{justify-content:center}.oj-hero-sub{margin-left:auto;margin-right:auto}.oj-hero-scene{width:100%;height:340px;margin-top:36px}.oj-hero-footer-tag{text-align:center;margin-top:28px;position:static}.oj-hero-ribbon{display:none}}.home-container{width:100%}.section{max-width:1100px;margin:0 auto;padding:72px 24px}.section-heading{text-align:center;max-width:560px;margin:0 auto 40px}.section-heading.row{text-align:left;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px;max-width:none;margin:0 0 28px;display:flex}.section-eyebrow{letter-spacing:1.5px;text-transform:uppercase;color:var(--primary);margin-bottom:10px;font-size:12px;font-weight:700;display:inline-block}.section-heading h2{margin:0 0 8px;font-size:30px}.section-heading p{color:var(--text-muted);font-size:15px}.view-all-link{color:var(--primary);white-space:nowrap;align-items:center;gap:6px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.view-all-link:hover{text-decoration:underline}.features-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.feature-card{flex-direction:column;gap:8px;display:flex}.feature-card h3{color:var(--text);margin:4px 0 0;font-size:17px}.feature-card p{color:var(--text-muted);margin:0;font-size:13.5px;line-height:1.55}.feature-icon-badge{border-radius:var(--radius-sm);justify-content:center;align-items:center;width:44px;height:44px;display:flex}.fi-cyan{color:#22d3ee;background:#22d3ee24}.fi-violet{color:#a78bfa;background:#8b5cf626}.fi-amber{color:var(--warning);background:#eab30826}.fi-blue{color:#60a5fa;background:#3b82f626}.fi-green{color:var(--success);background:#22c55e26}.fi-pink{color:#f472b6;background:#ec489926}.stat-icon{margin:0}.home-stats{perspective:1200px;grid-template-rows:1fr 1fr;grid-template-columns:1.4fr 1fr;gap:16px;max-width:640px;margin:0 auto;display:grid}.stat-card:first-child{grid-row:span 2}.stat-card{flex-direction:column;justify-content:center;align-items:flex-start;gap:6px;min-height:120px;transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s;animation:.5s cubic-bezier(.16,1,.3,1) both statFadeIn;display:flex}.stat-card:first-child{animation-delay:50ms}.stat-card:nth-child(2){animation-delay:.15s}.stat-card:nth-child(3){animation-delay:.25s}.stat-icon-badge{border-radius:var(--radius-sm);justify-content:center;align-items:center;width:40px;height:40px;margin-bottom:6px;display:flex}.stat-card:first-child .stat-icon-badge{background:var(--primary-light)}.stat-card:first-child .stat-icon{color:var(--primary)}.stat-card:nth-child(2) .stat-icon-badge{background:#22c55e26}.stat-card:nth-child(2) .stat-icon{color:var(--success)}.stat-card:nth-child(3) .stat-icon-badge{background:#eab30826}.stat-card:nth-child(3) .stat-icon{color:var(--warning)}@keyframes statFadeIn{0%{opacity:0;transform:translateY(16px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.home-stats .stat-card:hover{z-index:5;transform:translateY(-6px)rotateX(4deg)scale(1.02);box-shadow:0 16px 32px #00000059}.stat-number{color:var(--primary);font-size:28px;font-weight:700}.stat-card:nth-child(2) .stat-number{color:var(--success)}.stat-card:nth-child(3) .stat-number{color:var(--warning)}.preview-problem-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.preview-problem-card{cursor:pointer;flex-direction:column;gap:10px;display:flex}.preview-problem-top{justify-content:space-between;align-items:center;display:flex}.preview-problem-card h4{color:var(--text);margin:0;font-size:16px}.topic-tag{color:var(--primary);background:var(--primary-light);border-radius:999px;align-self:flex-start;padding:4px 10px;font-size:11.5px;font-weight:600}.preview-leaderboard{padding:8px}.preview-lb-row{border-radius:var(--radius-sm);grid-template-columns:40px 36px 1fr auto auto;align-items:center;gap:14px;padding:12px 14px;transition:background .15s;display:grid}.preview-lb-row:hover{background:var(--surface-hover)}.preview-lb-row.top3{font-weight:600}.preview-lb-rank{text-align:center;font-size:16px}.preview-lb-avatar{background:linear-gradient(135deg, var(--primary), #818cf8);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:12px;font-weight:700;display:flex}.preview-lb-name{color:var(--text);font-size:14px}.preview-lb-solved{color:var(--text-muted);font-size:12.5px}.preview-lb-score{color:var(--primary);font-size:13.5px;font-weight:700}@media (width<=860px){.features-grid,.preview-problem-grid{grid-template-columns:1fr 1fr}}@media (width<=600px){.features-grid,.preview-problem-grid{grid-template-columns:1fr}.preview-lb-row{grid-template-columns:32px 30px 1fr auto}.preview-lb-score{display:none}}.problem-list-container{max-width:1300px;margin:0 auto;padding:32px 40px 80px}.search-bar-wrap{border:1px solid var(--border);-webkit-backdrop-filter:blur(10px);background:#ffffff08;border-radius:14px;align-items:center;margin:20px 0 16px;transition:border-color .2s,box-shadow .2s;display:flex;position:relative}[data-theme=light] .search-bar-wrap{background:#fff9}.search-bar-wrap:focus-within{border-color:var(--primary);box-shadow:0 0 0 4px var(--primary-light)}.search-icon{color:var(--text-muted);pointer-events:none;position:absolute;left:16px}.search-bar{width:100%;color:var(--text);background:0 0;border:none;outline:none;padding:16px 44px;font-size:15px}.search-bar::placeholder{color:var(--text-muted)}.search-clear{background:var(--surface-hover);color:var(--text-muted);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;display:flex;position:absolute;right:14px}.search-clear:hover{color:var(--text)}.chip-row{flex-wrap:wrap;gap:8px;margin-bottom:20px;display:flex}.chip{border:1px solid var(--border);background:var(--surface);color:var(--text-muted);cursor:pointer;border-radius:999px;padding:7px 16px;font-size:13px;font-weight:600;transition:all .15s}.chip:hover{color:var(--text);border-color:var(--primary)}.chip-active{color:#fff;background:linear-gradient(135deg, var(--primary), #818cf8);border-color:#0000}.filters{flex-wrap:wrap;gap:12px;margin-bottom:28px;display:flex}.filters select{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);color:var(--text);padding:9px 14px;font-size:13.5px}.filters select:disabled{opacity:.5;cursor:not-allowed}.status-text{color:var(--text-muted)}.problem-card-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.problem-card{cursor:pointer;flex-direction:column;gap:12px;animation:.4s cubic-bezier(.16,1,.3,1) backwards cardFadeIn;display:flex}@keyframes cardFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.problem-card-top{justify-content:space-between;align-items:center;display:flex}.difficulty-badge{align-items:center;gap:5px;display:inline-flex}.diff-Easy{color:var(--success);background:#22c55e26}.diff-Medium{color:var(--warning);background:#eab30826}.diff-Hard{color:var(--danger);background:#ef444426}.solved-badge{color:var(--success);background:#22c55e26}.problem-card-title{color:var(--text);margin:0;font-size:16.5px;line-height:1.35}.problem-card-tags{flex-wrap:wrap;gap:6px;display:flex}.topic-tag{color:var(--primary);background:var(--primary-light);border-radius:999px;padding:4px 10px;font-size:11.5px;font-weight:600}.problem-card-bottom{border-top:1px solid var(--border);justify-content:space-between;align-items:center;margin-top:auto;padding-top:10px;display:flex}.acceptance-rate{color:var(--text-muted);font-size:12px}.solve-btn{padding:7px 18px;font-size:13px}@media (width<=980px){.problem-card-grid{grid-template-columns:1fr 1fr}}@media (width<=620px){.problem-list-container{padding:24px 18px 60px}.problem-card-grid{grid-template-columns:1fr}.search-bar{padding:14px 40px;font-size:14px}}.submit-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px}.submit-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.lang-select{width:160px}.editor-wrapper{border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;overflow:hidden}.result-card{margin-top:20px}.result-header{align-items:center;gap:16px;display:flex}.result-meta{color:var(--text-muted);font-size:13px}.result-message{background:var(--bg);border-radius:6px;margin-top:12px;padding:12px;font-size:13px;overflow-x:auto}.btn-stop{color:#fff;cursor:pointer;background:#dc2626;border:none;border-radius:6px;padding:8px 16px}.btn-stop:hover{background:#b91c1c}.custom-input-panel{background:#12141c;border:1px solid #2a2f3d;border-radius:10px;margin:16px 0;padding:16px}.custom-input-header{color:#e6e8ec;justify-content:space-between;align-items:center;margin-bottom:10px;font-size:14px;font-weight:600;display:flex}.custom-input-textarea{color:#e6e8ec;resize:vertical;box-sizing:border-box;background:#0d0f16;border:1px solid #2a2f3d;border-radius:8px;width:100%;min-height:90px;padding:10px 12px;font-family:Fira Code,monospace;font-size:13.5px}.custom-input-textarea:focus{border-color:#2563eb;outline:none}.custom-output-box{background:#0d0f16;border:1px solid #2a2f3d;border-radius:8px;margin-top:14px;padding:12px 14px}.custom-output-label{color:#ffffff80;text-transform:uppercase;letter-spacing:.04em;align-items:center;gap:10px;margin-bottom:8px;font-size:13px;display:flex}.custom-output-box pre{color:#e6e8ec;white-space:pre-wrap;word-break:break-word;margin:0;font-family:Fira Code,monospace;font-size:13.5px}.verdict-tag{color:#f87171;background:#ef444426;border-radius:999px;padding:2px 8px;font-size:11.5px;font-weight:600}.exec-time{color:#fff6;margin-left:auto;font-size:12px}.ai-modal-overlay{z-index:1000;background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.ai-modal{background:#171a23;border:1px solid #2a2f3d;border-radius:12px;flex-direction:column;width:90%;max-width:560px;max-height:80vh;padding:20px;display:flex}.ai-modal-header{justify-content:space-between;align-items:center;margin-bottom:8px;font-size:16px;font-weight:600;display:flex}.ai-modal-header button{cursor:pointer;color:inherit;background:0 0;border:none}.ai-quota-text{color:#ffffff80;margin-bottom:16px;font-size:13px}.ai-mode-buttons{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.ai-mode-btn{color:inherit;cursor:pointer;background:#ffffff0a;border:1px solid #2a2f3d;border-radius:8px;padding:8px 14px;font-size:13.5px}.ai-mode-btn.active{background:#2563eb;border-color:#2563eb}.ai-mode-btn:disabled{opacity:.4;cursor:not-allowed}.ai-response-box{background:#ffffff08;border-radius:8px;flex:1;min-height:120px;padding:14px;overflow-y:auto}.ai-response-box pre{white-space:pre-wrap;word-break:break-word;margin:0;font-family:inherit;font-size:14px}.ai-placeholder{color:#fff6;font-size:14px}.problem-detail-container{max-width:1400px;margin:0 auto;padding:24px 40px}.back-link{color:var(--primary);text-decoration:none}.problem-title{margin-top:16px}.problem-detail-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:32px;margin-top:8px;display:grid}.problem-statement-col{min-width:0}.problem-meta{gap:12px;margin-bottom:20px;display:flex}.problem-limits{color:var(--text-muted);gap:16px;margin-bottom:20px;font-size:14px;display:flex}.statement-section{margin-bottom:24px;line-height:1.6}.statement-text{white-space:pre-wrap}.sample-section{margin-bottom:16px}.sample-box{background:var(--bg);color:var(--text);border:1px solid var(--border);border-radius:6px;padding:12px;overflow-x:auto}.problem-stats{color:var(--text-muted);margin-top:24px;font-size:14px}.difficulty-Easy{color:var(--success);font-weight:700}.difficulty-Medium{color:var(--warning);font-weight:700}.difficulty-Hard{color:var(--danger);font-weight:700}.editor-section{min-width:0;position:sticky;top:24px}.editor-section h3{margin-bottom:16px}@media (width<=980px){.problem-detail-layout{grid-template-columns:1fr}.editor-section{margin-top:24px;position:static}}.login-bg,.Signup-bg{background-image:url(/images/hero-bg-2.png)}.submission-detail-container{max-width:1600px;margin:0 auto;padding:32px 40px}.editor-wrapper{border:1px solid var(--border);border-radius:var(--radius-sm);box-sizing:border-box;width:100%;overflow:hidden}.back-link{color:var(--text-muted);align-items:center;gap:6px;margin-bottom:20px;font-size:14px;text-decoration:none;transition:color .15s;display:inline-flex}.back-link:hover{color:var(--text)}.submission-summary{margin-bottom:24px}.submission-summary-header{align-items:center;gap:12px;margin-bottom:20px;display:flex}.submission-lang{color:var(--text-muted);text-transform:capitalize;font-size:14px}.submission-stats{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.stat-item{flex-direction:column;gap:4px;display:flex}.stat-label{color:var(--text-muted);font-size:12px}.stat-value{font-size:15px;font-weight:600}.submission-code-panel h3{margin-top:0;margin-bottom:16px}.badge-CE{background-color:#e74c3c}.badge-WA{background-color:#f39c12}.badge-TLE{background-color:#3498db}.badge-RE{background-color:#9b59b6}.badge-AC{background-color:#2ecc71}.profile-container{text-align:center;max-width:640px;color:var(--text-muted);flex-direction:column;gap:20px;margin:0 auto;padding:60px 24px;display:flex}.profile-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);flex-direction:column;align-items:center;gap:6px;padding:36px 24px;display:flex}.profile-avatar{background:linear-gradient(135deg, var(--primary), #818cf8);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:68px;height:68px;margin-bottom:8px;font-size:26px;font-weight:700;display:flex}.profile-card h2{color:var(--text);margin:0;font-size:22px}.profile-card p{margin:0;font-size:14px}.profile-card .profile-username{color:var(--primary);font-weight:600}.stats-card{grid-template-columns:1fr 1fr;gap:16px;display:grid}.stats-card>div{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:24px 16px;transition:transform .25s,box-shadow .25s}.stats-card>div:hover{box-shadow:var(--shadow);transform:translateY(-4px)}.stats-card h3{color:var(--primary);margin:0 0 4px;font-size:28px}.stats-card p{color:var(--text-muted);margin:0;font-size:13px}.leaderboard-container{max-width:1200px;margin:0 auto;padding:24px}.view-link{color:var(--primary);font-size:13px;font-weight:600;text-decoration:none}.view-link:hover{text-decoration:underline}.leaderboard-container .problem-table{border-collapse:collapse;width:100%}.leaderboard-container .problem-table th,.leaderboard-container .problem-table td{text-align:left;border-bottom:1px solid var(--border);color:var(--text);padding:12px 16px}.leaderboard-container .problem-table th{background-color:var(--surface);color:var(--text-muted);font-weight:600}.leaderboard-container .problem-table tbody tr:hover{background-color:var(--surface-hover)}.medal{font-size:20px}.navbar-user{background:var(--surface-hover);border:1px solid var(--border);color:var(--text);border-radius:999px;align-items:center;gap:8px;padding:6px 12px 6px 6px;font-size:13px;font-weight:600;display:flex}.navbar-avatar{background:linear-gradient(135deg, var(--primary), #818cf8);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;font-size:12px;font-weight:700;display:flex}.theme-toggle{border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;background:0 0;flex-shrink:0;justify-content:center;align-items:center;padding:8px;transition:color .15s,background .15s;display:inline-flex}.theme-toggle:hover{background:var(--surface-hover);color:var(--text)}.navbar-toggle{border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);cursor:pointer;background:0 0;justify-content:center;align-items:center;padding:8px;display:none}.navbar-toggle:hover{background:var(--surface-hover)}@media (width<=860px){.navbar-toggle{display:inline-flex}.navbar-links{background:var(--surface);border-bottom:1px solid var(--border);box-shadow:var(--shadow);opacity:0;pointer-events:none;flex-direction:column;align-items:stretch;gap:4px;padding:12px;transition:transform .2s,opacity .2s;position:fixed;top:65px;left:0;right:0;transform:translateY(-8px)}.navbar-links.open{opacity:1;pointer-events:auto;transform:translateY(0)}.navbar-links a,.navbar-links button{border-radius:var(--radius-sm);width:100%;padding:12px 14px}.navbar-links a:hover,.navbar-links a.nav-active{background:var(--surface-hover)}.nav-active:after{display:none}.navbar-user{background:0 0;border:none;justify-content:flex-start;padding:12px 14px}}.site-footer{border-top:1px solid var(--border);background:var(--surface);margin-top:80px}.footer-inner{grid-template-columns:1.6fr 1fr 1fr 1fr;gap:40px;max-width:1200px;margin:0 auto;padding:56px 32px 40px;display:grid}.footer-brand{color:var(--text);align-items:center;gap:8px;font-size:18px;font-weight:700;text-decoration:none;display:flex}.footer-brand svg{color:var(--primary)}.footer-tagline{color:var(--text-muted);max-width:320px;margin-top:14px;font-size:13.5px;line-height:1.6}.footer-social{gap:10px;margin-top:20px;display:flex}.footer-social a{border:1px solid var(--border);width:34px;height:34px;color:var(--text-muted);border-radius:999px;justify-content:center;align-items:center;transition:color .15s,border-color .15s,transform .15s;display:inline-flex}.footer-social a:hover{color:var(--primary);border-color:var(--primary);transform:translateY(-2px)}.footer-link-col{flex-direction:column;gap:12px;display:flex}.footer-link-col h4{letter-spacing:.6px;text-transform:uppercase;color:var(--text);margin:0 0 4px;font-size:13px}.footer-link-col a{color:var(--text-muted);width:fit-content;font-size:14px;text-decoration:none;transition:color .15s}.footer-link-col a:hover{color:var(--primary)}.footer-bottom{border-top:1px solid var(--border);max-width:1200px;color:var(--text-muted);flex-wrap:wrap;justify-content:space-between;gap:8px;margin:0 auto;padding:20px 32px 28px;font-size:12.5px;display:flex}@media (width<=780px){.footer-inner{grid-template-columns:1fr 1fr}.footer-brand-col{grid-column:1/-1}}@media (width<=480px){.footer-inner{grid-template-columns:1fr}}.admin-users-container{max-width:1100px;color:var(--text);margin:0 auto;padding:32px 24px}.admin-users-container h1{margin:0 0 8px}.admin-users-search{margin:20px 0}.admin-users-search input{border-radius:var(--radius-sm);background:var(--bg);border:1px solid var(--border);color:var(--text);width:100%;max-width:320px;padding:11px 14px;font-size:14px}.admin-users-search input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light);outline:none}.admin-users-search input::placeholder{color:var(--text-muted)}.admin-table-wrap{border:1px solid var(--border);border-radius:var(--radius);-webkit-overflow-scrolling:touch;background:var(--surface);margin-top:12px;overflow-x:auto}.admin-table{border-collapse:collapse;width:100%;min-width:620px}.admin-table thead tr{background:var(--surface-hover)}.admin-table th{text-align:left;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);border-bottom:1px solid var(--border);white-space:nowrap;padding:14px 18px;font-size:12.5px}.admin-table td{border-bottom:1px solid var(--border);vertical-align:middle;color:var(--text);padding:14px 18px;font-size:14.5px}.admin-table tbody tr:last-child td{border-bottom:none}.admin-table tbody tr:hover{background:var(--surface-hover)}.status-badge{border-radius:999px;padding:3px 10px;font-size:12.5px;font-weight:700;display:inline-block}.status-Active{color:var(--success);background:#22c55e26}.status-Banned{color:var(--danger);background:#ef444426}.role-select{border-radius:var(--radius-sm);background:var(--bg);color:var(--text);border:1px solid var(--border);padding:5px 10px;font-size:13.5px}.role-select:disabled{opacity:.4;cursor:not-allowed}.user-action-btn{cursor:pointer;background:0 0;border:none;margin-right:14px;font-size:13.5px;font-weight:600;text-decoration:none}.user-action-btn:disabled{opacity:.35;cursor:not-allowed}.admin-users-pagination{color:var(--text);align-items:center;gap:12px;margin-top:18px;display:flex}.page-btn{background:var(--primary);color:#fff;border-radius:var(--radius-sm);cursor:pointer;border:none;padding:6px 14px;font-size:13.5px}.page-btn:hover:not(:disabled){background:var(--primary-hover)}.page-btn:disabled{opacity:.4;cursor:not-allowed}:root,[data-theme=dark]{--bg:#0f1117;--surface:#171a23;--surface-hover:#1e2230;--border:#2a2f3d;--text:#e6e8ec;--text-muted:#9298a8;--primary:#6366f1;--primary-hover:#4f52d9;--primary-light:#6366f126;--success:#22c55e;--warning:#eab308;--danger:#ef4444;--radius:12px;--radius-sm:8px;--shadow:0 4px 20px #00000040;--navbar-bg:#171a23b3}[data-theme=light]{--bg:#f8fafc;--surface:#fff;--surface-hover:#f1f5f9;--border:#e2e8f0;--text:#1e293b;--text-muted:#64748b;--primary:#6366f1;--primary-hover:#4f52d9;--primary-light:#6366f11f;--success:#16a34a;--warning:#ca8a04;--danger:#dc2626;--radius:12px;--radius-sm:8px;--shadow:0 4px 20px #0f172a14;--navbar-bg:#ffffffbf}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font-family:Segoe UI,system-ui,sans-serif}h1,h2{color:var(--text);margin:0 0 8px;font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}h2{letter-spacing:-.24px;font-size:24px;line-height:118%}p{margin:0}code{background:var(--surface);color:var(--text);border-radius:4px;padding:2px 6px;font-family:ui-monospace,JetBrains Mono,Consolas,monospace;font-size:.9em}@media (width<=1024px){h1{margin:20px 0;font-size:36px}h2{font-size:20px}}.navbar{background:var(--surface);border-bottom:1px solid var(--border);z-index:10;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);justify-content:space-between;align-items:center;padding:16px 32px;display:flex;position:sticky;top:0}.navbar-brand{color:var(--text);align-items:center;gap:8px;font-size:20px;font-weight:700;text-decoration:none;display:flex}.navbar-brand svg{color:var(--primary)}.navbar-links{align-items:center;gap:28px;display:flex}.navbar-links a{color:var(--text-muted);align-items:center;gap:6px;font-size:14px;text-decoration:none;transition:color .15s;display:flex}.navbar-links a:hover{color:var(--text)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:24px;transition:transform .15s,box-shadow .15s}.card:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.btn{border-radius:var(--radius-sm);color:#fff;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;justify-content:center;align-items:center;gap:8px;padding:11px 22px;font-size:14px;font-weight:600;display:inline-flex;position:relative;overflow:hidden}.btn:after{content:"";background:linear-gradient(120deg,#0000,#ffffff4d,#0000);width:50%;height:100%;transition:left .6s;position:absolute;top:0;left:-75%;transform:skew(-20deg)}.btn:hover:after{left:125%}.btn:before{content:"";border-radius:var(--radius-sm);background:linear-gradient(135deg, var(--primary), #818cf8);transform:scale(var(--btn-scale-x,1), var(--btn-scale-y,1));z-index:-1;transition:transform .2s,box-shadow .15s;position:absolute;inset:0}.btn:hover:before{box-shadow:0 6px 20px #6366f159}.btn:active:not(:disabled){--btn-scale-x:.97;--btn-scale-y:.94}.btn:disabled{cursor:not-allowed;opacity:.6}.btn-outline{color:var(--text);background:0 0}.btn-outline:before{border:1px solid var(--border);background:0 0}.btn-outline:hover:before{background:var(--surface-hover);box-shadow:none}.input,.select,.textarea{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg);width:100%;color:var(--text);padding:11px 14px;font-size:14px;transition:border-color .15s}.input:focus,.select:focus,.textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light);outline:none}.badge{border-radius:999px;align-items:center;gap:4px;padding:5px 12px;font-size:12px;font-weight:700;display:inline-flex}.error-text{color:var(--danger);font-size:13px}.badge-AC{color:var(--success);background:#22c55e26}.badge-WA,.badge-RE,.badge-CE,.badge-SYSTEM_ERROR{color:var(--danger);background:#ef444426}.badge-TLE,.badge-MLE,.badge-PENDING{color:var(--warning);background:#eab30826}.badge-PENDING{animation:1.4s infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.problem-table tbody tr{transition:background .15s}.problem-table tbody tr:hover{background:var(--surface-hover)}.fade-in{animation:.35s ease-out fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.page-transition{animation:.32s cubic-bezier(.22,1,.36,1) pageEnter}@keyframes pageEnter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.page-transition{animation:none}}body{position:relative}body:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(600px 400px at 15% -10%,#6366f12e,#0000 60%),radial-gradient(500px 400px at 90% 20%,#818cf81f,#0000 60%),radial-gradient(500px 500px at 50% 110%,#6366f11a,#0000 60%);animation:18s ease-in-out infinite alternate auroraDrift;position:fixed;inset:0}@keyframes auroraDrift{0%{transform:translate(0,0)scale(1)}to{transform:translate(-20px,15px)scale(1.05)}}.card{isolation:isolate;position:relative;overflow:hidden}.card:before{content:"";background:radial-gradient(circle 180px at var(--mouse-x,50%) var(--mouse-y,50%), #6366f126, transparent 70%);opacity:0;pointer-events:none;z-index:-1;transition:opacity .3s;position:absolute;inset:0}.card:hover:before{opacity:1}.card:after{content:"";border-radius:inherit;-webkit-mask-composite:xor;opacity:0;pointer-events:none;z-index:-1;background:linear-gradient(120deg,#0000 20%,#6366f180 50%,#0000 80%) 0 0/200% 100%;padding:1px;transition:opacity .3s;animation:3s linear infinite borderGlow;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.card:hover:after{opacity:1}@keyframes borderGlow{to{background-position:-200% 0}}.card:hover{transform:translateY(-4px)scale(1.02);box-shadow:0 12px 28px #0000004d}.badge-AC{text-shadow:0 0 8px #22c55e66}.navbar{background:var(--navbar-bg);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border)}.nav-active{position:relative;color:var(--text)!important}.nav-active:after{content:"";background:var(--primary);border-radius:2px;height:2px;position:absolute;bottom:-18px;left:0;right:0}.auth-page{background-position:50%;background-repeat:no-repeat;background-size:cover;justify-content:center;align-items:center;min-height:calc(100vh - 65px);padding:32px 24px;display:flex;position:relative}.auth-page:before{content:"";z-index:0;background:linear-gradient(160deg,#08090ebf,#08090e8c 45%,#08090ecc);position:absolute;inset:0}.auth-shell{z-index:1;border-radius:var(--radius);-webkit-backdrop-filter:blur(10px);border:1px solid #ffffff24;width:100%;max-width:880px;min-height:480px;display:flex;position:relative;overflow:hidden;box-shadow:0 24px 70px #00000080}.auth-hero{background:linear-gradient(165deg,#6366f147,#4338ca29);border-right:1px solid #ffffff1a;flex-direction:column;flex:1;justify-content:center;gap:18px;min-width:260px;padding:48px 40px;display:flex}.auth-hero h1{color:#fff;letter-spacing:-1px;margin:0;font-size:42px}.auth-hero p{color:#fffc;margin:0;font-size:14px;line-height:1.5}.auth-toggle-btn{border-radius:var(--radius-sm);color:#fff;cursor:pointer;background:#ffffff1f;border:1px solid #ffffff73;align-self:flex-start;margin-top:8px;padding:11px 24px;font-size:14px;font-weight:600;text-decoration:none;transition:background .2s,transform .15s;display:inline-flex}.auth-toggle-btn:hover{background:#ffffff38;transform:translateY(-1px)}.auth-form-panel{background:#0c0d138c;flex-direction:column;flex:1.15;justify-content:center;gap:14px;min-width:300px;padding:48px 44px;display:flex}.auth-form-panel h2{color:#fff;margin:0 0 4px}.auth-form-panel .auth-subtitle{color:#fff9;margin:-10px 0 8px;font-size:13px}.auth-form-panel label{color:#ffffffa6;margin-bottom:6px;font-size:13px;display:block}.auth-form-panel .input{color:#fff;background:#ffffff0f;border:1px solid #ffffff29}.auth-form-panel .input::placeholder{color:#fff6}.auth-form-panel .input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #6366f140}.auth-form-panel .btn{margin-top:6px}.auth-password-field{align-items:center;display:flex;position:relative}.auth-password-field .input{padding-right:42px}.auth-password-toggle{color:#ffffff8c;cursor:pointer;background:0 0;border:none;align-items:center;padding:4px;transition:color .15s;display:flex;position:absolute;right:10px}.auth-password-toggle:hover{color:#fff}.auth-hint{color:#ffffff8c;margin-top:4px;font-size:13px}.auth-hint a{color:#a5b4fc;font-weight:600;text-decoration:none}.auth-hint a:hover{text-decoration:underline}@media (width<=720px){.auth-shell{flex-direction:column;max-width:420px}.auth-hero{border-bottom:1px solid #ffffff1a;border-right:none;padding:32px 32px 24px}.auth-form-panel{padding:32px}}