: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}.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 nav{text-transform:uppercase;letter-spacing:1.5px;color:var(--op-body);gap:18px;font-size:12px;font-weight:600;display:flex}.bar nav a.on{color:var(--cyan);text-shadow:-1px 0 0 var(--cyan), 1px 0 0 var(--magenta)}.bar .avatar{background:var(--cyan);width:32px;height:32px;color:var(--purple);place-items:center;font-size:12px;font-weight:700;display:grid}.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}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:10px;text-align:center;font-size:28px;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{min-height:44px;color:var(--ink-2);padding:10px 16px;font-size:14px}.seg button.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);justify-content:space-between;font-size:11px;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}.bar{padding:16px 40px}}@media (width<=819px){.bar nav{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 nav a{text-align:center;min-width:64px;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}}