:root{--bg:#0a0e1a;--surface:#121a2e;--surface-2:#18223b;--line:#243052;--line-soft:#1b2440;--text:#eaf0fb;--text-dim:#9aa7c4;--text-faint:#5f6d8f;--accent:#4dd8e0;--warm:#ffb454;--good:#5ad1a0;--bad:#ff7a6b;--ionic:#e779ff;--radius:14px;--shadow:0 10px 40px #00000059;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background:radial-gradient(120% 80% at 50% -10%, #111a33, var(--bg) 60%) fixed, var(--bg);color:var(--text);font:15px/1.5 IBM Plex Sans,system-ui,sans-serif}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,h4{margin:0 0 .4em;line-height:1.2}h1{font-size:clamp(22px,3vw,30px)}h2{font-size:19px}h3{font-size:16px}h4{margin-top:16px;font-size:14px}code{background:var(--surface-2);border-radius:6px;padding:1px 6px;font-family:IBM Plex Mono,monospace}.dim{color:var(--text-dim)}.faint{color:var(--text-faint)}.small{font-size:12.5px}.right{text-align:right}.err{color:var(--bad)}.boot{text-align:center;color:var(--text-dim);padding:40vh 0}.topbar{z-index:20;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line-soft);background:#0a0e1ad9;align-items:center;gap:18px;padding:10px clamp(12px,3vw,28px);display:flex;position:sticky;top:0}.brand{color:var(--text);white-space:nowrap;align-items:center;gap:8px;font-weight:600;display:flex}.brand:hover{text-decoration:none}.logo{color:var(--accent);font-size:22px}.nav{flex:1;gap:4px;display:flex;overflow-x:auto}.nav a{color:var(--text-dim);white-space:nowrap;border-radius:10px;padding:6px 12px}.nav a.on,.nav a:hover{color:var(--text);background:var(--surface-2);text-decoration:none}.badge:not(:empty){background:var(--warm);color:#1a1205;border-radius:10px;margin-left:4px;padding:0 6px;font-size:11px;font-weight:700}.user{align-items:center;gap:8px;display:flex}.avatar{background:linear-gradient(135deg, var(--accent), #7c9cff);color:#071018;border-radius:50%;place-items:center;width:32px;height:32px;font-weight:700;display:grid}.avatar:hover{text-decoration:none}.view{max-width:1240px;margin:0 auto;padding:22px clamp(12px,3vw,28px) 60px}.bare{justify-content:center;align-items:center;min-height:100vh;padding:24px 16px;display:flex}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);margin-bottom:16px;padding:18px}.card.narrow{max-width:560px;margin:40px auto}.error-card{border-color:var(--bad)}.btn{border:1px solid var(--line);background:var(--surface-2);color:var(--text);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:6px;padding:8px 14px;font:500 14px IBM Plex Sans,sans-serif;text-decoration:none;transition:border-color .15s,background .15s;display:inline-flex}.btn:hover{border-color:var(--accent);text-decoration:none}.btn:disabled{opacity:.5;cursor:default}.btn.primary{color:#04121a;background:linear-gradient(135deg,#2bb8c4,#3b8fd6);border-color:#0000;font-weight:600}.btn.primary:hover{filter:brightness(1.08)}.btn.danger{color:var(--bad);border-color:#ff7a6b80}.btn.ghost{background:0 0}.btn.small{padding:5px 10px;font-size:13px}.btn.block{width:100%}.linklike{color:var(--accent);cursor:pointer;font:inherit;background:0 0;border:0;padding:0}.spin{border:2px solid;border-right-color:#0000;border-radius:50%;width:14px;height:14px;animation:.7s linear infinite sp}@keyframes sp{to{transform:rotate(360deg)}}.form{flex-direction:column;gap:12px;display:flex}.form label{color:var(--text-dim);flex-direction:column;gap:5px;font-size:13px;display:flex}.form label small{color:var(--text-faint)}input,select,textarea{background:var(--surface-2);color:var(--text);border:1px solid var(--line);border-radius:10px;min-width:0;padding:9px 11px;font:14px IBM Plex Sans,sans-serif}input:focus,select:focus,textarea:focus{border-color:var(--accent);outline:2px solid #4dd8e073}textarea{resize:vertical;min-height:90px}.row{flex-wrap:wrap;align-items:center;gap:8px;margin-top:8px;display:flex}.row.end{justify-content:flex-end}.row.spread{justify-content:space-between}.row2{grid-template-columns:1fr 1fr;gap:10px;display:grid}.inline{gap:8px;display:flex}.chk{color:var(--text-dim);align-items:center;flex-direction:row!important;gap:8px!important}.hint{color:var(--text-faint);margin:0;font-size:12.5px}.choice{border:1px solid var(--line);border-radius:12px;gap:8px;margin:0;padding:10px;display:grid}.choice legend{color:var(--text-dim);padding:0 6px;font-size:13px}.choice .opt{cursor:pointer;border-radius:10px;flex-direction:row;align-items:flex-start;gap:10px;padding:8px}.choice .opt:hover{background:var(--surface-2)}.choice .opt span{color:var(--text);flex-direction:column;display:flex}.choice .opt small{color:var(--text-dim);font-size:12.5px}.otp{letter-spacing:.3em;text-align:center;font:600 24px IBM Plex Mono,monospace}.auth{width:min(420px,100%)}.auth-brand{text-align:center;margin-bottom:18px}.auth-brand p{color:var(--text-dim);margin:0}.atom-art{width:74px;height:74px;margin:0 auto 10px;position:relative}.atom-art b{background:var(--accent);box-shadow:0 0 16px var(--accent);border-radius:50%;position:absolute;inset:30px}.atom-art i{border:2px solid var(--accent);border-radius:50%;animation:9s linear infinite orb;position:absolute;inset:22px 0}.atom-art i:nth-child(2){border-color:var(--warm);animation-duration:11s;transform:rotate(60deg)}.atom-art i:nth-child(3){border-color:var(--good);animation-duration:13s;transform:rotate(-60deg)}@keyframes orb{to{rotate:360deg}}@media (prefers-reduced-motion:reduce){.atom-art i{animation:none}}.auth-card{padding:22px}.social{gap:8px;display:grid}.social-btn{width:100%;padding:10px}.sep{color:var(--text-faint);align-items:center;gap:10px;margin:16px 0;font-size:12px;display:flex}.sep:before,.sep:after{content:"";background:var(--line);flex:1;height:1px}.auth-links{flex-wrap:wrap;justify-content:center;gap:6px 16px;margin-top:14px;font-size:13.5px;display:flex}.auth-foot{text-align:center;font-size:13px}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px;display:flex}.page-head p{margin:4px 0 0}.actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.crumbs{color:var(--text-faint);font-size:13px;margin:0 0 4px!important}.desc{white-space:pre-wrap;color:var(--text-dim);max-width:760px}.banner{color:var(--warm);background:#ffb45414;border:1px solid #ffb45459;border-radius:12px;margin-bottom:16px;padding:10px 14px}.banner a{color:var(--warm);text-decoration:underline}.tags{flex-wrap:wrap;gap:6px;margin:6px 0;display:flex}.tag{border:1px solid var(--line);color:var(--text-dim);background:var(--surface-2);white-space:nowrap;border-radius:20px;align-items:center;gap:4px;padding:2px 9px;font:600 11.5px IBM Plex Mono,monospace;display:inline-flex}.tag.docente{color:var(--warm);border-color:#ffb45473}.tag.estudiante{color:var(--accent);border-color:#4dd8e066}.tag.ok,.tag.st-validado,.tag.st-corregido{color:var(--good);border-color:#5ad1a073}.tag.st-nuevo{color:var(--warm);border-color:#ffb45473}.tag.st-rechazado{color:var(--text-faint)}.skeleton{border-radius:var(--radius);background:linear-gradient(90deg, var(--surface), var(--surface-2), var(--surface));background-size:200% 100%;height:120px;animation:1.2s infinite sk}@keyframes sk{to{background-position:-200% 0}}.inst-group{margin-bottom:22px}.inst-title{color:var(--text);border-bottom:1px solid var(--line-soft);padding-bottom:6px;font-size:15px}.grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;display:grid}.project-card{color:var(--text);margin:0;transition:transform .12s,border-color .12s;display:block}.project-card:hover{border-color:var(--accent);text-decoration:none;transform:translateY(-2px)}.project-card.archived{opacity:.6}.pc-top{flex-wrap:wrap;gap:6px;margin-bottom:8px;display:flex}.clamp{-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:2.9em;margin:0 0 6px;display:-webkit-box;overflow:hidden}.empty{text-align:center;padding:34px}.tabs{border-bottom:1px solid var(--line);gap:4px;margin-bottom:16px;display:flex;overflow-x:auto}.tabs button{color:var(--text-dim);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-bottom:2px solid #0000;padding:10px 14px;font:500 14px IBM Plex Sans,system-ui,sans-serif}.tabs button[aria-selected=true]{color:var(--text);border-bottom-color:var(--accent)}.chamber-bar{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:10px;display:flex}.save-state{color:var(--text-faint);margin-left:auto;font:12px IBM Plex Mono,monospace}.viewing{color:var(--text-dim);align-items:center;gap:8px;font-size:13px;display:flex}.lab-host{border-radius:var(--radius);border:1px solid var(--line-soft);background:var(--bg);overflow:hidden}.lab-frame{border:0;width:100%;height:calc(100vh - 84px);min-height:560px;display:block}.lab-host.compact .lab-frame{height:70vh}.work-list{margin-top:16px}.online-panel{margin-top:14px}.op-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;display:flex}.op-head h3{margin:0}.op-actions{flex-wrap:wrap;gap:6px;display:flex}.count-pill{background:var(--surface-2);border:1px solid var(--line);color:var(--good);border-radius:20px;padding:0 8px;font-size:12px}.online-list{flex-wrap:wrap;gap:8px;display:flex}.person{border:1px solid var(--line);background:var(--surface-2);color:var(--text);cursor:pointer;border-radius:30px;align-items:center;gap:8px;padding:6px 12px 6px 6px;font:13px IBM Plex Sans,system-ui,sans-serif;display:flex}.person:disabled{cursor:default}.person:not(:disabled):hover{border-color:var(--accent)}.person .pa{background:#2a3a63;border-radius:50%;place-items:center;width:26px;height:26px;font-weight:700;display:grid;position:relative}.person .pa:after{content:"";background:var(--good);border:2px solid var(--surface-2);border-radius:50%;width:9px;height:9px;position:absolute;bottom:-1px;right:-1px}.person .pp{color:var(--accent);font:600 11px IBM Plex Mono,monospace}.person.vista .pp{color:var(--text-faint)}.person.doc .pp{color:var(--warm)}.pop{z-index:60;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:12px;min-width:180px;padding:6px;position:absolute}.pop-title{color:var(--text-faint);padding:4px 8px;font-size:12px}.pop button{text-align:left;width:100%;color:var(--text);cursor:pointer;background:0 0;border:0;border-radius:8px;padding:8px 10px;font:14px IBM Plex Sans,system-ui,sans-serif;display:block}.pop button:hover{background:var(--surface-2)}.pop button.on{color:var(--accent)}.dot-on{background:var(--good);vertical-align:middle;border-radius:50%;width:8px;height:8px;display:inline-block}.cols{grid-template-columns:1.4fr 1fr;align-items:start;gap:16px;display:grid}.table{border-collapse:collapse;width:100%;font-size:14px}.table th{text-align:left;color:var(--text-faint);text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--line);padding:8px;font:600 11.5px IBM Plex Mono,monospace}.table td{border-bottom:1px solid var(--line-soft);vertical-align:middle;padding:8px}.table select{padding:5px 8px;font-size:13px}.table tr.me td{background:#4dd8e014}.rank .pos{width:40px;font:600 15px IBM Plex Mono,monospace}.code-box{flex-wrap:wrap;align-items:center;gap:8px;margin:10px 0 14px;display:flex}.code{letter-spacing:.18em;color:var(--accent);background:var(--surface-2);border:1px dashed var(--line);border-radius:10px;padding:6px 12px;font:700 22px IBM Plex Mono,monospace}.code-box.big .code{padding:10px 20px;font-size:34px}.plain{gap:6px;margin:8px 0;padding:0;list-style:none;display:grid}.log{gap:4px;margin:0;padding:0;font-size:14px;list-style:none;display:grid}.log li{border-radius:8px;padding:6px 8px}.log li:nth-child(odd){background:#ffffff05}.log time{color:var(--text-faint);margin-right:8px;font:12px IBM Plex Mono,monospace}.picker{position:relative}.picker input{width:100%}.picker-list{z-index:70;background:var(--surface);border:1px solid var(--line);max-height:280px;box-shadow:var(--shadow);border-radius:12px;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow:auto}.picker-item{text-align:left;width:100%;color:var(--text);cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:flex-start;padding:8px 12px;font:14px IBM Plex Sans,system-ui,sans-serif;display:flex}.picker-item span{color:var(--text-faint);font-size:12px}.picker-item:hover{background:var(--surface-2)}.picker-item.add{color:var(--accent);border-top:1px solid var(--line-soft)}.picker-empty{color:var(--text-faint);padding:10px}.rank-controls{flex-wrap:wrap;gap:10px;margin-bottom:14px;display:flex}.seg{border:1px solid var(--line);border-radius:10px;display:inline-flex;overflow:hidden}.seg button{color:var(--text-dim);cursor:pointer;background:0 0;border:0;padding:8px 14px;font:500 14px IBM Plex Sans,system-ui,sans-serif}.seg button[aria-selected=true]{background:var(--surface-2);color:var(--text)}.empty-rank{text-align:center;padding:30px 10px}.admin-grid{grid-template-columns:minmax(280px,1fr) 1.5fr;align-items:start;gap:16px;display:grid}.rep-items{gap:6px;max-height:75vh;margin:0;padding:0;list-style:none;display:grid;overflow:auto}.rep-items button{text-align:left;background:var(--surface-2);border:1px solid var(--line-soft);width:100%;color:var(--text);cursor:pointer;border-radius:10px;gap:4px;padding:10px;font:14px IBM Plex Sans,system-ui,sans-serif;display:grid}.rep-items button.on,.rep-items button:hover{border-color:var(--accent)}.rep-desc{color:var(--text)}.rep-text{white-space:pre-wrap;background:var(--surface-2);border-radius:10px;padding:10px}.kv{grid-template-columns:max-content 1fr;gap:4px 12px;font-size:13.5px;display:grid}.kv dt{color:var(--text-faint)}.kv dd{margin:0}.events{margin:12px 0}.events summary{cursor:pointer;color:var(--text-dim)}.review{border-top:1px solid var(--line);margin-top:12px;padding-top:12px}.modal{z-index:80;background:#04070eb8;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal-box{background:var(--surface);border:1px solid var(--line);width:min(560px,100%);max-height:92vh;box-shadow:var(--shadow);border-radius:16px;padding:20px;overflow:auto}.modal-text{font-size:15px}#toasts{z-index:90;gap:8px;max-width:min(420px,100vw - 32px);display:grid;position:fixed;bottom:16px;right:16px}.toast{background:var(--surface);border:1px solid var(--line);border-left:4px solid var(--accent);box-shadow:var(--shadow);border-radius:10px;padding:10px 14px;transition:opacity .3s,transform .3s}.toast.ok{border-left-color:var(--good)}.toast.err{border-left-color:var(--bad)}.toast.warn{border-left-color:var(--warm)}.toast.out{opacity:0;transform:translateY(8px)}@media (max-width:860px){.cols,.admin-grid{grid-template-columns:1fr}.brand span:last-child{display:none}.row2{grid-template-columns:1fr}.inline{flex-wrap:wrap}}.clamp:empty{display:none}