:root{--purple:#5e17eb;--lilac:#e8e6f8;--cyan:#0ff;--magenta:#f0f;--white:#fff;--ink:#111;--ink-2:#555;--ink-3:#888;--op-strong:#f0eefb;--op-body:#dad3f4;--grad:linear-gradient(90deg, #5e17eb, #0ff, #f0f);--glitch-text:-2px 0 0 var(--cyan), 2px 0 0 var(--magenta);--glitch-box:-2px 0 0 var(--cyan), 2px 0 0 var(--magenta);--disp:"Archivo", Helvetica, Arial, sans-serif;--ui:"Archivo", Helvetica, Arial, sans-serif;--pad:24px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{font-family:var(--ui);background:var(--lilac);color:var(--ink);min-height:100vh;font-size:16px;line-height:1.55}body.on-purple{background:var(--purple);color:var(--op-strong)}body.on-purple,.card.dark{background-image:repeating-linear-gradient(0deg,#00000012 0 1px,#0000 1px 4px)}a{color:inherit;text-decoration:none}img{max-width:100%}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}input,textarea,select{font:inherit;color:inherit}h1,h2,h3,.disp{font-family:var(--disp);letter-spacing:-.025em;font-weight:700;font-stretch:125%;line-height:1.12}h1{font-size:32px}h2{font-size:24px}h3{font-size:19px}.display{font-size:38px}.g{text-shadow:var(--glitch-text);font-style:normal}.lead{color:var(--ink-2);font-size:17px}.on-purple .lead{color:var(--op-body)}.overline{text-transform:uppercase;letter-spacing:2.5px;color:var(--purple);font-size:11px;font-weight:700}.on-purple .overline,.card.dark .overline{color:var(--cyan)}.on-purple strong,.card.dark strong{color:var(--magenta)}.muted{color:var(--ink-3);font-size:13px}.on-purple .muted,.card.dark .muted{color:var(--op-body)}.error{color:#b00020;margin-top:10px;font-size:14px}.on-purple .error{color:var(--magenta)}.wrap{max-width:1100px;padding:var(--pad);width:100%;margin:0 auto}.wrap.narrow{max-width:720px}.screen{flex-direction:column;min-height:100vh;display:flex}.grow{flex:1}.center{flex-direction:column;justify-content:center;padding-top:60px;padding-bottom:60px;display:flex}.side{display:none}@media (width>=820px){:root{--side-w:248px;--side-w-closed:72px}.side{width:var(--side-w);z-index:30;background-color:var(--purple);color:var(--op-strong);border-right:2px solid var(--cyan);background-image:repeating-linear-gradient(0deg,#00000012 0 1px,#0000 1px 4px);flex-direction:column;transition:width .16s steps(3,end);display:flex;position:fixed;top:0;bottom:0;left:0}.side.closed{width:var(--side-w-closed)}.side-top{justify-content:space-between;align-items:center;min-height:72px;padding:18px 14px 14px 18px;display:flex}.side-logo{line-height:0;display:block}.side-logo .logo-full{width:auto;height:30px;display:block}.side-logo .logo-icon{width:34px;height:34px;display:none}.side.closed .side-top{flex-direction:column;justify-content:center;gap:10px;padding:18px 0 14px}.side.closed .logo-full{display:none}.side.closed .logo-icon{display:block}.side-toggle{width:28px;height:28px;color:var(--op-body);border:1px solid #ffffff40;place-items:center;font-size:20px;line-height:1;display:grid}.side-toggle:hover,.side-toggle:focus-visible{color:var(--white);border-color:var(--cyan);outline:none}.side-nav{flex-direction:column;flex:1;gap:2px;padding:6px 10px;display:flex;overflow-y:auto}.side-bottom{border-top:1px solid #ffffff2e;flex-direction:column;gap:2px;padding:10px;display:flex}.side-link{text-transform:uppercase;letter-spacing:1.5px;min-height:44px;color:var(--op-body);border-left:2px solid #0000;align-items:center;gap:12px;padding:10px;font-size:12px;font-weight:600;display:flex}.side-link:hover{color:var(--white)}.side-link.on{color:var(--cyan);border-left-color:var(--cyan);text-shadow:-1px 0 0 var(--cyan), 1px 0 0 var(--magenta)}.side-link .glyph{text-align:center;width:24px;text-shadow:none;flex:none;font-size:17px}.side-link .avatar-glyph{background:var(--cyan);width:24px;height:24px;color:var(--purple);letter-spacing:0;place-items:center;font-size:10px;font-weight:700;display:grid}.side.closed .side-link{justify-content:center;padding:10px 0}.side.closed .side-link .label{display:none}.side-sub{flex-direction:column;padding:2px 0 6px 38px;display:flex}.side-sublink{min-height:36px;color:var(--op-body);padding:7px 8px;font-size:13px}.side-sublink:hover{color:var(--white)}.side-sublink.on{color:var(--cyan)}body{padding-left:var(--side-w);transition:padding-left .16s steps(3,end)}body.sidebar-closed{padding-left:var(--side-w-closed)}body.on-purple{padding-left:0}body.on-purple .side{display:none}}.bar{padding:14px var(--pad);background:var(--purple);border-bottom:2px solid var(--cyan);z-index:5;justify-content:space-between;align-items:center;gap:12px;display:flex;position:sticky;top:0}.bar .mark{font-family:var(--disp);color:var(--white);letter-spacing:.02em;white-space:nowrap;font-size:15px;font-weight:700;font-stretch:125%;animation:9s step-end infinite drift}.bar .mark b{text-shadow:-1.5px 0 0 var(--cyan), 1.5px 0 0 var(--magenta)}.bar .tabs{text-transform:uppercase;letter-spacing:1.5px;color:var(--op-body);gap:18px;font-size:12px;font-weight:600;display:flex}.bar .tabs a.on{color:var(--cyan);text-shadow:-1px 0 0 var(--cyan), 1px 0 0 var(--magenta)}.bar .avatar{background:var(--cyan);width:36px;height:36px;color:var(--purple);box-shadow:none;place-items:center;font-size:12px;font-weight:700;display:grid}.av-cyan{background:var(--cyan)!important;color:var(--purple)!important}.av-magenta{background:var(--magenta)!important;color:var(--white)!important}.av-lilac{background:var(--lilac)!important;color:var(--purple)!important}.av-purple{outline:2px solid var(--cyan);outline-offset:-2px;background:var(--purple)!important;color:var(--white)!important}.bar .avatar:hover,.bar .avatar[aria-expanded=true]{box-shadow:-2px 0 0 var(--cyan), 2px 0 0 var(--magenta)}.avatar-wrap{position:relative}.menu{background:var(--white);border:2px solid var(--lilac);z-index:40;flex-direction:column;min-width:180px;display:flex;position:absolute;top:44px;right:0}.menu a,.menu button{text-align:left;min-height:44px;color:var(--ink);border-bottom:1px solid var(--lilac);padding:12px 16px;font-size:14px;display:block}.menu a:last-child,.menu button:last-child{border-bottom:0}.menu a,.menu button{transition:box-shadow .12s steps(2,end)}.menu a:hover,.menu button:hover,.menu a:focus-visible,.menu button:focus-visible{color:var(--purple);box-shadow:inset 3px 0 0 var(--cyan), inset -3px 0 0 var(--magenta);outline:none}.card{background:var(--white);border:2px solid var(--lilac);padding:26px;display:block}.card.accent{border-top:2px solid var(--lilac)}.card.dark{background-color:var(--purple);border-color:var(--purple);color:var(--op-strong);border-left:3px solid var(--cyan);border-right:3px solid var(--magenta)}.card.dark h2,.card.dark h3{color:var(--white)}.card.dark p{color:var(--op-body)}.card+.card{margin-top:20px}.grid>.card+.card{margin-top:0}.card.tube-light{border-left:3px solid var(--cyan);border-right:3px solid var(--magenta);background-image:repeating-linear-gradient(0deg,#5e17eb08 0 1px,#0000 1px 4px)}a.card{transition:box-shadow .12s steps(2,end)}a.card:hover,button.card:hover{box-shadow:-3px 0 0 var(--cyan), 3px 0 0 var(--magenta)}.grid{gap:24px;display:grid}.grid.two,.grid.three{grid-template-columns:1fr}.btn{text-align:center;background:var(--purple);width:100%;color:var(--white);border:none;border-bottom:3px solid var(--cyan);cursor:pointer;min-height:48px;padding:15px 22px;font-size:15px;font-weight:600;transition:box-shadow .12s steps(2,end),transform .12s steps(2,end);display:inline-block}.btn:hover,.btn:focus-visible{box-shadow:-3px 0 0 var(--cyan), 3px 0 0 var(--magenta);transform:translate(.5px)}.btn:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}.btn:disabled{opacity:.55;cursor:default;box-shadow:none;transform:none}.btn.ghost{color:var(--purple);border:2px solid var(--purple);background:0 0}.on-purple .btn:not(.ghost),.card.dark .btn:not(.ghost){background:var(--white);color:var(--purple)}.on-purple .btn.ghost,.card.dark .btn.ghost{color:var(--white);border-color:var(--cyan)}.btn.small{width:auto;min-height:44px;padding:11px 18px;font-size:13px}.btn.link{color:var(--ink-3);background:0 0;border:0;min-height:44px;font-weight:500;text-decoration:underline}.on-purple .btn.link{color:var(--op-body)}.btn-row{flex-direction:column;gap:10px;margin-top:20px;display:flex}.pill{text-transform:uppercase;letter-spacing:1.5px;background:var(--lilac);color:var(--purple);padding:5px 10px;font-size:10px;font-weight:700;display:inline-block}.pill.live{background:var(--cyan);color:var(--purple);box-shadow:-2px 0 0 var(--cyan), 2px 0 0 var(--magenta)}.pill.lock{color:var(--ink-3);border:1px solid var(--lilac);background:0 0}.rule{background:var(--grad);height:2px;margin:36px 0}.stat{font-family:var(--disp);color:var(--purple);font-size:44px;font-weight:700;font-stretch:125%;line-height:1}ul.bul{margin-top:14px;list-style:none}ul.bul li{color:var(--ink-2);margin-bottom:11px;padding-left:22px;position:relative}ul.bul li:before{content:"";background:var(--purple);width:9px;height:9px;position:absolute;top:8px;left:0}.on-purple ul.bul li,.card.dark ul.bul li{color:var(--op-body)}.card.dark ul.bul li:before{background:var(--cyan)}.progress{background:var(--lilac);height:8px;position:relative;overflow:hidden}.progress i{background:var(--grad);filter:saturate(1.4);height:100%;transition:width .4s steps(4,end);display:block}.on-purple .progress{background:#ffffff2e}.field{margin-bottom:16px}.field label,.field .label{text-transform:uppercase;letter-spacing:2px;color:var(--ink-3);margin-bottom:7px;font-size:11px;font-weight:700;display:block}.field .help{text-transform:none;letter-spacing:0;color:var(--ink-3);margin:-2px 0 8px;font-size:13px;font-weight:400}.input{border:2px solid var(--lilac);background:var(--white);width:100%;color:var(--ink);outline:none;min-height:48px;padding:14px;font-size:16px}.input:focus{border-color:var(--purple);box-shadow:-2px 0 0 var(--cyan), 2px 0 0 var(--magenta)}textarea.input{resize:vertical;min-height:110px;line-height:1.5}.input.code{letter-spacing:6px;text-align:center;font-size:26px;font-family:var(--disp);font-weight:700}.on-purple .input{background:var(--white);color:var(--ink);border-color:#0000}.choice{text-align:left;border:2px solid var(--lilac);background:var(--white);width:100%;min-height:48px;color:var(--ink);margin-bottom:10px;padding:16px;font-size:15px;display:block}.choice.sel{border-color:var(--purple);box-shadow:-2px 0 0 var(--cyan), 2px 0 0 var(--magenta)}.choice-row{flex-wrap:wrap;gap:8px;display:flex}.chip{border:2px solid var(--lilac);background:var(--white);min-height:44px;color:var(--ink);padding:10px 14px;font-size:14px}.chip.sel{border-color:var(--purple);background:var(--purple);color:var(--white)}.seg{border:2px solid var(--lilac);display:inline-flex}.seg button,.seg a{min-height:44px;color:var(--ink-2);padding:10px 16px;font-size:14px}.seg button.sel,.seg a.sel{background:var(--purple);color:var(--white)}.row{align-items:center;gap:14px;display:flex}.row .num{font-family:var(--disp);color:var(--purple);min-width:38px;font-size:26px;font-weight:700;font-stretch:125%}.row.done .num{color:var(--ink-3)}.on-purple .row .num{color:var(--white)}.on-purple .row.doing .num{color:var(--cyan);text-shadow:-1.5px 0 0 var(--cyan), 1.5px 0 0 var(--magenta)}.on-purple .row.done .num{color:var(--op-body)}.on-purple .row.todo{opacity:.45}.foot{padding:22px var(--pad);color:var(--ink-3);border-top:2px solid var(--lilac);font-size:11px}.foot .tandem{max-width:720px;margin-bottom:12px;font-size:12px;line-height:1.6}.foot .tandem a{color:var(--purple);text-decoration:underline}.on-purple .foot .tandem a{color:var(--cyan)}.foot .meta{justify-content:space-between;display:flex}.on-purple .foot{color:var(--op-body);border-color:#fff3}.note{color:var(--ink-3);border-left:2px solid var(--cyan);margin-top:12px;padding-left:10px;font-size:12px;line-height:1.5}.on-purple .note,.card.dark .note{color:var(--op-body)}.marquee{background:var(--purple);border-top:2px solid var(--cyan);border-bottom:2px solid var(--magenta);white-space:nowrap;padding:9px 0;overflow:hidden}.marquee span{letter-spacing:2.5px;text-transform:uppercase;color:var(--op-body);padding-right:48px;font-size:12px;font-weight:700;animation:28s linear infinite marquee;display:inline-block}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes drift{0%,97.2%,to{filter:none;transform:translate(0)}97.6%{filter:hue-rotate(8deg);transform:translate(-1.5px)}98.2%{transform:translate(1.5px)}98.8%{transform:translate(-.5px)}}@keyframes blink{50%{opacity:.35}}.blink{animation:1.2s steps(2,end) infinite blink}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}@media (width>=820px){:root{--pad:40px}h1{font-size:46px}.display{font-size:62px}h2{font-size:30px}.lead{font-size:19px}.card{padding:40px}.grid.two{grid-template-columns:1fr 1fr}.grid.three{grid-template-columns:repeat(3,1fr)}.btn{width:auto}.btn-row{flex-direction:row;align-items:center}}@media (width<=819px){.bar .tabs{z-index:20;background:var(--purple);border-top:2px solid var(--cyan);padding:11px 8px calc(11px + env(safe-area-inset-bottom));letter-spacing:1px;justify-content:space-around;gap:0;font-size:10px;position:fixed;bottom:0;left:0;right:0}.bar .tabs a{text-align:center;min-width:56px;padding:6px 0}body.has-nav{padding-bottom:60px}}@media print{body{color:#000;background:#fff}.bar,.foot,.btn,.btn-row,.no-print{display:none!important}.card{break-inside:avoid;border-color:#ccc}.card.dark{color:#000;background-image:none;border:2px solid #5e17eb;background:#fff!important}.card.dark p,.card.dark h2,.card.dark h3,.card.dark ul.bul li{color:#000}.rule{background:#5e17eb}.overline,.card.dark .overline{color:#5e17eb}}@media (width>=820px){.bar{z-index:35;background:0 0;border-bottom:0;width:auto;padding:14px 24px;position:absolute;top:0;left:auto;right:0}.bar .bar-mark,.bar .tabs{display:none}.wrap{padding-top:64px}body.on-purple .bar{display:none}}
