@font-face{font-family:Fraunces;src:url(/fonts/fraunces.woff2) format("woff2");font-weight:400 800;font-display:swap}@font-face{font-family:Atkinson Hyperlegible;src:url(/fonts/atkinson-400.woff2) format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Atkinson Hyperlegible;src:url(/fonts/atkinson-700.woff2) format("woff2");font-weight:700;font-display:swap}:root{--paper: #f6f1e7;--card: #fffdf8;--ink: #211d18;--ink-2: #5d554a;--ink-3: #6e6457;--line: #e2d9c8;--line-2: #cfc3ad;--good: #2f7d4f;--warn: #a65a12;--bad: #b23a3a;--accent: #1f7a6d;--accent-ink: #fff;--r: 14px;--r-sm: 9px;--btn-r: 999px;--shadow: 0 1px 0 rgba(60, 45, 20, .06), 0 6px 18px -10px rgba(60, 45, 20, .25);--display: "Fraunces", Georgia, "Times New Roman", serif;--body: "Atkinson Hyperlegible", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;color-scheme:light}@media (prefers-color-scheme: dark){:root{--paper: #1a1815;--card: #23201c;--ink: #f1ebe0;--ink-2: #c5bbac;--ink-3: #a3988a;--line: #36312a;--line-2: #4a4339;--good: #5fb37f;--warn: #e09a4d;--bad: #e87474;--shadow: 0 1px 0 rgba(0, 0, 0, .3), 0 8px 22px -12px rgba(0, 0, 0, .6);color-scheme:dark}}body{--accent-soft: color-mix(in srgb, var(--accent) 12%, var(--card));--link: var(--accent);--field-line: color-mix(in srgb, var(--ink-3) 78%, var(--card));--head-bg: var(--paper);--head-line: var(--line);--tile-font: var(--display);--wm-font: var(--display);--bg-motif: none;--bg-size: auto}@media (prefers-color-scheme: dark){body{--accent-soft: color-mix(in srgb, var(--accent) 22%, var(--card));--link: color-mix(in srgb, var(--accent) 55%, white)}}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;color:var(--ink);background-color:var(--paper);background-image:var(--bg-motif);background-size:var(--bg-size);font:17px/1.5 var(--body);min-height:100dvh;overflow-x:hidden}#app{display:flex;flex-direction:column;min-height:100dvh}a{color:var(--link);text-underline-offset:2px}button{font:inherit;color:inherit}:focus-visible{outline:3px solid color-mix(in srgb,var(--accent) 70%,transparent);outline-offset:2px}.cj-muted{color:var(--ink-2)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.cj-top{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;padding:10px 16px;border-bottom:1px solid var(--head-line);background:var(--head-bg);position:sticky;top:0;z-index:20}.cj-brand{display:inline-flex;align-items:center;gap:7px;color:var(--ink-2);text-decoration:none;font-size:14px;font-weight:700;letter-spacing:.02em;min-height:44px}.cj-mark{width:16px;height:16px;border-radius:4px;background:var(--accent);box-shadow:5px 5px 0 -1px color-mix(in srgb,var(--accent) 35%,transparent)}.cj-title{text-align:center;min-width:0}.cj-title h1{margin:0;font:700 26px/1.05 var(--wm-font);letter-spacing:-.01em}.cj-wm{display:inline-flex;align-items:center;justify-content:center;gap:0;white-space:nowrap}.cj-wm-l{display:inline-block}.cj-sub{margin:2px 0 0;font-size:13px;color:var(--ink-3);font-variant-numeric:tabular-nums}.cj-tools{display:flex;justify-content:flex-end;gap:2px}.cj-icon{width:44px;height:44px;display:inline-grid;place-items:center;border:0;background:none;border-radius:50%;cursor:pointer;color:var(--ink-2)}.cj-icon:hover{background:var(--accent-soft);color:var(--ink)}.cj-icon svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.cj-main{flex:1;width:100%;max-width:620px;margin:0 auto;padding:18px 16px 28px}body:not(.cj-static) .cj-main{min-height:calc(100dvh - 72px)}.cj-wide{max-width:980px}.cj-card{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:18px;box-shadow:var(--shadow)}.cj-card+.cj-card{margin-top:14px}.cj-h2{font:700 22px/1.2 var(--display);margin:0 0 8px}.cj-lede{color:var(--ink-2);margin:0 0 14px}.cj-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 22px;border-radius:var(--btn-r);border:0;cursor:pointer;background:var(--accent);color:var(--accent-ink);font-weight:700;font-size:17px;box-shadow:0 2px color-mix(in srgb,var(--accent) 60%,black);transition:transform .06s ease,filter .15s ease}.cj-btn:hover{filter:brightness(1.06)}.cj-btn:active{transform:translateY(1px);box-shadow:0 1px color-mix(in srgb,var(--accent) 60%,black)}.cj-btn[disabled]{opacity:.45;cursor:not-allowed;filter:none}.cj-btn svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.cj-btn-quiet{background:transparent;color:var(--ink);border:1.5px solid var(--line-2);box-shadow:none}.cj-btn-quiet:hover{background:var(--accent-soft);filter:none}.cj-btn-block{width:100%}.cj-btns{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:16px}.cj-link{background:none;border:0;padding:0;color:var(--link);text-decoration:underline;text-underline-offset:2px;cursor:pointer;font-size:inherit;min-height:44px}.cj-input{width:100%;min-height:50px;padding:0 14px;border-radius:var(--r-sm);border:1.5px solid var(--field-line);background:var(--card);color:var(--ink);font:600 19px var(--body);letter-spacing:.04em;text-transform:uppercase}.cj-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 25%,transparent)}.cj-input::placeholder{text-transform:none;letter-spacing:0;font-weight:400;color:var(--ink-3)}.cj-score{text-align:center;padding:6px 0 4px}.cj-score .big{font:800 56px/1 var(--display);color:var(--accent);font-variant-numeric:tabular-nums}.cj-score .unit{display:block;font-size:15px;color:var(--ink-2);margin-top:4px}.cj-streak{display:flex;align-items:center;justify-content:center;gap:8px;margin:10px 0 0;color:var(--ink-2)}.cj-streak svg{width:22px;height:22px;fill:color-mix(in srgb,var(--warn) 30%,transparent);stroke:var(--warn);stroke-width:1.6}.cj-next{text-align:center;color:var(--ink-2);font-size:15px;margin:12px 0 0}.cj-count{font-variant-numeric:tabular-nums;font-weight:700;color:var(--ink)}.cj-practice-banner{background:var(--accent-soft);border:1px dashed var(--accent);border-radius:var(--r-sm);padding:8px 12px;font-size:15px;margin-bottom:12px;display:flex;justify-content:space-between;align-items:center;gap:8px}.cjs{margin-top:16px}.cjs-line{text-align:center;margin:0 0 12px}.cjs-hist{display:flex;align-items:flex-end;gap:6px;height:96px;padding:0 4px;margin:0 0 22px}.cjs-bar{flex:1;height:100%;display:flex;flex-direction:column;justify-content:flex-end;position:relative}.cjs-fill{display:block;background:var(--line-2);border-radius:4px 4px 0 0}.cjs-bar.me .cjs-fill{background:var(--accent)}.cjs-lab{position:absolute;bottom:-19px;left:0;right:0;text-align:center;font-size:11px;color:var(--ink-3);font-variant-numeric:tabular-nums}.cjs-h{font:700 16px var(--display);margin:8px 0 6px}.cjs-top{list-style:none;padding:0;margin:0;border-top:1px solid var(--line)}.cjs-top li{display:flex;gap:10px;align-items:center;padding:7px 4px;border-bottom:1px solid var(--line);font-variant-numeric:tabular-nums}.cjs-top li.me{background:var(--accent-soft);font-weight:700}.cjs-rank{width:1.6em;color:var(--ink-3);text-align:right}.cjs-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cjs-time{color:var(--ink-2);font-size:15px}.cjs-score{font-weight:700}.cjs-nameform{margin-top:14px}.cjs-nameform label{display:block;font-size:14px;color:var(--ink-2);margin-bottom:6px}.cjs-namerow{display:flex;gap:8px}.cjs-namerow input{flex:1;min-width:0;min-height:46px;padding:0 12px;border-radius:var(--r-sm);border:1.5px solid var(--field-line);background:var(--card);color:var(--ink);font:inherit}.cjs-namerow .cj-btn{min-height:46px;padding:0 16px}.cjd{margin-top:18px}.cjd-title{font:700 18px var(--display);margin:0 0 8px}.cjd-list{display:grid;gap:6px;grid-template-columns:minmax(0,1fr)}@media (min-width: 720px){.cj-wide .cjd-list{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}.cjd-row{--dot: var(--dot-l);min-width:0;display:flex;align-items:center;gap:12px;min-height:56px;padding:8px 12px;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--card);color:var(--ink);text-decoration:none}.cjd-row:hover{border-color:var(--dot)}.cjd-dot{width:12px;height:12px;border-radius:3px;background:var(--dot);flex:none;transform:rotate(45deg)}.cjd-text{flex:1;min-width:0;display:flex;flex-direction:column}.cjd-name{font-weight:700}.cjd-blurb{font-size:14px;color:var(--ink-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cjd-state{font-size:14px;font-weight:700;color:var(--dot);flex:none}.cjd-done{opacity:.62}.cjd-done .cjd-state{color:var(--good)}@media (prefers-color-scheme: dark){.cjd-row{--dot: var(--dot-d)}}.cjd-foot{font-size:14px;color:var(--ink-2);margin:10px 0 0;text-align:center}.cjd-foot a{display:inline-flex;align-items:center;min-height:44px;padding:0 4px}.cj-modal{width:min(560px,calc(100vw - 24px));max-height:calc(100dvh - 32px);padding:0;border:1px solid var(--line);border-radius:var(--r);background:var(--card);color:var(--ink);box-shadow:0 30px 60px -20px #00000073}.cj-modal::backdrop{background:#1e181073}.cj-modal-head{display:flex;align-items:center;justify-content:space-between;padding:8px 8px 0 20px;position:sticky;top:0;background:var(--card)}.cj-modal-head h2{font:700 22px var(--display);margin:0}.cj-modal-body{padding:6px 20px 20px}.cj-modal-body h3{font:700 17px var(--display);margin:16px 0 4px}.cj-modal-body ul,.cj-modal-body ol{padding-left:20px}.cja-list{list-style:none;padding:0!important;margin:12px 0 0;display:grid;gap:6px}.cja-row{width:100%;display:flex;gap:10px;align-items:center;min-height:52px;padding:6px 12px;border-radius:var(--r-sm);border:1px solid var(--line);background:var(--paper);cursor:pointer;text-align:left}.cja-row:hover{border-color:var(--accent)}.cja-num{font-weight:700;width:4.2em}.cja-date{flex:1;color:var(--ink-2)}.cja-state{font-size:14px;color:var(--ink-3)}.cja-state.done{color:var(--good)}#cj-toast{position:fixed;left:50%;top:calc(72px + env(safe-area-inset-top,0px));transform:translate(-50%,-20px);opacity:0;background:var(--ink);color:var(--paper);padding:10px 18px;border-radius:999px;font-weight:700;font-size:15px;z-index:100;pointer-events:none;transition:all .2s ease;max-width:calc(100vw - 32px);text-align:center}#cj-toast.show{opacity:1;transform:translate(-50%)}.cj-loading{display:flex;gap:12px;align-items:center;justify-content:center;padding:48px 0;color:var(--ink-2)}.cj-spinner{width:22px;height:22px;border-radius:50%;border:3px solid var(--line-2);border-top-color:var(--accent);animation:cjspin .8s linear infinite}@keyframes cjspin{to{transform:rotate(360deg)}}.cj-error{text-align:center;padding:28px 8px;color:var(--bad)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important}}.cj-foot{text-align:center;font-size:14px;color:var(--ink-3);padding:18px 16px 28px;border-top:1px solid var(--line)}.cj-foot p{margin:4px 0}.cj-foot a{color:var(--ink-2);display:inline-flex;align-items:center;min-height:44px;padding:0 4px}.cj-foot .cj-link{padding:0 4px}.cj-made{font-size:13px}.cj-about{max-width:620px;margin:0 auto;padding:8px 16px;color:var(--ink-2);font-size:16px}.cj-about h2{font:700 20px var(--display);color:var(--ink);margin:18px 0 6px}.cj-about h3{font:700 16px var(--body);color:var(--ink);margin:14px 0 2px}.cj-about p{margin:0 0 8px}#cookie-banner{position:fixed;left:12px;right:12px;bottom:12px;z-index:2147483000;background:var(--card);border:1px solid var(--line-2);border-radius:var(--r);box-shadow:0 16px 40px -16px #00000073;padding:14px 16px;max-width:760px;margin:0 auto}#cookie-banner[hidden]{display:none}.cj-cb-inner{display:flex;gap:14px;align-items:center}.cj-cb-text{flex:1;font-size:14px;color:var(--ink-2)}.cj-cb-text strong{display:block;color:var(--ink);font-size:15px}.cj-cb-btns{display:flex;gap:8px;flex:none}.cj-cb-btns button{min-height:44px;padding:0 16px;border-radius:999px;font-weight:700;cursor:pointer;border:1.5px solid var(--line-2);background:transparent;color:var(--ink)}.cj-cb-btns .cj-cb-accept{background:var(--ink);color:var(--paper);border-color:var(--ink)}@media (max-width: 560px){.cj-cb-inner{flex-direction:column;align-items:stretch}.cj-cb-btns button{flex:1}}@media (max-width: 380px){.cj-title h1{font-size:22px}.cj-brand span:last-child{display:none}}.cj-btn-small{min-height:40px;padding:8px 14px;font-size:15px}.cj-btn-small svg{width:18px;height:18px}.cj-share-alt{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:10px}.cj-share-alt a.cj-btn{text-decoration:none}.cj-chal{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;background:var(--accent-soft);border:1.5px solid var(--accent);border-radius:var(--r-sm);padding:10px 14px;margin-bottom:12px;font-size:16px}.cj-chal>span:not(.cj-chal-ico){flex:1 1 200px}.cj-chal-ico{width:22px;height:22px;flex:none;border-radius:50%;border:3px solid var(--accent);box-shadow:inset 0 0 0 3px var(--card),inset 0 0 0 7px var(--accent)}.cj-chal-old{border-style:dashed;font-size:15px}.cj-h2h{background:var(--card);border:2px solid var(--accent);border-radius:var(--r);padding:16px;margin-bottom:14px;text-align:center;box-shadow:var(--shadow)}.cj-h2h-score{display:flex;justify-content:center;align-items:baseline;gap:18px;font:700 34px/1 var(--display)}.cj-h2h-score small{display:block;font:600 13px/1.4 var(--body);color:var(--ink-2);text-transform:uppercase;letter-spacing:.08em}.cj-h2h-vs{font:600 16px var(--body);color:var(--ink-2)}.cj-h2h-head{font:700 21px/1.2 var(--display);margin:12px 0 2px}.cj-h2h-line{margin:0 0 12px;color:var(--ink-2)}.cj-h2h-won{border-color:var(--good)}.cj-h2h-won .cj-h2h-head{color:var(--good)}.cjb-title{font:700 19px/1.2 var(--display);margin:0 0 8px}.cjb-rows{list-style:none;margin:0;padding:0}.cjb-rows li{display:flex;gap:10px;align-items:center;padding:7px 4px;border-bottom:1px solid var(--line)}.cjb-rows li.me{font-weight:700}.cjb-rank{width:1.6em;color:var(--ink-2);text-align:right}.cjb-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cjb-score{font-variant-numeric:tabular-nums}.cjb-none,.cjb-nudge{color:var(--ink-2);font-size:15px;margin:6px 0}.cjb-meta{margin:0 0 4px;text-align:center}.cjb-game{margin-top:14px}.cjb-game h3{display:flex;align-items:center;gap:8px;font:700 17px/1.2 var(--display);margin:0 0 4px}.cjb-game .cjd-dot{--dot: var(--dot-l)}@media (prefers-color-scheme: dark){.cjb-game .cjd-dot{--dot: var(--dot-d)}}.cjb-game.cur h3{text-decoration:underline;text-underline-offset:3px}.cjb-leave{text-align:center;margin:10px 0 0}.cjb-tabs{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}.cjb-tab{border:1.5px solid var(--line-2);background:transparent;color:var(--ink);border-radius:var(--btn-r);padding:6px 12px;min-height:40px;font:600 15px var(--body);letter-spacing:.06em;cursor:pointer}.cjb-tab.on{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.cjb-join,.cjb-nameform{margin-top:14px}.cjb-join label,.cjb-nameform label{display:block;font-size:15px;color:var(--ink-2);margin-bottom:4px}.cjb-join input{text-transform:uppercase;letter-spacing:.12em}.cjb-more{margin-top:16px}.cjb-more summary{cursor:pointer;color:var(--link);min-height:40px;display:flex;align-items:center}.cjb-hero{margin-bottom:14px;border:2px solid var(--accent)}.cjb-joined{display:flex;gap:8px;align-items:center;margin:0}.cjb-joined svg{width:22px;height:22px;flex:none;fill:none;stroke:var(--good);stroke-width:2.4}