:root{--bg: #0f1419;--bg-elev: #1a222c;--bg-panel: #151c24;--border: #2a3544;--text: #e7eef7;--muted: #8b9bb0;--accent: #3d9cf0;--accent-2: #2ecc9a;--danger: #e85d5d;--warn: #e6b84d;--easy: #2ecc9a;--medium: #e6b84d;--hard: #e85d5d;--font: "IBM Plex Sans", system-ui, sans-serif;--mono: "IBM Plex Mono", ui-monospace, monospace}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font);background:radial-gradient(1200px 600px at 10% -10%,#1a2a3d 0%,transparent 55%),radial-gradient(900px 500px at 100% 0%,#14261f 0%,transparent 50%),var(--bg);color:var(--text)}button,input,select,textarea{font:inherit;color:inherit}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.auth-page{min-height:100%;display:grid;place-items:center;padding:2rem}.auth-card{width:min(420px,100%);background:linear-gradient(180deg,#1c2632,#151c24);border:1px solid var(--border);border-radius:12px;padding:2rem;box-shadow:0 20px 60px #00000059}.auth-card h1{margin:0 0 .35rem;font-size:1.6rem;letter-spacing:-.02em}.auth-card p.sub{margin:0 0 1.5rem;color:var(--muted);font-size:.95rem}.field{display:flex;flex-direction:column;gap:.35rem;margin-bottom:1rem}.field label{font-size:.85rem;color:var(--muted)}.field input,.field textarea,.field select{background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:.7rem .85rem;outline:none}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--accent)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;border:1px solid transparent;border-radius:8px;padding:.65rem 1rem;background:var(--accent);color:#061018;font-weight:600;cursor:pointer}.btn:hover{filter:brightness(1.08)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn.secondary{background:transparent;border-color:var(--border);color:var(--text)}.btn.danger{background:var(--danger);color:#fff}.btn.success{background:var(--accent-2);color:#062016}.btn.ghost{background:transparent;border-color:transparent;color:var(--muted)}.error{background:#e85d5d1f;border:1px solid rgba(232,93,93,.35);color:#ffb4b4;padding:.65rem .8rem;border-radius:8px;margin-bottom:1rem;font-size:.9rem}.lobby{min-height:100%;display:grid;place-items:center;padding:2rem}.lobby-card{width:min(560px,100%);background:var(--bg-elev);border:1px solid var(--border);border-radius:14px;padding:2.25rem;text-align:center}.lobby-card h1{margin-top:0}.meta{color:var(--muted);margin-bottom:1.5rem}.workspace{height:100%;display:grid;grid-template-rows:auto 1fr}.topbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.65rem 1rem;border-bottom:1px solid var(--border);background:#0f1419e6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.topbar .brand{font-weight:700;letter-spacing:-.02em}.timer{font-family:var(--mono);font-weight:600;padding:.35rem .7rem;border-radius:999px;background:#203040;border:1px solid var(--border)}.timer.warn{background:#e6b84d26;color:var(--warn)}.timer.danger{background:#e85d5d26;color:var(--danger)}.workspace-body{display:grid;grid-template-columns:240px 1fr 1.1fr;min-height:0}@media (max-width: 1100px){.workspace-body{grid-template-columns:200px 1fr}.editor-col{grid-column:1 / -1}}.problem-list{border-right:1px solid var(--border);overflow:auto;background:var(--bg-panel)}.problem-list h3{margin:0;padding:.85rem 1rem .4rem;font-size:.75rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.problem-item{display:block;width:100%;text-align:left;background:transparent;border:none;border-left:3px solid transparent;padding:.75rem 1rem;cursor:pointer;color:var(--text)}.problem-item:hover{background:#ffffff08}.problem-item.active{background:#3d9cf014;border-left-color:var(--accent)}.problem-item .title{font-weight:600;font-size:.92rem}.problem-item .meta-row{display:flex;gap:.5rem;margin-top:.25rem;font-size:.75rem;color:var(--muted)}.badge{display:inline-block;padding:.1rem .4rem;border-radius:4px;font-size:.7rem;font-weight:600;text-transform:uppercase}.badge.easy{background:#2ecc9a26;color:var(--easy)}.badge.medium{background:#e6b84d26;color:var(--medium)}.badge.hard{background:#e85d5d26;color:var(--hard)}.statement{overflow:auto;padding:1.1rem 1.25rem;border-right:1px solid var(--border);background:var(--bg)}.statement h1,.statement h2,.statement h3{margin-top:1.1rem}.statement pre,.sample-box{background:#0b1016;border:1px solid var(--border);border-radius:8px;padding:.75rem;font-family:var(--mono);font-size:.85rem;overflow:auto}.statement code{font-family:var(--mono);font-size:.9em}.editor-col{display:grid;grid-template-rows:auto 1fr auto;min-height:0;background:var(--bg-panel)}.editor-toolbar{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;padding:.55rem .75rem;border-bottom:1px solid var(--border)}.editor-wrap{min-height:280px}.results{border-top:1px solid var(--border);max-height:240px;overflow:auto;padding:.75rem 1rem;background:#0c1117;font-family:var(--mono);font-size:.82rem}.results h4{margin:0 0 .5rem;font-family:var(--font)}.case-row{display:grid;grid-template-columns:70px 1fr;gap:.5rem;padding:.35rem 0;border-bottom:1px solid rgba(42,53,68,.6)}.pass{color:var(--accent-2)}.fail{color:var(--danger)}.admin-shell{height:100%;display:grid;grid-template-columns:220px 1fr}.admin-nav{border-right:1px solid var(--border);background:var(--bg-panel);padding:1rem .75rem;display:flex;flex-direction:column;gap:.35rem}.admin-nav .logo{font-weight:700;padding:.5rem .65rem 1rem;letter-spacing:-.02em}.admin-nav a{color:var(--muted);padding:.55rem .65rem;border-radius:8px;text-decoration:none}.admin-nav a.active,.admin-nav a:hover{background:#3d9cf01a;color:var(--text);text-decoration:none}.admin-main{overflow:auto;padding:1.25rem 1.5rem 2rem}.admin-main h1{margin-top:0}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.75rem;margin-bottom:1.25rem}.stat{background:var(--bg-elev);border:1px solid var(--border);border-radius:10px;padding:.9rem 1rem}.stat .n{font-size:1.5rem;font-weight:700;font-family:var(--mono)}.stat .l{color:var(--muted);font-size:.8rem;margin-top:.15rem}.panel{background:var(--bg-elev);border:1px solid var(--border);border-radius:10px;padding:1rem;margin-bottom:1rem}.panel h2{margin:0 0 .75rem;font-size:1.05rem}.table{width:100%;border-collapse:collapse;font-size:.9rem}.table th,.table td{text-align:left;padding:.55rem .45rem;border-bottom:1px solid var(--border)}.table th{color:var(--muted);font-weight:600;font-size:.78rem;text-transform:uppercase;letter-spacing:.04em}.feed-item{padding:.55rem 0;border-bottom:1px solid rgba(42,53,68,.5);font-size:.88rem}.feed-item .t{color:var(--muted);font-family:var(--mono);font-size:.75rem}.row-actions{display:flex;gap:.5rem;flex-wrap:wrap;align-items:flex-end;margin:.75rem 0;position:relative;z-index:1}.row-actions .field{margin-bottom:0}.row-actions .btn{position:relative;z-index:2;flex-shrink:0}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;display:grid;place-items:center;z-index:1000;padding:1rem}.modal{width:min(420px,100%);background:var(--bg-elev);border:1px solid var(--border);border-radius:12px;padding:1.25rem;box-shadow:0 20px 60px #0006}.modal h3{margin:0 0 .75rem}.modal p{color:var(--muted);margin:0 0 1rem;line-height:1.5}.modal-actions{display:flex;gap:.5rem;justify-content:flex-end;flex-wrap:wrap}.mono{font-family:var(--mono)}.muted{color:var(--muted)}.muted-link{color:var(--muted);font-size:.85rem}.muted-link:hover{color:var(--accent)}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.dash-head{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;flex-wrap:wrap;margin-bottom:1.25rem}.dash-sub{display:flex;gap:.5rem;flex-wrap:wrap}.pill{display:inline-flex;align-items:center;gap:.35rem;padding:.2rem .6rem;border-radius:999px;font-size:.75rem;font-weight:600;border:1px solid var(--border);background:#ffffff08;color:var(--muted)}.pill .dot{width:7px;height:7px;border-radius:50%;background:currentColor}.pill-ok{color:var(--accent-2);border-color:#2ecc9a59;background:#2ecc9a14}.pill-bad{color:var(--danger);border-color:#e85d5d59;background:#e85d5d14}.pill-accent{color:var(--accent);border-color:#3d9cf059;background:#3d9cf014}.pill-muted{color:var(--muted)}.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:.75rem;margin-bottom:1rem}.kpi{background:var(--bg-elev);border:1px solid var(--border);border-radius:12px;padding:.95rem 1.05rem;position:relative;overflow:hidden}.kpi:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:var(--border)}.kpi-accent:before{background:var(--accent)}.kpi-good:before{background:var(--accent-2)}.kpi-warn:before{background:var(--warn)}.kpi-l{color:var(--muted);font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;font-weight:600}.kpi-n{font-size:1.75rem;font-weight:700;font-family:var(--mono);margin:.25rem 0 .15rem;line-height:1.1}.kpi-sub{font-size:.9rem;color:var(--muted);font-weight:500}.kpi-foot{color:var(--muted);font-size:.78rem}.dash-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.panel-head{display:flex;justify-content:space-between;align-items:baseline;gap:1rem}.panel-head h2{margin-bottom:.75rem}.bar{height:8px;background:#ffffff0f;border-radius:999px;overflow:hidden}.bar-fill{display:block;height:100%;border-radius:999px;transition:width .4s ease}.bar-fill.accent{background:var(--accent)}.bar-fill.ok{background:var(--accent-2)}.bar-fill.warn{background:var(--warn)}.bar-fill.bad{background:var(--danger)}.funnel{display:grid;gap:.65rem}.funnel-row{display:grid;grid-template-columns:150px 1fr 90px;gap:.75rem;align-items:center;font-size:.88rem}.funnel-l{color:var(--text)}.funnel-n{text-align:right;font-size:.85rem}.stackbar{display:flex;height:14px;border-radius:999px;overflow:hidden;background:#ffffff0f;margin-bottom:.6rem}.seg{display:block;height:100%;transition:width .4s ease}.seg.ok,.sw.ok{background:var(--accent-2)}.seg.warn,.sw.warn{background:var(--warn)}.seg.bad,.sw.bad{background:var(--danger)}.seg.err,.sw.err{background:#8b5cf6}.legend{display:flex;gap:1rem;flex-wrap:wrap;font-size:.8rem;color:var(--muted)}.legend .sw{display:inline-block;width:10px;height:10px;border-radius:2px;margin-right:.35rem;vertical-align:-1px}.mini-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem;margin-top:1rem;padding-top:.85rem;border-top:1px solid var(--border)}.mini-n{font-family:var(--mono);font-weight:700;font-size:1.15rem}.mini-l{color:var(--muted);font-size:.72rem}.table .num{text-align:right}.toplist{list-style:none;margin:0;padding:0}.toplist li{display:grid;grid-template-columns:30px 1fr auto;gap:.75rem;align-items:center;padding:.55rem 0;border-bottom:1px solid rgba(42,53,68,.6)}.toplist li:last-child{border-bottom:none}.rank{width:26px;height:26px;display:grid;place-items:center;border-radius:50%;font-family:var(--mono);font-size:.8rem;font-weight:700;background:#ffffff0f;color:var(--muted)}.rank.r1{background:#e6b84d33;color:var(--warn)}.rank.r2{background:#c8c8d226;color:#d5dbe5}.rank.r3{background:#cd7f3233;color:#e0a06a}.toplist .score{font-weight:700}.feed{max-height:380px;overflow:auto}.feed-row{display:grid;grid-template-columns:10px 1fr auto;gap:.6rem;align-items:start;padding:.5rem 0;border-bottom:1px solid rgba(42,53,68,.5);font-size:.86rem}.feed-row:last-child{border-bottom:none}.feed-dot{width:8px;height:8px;border-radius:50%;margin-top:.4rem;background:var(--muted)}.tone-ok .feed-dot{background:var(--accent-2)}.tone-warn .feed-dot{background:var(--warn)}.tone-bad .feed-dot{background:var(--danger)}.tone-info .feed-dot{background:var(--accent)}.feed-time{color:var(--muted);font-size:.72rem;white-space:nowrap;margin-top:.15rem}kbd{font-family:var(--mono);font-size:.78em;padding:.1em .4em;border:1px solid var(--border);border-bottom-width:2px;border-radius:4px;background:#ffffff0d}.present{--p-scale: 1;height:100vh;display:grid;grid-template-rows:auto 1fr auto;background:radial-gradient(1400px 700px at 15% -10%,#1a2a3d 0%,transparent 55%),radial-gradient(1000px 600px at 100% 0%,#14261f 0%,transparent 50%),#0b0f14;color:var(--text);padding:clamp(1rem,2.5vw,2.5rem) clamp(1rem,3vw,3rem);overflow:hidden}.present-head{display:grid;grid-template-columns:1fr auto auto;gap:1.5rem;align-items:center;padding-bottom:clamp(.75rem,1.5vw,1.5rem);border-bottom:1px solid var(--border)}.present-title h1{margin:0 0 .4rem;font-size:clamp(1.6rem,3.2vw,3rem);letter-spacing:-.02em;line-height:1.05}.present-sub{display:flex;gap:.5rem;flex-wrap:wrap}.present-sub .pill{font-size:clamp(.7rem,1vw,.95rem);letter-spacing:.06em}.present-clock{font-size:clamp(1.4rem,3vw,2.6rem);font-weight:600;color:var(--muted);font-variant-numeric:tabular-nums}.present-fs{background:transparent;border:1px solid var(--border);color:var(--muted);border-radius:8px;padding:.5rem .85rem;cursor:pointer;font-size:.85rem;opacity:.6;transition:opacity .2s}.present:hover .present-fs{opacity:1}.present:fullscreen .present-fs{opacity:0}.present:fullscreen:hover .present-fs{opacity:.8}.present-body{overflow:hidden;padding-top:clamp(.75rem,1.5vw,1.5rem)}.present-empty{height:100%;display:grid;place-items:center;color:var(--muted);font-size:clamp(1.2rem,2.5vw,2rem)}.ptable{width:100%;border-collapse:separate;border-spacing:0 clamp(4px,.6vw,10px);font-size:clamp(1rem,1.6vw,1.6rem)}.ptable th{text-align:left;color:var(--muted);font-size:clamp(.65rem,.95vw,.9rem);text-transform:uppercase;letter-spacing:.08em;font-weight:600;padding:0 clamp(.5rem,1vw,1rem) .35rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:0}.ptable th.c-rank,.ptable th.c-name,.ptable th.c-total{max-width:none}.ptable td{background:#ffffff09;padding:clamp(.45rem,.9vw,1rem) clamp(.5rem,1vw,1rem);vertical-align:middle;transition:background .4s ease}.ptable tr td:first-child{border-radius:12px 0 0 12px}.ptable tr td:last-child{border-radius:0 12px 12px 0}.ptable .c-rank{width:4.5em;text-align:center}.ptable .c-total{width:11em}.ptable .c-prob{text-align:center;width:4.2em}.compact .ptable .c-prob{width:3.2em}.compact .ptable{font-size:clamp(.9rem,1.3vw,1.3rem)}.prow.top td{background:#ffffff0f}.prow.top1 td{background:linear-gradient(90deg,#e6b84d2e,#ffffff0a)}.prow.top2 td{background:linear-gradient(90deg,#c8c8d224,#ffffff0a)}.prow.top3 td{background:linear-gradient(90deg,#cd7f3229,#ffffff0a)}.prank{display:inline-grid;place-items:center;width:2.1em;height:2.1em;border-radius:50%;font-weight:700;font-size:.9em;background:#ffffff14;color:var(--muted)}.prank.r1{background:var(--warn);color:#201700;box-shadow:0 0 24px #e6b84d73}.prank.r2{background:#cfd6e2;color:#101418}.prank.r3{background:#d99a5b;color:#201200}.pname{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:inline-block;max-width:100%;vertical-align:middle}.arrow{margin-left:.5em;font-size:.75em;font-weight:700}.arrow.up{color:var(--accent-2);animation:pop .6s ease}.arrow.down{color:var(--danger);animation:pop .6s ease}@keyframes pop{0%{transform:scale(.4);opacity:0}60%{transform:scale(1.25)}to{transform:scale(1);opacity:1}}.ptotal{font-weight:800;font-size:1.15em;font-variant-numeric:tabular-nums}.pmax{color:var(--muted);font-size:.7em;margin-left:.15em}.pbar{height:5px;margin-top:.35em;background:#ffffff14;border-radius:999px;overflow:hidden}.pbar span{display:block;height:100%;background:var(--accent);border-radius:999px;transition:width .6s ease}.prow.top1 .pbar span{background:var(--warn)}.pc{display:inline-grid;place-items:center;min-width:2.2em;height:2.2em;padding:0 .4em;border-radius:8px;font-family:var(--mono);font-weight:700;font-size:.85em}.pc.full{background:#2ecc9a38;color:var(--accent-2)}.pc.part{background:#e6b84d33;color:var(--warn)}.pc.none{color:#8b9bb073}.prow.mark-up td{animation:flashUp 2.2s ease}.prow.mark-down td{animation:flashDown 2.2s ease}.prow.mark-score td{animation:flashScore 2.2s ease}@keyframes flashUp{0%,30%{background-color:#2ecc9a52}}@keyframes flashDown{0%,30%{background-color:#e85d5d40}}@keyframes flashScore{0%,30%{background-color:#3d9cf04d}}.present-foot{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;padding-top:.75rem;border-top:1px solid var(--border);color:var(--muted);font-size:clamp(.7rem,.95vw,.9rem);opacity:.7}.present:fullscreen .present-foot{opacity:.35}.verdict{font-weight:600;font-size:.82rem}.v-ok{color:var(--accent-2)}.v-warn{color:var(--warn)}.v-bad{color:var(--danger)}.v-info{color:var(--muted)}@media (max-width: 900px){.admin-shell{grid-template-columns:1fr}.admin-nav{flex-direction:row;flex-wrap:wrap;border-right:none;border-bottom:1px solid var(--border)}.grid-2,.dash-grid{grid-template-columns:1fr}.funnel-row{grid-template-columns:110px 1fr 80px}.mini-stats{grid-template-columns:repeat(2,1fr)}}