@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-cyrillic-ext-wght-normal-DjL33-gN.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-cyrillic-wght-normal-BEAKL7Jp.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-vietnamese-wght-normal-6IgcOCM7.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-latin-ext-wght-normal-DC-KSUi6.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-latin-wght-normal-BgDaEnEv.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--radius-xs:4px;--radius-sm:6px;--radius-md:8px;--radius-lg:10px;--radius-xl:12px;--radius-2xl:16px;--radius-3xl:20px;--text-xs:11px;--text-sm:12px;--text-md:13px;--text-base:14px;--text-lg:15px;--text-xl:20px;--text-2xl:26px;--control-xs:24px;--control-sm:28px;--control:32px;--control-lg:36px;--toolbar:44px;--edge:16px;--gap:12px;--canvas:#f4f4f2;--surface:#fff;--surface-2:#f8f8f6;--fill:#11110f0b;--fill-hover:#11110f13;--fill-strong:#11110f1a;--thumb:#fff;--tile:#f1f1ee;--tile-ink:#6a6a65;--border:#11110f14;--border-strong:#11110f21;--text:#1b1b19;--text-2:#6a6a65;--text-3:#a2a29c;--accent:#2f9e5b;--accent-ink:#23784a;--accent-soft:#2f9e5b1f;--on-accent:#fff;--danger:#d64933;--danger-ink:#b8372a;--danger-soft:#d649331a;--primary:#1b1b19;--primary-hover:#33332f;--on-primary:#fff;--menu:#fff;--tip:#1f1f1e;--on-tip:#f4f4f2;--c-brilliant:#1aa59c;--c-brilliant-ink:#0e7c75;--c-great:#3b7be0;--c-great-ink:#2c62b5;--c-best:#2f9e5b;--c-best-ink:#23784a;--c-excellent:#6cb27a;--c-excellent-ink:#3d7f4b;--c-good:#9aa396;--c-good-ink:#5f6a5d;--c-inaccuracy:#e2a52a;--c-inaccuracy-ink:#8f6505;--c-mistake:#e67a2e;--c-mistake-ink:#ad5418;--c-blunder:#d64933;--c-blunder-ink:#b8372a;--c-forced:#a3a39e;--c-forced-ink:#6b6b67;--sq-light:#eceee4;--sq-dark:#93a98d;--sq-last:#f6e6508c;--move-hint:#11110f29;--move-hint-strong:#11110f4d;--eval-white:#fff;--eval-black:#2b2b28;--graph-black:#e9e9e4;--graph-white:#fff;--graph-pending:#f6f6f3;--graph-line:#8c8c86;--side-white:#dfded8;--side-black:#2b2b28;--shadow-thumb:0 0 0 .5px #11110f14, 0 1px 2px #11110f14;--shadow-pop:0 0 0 .5px #11110f17, 0 2px 6px #11110f0d, 0 12px 32px -6px #11110f29;--shadow-dialog:0 0 0 .5px #11110f14, 0 24px 64px -12px #11110f47;--font:"Geist Variable", "Geist", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Yu Gothic UI", "Noto Sans JP", "Kohinoor Devanagari", "Noto Sans Devanagari", "Nirmala UI", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--ease-out:cubic-bezier(.25, 1, .5, 1);--ease:cubic-bezier(.25, .1, .25, 1);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--canvas:#0e0e0e;--surface:#161616;--surface-2:#1c1c1c;--fill:#ffffff0e;--fill-hover:#ffffff16;--fill-strong:#ffffff1c;--thumb:#ebebf521;--tile:#222;--tile-ink:#a1a19d;--border:#ffffff12;--border-strong:#ffffff1f;--text:#ececea;--text-2:#a1a19d;--text-3:#6c6c69;--accent:#45b673;--accent-ink:#6fd396;--accent-soft:#45b67326;--danger-ink:#f0806d;--danger-soft:#d6493329;--primary:#ececea;--primary-hover:#fff;--on-primary:#121212;--menu:#1c1c1c;--tip:#2a2a2a;--c-brilliant-ink:#4fd1c5;--c-great-ink:#7aa7f0;--c-best-ink:#6fd396;--c-excellent-ink:#96cf9f;--c-good-ink:#b3bbb0;--c-inaccuracy-ink:#f0c25a;--c-mistake-ink:#f29a5c;--c-blunder-ink:#f0806d;--c-forced-ink:#a6a6a1;--sq-light:#c5ccbb;--sq-dark:#6f8669;--sq-last:#f6e65073;--move-hint:#0000003d;--move-hint-strong:#0006;--eval-white:#ecebe7;--eval-black:#0b0b0b;--graph-black:#0f0f0f;--graph-white:#343432;--graph-pending:#1c1c1c;--graph-line:#8d8d88;--side-white:#e6e6e2;--side-black:#4a4a47;--shadow-thumb:inset 0 .5px 0 #ffffff14, 0 1px 2px #00000059;--shadow-pop:0 0 0 .5px #ffffff17, 0 16px 40px -8px #0009;--shadow-dialog:0 0 0 .5px #ffffff17, 0 32px 80px -16px #000000bf;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0}body{min-height:100vh;color:var(--text);font:var(--text-base) / 1.5 var(--font);font-kerning:normal;font-synthesis:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;-webkit-tap-highlight-color:transparent;background:var(--canvas)}button,input,select,textarea{font:inherit;color:inherit;letter-spacing:inherit}h1,h2,h3,p{margin:0}h1,h2,h3{text-wrap:balance}p{text-wrap:pretty}[hidden]{display:none!important}::selection{background:var(--accent-soft)}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.num{font-variant-numeric:tabular-nums}.btn{min-width:var(--control);height:var(--control);border-radius:var(--radius-md);color:var(--text-2);font-size:var(--text-md);white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .15s var(--ease), color .15s var(--ease), transform .2s var(--ease-out);background:0 0;border:0;flex:none;justify-content:center;align-items:center;gap:6px;padding:0 12px;font-weight:500;line-height:1;text-decoration:none;display:inline-flex;position:relative}.btn>svg{flex:none}.btn:where(:has(>svg:first-child):not(.btn--icon)){padding-left:10px}.btn:where(:has(>svg:last-child):not(.btn--icon):not(:has(>svg:first-child))){padding-right:10px}.btn:hover:not(:disabled){background:var(--fill-hover);color:var(--text)}.btn:active:not(:disabled){transform:scale(.97)}.btn:disabled{opacity:.35;cursor:default}.btn--icon{width:var(--control);padding:0}.btn--icon:active:not(:disabled){transform:scale(.94)}.btn--sm{min-width:var(--control-sm);height:var(--control-sm);gap:5px;padding:0 10px}.btn--sm:where(:has(>svg:first-child):not(.btn--icon)){padding-left:8px}.btn--sm.btn--icon{width:var(--control-sm);padding:0}.btn--lg{min-width:var(--control-lg);height:var(--control-lg);border-radius:var(--radius-lg);padding:0 14px}.btn--lg:where(:has(>svg:first-child):not(.btn--icon)){padding-left:12px}.btn--lg.btn--icon{width:var(--control-lg);padding:0}.btn--soft{background:var(--fill);color:var(--text)}.btn--surface{background:var(--surface);color:var(--text-2);box-shadow:inset 0 0 0 1px var(--border)}.btn--surface:hover:not(:disabled){background:var(--surface-2)}.btn--primary{background:var(--primary);color:var(--on-primary)}.btn--primary:hover:not(:disabled){background:var(--primary-hover);color:var(--on-primary)}.btn[aria-pressed=true],.btn[aria-pressed=true]:hover{background:var(--accent-soft);color:var(--accent-ink)}.group{border-radius:var(--radius-lg);background:var(--fill);align-items:center;gap:2px;padding:2px;display:inline-flex}.segmented{border-radius:var(--radius-lg);background:var(--fill);isolation:isolate;gap:2px;padding:2px;display:flex;position:relative}.segmented__thumb{z-index:-1;border-radius:var(--radius-md);background:var(--thumb);box-shadow:var(--shadow-thumb);pointer-events:none;position:absolute;top:2px;bottom:2px;left:0}.segmented__thumb[data-animate]{transition:transform .36s var(--ease-out), width .36s var(--ease-out)}.segmented__item{min-width:max-content;height:var(--control);border-radius:var(--radius-md);color:var(--text-2);font-size:var(--text-md);white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;transition:color .2s var(--ease);background:0 0;border:0;flex:1 1 0;justify-content:center;align-items:center;gap:6px;padding:0 12px;font-weight:500;display:inline-flex}.segmented__item>*{transition:transform .2s var(--ease-out)}.segmented__item:hover,.segmented__item[aria-selected=true]{color:var(--text)}.segmented__item:active>*{transform:scale(.95)}.segmented__item:focus-visible{outline-offset:-2px}.select{height:var(--control-sm);border-radius:var(--radius-md);background:var(--fill);color:var(--text);font-size:var(--text-md);white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .15s var(--ease), transform .2s var(--ease-out);border:0;flex:none;align-items:center;gap:6px;padding:0 8px 0 10px;font-weight:500;display:inline-flex}.select:hover,.select[aria-expanded=true]{background:var(--fill-hover)}.select:active{transform:scale(.97)}.select__chevron{color:var(--text-3);transition:transform .25s var(--ease-out)}.select[aria-expanded=true] .select__chevron{transform:rotate(180deg)}.select--lang{height:var(--control-lg);border-radius:var(--radius-lg);background:var(--surface);color:var(--text-2);box-shadow:inset 0 0 0 1px var(--border);padding:0 9px 0 10px}.select--lang:hover,.select--lang[aria-expanded=true]{background:var(--surface-2);color:var(--text)}.menu{z-index:1000;border-radius:var(--radius-xl);background:var(--menu);min-width:180px;box-shadow:var(--shadow-pop);transform-origin:100% 0;animation:menu-in .16s var(--ease-out);outline:none;padding:4px;position:fixed}.menu[data-side=top]{transform-origin:100% 100%;animation-name:menu-in-up}.menu__item{height:var(--control);border-radius:var(--radius-md);color:var(--text);font-size:var(--text-md);white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;padding:0 10px 0 8px;display:flex}.menu__item[data-active]{background:var(--fill-hover)}.menu__check{color:var(--accent);visibility:hidden;flex:none}.menu__item[aria-selected=true] .menu__check{visibility:visible}.menu__hint{padding-left:var(--space-4);color:var(--text-3);font-size:var(--text-sm);margin-left:auto}@keyframes menu-in{0%{opacity:0;transform:translateY(-4px)scale(.97)}}@keyframes menu-in-up{0%{opacity:0;transform:translateY(4px)scale(.97)}}.tip{z-index:1100;border-radius:var(--radius-md);background:var(--tip);color:var(--on-tip);font-size:var(--text-sm);white-space:nowrap;pointer-events:none;box-shadow:var(--shadow-pop);animation:tip-in .14s var(--ease-out);align-items:center;gap:8px;padding:5px 8px;font-weight:500;line-height:16px;display:inline-flex;position:fixed}.tip[data-side=bottom]{animation-name:tip-in-down}.tip kbd{color:#ffffffb8;background:#ffffff1f}@keyframes tip-in{0%{opacity:0;transform:translateY(3px)}}@keyframes tip-in-down{0%{opacity:0;transform:translateY(-3px)}}.card{border:1px solid var(--border);border-radius:var(--radius-2xl);background:var(--surface)}.tile{border-radius:var(--radius-lg);background:var(--tile);width:36px;height:36px;color:var(--tile-ink);flex:none;place-items:center;display:grid}.tile--lg{border-radius:var(--radius-xl);width:48px;height:48px}.badge{align-items:center;gap:var(--space-1);border-radius:var(--radius-sm);background:var(--fill);height:20px;color:var(--text-2);font-size:var(--text-sm);font-variant-numeric:tabular-nums;white-space:nowrap;padding:0 6px;font-weight:500;line-height:1;display:inline-flex}.badge--accent{background:var(--accent-soft);color:var(--accent-ink)}.badge--lg{height:22px;padding:0 8px}.field{align-items:center;gap:var(--space-2);height:var(--control-lg);padding:0 var(--space-3);border-radius:var(--radius-lg);background:var(--fill);color:var(--text-3);transition:background-color .15s var(--ease), box-shadow .15s var(--ease);display:flex}.field input{min-width:0;height:100%;color:var(--text);background:0 0;border:0;outline:none;flex:1}.field input::placeholder,.field textarea::placeholder{color:var(--text-3)}.field:focus-within{background:var(--surface);box-shadow:0 0 0 1px var(--accent), 0 0 0 4px var(--accent-soft)}.field--area{height:auto;padding:10px var(--space-3);border-radius:var(--radius-xl);align-items:stretch}.field textarea{resize:none;min-width:0;min-height:176px;color:var(--text);font:inherit;font-size:var(--text-md);background:0 0;border:0;outline:none;flex:1;line-height:1.55}.choices{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.choice{align-items:center;gap:var(--space-3);border-radius:var(--radius-xl);width:100%;min-height:52px;color:var(--text-2);font-size:var(--text-sm);text-align:left;cursor:pointer;transition:background-color .15s var(--ease), transform .2s var(--ease-out);background:0 0;border:0;padding:8px 10px 8px 8px;display:flex}.choice:hover{background:var(--fill)}.choice:active{transform:scale(.99)}.choice>span:not(.tile){flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.choice strong{color:var(--text);font-size:var(--text-md);text-overflow:ellipsis;white-space:nowrap;font-weight:500;overflow:hidden}.choice>svg:last-child{color:var(--text-3);opacity:0;transition:opacity .15s var(--ease), transform .25s var(--ease-out);transform:translate(-4px)}.choice:hover>svg:last-child{opacity:1;transform:none}.notice{border-radius:var(--radius-lg);background:var(--fill);color:var(--text-2);font-size:var(--text-md);align-items:flex-start;gap:10px;padding:10px 12px;line-height:1.45;display:flex}.notice>svg{flex:none;margin-top:1px}.notice--danger{background:var(--danger-soft);color:var(--danger-ink)}.spin{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@keyframes rise{0%{opacity:0;transform:translateY(6px)}}@keyframes fade{0%{opacity:0}}.label{color:var(--text-2);font-size:var(--text-md);font-weight:500;line-height:20px}.side-dot{background:var(--side-white);vertical-align:0;border-radius:2.5px;flex:none;width:9px;height:9px;display:inline-block}.side-dot--b{background:var(--side-black)}.side-dot--both{position:relative;overflow:hidden}.side-dot--both:after{content:"";background:var(--side-black);width:50%;position:absolute;top:0;bottom:0;right:0}kbd{border-radius:var(--radius-xs);background:var(--fill);min-width:18px;height:18px;color:var(--text-2);font:500 var(--text-xs) / 1 var(--font);place-items:center;padding:0 5px;display:inline-grid}.modal{width:min(560px, calc(100% - 2 * var(--edge)));max-height:calc(100dvh - 2 * var(--edge));border-radius:var(--radius-3xl);background:var(--surface);color:var(--text);box-shadow:var(--shadow-dialog);border:0;margin:auto;padding:0;overflow:auto}.modal[open]{animation:dialog-in .24s var(--ease-out)}.modal::backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:fade .2s var(--ease);background:#0a0a0952}@keyframes dialog-in{0%{opacity:0;transform:translateY(8px)scale(.98)}}.modal__body{gap:var(--space-4);padding:var(--space-5);flex-direction:column;display:flex}.modal__head{justify-content:space-between;align-items:flex-start;gap:var(--space-3);display:flex}.modal__head h2{font-size:var(--text-lg);font-weight:600;line-height:22px}.modal__head p{color:var(--text-2);font-size:var(--text-md);margin-top:2px}.modal__head .btn{margin:-4px -4px 0 0}.modal__foot{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.brand{min-width:0;color:var(--text);align-items:center;gap:10px;text-decoration:none;display:flex}.brand__logo{border-radius:var(--radius-md);background:var(--accent);flex:none;place-items:center;width:32px;height:32px;display:grid}.brand__name{font-size:var(--text-lg);letter-spacing:-.01em;text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.check{color:var(--text-2);font-size:var(--text-md);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:10px;line-height:1.4;display:flex}.check input{width:16px;height:16px;accent-color:var(--accent);cursor:pointer;flex:none;margin:0}.feedback .field textarea{min-height:140px}.feedback__trap{opacity:0;width:1px;height:1px;position:absolute;left:-9999px}.feedback__foot{justify-content:flex-end}.feedback__done{align-items:center;gap:var(--space-3);padding:var(--space-4) 0 var(--space-2);text-align:center;flex-direction:column;display:flex}.feedback__done p{font-size:var(--text-lg);font-weight:500}.feedback__mark{border-radius:var(--radius-xl);background:var(--accent-soft);width:48px;height:48px;color:var(--accent-ink);animation:pop .3s var(--ease-out);place-items:center;display:grid}.board{width:var(--board);height:var(--board);border-radius:var(--board-radius);box-shadow:0 0 0 1px var(--border);transition:box-shadow .2s var(--ease);flex:none;position:relative}.board--preview{box-shadow:0 0 0 2px var(--accent)}.board__tag{z-index:20;border-radius:var(--radius-sm);background:var(--tip);height:24px;color:var(--on-tip);font-size:var(--text-sm);white-space:nowrap;box-shadow:var(--shadow-pop);pointer-events:none;animation:rise .2s var(--ease-out);align-items:center;gap:6px;padding:0 9px 0 7px;font-weight:500;display:inline-flex;position:absolute;top:-12px;left:50%;transform:translate(-50%)}.board [id$=-board]>div:first-child>div{border-top-left-radius:var(--board-radius)}.board [id$=-board]>div:nth-child(8)>div{border-top-right-radius:var(--board-radius)}.board [id$=-board]>div:nth-child(57)>div{border-bottom-left-radius:var(--board-radius)}.board [id$=-board]>div:nth-child(64)>div{border-bottom-right-radius:var(--board-radius)}.sq{border-radius:inherit;width:100%;height:100%;position:relative}.sq--last{background:var(--sq-last)}.sq--focus{box-shadow:inset 0 0 0 3px var(--accent)}.sq--alert{box-shadow:inset 0 0 0 3px var(--danger)}.sq--selected{background:color-mix(in srgb, var(--accent) 42%, transparent)}.sq--target,.sq--capture{cursor:pointer}.sq--target:after{content:"";background:var(--move-hint);pointer-events:none;width:26%;height:26%;transition:transform .2s var(--ease-out), background-color .15s var(--ease);animation:hint-in .18s var(--ease-out);border-radius:32%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.sq--target:hover:after{background:var(--move-hint-strong);transform:translate(-50%,-50%)scale(1.3)}.sq--capture{--frame:max(4px, calc(var(--board) * .009));box-shadow:inset 0 0 0 var(--frame) var(--move-hint);transition:box-shadow .15s var(--ease)}.sq--capture:hover{box-shadow:inset 0 0 0 var(--frame) var(--move-hint-strong)}@keyframes hint-in{0%{opacity:0;transform:translate(-50%,-50%)scale(.5)}}.sq .mark{--mark:clamp(18px, calc(var(--board) * .034), 26px);top:calc(var(--mark) * -.28);right:calc(var(--mark) * -.28);z-index:6;animation:pop .28s var(--ease-out);position:absolute;box-shadow:0 0 0 2px #fff,0 1px 4px #11110f40}@keyframes pop{0%{opacity:0;transform:scale(.6)}}.mark{width:var(--mark,20px);height:var(--mark,20px);border-radius:calc(var(--mark,20px) * .3);background:var(--c);color:#fff;font-size:calc(var(--mark,20px) * .5);letter-spacing:-.04em;flex:none;place-items:center;font-weight:700;line-height:1;display:inline-grid}.mark svg{width:56%;height:56%}