@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-ext-wght-normal-BOeWTOD4.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:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-wght-normal-DqGufNeO.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-ext-wght-normal-DlzME5K_.woff2)format("woff2-variations");unicode-range:U+1F??}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-wght-normal-CkhJZR-_.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-vietnamese-wght-normal-CBcvBZtf.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:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-ext-wght-normal-DO1Apj_S.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:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-wght-normal-Dx4kXJAl.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}@font-face{font-family:Noto Sans JP;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/noto-sans-jp-japanese-400-normal-Cy9Yahyj.woff2)format("woff2"),url(/assets/noto-sans-jp-japanese-400-normal-CVXqO_9z.woff)format("woff")}@font-face{font-family:Noto Sans JP;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/noto-sans-jp-japanese-600-normal-ZI3Gmaau.woff2)format("woff2"),url(/assets/noto-sans-jp-japanese-600-normal-Dwtxezk0.woff)format("woff")}:root{--bg:#0d1117;--surface:#161b24;--surface-raised:#1d2430;--border:#29313f;--border-strong:#3a4455;--text:#e9edf4;--text-dim:#949eb0;--accent:#6366f1;--correct:#34d399;--correct-dim:#05372a;--wrong:#f87171;--wrong-dim:#45161c;--font-sans:"Inter Variable", "Inter", "Noto Sans JP", -apple-system, BlinkMacSystemFont, "Segoe UI", "Hiragino Kaku Gothic ProN", "Yu Gothic UI", Roboto, sans-serif;--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1)}*{box-sizing:border-box}.visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}html,body{min-height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"cv05", "cv08", "calt";text-rendering:optimizelegibility}.question,.answer__label,.explanation__text,.point__text,.stat-row__point,.qlist__prompt,.qlist__answer,.qlist__note,.ref__text{letter-spacing:.01em;word-break:normal;overflow-wrap:anywhere;line-break:strict;line-height:1.7}.app{align-content:start;justify-items:center;min-height:100vh;padding:clamp(1.5rem,8vh,6rem) 1.5rem 1.5rem;display:grid;position:relative}.shell{width:min(100%,34rem)}.card{background:var(--surface);border:1px solid var(--border);border-radius:1rem;width:100%;padding:2rem;box-shadow:0 1px 2px #00000047}.card--enter{animation:card-in .5s var(--ease-out) both}@keyframes card-in{0%{opacity:0;transform:translateY(14px)scale(.985)}to{opacity:1;transform:none}}.progress{align-items:center;gap:.875rem;margin-bottom:1.75rem;display:flex}.progress__track{background:var(--surface-raised);border-radius:999px;flex:1;height:6px;overflow:hidden}.progress__fill{background:var(--accent);height:100%;transition:width .55s var(--ease-out);border-radius:999px}.progress__label{font-variant-numeric:tabular-nums;color:var(--text-dim);font-size:.8125rem}.question{min-height:var(--question-h,auto);animation:question-in .5s var(--ease-out) 80ms both;margin:0 0 1.75rem;font-size:1.375rem;font-weight:600}@keyframes question-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.answers{flex-direction:column;gap:.625rem;display:flex}.answer{border:1px solid var(--border);background:var(--surface-raised);width:100%;color:var(--text);font:inherit;text-align:left;cursor:pointer;transition:transform .18s var(--ease-spring), border-color .2s ease, background .2s ease, opacity .3s ease, box-shadow .2s ease;animation:answer-in .45s var(--ease-out) both;animation-delay:calc(.12s + var(--stagger));border-radius:.875rem;align-items:center;gap:.875rem;padding:.9375rem 1.125rem;font-size:1rem;display:flex;position:relative}@keyframes answer-in{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:none}}.answer:hover:not(:disabled){border-color:var(--border-strong);background:color-mix(in srgb, var(--text) 5%, var(--surface-raised));transform:translateY(-1px)}.answer:active:not(:disabled){transition-duration:80ms;transform:translateY(0)scale(.985)}.answer:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.answer:disabled{cursor:default}.answer__badge{background:color-mix(in srgb, var(--text) 8%, transparent);width:1.75rem;height:1.75rem;color:var(--text-dim);border-radius:.5rem;flex:none;place-items:center;font-size:.75rem;font-weight:600;transition:background .2s,color .2s;display:grid}.answer__label{flex:1}.answer__mark{flex:none;font-size:1rem;font-weight:700}.answer--correct{border-color:var(--correct);background:color-mix(in srgb, var(--correct) 16%, var(--surface-raised));animation:pop .45s var(--ease-spring)}.answer--correct .answer__badge{background:var(--correct);color:var(--correct-dim)}.answer--correct .answer__mark{color:var(--correct);animation:mark-in .35s var(--ease-spring) .1s both}@keyframes pop{0%{transform:scale(1)}45%{transform:scale(1.035)}to{transform:scale(1)}}@keyframes mark-in{0%{opacity:0;transform:scale(.4)rotate(-25deg)}to{opacity:1;transform:none}}.answer--wrong{border-color:var(--wrong);background:color-mix(in srgb, var(--wrong) 14%, var(--surface-raised));animation:.4s shake}.answer--wrong .answer__badge{background:var(--wrong);color:var(--wrong-dim)}.answer--wrong .answer__mark{color:var(--wrong);animation:mark-in .3s var(--ease-spring) both}@keyframes shake{0%,to{transform:translate(0)}15%{transform:translate(-7px)}30%{transform:translate(6px)}45%{transform:translate(-4px)}60%{transform:translate(3px)}80%{transform:translate(-1px)}}.answer--revealed{border-color:color-mix(in srgb, var(--correct) 70%, transparent);background:color-mix(in srgb, var(--correct) 10%, var(--surface-raised));animation:reveal-in .45s var(--ease-out) .25s both}.answer--revealed .answer__mark{color:var(--correct)}@keyframes reveal-in{0%{border-color:var(--border);background:var(--surface-raised)}}.answer--dimmed{opacity:.35;transform:scale(.99)}.burst{pointer-events:none;width:0;height:0;position:absolute;top:50%;left:1.9rem}.burst__particle{width:var(--size);height:var(--size);animation:burst-fly .7s var(--ease-out) both;animation-delay:var(--delay);border-radius:50%;position:absolute}@keyframes burst-fly{0%{opacity:1;transform:translate(0)scale(1)}to{opacity:0;transform:translate(var(--dx), var(--dy)) scale(.2)}}.explanation-slot{min-height:var(--explanation-slot-h);margin-top:1.125rem}.explanation{border:1px solid color-mix(in srgb, var(--accent) 35%, transparent);background:color-mix(in srgb, var(--accent) 10%, var(--surface-raised));animation:explain-in .45s var(--ease-out) .35s both;border-radius:.875rem;align-items:flex-start;gap:.75rem;padding:.875rem 1rem;display:flex}.explanation__icon{background:var(--accent);color:#fff;border-radius:50%;flex:none;place-items:center;width:1.375rem;height:1.375rem;margin-top:.0625rem;font-size:.75rem;font-weight:700;display:grid}.explanation__text{color:color-mix(in srgb, var(--text) 88%, transparent);margin:0;font-size:.9375rem}@keyframes explain-in{0%{opacity:0;transform:translateY(6px)scale(.985)}to{opacity:1;transform:none}}.footer{justify-content:flex-end;align-items:center;gap:.75rem;min-height:2.875rem;margin-top:1.25rem;display:flex}.footer .btn--next{flex:none}.footer__placeholder{visibility:hidden}.footer__point{border:1px solid color-mix(in srgb, var(--accent) 55%, transparent);background:color-mix(in srgb, var(--accent) 22%, var(--surface-raised));min-width:0;color:var(--text);animation:point-link-in .5s var(--ease-spring) .4s both;border-radius:.625rem;align-items:center;gap:.4375rem;margin-right:auto;padding:.5rem .875rem;font-size:.875rem;font-weight:600;text-decoration:none;transition:border-color .2s,background .2s,color .2s;display:inline-flex}.footer__point:hover{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 24%, transparent);color:var(--text)}.footer__point-glyph{flex:none;font-size:.9375rem;line-height:1}@keyframes point-link-in{0%{opacity:0;transform:translateY(6px)scale(.94)}to{opacity:1;transform:none}}.footer__point-icon{opacity:.8;width:.875rem;height:.875rem;transition:transform .22s var(--ease-spring), opacity .2s ease;flex:none}.footer__point:hover .footer__point-icon{opacity:1;transform:translate(2px,-2px)}.footer__point:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:.375rem}.footer__point-label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.btn--next{--btn-delay:.45s;align-items:center;gap:.5rem;display:inline-flex}.btn__arrow{transition:transform .22s var(--ease-spring)}.btn--next:hover .btn__arrow{transform:translate(4px)}.results{text-align:center;padding:.5rem 0}.results__ring{--size:9rem;width:var(--size);height:var(--size);background:conic-gradient(var(--correct) calc(var(--ratio) * 360deg), var(--surface-raised) 0);animation:ring-in .8s var(--ease-out) both;border-radius:50%;place-items:center;margin:0 auto 1.5rem;display:grid;position:relative}.results__ring:after{content:"";background:var(--surface);border-radius:50%;position:absolute;inset:12px}@keyframes ring-in{0%{opacity:0;transform:scale(.8)rotate(-90deg)}to{opacity:1;transform:none}}.results__score{z-index:1;font-variant-numeric:tabular-nums;letter-spacing:-.03em;font-size:2.25rem;font-weight:700;position:relative}.results__total{color:var(--text-dim);font-size:1.125rem;font-weight:500}.results__verdict{letter-spacing:-.02em;animation:question-in .5s var(--ease-out) .3s both;margin:0 0 .5rem;font-size:1.5rem;font-weight:600}.results__sub{color:var(--text-dim);animation:question-in .5s var(--ease-out) .4s both;margin:0 0 1.75rem;font-size:.9375rem}.btn{font:inherit;cursor:pointer;transition:transform .18s var(--ease-spring), background .2s ease;animation:question-in .5s var(--ease-out) var(--btn-delay,.5s) both;border:none;border-radius:.625rem;padding:.75rem 1.75rem;font-weight:600}.btn--primary{background:var(--accent);color:#fff}.btn--primary:hover{background:color-mix(in srgb, #fff 12%, var(--accent));transform:translateY(-1px)}.btn--primary:active{transition-duration:80ms;transform:translateY(0)scale(.98)}.btn:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.topbar{width:min(100%,46rem);animation:question-in .5s var(--ease-out) both;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.tabs{border:1px solid var(--border);background:var(--surface);border-radius:.75rem;gap:.25rem;padding:.25rem;display:flex}.tab{color:var(--text-dim);border-radius:.625rem;padding:.5rem 1rem;font-size:.875rem;font-weight:600;text-decoration:none;transition:color .2s,background .2s}.tab:hover{color:var(--text)}.tab--active{background:var(--surface-raised);color:var(--text)}.tab:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.account{align-items:center;gap:.75rem;font-size:.875rem;display:flex}.account__name{color:var(--text-dim);align-items:center;gap:.4rem;display:inline-flex}.account__badge{background:color-mix(in srgb, var(--accent) 22%, transparent);color:color-mix(in srgb, var(--accent) 45%, var(--text));letter-spacing:.02em;text-transform:uppercase;border-radius:.375rem;padding:.125rem .4rem;font-size:.6875rem;font-weight:700}.linkbtn{color:var(--accent);font:inherit;font-size:inherit;cursor:pointer;background:0 0;border:none;padding:0;font-weight:600}.linkbtn:hover{text-decoration:underline}.linkbtn:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:.25rem}.card--wide{width:min(100vw - 3rem,46rem)}.auth__title{letter-spacing:-.02em;margin:0 0 .375rem;font-size:1.5rem;font-weight:600}.auth__sub{color:var(--text-dim);margin:0 0 1.75rem;font-size:.9375rem}.auth__form{flex-direction:column;gap:1rem;display:flex}.field{flex-direction:column;gap:.4375rem;display:flex}.field__label{color:var(--text-dim);font-size:.8125rem;font-weight:600}.field__input{border:1px solid var(--border);background:var(--surface-raised);width:100%;color:var(--text);font:inherit;border-radius:.75rem;padding:.75rem .9375rem;font-size:1rem;transition:border-color .2s,box-shadow .2s}.field__input:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 25%, transparent);outline:none}.auth__error{border:1px solid color-mix(in srgb, var(--wrong) 45%, transparent);background:color-mix(in srgb, var(--wrong) 12%, var(--surface-raised));color:color-mix(in srgb, var(--wrong) 30%, var(--text));border-radius:.75rem;margin:0;padding:.75rem .875rem;font-size:.875rem}.auth__submit{width:100%;margin-top:.25rem}.auth__swap{text-align:center;color:var(--text-dim);margin:1.25rem 0 0;font-size:.875rem}.notice{text-align:center;padding:1rem 0}.notice__title{margin:0 0 .5rem;font-size:1.25rem;font-weight:600}.notice__text{color:var(--text-dim);margin:0 0 1.25rem;font-size:.9375rem;line-height:1.6}.notice__text:last-child{margin-bottom:0}.view__title{letter-spacing:-.02em;margin:0 0 1.5rem;font-size:1.375rem;font-weight:600}.summary{grid-template-columns:repeat(3,1fr);gap:.75rem;margin-bottom:1.5rem;display:grid}.summary__cell{border:1px solid var(--border);background:var(--surface-raised);text-align:center;border-radius:.875rem;flex-direction:column;gap:.25rem;padding:1rem;display:flex}.summary__value{font-variant-numeric:tabular-nums;letter-spacing:-.02em;font-size:1.5rem;font-weight:700}.summary__of{color:var(--text-dim);font-size:1rem;font-weight:500}.summary__label{color:var(--text-dim);font-size:.75rem}.toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:1.25rem;display:flex}.toolbar__sorts{flex-wrap:wrap;gap:.375rem;display:flex}.chip{border:1px solid var(--border);background:var(--surface-raised);color:var(--text-dim);font:inherit;cursor:pointer;border-radius:999px;padding:.375rem .75rem;font-size:.8125rem;font-weight:600;transition:color .2s,border-color .2s,background .2s}.chip:hover{color:var(--text);border-color:color-mix(in srgb, var(--accent) 50%, var(--border))}.chip--active{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 18%, var(--surface-raised));color:var(--text)}.chip:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.toggle{color:var(--text-dim);cursor:pointer;align-items:center;gap:.4375rem;font-size:.8125rem;display:inline-flex}.toggle input{accent-color:var(--accent);cursor:pointer}.stat-list,.point-list{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.stat-row{border:1px solid var(--border);background:var(--surface-raised);border-radius:.875rem;grid-template-columns:1fr auto;gap:.25rem 1rem;padding:.875rem 1rem;display:grid}.stat-row__main{flex-direction:column;gap:.125rem;min-width:0;display:flex}.stat-row__point{overflow-wrap:anywhere;font-weight:600}.stat-row__gloss{color:var(--text-dim);font-size:.8125rem}.stat-row__numbers{flex-direction:column;align-items:flex-end;gap:.125rem;display:flex}.stat-row__accuracy{font-variant-numeric:tabular-nums;font-weight:700}.stat-row__counts{color:var(--text-dim);font-variant-numeric:tabular-nums;font-size:.75rem}.stat-row__bar{background:color-mix(in srgb, var(--text) 8%, transparent);border-radius:999px;grid-column:1/-1;height:4px;margin-top:.375rem;overflow:hidden}.stat-row__fill{background:var(--accent);height:100%;transition:width .5s var(--ease-out);border-radius:999px}.stat-row--strong .stat-row__accuracy,.stat-row--strong .stat-row__fill{color:var(--correct);background-color:var(--correct)}.stat-row--strong .stat-row__accuracy{background:0 0}.stat-row--middling .stat-row__accuracy{color:#fbbf24}.stat-row--middling .stat-row__fill{background:#fbbf24}.stat-row--weak .stat-row__accuracy{color:var(--wrong)}.stat-row--weak .stat-row__fill{background:var(--wrong)}.stat-row--untouched{opacity:.65}.stat-row--untouched .stat-row__accuracy{color:var(--text-dim)}.results__warning{color:color-mix(in srgb, var(--wrong) 25%, var(--text-dim));margin:0 0 1rem;font-size:.8125rem}.search{margin-bottom:1.25rem}.point{border:1px solid var(--border);background:var(--surface-raised);border-radius:.875rem;overflow:hidden}.point--open{border-color:color-mix(in srgb, var(--accent) 45%, var(--border))}.point--linked{animation:point-linked 1.6s var(--ease-out) .2s both}@keyframes point-linked{0%,55%{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 12%, var(--surface-raised))}to{border-color:color-mix(in srgb, var(--accent) 45%, var(--border));background:var(--surface-raised)}}.point__header{width:100%;color:var(--text);font:inherit;text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;gap:.75rem;padding:.875rem 1rem;display:flex}.point__header:hover{background:color-mix(in srgb, var(--accent) 8%, transparent)}.point__header:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.point__text{overflow-wrap:anywhere;font-weight:600}.point__gloss{color:var(--text-dim);flex:1;font-size:.8125rem}.point__chevron{color:var(--text-dim);flex:none;font-size:1.125rem}.point__body{animation:explain-in .3s var(--ease-out) both;padding:0 1rem 1rem}.ref{margin-bottom:.875rem}.ref__label{letter-spacing:.06em;text-transform:uppercase;color:var(--text-dim);margin-bottom:.3125rem;font-size:.6875rem;font-weight:700;display:block}.ref__text{color:color-mix(in srgb, var(--text) 88%, transparent);margin:0 0 .25rem;font-size:.875rem;line-height:1.6}.qlist{flex-direction:column;gap:1rem;margin:.5rem 0 0;padding-left:1.25rem;display:flex}.qlist__item{color:var(--text-dim)}.qlist__head{align-items:flex-start;gap:.75rem;margin-bottom:.5rem;display:flex}.qlist__prompt{min-width:0;color:var(--text);flex:1;margin:0;font-size:.9375rem}.qlist__actions{flex:none;gap:.375rem;display:flex}.chip--danger{color:color-mix(in srgb, var(--wrong) 55%, var(--text-dim))}.chip--danger:hover:not(:disabled){border-color:var(--wrong);background:color-mix(in srgb, var(--wrong) 14%, var(--surface-raised));color:var(--wrong)}.chip--danger:focus-visible{outline-color:var(--wrong)}.chip:disabled{cursor:default;opacity:.55}.qlist__answers{flex-wrap:wrap;gap:.375rem;margin:0;padding:0;list-style:none;display:flex}.qlist__answer{border:1px solid var(--border);background:var(--surface);border-radius:.5rem;padding:.25rem .625rem;font-size:.8125rem}.qlist__answer--correct{border-color:color-mix(in srgb, var(--correct) 60%, transparent);background:color-mix(in srgb, var(--correct) 14%, transparent);color:var(--correct);font-weight:600}.qlist__note{margin:.5rem 0 0;font-size:.8125rem;line-height:1.55}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.burst{display:none}}@media (width<=480px){.card{padding:1.5rem 1.25rem}.question{font-size:1.25rem}.footer__point{padding:.4375rem .625rem;font-size:.8125rem}.footer__point-label{max-width:9rem}.topbar{flex-direction:column;align-items:stretch;gap:.75rem}.tabs,.account{justify-content:space-between}.summary{gap:.5rem}.summary__cell{padding:.75rem .5rem}.summary__value{font-size:1.25rem}}