@keyframes astroFadeInOut{0%{opacity:1}to{opacity:0}}@keyframes astroFadeIn{0%{opacity:0;mix-blend-mode:plus-lighter}to{opacity:1;mix-blend-mode:plus-lighter}}@keyframes astroFadeOut{0%{opacity:1;mix-blend-mode:plus-lighter}to{opacity:0;mix-blend-mode:plus-lighter}}@keyframes astroSlideFromRight{0%{transform:translate(100%)}}@keyframes astroSlideFromLeft{0%{transform:translate(-100%)}}@keyframes astroSlideToRight{to{transform:translate(100%)}}@keyframes astroSlideToLeft{to{transform:translate(-100%)}}@media (prefers-reduced-motion){::view-transition-group(*),::view-transition-old(*),::view-transition-new(*),[data-astro-transition-scope]{animation:none!important}}.astro-route-announcer{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;top:0;left:0;overflow:hidden}:root{--font-sans:"Pretendard Variable", Pretendard, system-ui, -apple-system, "Segoe UI", "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;--font-jp:"Noto Sans JP", "Hiragino Kaku Gothic ProN", "Yu Gothic", sans-serif;--font-serif:ui-serif, Georgia, "Times New Roman", serif;--color-bg:#f5f7f4;--color-surface:#fff;--color-surface-2:#eef2ee;--color-text:#17211c;--color-muted:#5d6963;--color-accent:#2d6a4f;--color-accent-hover:#1b4332;--color-accent-deep:#14342a;--color-accent-soft:#e6f1eb;--color-accent-soft-2:#d3e6db;--color-reading-accent:#198754;--color-border:#dfe5e0;--color-border-strong:#c9d3cc;--color-correct:#2d6a4f;--color-incorrect:#9b2226;--color-incorrect-soft:#fbeeee;--radius-sm:.5rem;--radius-md:.875rem;--radius-lg:1.375rem;--radius-pill:62.4375rem;--shadow-xs:0 1px 2px #17211c0a;--shadow-sm:0 1px 2px #17211c0a, 0 .375rem 1rem -.5rem #17211c1f;--shadow-md:0 .75rem 2rem -.75rem #17211c2e;--shadow-lg:0 1.5rem 3.5rem -1rem #17211c38;--ring:0 0 0 .1875rem #2d6a4f38;--fc-radius:var(--radius-lg);--fc-shadow:var(--shadow-lg);--fc-flip-duration:.45s;--fc-know:#2fa866;--fc-miss:#e5484d}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:none;text-size-adjust:none;-webkit-font-smoothing:antialiased;font-size:16px;overflow-x:clip}@media (width<=767px){html{font-size:clamp(12px,3.333vw,27px)}}@media (width>=768px){html{font-size:16px}}body{min-height:100dvh;font-family:var(--font-sans);color:var(--color-text);background:var(--color-bg);text-rendering:optimizelegibility;flex-direction:column;margin:0;font-weight:400;line-height:1.6;display:flex;overflow-x:clip}input,textarea,select{font-size:1rem}html :lang(ja){font-family:var(--font-jp)}h1,h2,h3{letter-spacing:-.015em;text-wrap:balance;margin:0 0 1rem;font-weight:700;line-height:1.25}h1{font-size:1.875rem}h2{font-size:1.375rem}h3{font-size:1.0625rem}p{margin:0 0 1rem}a{color:var(--color-accent);text-decoration:none}a:hover{color:var(--color-accent-hover);text-decoration:underline}.container{width:100%;max-width:42.5rem;margin:0 auto;padding:1.5rem 1rem 3rem}main.container{flex:1 0 auto}.nav-progress{z-index:35;pointer-events:none;opacity:0;width:100%;height:.1875rem;position:fixed;top:0;left:0}.nav-progress:before{content:"";background:var(--color-accent);width:0;height:100%;display:block}.nav-progress.is-loading{opacity:1}.nav-progress.is-loading:before{width:80%;transition:width 8s cubic-bezier(.1,.4,.2,1)}.nav-progress.is-done:before{width:100%;transition:width .15s ease-out}.nav-progress.is-done{opacity:0;transition:opacity .2s .15s}.site-header{z-index:30;border-bottom:1px solid var(--color-border);backdrop-filter:saturate(160%)blur(.75rem);background:#ffffffdb;margin-bottom:1.5rem;position:sticky;top:0}.site-header .container{justify-content:space-between;align-items:center;gap:1rem;padding-top:1rem;padding-bottom:1rem;display:flex}.logo{letter-spacing:-.02em;color:var(--color-text);align-items:center;gap:.625rem;font-size:1.25rem;font-weight:700;text-decoration:none;display:inline-flex}.logo-mark{flex:0 0 1.75rem;width:1.75rem;height:1.75rem;display:block}.logo-text{line-height:1}.logo:hover{color:var(--color-accent);text-decoration:none}.logo:hover .logo-mark{opacity:.92}nav a{margin-left:1rem;font-size:.9375rem}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-xs);margin-bottom:1rem;padding:1.5rem}.catalog-detail-actions{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.kanji-hero{text-align:center;margin:1.5rem 0;font-size:6.25rem;line-height:1.1}.meta-list{margin:0 0 1rem;padding:0;list-style:none}.meta-list li{border-bottom:1px solid var(--color-border);padding:.5rem 0}.meta-list li:last-child{border-bottom:none}.muted{color:var(--color-muted);font-size:.875rem}.kanji-grid{grid-template-columns:repeat(auto-fill,minmax(5.25rem,1fr));gap:1rem;display:grid}.kanji-tile{aspect-ratio:1;text-align:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);justify-content:center;align-items:center;padding:.75rem .375rem;text-decoration:none;display:flex;position:relative}.kanji-tile-char{font-size:2.5rem;line-height:1.2;transition:transform .15s}.kanji-tile-hint{color:var(--color-muted);text-overflow:ellipsis;white-space:nowrap;visibility:hidden;font-size:.9375rem;line-height:1.2;position:absolute;bottom:.375rem;left:.25rem;right:.25rem;overflow:hidden}.kanji-tile:hover,.kanji-tile:focus-visible{border-color:var(--color-accent);text-decoration:none}.kanji-tile:hover .kanji-tile-char,.kanji-tile:focus-visible .kanji-tile-char{transform:translateY(-.55rem)}.kanji-tile:hover .kanji-tile-hint,.kanji-tile:focus-visible .kanji-tile-hint{visibility:visible}@media (hover:none){.kanji-tile-char{transform:translateY(-.55rem)}.kanji-tile-hint{visibility:visible}}button.kanji-tile{width:100%;font:inherit;cursor:pointer}.kanji-naming{text-align:center;margin:-.5rem 0 1.5rem;font-size:1.125rem;font-weight:600}.kanji-catalog-shell{position:relative}.kanji-catalog--hidden{visibility:hidden;pointer-events:none;width:100%;position:absolute;inset:0 auto auto 0}.kanji-catalog-filters{gap:.75rem;margin:1rem 0 1.5rem;display:grid}.kanji-catalog-search-row{grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:.5rem;display:grid}.kanji-catalog-search-row input{border:1px solid var(--color-border);border-radius:var(--radius-sm);width:100%;font:inherit;background:var(--color-surface);padding:.625rem .75rem}.kanji-catalog-filters .choice-button-group{margin-top:.25rem}.kanji-catalog-skeleton{background:linear-gradient(90deg, var(--color-bg) 0%, var(--color-surface) 50%, var(--color-bg) 100%);background-size:200% 100%;animation:1.2s ease-in-out infinite wordbook-skeleton}.kanji-reading-label{margin:0 0 .5rem;font-weight:600}.btn{font:inherit;border:1px solid var(--color-accent);border-radius:var(--radius-sm);background:var(--color-accent);color:#fff;cursor:pointer;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.25rem;font-size:1rem;font-weight:600;line-height:1.2;text-decoration:none;transition:background-color .15s,border-color .15s,color .15s,box-shadow .15s,transform .15s;display:inline-flex}.btn:hover{background:var(--color-accent-hover);border-color:var(--color-accent-hover);color:#fff;text-decoration:none}.btn:active{transform:translateY(.0625rem)}.btn:focus-visible{box-shadow:var(--ring);outline:none}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.btn-secondary{background:var(--color-surface);border-color:var(--color-border-strong);color:var(--color-accent)}.btn-secondary:hover{background:var(--color-accent-soft);border-color:var(--color-accent);color:var(--color-accent-hover)}.btn-danger{background:var(--color-incorrect);border-color:var(--color-incorrect);color:#fff}.btn-danger:hover{color:#fff;background:#7a1b1e;border-color:#7a1b1e}.kanji-reading-list{display:inline}.kanji-reading-list--block{flex-wrap:wrap;gap:.35rem .5rem;display:flex}.kanji-reading-list--inline{display:inline}.kanji-reading-item{white-space:nowrap;display:inline}.kanji-reading-list--block .kanji-reading-item:after,.kanji-reading-list--inline .kanji-reading-item:not(:last-child):after{content:" "}.kanji-reading-kanji-part{color:var(--color-reading-accent)}.kanji-reading-row{flex-wrap:wrap;align-items:baseline;gap:.5rem .75rem;display:flex}.kanji-reading-row .muted{flex:none;min-width:2.5rem}.btn-lg{border-radius:var(--radius-md);padding:.875rem 1.5rem;font-size:1.0625rem}.btn-inverse{color:var(--color-accent-hover);background:#fff;border-color:#fff}.btn-inverse:hover{background:var(--color-accent-soft);border-color:var(--color-accent-soft);color:var(--color-accent-deep)}.landing-page .site-header .container,.landing-page .site-footer .container,.landing-main{max-width:66rem}.landing-page .site-header{border-bottom-color:#0000;margin-bottom:0}.landing-page{background:radial-gradient(60rem 30rem at 50% -8rem, #2d6a4f1a, transparent 70%), var(--color-bg)}.landing-main{padding-top:1rem}.landing-hero{grid-template-columns:minmax(0,1fr);align-items:center;gap:2rem;padding:2rem 0 3rem;display:grid}.landing-eyebrow{border:1px solid var(--color-accent-soft-2);border-radius:var(--radius-pill);background:var(--color-surface);color:var(--color-accent-hover);letter-spacing:.01em;align-items:center;gap:.5rem;margin:0 0 1.25rem;padding:.375rem .875rem .375rem .625rem;font-size:.8125rem;font-weight:600;display:inline-flex}.landing-eyebrow-dot{background:var(--color-accent);width:.5rem;height:.5rem;box-shadow:0 0 0 .25rem var(--color-accent-soft);border-radius:50%}.landing-title{letter-spacing:-.03em;margin:0 0 1.25rem;font-size:clamp(2.125rem,1.4rem + 3vw,3.375rem);font-weight:800;line-height:1.12}.landing-title em{color:var(--color-accent);background:linear-gradient(180deg, transparent 62%, var(--color-accent-soft-2) 62%, var(--color-accent-soft-2) 90%, transparent 90%);font-style:normal}.landing-lead{max-width:34rem;color:var(--color-muted);text-wrap:pretty;margin:0 0 1.75rem;font-size:1.125rem;line-height:1.7}.landing-hero-actions{flex-wrap:wrap;gap:.75rem;margin:0 0 1.25rem;display:flex}.landing-hero-points{color:var(--color-muted);flex-wrap:wrap;gap:.375rem 1.25rem;margin:0;padding:0;font-size:.9375rem;list-style:none;display:flex}.landing-hero-points li{align-items:center;gap:.5rem;display:inline-flex}.landing-hero-points li:before{content:"";background:var(--color-accent-soft) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4.5 8.5l2.2 2.2L11.5 6' fill='none' stroke='%232d6a4f' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 100% no-repeat;border-radius:50%;flex:0 0 1rem;width:1rem;height:1rem}.landing-countdown{border-radius:var(--radius-lg);background:radial-gradient(28rem 16rem at 100% 0%, #2fa86659, transparent 65%), linear-gradient(160deg, #1f5a43, var(--color-accent-deep));color:#f4f8f5;box-shadow:var(--shadow-lg);padding:1.5rem;position:relative;overflow:hidden}.landing-countdown:after{content:"合格";font-family:var(--font-jp);color:#ffffff0d;pointer-events:none;user-select:none;font-size:6.5rem;font-weight:600;line-height:1;position:absolute;bottom:-1.25rem;right:-.25rem}.landing-countdown-kicker{letter-spacing:.12em;text-transform:uppercase;color:#f4f8f5b3;margin:0 0 .375rem;font-size:.75rem;font-weight:700}.landing-countdown-session{letter-spacing:-.01em;margin:0 0 .125rem;font-size:1.375rem;font-weight:700}.landing-countdown-date{color:#f4f8f5c7;margin:0 0 1.5rem;font-size:.9375rem}.landing-countdown-units{grid-template-columns:repeat(4,minmax(0,1fr));gap:.625rem;margin-bottom:1.25rem;display:grid;position:relative}.landing-countdown-unit{flex-direction:column;align-items:center;gap:.5rem;display:flex}.flip-digit-row{gap:.1875rem;display:flex}.flip-digit{width:1.5rem;height:2.125rem;color:var(--color-accent-deep);font-variant-numeric:tabular-nums;perspective:16rem;transform-style:preserve-3d;background:#f4f8f5;border-radius:.3125rem;font-size:1.25rem;font-weight:700;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #0000000a,0 .25rem .75rem #00000040}.flip-digit-half,.flip-leaf{height:50%;position:absolute;left:0;right:0;overflow:hidden}.flip-digit-half--top,.flip-leaf--top{top:0}.flip-digit-half--bottom,.flip-leaf--bottom{bottom:0}.flip-digit-num{justify-content:center;align-items:center;width:100%;height:200%;line-height:1;display:flex;position:absolute;left:0}.flip-digit-half--top .flip-digit-num,.flip-leaf--top .flip-digit-num{top:0}.flip-digit-half--bottom .flip-digit-num,.flip-leaf--bottom .flip-digit-num{bottom:0}.flip-digit-hinge{z-index:5;background:#14342a2e;height:1px;position:absolute;top:50%;left:0;right:0;box-shadow:0 1px #fff9}.flip-leaf{z-index:3;visibility:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden;background:#f4f8f5}.flip-digit.is-flipping .flip-leaf{visibility:visible}.flip-leaf--top{transform-origin:bottom;z-index:4}.flip-leaf--bottom{transform-origin:top;transform:rotateX(90deg)}.flip-digit.is-flipping .flip-leaf--top{animation:.35s ease-in forwards flip-leaf-top}.flip-digit.is-flipping .flip-leaf--bottom{animation:.35s ease-out .35s forwards flip-leaf-bottom}@keyframes flip-leaf-top{0%{transform:rotateX(0)}to{transform:rotateX(-90deg)}}@keyframes flip-leaf-bottom{0%{transform:rotateX(90deg)}to{transform:rotateX(0)}}@media (prefers-reduced-motion:reduce){.flip-digit.is-flipping .flip-leaf--top,.flip-digit.is-flipping .flip-leaf--bottom{animation:none}}.landing-countdown-unit-label{letter-spacing:.04em;color:#f4f8f5b3;font-size:.75rem;font-weight:600}.landing-countdown-note{color:#f4f8f599;margin:0;font-size:.8125rem;position:relative}.landing-section{margin-bottom:4rem}.landing-section-head{max-width:38rem;margin-bottom:1.75rem}.landing-section-head h2,.landing-levels-copy h2{letter-spacing:-.025em;margin-bottom:.625rem;font-size:clamp(1.5rem,1.2rem + 1.2vw,2rem)}.landing-kicker{letter-spacing:.08em;color:var(--color-accent);margin:0 0 .625rem;font-size:.8125rem;font-weight:700}.landing-section-lead{color:var(--color-muted);text-wrap:pretty;margin:0;font-size:1.0625rem;line-height:1.7}.landing-step-list{counter-reset:landing-step;gap:1rem;margin:0;padding:0;list-style:none;display:grid}.landing-step{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:var(--shadow-xs);padding:1.5rem;position:relative}.landing-step-index{letter-spacing:.08em;color:var(--color-accent);font-variant-numeric:tabular-nums;margin-bottom:1rem;font-size:.8125rem;font-weight:700;display:inline-block}.landing-step h3{margin-bottom:.5rem;font-size:1.125rem}.landing-step p{color:var(--color-muted);margin:0;font-size:.9375rem;line-height:1.65}.landing-feature-grid{grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));gap:1rem;display:grid}.landing-feature-card{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:var(--shadow-xs);flex-direction:column;padding:1.5rem;transition:border-color .15s,box-shadow .2s,transform .2s;display:flex}.landing-feature-card:hover{border-color:var(--color-accent-soft-2);box-shadow:var(--shadow-md);transform:translateY(-.125rem)}.landing-feature-icon{border-radius:var(--radius-sm);background:var(--color-accent-soft);width:2.75rem;height:2.75rem;color:var(--color-accent);justify-content:center;align-items:center;margin-bottom:1.125rem;font-size:1.5rem;font-weight:600;line-height:1;display:inline-flex}.landing-feature-icon svg{width:1.375rem;height:1.375rem}.landing-feature-card h3{margin-bottom:.5rem;font-size:1.0625rem}.landing-feature-card p{color:var(--color-muted);margin:0;font-size:.9375rem;line-height:1.65}.landing-levels{border-radius:var(--radius-lg);background:var(--color-surface-2);gap:1.75rem;padding:2rem 1.5rem;display:grid}.landing-levels-copy .landing-section-lead{max-width:34rem}.landing-level-grid{grid-template-columns:repeat(auto-fit,minmax(6.5rem,1fr));gap:.75rem;display:grid}.landing-level-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);box-shadow:var(--shadow-xs);flex-direction:column;align-items:center;gap:.25rem;padding:1.125rem .5rem;text-decoration:none;transition:border-color .15s,box-shadow .2s,transform .2s,color .15s;display:flex}.landing-level-card:hover{border-color:var(--color-accent);color:var(--color-accent-hover);box-shadow:var(--shadow-md);text-decoration:none;transform:translateY(-.125rem)}.landing-level-name{letter-spacing:-.02em;font-size:1.5rem;font-weight:800;line-height:1}.landing-level-sub{color:var(--color-muted);font-size:.8125rem}.landing-demos{scroll-margin-top:5rem}.landing-demo-grid{grid-template-columns:minmax(0,1fr);align-items:start;gap:1.25rem;display:grid}.landing-demo-grid .card{margin-bottom:0}.landing-cta{border-radius:var(--radius-lg);background:radial-gradient(40rem 20rem at 0% 100%, #2fa8664d, transparent 60%), linear-gradient(160deg, #1f5a43, var(--color-accent-deep));color:#f4f8f5;text-align:center;box-shadow:var(--shadow-lg);margin-bottom:1rem;padding:3rem 1.5rem}.landing-cta-inner{max-width:34rem;margin:0 auto}.landing-cta h2{letter-spacing:-.025em;margin-bottom:.75rem;font-size:clamp(1.625rem,1.2rem + 1.6vw,2.25rem)}.landing-cta p{color:#f4f8f5c7;margin:0 0 1.75rem;font-size:1.0625rem;line-height:1.7}@media (width>=768px){.landing-hero{grid-template-columns:minmax(0,1.25fr) minmax(18rem,.9fr);gap:3rem;padding:3.5rem 0 4.5rem}.landing-step-list{grid-template-columns:repeat(3,minmax(0,1fr))}.landing-levels{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);align-items:center;padding:2.5rem}.landing-level-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.landing-demo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.landing-cta{padding:4rem 2rem}}.sample-card{margin-bottom:1.5rem;padding:1.75rem}.sample-label{letter-spacing:.08em;text-transform:uppercase;color:var(--color-accent);margin:0 0 1.25rem;font-size:.75rem;font-weight:700}.sample-kanji-head{align-items:center;gap:1.25rem;margin-bottom:1.25rem;display:flex}.sample-kanji{border-radius:var(--radius-md);background:var(--color-accent-soft);width:6rem;height:6rem;color:var(--color-accent-deep);flex:none;place-items:center;font-size:3.75rem;line-height:1;display:grid}.sample-kanji-summary{min-width:0}.sample-kanji-naming{letter-spacing:-.01em;margin:0 0 .25rem;font-size:1.375rem;font-weight:700}.sample-kanji-meaning{color:var(--color-muted);margin:0}.sample-meta{margin-bottom:1.5rem}.sample-card .kanji-reading-row .muted{min-width:5rem}.sample-mnemonic{border-radius:var(--radius-sm);background:var(--color-bg);padding:1.125rem 1.25rem}.sample-mnemonic p{margin-bottom:0}.sample-actions{margin:1.5rem 0 0}.sample-hint{margin:0}.sample-feedback .btn{margin-top:.25rem}.sample-sentence{font-size:1.375rem;line-height:1.6}.quiz-instruction{color:var(--color-text);margin-bottom:1rem;font-size:.9375rem;line-height:1.7}.quiz-target-underline,u.quiz-target-underline,.quiz-target-underline .kanji-trigger{text-underline-offset:.1875rem;text-decoration:underline .125rem;text-decoration-color:var(--color-accent)}.kanji-popover-wrap{display:inline-block;position:relative}.kanji-trigger{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none;padding:0}ruby{ruby-position:over;ruby-align:center}rt{letter-spacing:0;pointer-events:none;font-size:.55em;line-height:1}ruby .kanji-trigger{display:inline}.kanji-trigger:focus-visible{outline:.125rem solid var(--color-accent);outline-offset:.125rem;border-radius:.125rem}.kanji-popover{z-index:40;transform:translateX(calc(-50% + var(--viewport-shift-x,0px)));background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);width:max-content;min-width:10rem;max-width:min(24rem,100vw - 1rem);box-shadow:var(--shadow-md);white-space:normal;overflow-wrap:break-word;flex-direction:column;gap:.25rem;padding:.75rem;font-size:.8125rem;display:flex;position:absolute;bottom:calc(100% + .5rem);left:50%}.kanji-popover.kanji-popover--portal{z-index:80;transform:translate(calc(-50% + var(--viewport-shift-x,0px)), calc(-100% - .5rem));position:fixed;bottom:auto}.kanji-popover--below{top:calc(100% + .5rem);bottom:auto}.kanji-popover--portal.kanji-popover--below{transform:translate(calc(-50% + var(--viewport-shift-x,0px)), .5rem)}@media (width<=767px){.kanji-popover{white-space:normal;gap:.3125rem;min-width:10.625rem;max-width:calc(100vw - 1rem);padding:.875rem;font-size:1.0625rem}.kanji-popover strong{font-size:1.25rem}}.kanji-popover:after{content:"";height:.5rem;position:absolute;top:100%;left:0;right:0}.kanji-popover--below:after{top:auto;bottom:100%}.kanji-popover-reading{flex-wrap:wrap;align-items:baseline;gap:.25rem .5rem;min-width:0;display:flex}.kanji-popover-reading .muted{flex:none}.kanji-popover-head{justify-content:space-between;align-items:flex-start;gap:.5rem;display:flex}.kanji-popover-level{border-radius:var(--radius-pill);background:var(--color-accent-soft);color:var(--color-accent-deep);flex:none;padding:.125rem .5rem;font-size:.6875rem;font-weight:600;line-height:1.4}.kanji-popover-mnemonic{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface-2);color:var(--color-text);flex-direction:column;gap:.125rem;margin-top:.25rem;padding:.5rem .625rem;font-size:.8125rem;line-height:1.45;display:flex}.kanji-popover-mnemonic-label{color:var(--color-accent);font-size:.6875rem;font-weight:600}@media (width<=767px){.kanji-popover-level{font-size:.75rem}.kanji-popover-mnemonic{font-size:.9375rem}}.kanji-popover-reading .kanji-reading-list--inline{flex-wrap:wrap;flex:6rem;gap:.2rem .45rem;min-width:0;display:flex}.kanji-popover-reading .kanji-reading-item:not(:last-child):after{content:none}.sample-mnemonic h3{margin-bottom:.5rem;font-size:1rem}.quiz-options{gap:.5rem;margin:1rem 0;padding:0;list-style:none;display:grid}.quiz-option{text-align:left;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);width:100%;color:var(--color-text);cursor:pointer;font:inherit;font-family:var(--font-jp);padding:.75rem 1rem;font-size:1rem;transition:border-color .15s,background-color .15s,box-shadow .15s}button.quiz-option:hover:not(:disabled){border-color:var(--color-accent);background:var(--color-accent-soft)}.quiz-option:focus-visible{box-shadow:var(--ring);outline:none}.quiz-option.is-selected{border-color:var(--color-accent)}.quiz-option.is-correct{border-color:var(--color-correct);background:var(--color-accent-soft)}.quiz-option.is-incorrect{border-color:var(--color-incorrect);background:var(--color-incorrect-soft)}.feedback-correct{color:var(--color-correct);font-weight:600}.feedback-incorrect{color:var(--color-incorrect);font-weight:600}.site-footer{border-top:1px solid var(--color-border);background:0 0;flex-shrink:0;margin-top:auto}.footer-line a,.footer-line button{color:var(--color-muted)}.footer-line a:hover,.footer-line button:hover{color:var(--color-accent)}.footer-inner{flex-wrap:wrap;align-items:center;gap:.5rem .75rem;padding-top:1rem;padding-bottom:1.5rem;display:flex}.footer-line{flex-wrap:wrap;align-items:center;gap:.5rem;margin:0;font-size:.875rem;display:flex}.footer-line a,.footer-line button{font-size:inherit;white-space:nowrap}.footer-line button{color:var(--color-muted);font:inherit;cursor:pointer;background:0 0;border:0;padding:0}.footer-line button:hover{color:var(--color-accent)}.footer-sep{color:var(--color-muted);user-select:none}.nav-cta{font-weight:600}.nav-link-button{color:var(--color-accent);font:inherit;cursor:pointer;background:0 0;border:0;margin-left:1rem;padding:0;font-size:.9375rem}.nav-link-button:hover{color:var(--color-accent-hover);text-decoration:underline}.nav-placeholder{font-size:.9375rem}.auth-page{flex:1;justify-content:center;align-items:center;padding:1.5rem 0;display:flex}.auth-card{width:100%;max-width:26.25rem}.auth-card>.form-error,.auth-card>.form-info{margin-bottom:1rem}.auth-card form{text-align:left}.auth-email-hint{margin-bottom:1rem}.auth-divider{color:var(--color-muted);align-items:center;gap:.75rem;margin:1.25rem 0;font-size:.875rem;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--color-border);flex:1;height:1px}.auth-oauth{flex-direction:column;gap:.75rem;display:flex}.btn-google{background:var(--color-surface);border-color:var(--color-border-strong);color:var(--color-text)}.btn-google:hover{background:var(--color-surface-2);border-color:var(--color-border-strong);color:var(--color-text)}.btn-google-icon{flex-shrink:0;width:1.25rem;height:1.25rem}.btn-block{text-align:center;width:100%}.form-actions--stacked{flex-direction:column}.field-label{margin-bottom:.5rem;font-weight:600;display:block}.text-input{border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-surface);width:100%;color:var(--color-text);font:inherit;margin-bottom:1rem;padding:.75rem .875rem;transition:border-color .15s,box-shadow .15s}.text-input:focus-visible{border-color:var(--color-accent);box-shadow:var(--ring);outline:none}.otp-input{letter-spacing:.35em;text-align:center;font-size:1.25rem}@media (width<=767px){input,textarea,select,input.text-input,textarea.text-input,input.otp-input{font-size:16px}}.checkbox-row{align-items:flex-start;gap:.5rem;margin-bottom:1rem;font-size:.9375rem;display:flex}.form-error{color:var(--color-incorrect);font-size:.9375rem}.form-info{color:var(--color-muted);font-size:.9375rem}.form-actions{flex-wrap:wrap;gap:.75rem;display:flex}.goal-fieldset{border:0;margin:0 0 1rem;padding:0}.choice-button-group{margin-bottom:1rem}.choice-button-group-label{margin-bottom:.5rem;font-size:.9375rem;font-weight:600;display:block}.choice-button-grid{gap:.5rem;display:grid}.choice-button-grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}.choice-button-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}.choice-button-grid--4{grid-template-columns:repeat(4,minmax(0,1fr))}.choice-button-grid--5{grid-template-columns:repeat(5,minmax(0,1fr))}.choice-button-grid--6{grid-template-columns:repeat(6,minmax(0,1fr))}.choice-button-grid--5 .choice-button,.choice-button-grid--6 .choice-button{padding-left:.375rem;padding-right:.375rem}.choice-button{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);font:inherit;cursor:pointer;text-align:center;padding:.625rem .75rem;font-size:.9375rem}.choice-button-grid .choice-button.is-wide{white-space:nowrap;grid-column:1/-1}.choice-button-grid--3:has(.choice-button.is-wide){grid-template-columns:repeat(6,minmax(0,1fr))}.choice-button-grid--3:has(.choice-button.is-wide) .choice-button:not(.is-wide){grid-column:span 2}.choice-button-grid--3:has(.choice-button.is-wide) .choice-button:not(.is-wide):nth-last-child(3),.choice-button-grid--3:has(.choice-button.is-wide) .choice-button:not(.is-wide):nth-last-child(2){grid-column:span 3}.choice-button:hover{border-color:var(--color-accent);background:var(--color-accent-soft)}.choice-button:focus-visible{box-shadow:var(--ring);outline:none}.choice-button.is-selected{border-color:var(--color-accent);background:var(--color-accent-soft);color:var(--color-accent);font-weight:600}.legal-card h2{margin-top:1.5rem;font-size:1.125rem}.legal-card h2:first-child{margin-top:0}.legal-note{border-top:1px solid var(--color-border);margin-top:1.5rem;padding-top:1rem}.mnemonic-disclaimer{color:var(--color-muted);margin-top:.5rem;font-size:.8125rem;display:block}.mnemonic-image{aspect-ratio:4/3;object-fit:contain;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);width:100%;max-width:26.25rem;margin:1rem auto 0;display:block}.onboarding-page{align-items:flex-start}.onboarding-shell{text-align:center;width:100%;max-width:26.25rem}.onboarding-title{margin-bottom:.5rem}.onboarding-lead{margin-bottom:1.5rem}.onboarding-shell:has(.onboarding-setup-loading) .onboarding-title{display:none}.onboarding-setup-loading{text-align:center;gap:.75rem;padding:1.75rem 1.25rem;display:grid}.onboarding-setup-loading-title{margin:0;font-size:1.125rem;font-weight:700}.onboarding-setup-loading>p{margin:0}.onboarding-setup-bar{border-radius:var(--radius-pill);background:var(--color-surface-2);height:.375rem;margin-top:.5rem;position:relative;overflow:hidden}.onboarding-setup-bar-fill{border-radius:inherit;background:var(--color-accent);width:36%;animation:1.2s ease-in-out infinite onboarding-setup-bar;position:absolute;top:0;bottom:0}@keyframes onboarding-setup-bar{0%{left:-36%}to{left:100%}}.onboarding-shell .auth-card{text-align:left}.onboarding-shell .onboarding-setup-loading{text-align:center}.home-page{max-width:45rem;margin:0 auto}.home-header{margin-bottom:1.5rem}.home-status{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.home-stat{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);min-height:7.5rem;box-shadow:var(--shadow-xs);flex-direction:column;justify-content:space-between;padding:1rem 1.125rem .875rem;display:flex}.home-stat-hero{align-items:flex-end;gap:.375rem;display:flex}.home-stat-icon{border-radius:var(--radius-sm);background:var(--color-accent-soft);width:2rem;height:2rem;color:var(--color-accent);justify-content:center;align-items:center;margin-right:.25rem;display:inline-flex}.home-stat-glyph{width:1.125rem;height:1.125rem}.home-stat-value{letter-spacing:-.03em;font-size:2rem;font-weight:700;line-height:.95}.home-stat-unit,.home-stat-caption{color:var(--color-muted);margin:0;font-size:.8125rem;font-weight:600}.home-stat-unit{padding-bottom:.2rem}.home-exam{justify-content:center}.home-exam-body{justify-content:space-between;align-items:stretch;gap:.75rem;width:100%;display:flex}.home-exam-copy{flex-direction:column;justify-content:center;gap:.125rem;min-width:0;display:flex}.home-exam-session,.home-exam-date{margin:0;line-height:1.3}.home-exam-session{white-space:nowrap;font-size:.8125rem;font-weight:700}.home-exam-date{color:var(--color-muted);font-size:.8125rem;font-weight:600}.home-exam-dday{background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-sm);flex-shrink:0;justify-content:center;align-items:center;min-width:3.5rem;padding:0 .5rem;display:flex}.home-exam .home-stat-value{font-size:1.5rem}.home-exam-prefix{color:var(--color-muted);letter-spacing:0;margin-right:.2rem;font-size:1rem;font-weight:700}.home-stat.is-pending .home-stat-value,.home-stat.is-pending .home-stat-caption,.home-stat.is-pending .home-exam-session,.home-stat.is-pending .home-exam-date{color:var(--color-muted)}.home-streak-week{grid-template-columns:repeat(7,1fr);gap:.25rem;margin:.875rem 0 0;padding:0;list-style:none;display:grid}.home-streak-mark{flex-direction:column;align-items:center;gap:.25rem;display:flex}.home-streak-bar{border-radius:var(--radius-sm);background:var(--color-surface-2);width:100%;height:1.25rem;transition:background-color .55s,box-shadow .55s;display:block}.home-streak-mark:first-child .home-streak-bar{transition-delay:0s}.home-streak-mark:nth-child(2) .home-streak-bar{transition-delay:50ms}.home-streak-mark:nth-child(3) .home-streak-bar{transition-delay:.1s}.home-streak-mark:nth-child(4) .home-streak-bar{transition-delay:.15s}.home-streak-mark:nth-child(5) .home-streak-bar{transition-delay:.2s}.home-streak-mark:nth-child(6) .home-streak-bar{transition-delay:.25s}.home-streak-mark:nth-child(7) .home-streak-bar{transition-delay:.3s}.home-streak.is-pending .home-stat-value{opacity:.4}.home-streak:not(.is-pending) .home-stat-value{animation:.45s home-streak-reveal}.home-streak-mark.is-done .home-streak-bar{background:var(--color-accent)}.home-streak-mark.is-today:not(.is-done) .home-streak-bar{box-shadow:inset 0 0 0 1px var(--color-accent)}.home-streak-wd{color:var(--color-muted);font-size:.625rem;font-weight:600;line-height:1}.home-streak-mark.is-today .home-streak-wd{color:var(--color-accent)}.home-stat-retry{align-self:flex-start;margin-top:.5rem}@keyframes home-streak-reveal{0%{opacity:.35}to{opacity:1}}@media (prefers-reduced-motion:reduce){.home-streak-bar{transition:none}.home-streak:not(.is-pending) .home-stat-value{animation:none}.home-streak.is-pending .home-stat-value{opacity:.55}}.home-primary{grid-template-columns:1fr;gap:1rem;display:grid}@media (width>=768px){.home-primary{grid-template-columns:repeat(3,1fr)}}.home-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:inherit;text-align:center;box-shadow:var(--shadow-xs);flex-direction:column;justify-content:center;align-items:center;gap:.75rem;padding:1.5rem 1.25rem;text-decoration:none;transition:border-color .15s,box-shadow .2s,transform .2s;display:flex;position:relative}.home-card-icon{border-radius:var(--radius-sm);background:var(--color-accent-soft);width:2.75rem;height:2.75rem;color:var(--color-accent);justify-content:center;align-items:center;display:inline-flex}.home-card-icon svg{width:1.375rem;height:1.375rem}.home-card h2{margin:0;font-size:1.125rem}.home-card--active:hover{border-color:var(--color-accent-soft-2);box-shadow:var(--shadow-md);text-decoration:none;transform:translateY(-.125rem)}.home-catalogs{text-align:center;margin-top:1.5rem;font-size:.9375rem}.home-catalogs a{color:var(--color-accent)}.exam-list-toolbar{flex-wrap:wrap;gap:.5rem;margin-bottom:1rem;display:flex}.exam-list-toolbar .btn[aria-pressed=true]{border-color:var(--color-accent);color:var(--color-accent);font-weight:600}.exam-list{grid-template-columns:repeat(auto-fill,minmax(17.5rem,1fr));gap:1rem;display:grid}.exam-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:inherit;box-shadow:var(--shadow-xs);padding:1.25rem;text-decoration:none;display:block}.exam-card h2{margin-bottom:.5rem;font-size:1.125rem}.exam-card p{color:var(--color-muted);margin:0;font-size:.9375rem}.exam-card--start:hover{border-color:var(--color-accent-soft-2);box-shadow:var(--shadow-md);text-decoration:none}.exam-card--locked{opacity:.78}.exam-badge{border-radius:var(--radius-pill);margin-top:.75rem;padding:.25rem .625rem;font-size:.8125rem;font-weight:600;display:inline-block}.exam-badge--free{background:var(--color-accent-soft);color:var(--color-text)}.exam-badge--paid{background:var(--color-bg);border:1px solid var(--color-border);color:var(--color-muted)}.exam-stem{font-size:1.25rem;line-height:2.2}.drill-passage-list{gap:1rem;display:grid}.drill-passage{gap:.75rem;display:grid}.drill-passage-lead,.drill-passage-body{margin:0;line-height:1.8}.drill-material{gap:.75rem;min-width:0;display:grid}.drill-material-title,.drill-material-label{margin:0}.drill-material-section{border:1px solid var(--color-border);border-radius:var(--radius-md);gap:.35rem;min-width:0;padding:.75rem;display:grid}.drill-material-rows{gap:.35rem;margin:0;display:grid}.drill-material-row{grid-template-columns:minmax(0,7rem) minmax(0,1fr);gap:.5rem;min-width:0;display:grid}.drill-material-row dt,.drill-material-row dd{overflow-wrap:anywhere;min-width:0;margin:0}.drill-material-notes{margin:0;padding-left:1.25rem}.drill-passage-underline{text-underline-offset:.2rem;background:0 0;text-decoration:underline}.drill-passage-blank{border:1px solid var(--color-accent);border-radius:var(--radius-sm);background:var(--color-surface);min-width:1.6rem;color:var(--color-accent);text-align:center;margin-inline:.15rem;padding:0 .35rem;font-weight:700;line-height:1.4;display:inline-block}.drill-passage-blank.is-active{background:var(--color-accent-soft);box-shadow:var(--ring)}.drill-passage-notes,.drill-script-turns{margin:0;padding-left:1.25rem}.drill-audio{width:100%;max-width:36rem;margin-bottom:.75rem;display:block}.drill-illustration{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);width:100%;max-width:36rem;height:auto;display:block}.drill-script{gap:.5rem;display:grid}.drill-script-speaker{color:var(--color-muted);margin-right:.5rem;display:inline-block}.exam-stem--headword{font-size:1.5rem;line-height:1.6}.exam-progress-panel{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-2);gap:.5rem;width:fit-content;min-width:12rem;max-width:100%;margin:1rem 0 0;padding:.875rem 1rem;display:grid}.exam-progress-panel--wide{background:0 0;border:0;border-radius:0;width:100%;min-width:0;margin:0 0 1rem;padding:0}.exam-progress-panel-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem 1rem;display:flex}.exam-progress-panel-count{font-variant-numeric:tabular-nums;align-items:center;gap:.5rem;margin:0;font-size:1.125rem;font-weight:700;line-height:1.2;display:flex}.exam-progress-panel-overall{font-variant-numeric:tabular-nums;margin:0 0 0 auto;font-weight:600}.exam-progress-panel-badge{border-radius:var(--radius-pill);background:var(--color-accent-soft);color:var(--color-accent-deep);word-break:keep-all;flex:none;padding:.25rem .625rem;font-size:.8125rem;font-weight:600}.exam-progress-panel.is-complete .exam-progress-panel-badge{background:var(--color-accent);color:var(--color-surface)}.exam-progress-panel-bar{border-radius:var(--radius-pill);background:var(--color-border);height:.5rem;overflow:hidden}.exam-progress-panel-fill{border-radius:inherit;background:var(--color-accent);height:100%;display:block}.exam-progress-panel-score{margin:0}.exam-target-meaning{margin-bottom:.5rem}.exam-target-kanji{margin:0 0 1rem}.exam-kanji-cards{flex-wrap:wrap;gap:.75rem;display:flex}.exam-kanji-card{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-2);flex:9.5rem;gap:.5rem;max-width:13.5rem;padding:.875rem 1rem;display:grid}.exam-kanji-card-glyph{font-family:var(--font-jp);margin:0;font-size:2rem;font-weight:600;line-height:1.15}.exam-kanji-card-body{gap:.25rem;display:grid}.exam-kanji-card-naming{font-size:.9375rem;line-height:1.3}.exam-kanji-card-meanings,.exam-kanji-card-missing,.exam-kanji-card .kanji-popover-reading,.exam-kanji-card .kanji-popover-mnemonic{margin:0}.exam-kanji-card .kanji-popover-mnemonic{background:var(--color-surface)}.exam-kanji-card-meanings{font-size:.875rem}.exam-kanji-card--skeleton{background:linear-gradient(90deg, var(--color-bg) 0%, var(--color-surface) 50%, var(--color-bg) 100%);background-size:200% 100%;min-height:8.5rem;animation:1.2s ease-in-out infinite wordbook-skeleton}.exam-result-actions{flex-wrap:wrap;gap:.75rem;margin-top:1rem;display:flex}.exam-mode-fieldset{border:0;margin:1.25rem 0 0;padding:0}.exam-mode-fieldset legend{margin-bottom:.75rem;font-weight:600}.exam-mode-list{gap:.75rem;display:grid}.exam-mode{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);cursor:pointer;align-items:flex-start;gap:.75rem;padding:.875rem 1rem;display:flex;position:relative}.exam-mode-radio{border:2px solid var(--color-border-strong);background:var(--color-surface);width:1.375rem;height:1.375rem;box-shadow:inset 0 0 0 .2rem var(--color-surface);border-radius:50%;flex:0 0 1.375rem;margin-top:.125rem}.exam-mode-copy{gap:.25rem;display:grid}.exam-mode.is-selected{border-color:var(--color-accent);background:var(--color-accent-soft)}.exam-mode.is-selected .exam-mode-radio{border-color:var(--color-accent);background:var(--color-accent);box-shadow:inset 0 0 0 .2rem var(--color-accent-soft)}.exam-mode:has(:focus-visible){box-shadow:var(--ring)}.exam-review-part{margin:0 0 .75rem;font-size:1.125rem}.exam-score-table{table-layout:fixed;border-collapse:collapse;width:100%;margin:1rem 0 0}.exam-score-table caption{caption-side:top;text-align:left;color:var(--color-muted);margin-bottom:.375rem;font-size:.75rem;font-weight:600}.exam-score-table th,.exam-score-table td{border-bottom:1px solid var(--color-border);text-align:center;vertical-align:top;padding:.375rem .2rem}.exam-score-table thead th{color:var(--color-muted);word-break:keep-all;font-size:.75rem;font-weight:600;line-height:1.3}.exam-score-table td{font-variant-numeric:tabular-nums;white-space:nowrap;font-size:.875rem}.exam-score-table th.is-current,.exam-score-table td.is-current{color:var(--color-accent)}.exam-score-table th:last-child,.exam-score-table td:last-child{color:var(--color-text);font-weight:600}.exam-review-item .quiz-option{cursor:default}.exam-vocab-save{gap:.5rem;margin-top:.75rem;display:grid}.exam-vocab-save-more{justify-content:flex-end;display:flex}.exam-vocab-save-more-toggle{color:var(--color-muted);font:inherit;cursor:pointer;text-underline-offset:.15rem;background:0 0;border:0;padding:0;font-size:.75rem;text-decoration:underline}.exam-vocab-save-more-toggle:hover{color:var(--color-text)}.exam-vocab-save-target{justify-items:end;display:grid}.exam-vocab-save-target select{width:min(12rem,100%);color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:.5rem .75rem;font-size:1rem}.exam-vocab-save-list{gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.exam-vocab-save-row{min-width:0}.exam-vocab-save-word{vertical-align:middle;align-items:center;gap:.375rem;display:inline-flex}.exam-vocab-word-link,.exam-vocab-word-link:hover{text-decoration:none}.exam-vocab-save-btn{flex:none;padding:.125rem .5rem;font-size:.875rem;line-height:1.2}.profile-menu{position:relative}.session-slot{flex:none;justify-content:flex-end;align-items:center;gap:.25rem;min-width:2.5rem;min-height:2.5rem;display:flex}.session-slot astro-island,.session-slot astro-slot{display:contents}.session-slot-boot{align-items:center;gap:.25rem;display:flex}.session-slot.is-live .session-slot-boot{display:none}.inbox-menu,.inbox-trigger{position:relative}.inbox-dot{background:var(--color-incorrect);border-radius:50%;width:.5rem;height:.5rem;position:absolute;top:.4rem;right:.4rem}.inbox-dropdown{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);width:min(20rem,100vw - 2rem);max-height:min(24rem,100dvh - 5rem);box-shadow:var(--shadow-md);z-index:20;padding:0;position:absolute;top:calc(100% + .5rem);right:0;overflow:auto}.inbox-empty{color:var(--color-muted);margin:0;padding:.75rem 1rem;font-size:.875rem}.inbox-list{margin:0;padding:0;list-style:none}.inbox-item{width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:0;flex-direction:column;align-items:flex-start;gap:.25rem;padding:.75rem 1rem;display:flex}.inbox-dropdown>.inbox-list:first-child li:first-child .inbox-item{border-top-left-radius:var(--radius-md);border-top-right-radius:var(--radius-md)}.inbox-dropdown>.inbox-list:last-child li:last-child .inbox-item{border-bottom-left-radius:var(--radius-md);border-bottom-right-radius:var(--radius-md)}.inbox-item:hover,.inbox-item:focus-visible{background:var(--color-bg);outline:none}.inbox-item.is-unread .inbox-item-title{font-weight:600}.inbox-item-header{justify-content:space-between;align-items:baseline;gap:.75rem;width:100%;display:flex}.inbox-item-title{font-size:.9375rem}.inbox-item-time{color:var(--color-muted);flex-shrink:0;font-size:.75rem}.inbox-item-body{width:100%;color:var(--color-muted);white-space:pre-wrap;font-size:.8125rem}.inbox-item-body.is-preview{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.inbox-more{border-bottom-left-radius:var(--radius-md);border-bottom-right-radius:var(--radius-md);width:100%;color:var(--color-muted);font:inherit;text-align:center;cursor:pointer;background:0 0;border:0;padding:.5rem 1rem .75rem;font-size:.8125rem;display:block}.inbox-more:hover,.inbox-more:focus-visible{color:var(--color-fg);outline:none}.profile-icon,.inbox-icon{width:1.5rem;height:1.5rem;display:block}.profile-trigger{width:2.5rem;height:2.5rem;color:var(--color-text);cursor:pointer;background:0 0;border:0;border-radius:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.profile-trigger:hover,.profile-trigger[aria-expanded=true]{color:var(--color-accent)}.profile-trigger:focus-visible{outline:.125rem solid var(--color-accent);outline-offset:.125rem}.profile-dropdown{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);min-width:10rem;box-shadow:var(--shadow-md);z-index:20;padding:.5rem 0;position:absolute;top:calc(100% + .5rem);right:0;overflow:hidden}.profile-dropdown-item{width:100%;color:var(--color-text);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;padding:.625rem 1rem;font-size:.9375rem;text-decoration:none;display:block}.profile-dropdown-item:hover,.profile-dropdown-item:focus-visible{background:var(--color-bg);color:var(--color-accent);outline:none;text-decoration:none}.profile-dropdown-item--button{border-top:1px solid var(--color-border)}.account-card .account-title{margin-bottom:1rem;font-size:1.25rem}.account-meta{margin:0 0 1.5rem}.account-meta div{margin-bottom:.5rem}.account-meta dt{margin-bottom:.25rem;font-size:.875rem}.account-meta dd{margin:0;font-weight:600}.account-billing,.account-billing-success{border-top:1px solid var(--color-border);margin-top:1.5rem;padding-top:1.25rem}.account-billing h2,.account-billing-success h2{margin:0 0 .5rem;font-size:1rem}.account-billing-success{flex-direction:column;gap:.5rem;display:flex}.account-purchase-list{flex-direction:column;gap:.5rem;margin:.75rem 0 0;padding:0;list-style:none;display:flex}.account-purchase-list li{flex-wrap:wrap;justify-content:space-between;gap:.5rem .75rem;font-size:.9375rem;display:flex}.btn-primary{background:var(--color-accent);border-color:var(--color-accent);color:#fff}.btn-sm{padding:.5rem .75rem;font-size:.875rem}.btn-link{color:var(--color-accent);font:inherit;cursor:pointer;background:0 0;border:0;padding:0;font-size:.875rem;font-weight:600;text-decoration:underline}.btn-link:hover{color:var(--color-accent-hover)}.btn-link-danger{color:var(--color-incorrect)}.wordbooks-page-header{margin-bottom:1.5rem}.page-nav-links{margin:.5rem 0 0;font-size:.9375rem}.page-nav-links a{color:var(--color-accent)}.wordbooks-layout{gap:1rem;display:grid}@media (width>=768px){.wordbooks-layout{grid-template-columns:15rem minmax(0,1fr);align-items:start}}.wordbooks-sidebar{padding:1rem}.wordbooks-type-tabs{grid-template-columns:1fr 1fr;gap:.5rem;margin-bottom:1rem;display:grid}.wordbooks-type-tabs button,.wordbooks-nav button{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);width:100%;color:var(--color-text);font:inherit;text-align:left;cursor:pointer;padding:.625rem .75rem}.wordbooks-type-tabs button.is-active,.wordbooks-nav button.is-active{border-color:var(--color-accent);color:var(--color-accent);font-weight:600}.wordbooks-nav{gap:.5rem;display:grid}.wordbooks-nav-row{gap:.25rem;display:grid}.wordbooks-nav-actions{gap:.5rem;padding-left:.25rem;display:flex}.wordbooks-create-book,.wordbooks-rename-form{grid-template-columns:minmax(0,1fr) auto;gap:.5rem;margin-top:1rem;display:grid}.wordbooks-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.wordbooks-search{grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:.5rem;display:grid}.wordbooks-search input,.wordbooks-create-book input,.wordbook-create-row input,.wordbooks-edit-form input,.wordbooks-edit-form select,.wordbook-dialog-input{border:1px solid var(--color-border);border-radius:var(--radius-sm);width:100%;font:inherit;background:var(--color-surface);padding:.625rem .75rem}.wordbooks-search input{min-width:0}.wordbooks-entry-list{grid-template-columns:repeat(auto-fill,minmax(17.5rem,1fr));gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.wordbooks-entry-slot{min-width:0;position:relative}.wordbooks-entry-slot--vocabulary{height:8.6rem}.wordbooks-entry-slot--kanji{height:12.25rem}.wordbooks-entry-card{flex-direction:column;min-width:0;margin-bottom:0;padding:.75rem .875rem;display:flex;position:absolute;inset:0;overflow:hidden}.wordbooks-entry-card>p:last-child{margin-bottom:0}.wordbooks-entry-body{flex:auto;min-width:0;min-height:0;overflow:hidden}.wordbooks-entry-head{justify-content:space-between;align-items:flex-start;gap:.5rem;margin-bottom:.25rem;display:flex}.wordbooks-entry-head-main{flex-wrap:nowrap;flex:auto;align-items:baseline;gap:.5rem;min-width:0;display:flex}.wordbooks-entry-surface,.wordbooks-entry-head-meta{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.wordbooks-entry-surface{flex:0 auto}.wordbooks-entry-head-meta{flex:auto}.wordbooks-kanji{flex:none;font-size:2rem;line-height:1}.wordbooks-entry-actions{gap:.75rem;margin-top:.75rem;display:flex}.wordbooks-pagination{justify-content:center;align-items:center;gap:.75rem;margin-top:1rem;display:flex}.wordbook-status,.wordbook-empty{color:var(--color-muted)}.wordbook-dialog-backdrop{z-index:40;background:#00000059;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.wordbook-dialog{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);width:min(100%,30rem);max-height:calc(100dvh - 2rem);padding:1.25rem;overflow:auto}.wordbook-dialog--wide{width:min(100%,40rem)}.wordbook-dialog-textarea{resize:vertical;min-height:5.5rem}.entry-form-fieldset{margin-top:.25rem}.entry-reading-row{border-bottom:1px solid var(--color-border);gap:.5rem;margin-bottom:.75rem;padding-bottom:.75rem;display:grid}.entry-reading-row:last-of-type{border-bottom:0;padding-bottom:0}.entry-form-remove{justify-self:start;margin-top:-.25rem}.wordbooks-entry-naming,.wordbooks-entry-reading,.wordbooks-entry-meta-inline{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.wordbooks-entry-naming{margin:0 0 .25rem;font-weight:600}.wordbooks-entry-reading{margin:0 0 .25rem}.wordbooks-entry-meta{gap:.125rem;margin:0 0 .25rem;padding:0;font-size:.875rem;list-style:none;display:grid;overflow:hidden}.wordbooks-entry-meta li{flex-wrap:nowrap;align-items:baseline;gap:.375rem;min-width:0;display:flex}.wordbooks-entry-meta .muted{flex-shrink:0}.wordbooks-entry-meta-value{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.wordbooks-entry-meta-inline{margin:0 0 .25rem;font-size:.875rem}.wordbooks-entry-meta-inline .kanji-popover-wrap,.wordbooks-entry-slot:has(.kanji-popover),.wordbooks-entry-slot:has(.kanji-popover) .wordbooks-entry-card,.wordbooks-entry-slot:has(.kanji-popover) .wordbooks-entry-body,.wordbooks-entry-slot:has(.kanji-popover) .wordbooks-entry-meta-inline,.wordbooks-entry-slot:has(.kanji-popover) .wordbooks-entry-surface{overflow:visible}.wordbooks-entry-slot:has(.kanji-popover){z-index:9}.wordbooks-entry-meaning{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin:0;display:-webkit-box;overflow:hidden}.wordbooks-entry-card--vocabulary .wordbooks-entry-meaning{-webkit-line-clamp:1;line-clamp:1}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.wordbook-dialog h2{margin-bottom:.75rem;font-size:1.125rem}.wordbook-dialog-field{gap:.375rem;margin-bottom:.75rem;display:grid}.wordbook-membership-list{gap:.5rem;margin:1rem 0;padding:0;list-style:none;display:grid}.wordbook-membership-row{align-items:center;gap:.625rem;display:flex}.wordbook-create-row{grid-template-columns:minmax(0,1fr) auto;gap:.5rem;margin-bottom:1rem;display:grid}.wordbook-dialog-actions{flex-wrap:wrap;justify-content:flex-end;gap:.5rem;display:flex}.wordbook-fieldset{border:1px solid var(--color-border);border-radius:var(--radius-sm);margin:.75rem 0;padding:.75rem}.wordbook-fieldset legend{padding:0 .25rem;font-size:.875rem;font-weight:600}.wordbooks-edit-form label{gap:.375rem;margin-bottom:.75rem;display:grid}.vocabulary-list{grid-template-columns:repeat(auto-fill,minmax(17.5rem,1fr));gap:.75rem;margin:0;padding:0;list-style:none;display:grid}.vocabulary-list-slot{min-width:0;height:9.25rem;position:relative}.vocabulary-list-item{flex-direction:column;gap:.375rem;min-width:0;margin-bottom:0;padding:1rem;display:flex;position:absolute;inset:0;overflow:hidden}.vocabulary-list-item-meaning{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;flex:auto;min-height:0;margin:0;display:-webkit-box;overflow:hidden}.vocabulary-list-item-meta{text-overflow:ellipsis;white-space:nowrap;margin:0;overflow:hidden}.catalog-item-link{color:var(--color-accent);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;padding:0;font-weight:600}.catalog-item-link--clamp{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.catalog-item-link:hover{color:var(--color-accent-hover);text-decoration:underline}@media (hover:hover) and (pointer:fine){.wordbooks-entry-slot:hover,.vocabulary-list-slot:hover{z-index:8}.wordbooks-entry-slot:hover .wordbooks-entry-card,.vocabulary-list-slot:hover .vocabulary-list-item{height:auto;min-height:100%;inset:0 0 auto;overflow:visible;box-shadow:0 .5rem 1.5rem #00000014}.wordbooks-entry-slot:hover .wordbooks-entry-body{overflow:visible}.wordbooks-entry-slot:hover .wordbooks-entry-head-main{flex-wrap:wrap}.wordbooks-entry-slot:hover .wordbooks-entry-surface,.wordbooks-entry-slot:hover .wordbooks-entry-head-meta,.wordbooks-entry-slot:hover .wordbooks-entry-naming,.wordbooks-entry-slot:hover .wordbooks-entry-reading,.wordbooks-entry-slot:hover .wordbooks-entry-meta-inline,.wordbooks-entry-slot:hover .wordbooks-entry-meta-value,.vocabulary-list-slot:hover .catalog-item-link--clamp,.vocabulary-list-slot:hover .vocabulary-list-item-meta{text-overflow:unset;white-space:normal;overflow:visible}.wordbooks-entry-slot:hover .wordbooks-entry-meta{overflow:visible}.wordbooks-entry-slot:hover .wordbooks-entry-meta li{flex-wrap:wrap}.wordbooks-entry-slot:hover .wordbooks-entry-meaning,.vocabulary-list-slot:hover .vocabulary-list-item-meaning{-webkit-line-clamp:unset;line-clamp:unset;display:block;overflow:visible}}.catalog-list-skeleton{background:linear-gradient(90deg, var(--color-bg) 0%, var(--color-surface) 50%, var(--color-bg) 100%);background-size:200% 100%;min-height:0;animation:1.2s ease-in-out infinite wordbook-skeleton}.catalog-error{flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.catalog-error .form-error{flex-basis:100%;margin-bottom:0}.vocabulary-reading{margin-top:-.5rem;font-size:1.125rem}.wordbooks-manager{gap:1rem;display:grid}.wordbook-list-toolbar{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.wordbook-card-grid--skeleton{margin:0;padding:0;list-style:none}.wordbook-card-grid{grid-template-columns:repeat(auto-fill,minmax(17.5rem,1fr));gap:.75rem;display:grid}.wordbook-card{text-align:left;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);width:100%;color:inherit;cursor:pointer;padding:1.25rem;display:block;position:relative}.wordbook-card--system:hover,.wordbook-card-main:hover{border-color:var(--color-accent)}.wordbook-card--user{cursor:default;padding:1.25rem;position:relative}.wordbook-card-main{text-align:left;width:100%;color:inherit;cursor:pointer;background:0 0;border:0;padding:0 1.75rem 0 0;display:block}.wordbook-card-main:hover{text-decoration:none}.wordbook-card-title-row{flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:.5rem;display:flex}.wordbook-card h2{margin:0;font-size:1.125rem}.wordbook-card p{margin:0}.wordbook-card-badge{border-radius:var(--radius-pill);background:var(--color-bg);border:1px solid var(--color-border);color:var(--color-muted);margin-bottom:0;padding:.125rem .5rem;font-size:.75rem;font-weight:600;display:inline-block}.wordbook-card-count{font-size:.875rem;margin-top:0!important}.wordbook-card-menu{position:absolute;top:1rem;right:.75rem}.preset-folder{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-2);margin-top:1rem}.preset-folder-summary{cursor:pointer;align-items:center;gap:.75rem;width:100%;min-height:2.75rem;padding:.75rem 1rem;list-style:none;display:flex}.preset-folder-summary::-webkit-details-marker{display:none}.preset-folder-summary::marker{content:""}.preset-folder-chevron{border-right:.125rem solid var(--color-muted);border-bottom:.125rem solid var(--color-muted);flex:0 0 .5rem;width:.5rem;height:.5rem;transition:transform .15s;transform:rotate(-45deg)}.preset-folder[open] .preset-folder-chevron{transform:rotate(45deg)}.preset-folder-copy{flex:auto;gap:.125rem;min-width:0;display:grid}.preset-folder-title{font-weight:700}.preset-folder-meta{font-size:.875rem}.preset-folder-summary:hover{background:color-mix(in srgb, var(--color-accent) 6%, var(--color-surface-2))}.preset-folder-body{gap:1rem;padding:0 1rem 1rem;display:grid}.wordbook-preset-heading,.fc-preset-heading{color:var(--color-muted);margin:0 0 .5rem;font-size:.875rem;font-weight:600}.wordbook-preset-section,.fc-preset-section,.preset-check-section,.wordbook-exam-level-group{gap:.75rem;display:grid}.wordbook-exam-level-heading{margin:.25rem 0 0;font-size:.8125rem;font-weight:700}.preset-check-group{border:0;margin:0 0 1rem;padding:0}.preset-check-group legend{margin-bottom:.5rem;font-weight:600}.preset-check-group>p.muted{margin:0 0 .75rem}.preset-check-section+.preset-check-section{margin-top:1.5rem}.preset-check-section>.wordbook-preset-heading{margin:0}.preset-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}.preset-choice{flex-direction:column;justify-content:center;align-items:center;gap:.375rem;min-width:0;min-height:4.25rem;padding:.75rem .625rem;display:flex}.preset-choice-label{font-weight:600;line-height:1.3}.preset-choice-count{border-radius:var(--radius-pill);background:var(--color-surface-2);min-width:3.25rem;color:var(--color-muted);font-variant-numeric:tabular-nums;justify-content:center;align-items:center;padding:.125rem .5rem;font-size:.75rem;font-weight:600;line-height:1.4;display:inline-flex}.preset-choice.is-selected .preset-choice-count{background:var(--color-accent-soft-2);color:var(--color-accent-deep)}.preset-choice.is-locked{cursor:default}.preset-check-hint{margin:0;font-size:.8125rem}.wordbook-membership-section{list-style:none}.wordbook-detail-screen{gap:1rem;display:grid}.wordbook-detail-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;display:flex}.wordbook-detail-heading{flex:auto;align-items:center;gap:.625rem;display:flex}.wordbook-detail-heading h2{margin:0;font-size:1.25rem}.wordbook-detail-actions{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.overflow-menu{flex-shrink:0;position:relative}.overflow-menu-trigger{border-radius:var(--radius-sm);width:1.75rem;height:1.75rem;color:var(--color-muted);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.overflow-menu-icon{width:1rem;height:1rem;display:block}.overflow-menu-trigger:hover,.overflow-menu-trigger[aria-expanded=true]{color:var(--color-accent);background:var(--color-bg)}.overflow-menu-panel{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);z-index:10;min-width:11.25rem;transform:translateX(var(--viewport-shift-x,0px));padding:.375rem 0;position:absolute;top:calc(100% + .25rem);right:0;box-shadow:0 .5rem 1.5rem #00000014}.overflow-menu-item{width:100%;color:var(--color-text);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;padding:.625rem .875rem;font-size:.9375rem;display:block}.overflow-menu-item:hover,.overflow-menu-item:focus-visible{background:var(--color-bg);outline:none}.overflow-menu-item--danger{color:var(--color-incorrect)}.sort-select{position:relative}.sort-select-trigger{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);min-width:8.25rem;color:var(--color-text);font:inherit;white-space:nowrap;cursor:pointer;align-items:center;gap:.375rem;padding:.625rem .75rem;font-size:.9375rem;display:inline-flex}.sort-select-trigger:hover,.sort-select-trigger[aria-expanded=true]{border-color:var(--color-accent)}.sort-select-chevron{color:var(--color-muted);font-size:.75rem}.sort-select-list{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);z-index:10;min-width:100%;transform:translateX(var(--viewport-shift-x,0px));margin:0;padding:.375rem 0;list-style:none;position:absolute;top:calc(100% + .25rem);right:0;box-shadow:0 .5rem 1.5rem #00000014}.sort-select-option{width:100%;color:var(--color-text);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;padding:.625rem .875rem;font-size:.9375rem;display:block}.sort-select-option:hover,.sort-select-option.is-highlighted,.sort-select-option:focus-visible{background:var(--color-bg);outline:none}.sort-select-option.is-selected{color:var(--color-accent);font-weight:600}.wordbooks-skeleton-card{background:linear-gradient(90deg, var(--color-bg) 0%, var(--color-surface) 50%, var(--color-bg) 100%);background-size:200% 100%;min-height:0;animation:1.2s ease-in-out infinite wordbook-skeleton}@keyframes wordbook-skeleton{0%{background-position:200% 0}to{background-position:-200% 0}}.fc-app{max-width:32rem;margin:0 auto;padding-bottom:2rem}.fc-kicker{color:var(--color-accent);letter-spacing:.06em;text-transform:uppercase;margin:0 0 .375rem;font-size:.8125rem;font-weight:700}.fc-setup-header h1,.fc-summary h1{margin-bottom:.375rem}.fc-panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--fc-radius);box-shadow:var(--fc-shadow);margin-bottom:1rem;padding:1.25rem}.fc-panel h2{margin-bottom:.75rem;font-size:1rem}.fc-source-toggle{border-radius:var(--radius-md);background:var(--color-surface-2);grid-template-columns:1fr 1fr;gap:.25rem;margin-bottom:.75rem;padding:.25rem;display:grid}.fc-source-toggle button{border-radius:calc(var(--radius-md) - .125rem);min-height:2.5rem;color:var(--color-muted);font:inherit;cursor:pointer;background:0 0;border:0;padding:0 .75rem;font-weight:600}.fc-source-toggle button.is-selected{background:var(--color-surface);color:var(--color-text);box-shadow:var(--shadow-xs)}.fc-preset-sections{gap:1rem;display:grid}.fc-wordbook-list{gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.fc-wordbook-more{justify-self:start;margin-top:.5rem}.fc-wordbook-option{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg);width:100%;min-height:2.75rem;color:inherit;text-align:left;font:inherit;cursor:pointer;gap:.125rem;padding:.75rem .875rem;display:grid}.fc-wordbook-option.is-selected{border-color:var(--color-accent);background:color-mix(in srgb, var(--color-accent) 8%, var(--color-surface));box-shadow:inset .25rem 0 0 var(--color-accent)}.fc-wordbook-option:focus-visible,.fc-source-toggle button:focus-visible,.fc-direction-option:focus-visible,.fc-chip:focus-visible,.fc-count-value:has(.fc-count-input:focus-visible),.fc-count-slider:focus-visible,.fc-grade-btn:focus-visible,.fc-scene:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.fc-wordbook-option-name{font-weight:600}.fc-wordbook-option--skeleton{pointer-events:none;background:linear-gradient(90deg, var(--color-bg) 0%, var(--color-surface) 50%, var(--color-bg) 100%);background-size:200% 100%;min-height:3.5rem;animation:1.2s ease-in-out infinite wordbook-skeleton}.fc-selection-summary{margin:.75rem 0 0}.fc-direction{gap:.5rem;display:grid}.fc-direction-option{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg);min-height:2.75rem;color:inherit;font:inherit;text-align:left;cursor:pointer;gap:.375rem;padding:.875rem;display:grid}.fc-direction-option.is-selected{border-color:var(--color-accent);background:color-mix(in srgb, var(--color-accent) 8%, var(--color-surface))}.fc-direction-preview{color:var(--color-muted);align-items:center;gap:.5rem;font-size:.875rem;display:flex}.fc-count-presets{align-items:stretch;gap:.375rem;display:flex}.fc-chip{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg);min-width:0;min-height:2.75rem;color:inherit;font:inherit;cursor:pointer;flex:1 1 0;padding:0 .25rem;font-weight:600}.fc-chip.is-selected{border-color:var(--color-accent);background:color-mix(in srgb, var(--color-accent) 8%, var(--color-surface));color:var(--color-accent)}.fc-chip:disabled{opacity:.4;cursor:not-allowed}.fc-count-fine{align-items:center;gap:.75rem;margin-top:.75rem;display:flex}.fc-count-value{border-bottom:2px solid var(--color-text);min-height:2.75rem;color:var(--color-text);background:0 0;flex:none;align-items:baseline;gap:.2rem;padding:0 .625rem 0 .375rem;display:flex}.fc-count-value.is-custom{border-bottom-color:var(--color-accent);color:var(--color-accent)}.fc-count-value span{color:var(--color-muted);font-size:.875rem;font-weight:600}.fc-count-input{width:3.25rem;min-height:2.5rem;color:inherit;font:inherit;text-align:right;font-variant-numeric:tabular-nums;background:0 0;border:0;padding:0;font-size:1.25rem;font-weight:700}.fc-count-input:focus{outline:none}.fc-count-slider{-webkit-appearance:none;appearance:none;cursor:pointer;background:0 0;flex:auto;min-width:0;height:2.75rem;margin:0;padding:0}.fc-count-slider::-webkit-slider-runnable-track{border-radius:var(--radius-pill);background:var(--color-border);height:.375rem}.fc-count-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;border:2px solid var(--color-accent);background:var(--color-surface);border-radius:50%;width:1.25rem;height:1.25rem;margin-top:-.4375rem;box-shadow:0 .125rem .375rem #1a1a1a1f}.fc-count-slider::-moz-range-track{border-radius:var(--radius-pill);background:var(--color-border);height:.375rem}.fc-count-slider::-moz-range-thumb{border:2px solid var(--color-accent);background:var(--color-surface);border-radius:50%;width:1.25rem;height:1.25rem;box-shadow:0 .125rem .375rem #1a1a1a1f}.fc-setup-cta{background:linear-gradient(to top, var(--color-bg) 70%, transparent);padding:.75rem 0 0;position:sticky;bottom:0}.fc-start-btn{border-radius:.875rem;width:100%;min-height:2.75rem}.fc-progress{margin-bottom:1.25rem}.fc-progress-count{margin-bottom:.5rem;font-weight:600}.fc-progress-bar{border-radius:var(--radius-pill);background:var(--color-border);height:.5rem;overflow:hidden}.fc-progress-fill{border-radius:inherit;background:var(--color-accent);height:100%;transition:width .25s;display:block}.fc-scene{perspective:64rem;cursor:pointer;background:0 0;border:0;width:min(24rem,100%);height:min(24rem,60dvh);margin:0 auto 1.25rem;padding:0;display:block;container-type:inline-size}.fc-flip{width:100%;height:100%;transform-style:preserve-3d;transition:transform var(--fc-flip-duration) ease;position:relative}.fc-flip.is-flipped{transform:rotateY(180deg)}.fc-face{--fc-face-pad-x:1.25rem;padding:1.5rem var(--fc-face-pad-x) 2.25rem;border:1px solid var(--color-border);border-radius:var(--fc-radius);background:var(--color-surface);box-shadow:var(--fc-shadow);backface-visibility:hidden;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.fc-face--back{transform:rotateY(180deg)}.fc-prompt{white-space:nowrap;max-width:100%;margin:0;font-size:clamp(4rem,16.5vw,7rem);font-weight:700;line-height:1.1}@supports (font-size:1cqi){.fc-prompt{font-size:min(7rem, 16.5vw, calc((100cqi - 2 * var(--fc-face-pad-x,1.25rem)) * .95 / var(--fc-prompt-len,1)))}}.fc-prompt .kanji-trigger,.fc-back-prompt .kanji-trigger{font:inherit}.fc-face--back:has(.kanji-popover){z-index:2;overflow:visible}.fc-flip:has(.kanji-popover){overflow:visible}.fc-back-prompt{color:var(--color-muted);margin:0 0 .75rem;font-size:2rem;font-weight:700;line-height:1.2}.fc-answer{text-align:center}.fc-answer-naming{margin:0 0 .5rem;font-size:1.5rem;font-weight:700}.fc-answer-readings{color:var(--color-reading-accent);margin:0 0 .75rem;font-size:1rem}.fc-answer-meanings{margin:0;font-size:1.125rem}.fc-badge{letter-spacing:.06em;background:0 0;border:0;padding:0;font-size:.6875rem;font-weight:500;line-height:1;position:absolute;top:.7rem;right:.85rem}.fc-badge--due{color:var(--color-accent)}.fc-badge--new{font-family:var(--font-serif);letter-spacing:.01em;color:var(--color-reading-accent);font-size:.875rem;font-style:italic;font-weight:500}.fc-badge--ahead{color:var(--color-muted)}.fc-pos{border-radius:var(--radius-pill);background:var(--color-bg);margin-top:.5rem;padding:.25rem .625rem;font-size:.8125rem}.fc-face-hint{position:absolute;bottom:.875rem}.fc-grade{grid-template-columns:1fr 1fr;align-items:center;gap:.75rem;min-height:3rem;display:grid}.fc-grade-btn{min-height:2.75rem;font:inherit;cursor:pointer;border:0;border-radius:.875rem;justify-content:center;align-items:center;font-weight:700;display:inline-flex}.fc-know-icon{width:1.375rem;height:1.375rem;display:block}.fc-grade-btn--know{background:var(--fc-know);color:#fff}.fc-grade-btn--miss{background:var(--fc-miss);color:#fff}.fc-enter{animation:.18s fc-enter}@keyframes fc-enter{0%{opacity:0;transform:translateY(.75rem)}to{opacity:1;transform:translateY(0)}}.fc-ring-wrap{width:10rem;height:10rem;margin:0 auto 1.5rem;position:relative}.fc-ring{width:100%;height:100%;transform:rotate(-90deg)}.fc-ring-bg,.fc-ring-fg{fill:none;stroke-width:10px}.fc-ring-bg{stroke:var(--color-border)}.fc-ring-fg{stroke:var(--color-accent);stroke-linecap:round}.fc-ring-label{text-align:center;place-content:center;margin:0;display:grid;position:absolute;inset:0}.fc-ring-label strong{font-size:1.75rem;line-height:1.1}.fc-stat-tiles{grid-template-columns:repeat(3,1fr);gap:.75rem;margin:0 0 1.25rem;padding:0;list-style:none;display:grid}.fc-stat-tiles li{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);text-align:center;gap:.125rem;padding:.875rem .5rem;display:grid}.fc-stat-tiles strong{font-size:1.25rem}.fc-retry-list{margin-bottom:1.25rem}.fc-retry-list ul{margin:.75rem 0 0;padding-left:1.25rem}.fc-summary-cta{gap:.75rem;display:grid}.admin-body{background:#f4f4f5}.admin-app{width:100%;min-height:100dvh;display:flex}.admin-mobilebar{display:none}.admin-sidebar{color:#fafafa;background:#18181b;flex-direction:column;flex:0 0 16rem;width:16rem;padding:1rem .75rem;display:flex}.admin-sidebar-head{justify-content:space-between;align-items:center;gap:.5rem;padding:.25rem .5rem 1rem;display:flex}.admin-brand{color:#fafafa;align-items:center;gap:.625rem;text-decoration:none;display:inline-flex}.admin-brand:hover{color:#fafafa;text-decoration:none}.admin-brand strong{line-height:1.2;display:block}.admin-brand-sub,.admin-brand-text{color:#a1a1aa;font-size:.75rem;font-weight:500;display:block}.admin-sidebar-close{display:none}.admin-nav{flex-direction:column;flex:1;gap:.25rem;display:flex}.admin-nav-label{color:#71717a;letter-spacing:.04em;text-transform:uppercase;margin:.25rem .75rem .35rem;font-size:.75rem;font-weight:600}.admin-nav-item{border-radius:var(--radius-md);color:#d4d4d8;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:.625rem;margin:0;padding:.5rem .75rem;font-size:.9375rem;text-decoration:none;display:flex}.admin-nav-item:hover{color:#fafafa;background:#27272a;text-decoration:none}.admin-nav-item.is-active{color:#fafafa;background:#27272a}.admin-nav-item.is-disabled{cursor:default;opacity:.55}.admin-nav-item.is-disabled:hover{color:#d4d4d8;background:0 0}.admin-nav-item--button{width:100%}.admin-nav-soon{color:#a1a1aa;margin-left:auto;font-size:.6875rem}.admin-nav-icon{flex:0 0 1.125rem;width:1.125rem;height:1.125rem}.admin-sidebar-foot{border-top:1px solid #27272a;gap:.25rem;padding-top:.75rem;display:grid}.admin-sidebar-email{color:#a1a1aa;overflow-wrap:anywhere;margin:0 .75rem .35rem;font-size:.75rem}.admin-content{flex-direction:column;flex:1;min-width:0;display:flex}.admin-topbar{background:#fff;border-bottom:1px solid #e4e4e7;align-items:center;min-height:3.5rem;padding:.75rem 1.5rem;display:flex}.admin-topbar-title{margin:0;font-size:1.125rem}.admin-main{flex:1;padding:1.25rem 1.5rem 2.5rem}.admin-page{max-width:64rem}.admin-exam-grid{gap:1rem;display:grid}.admin-exam-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:.75rem;margin-bottom:.75rem;display:flex}.admin-exam-title{margin:0 0 .25rem;font-size:1.125rem}.admin-exam-actions{flex-wrap:wrap;gap:.75rem;margin:0 0 1rem;display:flex}.admin-exam-title-form{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.admin-exam-title-form .text-input{flex:12rem;margin-bottom:0}.admin-exam-instruction{margin:.5rem 0 0;font-size:1rem;line-height:1.6}.admin-exam-question-list{margin:.75rem 0 0;padding-left:1.25rem}.admin-slot-table{width:100%;margin-top:.75rem}.admin-slot-picker{position:relative}.admin-slot-word{flex-direction:column;gap:.15rem;min-width:0;display:flex}.admin-slot-word-head{flex-wrap:wrap;align-items:baseline;gap:.4rem;display:flex}.admin-slot-word-meaning{text-overflow:ellipsis;white-space:nowrap;max-width:16rem;display:block;overflow:hidden}.admin-slot-word-actions{flex-wrap:wrap;gap:.35rem;margin-top:.35rem;display:flex}.admin-slot-search{z-index:5;border-radius:var(--radius-md);background:#fff;border:1px solid #e4e4e7;width:min(22rem,80vw);max-height:12rem;padding:.6rem;position:absolute;top:calc(100% + .25rem);left:0;overflow:auto;box-shadow:0 .5rem 1.25rem #0f172a1f}.admin-slot-hits{margin:.35rem 0 0;padding:0;list-style:none}.admin-slot-hit-row{grid-template-columns:1fr auto;align-items:center;gap:.25rem;display:grid}.admin-slot-hit{text-align:left;width:100%;font:inherit;cursor:pointer;background:0 0;border:0;gap:.15rem;padding:.4rem .35rem;display:grid}.admin-star-toggle{font:inherit;color:var(--color-accent,#b45309);cursor:pointer;background:0 0;border:0;padding:.25rem .4rem;line-height:1}.admin-slot-hit:hover{background:var(--color-bg,#f4f4f5)}.admin-slot-actions{text-align:right;white-space:nowrap}.admin-slot-actions .btn{margin-left:.35rem}.admin-exam-actions--head{justify-content:flex-end}.admin-exam-delete{margin-left:auto}.admin-badge{border-radius:var(--radius-pill);color:#3f3f46;background:#f4f4f5;align-items:center;padding:.15rem .45rem;font-size:.75rem;font-weight:600;display:inline-flex}.admin-badge--empty{color:#71717a;background:#f4f4f5}.admin-badge--word{color:#1d4ed8;background:#eff6ff}.admin-badge--exam{color:#6d28d9;background:#f5f3ff}.admin-badge--question{color:#15803d;background:#ecfdf3}.admin-badge--running{color:#c2410c;background:#fff7ed}.admin-part-badges{flex-wrap:wrap;gap:.35rem;margin-top:.4rem;display:flex}.admin-progress--part{max-width:12rem;margin:.4rem 0 0}.admin-job-meta{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.admin-dialog{width:min(100%,48rem)}.admin-dialog-head{justify-content:space-between;align-items:flex-start;gap:.75rem;margin-bottom:1rem;display:flex}.admin-dialog-head h3{margin:0}.admin-question-preview{background:var(--color-bg,#f4f4f5);border-radius:var(--radius-md);gap:.35rem;padding:.75rem;display:grid}.admin-question-stem-preview{margin:0;font-size:1.125rem;line-height:2.2}.admin-question-preview .quiz-vocab-notes{gap:.25rem;margin:.25rem 0 0;padding:0;list-style:none;display:grid}.admin-vocab-note-row{grid-template-columns:minmax(5rem,1fr) minmax(5rem,1fr) minmax(6rem,1.4fr) auto auto;align-items:center;gap:.5rem;display:grid}.admin-ruby-note-row{grid-template-columns:minmax(5rem,1fr) minmax(5rem,1fr) auto}.admin-question-link{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.admin-progress{background:var(--color-border,#ddd);border-radius:var(--radius-pill);height:.5rem;margin:.35rem 0;overflow:hidden}.admin-progress span{background:var(--color-accent,#2563eb);height:100%;display:block}.admin-job-row{margin:0 0 1rem}.admin-count-field .text-input{width:4.5rem;margin-bottom:0}.admin-prompt-editor{min-height:8rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.875rem}.admin-question-form,.admin-prompt-form{gap:.75rem;display:grid}.admin-question-row{grid-template-columns:repeat(auto-fit,minmax(10rem,1fr));gap:.75rem;display:grid}.admin-question-option{border:1px solid var(--color-border,#ddd);gap:.5rem;margin:0;padding:.75rem;display:grid}.admin-prompt-log pre{white-space:pre-wrap;font-size:.8125rem}.admin-lede,.admin-breadcrumb{color:var(--color-muted);margin:0 0 1rem}.admin-detail-title{margin:0 0 1rem;font-size:1.25rem}.admin-search{flex-wrap:wrap;align-items:flex-start;gap:.75rem;margin:0 0 1rem;display:flex}.admin-search .text-input{background:#fff;flex:16rem;margin-bottom:0}.admin-status{justify-items:start;gap:.75rem;margin-bottom:1rem;display:grid}.admin-panel{border-radius:var(--radius-md);background:#fff;border:1px solid #e4e4e7;margin-bottom:1rem;padding:1rem 1.25rem}.admin-panel--flush{padding:0}.admin-panel h3{margin:0 0 .75rem;font-size:1rem}.admin-table-wrap{overflow-x:auto}.admin-panel:not(.admin-panel--flush)>.admin-table-wrap{margin-inline:-1.25rem}.admin-table{border-collapse:collapse;width:100%}.admin-table th,.admin-table td{text-align:left;vertical-align:top;border-bottom:1px solid #e4e4e7;padding:.75rem 1rem}.admin-table th{color:var(--color-muted);font-size:.75rem;font-weight:600}.admin-table tr:last-child td{border-bottom:0}.admin-cost-cards{grid-template-columns:repeat(auto-fit,minmax(10rem,1fr));gap:.75rem;margin-bottom:1rem;display:grid}.admin-cost-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);gap:.35rem;padding:.9rem 1rem;display:grid}.admin-cost-card span{color:var(--color-muted);font-size:.8125rem}.admin-cost-card strong{font-size:1.25rem}.admin-cost-bars{align-items:flex-end;gap:.2rem;height:8rem;display:flex}.admin-cost-bar{background:var(--color-accent);border-radius:.2rem .2rem 0 0;flex:1 1 0;min-width:.15rem}.admin-pager{align-items:center;gap:.75rem;margin-top:1rem;display:flex}.admin-meta{grid-template-columns:repeat(auto-fill,minmax(14rem,1fr));gap:1rem;margin:0;display:grid}.admin-meta dt{color:var(--color-muted);font-size:.875rem}.admin-meta dd{margin:.15rem 0 0}.admin-consent-list{margin:0;padding-left:1.25rem}.admin-consent-list li{flex-wrap:wrap;align-items:baseline;gap:.5rem;margin-bottom:.5rem;display:flex}.admin-danger{border:1px solid var(--color-incorrect);border-radius:var(--radius-md);background:#fff;padding:1rem 1.25rem}.admin-danger h3{margin-bottom:.5rem}.admin-icon-btn{border-radius:var(--radius-md);width:2.5rem;height:2.5rem;color:inherit;cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.admin-icon-btn svg{width:1.25rem;height:1.25rem}.admin-nav-backdrop{display:none}@media (width<=767px){.admin-app{flex-direction:column}.admin-mobilebar{color:#fafafa;background:#18181b;align-items:center;gap:.5rem;padding:.5rem .75rem;display:flex}.admin-sidebar{z-index:20;box-shadow:none;position:fixed;inset:0 auto 0 0;transform:translate(-100%)}.admin-sidebar.is-open{transform:none}.admin-sidebar-close{display:inline-flex}.admin-nav-backdrop{z-index:15;background:#18181b73;border:0;display:block;position:fixed;inset:0}.admin-topbar,.admin-main{padding-left:1rem;padding-right:1rem}}.gr-pattern-group+.gr-pattern-group{margin-top:1rem}.gr-pattern-head{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;gap:.75rem;padding:.5rem 0;display:flex}.gr-pattern-group[open]>summary{margin-bottom:.5rem}.gr-pattern-title{align-items:center;gap:.5rem;min-width:0;display:flex}.gr-pattern-caret{flex:none;width:.75rem;height:.75rem;transition:transform .15s;display:block}.gr-pattern-group[open] .gr-pattern-caret{transform:rotate(90deg)}.gr-pattern-head h3{margin:0;font-size:.9375rem}.gr-pattern-meta{font-size:.8125rem}.gr-pattern-group>summary{cursor:pointer;list-style:none}.gr-pattern-group>summary::-webkit-details-marker{display:none}.gr-pattern-chips{flex-wrap:wrap;gap:.5rem;display:flex}.gr-pattern-chips .fc-chip{white-space:nowrap;flex:none;align-items:center;gap:.35rem;min-width:0;padding:0 .75rem;display:inline-flex}.gr-due-count,.gr-chip-due{border-radius:var(--radius-pill);background:var(--color-accent-soft);min-width:1.25rem;color:var(--color-accent);justify-content:center;margin-left:.35rem;padding:0 .3rem;font-size:.75rem;font-weight:600;display:inline-flex}.gr-pattern-skeleton{gap:.5rem;display:grid}.gr-pattern-skeleton span{border-radius:var(--radius-md);background:var(--color-surface-2);height:2rem;animation:1.2s ease-in-out infinite wordbook-skeleton}.gr-example{margin-top:.75rem}.gr-example-ja,.gr-example-ko{margin:0}.gr-example-ja{font-size:1rem}.gr-answer{flex-direction:column;align-items:center;width:100%;margin-top:0;display:flex}.gr-answer-ko{max-width:100%;margin:0;font-size:1.75rem;font-weight:700;line-height:1.3}.gr-back-prompt ruby rt{font-size:.55em}.gr-breakdown{flex-wrap:wrap;justify-content:center;align-items:center;gap:.25rem .5rem;margin:1rem 0 0;font-size:.9375rem;display:flex}.gr-breakdown-part{display:inline}.gr-breakdown-sep{color:var(--color-accent);margin-right:.15em;font-size:1.125em;font-weight:600}.gr-chip{border:1px solid var(--color-border);color:var(--color-muted);vertical-align:middle;border-radius:62.5rem;padding:0 .4rem;font-size:.6875rem;line-height:1.4;display:inline-block}.gr-actions{flex-wrap:wrap;justify-content:center;gap:.5rem;margin-top:.75rem;display:flex}@media (prefers-reduced-motion:reduce){.fc-flip{transition:opacity .2s;transform:none}.fc-flip.is-flipped .fc-face--front{opacity:0}.fc-face--back{transform:none}.fc-enter{animation:none}}