:root{--wall:#a6a8a3;--wall-deep:#979994;--ink:#17181a;--ink-soft:#3b3d40;--ink-mute:#5b5d5f;--paper:#f2f2ee;--paper-ink:#17181a;--red:#d23a2a;--green:#2f8f4e;--amber:#c98a1c;--blue:#3a6fd2;--screen:#1c1d20;--screen-2:#26282b;--screen-3:#33363a;--screen-line:#ffffff14;--screen-text:#d9dad6;--screen-mute:#8f918d;--line:color-mix(in srgb, var(--ink) 20%, transparent);--wall-image:url(/img/wall.jpg);--wall-tone:#a6a8a359;--display:"Archivo", system-ui, sans-serif;--mono:"JetBrains Mono", ui-monospace, monospace;--pixel:"Silkscreen", monospace;--gutter:clamp(16px, 4vw, 56px);--ease:cubic-bezier(.2, .7, .2, 1);--spring:cubic-bezier(.3, 1.25, .35, 1);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--wall:#3a3c3b;--wall-deep:#313332;--ink:#eeeeea;--ink-soft:#c5c7c2;--ink-mute:#9a9c98;--wall-tone:#1c1e1db8;--green:#6fcf8a;--amber:#e8b04a;--blue:#8fb2f2;--red:#ef5b49;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--wall);min-height:100svh;color:var(--ink);font-family:var(--display);-webkit-font-smoothing:antialiased;margin:0;font-size:17px;line-height:1.5;overflow-x:hidden}a{color:inherit}button{font:inherit;color:inherit}img{max-width:100%}:focus-visible{outline:2px solid var(--red);outline-offset:3px}::selection{background:var(--red);color:#fff}.pixel{font-family:var(--pixel);letter-spacing:.02em;font-size:12px}.mute{color:var(--ink-mute)}.soft{color:var(--ink-soft)}.red{color:var(--red)}.nowrap{white-space:nowrap}.sr{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.top{z-index:10;padding:14px var(--gutter);background:color-mix(in srgb, var(--wall) 82%, transparent);-webkit-backdrop-filter:blur(14px)saturate(1.3);border-bottom:1px solid #0000;justify-content:space-between;align-items:center;gap:16px;transition:border-color .2s;display:flex;position:sticky;top:0}.top.is-scrolled{border-bottom-color:var(--line)}.top__me{letter-spacing:-.01em;white-space:nowrap;font-size:17px;font-weight:800;font-stretch:125%;text-decoration:none}.top__me span{color:var(--red)}.top__links{align-items:center;gap:4px;font-size:15px;font-weight:600;display:flex}.top__links a,.top__links button{color:var(--ink-soft);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:6px 12px;text-decoration:none}.top__links a:hover,.top__links button:hover{color:var(--ink)}.top__links a.is-on{background:var(--ink);color:var(--wall)}.top__links .top__music{place-items:center;width:34px;height:34px;padding:0;display:grid}.top__music span{align-items:flex-end;gap:3px;height:14px;display:flex}.top__music i{width:3px;height:5px;transition:height .4s var(--ease);background:currentColor;border-radius:1px}.top__music i:nth-child(2){height:9px}.top__music.is-playing i{animation:music-bar 1.8s var(--ease) infinite alternate}.top__music.is-playing i:nth-child(2){animation-delay:-.6s}.top__music.is-playing i:nth-child(3){animation-delay:-1.2s}.top__music.is-off i{opacity:.55;height:3px}@keyframes music-bar{0%{height:4px}to{height:14px}}@media (prefers-reduced-motion:reduce){.top__music.is-playing i{animation:none}}.top__due{background:var(--red);color:#fff;min-width:18px;font-family:var(--pixel);text-align:center;border-radius:999px;margin-left:6px;padding:0 5px;font-size:10px;line-height:18px;display:inline-block}.page{max-width:1240px;padding:clamp(28px, 5vw, 64px) var(--gutter) 160px;margin:0 auto}.page--narrow{max-width:880px}.crumbs{font-family:var(--pixel);color:var(--ink-mute);align-items:center;gap:8px;margin:0 0 18px;font-size:12px;display:flex}.crumbs a{text-decoration:none}.crumbs a:hover{color:var(--ink)}.title{letter-spacing:-.045em;overflow-wrap:anywhere;margin:0;font-size:clamp(44px,8vw,112px);font-weight:900;font-stretch:125%;line-height:.88}.title--m{font-size:clamp(36px,5.4vw,76px);line-height:.92}.lede{max-width:52ch;color:var(--ink-soft);margin:14px 0 0;font-size:clamp(18px,1.6vw,22px);font-weight:500;line-height:1.35}.h2{letter-spacing:-.03em;margin:0;font-size:clamp(28px,3vw,40px);font-weight:800;font-stretch:112%;line-height:1}.section{border-top:2px solid var(--ink);margin-top:clamp(40px,6vw,72px);padding-top:20px}.section__head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:22px;display:flex}.row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.row--end{justify-content:flex-end}.row--between{justify-content:space-between}.stack{gap:14px;display:grid}.grow{flex:1;min-width:0}.btn{background:var(--ink);color:var(--wall);cursor:pointer;white-space:nowrap;border:0;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:12px 22px;font-size:16px;font-weight:700;text-decoration:none;transition:transform .12s,opacity .15s;display:inline-flex}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.35;cursor:not-allowed;transform:none}.btn--ghost{color:var(--ink);box-shadow:inset 0 0 0 2px var(--ink);background:0 0}.btn--red{background:var(--red);color:#fff}.btn--s{padding:8px 14px;font-size:14px}.pbtn{font-family:var(--pixel);color:var(--ink);border:2px solid var(--ink);cursor:pointer;box-shadow:3px 3px 0 0 var(--ink);white-space:nowrap;background:0 0;justify-content:center;align-items:center;gap:8px;padding:8px 13px 7px;font-size:13px;text-decoration:none;transition:transform .12s,box-shadow .12s,background .12s;display:inline-flex}.pbtn:hover{box-shadow:4px 4px 0 0 var(--ink);transform:translate(-1px,-1px)}.pbtn:active{box-shadow:0 0 0 0 var(--ink);transform:translate(3px,3px)}.pbtn:disabled{opacity:.35;cursor:not-allowed;box-shadow:3px 3px 0 0 var(--ink);transform:none}.pbtn.is-on,.pbtn--fill{background:var(--ink);color:var(--wall)}.pbtn--red{border-color:var(--red);color:var(--red);box-shadow:3px 3px 0 0 var(--red)}.pbtn--red:hover{box-shadow:4px 4px 0 0 var(--red)}.pbtn--s{box-shadow:2px 2px 0 0 var(--ink);padding:5px 9px 4px;font-size:11px}.link{color:var(--ink);text-underline-offset:4px;cursor:pointer;background:0 0;border:0;padding:0;font-weight:700;text-decoration:underline}.link--mute{color:var(--ink-mute);font-weight:500}.iconbtn{width:34px;height:34px;color:var(--ink-mute);cursor:pointer;background:0 0;border:0;border-radius:10px;place-items:center;font-size:16px;display:inline-grid}.iconbtn:hover{color:var(--ink);background:color-mix(in srgb, var(--ink) 8%, transparent)}.iconbtn.is-on{color:var(--amber)}.field{gap:6px;display:grid}.field>span{font-family:var(--pixel);color:var(--ink-mute);font-size:11px}.input,.textarea,.select{width:100%;font:inherit;color:var(--paper-ink);background:var(--paper);border:2px solid var(--ink);border-radius:0;outline:none;padding:10px 12px;font-size:16px;transition:box-shadow .12s}@media (prefers-color-scheme:dark){.input,.textarea,.select{border-color:#0e0f10}}.input:focus,.textarea:focus,.select:focus{box-shadow:4px 4px 0 0 var(--ink)}.textarea{resize:vertical;min-height:96px;line-height:1.45}.input--bare{color:var(--ink);background:0 0;border:0;padding:0}.input--bare:focus{box-shadow:none}.check{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;font-size:15px;display:inline-flex}.check input{width:18px;height:18px;accent-color:var(--red)}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{font-family:var(--pixel);border:2px solid var(--ink);cursor:pointer;color:var(--ink);background:0 0;padding:6px 10px 5px;font-size:11px}.chip.is-on{background:var(--ink);color:var(--wall)}.screen{background:var(--screen);color:var(--screen-text);border-radius:18px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff0f,0 40px 60px -30px #0000008c,0 12px 24px -12px #00000059}.screen__bar{border-bottom:1px solid var(--screen-line);justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;font-size:14px;display:flex}.screen__body{padding:18px}.dots{gap:7px;display:flex}.dots i{background:#3a3c40;border-radius:50%;width:11px;height:11px}.screen .input,.screen .textarea,.screen .select{background:var(--screen-2);color:var(--screen-text);border:1px solid var(--screen-line);border-radius:10px}.screen .input:focus,.screen .textarea:focus,.screen .select:focus{box-shadow:0 0 0 2px var(--red)}.screen .field>span{color:var(--screen-mute)}.screen .chip{border-color:var(--screen-3);color:var(--screen-text)}.screen .chip.is-on{background:var(--screen-text);color:var(--screen);border-color:var(--screen-text)}.screen .btn{background:var(--paper);color:var(--screen)}.screen .btn--ghost{color:var(--screen-text);box-shadow:inset 0 0 0 1px var(--screen-3);background:0 0}.screen .check{color:var(--screen-text)}.screen .mute{color:var(--screen-mute)}.screen .link{color:var(--screen-text)}.caret{vertical-align:-2px;background:currentColor;width:7px;height:1.05em;margin-left:2px;animation:1.05s step-end infinite blink;display:inline-block}@keyframes blink{50%{opacity:0}}.hero{padding-top:clamp(8px,3vw,40px);position:relative}.hero .title{font-size:clamp(64px,13vw,200px)}.banner{background:var(--paper);color:var(--paper-ink);font-family:var(--pixel);align-items:baseline;gap:10px;width:fit-content;max-width:100%;margin-top:22px;padding:10px 14px 9px;font-size:12px;display:flex;box-shadow:0 0 0 2px #17181a,4px 4px #17181a}.stats{border-top:2px solid var(--ink);grid-template-columns:repeat(4,minmax(0,1fr));margin-top:clamp(32px,5vw,56px);display:grid}.stats>div{padding:16px 20px 0 0}.stats dt{color:var(--ink-mute);font-size:14px;font-weight:500}.stats dd{letter-spacing:-.03em;margin:2px 0 0;font-size:clamp(28px,3.4vw,48px);font-weight:800;font-stretch:112%;line-height:1.05}.week{align-items:flex-end;gap:4px;height:38px;margin-top:8px;display:flex}.week i{background:var(--ink);flex:1;max-width:14px;min-height:3px}.week i:last-child{background:var(--red)}.hubgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(16px,2vw,28px);display:grid}.hubcard{background:var(--screen);min-height:300px;color:var(--screen-text);transition:transform .35s var(--spring);border-radius:18px;align-content:space-between;gap:40px;padding:24px;text-decoration:none;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff0f,0 40px 60px -30px #0000008c}.hubcard:hover{transform:translateY(-4px)rotate(-.4deg)}.hubcard h3{letter-spacing:-.04em;color:var(--paper);margin:0;font-size:clamp(40px,5vw,72px);font-weight:900;font-stretch:125%;line-height:.9}.hubcard p{max-width:34ch;color:var(--screen-mute);margin:10px 0 0}.hubcard__art{position:absolute;top:22px;right:22px}.hubcard__foot{font-family:var(--pixel);justify-content:space-between;align-items:center;font-size:12px;display:flex}.hubcard--soon{color:var(--ink);box-shadow:inset 0 0 0 2px var(--line);pointer-events:none;background:0 0}.hubcard--soon h3{color:var(--ink-mute)}.minideck{width:120px;height:84px;position:relative}.minideck i{background:var(--paper);transition:transform .45s var(--spring);border-radius:8px;position:absolute;inset:0;box-shadow:0 8px 14px #00000059}.minideck i:first-child{background:#cfd1cc;transform:rotate(-9deg)translate(-8px,4px)}.minideck i:nth-child(2){background:#e2e3de;transform:rotate(4deg)translate(6px,2px)}.minideck i:nth-child(3):after{content:"?";font-family:var(--pixel);color:var(--red);place-items:center;font-size:28px;display:grid;position:absolute;inset:0}.hubcard:hover .minideck i:first-child{transform:rotate(-16deg)translate(-22px,6px)}.hubcard:hover .minideck i:nth-child(2){transform:rotate(10deg)translate(20px)}.minitest{gap:7px;width:130px;display:grid}.minitest b{font-family:var(--pixel);color:var(--screen-mute);align-items:center;gap:8px;font-size:10px;display:flex}.minitest b:before{content:"";border:2px solid var(--screen-3);width:12px;height:12px}.minitest b.is-on:before{background:var(--red);border-color:var(--red)}.minitest b:after{content:"";background:var(--screen-3);border-radius:3px;flex:1;height:6px}.tiles{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:18px;display:grid}.tile{background:var(--paper);min-height:190px;color:var(--paper-ink);transition:transform .3s var(--spring), box-shadow .3s;border-radius:14px;grid-template-rows:auto 1fr auto;gap:10px;padding:18px 18px 16px;text-decoration:none;display:grid;position:relative;overflow:hidden;box-shadow:0 1px #00000014,0 18px 30px -18px #00000073}.tile:hover{transform:translateY(-3px);box-shadow:0 1px #00000014,0 26px 40px -20px #0000008c}.tile__stripe{height:6px;position:absolute;inset:0 0 auto}.tile__title{letter-spacing:-.02em;overflow-wrap:anywhere;margin:4px 0 0;font-size:24px;font-weight:800;font-stretch:112%;line-height:1.05}.tile__desc{color:#5b5d5f;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;font-size:14px;display:-webkit-box;overflow:hidden}.tile__foot{font-family:var(--pixel);color:#5b5d5f;justify-content:space-between;align-items:center;gap:10px;font-size:11px;display:flex}.tile__cover{object-fit:cover;border-radius:8px;width:54px;height:54px;position:absolute;top:16px;right:12px;box-shadow:0 4px 10px #0003}.tile--new{color:var(--ink);box-shadow:inset 0 0 0 2px var(--ink);font-family:var(--pixel);cursor:pointer;background:0 0;border:0;align-content:center;place-items:center;gap:8px;font-size:13px;display:grid}.tile--new b{font-size:40px;line-height:1}.badge{font-family:var(--pixel);color:#f2f2ee;background:#17181a;padding:2px 7px 1px;font-size:10px;display:inline-block}.badge--red{background:var(--red);color:#fff}.badge--green{color:#fff;background:#2f8f4e}.meter{background:#17181a1f;border-radius:3px;height:6px;overflow:hidden}.meter i{height:100%;transition:width .5s var(--ease);background:#17181a;border-radius:3px;display:block}.meter--screen{background:var(--screen-3)}.meter--screen i{background:var(--paper)}.empty{text-align:center;color:var(--ink-soft);justify-items:center;gap:14px;padding:56px 20px;display:grid}.empty p{max-width:40ch;margin:0}.modes{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;display:grid}.mode{background:var(--screen);min-height:150px;color:var(--screen-text);transition:transform .3s var(--spring);border-radius:14px;align-content:start;gap:8px;padding:16px;text-decoration:none;display:grid}.mode:hover{transform:translateY(-3px)}.mode__glyph{font-family:var(--mono);color:var(--paper);font-size:26px;line-height:1}.mode b{color:var(--paper);font-size:18px;font-weight:800;font-stretch:110%}.mode span{color:var(--screen-mute);font-size:13px;line-height:1.35}.mode.is-disabled{opacity:.4;pointer-events:none}.mode--main{background:var(--red)}.mode--main span,.mode--main .mode__glyph{color:#fff}.mode--main span{opacity:.85}.opts{flex-wrap:wrap;align-items:center;gap:10px 18px;margin-top:14px;display:flex}.editor{gap:12px;display:grid}.crow{background:var(--paper);color:var(--paper-ink);border-radius:12px;grid-template-columns:34px minmax(0,1fr) minmax(0,1fr) auto;align-items:start;gap:12px;padding:14px;display:grid;box-shadow:0 10px 22px -16px #00000073}.crow__n{font-family:var(--pixel);color:#5b5d5f;text-align:center;padding-top:10px;font-size:11px}.crow__side{gap:8px;min-width:0;display:grid}.crow__side label{font-family:var(--pixel);color:#5b5d5f;font-size:10px}.crow .textarea{color:#17181a;background:0 0;border-width:0 0 2px;border-color:#17181a;min-height:52px;padding:8px 2px}.crow .textarea:focus{box-shadow:none;border-color:var(--red)}.crow .input{color:#3b3d40;background:0 0;border-width:0 0 1px;border-color:#17181a40;padding:4px 2px;font-size:14px}.crow .input:focus{box-shadow:none;border-color:var(--red)}.crow__tools{gap:4px;display:grid}.crow .iconbtn{color:#5b5d5f}.crow .iconbtn:hover{color:#17181a;background:#17181a12}.crow .iconbtn.is-on{color:#c98a1c}.crow.is-saving{box-shadow:0 0 0 2px color-mix(in srgb, var(--amber) 60%, transparent), 0 10px 22px -16px #00000073}.imgpick{align-items:center;gap:8px;display:flex}.imgpick__thumb{background:#e2e3de;border-radius:8px;width:74px;height:56px;position:relative;overflow:hidden}.imgpick__thumb img{object-fit:cover;width:100%;height:100%}.imgpick__thumb button{color:#fff;cursor:pointer;background:#17181acc;border:0;border-radius:50%;width:20px;height:20px;font-size:12px;line-height:1;position:absolute;top:3px;right:3px}.imgpick__add{font-family:var(--pixel);color:#5b5d5f;cursor:pointer;background:0 0;border:1.5px dashed #17181a66;padding:6px 8px 5px;font-size:10px}.imgpick__add:hover{color:#17181a;border-color:#17181a}.study{justify-items:center;gap:22px;max-width:820px;margin:0 auto;display:grid}.study__head{justify-content:space-between;align-items:center;gap:14px;width:100%;display:flex}.study__progress{flex:1;max-width:360px}.study__count{font-family:var(--pixel);color:var(--ink-mute);white-space:nowrap;font-size:12px}.fc{aspect-ratio:16/10;perspective:1600px;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;touch-action:pan-y;width:100%;max-height:54svh;position:relative}.fc__in{transition:transform .6s var(--spring);position:absolute;inset:0}.fc.is-flipped .fc__in{transform:rotateY(180deg)}.fc__face{background:var(--paper);color:#17181a;border-radius:20px;grid-template-rows:auto 1fr auto;padding:clamp(16px,3vw,28px);transition:opacity 0s linear .14s;display:grid;position:absolute;inset:0;overflow:hidden;box-shadow:0 1px #0000001a,0 40px 60px -30px #0000008c,0 12px 24px -12px #0000004d}.fc__face--back{opacity:0;background:#fbfbf8;transform:rotateY(180deg)}.fc.is-flipped .fc__face--back{opacity:1}.fc.is-flipped .fc__face:not(.fc__face--back){opacity:0}.fc__face:before{content:"";background:#17181a24;border-radius:4px;width:54px;height:7px;margin-left:-27px;position:absolute;top:12px;left:50%}.fc__label{font-family:var(--pixel);color:#5b5d5f;justify-content:space-between;font-size:11px;display:flex}.fc__content{text-align:center;align-content:center;place-items:center;gap:14px;min-height:0;display:grid;overflow:auto}.fc__text{letter-spacing:-.015em;white-space:pre-wrap;overflow-wrap:anywhere;font-size:clamp(22px,3.4vw,40px);font-weight:700;line-height:1.2}.fc__text--long{font-size:clamp(17px,2.2vw,24px);font-weight:600}.fc__img{object-fit:contain;border-radius:10px;max-width:100%;max-height:30svh}.fc__hint{color:#5b5d5f;text-align:center;font-size:14px}.fc__stamp{font-family:var(--pixel);opacity:0;pointer-events:none;border:3px solid;padding:6px 12px 5px;font-size:16px;transition:opacity .15s,transform .2s;position:absolute;top:26px;transform:rotate(-8deg)scale(1.2)}.fc__stamp--yes{color:#2f8f4e;right:26px;transform:rotate(8deg)scale(1.2)}.fc__stamp--no{color:#d23a2a;left:26px}.fc__stamp.is-shown{opacity:1;transform:rotate(-8deg)scale(1)}.fc__stamp--yes.is-shown{transform:rotate(8deg)scale(1)}.fc.is-out-left{animation:out-left .32s var(--ease) forwards}.fc.is-out-right{animation:out-right .32s var(--ease) forwards}.fc.is-in{animation:card-in .42s var(--spring)}@keyframes out-left{to{opacity:0;transform:translate(-60%)rotate(-10deg)}}@keyframes out-right{to{opacity:0;transform:translate(60%)rotate(10deg)}}@keyframes card-in{0%{opacity:0;transform:translateY(24px)scale(.96)}}.grades{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;width:100%;display:grid}.grade{border:2px solid var(--ink);cursor:pointer;box-shadow:3px 3px 0 0 var(--ink);background:0 0;justify-items:center;gap:2px;padding:12px 8px 10px;transition:transform .12s,box-shadow .12s;display:grid}.grade:hover{box-shadow:4px 4px 0 0 var(--ink);transform:translate(-1px,-1px)}.grade:active{box-shadow:none;transform:translate(3px,3px)}.grade b{font-family:var(--pixel);font-size:13px;font-weight:400}.grade small{font-family:var(--mono);color:var(--ink-mute);font-size:11px}.grade--1 b{color:var(--red)}.grade--2 b{color:var(--amber)}.grade--3 b{color:var(--green)}.grade--4 b{color:var(--blue)}.kbd{border:1px solid var(--line);min-width:18px;font-family:var(--mono);text-align:center;color:var(--ink-mute);border-bottom-width:2px;border-radius:4px;padding:0 4px;font-size:11px;line-height:16px;display:inline-block}.keys{color:var(--ink-mute);flex-wrap:wrap;justify-content:center;gap:6px 16px;font-size:13px;display:flex}.qcard{background:var(--paper);color:#17181a;border-radius:18px;width:100%;padding:clamp(18px,3vw,30px);box-shadow:0 1px #0000001a,0 30px 50px -30px #00000080}.qcard__kind{font-family:var(--pixel);color:#5b5d5f;font-size:11px}.qcard__prompt{letter-spacing:-.012em;white-space:pre-wrap;overflow-wrap:anywhere;margin:10px 0 0;font-size:clamp(20px,2.6vw,30px);font-weight:700;line-height:1.22}.qcard__img{border-radius:10px;max-width:100%;max-height:280px;margin-top:14px;display:block}.qcard__body{margin-top:20px}.qcard .input,.qcard .textarea{color:#17181a;background:#fff;border-color:#17181a}.qcard .input:focus,.qcard .textarea:focus{box-shadow:4px 4px #17181a}.opts-list{gap:10px;display:grid}.opt{text-align:left;color:#17181a;cursor:pointer;background:#fff;border:2px solid #17181a2e;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:12px;width:100%;padding:12px 14px;font-size:17px;font-weight:500;transition:border-color .12s,transform .12s,box-shadow .12s;display:grid}.opt:hover:not(:disabled){border-color:#17181a}.opt:disabled{cursor:default}.opt__key{width:32px;height:32px;font-family:var(--pixel);border:2px solid #17181a;place-items:center;font-size:13px;display:grid}.opt.is-picked{border-color:#17181a;box-shadow:3px 3px #17181a}.opt.is-picked .opt__key{color:#f2f2ee;background:#17181a}.opt.is-right{background:#e5f3e8;border-color:#2f8f4e}.opt.is-right .opt__key{color:#fff;background:#2f8f4e;border-color:#2f8f4e}.opt.is-wrong{background:#fbe7e4;border-color:#d23a2a}.opt.is-wrong .opt__key{color:#fff;background:#d23a2a;border-color:#d23a2a}.opt__mark{font-family:var(--pixel);font-size:11px}.opt.is-right .opt__mark{color:#2f8f4e}.opt.is-wrong .opt__mark{color:#d23a2a}.verdict{background:#fff;border-left:4px solid;gap:6px;margin-top:18px;padding:14px 16px;display:grid}.verdict b{font-family:var(--pixel);font-size:13px;font-weight:400}.verdict--ok{border-color:#2f8f4e}.verdict--ok b{color:#2f8f4e}.verdict--no{border-color:#d23a2a}.verdict--no b{color:#d23a2a}.verdict--half{border-color:#c98a1c}.verdict--half b{color:#c98a1c}.verdict p{color:#3b3d40;white-space:pre-wrap;margin:0;font-size:15px}.diff ins{background:#cdebd5;text-decoration:none}.diff del{color:#d23a2a;text-decoration:line-through}.match{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px 56px;display:grid;position:relative}.match__col{align-content:start;gap:10px;display:grid}.match__item{text-align:left;color:#17181a;cursor:pointer;background:#fff;border:2px solid #17181a2e;min-height:48px;padding:11px 14px;font-size:16px;font-weight:500;transition:border-color .12s,box-shadow .12s;position:relative}.match__item:hover:not(:disabled){border-color:#17181a}.match__item.is-armed{border-color:#17181a;box-shadow:3px 3px #17181a}.match__item.is-linked{border-color:var(--pair,#17181a)}.match__item.is-right{background:#e5f3e8;border-color:#2f8f4e}.match__item.is-wrong{background:#fbe7e4;border-color:#d23a2a}.match__tag{width:20px;height:20px;font-family:var(--pixel);color:#fff;background:var(--pair,#17181a);border-radius:50%;place-items:center;font-size:10px;display:grid;position:absolute;top:-8px;right:-8px}.match__lines{pointer-events:none;position:absolute;inset:0;overflow:visible}.order{gap:8px;display:grid}.order__item{color:#17181a;touch-action:none;cursor:grab;transition:transform .25s var(--spring), border-color .12s;background:#fff;border:2px solid #17181a2e;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 12px;font-size:16px;font-weight:500;display:grid}.order__item.is-dragging{cursor:grabbing;z-index:2;border-color:#17181a;transition:none;position:relative;box-shadow:4px 4px #17181a}.order__item.is-right{border-color:#2f8f4e}.order__item.is-wrong{border-color:#d23a2a}.order__n{font-family:var(--pixel);color:#5b5d5f;font-size:12px}.order__btns{display:flex}.order__btns button{cursor:pointer;color:#5b5d5f;background:0 0;border:0;width:28px;height:28px}.fill{color:#17181a;font-size:clamp(19px,2.3vw,26px);font-weight:600;line-height:2}.fill input{width:9ch;font:inherit;color:#17181a;text-align:center;background:0 0;border:0;border-bottom:3px solid #17181a;outline:none;padding:0 4px;font-weight:700}.fill input:focus{border-color:var(--red)}.fill input.is-right{color:#2f8f4e;border-color:#2f8f4e}.fill input.is-wrong{color:#d23a2a;border-color:#d23a2a}.tf{grid-template-columns:1fr 1fr;gap:12px;display:grid}.tf .opt{font-family:var(--pixel);grid-template-columns:minmax(0,1fr);justify-items:center;padding:20px;font-size:15px}.mgame{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;width:100%;display:grid}.mtile{text-align:center;overflow-wrap:anywhere;background:var(--paper);color:#17181a;cursor:pointer;min-height:110px;transition:transform .25s var(--spring), opacity .3s, box-shadow .15s;border:0;border-radius:12px;place-items:center;padding:12px;font-size:15px;font-weight:600;line-height:1.25;display:grid;box-shadow:0 12px 20px -14px #00000080}.mtile img{border-radius:6px;max-height:80px}.mtile:hover{transform:translateY(-2px)}.mtile.is-armed{box-shadow:0 0 0 3px #17181a,5px 5px #17181a}.mtile.is-wrong{animation:.35s shake;box-shadow:0 0 0 3px #d23a2a}.mtile.is-gone{opacity:0;pointer-events:none;transform:scale(.85)}@keyframes shake{25%{transform:translate(-6px)}75%{transform:translate(6px)}}.timer{font-family:var(--mono);font-variant-numeric:tabular-nums;font-size:22px;font-weight:500}.score{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:clamp(20px,4vw,48px);display:grid}.score__big{letter-spacing:-.05em;font-size:clamp(88px,16vw,220px);font-weight:900;font-stretch:125%;line-height:.8}.score__big small{letter-spacing:-.02em;font-size:.35em}.review-list{gap:12px;display:grid}.rv{background:var(--paper);color:#17181a;border-radius:12px;grid-template-columns:26px minmax(0,1fr);gap:12px;padding:14px 16px;display:grid}.rv__mark{font-family:var(--pixel);font-size:16px}.rv__mark.is-ok{color:#2f8f4e}.rv__mark.is-no{color:#d23a2a}.rv__mark.is-half{color:#c98a1c}.rv__q{margin:0;font-weight:700}.rv__a{color:#3b3d40;white-space:pre-wrap;margin:6px 0 0;font-size:15px}.rv__a b{color:#17181a}.qed{background:var(--paper);color:#17181a;border-radius:14px;gap:14px;padding:18px;display:grid;box-shadow:0 14px 26px -18px #00000080}.qed__head{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.qed__n{font-family:var(--pixel);font-size:13px}.qed .select,.qed .input,.qed .textarea{color:#17181a;background-color:#fff;border-color:#17181a}.qed .field>span,.qed .iconbtn{color:#5b5d5f}.qed .iconbtn:hover{color:#17181a;background:#17181a12}.qed .pbtn,.qed .link{color:#17181a;border-color:#17181a;box-shadow:3px 3px #17181a}.qed .link{box-shadow:none}.qed .pbtn--s{box-shadow:2px 2px #17181a}.qed .check{color:#17181a}.qed .imgpick__add{color:#5b5d5f}.qed__opt{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;display:grid}.qed__pair{grid-template-columns:minmax(0,1fr) 20px minmax(0,1fr) auto;align-items:center;gap:8px;display:grid}.qed__mark{width:32px;height:32px;font-family:var(--pixel);color:#17181a;cursor:pointer;background:#fff;border:2px solid #17181a;place-items:center;font-size:12px;display:grid}.qed__mark.is-on{color:#fff;background:#2f8f4e;border-color:#2f8f4e}.qed__typebar{flex-wrap:wrap;gap:8px;display:flex}.qed .chip{color:#17181a;border-color:#17181a}.qed .chip.is-on{color:#f2f2ee;background:#17181a}.savebar{z-index:5;background:var(--screen);color:var(--screen-text);border-radius:999px;justify-content:space-between;align-items:center;gap:12px;margin-top:24px;padding:10px 10px 10px 18px;display:flex;position:sticky;bottom:16px;box-shadow:0 18px 34px -14px #0000008c}.savebar .btn{background:var(--paper);color:var(--screen)}.nilpanel{grid-template-columns:minmax(0,1fr);display:grid}.nilhead{align-items:flex-end;gap:14px;padding:18px 18px 0;display:flex}.nilsay{background:var(--paper);color:#17181a;font-family:var(--pixel);flex:1;min-height:40px;margin-bottom:18px;padding:10px 13px 9px;font-size:12px;line-height:1.45;position:relative;box-shadow:0 0 0 2px #17181a,4px 4px #0b0b0c}.nilsay:after{content:"";background:var(--paper);width:8px;height:8px;position:absolute;bottom:10px;left:-9px;box-shadow:-2px 2px #17181a,-2px 0 #17181a}.nilcat{image-rendering:pixelated;flex:none;display:block}.drop{text-align:center;border:2px dashed var(--screen-3);color:var(--screen-mute);cursor:pointer;border-radius:14px;place-items:center;gap:6px;padding:26px 16px;transition:border-color .15s,background .15s;display:grid}.drop:hover,.drop.is-over{border-color:var(--paper);color:var(--screen-text);background:#ffffff08}.drop b{font-family:var(--pixel);color:var(--screen-text);font-size:13px;font-weight:400}.files{gap:6px;display:grid}.filerow{background:var(--screen-2);border-radius:10px;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:8px 10px 8px 12px;font-size:14px;display:grid}.filerow span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.filerow small{font-family:var(--mono);color:var(--screen-mute);font-size:11px}.filerow button{color:var(--screen-mute);cursor:pointer;background:0 0;border:0}.tabs{background:#121315;border-radius:999px;gap:2px;width:fit-content;max-width:100%;padding:3px;display:flex;overflow-x:auto}.tabs button{color:#9b9d99;cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:999px;padding:7px 13px;font-size:13px;font-weight:600}.tabs button.is-on{background:var(--screen-3);color:#f2f2ee}.tabs--wall{background:color-mix(in srgb, var(--ink) 10%, transparent)}.tabs--wall button{color:var(--ink-soft)}.tabs--wall button.is-on{background:var(--ink);color:var(--wall)}.preview{gap:8px;max-height:420px;padding-right:4px;display:grid;overflow:auto}.pv{background:var(--screen-2);border-radius:10px;grid-template-columns:24px minmax(0,1fr) minmax(0,1fr) auto;align-items:start;gap:10px;padding:10px 12px;font-size:14px;display:grid}.pv textarea{width:100%;font:inherit;color:var(--screen-text);resize:none;field-sizing:content;background:0 0;border:0;outline:none;min-height:1.5em}.pv textarea:focus{background:var(--screen-3)}.pv__n{font-family:var(--pixel);color:var(--screen-mute);padding-top:3px;font-size:10px}.pv button{color:var(--screen-mute);cursor:pointer;background:0 0;border:0}.pv--q{grid-template-columns:24px minmax(0,1fr) auto}.pv__type{font-family:var(--pixel);color:var(--amber);font-size:10px}.mplayer{z-index:25;background:var(--paper);color:#17181a;width:432px;max-width:calc(100vw - 32px);animation:rise .35s var(--spring);position:fixed;bottom:16px;right:16px;box-shadow:0 0 0 2px #17181a,4px 4px #17181a}.mplayer[hidden]{display:none}.mplayer.is-compact{width:212px}.mplayer__main{gap:14px;padding:6px;display:flex}.mplayer__cover{background:#17181a;flex:none;width:200px;height:200px}.mplayer__cover iframe{border:0;display:block}.mplayer__info{flex-direction:column;flex:1;min-width:0;padding:6px 8px 4px 0;display:flex}.is-compact .mplayer__info{display:none}.mplayer__album{font-family:var(--pixel);color:#5b5d5f;white-space:nowrap;text-overflow:ellipsis;font-size:10px;overflow:hidden}.mplayer__title{letter-spacing:-.02em;overflow-wrap:anywhere;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin-top:8px;font-size:22px;font-weight:800;font-stretch:112%;line-height:1.02;display:-webkit-box;overflow:hidden}.mplayer__artist{color:#3b3d40;margin-top:4px;font-size:14px;font-weight:600}.mplayer__bar{cursor:pointer;height:14px;margin-top:auto;position:relative}.mplayer__bar:before,.mplayer__bar i{content:"";height:4px;position:absolute;top:5px;left:0}.mplayer__bar:before{background:#17181a2e;right:0}.mplayer__bar i{background:#17181a;transition:width .5s linear}.mplayer__time{font-family:var(--mono);color:#5b5d5f;justify-content:space-between;font-size:11px;display:flex}.mplayer__vol{color:#3b3d40;align-items:center;gap:6px;margin-top:8px;display:flex}.mplayer__vol input{accent-color:#17181a;flex:1;min-width:0}.mplayer__ctl{align-items:center;gap:2px;padding:0 6px 6px;display:flex}.mplayer__ctl button{color:#3b3d40;cursor:pointer;background:0 0;border:0;place-items:center;width:32px;height:32px;padding:0;display:grid}.mplayer__ctl button:hover,.mplayer__ctl button.is-on{color:#17181a}.mplayer__ctl button.is-on{box-shadow:inset 0 -2px 0 var(--red)}.mplayer__ctl .mplayer__play{width:40px;color:var(--paper);background:#17181a}.mplayer__ctl .mplayer__play:hover{color:#fff}.mplayer__ctl button:nth-last-child(2){margin-left:auto}.is-compact .mplayer__ctl button:nth-child(4){display:none}.mplayer__list{overscroll-behavior:contain;background:var(--paper);width:min(432px,100vw - 32px);max-height:min(60vh,560px);animation:rise .25s var(--spring);padding:12px 14px;position:absolute;bottom:calc(100% + 12px);right:-2px;overflow:auto;box-shadow:0 0 0 2px #17181a,4px 4px #17181a}.mplayer__hint{color:#5b5d5f;margin:0 0 10px;font-size:12px}.mplayer__hint:last-child{margin:12px 0 0}.mplayer__alb{background:var(--paper);font-family:var(--pixel);cursor:pointer;align-items:baseline;gap:8px;margin:0 -14px;padding:8px 14px 6px;font-size:12px;display:flex;position:sticky;top:-12px}.mplayer__alb b{font-weight:400}.mplayer__alb span{color:#5b5d5f}.mplayer__alb input{accent-color:#17181a;align-self:center;margin:0}.mplayer__list ol{margin:0 0 8px;padding:0;list-style:none}.mplayer__list li button{color:#17181a;width:100%;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:baseline;gap:8px;padding:5px 6px 5px 22px;font-size:14px;display:flex}.mplayer__list li button:hover{background:#17181a14}.mplayer__list li button.is-on{color:var(--paper);background:#17181a}.mplayer__list li button span{opacity:.6;flex:none;font-size:11px}.modal{z-index:40;-webkit-backdrop-filter:blur(6px);background:#0a0a0c80;place-items:center;padding:16px;animation:.2s fade;display:grid;position:fixed;inset:0}.modal__box{width:min(720px,100%);max-height:calc(100svh - 32px);animation:rise .35s var(--spring);overflow:auto}@keyframes fade{0%{opacity:0}}@keyframes rise{0%{opacity:0;transform:translateY(24px)scale(.98)}}.toast{z-index:50;background:var(--paper);color:#17181a;font-family:var(--pixel);animation:rise .3s var(--spring);max-width:calc(100vw - 32px);padding:10px 16px 9px;font-size:12px;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 0 0 2px #17181a,4px 4px #17181a}.toast--err{background:#fbe7e4}.gate{min-height:100svh;padding:var(--gutter);background-image:linear-gradient(var(--wall-tone), var(--wall-tone)), var(--wall-image);background-position:50%;background-size:cover;align-content:end;padding-bottom:clamp(48px,12vh,120px);display:grid;position:relative}.gate .title{font-size:clamp(76px,17vw,260px)}.gate__form{align-items:stretch;gap:12px;max-width:520px;margin-top:26px;display:flex}.gate__form .input{font-size:18px;font-family:var(--mono)}.gate__err{font-family:var(--pixel);color:var(--red);min-height:1.4em;margin:12px 0 0;font-size:12px}.gate.is-shake .gate__form{animation:.35s shake}.nully{z-index:20;pointer-events:none;position:fixed;inset:0}.nully__body,.nully__shadow{will-change:transform;position:absolute;top:0;left:0}.nully__shadow{filter:blur(3px);transform-origin:50%;background:#000;border-radius:50%;width:56px;height:8px}.nully__canvas{pointer-events:auto;cursor:grab;image-rendering:pixelated;touch-action:none;display:block}.nully__canvas:active{cursor:grabbing}.nully__bubble{--shift:-30%;transform:translateX(var(--shift)) translateY(4px);background:var(--paper);color:#17181a;width:max-content;max-width:240px;font-family:var(--pixel);opacity:0;padding:8px 11px 7px;font-size:12px;line-height:1.35;transition:opacity .2s,transform .2s;position:absolute;bottom:calc(100% + 6px);left:50%;box-shadow:0 0 0 2px #17181a,4px 4px #17181a}.nully__bubble.is-shown{opacity:1;transform:translateX(var(--shift))}.nully__bubble[data-side=left]{--shift:0%;left:10px}.nully__bubble[data-side=right]{--shift:0%;left:auto;right:10px}.nully__bubble[data-side=right]:after{left:auto;right:22%}.nully__bubble:after{content:"";background:var(--paper);width:8px;height:8px;position:absolute;top:100%;left:22%;box-shadow:2px 2px #17181a,0 2px #17181a}.foot{max-width:1240px;padding:0 var(--gutter) 130px;margin:0 auto}.foot__big{letter-spacing:-.05em;color:color-mix(in srgb, var(--ink) 12%, transparent);margin:0;font-size:clamp(64px,16vw,260px);font-weight:900;font-stretch:125%;line-height:.8}.foot__row{border-top:2px solid var(--ink);color:var(--ink-soft);flex-wrap:wrap;justify-content:space-between;gap:20px;margin-top:24px;padding-top:16px;font-size:15px;display:flex}.foot__row a{color:var(--ink);text-underline-offset:4px;font-weight:700}.spin{border:2px solid;border-right-color:#0000;border-radius:50%;width:14px;height:14px;animation:.7s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' shape-rendering='crispEdges'%3E%3Cpath d='M0 0h10v2H8v2H6v2H4V4H2V2H0z' fill='%2317181a'/%3E%3C/svg%3E");background-position:right 13px center;background-repeat:no-repeat;padding-right:36px}.screen .select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' shape-rendering='crispEdges'%3E%3Cpath d='M0 0h10v2H8v2H6v2H4V4H2V2H0z' fill='%23d9dad6'/%3E%3C/svg%3E");background-position:right 13px center;background-repeat:no-repeat}.input.input--bare.title{font-family:var(--display);letter-spacing:-.045em;padding:0;font-size:clamp(36px,5.4vw,76px);font-weight:900;font-stretch:125%;line-height:1}.input.input--bare.lede{color:var(--ink-soft);margin-top:10px;font-size:clamp(18px,1.6vw,22px);font-weight:500}.input--bare::placeholder{color:var(--ink-mute)}@media (width<=1000px){.modes{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=760px){.hubgrid,.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.hubgrid{grid-template-columns:minmax(0,1fr)}.stats>div{padding-bottom:12px}.modes{grid-template-columns:repeat(2,minmax(0,1fr))}.mode{min-height:0}.crow{grid-template-columns:minmax(0,1fr) auto}.crow__n{display:none}.crow__side:nth-of-type(2){grid-column:1}.crow__tools{grid-area:1/2/span 2}.grades{grid-template-columns:repeat(2,minmax(0,1fr))}.mgame{grid-template-columns:repeat(3,minmax(0,1fr))}.match{gap:10px 24px}.score{grid-template-columns:minmax(0,1fr)}.pv{grid-template-columns:minmax(0,1fr) auto}.pv__n{display:none}.pv textarea:nth-of-type(2){grid-column:1}.qed__pair{grid-template-columns:minmax(0,1fr) auto}.qed__pair>i{display:none}}@media (width<=560px){body{font-size:16px}.top{padding:10px var(--gutter)}.top__links{font-size:14px}.top__links a,.top__links button{padding:6px 9px}.top__me b{display:none}.fc{aspect-ratio:4/5}.mgame{grid-template-columns:repeat(2,minmax(0,1fr))}.gate__form{flex-direction:column}.nully__bubble{max-width:190px;padding:6px 9px 5px;font-size:10.5px}.savebar{border-radius:18px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}