@font-face{font-family:KanjiStrokeOrders;src:url(/fonts/KanjiStrokeOrders-kana.woff2) format("woff2");font-display:swap;font-weight:400;font-style:normal;unicode-range:u+3040-309f,u+30a0-30ff}:root{--primary:#C0522A;--primary-light:#E07848;--primary-dark:#8A3818;--primary-glow:rgba(192,82,42,0.18);--accent:#468357;--accent-text:#58A46D;--accent-glow:rgba(74,138,92,0.18);--pace-line:color-mix(in srgb,var(--primary-light) 45%,transparent);--warning-bright:#FCC419;--admin-accent:#FF922B;--track-english:#3B6FB5;--track-french:#A02840;--track-japanese:#B0483F;--track-chinese:#B0722F;--notice-bg:#FEF3C7;--notice-text:#92400E;--notice-border:#FDE68A;--speaker-1:#6C7CFF;--speaker-2:#E0729A;--danger:#C84040;--warning:#D4962A;--scrim:rgba(0,0,0,0.45);--bg-primary:#1A1410;--bg-secondary:#231C15;--bg-card:#2D2318;--bg-elevated:#382B1E;--border:rgba(255,215,170,0.08);--border-hover:rgba(192,82,42,0.35);--text-primary:#F4EDE4;--text-secondary:#C4A98E;--text-muted:#AF8E6C;--gnb-bg:rgba(26,20,16,0.90);--mobile-nav-bg:rgba(35,28,21,0.97);--card-shadow-hover:0 8px 32px rgba(0,0,0,0.5);--gnb-height:64px;--sidebar-width:240px;--content-max-width:1200px;--font-serif:var(--font-serif-kr,"Noto Serif KR"),"Noto Serif KR",serif;--radius-sm:8px;--radius-md:12px;--radius-lg:20px;--radius-full:9999px;--transition-fast:0.15s ease;--transition-smooth:0.3s cubic-bezier(0.4,0,0.2,1)}[data-theme=light]{--bg-primary:#F5EFE6;--bg-secondary:#EDE4D8;--bg-card:#FDFAF6;--bg-elevated:#E8DDD0;--border:rgba(100,65,30,0.10);--border-hover:rgba(192,82,42,0.40);--text-primary:#261A0E;--text-secondary:#6B5040;--text-muted:#7C6450;--primary-light:#B85A30;--accent:#3A6D49;--accent-text:#3A6D49;--gnb-bg:rgba(245,239,230,0.92);--mobile-nav-bg:rgba(237,228,216,0.98);--card-shadow-hover:0 8px 32px rgba(100,50,20,0.12)}*,:after,:before{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth}:root{--tone-1:#e8705f;--tone-2:#6fbf73;--tone-3:#6aa9e8;--tone-4:#b48ae8;--tone-0:#9a9a9a}[data-theme=light]{--tone-1:#c0392b;--tone-2:#2e7d32;--tone-3:#1565c0;--tone-4:#6a3fb5;--tone-0:#8a8a8a}.word-fit :is(rt,.rt-an).pinyin-tone--1,.word-token :is(rt,.rt-an).pinyin-tone--1,:is(rt,.rt-an).pinyin-tone--1{color:var(--tone-1)}.word-fit :is(rt,.rt-an).pinyin-tone--2,.word-token :is(rt,.rt-an).pinyin-tone--2,:is(rt,.rt-an).pinyin-tone--2{color:var(--tone-2)}.word-fit :is(rt,.rt-an).pinyin-tone--3,.word-token :is(rt,.rt-an).pinyin-tone--3,:is(rt,.rt-an).pinyin-tone--3{color:var(--tone-3)}.word-fit :is(rt,.rt-an).pinyin-tone--4,.word-token :is(rt,.rt-an).pinyin-tone--4,:is(rt,.rt-an).pinyin-tone--4{color:var(--tone-4)}.word-fit :is(rt,.rt-an).pinyin-tone--0,.word-token :is(rt,.rt-an).pinyin-tone--0,:is(rt,.rt-an).pinyin-tone--0{color:var(--tone-0)}:lang(zh){font-family:var(--font-noto-sc,"Noto Sans SC"),var(--font-noto-kr,"Noto Sans KR"),sans-serif}:lang(zh-Hant-TW),:lang(zh-TW){font-family:var(--font-noto-tc,"Noto Sans TC"),var(--font-noto-kr,"Noto Sans KR"),sans-serif}:lang(ja){font-family:var(--font-noto-jp,"Noto Sans JP"),var(--font-noto-kr,"Noto Sans KR"),sans-serif}.pdf-detail-pinyin,.pinyin-text,.word-token ruby[data-pinyin]>.rt-an,[lang^=zh]+.fr-example__ipa{font-family:var(--font-noto-sans,"Noto Sans"),sans-serif}body{font-family:var(--font-inter,"Inter"),var(--font-noto-kr,"Noto Sans KR"),var(--font-noto-jp,"Noto Sans JP"),sans-serif;background:var(--bg-primary);color:var(--text-primary);line-height:1.6;min-height:100vh;min-height:100dvh;-webkit-font-smoothing:antialiased;-moz-user-select:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}[contenteditable]:not([contenteditable=false]),input,textarea{-moz-user-select:text;user-select:text;-webkit-user-select:text}img{-webkit-user-drag:none}a{text-decoration:none;color:inherit}.u-row{display:flex;align-items:center}.u-row--gap-sm{gap:6px}.u-row--gap-md{gap:10px}.u-row--gap-lg{gap:16px}.u-row--between{justify-content:space-between}.u-row--wrap{flex-wrap:wrap}.u-col{display:flex;flex-direction:column}.u-col--gap-sm{gap:6px}.u-col--gap-md{gap:10px}.u-col--gap-lg{gap:16px}.u-mb-sm{margin-bottom:8px}.u-text-muted{color:var(--text-muted)}.u-text-sm{font-size:.82rem}.u-text-xs{font-size:.72rem}.u-text-bold{font-weight:600}.u-highlight-card{padding:16px 18px;background:var(--primary-glow);border:1px solid var(--primary);border-radius:var(--radius-md)}.u-highlight-card--warning{background:rgba(212,150,42,.1);border-color:var(--warning)}.u-highlight-card--accent{background:var(--accent-glow);border-color:var(--accent)}a:focus-visible{text-decoration:underline;text-underline-offset:3px}button{cursor:pointer;border:none;background:none;font:inherit;color:inherit}.gnb{position:fixed;top:0;left:0;right:0;height:var(--gnb-height);background:var(--gnb-bg);backdrop-filter:blur(20px) saturate(1.5);-webkit-backdrop-filter:blur(20px) saturate(1.5);border-bottom:1px solid var(--border);z-index:1000;justify-content:space-between;padding:0 24px}.gnb,.gnb__logo{display:flex;align-items:center}.gnb__logo{font-family:var(--font-serif);font-size:1.25rem;font-weight:700;background:linear-gradient(135deg,var(--primary-light),var(--accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;gap:8px}.gnb__logo-icon{font-size:1.5rem;-webkit-text-fill-color:initial}.gnb__nav{gap:4px;background:var(--bg-secondary);padding:4px}.gnb__link,.gnb__nav{display:flex;border-radius:var(--radius-full)}.gnb__link{align-items:center;gap:6px;padding:8px 18px;font-size:.875rem;font-weight:500;color:var(--text-secondary);transition:all var(--transition-smooth);position:relative;white-space:nowrap}.gnb__link:hover{color:var(--text-primary);background:var(--bg-elevated)}.gnb__link.active{color:white;background:var(--primary);box-shadow:0 2px 12px rgba(192,82,42,.35)}.gnb__link-icon{font-size:1.1rem}.gnb__actions{display:flex;align-items:center;gap:12px}.version-badge{position:relative;flex:0 0 auto}.version-badge__btn{display:flex;align-items:center;gap:5px;height:32px;padding:0 10px;border:1px solid var(--border);border-radius:var(--radius-full);background:var(--bg-elevated);color:var(--text-muted);font-size:.72rem;font-family:var(--font-mono,ui-monospace,monospace);cursor:pointer;white-space:nowrap}.version-badge__btn--stale{border-color:var(--warning);color:var(--warning)}.version-badge__sha{display:inline-block;min-width:7ch;text-align:left}.version-badge__panel{position:absolute;top:calc(100% + 6px);right:0;z-index:60;min-width:232px;padding:12px 14px;border:1px solid var(--border);border-radius:var(--radius-md,8px);background:var(--bg-card);box-shadow:0 8px 24px rgba(0,0,0,.28);font-size:.78rem;word-break:keep-all}.version-badge__warn{margin:0 0 8px;color:var(--warning);line-height:1.5}.version-badge__rows{display:grid;grid-template-columns:auto 1fr;grid-gap:4px 12px;gap:4px 12px;margin:0 0 10px}.version-badge__rows dt{color:var(--text-muted)}.version-badge__rows dd{margin:0;display:flex;align-items:center;gap:8px;color:var(--text-secondary);flex-wrap:wrap;overflow-wrap:anywhere}.version-badge__rows dd>span{white-space:nowrap}.version-badge__copy,.version-badge__reload{border:1px solid var(--border);border-radius:var(--radius-sm,4px);background:var(--bg-secondary);color:var(--text-secondary);font-size:.72rem;padding:2px 8px;cursor:pointer}.version-badge__reload{width:100%;padding:7px 0}.version-badge__reload--danger{margin-top:6px;border-color:var(--warning);color:var(--warning)}.version-badge__hint{margin:6px 0 0;color:var(--text-muted);font-size:.7rem;text-align:center}@media (max-width:1179px){.version-badge__sha{display:none}.version-badge__btn{padding:0 9px}}.gnb__profile-btn{width:44px;height:44px;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--primary),var(--accent));display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.875rem;color:white;transition:transform var(--transition-fast)}.gnb__profile-btn:hover{transform:scale(1.1)}:focus-visible{outline:2px solid var(--primary);outline-offset:2px}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--primary);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.skip-link{position:absolute;top:-100%;left:16px;background:var(--primary);color:#fff;padding:8px 16px;border-radius:var(--radius-md);font-size:.85rem;font-weight:600;z-index:9999;transition:top .2s;display:inline-flex;align-items:center;min-height:44px}.skip-link:focus{top:12px}.offline-notice{margin:0 0 12px;padding:8px 12px;border-left:3px solid var(--warning);border-radius:var(--radius-sm,4px);background:color-mix(in srgb,var(--warning) 12%,transparent);color:var(--text-secondary);font-size:.82rem}.offline-banner{position:fixed;top:var(--gnb-height);left:0;right:0;z-index:999;background:var(--warning);color:#fff;text-align:center;padding:8px 16px;font-size:.85rem;font-weight:600;animation:slideDown .3s ease-out}.app-layout{padding-top:var(--gnb-height);min-height:100vh;min-height:100dvh}.mobile-nav{display:none}.page-container{max-width:var(--content-max-width);margin:0 auto;padding:40px 24px;animation:pageEnter .3s ease-out}@keyframes pageEnter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.spinner-wrap{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:60px 0;color:var(--text-muted)}.spinner{width:32px;height:32px;border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.spinner-msg{font-size:.875rem}.btn{display:inline-flex;align-items:center;gap:6px;font-weight:600;border-radius:var(--radius-md);transition:transform var(--transition-fast),filter var(--transition-fast),box-shadow var(--transition-fast),background var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast);cursor:pointer;border:none}.btn:active:not(:disabled){transform:scale(.97)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--sm{padding:6px 14px;font-size:.8rem}.btn--md{padding:10px 20px;font-size:.9rem}.btn--lg{padding:12px 28px;font-size:1rem}.btn--primary{background:var(--primary);color:#fff;box-shadow:0 4px 15px var(--primary-glow)}.btn--primary:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-1px);box-shadow:0 6px 20px var(--primary-glow)}.btn--secondary{background:var(--bg-elevated);color:var(--text-primary);border:1px solid var(--border)}.btn--secondary:hover:not(:disabled){border-color:var(--border-hover);transform:translateY(-1px)}.btn--danger{background:var(--danger);color:#fff}.btn--danger:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-1px)}.btn--ghost{background:transparent;color:var(--text-secondary)}.btn--ghost:hover:not(:disabled){color:var(--text-primary);background:var(--bg-elevated);transform:translateY(-1px)}.page-header{margin-bottom:40px}.page-header__title{font-family:var(--font-serif);letter-spacing:-.01em;word-break:keep-all;font-size:2.05rem;font-weight:700;margin-bottom:8px;background:linear-gradient(135deg,var(--text-primary),var(--text-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.page-header__subtitle{color:var(--text-secondary);font-size:1rem}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px;transition:all var(--transition-smooth);box-shadow:0 1px 3px rgba(0,0,0,.06)}.card:hover{border-color:var(--border-hover)}.page-header--row{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;flex-wrap:wrap}.filter-row{display:flex;gap:15px;margin-bottom:32px;align-items:center;flex-wrap:wrap}.search-wrap{flex:1 1;position:relative;min-width:280px}.search-wrap__icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--text-muted)}.search-wrap__input{width:100%;padding:12px 12px 12px 42px;border-radius:var(--radius-md);background:var(--bg-elevated);border:1px solid var(--border);color:var(--text-primary);outline:none;font-size:.95rem;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.search-wrap__input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow)}.tab-pills{display:flex;gap:4px;background:var(--bg-secondary);padding:4px}.tab-pills,.tab-pills__item{border-radius:var(--radius-full)}.tab-pills__item{padding:10px 24px;font-size:.9rem;font-weight:600;color:var(--text-secondary);transition:all var(--transition-fast);background:transparent}.tab-pills__item:not(.tab-pills__item--primary):not(.tab-pills__item--accent):hover{color:var(--text-primary);background:var(--bg-elevated)}.tab-pills__item--primary{background:var(--primary);color:#fff}.tab-pills__item--accent{background:var(--accent);color:#fff}.card--clickable{cursor:pointer;display:flex;flex-direction:column;position:relative;justify-content:space-between;min-height:180px}.card__row{display:flex;align-items:center}.card__row--between{justify-content:space-between;margin-bottom:12px}.card__row--gap{gap:8px}.card__flag{font-size:1.4rem}.card__title{font-size:1.1rem;font-weight:700;margin-bottom:8px;transition:color .15s ease;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card--clickable:hover .card__title{color:var(--primary-light)}.card__footer{font-size:.78rem;color:var(--text-muted);margin-top:auto;padding-top:12px;border-top:1px solid var(--border);display:flex;justify-content:space-between}.tag{font-size:.7rem;font-weight:700;background:var(--bg-secondary);padding:2px 8px;border-radius:4px;border:1px solid var(--border)}.scrim{position:fixed;inset:0;background:var(--scrim);display:flex;align-items:center;justify-content:center;padding:16px}.scrim--bottom{align-items:flex-end;padding:0}.tag--due{background:color-mix(in srgb,var(--warning) 15%,transparent);color:var(--warning);font-weight:700}.fr-media__frame{aspect-ratio:16/9;border-radius:10px;background:#000}.fr-media__frame,.worldmap-viewport{position:relative;width:100%;overflow:hidden}.worldmap-viewport{height:min(68vh,640px);min-height:320px;border-radius:8px;border:1px solid var(--border);touch-action:none;background:#0b0d08}.badge--stage-new{background:color-mix(in srgb,var(--text-muted) 15%,transparent);color:var(--text-muted)}.badge--stage-early{background:color-mix(in srgb,var(--danger) 15%,transparent);color:var(--danger)}.badge--stage-learning{background:color-mix(in srgb,var(--warning) 15%,transparent);color:var(--warning)}.badge--stage-mastered{background:color-mix(in srgb,var(--accent) 15%,transparent);color:var(--accent)}.quiz-opt{padding:12px 16px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);text-align:left;cursor:pointer;font-size:.92rem;color:var(--text-primary);transition:background .2s,border-color .2s}.quiz-opt--right{background:color-mix(in srgb,var(--accent) 25%,transparent);border-color:var(--accent)}.quiz-opt--wrong{background:color-mix(in srgb,var(--danger) 20%,transparent)}.quiz-opt--done{cursor:default}.empty-state{padding:60px 24px;text-align:center;background:linear-gradient(180deg,var(--bg-secondary) 0,var(--bg-card) 100%);border-radius:var(--radius-lg);border:1px dashed var(--border);display:flex;flex-direction:column;align-items:center}.empty-state__icon{font-size:2.8rem;margin-bottom:16px;filter:grayscale(.2);animation:emptyBounce 2s ease-in-out infinite}@keyframes emptyBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.empty-state__msg{color:var(--text-secondary);margin-bottom:12px;font-size:.95rem;font-weight:600}.empty-state__link{color:var(--primary-light);font-weight:600;text-decoration:underline;cursor:pointer;background:none;border:none;font-size:inherit}.empty-state__sub{font-size:.85rem;color:var(--text-muted);margin-bottom:12px;line-height:1.5}.btn--loading{position:relative;color:transparent!important;pointer-events:none}.btn--loading:after{content:"";position:absolute;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:btnSpin .6s linear infinite}@keyframes btnSpin{to{transform:rotate(1turn)}}.form-input:disabled,.form-textarea:disabled{opacity:.5;cursor:not-allowed;background:var(--bg-primary)}@keyframes skeletonPulse{0%{opacity:.6}50%{opacity:.3}to{opacity:.6}}.skeleton{background:var(--bg-secondary);border-radius:var(--radius-sm);animation:skeletonPulse 1.5s ease-in-out infinite}.skeleton--card{border-radius:var(--radius-lg);border:1px solid var(--border);padding:20px}.skeleton-line{height:12px;background:var(--bg-secondary);border-radius:6px;animation:skeletonPulse 1.5s ease-in-out infinite}.skeleton-line--title{height:18px;width:40%;margin-bottom:14px}.skeleton-line--text{width:80%;margin-bottom:10px}.skeleton-line--short{width:50%;margin-bottom:10px}.skeleton-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));grid-gap:16px;gap:16px}.vocab-list{display:flex;flex-direction:column;gap:8px}.vocab-row{display:grid;grid-template-columns:52px 30px 150px minmax(0,1fr) auto;grid-template-areas:"pos tts word meaning right" ".   .   reading ex      ex";align-items:baseline;grid-column-gap:12px;column-gap:12px;grid-row-gap:2px;row-gap:2px;padding:11px 16px}.vocab-row--sel{grid-template-columns:26px 52px 30px 150px minmax(0,1fr) auto;grid-template-areas:"check pos tts word meaning right" "check .   .   reading ex      ex"}.vocab-row__check{grid-area:check;align-self:center;display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:4px;border:2px solid var(--border);color:#fff;font-size:.8rem}.vocab-row__pos{grid-area:pos;align-self:baseline;justify-self:start;max-width:100%;font-size:.66rem;font-weight:700;color:var(--text-muted);background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-full);padding:1px 7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vocab-row__pos--empty{background:transparent;border-color:transparent;padding:0}.vocab-row__tts{grid-area:tts;align-self:center;width:30px;height:30px;border-radius:var(--radius-sm);background:transparent;border:1px solid var(--border);color:var(--text-muted);font-size:.78rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:color .12s,border-color .12s}.vocab-row__tts:hover{border-color:var(--primary);color:var(--primary-light)}.vocab-row__tts--empty{border-color:transparent;pointer-events:none}.vocab-row__word{grid-area:word;align-self:baseline;font-size:1.3rem;font-weight:800;margin:0;line-height:1.2;word-break:break-word;-webkit-text-fill-color:transparent}.vocab-row__word,.vocab-row__word-button{background:linear-gradient(135deg,var(--text-primary) 60%,var(--primary-light));-webkit-background-clip:text;background-clip:text}.vocab-row__word-button{display:block;width:100%;text-align:left;font:inherit;color:inherit;-webkit-text-fill-color:transparent}.vocab-row__reading{grid-area:reading;font-size:.78rem;color:var(--text-muted);letter-spacing:.02em}.vocab-row__meaning,.vocab-row__reading{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vocab-row__meaning{grid-area:meaning;align-self:baseline;margin:0;font-size:.95rem;color:var(--text-primary);line-height:1.4}.vocab-row__sub{grid-area:ex;min-width:0;display:flex;flex-direction:column;gap:4px}.vocab-row__note{margin:0;font-size:.78rem;color:#51A85C;line-height:1.5;overflow-wrap:anywhere}.vocab-row__note strong{font-weight:700}.vocab-row__ex{min-width:0;margin:0;font-size:.92rem;font-weight:500;color:var(--text-primary);line-height:1.6;word-break:normal;overflow-wrap:anywhere;padding:6px 0 6px 10px;border-left:2px solid var(--primary-glow)}.vocab-row__right{grid-area:right;align-self:center;display:flex;align-items:center;gap:4px}.vocab-row__dot{width:9px;height:9px;border-radius:50%}.vocab-row__due{font-size:.68rem;font-weight:700;color:var(--warning);background:color-mix(in srgb,var(--warning-bright) 16%,transparent);padding:2px 8px;border-radius:var(--radius-full);white-space:nowrap}.grammar-detail__toggle{width:100%;margin-top:10px}.grammar-detail{margin-top:10px;border-top:1px solid var(--border);padding-top:10px}.grammar-detail__loading{font-size:.82rem;color:var(--text-muted)}.grammar-detail__ref{display:inline-block;margin-top:8px;font-size:.8rem;color:var(--primary-light);text-decoration:none}.grammar-detail__ref:hover{text-decoration:underline}.grammar-detail__save{margin-top:8px}.grammar-detail__ask{display:flex;gap:6px;margin-top:10px}.grammar-detail__ask .form-input{flex:1 1;min-width:0;font-size:.82rem}.pdf-detail-pinyin{color:var(--text-muted);font-size:.85em}.vocab-row__level{font-size:.62rem;font-weight:700;color:var(--primary-light);background:var(--primary-glow);padding:2px 7px;border-radius:var(--radius-full);white-space:nowrap}.vocab-row__act{width:28px;height:28px;border-radius:var(--radius-sm);background:transparent;border:1px solid transparent;color:var(--text-muted);font-size:.82rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:color .12s,border-color .12s}.vocab-row__act:hover{border-color:var(--primary-light);color:var(--primary-light)}.vocab-row__act--danger:hover{border-color:var(--danger);color:var(--danger)}@media (max-width:560px){.vocab-row{grid-template-columns:38px 28px 92px minmax(0,1fr) auto;column-gap:9px;padding:10px 12px}.vocab-row--sel{grid-template-columns:24px 38px 28px 92px minmax(0,1fr) auto}.vocab-row__pos{font-size:.66rem}.vocab-row__tts{width:28px;height:28px}.vocab-row__word{font-size:1.12rem}.vocab-row__dot{display:none}}.vocab-detail-overlay{position:fixed;inset:0;z-index:1000;background:var(--scrim);display:flex;align-items:center;justify-content:center;padding:20px;animation:celebOverlayIn .2s ease}.vocab-detail-card{background:var(--bg-primary);border-radius:16px;padding:28px 24px;max-width:420px;width:100%;max-height:85vh;overflow-y:auto;position:relative;animation:celebModalIn .25s ease}.vocab-detail-card__close{position:absolute;top:12px;right:14px;width:28px;height:28px;border-radius:50%;border:none;background:var(--bg-secondary);color:var(--text-muted);font-size:.85rem;cursor:pointer;display:flex;align-items:center;justify-content:center}.vocab-detail-card__header{text-align:center;margin-bottom:20px}.vocab-detail-card__furigana{font-size:.8rem;color:var(--text-muted)}.vocab-detail-card__word{font-size:1.8rem;font-weight:700;margin:4px 0 8px;gap:8px}.vocab-detail-card__tts,.vocab-detail-card__word{display:flex;align-items:center;justify-content:center}.vocab-detail-card__tts{background:none;border:1px solid var(--border);border-radius:var(--radius-sm);width:28px;height:28px;font-size:.85rem;cursor:pointer}.vocab-detail-card__meaning{color:var(--text-secondary);font-size:.95rem;margin-bottom:10px}.vocab-detail-card__badges{display:flex;gap:6px;justify-content:center}.vocab-detail-card__stats{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:8px;gap:8px;margin-bottom:20px}.vocab-detail-stat{text-align:center;padding:10px 4px;background:var(--bg-secondary);border-radius:10px}.vocab-detail-stat__icon{font-size:1.1rem;display:block;margin-bottom:4px}.vocab-detail-stat__value{font-size:.95rem;font-weight:700;color:var(--text-primary);display:block}.vocab-detail-stat__label{font-size:.65rem;color:var(--text-muted);display:block;margin-top:2px}.vocab-detail-card__section-title{font-size:.82rem;font-weight:600;color:var(--text-secondary);margin-bottom:10px}.vocab-detail-card__timeline{margin-bottom:20px}.vocab-detail-timeline{position:relative;padding-left:18px;display:flex;flex-direction:column;gap:12px}.vocab-detail-timeline:before{content:"";position:absolute;left:4px;top:6px;bottom:6px;width:2px;background:var(--border);border-radius:1px}.vocab-detail-timeline__item{display:flex;align-items:center;gap:10px;position:relative}.vocab-detail-timeline__dot{position:absolute;left:-18px;width:10px;height:10px;border-radius:50%;flex-shrink:0;border:2px solid var(--bg-primary);box-shadow:0 0 0 2px var(--border)}.vocab-detail-timeline__date{font-size:.75rem;color:var(--text-muted);min-width:72px}.vocab-detail-timeline__event{font-size:.8rem;font-weight:500;color:var(--text-primary)}.vocab-detail-card__growth{margin-bottom:4px}.vocab-detail-growth-bar{display:flex;align-items:center;gap:8px;margin-bottom:8px}.vocab-detail-growth-bar__label{font-size:.75rem;color:var(--text-muted);min-width:56px}.vocab-detail-growth-bar__track{flex:1 1;height:6px;background:var(--bg-secondary);border-radius:3px;overflow:hidden}.vocab-detail-growth-bar__fill{height:100%;border-radius:3px;transition:width .4s ease}.vocab-detail-growth-bar__pct{font-size:.75rem;font-weight:600;color:var(--text-primary);min-width:36px;text-align:right}@media (max-width:480px){.vocab-detail-card__stats{grid-template-columns:repeat(2,1fr)}}body.is-review-session .mobile-nav{display:none}body.is-review-session .page-container{padding-top:8px}.review-topbar{display:flex;align-items:center;gap:12px;margin-bottom:14px}.review-topbar__exit{display:inline-flex;align-items:center;gap:4px;min-height:44px;padding:0 4px;background:none;border:none;cursor:pointer;color:var(--text-muted);font-size:.85rem;font-weight:600}.review-topbar__exit:hover{color:var(--text-primary)}.review-topbar__track{flex:1 1;height:3px;border-radius:2px;background:var(--bg-elevated);overflow:hidden}.review-topbar__fill{height:100%;background:var(--accent);transition:width .25s ease}.review-topbar__count{flex-shrink:0;font-size:.8rem;font-weight:700;color:var(--text-secondary);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.review-card{min-height:400px;display:flex;flex-direction:column;padding:clamp(20px,6vw,40px);text-align:center}.review-card--center{align-items:center;justify-content:center;min-height:0;padding:60px;background:linear-gradient(180deg,var(--bg-card) 0,color-mix(in srgb,var(--accent) 5%,var(--bg-card)) 100%)}.review-card__emoji{font-size:3rem;margin-bottom:20px}.review-card__progress--tools{justify-content:flex-end}.review-card__progress{margin-bottom:20px;color:var(--text-muted);font-size:.9rem;display:flex;justify-content:space-between;align-items:center}.review-card__body{flex:1 1;display:flex;flex-direction:column;justify-content:center;gap:15px}.review-card__word{font-size:clamp(1.9rem,8.5vw,3.5rem);line-height:1.15;overflow-wrap:anywhere;font-weight:800;margin:0;background:linear-gradient(135deg,var(--text-primary),var(--primary-light));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.review-card__furigana{font-size:1.5rem;color:var(--primary-light)}.review-card__answer{margin-top:30px;animation:fadeIn .3s}.review-card__meaning{font-size:1.4rem;margin-bottom:16px}.review-card__source{font-size:.85rem;color:var(--text-muted);line-height:1.8;margin-bottom:28px;padding:10px 14px;background:var(--bg-secondary);border-radius:var(--radius-sm);border-left:2px solid var(--border)}.review-card__highlight{background:transparent;color:var(--primary-light);font-weight:700;text-decoration:underline;-webkit-text-decoration-style:dotted;text-decoration-style:dotted;text-underline-offset:3px}.review-skip-btn{background:none;border:none;color:var(--text-muted);font-size:.8rem;cursor:pointer;padding:2px 6px;border-radius:var(--radius-sm);transition:color var(--transition-fast)}.review-skip-btn:hover{color:var(--text-secondary)}.review-score-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:10px;gap:10px}.review-score-btn{min-width:0;padding:12px;border-radius:8px;font-weight:600;color:#fff;border:none;cursor:pointer}.review-score-btn--again{background:linear-gradient(135deg,#ff6b6b,#ee5a5a)}.review-score-btn--hard{background:linear-gradient(135deg,var(--warning-bright),#f0b400)}.review-score-btn--good{background:linear-gradient(135deg,#51cf66,#40c057)}.review-score-btn--easy{background:linear-gradient(135deg,#339af0,#228be6)}.review-score-btn:active{transform:scale(.95)}.review-score-btn:hover{filter:brightness(1.1);transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.15)}.forecast-chart{display:flex;align-items:stretch;justify-content:space-between;height:150px;gap:12px;padding:0 10px}.forecast-col{flex:1 1;display:flex;flex-direction:column;align-items:center;gap:4px}.forecast-bar-area{flex:1 1;width:100%;display:flex;align-items:flex-end}.forecast-bar{width:100%;border-radius:4px 4px 0 0;transition:height .5s ease}.forecast-label{font-size:.7rem;color:var(--text-muted)}.forecast-count{font-size:.75rem;font-weight:700}.feature-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:20px;gap:20px}.badge,.mat-pin{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:var(--radius-full);font-size:.75rem;font-weight:600}.mat-pin{min-height:28px;border:1px solid var(--border);background:var(--bg-secondary);color:var(--text-secondary);cursor:pointer;white-space:nowrap;transition:border-color var(--transition-fast),background var(--transition-fast),color var(--transition-fast)}.mat-pin:hover:not(:disabled){border-color:var(--primary);color:var(--primary-light)}.mat-pin:disabled{opacity:.6;cursor:default}.mat-pin--on{background:color-mix(in srgb,var(--accent) 15%,transparent);border-color:color-mix(in srgb,var(--accent) 40%,transparent);color:var(--accent-text)}.badge--coming-soon{background:var(--primary-glow);color:var(--primary-light)}.materials-page .filter-row{margin-bottom:16px}.materials-page .materials-filters{margin-bottom:14px}.materials-page .empty-state{background:none;border:none;padding:40px 0}.mat-card{min-height:0;gap:8px;justify-content:flex-start}.mat-card__head{display:flex;align-items:flex-start;gap:8px}.mat-card__head .card__title{flex:1 1;min-width:0;margin-bottom:0}.mat-card__meta{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;font-size:.78rem;color:var(--text-muted);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.mat-card__fit{margin:0;font-size:.78rem;color:var(--text-muted)}.mat-card__fit-good{color:var(--accent-text);font-weight:600}.mat-state{font-size:.75rem;font-weight:600;color:var(--text-muted);white-space:nowrap}.mat-state--done{color:var(--accent-text)}.mat-state--busy,.mat-state--progress{color:var(--primary-light)}.mat-state--danger{color:var(--danger)}.tag--group{background:color-mix(in srgb,var(--primary) 14%,transparent);color:var(--primary-light)}.tag--group,.tag--score{border-color:transparent}.tag--score{background:color-mix(in srgb,var(--warning) 12%,transparent);color:var(--warning)}.mat-menu{position:relative;flex:none}.mat-menu>summary{list-style:none}.mat-menu>summary::-webkit-details-marker{display:none}.mat-menu__btn{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;margin:-10px -12px -10px 0;border-radius:var(--radius-full);color:var(--text-muted);font-size:1.1rem;line-height:1;cursor:pointer}.mat-menu[open]>.mat-menu__btn,.mat-menu__btn:hover{color:var(--text-primary);background:var(--bg-secondary)}.mat-menu__btn:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.mat-menu__list{position:absolute;right:0;top:calc(100% - 6px);z-index:5;min-width:168px;padding:6px;display:flex;flex-direction:column;gap:2px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:0 8px 24px color-mix(in srgb,var(--text-primary) 14%,transparent)}.mat-menu__item{display:flex;align-items:center;min-height:40px;padding:0 12px;border:none;border-radius:var(--radius-sm);background:none;color:var(--text-primary);font-size:.85rem;text-align:left;cursor:pointer}.mat-menu__item:hover:not(:disabled){background:var(--bg-secondary)}.mat-menu__item:disabled{opacity:.6;cursor:default}.mat-menu__item--danger{color:var(--danger)}.mat-menu__list .mat-pin{justify-content:flex-start;min-height:40px;padding:0 12px;border:none;border-radius:var(--radius-sm);background:none;font-size:.85rem;font-weight:500}.mat-menu__list .mat-pin:hover:not(:disabled){background:var(--bg-secondary)}.add-entries,.add-page .page-header{margin-bottom:16px}.add-entries__chips{display:flex;flex-wrap:wrap;gap:8px}.add-entries__chips .chip{min-height:44px;padding:8px 16px;display:inline-flex;align-items:center}.add-entries__chips .chip:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.add-entry__body{margin-top:14px;padding-top:14px;border-top:1px solid var(--border)}.add-entry__desc{font-size:.8rem;color:var(--text-muted);margin:0 0 12px;line-height:1.5}.add-page .form-row{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.add-form{max-width:800px;margin:0 auto}.form-field{margin-bottom:20px}.form-label{display:block;font-size:.85rem;color:var(--text-secondary);margin-bottom:8px}.form-input{width:100%;padding:14px;border-radius:var(--radius-md);background:var(--bg-secondary);border:1px solid var(--border);color:var(--text-primary);outline:none;font-size:1rem;transition:border-color var(--transition-fast)}.form-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow)}.form-textarea{width:100%;height:240px;padding:16px;border-radius:var(--radius-md);background:var(--bg-secondary);border:1px solid var(--border);color:var(--text-primary);outline:none;resize:vertical;line-height:1.6;font-size:1rem;font-family:inherit;transition:border-color var(--transition-fast)}.form-textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow)}.form-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:20px;gap:20px;margin-bottom:20px}.toggle-group{display:flex;gap:10px}.toggle-btn{flex:1 1;padding:10px;border-radius:var(--radius-md);background:var(--bg-secondary);color:var(--text-secondary);border:1px solid var(--border);font-size:.9rem;cursor:pointer;transition:all var(--transition-fast)}.toggle-btn--primary{background:var(--primary);color:#fff;border-color:var(--primary)}.toggle-btn--accent{background:var(--accent);color:#fff;border-color:var(--accent)}.level-group{display:flex;flex-wrap:wrap;gap:8px}.level-btn{padding:8px 16px;border-radius:var(--radius-full);background:var(--bg-secondary);color:var(--text-secondary);border:1px solid var(--border);font-size:.85rem;cursor:pointer;transition:all var(--transition-fast)}.level-btn--active{background:var(--accent);color:#fff;border-color:var(--accent)}.progress-wrap{margin-bottom:24px}.progress-wrap__header{display:flex;justify-content:space-between;font-size:.85rem;margin-bottom:8px}.progress-wrap__status{color:var(--primary-light)}.progress-bar{width:100%;height:6px;background:var(--bg-secondary);border-radius:10px;overflow:hidden}.progress-bar__fill{height:100%;background:linear-gradient(90deg,var(--primary),var(--accent),var(--primary));background-size:200% 100%;border-radius:10px;transition:width .4s ease;animation:progressShimmer 1.5s ease infinite}@keyframes progressShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.progress-bar__fill--done{background:var(--accent);animation:none}.error-banner{padding:14px;background:rgba(255,107,107,.1);border:1px solid rgba(255,107,107,.3);color:var(--danger);border-radius:var(--radius-md);margin-bottom:20px;font-size:.9rem}.form-char-count{text-align:right;font-size:.75rem;color:var(--text-muted);margin-top:6px}.form-char-count--warn{color:var(--warning)}.form-char-count--over{color:var(--danger)}.form-actions{display:flex;gap:12px}.form-actions--done{animation:fadeInUp .4s ease}.viewer-header{margin-bottom:20px}.viewer-back-link{color:var(--primary-light);font-size:.9rem;margin-bottom:10px;display:block}.viewer-series-nav{display:inline-flex;gap:4px;margin-bottom:8px;margin-left:12px}.viewer-series-nav__btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--radius-sm);background:var(--bg-secondary);border:1px solid var(--border);color:var(--text-secondary);font-size:.78rem;text-decoration:none;transition:background var(--transition-fast)}.viewer-series-nav__btn:hover{background:var(--bg-elevated);color:var(--text-primary)}.viewer-series-nav__btn--disabled{opacity:.3;cursor:not-allowed}.viewer-series-nav__position{font-size:.78rem;color:var(--text-muted);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;padding:0 6px;align-self:center}.viewer-badges{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:8px}.viewer-badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:var(--radius-full);border:1px solid var(--border);background:var(--bg-secondary);color:var(--text-secondary);font-size:.78rem;font-weight:600;text-decoration:none;transition:border-color var(--transition-fast),color var(--transition-fast)}a.viewer-badge:hover{border-color:var(--border-hover);color:var(--text-primary)}.viewer-badge--due{background:color-mix(in srgb,var(--warning) 15%,transparent);border-color:var(--warning);color:var(--warning)}.viewer-badge--pop{animation:vocabCounterPop .4s cubic-bezier(.34,1.56,.64,1)}@media (prefers-reduced-motion:reduce){.viewer-badge--pop{animation:none}}.viewer-titlerow{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.viewer-titlerow .page-header__title{margin-bottom:0}.viewer-title-edit{background:transparent;border:none;cursor:pointer;color:var(--text-muted);font-size:.85rem;padding:4px;border-radius:4px;line-height:1;transition:color var(--transition-fast)}.viewer-title-edit:hover{color:var(--primary-light)}@keyframes vocabCounterPop{0%{transform:scale(.9)}50%{transform:scale(1.1)}to{transform:scale(1)}}.viewer-tool{display:inline-flex;align-items:center;justify-content:center;gap:4px;border:1.5px solid var(--border);background:var(--bg-elevated);color:var(--text-primary);border-radius:10px;padding:6px 12px;font-size:.875rem;font-weight:500;white-space:nowrap;cursor:pointer;min-height:44px}.viewer-tool:hover{border-color:var(--primary);color:var(--primary-light)}.grammar-btn{background:var(--primary-glow);color:var(--primary-light);border:1px solid var(--primary);padding:10px 20px;border-radius:var(--radius-full);font-size:.9rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.grammar-btn--active{background:var(--primary);color:#fff}.grammar-btn--danger{background:#e17055;color:#fff;box-shadow:0 4px 15px var(--primary-glow)}.reader-hint{display:none;width:100%;margin-top:28px;padding:10px 16px;font-size:.78rem;color:var(--text-muted);text-align:center;line-height:1.5}.viewer-topbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:10px}.viewer-topbar .viewer-back-link{display:inline-flex;align-items:center;min-height:28px;margin-bottom:0}.viewer-topbar .viewer-back-link--icon{justify-content:center;min-width:44px;min-height:44px}.viewer-topbar .viewer-series-nav{margin:0}.viewer-topbar__tools{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-left:auto}.viewer-topbar__tools .listen-controls{margin:0}.viewer-attribution__muted{color:var(--text-muted)}.post-reading{margin-top:20px}.post-reading__label{font-size:.78rem;color:var(--text-muted);margin-bottom:8px}.post-reading .post-reading-actions{margin-top:0;flex-wrap:wrap}.post-reading .post-reading-actions__btn{flex:1 1 140px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;text-decoration:none}.post-reading-actions__btn--done,.post-reading-actions__btn--primary{background:var(--accent-glow);color:var(--accent-text);border-color:var(--accent)}.post-reading-actions__btn--done{cursor:default}.next-lesson-card--button{width:100%;text-align:left;cursor:pointer;font:inherit}.next-lesson-card--button:disabled{cursor:progress;opacity:.7}.next-lesson-card--button:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.book-card>summary::-webkit-details-marker{display:none}.group-card{grid-column:1/-1;padding:14px 18px}.group-card__summary{cursor:pointer;list-style:none;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.group-card__title{font-weight:800;font-size:1rem}.group-card__meta{font-size:.78rem;color:var(--text-muted)}.group-card__fit{flex-basis:100%;font-size:.8rem;color:var(--text-secondary);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.group-card__rows{margin-top:10px;display:flex;flex-direction:column;gap:4px}.group-card__row{display:flex;align-items:center;gap:8px;padding:7px 10px;border-radius:var(--radius-md);background:var(--bg-secondary);cursor:pointer}.group-card__lead{font-size:.72rem;color:var(--text-muted);min-width:24px;text-align:right;flex-shrink:0;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.group-card__rowtitle{flex:1 1;min-width:0;font-size:.85rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.group-card__tag{font-size:.72rem;flex-shrink:0}.group-card__tag--done{color:var(--primary-light)}.group-card__tag--due{color:var(--warning)}.group-card__tag--muted{color:var(--text-muted)}.group-card__tag--danger{color:var(--danger)}.group-card__fitnum{color:var(--accent-text)}.group-card__footer{margin-top:10px;display:flex;flex-wrap:wrap;gap:8px}.reader-area{position:relative;min-height:60vh;padding:40px;display:flex;flex-wrap:wrap;align-content:flex-start;align-items:baseline}.range-grip{position:absolute;width:28px;height:28px;margin-left:-14px;margin-top:-5px;padding:0;border:none;background:transparent;touch-action:none;cursor:-webkit-grab;cursor:grab;z-index:6;display:flex;align-items:flex-start;justify-content:center}.range-grip:after{content:"";width:13px;height:13px;border-radius:50%;background:var(--primary);border:2.5px solid var(--bg-card);box-shadow:0 1px 4px rgba(0,0,0,.35)}.range-grip:active{cursor:-webkit-grabbing;cursor:grabbing}.range-grip:active:after{transform:scale(1.25)}.token-edit{border:1px solid var(--border);border-radius:10px;padding:10px 12px;margin-bottom:14px;background:var(--bg-secondary)}.token-edit__label{font-size:.72rem;font-weight:700;color:var(--text-muted);margin:6px 0}.token-edit__label:first-child{margin-top:0}.token-edit__chips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:7px}.token-edit__chip{border:1px solid var(--border);border-radius:999px;background:var(--bg-card);color:var(--text-primary);font-size:.82rem;padding:4px 11px;cursor:pointer;min-height:30px}.token-edit__chip--on{border-color:var(--primary);background:var(--picked-bg,var(--primary-glow));font-weight:700}.token-edit__chip-pos{margin-left:4px;font-size:.72rem;color:var(--text-muted)}.token-edit__input{width:100%;border:1px solid var(--border);border-radius:8px;background:var(--bg-card);color:var(--text-primary);font-size:.88rem;padding:7px 10px;margin-bottom:4px}.token-edit__global{display:flex;align-items:center;gap:7px;font-size:.8rem;color:var(--text-secondary);margin-top:9px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.token-edit__actions{display:flex;justify-content:flex-end;gap:6px;margin-top:8px}.reader-area--dark{background:rgba(255,255,255,.03)}.reader-area--light{background:#fff;color:#2d3436}.reader-area--sepia{background:#f2e8d5;color:#4b3d28}.analyzing-banner{width:100%;padding:15px 20px;display:flex;justify-content:space-between;align-items:center;color:var(--primary-light);background:var(--primary-glow);border-radius:var(--radius-md);margin-bottom:20px;font-size:.95rem}.reanalyze-panel__item{display:flex;flex-direction:column;gap:2px;width:100%;padding:12px 16px;border:none;background:transparent;text-align:left;cursor:pointer;color:var(--text-primary);font-size:.85rem;border-bottom:1px solid var(--border)}.reanalyze-panel__item:last-child{border-bottom:none}.reanalyze-panel__item:hover{background:var(--bg-secondary)}.reanalyze-panel__item span{font-size:.75rem;color:var(--text-muted)}.reanalyze-panel__header{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;border-bottom:1px solid var(--border)}.reanalyze-panel__list{max-height:260px;overflow-y:auto;padding:6px 0}.reanalyze-panel__para{display:flex;align-items:center;gap:8px;padding:8px 14px;cursor:pointer;font-size:.82rem;transition:background .1s}.reanalyze-panel__para:hover{background:var(--bg-secondary)}.reanalyze-panel__para input[type=checkbox]{flex-shrink:0;accent-color:var(--primary)}.reanalyze-panel__preview{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-secondary)}.reanalyze-panel__lines{flex-shrink:0;font-size:.72rem;color:var(--text-muted)}.reanalyze-panel__actions{display:flex;gap:8px;justify-content:flex-end;padding:10px 14px;border-top:1px solid var(--border)}.analyzing-banner--error{color:#ff7675;background:rgba(255,118,117,.1)}.analyzing-banner--warn{color:#fdcb6e;background:rgba(253,203,110,.1)}.analyzing-banner__refresh{background:var(--primary);color:#fff;border:none;padding:4px 12px;border-radius:4px;font-size:.8rem;cursor:pointer;white-space:nowrap;flex-shrink:0}.word-token--raw{display:inline;vertical-align:bottom;opacity:.25;cursor:default;color:var(--text-secondary);letter-spacing:.05em}.word-token--failed{cursor:default;opacity:.55}.word-token--failed .surface{-webkit-text-decoration:underline wavy #fdcb6e;text-decoration:underline wavy #fdcb6e}.failed-marker{font-size:.5em;position:absolute;top:-.5em;right:-.5em}.line-break{flex-basis:100%;height:0}.viewer-h1 .surface{font-size:1.5em;font-weight:800}.viewer-h2 .surface{font-size:1.25em;font-weight:700}.viewer-h3 .surface{font-size:1.1em;font-weight:600}.viewer-h1,.viewer-h2,.viewer-h3{display:contents}.viewer-h1+.line-break,.viewer-h2+.line-break,.viewer-h3+.line-break{margin-bottom:4px}.word-token{display:inline;vertical-align:bottom;cursor:pointer;transition:opacity .25s ease}@media (prefers-reduced-motion:reduce){.word-token{transition:none}}.word-token ruby{ruby-position:over;ruby-overhang:auto;ruby-align:center}.word-token ruby[data-pinyin],.word-token ruby[data-yomi]{position:relative}.word-token :is(rt,.rt-an){font-size:.5em;color:var(--primary-light);font-weight:400;opacity:.85;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap;text-align:center;letter-spacing:-.03em}.word-token ruby[data-pinyin]>.rt-an,.word-token ruby[data-yomi]>.rt-an{position:absolute;left:50%;bottom:calc(100% - (.65 / 2.2) * 100%);transform:translateX(-50%);width:max-content;pointer-events:none}.word-token ruby[data-pinyin]>.rt-an{font-size:.26em}.word-token ruby[data-pinyin]{width:1em}.word-token ruby[data-pinyin],.word-token ruby[data-yomi]{display:inline-flex;justify-content:center}.surface--furi-off :is(rt,.rt-an){visibility:hidden}.word-token .surface{line-height:2.2;display:inline-block;position:relative;z-index:0}.reader-area,.reader-settings__legend,.reader-settings__preview{--hl-band-top:0.58em;--hl-band-h:1.04em;--hl-glyph-h:1em;--hl-mark-gap:2px;--hl-frame-top:3px;--hl-pinyin-gap:2.5px;--hl-frame-bottom:calc(var(--hl-mark-gap) + 4px);--sep-linked-bg:color-mix(in srgb,var(--picked-bg) 45%,transparent);--pattern-line:color-mix(in srgb,var(--text-muted) 60%,transparent)}.word-token .surface:before{content:"";position:absolute;z-index:-1;left:0;right:0;top:var(--hl-band-top);height:var(--hl-band-h);border-radius:5px;background:transparent;transition:background-color .18s ease}@media (prefers-reduced-motion:reduce){.word-token .surface:before{transition:none}}.pattern-mark{position:absolute;left:0;right:0;top:calc(var(--hl-band-top) + var(--hl-band-h) + var(--hl-mark-gap, 2px));height:1.5px;border-radius:1px;background:var(--pattern-line);pointer-events:none}.pattern-card{margin-bottom:12px}.pattern-card__head{display:flex;align-items:baseline;gap:6px;font-size:.72rem;font-weight:700;color:var(--text-muted);margin-bottom:6px}.pattern-card__head b{font-size:.95rem;color:var(--accent-text)}.pattern-card__item{border-left:2px solid var(--border);padding-left:10px;margin-bottom:10px}.pattern-card__line{display:flex;align-items:baseline;gap:6px;flex-wrap:wrap}.pattern-card__pat{font-size:.9rem;font-weight:700;color:var(--text-primary)}.pattern-card__lv{padding:1px 6px;border-radius:99px;background:var(--bg-elevated);font-size:.66rem;font-weight:700;color:var(--text-muted)}.pattern-card__ko{font-size:.82rem;color:var(--text-secondary);margin-top:2px}.pattern-card__conn{font-size:.74rem;color:var(--text-muted);margin-top:2px}.pattern-card__ex{font-size:.8rem;color:var(--text-secondary);margin-top:4px;line-height:1.5}.pattern-card__ex em{display:block;font-style:normal;font-size:.76rem;color:var(--text-muted)}.pattern-card__go{display:inline-block;margin-top:5px;font-size:.74rem;font-weight:700;color:var(--primary-light);text-decoration:none}.pattern-card__go:hover{text-decoration:underline}.pattern-card__more{font-size:.72rem;color:var(--text-muted)}.pattern-card__due{padding:1px 6px;color:var(--warning);background:color-mix(in srgb,var(--warning-bright) 16%,transparent)}.pattern-card__due,.pattern-card__weak{border-radius:var(--radius-full);font-size:.66rem;font-weight:700;white-space:nowrap}.pattern-card__weak{padding:0 5px;border:1px solid var(--border);background:transparent;color:var(--text-secondary)}.word-token:where(.word-token--sep-linked) .surface:before{background:var(--sep-linked-bg)}.sep-arc{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible;z-index:1}.sep-arc path{fill:none;stroke:var(--primary-light);stroke-width:1.5;stroke-linecap:round;opacity:.55}.sentence-nav{position:fixed;right:14px;bottom:calc(var(--mobile-nav-height, 0px) + 24px + env(safe-area-inset-bottom, 0px));z-index:40;display:flex;flex-direction:column;border-radius:var(--radius-full,999px);border:1px solid var(--border);background:color-mix(in srgb,var(--bg-secondary) 88%,transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);overflow:hidden;box-shadow:0 4px 14px rgba(0,0,0,.25)}.sentence-nav__btn{width:44px;height:44px;border:none;background:transparent;color:var(--text-secondary);font-size:.9rem;cursor:pointer}.sentence-nav__btn+.sentence-nav__btn{border-top:1px solid var(--border)}.sentence-nav__btn:disabled{opacity:.3;cursor:default}.sentence-nav__btn:not(:disabled):active{color:var(--primary-light)}.line-pick{position:relative;width:22px;height:2.2em;margin-left:-28px;margin-right:6px;vertical-align:top;display:none;align-items:center;justify-content:flex-end;border:none;background:none;padding:0;cursor:pointer;font-size:inherit;opacity:0;transition:opacity .12s;-webkit-tap-highlight-color:transparent}.line-pick:before{content:"";position:absolute;width:4px;top:var(--hl-band-top);height:var(--hl-glyph-h);right:0;border-radius:2px;background:var(--primary-light)}@media (hover:hover){.line-pick{display:inline-flex}.line-pick:hover{opacity:1}}@media (hover:none){.line-pick{display:inline-flex;opacity:.45;margin-left:0;margin-right:3px;width:15px;justify-content:flex-start}.line-pick:before{left:0;right:auto}.line-pick:active{opacity:1}}.reader-area--light{--picked-bg:color-mix(in srgb,var(--primary) 18%,#fff)}.reader-area--sepia{--picked-bg:color-mix(in srgb,var(--primary) 18%,#f2e8d5)}.reader-area--dark{--picked-bg:color-mix(in srgb,var(--primary) 18%,var(--bg-primary))}.word-token--picked .surface:before{background:var(--picked-bg,var(--primary-glow))}.word-token--picked:has(+.word-token--picked) .surface:before{border-top-right-radius:0;border-bottom-right-radius:0}.word-token--picked+.word-token--picked:has(.surface) .surface:before{border-top-left-radius:0;border-bottom-left-radius:0}.word-token--picked:has(+.word-token--picked) .surface:after{content:"";position:absolute;z-index:-2;right:calc(-1 * var(--char-gap, .25rem) - 1px);width:calc(var(--char-gap, .25rem) + 2px);top:var(--hl-band-top);height:var(--hl-band-h);background:var(--picked-bg,var(--primary-glow))}.word-token--picked .line-pick{opacity:1}@keyframes pace-drain{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.reader-area--pacing .word-token--picked{position:relative}.reader-area--pacing .word-token--picked:after{content:"";position:absolute;left:0;right:0;top:calc(var(--hl-band-top) + var(--hl-band-h) + .05em);height:2px;border-radius:1px;background:var(--pace-line);transform-origin:left center;animation:pace-drain calc((var(--pace-to, 1) - var(--pace-from, 0)) * var(--pace-dwell, 6s)) linear calc(var(--pace-from, 0) * var(--pace-dwell, 6s)) forwards}.reader-area--pacing .word-token--picked:has(+.word-token--picked):after{right:calc(-1 * var(--char-gap, .25rem))}.reader-area--pacing-hold .word-token--picked:after{animation-play-state:paused}@media (prefers-reduced-motion:reduce){.reader-area--pacing .word-token--picked:after{animation-timing-function:steps(3)}}.word-token--saved .surface{opacity:.6}.word-token--saved .surface:before{border-bottom:2px solid var(--primary-light)}.word-token--due .surface{opacity:1}.word-token--due .surface:before{border-bottom:2px solid var(--warning);animation:due-pulse 2.5s ease-in-out infinite}.word-token--due:hover .surface:before{animation-play-state:paused}@keyframes due-pulse{0%,to{box-shadow:0 0 0 0 rgba(212,150,42,0)}50%{box-shadow:0 0 6px 1px rgba(212,150,42,.4)}}.reader-area--light,.reader-area--sepia{--ws-learn:rgba(212,160,8,0.18);--ws-due:rgba(212,150,42,0.26)}.reader-area--dark{--ws-learn:rgba(227,185,60,0.20);--ws-due:rgba(232,169,79,0.30)}.reader-area--hl .word-token--saved:not(.word-token--picked) .surface{opacity:1}.reader-area--hl .word-token--saved:not(.word-token--picked) .surface:before{background:var(--ws-learn);border-bottom-color:transparent}.reader-area--hl .word-token--due:not(.word-token--picked) .surface:before{background:var(--ws-due);border-bottom-color:transparent}.reader-area--light,.reader-area--sepia{--ws-new-ln:#2563eb;--ws-learn-ln:#c99700}.reader-area--dark{--ws-new-ln:#6ea0f6;--ws-learn-ln:#e3b93c}.reader-area--hl .word-token--picked.word-token--saved .surface{opacity:1}.reader-area--hl .word-token--picked.word-token--saved .surface:before{background:color-mix(in srgb,var(--ws-learn-ln) 30%,var(--picked-bg,var(--primary-glow)));border-bottom-color:transparent}.reader-area--hl .word-token--picked.word-token--due .surface:before{background:color-mix(in srgb,var(--warning) 32%,var(--picked-bg,var(--primary-glow)))}:is(.reader-area,.reader-settings__preview) .word-token:is(.word-token--saved,.word-token--due) .surface:before{box-sizing:content-box;padding-bottom:var(--hl-mark-gap);background-clip:content-box}:is(.reader-area,.reader-settings__preview) .word-token--pattern:is(.word-token--saved,.word-token--due) .surface:before{padding-bottom:calc(var(--hl-mark-gap) * 2 + 1.5px)}.reader-area--hl .word-token:is(.word-token--new,.word-token--met):not([data-selected=true]) .surface:before{box-sizing:content-box;padding-bottom:var(--hl-mark-gap);background-clip:content-box;border-bottom:1.5px solid var(--ws-new-ln)}.reader-area--hl .word-token--pattern:is(.word-token--new,.word-token--met):not([data-selected=true]) .surface:before{padding-bottom:calc(var(--hl-mark-gap) * 2 + 1.5px)}.furigana{display:none}.surface{transition:color var(--transition-fast)}.modal-overlay{position:fixed;inset:0;background:var(--scrim);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;justify-content:center;align-items:center;z-index:1100}.modal{width:90%;max-width:600px;max-height:80vh;background:var(--bg-elevated);border-radius:24px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 25px 50px rgba(0,0,0,.3)}.modal__header{padding:20px 25px;background:var(--primary);color:#fff;display:flex;justify-content:space-between;align-items:center}.modal__title{margin:0;font-size:1.2rem}.modal__close{background:transparent;border:none;color:#fff;font-size:1.5rem;cursor:pointer}.modal__body{padding:25px;overflow-y:auto;color:var(--text-primary);line-height:1.7}.modal__quote{padding:15px;background:var(--bg-secondary);border-radius:12px;margin-bottom:20px;border-left:4px solid var(--primary);font-size:1.1rem}.modal__content{white-space:pre-wrap;font-size:.95rem}.onboarding-overlay{position:fixed;inset:0;background:var(--scrim);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:fadeIn .2s}.onboarding-modal{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);width:100%;max-width:460px;box-shadow:var(--shadow-xl);overflow:hidden}.onboarding-modal__header{background:linear-gradient(135deg,var(--primary),var(--accent));padding:32px 28px 24px;text-align:center}.onboarding-modal__emoji{font-size:2.5rem;margin-bottom:12px}.onboarding-modal__title{color:#fff;font-size:1.2rem;font-weight:700;margin-bottom:6px}.onboarding-modal__sub{color:rgba(255,255,255,.8);font-size:.88rem}.onboarding-modal__body{padding:28px;display:flex;flex-direction:column;gap:20px}.mypage-avatar{width:70px;height:70px;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--accent));display:flex;align-items:center;justify-content:center;font-size:2rem;color:#fff;box-shadow:0 8px 25px var(--primary-glow);flex-shrink:0}.mypage-noauth{text-align:center;padding-top:80px}.mypage-noauth__title{margin-bottom:16px;font-size:1.3rem}.mypage-profile-header{display:flex;align-items:center;gap:14px;margin-bottom:28px}.mypage-profile-header .mypage-avatar{width:52px;height:52px;font-size:1.4rem;background:var(--primary-glow);border:2px solid var(--primary);color:var(--primary-light)}.mypage-profile-info{flex:1 1;min-width:0}.mypage-profile-info__name{font-size:1.15rem;font-weight:700;margin:0}.mypage-profile-info__email{font-size:.8rem;color:var(--text-muted);margin:0}.mypage-section{padding:20px;margin-bottom:16px;display:flex;flex-direction:column;gap:16px}.mypage-section__header{display:flex;justify-content:space-between;align-items:center}.mypage-section__title{font-size:.95rem;font-weight:700;margin:0}.mypage-collapse{border-top:1px solid var(--border);margin-top:10px}.mypage-collapse:first-of-type{border-top:none;margin-top:14px}.mypage-collapse__summary{display:flex;align-items:center;justify-content:space-between;padding:12px 2px;cursor:pointer;font-size:.88rem;color:var(--text-secondary);list-style:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;gap:8px}.mypage-collapse__summary::-webkit-details-marker{display:none}.mypage-collapse__summary:hover{color:var(--text-primary)}.mypage-collapse__chevron{font-size:.85rem;color:var(--text-muted);transition:transform .2s}.mypage-collapse[open] .mypage-collapse__chevron{transform:rotate(180deg)}.mypage-collapse__body{padding:4px 2px 14px;display:flex;flex-direction:column;gap:10px;animation:fadeInUp .2s ease}.mypage-goal-slider{margin-bottom:4px}.mypage-goal-slider__head{display:flex;justify-content:space-between;margin-bottom:5px;font-size:.875rem}.mypage-goal-slider__value{font-weight:600;color:var(--accent-text)}.mypage-range{width:100%;accent-color:var(--accent);cursor:pointer}.mypage-range:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.mypage-goal-slider__minmax{display:flex;justify-content:space-between;font-size:.72rem;color:var(--text-muted)}.mypage-goal-actions{display:flex;gap:8px}.mypage-reminder-blocked{font-size:.8rem;color:var(--warning);background:color-mix(in srgb,var(--warning) 10%,transparent);padding:8px 12px;border-radius:8px;margin-bottom:12px}.mypage-reminder-options{display:flex;flex-wrap:wrap;gap:8px}.mypage-reminder-btn{padding:8px 16px;border-radius:10px;border:1.5px solid var(--border);background:var(--bg-elevated);color:var(--text-primary);font-size:.85rem;font-weight:500;cursor:pointer;transition:all .15s ease}.mypage-reminder-btn:hover{border-color:var(--primary)}.mypage-reminder-btn--active{background:var(--primary);color:white;border-color:var(--primary)}.mypage-stat-cell__value{font-family:var(--font-serif);font-weight:700;font-size:1.35rem;line-height:1.15;color:var(--text-primary);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.mypage-stat-cell__label{font-size:.7rem;color:var(--text-muted)}.steps{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.step{flex:1 1;min-width:220px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:32px 28px;transition:border-color var(--transition-smooth),transform var(--transition-smooth),box-shadow var(--transition-smooth)}.step:hover{border-color:var(--border-hover);transform:translateY(-3px);box-shadow:0 8px 24px rgba(0,0,0,.15)}.step__num{font-size:.75rem;font-weight:800;color:var(--primary-light);letter-spacing:.1em;margin-bottom:16px}.step__icon{font-size:2rem;margin-bottom:16px}.step__title{font-size:1.15rem;font-weight:700;margin-bottom:10px}.step__desc{font-size:.9rem;color:var(--text-secondary);line-height:1.6}.step__arrow{font-size:1.8rem;color:var(--border-hover);flex-shrink:0}.features{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-gap:24px;gap:24px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.gnb__user-area{gap:10px}.gnb__streak,.gnb__user-area{display:flex;align-items:center}.gnb__streak{gap:4px;background:rgba(255,146,43,.15);padding:4px 10px;border-radius:var(--radius-full);color:#ff922b;font-size:.85rem;font-weight:700;white-space:nowrap}.viewer-guest-banner{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:12px 20px;margin-bottom:20px;background:var(--primary-glow);border:1px solid var(--border-hover);border-radius:var(--radius-md);font-size:.9rem;flex-wrap:wrap}.viewer-guest-banner__cta{color:var(--primary-light);font-weight:600;white-space:nowrap}.viewer-guest-banner__cta:hover{text-decoration:underline}.materials-filters{display:flex;flex-direction:column;gap:10px;margin-bottom:28px}.chip-group{display:flex;gap:8px;flex-wrap:wrap}.chip{padding:6px 14px;border-radius:var(--radius-full);font-size:.82rem;font-weight:600;background:var(--bg-elevated);border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.chip:hover{border-color:var(--border-hover);color:var(--text-primary)}.chip--active{background:var(--primary);border-color:var(--primary);color:#fff}.chip--select{-moz-appearance:none;appearance:none;-webkit-appearance:none;padding-right:28px;background-image:linear-gradient(45deg,transparent 50%,var(--text-secondary) 50%),linear-gradient(135deg,var(--text-secondary) 50%,transparent 50%);background-position:calc(100% - 14px) 50%,calc(100% - 9px) 50%;background-size:5px 5px,5px 5px;background-repeat:no-repeat}.admin-table-wrap{overflow-x:auto;border-radius:var(--radius-lg);border:1px solid var(--border)}.admin-table-header{padding:12px 20px;background:var(--bg-elevated);border-bottom:1px solid var(--border);font-size:.85rem;color:var(--text-muted)}.admin-table{width:100%;border-collapse:collapse;font-size:.875rem}.admin-table th{padding:12px 16px;text-align:left;font-size:.75rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;background:var(--bg-secondary);white-space:nowrap}.admin-table td,.admin-table th{border-bottom:1px solid var(--border)}.admin-table td{padding:14px 16px;vertical-align:middle;color:var(--text-primary)}.admin-table tbody tr:last-child td{border-bottom:none}.admin-table tbody tr:hover td{background:var(--bg-elevated)}.admin-table__muted{color:var(--text-muted)!important;font-size:.8rem}.admin-table__title{font-weight:600;max-width:260px}.admin-table__content,.admin-table__title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-table__content{max-width:320px;color:var(--text-secondary)!important}.role-badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:var(--radius-full);font-size:.75rem;font-weight:700}.role-badge--admin{background:rgba(255,146,43,.15);color:#ff922b}.role-badge--user{background:var(--bg-elevated);color:var(--text-muted)}.role-badge--public{background:var(--accent-glow);color:var(--accent-text)}.role-badge--private{background:var(--primary-glow);color:var(--primary-light)}.theme-toggle{width:44px;height:44px;border-radius:var(--radius-full);background:var(--bg-elevated);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:1.1rem;cursor:pointer;transition:all var(--transition-fast);flex-shrink:0}.theme-toggle:hover{border-color:var(--border-hover);transform:scale(1.1)}[data-theme=light] .page-header__title{background:linear-gradient(135deg,var(--primary-dark),var(--primary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@media (max-width:768px){:root{--gnb-height:56px;--mobile-nav-height:64px}.gnb{padding:0 16px;height:var(--gnb-height)}.gnb__nav{display:none}.gnb__logo span{display:block;font-size:1rem}.mobile-nav{position:fixed;bottom:0;left:0;right:0;height:calc(var(--mobile-nav-height) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:var(--mobile-nav-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--border);justify-content:space-around;z-index:1000;transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.mobile-nav,.mobile-nav__link{display:flex;align-items:center}.mobile-nav__link{flex-direction:column;gap:4px;color:var(--text-secondary);font-size:.875rem;font-weight:600;padding:8px 12px;min-width:56px;min-height:44px;justify-content:center}.mobile-nav__link.active{color:var(--primary-light)}.mobile-nav__icon{font-size:1.35rem}.app-layout{padding-top:var(--gnb-height);padding-bottom:calc(var(--mobile-nav-height) + env(safe-area-inset-bottom))}.page-container{padding:24px 16px}.page-header{margin-bottom:24px}.page-header__title{font-size:1.5rem}.page-header--row{flex-direction:column;align-items:flex-start;gap:12px}.page-header--row .btn{width:100%;justify-content:center}.feature-grid{grid-template-columns:1fr}.filter-row{flex-direction:column;align-items:stretch;gap:10px}.search-wrap{min-width:unset}.tab-pills{justify-content:center}.materials-filters{gap:8px}.chip-group{flex-wrap:wrap}.admin-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.admin-table{min-width:600px}.tab-pills{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:4px 8px;justify-content:flex-start;mask-image:linear-gradient(90deg,transparent 0,black 8px,black calc(100% - 24px),transparent);-webkit-mask-image:linear-gradient(90deg,transparent 0,black 8px,black calc(100% - 24px),transparent)}.tab-pills::-webkit-scrollbar{display:none}.tab-pills__item{white-space:nowrap;padding:8px 16px;flex-shrink:0}.card--clickable{min-height:140px}.steps{flex-direction:column;gap:16px}.gnb__streak,.step__arrow{display:none}.review-score-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.review-score-btn{padding:16px 4px;font-size:.9rem}.guide-cta__btn{width:100%;justify-content:center}.suggestions-grid{grid-template-columns:1fr}}.pdf-page{display:flex;flex-direction:column;height:100vh;height:100dvh;overflow:hidden}.pdf-layout{gap:0}.pdf-layout,.pdf-main{display:flex;flex:1 1;overflow:hidden}.pdf-main{flex-direction:column;min-width:0;max-height:calc(100vh - 52px);max-height:calc(100dvh - 52px)}.pdf-side{width:260px;flex-shrink:0;overflow-y:auto;padding:16px;display:flex;flex-direction:column}.pdf-side__empty{flex:1 1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;font-size:.82rem;color:var(--text-muted);line-height:1.6}.pdf-context__title{font-size:.85rem;font-weight:700;color:var(--text-secondary);margin-bottom:12px}.pdf-context__original{font-size:.82rem;color:var(--text-muted);line-height:1.6;padding:10px 12px;background:var(--bg-secondary);border-radius:var(--radius-md);border-left:3px solid var(--border);margin-bottom:14px;word-break:break-word}.pdf-context__loading{font-size:.85rem;color:var(--text-muted);padding:8px 0}.pdf-context__text{font-size:.9rem;line-height:1.75;color:var(--text-primary);word-break:break-word}.pdf-word-list__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.pdf-word-list__title{font-size:.78rem;font-weight:700;color:var(--text-muted)}.pdf-word-list__toggle{background:none;border:none;font-size:.72rem;color:var(--primary-light);cursor:pointer;padding:2px 6px}.pdf-word-item{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:var(--radius-md);cursor:pointer;transition:background .1s;margin-bottom:2px}.pdf-word-item:hover{background:var(--bg-secondary)}.pdf-word-item--saved{opacity:.5}.pdf-word-item__text{font-weight:700;font-size:.9rem;min-width:40px}.pdf-word-item__reading{display:block;font-size:.68rem;font-weight:400;color:var(--primary-light);line-height:1.2}.pdf-word-item__meaning{flex:1 1;font-size:.78rem;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pdf-word-item__save{background:transparent;border:none;cursor:pointer;font-size:.85rem;padding:2px;flex-shrink:0}.pdf-word-item--active{background:var(--bg-secondary);border-left:3px solid var(--primary)}.pdf-detail-overlay{position:fixed;inset:0;z-index:900}.pdf-detail-popup{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:520px;max-width:92vw;max-height:80vh;overflow-y:auto;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:0 16px 48px rgba(0,0,0,.35);z-index:1000;animation:fadeInUp .15s ease}.pdf-detail-popup__header{display:flex;justify-content:space-between;align-items:flex-start;padding:20px 20px 0}.pdf-detail-popup__word{font-size:1.6rem;font-weight:800;line-height:1.3}.pdf-detail-popup__word rt{font-size:.45em;color:var(--primary-light);font-weight:400}.pdf-detail-popup__close{background:transparent;border:none;font-size:1.1rem;cursor:pointer;color:var(--text-muted);padding:4px 8px}.pdf-detail-popup__meta{display:flex;gap:8px;align-items:center;padding:6px 20px 12px;flex-wrap:wrap}.pdf-detail-popup__pos{font-size:.72rem;background:var(--bg-secondary);padding:2px 8px;border-radius:4px;color:var(--text-muted)}.pdf-detail-popup__base{font-size:.78rem;color:var(--text-muted)}.pdf-detail-popup__short{font-size:.85rem;color:var(--text-secondary)}.pdf-detail-popup__body{padding:0 20px 16px}.pdf-detail-popup__text{font-size:.88rem;line-height:1.7;color:var(--text-primary)}.pdf-detail-popup__text p{margin:0 0 18px}.pdf-detail-popup__text p:last-child{margin-bottom:0}.pdf-detail-hr{border:none;border-top:1px solid var(--border);margin:14px 0 10px}.pdf-detail-hr:first-child,.pdf-detail-popup__text p:first-child .pdf-detail-hr:first-child{display:none}.pdf-detail-heading{display:block;font-size:.82rem;font-weight:700;color:var(--text-muted);margin-bottom:4px}.pdf-detail-popup__text strong:not(.pdf-detail-heading){color:var(--text-primary);font-weight:700}.pdf-detail-popup__save{display:block;width:calc(100% - 40px);margin:0 20px 20px;padding:10px;border:none;border-radius:var(--radius-md);background:var(--primary);color:#fff;font-weight:600;font-size:.88rem;cursor:pointer;transition:opacity .15s}.pdf-detail-popup__save:hover{opacity:.9}.pdf-detail-popup__save--done{background:var(--bg-secondary);color:var(--text-muted);cursor:default}.pdf-word-item__dismiss{font-size:.7rem;color:var(--text-muted);opacity:.5;transition:opacity .1s}.pdf-word-item__dismiss:hover{opacity:1;color:var(--text-secondary)}@media (max-width:1179px){.pdf-layout{flex-direction:column}.pdf-side{display:none}.pdf-main{padding-bottom:64px;max-height:none}.pdf-input-bar{margin-bottom:0}}.pdf-toolbar{display:flex;align-items:center;gap:12px;padding:10px 0;flex-wrap:wrap}.pdf-toolbar__back{font-size:.85rem;color:var(--text-muted);text-decoration:none;flex-shrink:0}.pdf-toolbar__title{font-size:1rem;font-weight:700;margin:0;flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pdf-toolbar__controls{display:flex;align-items:center;gap:6px;flex-shrink:0}.pdf-bridge{position:relative;flex-shrink:0}.pdf-bridge__open{border:1px solid var(--border);background:transparent;color:var(--text-secondary);border-radius:999px;font-size:.78rem;font-weight:600;padding:7px 12px;cursor:pointer;white-space:nowrap}.pdf-bridge__open:hover{border-color:var(--primary);color:var(--primary-light)}.pdf-bridge__panel{position:absolute;z-index:30;top:calc(100% + 6px);right:0;min-width:232px;display:flex;flex-direction:column;gap:8px;padding:12px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:0 8px 24px rgba(0,0,0,.22)}.pdf-bridge__lead{margin:0}.pdf-bridge__lead,.pdf-bridge__lead input{font-size:.85rem;color:var(--text-primary)}.pdf-bridge__lead input{-webkit-appearance:textfield;appearance:textfield;-moz-appearance:textfield;width:5ch;margin:0 3px;padding:3px 6px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;text-align:center;border:1px solid var(--border);border-radius:6px;background:var(--bg-secondary)}.pdf-bridge__lead input::-webkit-inner-spin-button,.pdf-bridge__lead input::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0}.pdf-bridge__hint{margin:0;font-size:.72rem;color:var(--text-muted)}.pdf-nav{display:flex;align-items:center;justify-content:center;gap:16px;padding:8px 0}.pdfjs-viewer{flex:1 1;min-height:0;display:flex;flex-direction:column;background:var(--bg-secondary)}.pdfjs-viewer .pdf-nav{flex-shrink:0;background:var(--bg-card);border-bottom:1px solid var(--border)}.pdfjs-pages{flex:1 1;min-height:0;overflow:auto;scroll-behavior:smooth}.pdfjs-page{box-sizing:border-box;width:100%;display:flex;justify-content:center;padding:16px}.pdfjs-page__surface{position:relative;flex:0 0 auto;overflow:hidden;background:#fff;box-shadow:0 2px 12px rgb(0 0 0/.14)}.pdfjs-page__canvas{display:block}.pdfjs-page__text-layer,.pdfjs-page__text-layer :is(span,br){transform-origin:0 0}.pdfjs-page__text-layer{position:absolute;inset:0;overflow:clip;line-height:1;text-align:initial;text-size-adjust:none;forced-color-adjust:none}.pdfjs-page__text-layer :is(span,br){position:absolute;color:transparent;white-space:pre;cursor:text}.pdfjs-page__text-layer span.markedContent{top:0;height:0}.pdfjs-page__text-layer span[role=img]{-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:default}.pdfjs-page__text-layer ::selection{background:rgb(0 100 255/.25)}.pdfjs-page__text-layer br::selection{background:transparent}.pdf-input-bar{display:flex;gap:8px;padding:12px 16px;border-top:1px solid var(--border);background:var(--bg-card);flex-shrink:0}.pdf-side--left{border-right:1px solid var(--border)}.pdf-side--right{border-left:1px solid var(--border)}.viewer-3col{display:flex;height:calc(100vh - var(--gnb-height, 56px));height:calc(100dvh - var(--gnb-height, 56px));overflow:hidden}.viewer-side__content{flex:1 1}.word-detail-card{position:relative}.word-detail-card--above-list{margin-bottom:14px;padding-bottom:14px;border-bottom:1px solid var(--border)}.viewer-layout .viewer-inspector .word-detail-card--above-list{flex:none;max-height:none}.viewer-layout .viewer-inspector .word-detail-card--above-list .reader-card-body{flex:none;overflow:visible}.viewer-layout .viewer-inspector .viewer-side__content:has(>.word-detail-card--above-list){height:auto}.word-detail-card__close{background:none;border:none;cursor:pointer;color:var(--text-muted);font-size:.95rem;min-width:32px;min-height:32px}.word-detail-card__close:hover{color:var(--text-primary)}.word-detail-card__actions{display:flex;align-items:center;gap:8px}.word-detail-card__meta{flex:1 1;min-width:0;font-size:.78rem;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.word-detail-card__level{margin-left:6px;padding:1px 7px;border-radius:var(--radius-full);background:var(--primary-glow);color:var(--primary-light);font-weight:700;font-size:.7rem}.word-detail-card__base{margin-left:6px;color:var(--text-secondary)}.word-detail-card__jadiff{margin-left:6px;color:var(--text-muted);font-weight:600}.word-detail-card__actrow{display:flex;gap:6px;margin-bottom:8px}.word-detail-card__actrow>.btn{flex:1 1;min-width:0}.word-detail-card__known{color:var(--text-muted)}.save-grade{margin-bottom:8px}.save-grade .review-score-btn{position:relative;padding:8px 4px;font-size:.8rem}.save-grade__guide{font-size:.78rem;color:var(--text-muted);text-align:center;margin:0 0 6px}.save-grade__key{position:absolute;top:3px;left:5px;font-size:.6rem;font-weight:700;opacity:.7}.save-grade__sub{font-size:.66rem;font-weight:500;opacity:.85}.save-grade--inline{margin-bottom:0}.word-detail-card__speak{background:none;border:none;cursor:pointer;font-size:1.2rem;min-width:32px;min-height:32px;margin-right:4px}.word-detail-card__meaningrow{display:flex;align-items:baseline;gap:6px;margin-bottom:14px}.word-detail-card__meaningrow--tight{margin-bottom:4px}.word-detail-card__meaning{font-size:1.12rem;font-weight:600;line-height:1.55;flex:0 1 auto;min-width:0}.word-detail-card__edit{background:none;border:none;cursor:pointer;font-size:.95rem;min-width:28px;min-height:28px;flex-shrink:0;opacity:.55}.word-detail-card__edit.is-on{opacity:1}.word-fit-wrap{container-type:inline-size;width:100%}.word-fit{font-size:1.5rem;font-size:clamp(1.5rem,calc(100cqi / var(--fit-n, 1)),var(--fit-cap,8rem));font-weight:800}.word-fit .surface{line-height:1.9;display:block}.word-fit--noruby .surface{line-height:1.2}.word-fit ruby[data-pinyin],.word-fit ruby[data-yomi]{position:relative;ruby-position:over}.word-fit :is(rt,.rt-an){font-size:.5em;color:var(--primary-light);font-weight:400;opacity:.85;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap;text-align:center;letter-spacing:-.03em}.word-fit ruby[data-pinyin]>.rt-an,.word-fit ruby[data-yomi]>.rt-an{position:absolute;left:50%;bottom:calc(100% - (.5 / 1.9) * 100%);transform:translateX(-50%);width:max-content;pointer-events:none}.word-fit ruby[data-pinyin]>.rt-an{font-size:.26em;font-family:var(--font-noto-sans,"Noto Sans"),sans-serif}.word-fit ruby[data-pinyin]{display:inline-flex;justify-content:center;width:1em}.word-fit ruby[data-yomi]{display:inline-flex;min-width:calc(var(--yomi-n, 0) * .5em);justify-content:space-evenly}.word-fit ruby[data-yomi]>.rt-an{line-height:1}.word-fit__char{cursor:pointer}.word-fit__char--active,.word-fit__char:hover{color:var(--primary-light)}.word-fit__char--active{text-shadow:0 0 10px var(--primary-glow)}.word-fit__char--picked{background:var(--primary-glow);border-radius:3px}.char-inspect{margin:6px 0 10px;padding:8px 10px;background:var(--bg-secondary);border-radius:var(--radius-md);font-size:.84rem}.char-inspect__row{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 8px}.char-inspect__ch{font-size:1.3em;font-weight:800}.char-inspect__hun,.char-inspect__ja{color:var(--text-secondary)}.char-inspect__form{background:none;border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 5px;cursor:pointer;color:var(--text-primary);font-size:.92em;line-height:1.45}.char-inspect__form:hover{border-color:var(--border-hover);color:var(--primary-light)}.char-inspect__loading{color:var(--text-muted);font-size:.78rem}.char-inspect__words{display:flex;flex-wrap:wrap;gap:4px 6px;margin-top:6px;align-items:baseline}.char-inspect__words-label{color:var(--text-muted);font-size:.76rem}.char-inspect__word{background:none;border:1px solid var(--border);border-radius:var(--radius-full);padding:2px 9px;cursor:pointer;color:var(--text-primary);font-size:.82rem}.char-inspect__word:hover{border-color:var(--border-hover);color:var(--primary-light)}.char-inspect__comps{display:flex;flex-wrap:wrap;gap:4px 6px;margin-top:8px;align-items:center}.char-inspect__comp-slot{display:inline-flex;align-items:center;gap:6px}.char-inspect__plus{color:var(--text-muted);font-size:.8rem}.char-inspect__comp{display:inline-flex;align-items:baseline;gap:5px;background:none;border:1px solid var(--border);border-radius:var(--radius-md);padding:3px 8px;cursor:pointer;color:var(--text-primary)}.char-inspect__comp:hover{border-color:var(--border-hover);color:var(--primary-light)}.char-inspect__comp b{font-size:1.05rem;font-weight:700}.char-inspect__comp span{font-size:.76rem;color:var(--text-secondary)}.char-inspect__badge{font-style:normal;font-size:.62rem;font-weight:700;color:var(--primary-light);background:var(--primary-glow);border-radius:999px;padding:1px 6px}.char-inspect__group{margin-top:10px;font-size:.72rem;font-weight:700;letter-spacing:.06em;color:var(--text-muted)}.char-inspect__story{margin-top:6px;font-size:.8rem;line-height:1.55;color:var(--text-secondary)}.char-inspect__meta{margin-top:8px;font-size:.76rem;color:var(--text-muted)}.syn-ant{gap:6px;margin:0 0 12px;font-size:.82rem}.syn-ant,.syn-ant__row{display:flex;flex-direction:column}.syn-ant__row{align-items:flex-start;gap:2px}.syn-ant__chips{display:flex;flex-wrap:wrap;gap:4px 6px}.syn-ant__label{color:var(--text-muted);font-size:.74rem;flex-shrink:0}.syn-ant__chip{background:none;border:none;border-radius:var(--radius-full);padding:1px 4px;cursor:pointer;color:var(--text-secondary);font-size:.78rem;display:inline-flex;align-items:baseline;gap:5px}.syn-ant__chip:hover{background:var(--bg-secondary);color:var(--primary-light)}.syn-ant__r{color:var(--text-muted);font-size:.74rem}.syn-ant__ko{color:var(--text-secondary);font-size:.76rem}.source-edit__textarea{width:100%;min-height:45vh;resize:vertical;font-size:.92rem;line-height:1.7;background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border);border-radius:var(--radius-md);padding:12px}.source-edit__footer{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}.source-edit__summary{font-size:.8rem;color:var(--text-muted)}.source-edit__actions{display:flex;gap:8px;margin-left:auto}.viewer-center{flex:1 1;overflow-y:auto;padding:20px 24px;min-width:0}.viewer-sheet,.viewer-sheet-bar{display:none}.viewer-3col--dragging .viewer-sheet,.viewer-3col--dragging .viewer-sheet-bar{pointer-events:none}@media (max-width:1179px){.viewer-3col{flex-direction:column;height:auto}.viewer-center{overflow:visible;padding-bottom:72px}.sentence-nav{display:none}.viewer-sheet-bar{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:100;gap:8px;background:var(--bg-card);border-top:1px solid var(--border);box-shadow:0 -2px 12px rgba(0,0,0,.06);padding:8px 10px calc(8px + env(safe-area-inset-bottom))}.viewer-sheet-bar__btn{flex:1 1;display:flex;align-items:center;justify-content:center;gap:6px;padding:10px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-secondary);font-size:.85rem;font-weight:600;color:var(--text-primary);cursor:pointer;transition:all .12s;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.viewer-sheet-bar__btn--nav{flex:0 0 44px;padding:10px 0;font-size:.9rem;color:var(--text-secondary)}.viewer-sheet-bar__btn--nav:disabled{opacity:.3;cursor:default}.viewer-sheet-bar__btn--nav:not(:disabled):active{color:var(--primary-light)}.viewer-sheet-bar__btn.is-active{border-color:var(--primary);background:var(--primary-glow);color:var(--primary-light)}.viewer-sheet-bar__badge{font-size:.72rem;font-weight:500;color:var(--text-muted);background:var(--bg-primary);padding:1px 7px;border-radius:10px;max-width:80px;overflow:hidden;text-overflow:ellipsis}.viewer-sheet-bar__btn.is-active .viewer-sheet-bar__badge{color:var(--primary-light);background:rgba(255,255,255,.4)}.viewer-sheet{display:flex;flex-direction:column;position:fixed;bottom:0;left:0;right:0;max-height:70vh;max-height:60svh;--fit-cap:4rem;background:var(--bg-card);border-top:1px solid var(--border);border-radius:var(--radius-lg) var(--radius-lg) 0 0;box-shadow:0 -8px 32px rgba(0,0,0,.18);z-index:95;animation:viewerSheetUp .22s ease-out;padding-bottom:calc(60px + env(safe-area-inset-bottom))}.viewer-sheet__handle{position:relative;padding:10px 16px 8px;border-bottom:1px solid var(--border);cursor:pointer;touch-action:none}.viewer-sheet__handle-bar{width:40px;height:4px;border-radius:2px;background:var(--border);margin:0 auto}.viewer-sheet__sections{overflow-y:auto;flex:1 1;-webkit-overflow-scrolling:touch}.viewer-sheet__section-body{padding:16px}@keyframes viewerSheetUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.reader-hint{display:block}}@media (max-width:768px){.viewer-center{padding:12px 12px 72px}.reader-area{margin-left:-12px;margin-right:-12px;border-left:none;border-right:none;border-radius:0;padding:24px 12px}}.reading-test-overlay{position:fixed;inset:0;background:var(--scrim);z-index:900;display:flex;align-items:center;justify-content:center;padding:20px}.reading-test{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);width:560px;max-width:100%;max-height:85vh;overflow-y:auto;box-shadow:0 16px 48px rgba(0,0,0,.3);animation:fadeInUp .2s ease}.reading-test__header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--border);position:-webkit-sticky;position:sticky;top:0;background:var(--bg-card);z-index:1}.reading-test__body{padding:20px}.reading-test__question{margin-bottom:24px}.reading-test__q-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.reading-test__q-num{width:24px;height:24px;border-radius:50%;background:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.78rem;font-weight:700;flex-shrink:0}.reading-test__q-type{font-size:.72rem;color:var(--text-muted);background:var(--bg-secondary);padding:2px 8px;border-radius:4px}.reading-test__q-text{font-size:.95rem;line-height:1.6;margin-bottom:10px;color:var(--text-primary)}.reading-test__options{display:flex;flex-direction:column;gap:6px}.reading-test__option{display:flex;align-items:center;gap:10px;padding:10px 14px;border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;font-size:.88rem;transition:all .1s}.reading-test__option:hover{background:var(--bg-secondary)}.reading-test__option--selected{border-color:var(--primary);background:var(--primary-glow)}.reading-test__option input[type=radio]{accent-color:var(--primary)}.reading-test__score{text-align:center;margin-bottom:8px}.reading-test__score-num{font-size:3rem;font-weight:800;color:var(--accent-text)}.reading-test__score-total{font-size:1.5rem;color:var(--text-muted)}.reading-test__result-item{padding:14px;border-radius:var(--radius-md);margin-bottom:10px;border-left:3px solid}.reading-test__result-item--correct{border-color:var(--accent);background:rgba(74,138,92,.06)}.reading-test__result-item--wrong{border-color:var(--danger);background:rgba(200,64,64,.06)}.reading-test__result-header{font-weight:700;font-size:.88rem;margin-bottom:4px}.reading-test__result-q{font-size:.88rem;color:var(--text-secondary);margin-bottom:6px}.reading-test__result-answers{display:flex;gap:12px;font-size:.82rem;margin-bottom:6px}.reading-test__your-answer{color:var(--danger)}.reading-test__correct-answer{color:var(--accent-text);font-weight:600}.reading-test__result-expl{font-size:.82rem;color:var(--text-muted);line-height:1.5}.post-reading-actions{display:flex;gap:8px;margin-top:12px}.post-reading-actions__btn{flex:1 1;padding:10px 14px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-card);color:var(--text-primary);font-size:.88rem;font-weight:500;cursor:pointer;transition:background var(--transition-fast);text-align:center}.post-reading-actions__btn:hover{background:var(--bg-elevated)}.reading-test--inline{width:100%;max-width:100%;max-height:none;box-shadow:none;border:none;border-radius:0;background:transparent}.reading-test--inline .reading-test__header{background:transparent;padding:0 0 14px;border-bottom:1px solid var(--border);position:static}.reading-test--inline .reading-test__body{padding:20px 0}.series-end-card{display:block;margin-top:16px;padding:16px 20px;background:var(--bg-card);border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:var(--radius-md);text-decoration:none;color:inherit;transition:background var(--transition-fast)}.series-end-card:hover{background:var(--bg-elevated)}.series-end-card--top:hover{background:var(--bg-card);cursor:default}.series-end-card__hint{font-size:.78rem;font-weight:600;color:var(--accent-text);margin-bottom:6px}.series-end-card__title{font-size:1rem;font-weight:600;line-height:1.4;color:var(--text-primary)}.lessons-list{gap:24px}.lessons-list,.lessons-list__group{display:flex;flex-direction:column}.lessons-list__group-header{display:grid;grid-template-columns:14px 2.6rem 6.2em minmax(0,1fr) auto auto auto;align-items:center;grid-column-gap:8px;column-gap:8px;width:100%;padding:10px 4px;border:none;background:none;border-bottom:1px solid var(--border);text-align:left;color:var(--text-primary);transition:background var(--transition-fast)}.lessons-list__group-header:hover{background:var(--bg-secondary)}.lessons-list__group-toggle{grid-column:1/5;display:grid;grid-template-columns:14px 2.6rem 6.2em minmax(0,1fr);align-items:center;grid-column-gap:8px;column-gap:8px;min-width:0;text-align:left}.lessons-list__group-chevron{font-size:.78rem;color:var(--text-muted);width:14px;flex-shrink:0;transition:transform .15s}.lessons-list__group.is-open .lessons-list__group-chevron{color:var(--primary-light)}.lessons-list__group-glyph{font-family:var(--font-serif);font-size:1.5rem;font-weight:700;line-height:1;min-width:2.2ch;color:var(--text-primary)}.lessons-list__group-title{min-width:0;font-size:.92rem;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden}.lessons-list__group-focus{min-width:0;font-weight:500;font-size:.8rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lessons-list__chip--bunkei{grid-column:5}.lessons-list__chip--vocab{grid-column:6}.lessons-list__group-count{grid-column:7;min-width:5.2em;text-align:right;font-size:.78rem;font-feature-settings:"tnum","tnum";color:var(--text-muted);font-variant-numeric:tabular-nums}.lessons-list__rows{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.lessons-list__row{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition-fast);color:inherit;text-decoration:none}.lessons-list__row:focus-visible,.lessons-list__row:hover{background:var(--bg-secondary)}.lessons-list__row--done{color:var(--text-muted)}.lessons-list__row--done .lessons-list__title{color:var(--text-secondary)}.lessons-list__status{font-size:.85rem;width:16px;text-align:center;flex-shrink:0;color:var(--border)}.lessons-list__row--done .lessons-list__status{color:var(--accent-text)}.lessons-list__row--progress .lessons-list__status{color:var(--primary-light)}.lessons-list__lang{font-size:.95rem;flex-shrink:0}.lessons-list__title{flex:1 1;min-width:0;font-size:.92rem;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500}.lessons-list__meta{display:flex;gap:8px;align-items:center;flex-shrink:0}.lessons-list__pct,.lessons-list__pos,.lessons-list__score{font-size:.75rem;color:var(--text-muted);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.lessons-list__score{color:var(--warning);font-weight:600}.lessons-list__pct{color:var(--primary-light);font-weight:600}@media (max-width:600px){.lessons-list__row{gap:8px;padding:10px 8px}.lessons-list__title{font-size:.88rem;white-space:normal;line-height:1.45}.lessons-list__meta{gap:6px}.lessons-list__lang{display:none}}.next-lesson-card{display:block;margin-top:16px;padding:16px 20px;background:var(--bg-card);border:1px solid var(--border);border-left:3px solid var(--primary);border-radius:var(--radius-md);text-decoration:none;color:inherit;transition:background var(--transition-fast)}.next-lesson-card:hover{background:var(--bg-elevated)}.next-lesson-card__hint{font-size:.72rem;font-weight:600;color:var(--primary-light);letter-spacing:.06em;margin-bottom:4px;text-transform:uppercase}.next-lesson-card__title{font-size:1rem;font-weight:600;line-height:1.4;color:var(--text-primary)}.next-lesson-card__cta{display:none}.tts-voice{position:relative;display:inline-flex}.tts-voice__btn{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;background:transparent;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:.8rem;color:var(--text-secondary);cursor:pointer;transition:border-color var(--lp-trans-fast),background var(--lp-trans-fast);font-family:system-ui,sans-serif}.tts-voice__btn:hover{border-color:color-mix(in srgb,var(--primary) 40%,var(--border));background:var(--bg-elevated)}.tts-voice__name{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600;color:var(--text-primary)}.tts-voice__chev{font-size:.7rem;color:var(--text-muted)}.tts-voice__popover{position:absolute;top:calc(100% + 6px);right:0;min-width:280px;max-width:340px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:0 8px 24px rgba(0,0,0,.12);z-index:80;overflow:hidden}.tts-voice__head{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;border-bottom:1px solid var(--border);font-size:.78rem;color:var(--text-muted);background:var(--bg-elevated)}.tts-voice__sample{background:transparent;border:1px solid var(--border);padding:2px 8px;border-radius:999px;font-size:.72rem;color:var(--text-secondary);cursor:pointer}.tts-voice__sample:hover{color:var(--primary-light);border-color:var(--primary)}.tts-voice__list{list-style:none;padding:6px 0;margin:0;max-height:260px;overflow-y:auto}.tts-voice__option{width:100%;display:flex;justify-content:space-between;align-items:center;gap:8px;padding:8px 14px;background:transparent;border:none;cursor:pointer;text-align:left;transition:background var(--lp-trans-fast)}.tts-voice__option:hover{background:var(--bg-elevated)}.tts-voice__option.is-selected{background:color-mix(in srgb,var(--primary) 10%,transparent)}.tts-voice__option.is-selected:before{content:"✓";color:var(--primary-light);font-weight:700;margin-right:4px}.tts-voice__option-name{flex:1 1;display:flex;flex-direction:column;gap:2px;font-size:.88rem;color:var(--text-primary);font-weight:600;overflow:hidden}.tts-voice__option-meta{font-size:.7rem;color:var(--text-muted);font-weight:400}.tts-voice__play{flex-shrink:0;background:transparent;border:1px solid var(--border);width:28px;height:28px;border-radius:50%;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;font-size:.85rem;transition:all var(--lp-trans-fast)}.tts-voice__play:hover{background:var(--primary);color:#fff;border-color:var(--primary)}.tts-voice__hint{padding:10px 14px;font-size:.75rem;color:var(--text-muted);line-height:1.5;background:var(--bg-elevated);border-top:1px solid var(--border)}@media (max-width:600px){.tts-voice__popover{min-width:240px;right:-8px}.tts-voice__name{max-width:80px}}.ja-text{display:inline}.ja-vocab-wrap{position:relative;display:inline-block}.ja-vocab{background:transparent;border:none;padding:0;margin:0;font:inherit;color:inherit;cursor:pointer;border-bottom:1px dotted color-mix(in srgb,var(--primary) 55%,transparent);border-radius:2px;line-height:inherit}.ja-vocab:hover{background:color-mix(in srgb,var(--primary) 8%,transparent)}.ja-vocab--active{background:color-mix(in srgb,var(--primary) 18%,transparent);border-bottom-color:transparent}.ja-vocab__popover{bottom:calc(100% + 8px);background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border);border-radius:var(--radius-sm);padding:6px 10px;font-size:.82rem;white-space:nowrap;z-index:50;box-shadow:0 4px 14px rgba(0,0,0,.12);font-family:system-ui,sans-serif;pointer-events:none}.ja-vocab__popover,.ja-vocab__popover:after{position:absolute;left:50%;transform:translateX(-50%)}.ja-vocab__popover:after{content:"";top:100%;border:5px solid transparent;border-top:5px solid var(--border)}.ja-particle{ruby-position:over;ruby-align:center}.ja-particle rt{font-size:.68em;color:var(--primary-light);font-weight:700;letter-spacing:.01em;line-height:1;opacity:.85}.conversation-panel{display:flex;flex-direction:column;width:100%;max-height:600px}.conversation-panel--inline{background:transparent}.conversation-panel__header{display:flex;justify-content:space-between;align-items:center;padding:0 0 12px;border-bottom:1px solid var(--border);margin-bottom:12px}.conversation-panel__messages{flex:1 1;overflow-y:auto;display:flex;flex-direction:column;gap:10px;padding:4px 2px 14px;min-height:200px;max-height:480px}.conversation-panel__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px 20px;flex:1 1}.conversation-msg{display:flex;align-items:flex-end;gap:6px;max-width:90%}.conversation-msg--user{align-self:flex-end;flex-direction:row-reverse}.conversation-msg--ai{align-self:flex-start}.conversation-msg__bubble{padding:10px 14px;border-radius:16px;font-size:.95rem;line-height:1.5;white-space:pre-wrap;word-break:break-word}.conversation-msg--user .conversation-msg__bubble{background:var(--primary);color:#fff;border-bottom-right-radius:4px}.conversation-msg--ai .conversation-msg__bubble{background:var(--bg-secondary);color:var(--text-primary);border-bottom-left-radius:4px;border:1px solid var(--border)}.conversation-msg__bubble--loading{padding:14px 18px}.conversation-msg__dots{display:inline-flex;gap:4px}.conversation-msg__dots span{width:6px;height:6px;border-radius:50%;background:var(--text-muted);animation:convDot 1.2s ease-in-out infinite}.conversation-msg__dots span:nth-child(2){animation-delay:.15s}.conversation-msg__dots span:nth-child(3){animation-delay:.3s}@keyframes convDot{0%,80%,to{opacity:.3;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}.conversation-msg__tts{background:none;border:none;cursor:pointer;font-size:.95rem;opacity:.6;transition:opacity var(--transition-fast);padding:4px}.conversation-msg__tts:hover{opacity:1}.conversation-msg-wrap{display:flex;flex-direction:column;gap:4px}.conversation-msg-wrap--user{align-items:flex-end}.conversation-msg-wrap--ai{align-items:flex-start}.conversation-correction{font-size:.78rem;color:var(--warning,#d4962a);background:rgba(212,150,42,.08);border-left:2px solid var(--warning,#d4962a);padding:6px 10px;border-radius:0 var(--radius-sm) var(--radius-sm) 0;max-width:90%;line-height:1.5;display:flex;gap:6px}.conversation-panel__input-row{display:flex;gap:8px;padding-top:12px;border-top:1px solid var(--border)}.conversation-panel__input{flex:1 1;padding:10px 12px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-card);color:var(--text-primary);font-size:.92rem;resize:vertical;min-height:44px;font-family:inherit}.conversation-panel__input:focus{outline:none;border-color:var(--primary)}.conversation-panel__mic{width:44px;height:44px;flex-shrink:0;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-card);color:var(--text-primary);cursor:pointer;font-size:1rem;transition:all var(--transition-fast)}.conversation-panel__mic:hover:not(:disabled){background:var(--bg-elevated)}.conversation-panel__mic:disabled{opacity:.5;cursor:not-allowed}.auth-wrapper{display:flex;justify-content:center;align-items:center;min-height:calc(100vh - var(--gnb-height));padding:24px 16px}.auth-card{width:100%;max-width:420px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:40px 36px;box-shadow:0 16px 48px rgba(0,0,0,.2)}.auth-header{text-align:center;margin-bottom:32px}.auth-header__icon{font-size:2.5rem;margin-bottom:12px}.auth-header__title{font-size:1.5rem;font-weight:700;margin-bottom:8px;color:var(--text-primary)}.auth-header__sub{color:var(--text-secondary);font-size:.9rem}.auth-google-btn{width:100%;padding:12px;border-radius:var(--radius-md);background:#fff;border:1px solid #ddd;color:#444;font-size:.95rem;font-weight:600;display:flex;align-items:center;justify-content:center;gap:12px;cursor:pointer;margin-bottom:24px;box-shadow:0 2px 4px rgba(0,0,0,.1);transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.auth-google-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.15)}.auth-google-btn:active{transform:scale(.98)}.auth-divider{display:flex;align-items:center;gap:12px;margin-bottom:20px}.auth-divider__line{flex:1 1;height:1px;background:var(--border)}.auth-divider__text{color:var(--text-muted);font-size:.8rem}.auth-field{margin-bottom:14px}.auth-label{display:block;font-size:.8rem;color:var(--text-secondary);margin-bottom:6px}.auth-input{width:100%;padding:11px 14px;border-radius:var(--radius-sm);background:var(--bg-elevated);border:1px solid var(--border);color:var(--text-primary);font-size:.9rem;outline:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.auth-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow)}.auth-link-btn{display:inline-flex;align-items:center;min-height:44px;font-size:.75rem;color:var(--primary-light);background:none;border:none;cursor:pointer;font-weight:600;transition:color var(--transition-fast)}.auth-link-btn:hover{color:var(--primary-light);text-decoration:underline}.auth-alert{padding:10px 14px;border-radius:var(--radius-sm);margin-bottom:14px;font-size:.85rem;animation:fadeInUp .3s ease}.auth-alert--error{background:rgba(255,107,107,.1);border:1px solid rgba(255,107,107,.3);color:#FF6B6B}.auth-alert--success{background:rgba(6,214,160,.1);border:1px solid rgba(6,214,160,.3);color:var(--accent-text)}.auth-alert__link{color:#FF6B6B;font-weight:700;text-decoration:underline;background:none;border:none;cursor:pointer;font-size:.85rem}.manabi-app .auth-alert--error,.manabi-app .auth-alert__link,[data-theme=light] .auth-alert--error,[data-theme=light] .auth-alert__link{color:#A12B39}.manabi-app .auth-alert--success{color:#356246}.auth-submit{width:100%;padding:12px;border-radius:var(--radius-md);background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;font-size:.95rem;font-weight:600;cursor:pointer;border:none;box-shadow:0 4px 15px var(--primary-glow);transition:transform var(--transition-fast),box-shadow var(--transition-fast),filter var(--transition-fast)}.auth-submit:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 20px var(--primary-glow);filter:brightness(1.1)}.auth-submit:active:not(:disabled){transform:scale(.98)}.auth-submit--loading{background:var(--bg-elevated);cursor:wait;box-shadow:none}.auth-toggle{text-align:center;margin-top:24px;color:var(--text-secondary)}.auth-toggle,.auth-toggle .auth-link-btn{font-size:.85rem}.toast-container{position:fixed;bottom:24px;right:24px;z-index:9999;display:flex;flex-direction:column;gap:10px;pointer-events:none}.toast{display:flex;align-items:center;gap:10px;padding:12px 18px;border-radius:var(--radius-md);background:var(--bg-elevated);border:1px solid var(--border);box-shadow:0 8px 24px rgba(0,0,0,.3);font-size:.9rem;font-weight:500;color:var(--text-primary);max-width:360px;animation:toast-in .25s cubic-bezier(.34,1.56,.64,1)}@keyframes toast-in{0%{opacity:0;transform:translateY(16px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.toast__icon{font-size:1.1rem;flex-shrink:0}.toast__msg{line-height:1.4}.toast--success{border-color:rgba(74,138,92,.35);background:rgba(74,138,92,.1)}.toast--error{border-color:rgba(255,107,107,.35);background:rgba(255,107,107,.1)}.toast--warning{border-color:rgba(255,217,61,.35);background:rgba(255,217,61,.08)}.toast--info{border-color:var(--border-hover);background:var(--primary-glow)}.toast--celebrate{border-color:rgba(192,82,42,.4);background:rgba(192,82,42,.12)}@media (max-width:768px){.toast-container{bottom:calc(var(--mobile-nav-height, 64px) + 12px);right:12px;left:12px}.toast{max-width:100%}}.suggestions-section{margin-bottom:40px}.suggestions-section__title{font-size:1.1rem;font-weight:700;margin-bottom:16px;color:var(--text-primary)}.suggestions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:16px;gap:16px}.suggestion-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;display:flex;flex-direction:column;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.suggestion-card:hover{border-color:var(--border-hover);box-shadow:var(--card-shadow-hover);transform:translateY(-2px)}.suggestion-card:hover .suggestion-card__thumb{transform:scale(1.05)}.suggestion-card__thumb-wrap{position:relative;aspect-ratio:16/9;background:var(--bg-elevated);overflow:hidden;flex-shrink:0}.suggestion-card__thumb{width:100%;height:100%;object-fit:cover;transition:transform .3s ease;display:block}.suggestion-card__body{padding:14px;display:flex;flex-direction:column;gap:8px;flex:1 1}.suggestion-card__meta{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.suggestion-card__source{font-size:.75rem;color:var(--text-muted);margin-left:auto}.suggestion-card__title{font-size:.9rem;font-weight:600;line-height:1.4;color:var(--text-primary);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.suggestion-card__actions{display:flex;gap:8px;margin-top:auto;padding-top:4px}.suggestion-card__no-transcript{font-size:.78rem;color:var(--text-muted);padding:6px 0}.viewer-attribution{font-size:.78rem;color:var(--text-muted);margin:0 0 12px;line-height:1.5}.viewer-attribution a{color:var(--primary-light);text-decoration:underline}.viewer-attribution__license{font-weight:600;color:var(--text-secondary)}.suggestion-card__note{font-size:.74rem;color:var(--text-muted);margin:4px 0 0;line-height:1.4}.source-toggle{padding:4px 12px;border-radius:var(--radius-full);font-size:.78rem;font-weight:600;cursor:pointer;border:1px solid transparent;transition:all var(--transition-fast)}.source-toggle--on{background:var(--accent-glow);color:var(--accent-text);border-color:rgba(74,138,92,.3)}.source-toggle--on:hover{background:rgba(74,138,92,.3)}.source-toggle--off{background:var(--bg-elevated);color:var(--text-muted);border-color:var(--border)}.source-toggle--off:hover{background:var(--border)}.modal__footer{padding:12px 20px 16px;border-top:1px solid var(--border);display:flex;justify-content:flex-end}.confirm-overlay{position:fixed;inset:0;z-index:9999;background:var(--scrim);display:flex;align-items:center;justify-content:center;animation:fadeIn .15s;padding:16px}.confirm-modal{background:var(--bg-elevated);border:1px solid var(--border-hover);border-radius:var(--radius-lg);padding:24px;max-width:360px;width:100%;animation:slideUp .2s ease-out}.confirm-modal__title{font-size:1rem;font-weight:700;margin-bottom:8px}.confirm-modal__msg{font-size:.875rem;color:var(--text-secondary);margin-bottom:20px;line-height:1.5}.confirm-modal__actions{display:flex;gap:8px;justify-content:flex-end}.btn--accent{background:var(--accent-glow);color:var(--accent-text);border:1px solid rgba(74,138,92,.4)}.btn--accent:hover{background:rgba(74,138,92,.3)}.badge--completed{background:var(--accent-glow);color:var(--accent-text);font-size:.7rem;padding:2px 6px;border-radius:var(--radius-full)}.review-hint-btn{background:var(--bg-elevated);color:var(--text-secondary);border:1px solid var(--border);border-radius:var(--radius-full);padding:4px 12px;font-size:.78rem;cursor:pointer;transition:all var(--transition-fast)}.review-hint-btn:hover{border-color:var(--primary);color:var(--primary-light)}.review-card__hint{font-size:.88rem;color:var(--text-secondary);line-height:1.7;padding:12px 16px;background:var(--bg-elevated);border-radius:var(--radius-md);border:1px dashed var(--border);margin-top:12px;text-align:center}.review-card__highlight--hint{background:rgba(74,138,92,.2);color:var(--accent-text);border-radius:2px;padding:0 2px}.completion-overlay{z-index:1100}.completion-modal{max-width:420px;text-align:center;padding:40px 32px 32px}.completion-modal__fireworks{font-size:3.5rem;margin-bottom:12px;animation:popIn .4s cubic-bezier(.34,1.56,.64,1)}@keyframes popIn{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}.completion-modal__title{font-size:1.6rem;font-weight:800;color:var(--text-primary);margin-bottom:6px}.completion-modal__subtitle{font-size:.85rem;color:var(--text-muted);margin-bottom:28px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.completion-modal__subtitle:has(+.completion-modal__reading){margin-bottom:8px}.completion-modal__reading:has(+.completion-modal__round){margin-bottom:3px}.completion-modal__round{margin:0 0 28px;color:var(--text-muted);font-size:.78rem;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.completion-modal__round--up b{color:var(--accent-text)}.completion-modal__reading{margin:0 0 28px;color:var(--text-secondary);font-size:.85rem;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.completion-stats{display:flex;align-items:center;justify-content:center;gap:0;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px 0;margin-bottom:28px}.completion-stat{flex:1 1;display:flex;flex-direction:column;align-items:center;gap:4px}.completion-stat--divider{flex:0 1;width:1px;height:40px;background:var(--border)}.completion-stat__value{font-size:1.6rem;font-weight:800;color:var(--primary-light);line-height:1}.completion-stat__label{font-size:.72rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.completion-modal__actions{display:flex;flex-direction:column;gap:10px}.review-score-guide{font-size:.78rem;color:var(--text-muted);text-align:center;margin-bottom:10px;letter-spacing:.02em}.review-score-btn{display:flex;flex-direction:column;align-items:center;gap:3px;position:relative}.review-keys-hint{display:none}@media (pointer:fine){.review-keys-hint{display:inline}}.suggestion-card__ready{font-size:.7rem;color:var(--accent-text);font-weight:600}.listen-controls{margin:8px 0 12px}.listen-controls__panel{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-full)}.listen-controls__btn{background:none;border:none;cursor:pointer;font-size:.95rem;color:var(--text-primary);padding:4px 8px;border-radius:var(--radius-sm);transition:background var(--transition-fast)}.listen-controls__btn:hover{background:var(--bg-card)}.listen-controls__progress{font-size:.78rem;color:var(--text-muted);min-width:40px;text-align:center;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.listen-controls__rate{font-size:.78rem;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);padding:2px 6px;color:var(--text-primary);cursor:pointer}.listen-controls__current{margin-top:8px;padding:8px 12px;font-size:.88rem;line-height:1.6;color:var(--text-secondary);background:var(--bg-secondary);border-left:2px solid var(--primary);border-radius:0 var(--radius-sm) var(--radius-sm) 0;font-style:italic}.guide-hero{text-align:center;margin-bottom:56px;padding:0 8px}.guide-hero__icon{font-size:2.4rem;margin-bottom:14px;animation:floatBounce 3s ease-in-out infinite}@keyframes floatBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.guide-hero__title{font-size:clamp(1.5rem,4vw,2.1rem);font-weight:800;line-height:1.35;margin-bottom:14px;color:var(--text-primary)}.guide-hero__accent{background:linear-gradient(135deg,#E8763C,#F5C34A);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.guide-hero__sub{color:var(--text-secondary);font-size:.95rem;max-width:440px;margin:0 auto;line-height:1.8}.guide-hero__recommend{margin-top:20px;padding:14px 20px;display:inline-block;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md)}.guide-cta__btn{white-space:nowrap;background:linear-gradient(135deg,#E8763C,#D85840);color:#fff;box-shadow:0 4px 14px rgba(232,118,60,.3);border-radius:var(--radius-md);transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.guide-cta__btn:hover{transform:translateY(-1px);box-shadow:0 6px 20px rgba(232,118,60,.4)}@keyframes celebOverlayIn{0%{opacity:0}to{opacity:1}}@keyframes celebModalIn{0%{opacity:0;transform:scale(.7) translateY(30px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes celebIconPulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.review-done{display:flex;flex-direction:column;align-items:center;text-align:center;max-width:440px;margin:0 auto}.review-done__header{margin-bottom:24px}.review-done__emoji{font-size:3rem;margin-bottom:12px;animation:celebIconPulse 1.5s ease infinite}.review-done__title{font-size:1.5rem;font-weight:800;color:var(--text-primary);margin-bottom:6px}.review-done__sub{font-size:.88rem;color:var(--text-secondary)}.review-done__stats{display:flex;align-items:center;justify-content:center;gap:20px;padding:16px 24px;background:var(--bg-secondary);border-radius:var(--radius-lg,16px);margin-bottom:24px;width:100%}.review-done__stat{display:flex;flex-direction:column;align-items:center;gap:2px}.review-done__stat-value{font-size:1.3rem;font-weight:800;color:var(--primary-light)}.review-done__stat-label{font-size:.72rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.review-done__stat-divider{width:1px;height:32px;background:var(--border)}.review-done__next-label{font-size:.82rem;color:var(--text-muted);margin-bottom:12px;text-transform:uppercase;letter-spacing:.06em;font-weight:600}.review-done__actions{display:flex;flex-direction:column;gap:8px;width:100%;margin-bottom:8px}.review-done__card{display:flex;align-items:center;gap:14px;padding:14px 18px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;text-decoration:none;transition:all var(--transition-fast);text-align:left;color:inherit}.review-done__card:hover{border-color:var(--primary-light);background:var(--bg-elevated);transform:translateX(4px)}.review-done__card-text{display:flex;flex-direction:column;gap:2px}.review-done__card-text strong{font-size:.9rem;font-weight:600;color:var(--text-primary)}.review-done__card-text span{font-size:.78rem;color:var(--text-muted)}.completion-next-card{display:flex;align-items:center;gap:10px;padding:14px 18px;background:var(--bg-secondary);border:1px dashed var(--primary-light);border-radius:var(--radius-md);text-decoration:none;color:inherit;transition:all var(--transition-fast);position:relative}.completion-next-card:hover{background:var(--bg-elevated);border-style:solid;transform:translateY(-1px);box-shadow:0 4px 16px rgba(124,92,252,.15)}.completion-next-card__badge{position:absolute;top:-8px;left:14px;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;background:var(--primary);color:#fff;padding:2px 8px;border-radius:var(--radius-full)}.completion-next-card__flag{font-size:1.2rem;flex-shrink:0}.completion-next-card__title{flex:1 1;font-size:.88rem;font-weight:600;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left}.completion-next-card__arrow{font-size:1rem;color:var(--primary-light);flex-shrink:0;transition:transform var(--transition-fast)}.completion-next-card:hover .completion-next-card__arrow{transform:translateX(4px)}.viewer-progress-bar{position:fixed;top:0;left:0;right:0;height:2px;background:transparent;z-index:200;pointer-events:none}.viewer-progress-bar__fill{height:100%;background:var(--primary);transition:width .2s ease-out;box-shadow:0 0 8px var(--primary-glow)}.viewer-progress-bar__label{display:none}.retention-buckets{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:8px;gap:8px}.retention-bucket{display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 0;background:var(--bg-secondary);border-radius:var(--radius-md)}.retention-bucket__count{font-size:1.3rem;font-weight:800}.retention-bucket__label{font-size:.7rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.weekly-report__grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:10px;gap:10px}@media (max-width:480px){.weekly-report__grid{grid-template-columns:repeat(2,1fr)}}.weekly-report__item{display:flex;flex-direction:column;align-items:center;gap:2px;padding:14px 8px;background:var(--bg-secondary);border-radius:var(--radius-md)}.weekly-report__icon{font-size:1.3rem}.weekly-report__value{font-size:1.4rem;font-weight:800;color:var(--text-primary)}.weekly-report__label{font-size:.72rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.weekly-report__diff{font-size:.7rem;font-weight:600;margin-top:2px;padding:1px 6px;border-radius:var(--radius-full)}.weekly-report__diff--up{color:var(--accent-text);background:rgba(74,138,92,.12)}.weekly-report__diff--down{color:var(--danger);background:rgba(255,107,107,.1)}.fr-level-dot{flex-shrink:0;width:46px;height:46px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-weight:800;font-size:.9rem}.fr-level-dot--sm{width:34px;height:34px;font-size:.74rem}.lessons-list__topic{font-size:.72rem;color:var(--text-muted);max-width:280px;text-align:right;line-height:1.35;white-space:normal;overflow-wrap:break-word}@media (max-width:560px){.lessons-list__topic{max-width:130px}}.fr-pattern-summary{border:1px solid;border-radius:var(--radius-md);padding:16px 18px;margin-bottom:20px}.fr-pattern-summary__title{font-size:.78rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;margin-bottom:10px}.fr-pattern-summary__list{list-style:none;margin:0;padding:0}.fr-pattern-summary__item{display:flex;align-items:baseline;gap:10px;padding:5px 0;color:var(--text-primary)}.fr-pattern-summary__item:hover .fr-pattern-summary__text{text-decoration:underline}.fr-pattern-summary__num{flex-shrink:0;font-size:.74rem;font-weight:800;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.fr-pattern-summary__text{font-size:.95rem;font-weight:700;line-height:1.5}.fr-section{padding:22px;margin-bottom:16px;scroll-margin-top:80px}@media (max-width:560px){.fr-section{padding:18px 14px}.fr-pattern{padding:11px 12px}.fr-pattern__text{font-size:1.05rem}.fr-pattern-summary{padding:13px 14px}.fr-example{padding:10px 12px}.fr-example__ipa{display:block;margin-left:0;margin-top:1px}.fr-callout{padding:11px 12px}}.fr-section__heading{font-family:var(--font-serif);display:flex;align-items:center;gap:10px;font-size:1.14rem;font-weight:700;margin-bottom:14px;line-height:1.45;word-break:keep-all}.fr-section__num{flex-shrink:0;width:24px;height:24px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:.78rem;font-weight:800}.fr-pattern{border-left:4px solid;background:var(--bg-secondary);border-radius:var(--radius-sm);padding:12px 16px;margin-bottom:14px}.fr-pattern__text{font-size:1.22rem;font-weight:800;line-height:1.5;letter-spacing:.01em;color:var(--text-primary)}.fr-pattern__ko{font-size:.8rem;color:var(--text-muted);margin-top:4px}.fr-section__detail{margin-top:12px;padding-top:10px;border-top:1px dashed var(--border)}.fr-section__para{font-size:.9rem;line-height:1.78;color:var(--text-secondary);margin-bottom:10px;word-break:keep-all}.fr-section__para:last-child{margin-bottom:0}.fr-callout__body strong,.fr-pattern-summary__text strong,.fr-pattern__text strong,.fr-section__para strong{color:var(--text-primary);font-weight:700;background:linear-gradient(transparent 60%,var(--primary-glow) 60%);border-radius:2px;padding:0 1px}.fr-examples{list-style:none;margin:12px 0 4px;padding:0}.fr-example{padding:10px 14px;margin-bottom:8px;background:var(--bg-secondary);border-left:3px solid var(--border);border-radius:var(--radius-sm)}.fr-example__fr{font-size:1rem;font-weight:700;line-height:1.55}.fr-example__ipa{margin-left:8px;font-size:.78rem;font-weight:400;color:var(--text-muted)}.fr-example__ko{font-size:.84rem;color:var(--text-secondary);margin-top:2px}.fr-example__note{font-size:.78rem;color:var(--text-muted);margin-top:4px;line-height:1.5}.fr-table-wrap{overflow-x:auto;margin:12px 0}.fr-table{width:100%;border-collapse:collapse;font-size:.85rem}.fr-table caption{caption-side:top;text-align:left;font-size:.78rem;font-weight:700;color:var(--text-muted);padding-bottom:6px}.fr-table td,.fr-table th{padding:7px 10px;text-align:left;border:1px solid var(--border)}.fr-table th{background:var(--bg-secondary);font-weight:700;font-size:.78rem;color:var(--text-secondary)}.fr-callout{margin:12px 0 4px;padding:12px 14px;border-radius:var(--radius-sm);border-left:3px solid}.fr-callout__label{display:block;font-size:.74rem;font-weight:800;letter-spacing:.02em;margin-bottom:4px}.fr-callout__body{font-size:.86rem;line-height:1.7;color:var(--text-secondary);word-break:keep-all}.fr-callout--pitfall{border-color:#E8763C;background:rgba(232,118,60,.1)}.fr-callout--pitfall .fr-callout__label{color:#E8763C}.fr-callout--vsen{border-color:#4DABF7;background:rgba(77,171,247,.1)}.fr-callout--vsen .fr-callout__label{color:#4DABF7}.fr-callout--etym{border-color:#51A85C;background:rgba(81,168,92,.1)}.fr-callout--etym .fr-callout__label{color:#51A85C}.fr-callout--tip{border-color:#9775FA;background:rgba(151,117,250,.1)}.fr-callout--tip .fr-callout__label{color:#9775FA}.fr-parallel{margin:12px 0 4px;padding:12px 14px;border-radius:var(--radius-sm);border-left:3px solid #4dabf7;background:rgba(77,171,247,.08)}.fr-parallel__label{display:block;font-size:.74rem;font-weight:800;letter-spacing:.02em;margin-bottom:8px;color:#4DABF7}.fr-parallel__rows{display:flex;flex-direction:column;gap:10px}.fr-parallel__row{display:flex;flex-direction:column;gap:3px;padding-bottom:9px;border-bottom:1px dashed var(--border)}.fr-parallel__row:last-child{border-bottom:0;padding-bottom:0}.fr-parallel__line{display:flex;align-items:baseline;gap:8px;font-size:.9rem;line-height:1.5}.fr-parallel__tag{flex-shrink:0;width:24px;text-align:center;font-size:.62rem;font-weight:800;padding:1px 0;border-radius:4px;letter-spacing:.03em}.fr-parallel__line--en .fr-parallel__tag{background:rgba(134,142,150,.18);color:var(--text-muted)}.fr-parallel__line--en .fr-parallel__txt{color:var(--text-secondary)}.fr-parallel__line--fr .fr-parallel__tag{background:rgba(77,171,247,.2);color:#4DABF7}.fr-parallel__line--fr .fr-parallel__txt{color:var(--text-primary);font-weight:600}.fr-parallel__txt strong{color:#4DABF7;font-weight:800}.fr-parallel__ko{font-size:.78rem;color:var(--text-muted);margin-left:32px}.fr-parallel__note{font-size:.82rem;line-height:1.6;color:var(--text-secondary);margin-top:9px;padding-top:9px;border-top:1px solid var(--border);word-break:keep-all}.fr-parallel__note strong{color:var(--text-primary)}.hanja-bridge{margin:12px 0 4px;padding:12px 14px;border-radius:var(--radius-sm);border-left:3px solid #e8763c;background:rgba(232,118,60,.08)}.hanja-bridge__label{display:block;font-size:.74rem;font-weight:800;letter-spacing:.02em;margin-bottom:8px;color:#E8763C}.hanja-bridge__scroll{overflow-x:auto}.hanja-bridge__table{border-collapse:collapse;margin:2px 0}.hanja-bridge__c{padding:3px 0;vertical-align:baseline;white-space:nowrap;font-size:1.05rem;font-weight:600;color:var(--text-primary)}.hanja-bridge__c--zh{color:var(--text-muted)}.hanja-bridge__c b{font-size:.6rem;font-weight:800;padding:1px 4px;border-radius:4px;margin-right:5px;background:rgba(232,118,60,.18);color:#E8763C;vertical-align:middle}.hanja-bridge__a{color:var(--text-muted);font-size:.8rem;padding:0 12px;vertical-align:baseline}.hanja-bridge__read{font-size:.72rem;color:var(--text-muted);margin-left:5px;font-weight:400}.hanja-bridge__ko{font-size:.78rem;color:var(--text-secondary);padding:1px 0 8px;border-bottom:1px dashed var(--border)}.hanja-bridge__note{font-size:.82rem;line-height:1.6;color:var(--text-secondary);margin-top:9px;padding-top:9px;border-top:1px solid var(--border);word-break:keep-all}.hanja-bridge__note strong{color:var(--text-primary)}@media (max-width:420px){.hanja-bridge{padding:12px 10px}.hanja-bridge__a{padding:0 5px}.hanja-bridge__c{font-size:1rem}}.myplan__head{margin-bottom:18px}.myplan__title{font-size:1.15rem;font-weight:800;color:var(--text-primary)}.myplan__lead{font-size:.85rem;color:var(--text-secondary);line-height:1.6;margin-top:4px}.myplan{container-type:inline-size}.myplan__grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:22px;gap:22px}@container (max-width: 880px){.myplan__grid{grid-template-columns:1fr}}.myplan-lang{border:1px solid var(--border);border-radius:var(--radius-md);padding:16px;background:var(--bg-card)}.myplan-lang__head{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;margin-bottom:10px}.myplan-lang__title{font-size:1rem;font-weight:800;color:var(--text-primary)}.myplan-lang__sub{font-size:.74rem;color:var(--text-muted)}.myplan-bar{height:8px;border-radius:99px;background:var(--bg-elevated);overflow:hidden}.myplan-bar__fill{height:100%;background:linear-gradient(90deg,var(--primary),var(--accent,var(--primary)));transition:width .3s ease}.myplan-stat{font-size:.8rem;color:var(--text-secondary);margin:7px 0 14px}.myplan-stat strong{color:var(--text-primary)}.myplan-next{color:var(--primary-light);font-weight:700;text-decoration:none}.myplan-next:hover{text-decoration:underline}.myplan-level{margin-bottom:14px}.myplan-level__name{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px;font-size:.78rem;font-weight:800;color:var(--text-secondary);margin-bottom:6px}.myplan-level__count{font-weight:700;color:var(--text-muted);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.myplan-level__link{font-size:.7rem;font-weight:600;color:var(--text-muted);-webkit-text-decoration:underline dotted;text-decoration:underline dotted;-webkit-text-decoration-color:var(--border-hover);text-decoration-color:var(--border-hover);text-underline-offset:3px}.myplan-level__link:hover{color:var(--primary-light);-webkit-text-decoration:underline solid;text-decoration:underline solid}.myplan-chips{display:flex;flex-wrap:wrap;gap:6px}.myplan-chip{display:inline-flex;align-items:center;gap:5px;padding:4px 9px 4px 6px;border-radius:99px;border:1px solid var(--border);background:var(--bg-elevated);font-size:.78rem;color:var(--text-secondary);cursor:pointer;text-decoration:none;transition:all .12s ease}.myplan-chip:hover{border-color:var(--border-hover);color:var(--text-primary)}.myplan-chip__n{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 3px;border-radius:99px;background:var(--bg-card);font-size:.68rem;font-weight:800;color:var(--text-muted)}.myplan-chip.is-done{background:rgba(74,138,92,.14);border-color:rgba(74,138,92,.4);color:var(--text-primary)}.myplan-chip.is-done .myplan-chip__n{background:#4A8A5C;color:#fff}.myplan-chip.is-next{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-glow)}.myplan-chip.is-next .myplan-chip__n{color:var(--primary-light)}.fr-pager{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px;margin:24px 0 8px}.fr-pager__link{display:flex;flex-direction:column;gap:4px;padding:14px 16px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);transition:background .15s ease}.fr-pager__link:hover{background:var(--bg-elevated)}.fr-pager__link--next{text-align:right}.fr-pager__dir{font-size:.72rem;color:var(--text-muted);font-weight:700}.fr-pager__title{font-size:.86rem;font-weight:600;line-height:1.4}@media (max-width:560px){.fr-pager{grid-template-columns:1fr}.fr-pager__link--next{text-align:left}}.fr-vocab-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.fr-vocab-tab{padding:5px 14px;font-size:.84rem;font-weight:700;color:var(--text-secondary);background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-full);transition:background .15s ease}.fr-vocab-tab:hover{background:var(--bg-elevated)}.fr-vlist-tools{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:8px}.search-input{min-height:44px;padding:8px 12px}.fr-vlist-tools .search-input{flex:1 1;min-width:180px}.fr-vlist-tools__toggles{display:flex;gap:6px}.fr-vlist-hint{font-size:.78rem;color:var(--text-muted);margin-bottom:12px}.fr-vlist-theme{font-family:var(--font-serif);font-size:1rem;font-weight:700;margin:20px 0 7px}.fr-vlist-theme__count{font-size:.74rem;color:var(--text-muted);font-weight:500;margin-left:8px}.fr-vlist{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.fr-vrow{display:grid;grid-template-columns:auto clamp(132px,24%,190px) 1fr auto;grid-gap:clamp(14px,3vw,24px);gap:clamp(14px,3vw,24px);align-items:start;padding:12px 16px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:0 1px 3px rgba(0,0,0,.06)}.fr-vrow--quiz{cursor:pointer}.fr-vrow--quiz:hover{background:var(--bg-secondary)}.fr-vrow.is-checked{background:rgba(74,138,92,.06)}.fr-vrow__check{display:flex;align-items:flex-start;padding-top:2px;cursor:pointer;min-width:24px;min-height:24px;align-items:center;justify-content:center}.fr-vrow__check input{width:18px;height:18px;accent-color:#4A8A5C;cursor:pointer}.fr-vrow__word{min-width:0}.fr-vrow__main{display:block;font-size:1.3rem;font-weight:800;line-height:1.4;overflow-wrap:break-word;background:linear-gradient(135deg,var(--text-primary) 60%,var(--primary-light));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.fr-vrow__main rt{-webkit-text-fill-color:var(--text-muted);color:var(--text-muted)}.fr-vrow__pron{display:block;font-size:.78rem;color:var(--text-muted);letter-spacing:.02em;margin-top:1px}.fr-vrow__body{min-width:0}.fr-vrow__ko{font-size:.88rem;color:var(--text-primary);line-height:1.55}.fr-vrow__pos{font-size:.66rem;font-weight:700;color:var(--text-muted);background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-full);padding:1px 7px;margin-right:7px;vertical-align:1px}.fr-vrow__en{font-size:.78rem;color:var(--text-muted)}.fr-vrow__etym{font-size:.78rem;color:#51A85C}.fr-vrow__etym,.fr-vrow__ex{line-height:1.55;margin-top:4px}.fr-vrow__ex{font-size:.79rem;color:var(--text-secondary);font-style:italic}.fr-vrow__ex-yomi{font-size:.72rem}.fr-vrow__ex-ko,.fr-vrow__ex-yomi{font-style:normal;color:var(--text-muted)}.fr-vrow__actions{display:flex;gap:4px;align-items:center;padding-top:2px}.fr-vrow__save{background:transparent;border:none;font-size:.95rem;cursor:pointer;padding:2px 4px;border-radius:var(--radius-sm);display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;opacity:.75;transition:opacity .15s ease,transform .15s ease}.fr-vrow__save:hover:not(:disabled){opacity:1;transform:scale(1.15)}.fr-vrow__save.is-saved{opacity:.55;cursor:default;color:var(--accent-text)}.fr-vrow__grade{margin-top:6px}.fr-vrow__grade-done{font-size:.74rem;font-weight:600}.fr-vrow__grade-done.is-ok{color:var(--accent-text)}.fr-vrow__grade-done.is-no{color:var(--text-muted)}.fr-vrow__body.is-hidden,.fr-vrow__word.is-hidden{position:relative}.fr-vrow__body.is-hidden>*,.fr-vrow__hide-extra,.fr-vrow__word.is-hidden>*{filter:blur(7px);opacity:.45;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none}.fr-vrow--wide{grid-template-columns:auto clamp(150px,27%,240px) 1fr auto}.bk-pattern{font-size:1.04rem;font-weight:800;letter-spacing:.01em}.bk-pinyin{display:block;font-size:.82rem;font-weight:600;color:var(--primary-light);margin-top:2px;letter-spacing:.01em}.bk-ko{font-size:.92rem;font-weight:600;color:var(--text-primary);line-height:1.5}.bk-note{font-size:.76rem;color:var(--text-muted);line-height:1.5;margin-top:3px}.bk-ex{padding:6px 0 6px 10px;border-left:2px solid var(--primary-glow)}.bk-ex,.bk-ex__pair+.bk-ex__pair{margin-top:7px}.bk-ex__ja{font-size:.92rem;font-weight:500;line-height:1.6;color:var(--text-primary)}.bk-ex__ja .ja-ruby{line-height:1.9}.bk-ex__ko{font-size:.78rem;margin-top:1px}.bk-chlink,.bk-ex__ko{color:var(--text-muted)}.bk-chlink{flex-shrink:0;display:inline-flex;align-items:center;min-height:24px;font-size:.7rem;font-weight:700;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-full);padding:2px 9px;white-space:nowrap;transition:background .15s ease,color .15s ease}.bk-chlink:hover{background:var(--bg-elevated);color:var(--text-primary)}.bk-toolbar{gap:12px;margin-bottom:10px}.bk-toolbar,.bk-toolbar__group{display:flex;align-items:center;flex-wrap:wrap}.bk-toolbar__group{gap:6px}.bk-toolbar__sep{width:1px;align-self:stretch;min-height:22px;background:var(--border);flex-shrink:0}@media (max-width:560px){.bk-toolbar__sep{display:none}}.bk-line{display:block}.bk-themenav{display:flex;gap:6px;overflow-x:auto;padding:2px 0 8px;margin-bottom:8px;-webkit-overflow-scrolling:touch;scrollbar-width:thin}.bk-themenav__chip{flex-shrink:0;font-size:.76rem;font-weight:600;color:var(--text-secondary);background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-full);padding:3px 11px;white-space:nowrap;transition:background .15s ease,color .15s ease}.bk-themenav__chip:hover{background:var(--bg-elevated);color:var(--text-primary)}.bk-switch{flex-shrink:0;font-size:.8rem;font-weight:700;color:var(--text-secondary);background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-full);padding:6px 14px;white-space:nowrap;transition:background .15s ease,color .15s ease}.bk-switch:hover{background:var(--bg-elevated);color:var(--text-primary)}.row-hide-yomi .bk-pinyin,.row-hide-yomi .fr-example__ipa,.row-hide-yomi .fr-vrow__pron--yomi,.row-hide-yomi rt{filter:blur(5px);opacity:.5;-webkit-user-select:none;-moz-user-select:none;user-select:none}.fr-vrow__chlink{display:inline-block;font-size:.74rem;font-weight:600;color:var(--primary-light);margin-top:5px}.fr-vrow__chlink:hover{text-decoration:underline}@media (max-width:560px){.fr-vrow,.fr-vrow--wide{grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"check word actions" "check body body";column-gap:10px;row-gap:5px;padding:12px}.fr-vrow__check{grid-area:check}.fr-vrow__word{grid-area:word;display:flex;flex-wrap:wrap;align-items:baseline;column-gap:8px}.fr-vrow__actions{grid-area:actions;padding-top:0}.fr-vrow__body{grid-area:body}.fr-vrow__main{font-size:1.12rem}.fr-vrow__ex{font-size:.84rem}.bk-ex__ja{font-size:.95rem}.bk-ex__ko{font-size:.8rem}}.fr-header-bunkei{font-size:.76rem;font-weight:700;color:var(--text-secondary);background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-full);padding:2px 10px;margin-left:2px;transition:background .15s ease,color .15s ease}.fr-header-bunkei:hover{background:var(--bg-elevated);color:var(--text-primary)}.lessons-list__bunkei-chip{display:inline-flex;align-items:center;justify-content:center;min-height:24px;min-width:6em;text-align:center;font-size:.72rem;font-weight:700;color:var(--text-secondary);background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-full);padding:2px 9px;cursor:pointer;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;transition:background .15s ease,color .15s ease}.lessons-list__bunkei-chip:hover{background:var(--bg-elevated);color:var(--text-primary)}@media (max-width:600px){.lessons-list__group-header{grid-template-columns:12px 2.2rem minmax(0,1fr) auto auto auto}.lessons-list__group-toggle{grid-column:1/4;grid-template-columns:12px 2.2rem minmax(0,1fr)}.lessons-list__group-focus{display:none}.lessons-list__chip--bunkei{grid-column:4}.lessons-list__chip--vocab{grid-column:5}.lessons-list__group-count{grid-column:6;min-width:0}.lessons-list__bunkei-chip{min-width:0;font-size:.68rem;padding:2px 7px}}.lessons-continue{display:flex;align-items:center;gap:12px;width:100%;text-align:left;padding:13px 16px;margin-bottom:6px;background:var(--primary-glow);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;transition:filter .15s ease}.lessons-continue:hover{filter:brightness(1.05)}.deck-card{display:flex;align-items:center;gap:12px;height:112px;box-sizing:border-box;width:100%;padding:14px 16px;text-decoration:none;background:var(--bg-card);border:1px solid var(--border);border-left:3px solid var(--text-muted);border-radius:var(--radius-lg);transition:filter .15s ease}.deck-card:hover{filter:brightness(1.05)}.deck-card__body{flex:1 1;min-width:0;display:flex;flex-direction:column;gap:3px}.deck-card__kicker{font-size:.74rem;font-weight:700;color:var(--text-muted);letter-spacing:.02em}.deck-card__title{font-size:.95rem;font-weight:700;color:var(--text-primary);line-height:1.4;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.deck-card__meta{flex-shrink:0;font-size:.8rem;font-weight:700;color:var(--text-secondary);white-space:nowrap}.deck-card__chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:2px;max-height:24px;overflow:hidden}.deck-card__chip{font-size:.76rem;color:var(--text-secondary);background:var(--bg-secondary);border-radius:var(--radius-full);padding:2px 10px}.deck-card--progress{border-left-color:var(--primary);background:var(--primary-glow)}.deck-card--review{border-left-color:var(--warning);background:rgba(212,150,42,.12)}.deck-card--social{border-left-color:var(--accent-text);background:var(--accent-glow)}.continue-deck{margin-bottom:6px}.continue-deck__scroller{display:flex;gap:8px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;scroll-behavior:smooth}.continue-deck__scroller::-webkit-scrollbar{display:none}.continue-deck__slide{flex:0 0 96%;scroll-snap-align:start}.continue-deck--solo .continue-deck__slide{flex-basis:100%}.continue-deck__slide .lessons-continue{margin-bottom:0}.continue-deck__dots{display:flex;justify-content:center;gap:6px;margin-top:8px}.continue-deck__dot{width:6px;height:6px;padding:0;border:none;border-radius:50%;background:var(--border);cursor:pointer;transition:background .15s ease,width .15s ease}.continue-deck__dot:before{content:"";display:block;width:44px;height:44px;margin:-19px 0 0 -19px}.continue-deck__dot--on{width:16px;border-radius:3px;background:var(--primary)}@media (prefers-reduced-motion:reduce){.continue-deck__scroller{scroll-behavior:auto}.continue-deck__dot{transition:none}}.lessons-continue__label{font-size:1.05rem;flex-shrink:0}.lessons-continue__body{flex:1 1;min-width:0;display:flex;flex-direction:column;gap:1px}.lessons-continue__kicker{font-size:.74rem;font-weight:700;color:var(--text-muted);letter-spacing:.02em}.lessons-continue__title{font-size:.95rem;font-weight:700;color:var(--text-primary);line-height:1.4}.lessons-continue__meta{flex-shrink:0;font-size:.8rem;font-weight:700;color:var(--text-secondary);white-space:nowrap}.lessons-list__row--recent{animation:recentFlash 2s ease-out 1}@keyframes recentFlash{0%{background:var(--primary-glow)}to{background:transparent}}.lessons-list__row--passed .lessons-list__status{font-size:.72rem}.lessons-list__row--passed .lessons-list__title{color:var(--text-secondary)}.lessons-list__group-passed{color:var(--accent-text);font-weight:700;margin-right:8px}.fr-bunkei-cta{display:flex;align-items:center;gap:10px;padding:14px 16px;margin:4px 0 8px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);font-size:.9rem;transition:background .15s ease}.fr-bunkei-cta:hover{background:var(--bg-elevated)}.fr-bunkei-cta__text{flex:1 1}.fr-bunkei-cta__text strong{color:var(--primary-light)}.fr-chfilter{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:9px 14px;margin-bottom:14px;background:var(--primary-glow);border-radius:var(--radius-sm);font-size:.82rem}.fr-chfilter__back{font-weight:600;text-decoration:underline}.fr-chfilter__clear{font-weight:700;color:var(--text-secondary);white-space:nowrap}.fr-chfilter__clear:hover{color:var(--text-primary)}.ja-ruby{line-height:2.05}.ja-ruby ruby{ruby-align:center;position:relative;display:inline-flex;justify-content:center}.ja-ruby ruby>.rt-an{position:absolute;left:50%;bottom:calc(100% - (.575 / 2.05) * 100%);transform:translateX(-50%);width:max-content;pointer-events:none}.bk-ex__ja .ja-ruby ruby>.rt-an{bottom:calc(100% - (.5 / 1.9) * 100%)}.ja-ruby :is(rt,.rt-an){font-size:.55em;font-weight:400;color:var(--text-muted);letter-spacing:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.btn--sm.drill-action,.fr-speak{min-height:44px}.fr-speak{background:transparent;border:none;cursor:pointer;font-size:.85rem;padding:0;border-radius:var(--radius-sm);opacity:.6;transition:opacity .15s ease;vertical-align:middle;display:inline-flex;align-items:center;justify-content:center;min-width:44px}.fr-speak:hover{opacity:1}.fr-speak--xs{font-size:.75rem}.study-textlink{background:none;border:none;padding:0;cursor:pointer;font-family:inherit;font-size:.8rem;color:var(--text-muted);text-decoration:underline}.study-textlink:hover{color:var(--text-secondary)}.study-sent--peek{cursor:pointer;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;-webkit-text-decoration-color:var(--border);text-decoration-color:var(--border);text-underline-offset:4px}.study-sent--tap,.study-word{cursor:pointer}.study-word{-webkit-text-decoration:underline dotted;text-decoration:underline dotted;-webkit-text-decoration-color:var(--border);text-decoration-color:var(--border);text-underline-offset:3px}.study-wordpop{position:absolute;top:100%;left:0;z-index:50;margin-top:4px;min-width:88px;max-width:min(240px,calc(100vw - 32px));padding:8px 10px;border-radius:var(--radius-md);background:var(--bg-elevated);border:1px solid var(--border);box-shadow:0 4px 16px rgba(0,0,0,.14);display:flex;flex-direction:column;gap:2px;font-size:.82rem;line-height:1.5;white-space:normal;cursor:default}.fr-check__toggle-all{margin-left:auto;background:transparent;border:1px solid var(--border);border-radius:var(--radius-full);font-size:.72rem;font-weight:600;color:var(--text-muted);padding:3px 10px;cursor:pointer}.fr-check__toggle-all:hover{background:var(--bg-secondary);color:var(--text-primary)}.fr-check__count{margin-left:auto;font-size:.76rem;font-weight:700;color:var(--text-muted);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.fr-quiz{list-style:none;margin:0;padding:0}.fr-quiz__item{margin-bottom:4px}.fr-quiz__stage{display:flex;align-items:baseline;gap:7px;margin:18px 0 8px;font-size:.86rem;font-weight:800;color:var(--text-primary)}.fr-quiz__item:first-child .fr-quiz__stage{margin-top:4px}.fr-quiz__stage-num{color:var(--primary-light)}.fr-quiz__stage-hint{font-size:.72rem;font-weight:500;color:var(--text-muted)}.fr-quiz__q{padding:10px 12px;margin-bottom:8px;background:var(--bg-secondary);border-radius:var(--radius-sm)}.fr-quiz__prompt{font-size:.92rem;font-weight:700;margin-bottom:8px;line-height:1.5}.fr-quiz__opts{display:flex;flex-wrap:wrap;gap:6px}.fr-quiz__opts--col{flex-direction:column;align-items:stretch}.fr-quiz__opts--grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:8px;gap:8px}.fr-quiz__opts--grid .fr-quiz__opt{justify-content:center;text-align:center}@media (max-width:600px){.fr-quiz__opts--grid{grid-template-columns:1fr}.fr-quiz__opts--grid .fr-quiz__opt{justify-content:flex-start;text-align:left}}.fr-quiz__opt{display:flex;align-items:center;min-height:44px;text-align:left;font-size:.84rem;font-weight:600;color:var(--text-secondary);background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-sm);padding:7px 12px;cursor:pointer;transition:border-color .15s ease,color .15s ease;line-height:1.5}.fr-quiz__opt:hover:not(:disabled){border-color:var(--primary);color:var(--text-primary)}.fr-quiz__opt.is-correct{border-color:var(--accent);color:var(--accent-text);font-weight:700}.fr-quiz__opt.is-correct:after{content:"✓";margin-left:auto;padding-left:8px;font-weight:700}.fr-quiz__opt.is-wrong{border-color:var(--danger);color:var(--danger)}.fr-quiz__opt.is-locked{opacity:.5}.fr-quiz__opt:disabled{cursor:default}.fr-quiz__line{display:flex;flex-wrap:wrap;gap:6px;align-items:center;min-height:40px;padding:6px 8px;margin-bottom:8px;background:var(--bg-primary);border:1px dashed var(--border);border-radius:var(--radius-sm)}.fr-quiz__line.is-correct{border-color:var(--accent);border-style:solid}.fr-quiz__line.is-wrong{border-color:var(--danger);border-style:solid}.fr-quiz__line-hint{font-size:.76rem;color:var(--text-muted)}.fr-quiz__tokens{display:flex;flex-wrap:wrap;gap:8px}.fr-quiz__tokens .fr-quiz__token{text-align:center}.fr-quiz__token{display:inline-flex;align-items:center;justify-content:center;min-height:44px;white-space:nowrap;font-size:.88rem;font-weight:600;color:var(--text-primary);background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-sm);padding:5px 10px;cursor:pointer;transition:border-color .15s ease}.fr-quiz__token:hover:not(:disabled){border-color:var(--primary)}.fr-quiz__token.is-picked{background:var(--primary-glow)}.fr-quiz__answer{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:.9rem;line-height:1.7;margin-top:6px}.fr-quiz__mark.is-correct{color:var(--accent-text)}.fr-quiz__mark.is-wrong{color:var(--danger)}.fr-check__verdict{margin-top:14px;padding:12px 14px;border-radius:var(--radius-sm);border-left:3px solid}.fr-check__verdict.is-pass{border-color:var(--accent);background:rgba(74,138,92,.1)}.fr-check__verdict.is-fail{border-color:var(--warning);background:rgba(245,195,74,.08)}.fr-check__verdict .fr-check__result{margin-top:0;padding-top:0;border-top:none}.fr-check__verdict-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:10px}.fr-check__next{font-size:.86rem;font-weight:700;color:#fff;background:var(--primary);border-radius:var(--radius-full);padding:7px 16px;transition:filter .15s ease}.fr-check__next:hover{filter:brightness(1.1)}.fr-check__review{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:10px;padding-top:10px;border-top:1px dashed var(--border);font-size:.78rem}.fr-check__review-label{color:var(--text-muted);font-weight:600}.fr-check__review-link{color:var(--text-secondary);font-weight:700;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-full);padding:3px 10px;transition:background .15s ease,color .15s ease}.fr-check__review-link:hover{background:var(--bg-elevated);color:var(--text-primary)}.fr-check__grade{display:inline-flex;gap:4px}.fr-check__grade-btn{border:1px solid var(--border);background:transparent;border-radius:var(--radius-full);font-size:.72rem;font-weight:600;padding:2px 9px;cursor:pointer;color:var(--text-muted);transition:color .15s ease,border-color .15s ease}.fr-check__grade-btn.is-on--o{color:var(--accent-text);border-color:var(--accent)}.fr-check__grade-btn.is-on--x{color:var(--danger);border-color:var(--danger)}.fr-check__last{color:var(--text-muted)}.fr-check__result{margin-top:12px;padding-top:10px;border-top:1px dashed var(--border);font-size:.86rem;color:var(--text-secondary)}.fr-check__result strong{color:var(--text-primary)}.fr-check__lead{font-size:.82rem;color:var(--text-muted);margin-bottom:12px}.fr-check__list{list-style:none;margin:0;padding:0;counter-reset:check}.fr-check__item{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;padding:9px 0;border-bottom:1px dashed var(--border)}.fr-check__item:before{counter-increment:check;content:counter(check);flex-shrink:0;font-size:.72rem;font-weight:800;color:var(--text-muted);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.fr-check__ko{flex:1 1;min-width:160px;font-size:.88rem;color:var(--text-primary)}.fr-check__answer{background:transparent;border:none;cursor:pointer;text-align:left;padding:0;display:flex;align-items:center;min-height:44px}.fr-check__hidden{font-size:.78rem;font-weight:600;color:var(--text-muted);border:1px dashed var(--border);border-radius:var(--radius-full);padding:3px 12px}.fr-check__answer:hover .fr-check__hidden{color:var(--text-primary)}.fr-check__main{font-size:.92rem;font-weight:700}.fr-check__pron{font-size:.74rem;font-weight:400;color:var(--text-muted)}.lvprog__head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:12px}.lvprog__tabs{display:flex;gap:4px;min-width:0;overflow-x:auto;scrollbar-width:none}.lvprog__tabs::-webkit-scrollbar{display:none}.lvprog__tabs .chip{flex-shrink:0;white-space:nowrap}.lvprog__rows{display:flex;flex-direction:column;gap:9px}.lvprog__row{display:flex;align-items:center;gap:10px}.lvprog__key{font-family:var(--font-serif);font-size:1.05rem;font-weight:700;line-height:1;width:2.8ch;flex-shrink:0;text-align:left;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--text-primary)}.lvprog__key.is-done{color:var(--accent-text)}.lvprog__bar{flex:1 1;height:7px;position:relative;background:var(--bg-secondary);border-radius:var(--radius-full);overflow:hidden}.lvprog__bar-pass,.lvprog__bar-read{position:absolute;left:0;top:0;bottom:0;border-radius:var(--radius-full);transition:width .5s ease}.lvprog__bar-read{background:var(--primary-glow)}.lvprog__bar-pass{background:var(--primary)}.lvprog__count{font-size:.76rem;color:var(--text-muted);width:4.4em;flex-shrink:0;text-align:right;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;white-space:nowrap}.lvprog__legend{display:flex;gap:14px;flex-wrap:wrap;font-size:.7rem;color:var(--text-muted);margin-top:10px}.lvprog__dot{display:inline-block;width:8px;height:8px;border-radius:2px;margin-right:4px}.lvprog__dot--read{background:var(--primary-glow)}.lvprog__dot--pass{background:var(--primary)}.bento{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:minmax(146px,auto);grid-gap:12px;gap:12px;margin-top:16px}.bento-item{min-width:0}.bento--1x1{grid-column:span 1;grid-row:span 1}.bento--2x2{grid-column:span 2;grid-row:span 2}.bento--4x1{grid-column:span 4;grid-row:span 1}.bento-item>.card,.bento-item>div>.card{height:100%;margin:0}.bento-item>div{height:100%}.bento-item .card.mypage-section{margin-bottom:0}.bento-stat{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;text-align:center}.bento-stat .mypage-stat-cell__value{font-size:1.7rem}@media (max-width:600px){.bento{grid-template-columns:repeat(2,1fr);grid-auto-rows:minmax(120px,auto)}.bento--2x2{grid-row:span 1}.bento--2x2,.bento--4x1{grid-column:span 2}.bento-stat .mypage-stat-cell__value{font-size:1.4rem}.bento>:nth-child(3){order:2}.bento>:nth-child(n+6){order:3}}.review-tile{display:flex;flex-direction:column;justify-content:space-between;text-decoration:none;color:inherit;transition:background .15s ease}.review-tile:hover{background:var(--bg-elevated)}.review-tile__head{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.review-tile__kicker{font-size:.74rem;font-weight:700;color:var(--text-muted);letter-spacing:.02em}.review-tile__due{font-size:.74rem;font-weight:600;color:var(--warning);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.review-tile__cycle{flex:1 1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;text-align:center;min-height:0;animation:reviewWordIn .5s ease}.review-tile__word{font-family:var(--font-serif);font-size:1.55rem;font-weight:700;line-height:1.3;color:var(--text-primary);word-break:keep-all;overflow-wrap:anywhere}.review-tile__meaning{font-size:.85rem;color:var(--text-secondary);line-height:1.5;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.review-tile__cta{font-size:.8rem;font-weight:600;color:var(--primary-light);text-align:right}@keyframes reviewWordIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.bento-stat--btn{cursor:pointer;border:1px solid var(--border);transition:background .15s ease}.bento-stat--btn:hover{background:var(--bg-elevated)}.tile-modal__overlay{position:fixed;inset:0;z-index:1000;background:var(--scrim);display:flex;align-items:center;justify-content:center;padding:20px}.tile-modal{width:100%;max-width:340px;padding:20px}.tile-modal__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.tile-modal__title{font-family:var(--font-serif);font-size:1.05rem;font-weight:700;margin:0}.tile-modal__close{background:none;border:none;cursor:pointer;color:var(--text-muted);font-size:.9rem;padding:4px}.tile-modal__row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;font-size:.88rem}.tile-modal__num{max-width:90px;text-align:right}.dday-goal{display:flex;gap:6px;min-width:0}.dday-goal__sel{flex:1 1;min-width:0;padding:6px 8px;font-size:.85rem}.goal-track{display:flex;flex-direction:column;justify-content:center;gap:8px;width:100%;text-align:left;font:inherit;color:inherit;cursor:pointer}.goal-track:hover{border-color:var(--border-hover)}.goal-track__head{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 10px}.goal-track__title{font-weight:800;font-size:.95rem;color:var(--text-primary)}.goal-track__count{font-size:.82rem;color:var(--text-secondary);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.goal-track__verdict{margin-left:auto;align-self:center;padding:2px 9px;border-radius:99px;font-size:.72rem;font-weight:700;letter-spacing:.02em}.goal-track__verdict.is-easy{background:rgba(74,138,92,.16);color:#4A8A5C}.goal-track__verdict.is-ontrack{background:var(--bg-elevated);color:var(--text-secondary)}.goal-track__verdict.is-late{background:rgba(232,118,60,.16);color:#E8763C}.goal-track__bar{flex:0 0 6px;border-radius:99px;background:var(--bg-elevated);overflow:hidden}.goal-track__fill{display:block;height:100%;background:linear-gradient(90deg,var(--primary),var(--accent,var(--primary)));transition:width .3s ease}.goal-track__line{margin:0;font-size:.84rem;color:var(--text-secondary);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.goal-track__line b{color:var(--text-primary);font-weight:700}.goal-detail{display:flex;flex-direction:column;gap:12px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.goal-detail__row{display:flex;gap:10px;align-items:baseline}.goal-detail__label{flex:0 0 2.4em;font-size:.78rem;font-weight:700;color:var(--text-muted)}.goal-detail__value{flex:1 1 auto;min-width:0;font-size:.85rem;color:var(--text-secondary)}.goal-detail__value b{color:var(--text-primary);font-weight:700}.goal-detail__levels{display:flex;flex-wrap:wrap;gap:3px 8px;margin-top:5px;font-size:.74rem;color:var(--text-muted)}.goal-detail__levels .is-done{color:#4A8A5C}.hm-day{aspect-ratio:1;width:100%;border:none;padding:0;border-radius:2px;background:var(--bg-secondary);cursor:pointer}.hm-day--future{background:transparent}.hm-scroll{overflow-x:auto;margin-top:10px}.hm-strip{display:grid;grid-auto-flow:column;grid-template-rows:repeat(7,1fr);grid-gap:2px;gap:2px;min-width:320px}.hm-strip .hm-day{width:100%;min-width:9px}@media (min-width:900px){.review-dash{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"hero    vocab" "revisit vocab";grid-column-gap:16px;column-gap:16px;grid-row-gap:14px;row-gap:14px;margin-bottom:14px}.review-dash>.vocab-hero{grid-area:hero;margin-bottom:0}.review-dash>.review-sec--vocab{grid-area:vocab;margin-bottom:0}.review-dash>.review-sec--revisit{grid-area:revisit;margin-bottom:0}}.review-sec{display:flex;flex-direction:column;gap:8px;padding:16px 20px;margin-bottom:14px}.review-sec__head{display:flex;align-items:baseline;gap:6px}.review-sec__title{margin:0;font-size:.95rem;font-weight:800;color:var(--text-primary)}.review-sec__count{font-size:.85rem;font-weight:700;color:var(--text-muted)}.review-sec__more{margin-left:auto;display:inline-flex;align-items:center;min-height:44px;padding:0 2px;background:none;border:none;cursor:pointer;font-size:.82rem;font-weight:700;color:var(--accent-text);text-decoration:none}.review-sec__meta{margin:0;font-size:.78rem;color:var(--text-muted)}.review-sec__empty{margin:0;font-size:.85rem;color:var(--text-secondary);line-height:1.6}.review-sec__rows{display:flex;flex-direction:column}.review-sec__row{display:flex;align-items:baseline;gap:10px;width:100%;min-height:44px;padding:8px 0;background:none;border:none;border-top:1px solid var(--border);cursor:pointer;text-align:left;color:var(--text-primary);text-decoration:none}.review-sec__rows .review-sec__row:first-child{border-top:none}.review-sec__row:hover .review-sec__word{color:var(--primary-light)}.review-sec__word{flex-shrink:0;font-size:.95rem;font-weight:700}.review-sec__meaning{flex:1 1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.85rem;color:var(--text-secondary)}.review-sec__due{flex-shrink:0;font-size:.76rem;color:var(--text-muted);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.review-sec__due--now{color:var(--accent-text);font-weight:700}.vocab-hero{display:flex;flex-direction:column;align-items:stretch;gap:12px;padding:18px 20px;margin-bottom:16px}.vocab-hero__top{display:flex;align-items:baseline;gap:10px;min-height:44px}.vocab-tools{position:relative;margin-left:auto;align-self:center}.vocab-tools__menu{position:absolute;right:0;top:100%;margin-top:4px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:0 8px 24px rgba(0,0,0,.2);z-index:100;min-width:172px;overflow:hidden}.vocab-tools__item{display:block;width:100%;padding:10px 14px;border:none;background:transparent;text-align:left;font-size:.85rem;cursor:pointer;color:var(--text-primary);text-decoration:none}.vocab-tools__item:hover{background:var(--bg-secondary)}.vocab-tools__item:disabled{opacity:.55;cursor:default}.vocab-tools__field,.vocab-tools__limit{padding:10px 14px;border-top:1px solid var(--border)}.vocab-hero__kicker{font-size:.74rem;font-weight:700;color:var(--text-muted);letter-spacing:.02em;margin-right:4px}.vocab-hero__num{font-family:var(--font-serif);font-size:2rem;font-weight:700;line-height:1;color:var(--text-primary);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.vocab-hero__sub{font-size:.88rem;color:var(--text-secondary)}.vocab-hero__done{font-size:.92rem;font-weight:600;color:var(--accent-text)}.vocab-filter-row{display:flex;align-items:center;gap:8px 10px;flex-wrap:wrap}.vocab-filter-row__count{margin-left:auto;font-size:.8rem;color:var(--text-muted);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.vocab-sort{min-height:44px;padding:0 28px 0 13px;font-size:.8rem;font-weight:600;color:var(--text-secondary);background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-full);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--text-muted) 50%),linear-gradient(135deg,var(--text-muted) 50%,transparent 50%);background-position:calc(100% - 15px) 50%,calc(100% - 11px) 50%;background-size:4px 4px,4px 4px;background-repeat:no-repeat}.search-input{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border);border-radius:var(--radius-md)}.search-input::placeholder{color:var(--text-muted)}.vocab-hero__go{display:flex;flex-direction:column;gap:8px}.vocab-hero__go>.btn--primary{width:100%;justify-content:center;min-height:58px;padding-top:16px;padding-bottom:16px;font-size:1.02rem}.vocab-hero__hint{margin:-2px 0 0;font-size:.76rem;color:var(--text-muted);text-align:center}.vocab-hero__split{display:flex;justify-content:center;gap:6px;flex-wrap:wrap}.vocab-rematch{display:block;width:100%;margin-top:8px;padding:9px 12px;font-size:.85rem;font-weight:600;text-align:left;cursor:pointer;color:var(--warning);background:rgba(212,150,42,.12);border:1px solid rgba(212,150,42,.35);border-radius:var(--radius-md)}.vocab-rematch:hover{background:rgba(212,150,42,.2)}.vocab-rematch strong{font-weight:800}.vocab-stat-strip{display:flex;flex-wrap:wrap;align-items:baseline;margin:-2px 0 18px}.vocab-stat{font-size:.78rem;color:var(--text-muted);white-space:nowrap}.vocab-stat+.vocab-stat:before{content:"·";margin:0 7px;color:var(--border)}.vocab-stat strong{color:var(--text-secondary);color:var(--text-primary);font-weight:700;margin-left:3px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.vocab-stat[data-tone=due]{background:rgba(214,158,46,.12);border-color:var(--warning);color:var(--warning)}.vocab-stat[data-tone=due] strong{color:var(--warning)}.vocab-stat--total{margin-left:auto;background:transparent;border-color:transparent}.lvprog__frac{display:inline-flex;align-items:baseline}.lvprog__frac-n{min-width:2ch;text-align:right}.lvprog__frac-sep{margin:0 2px;color:var(--text-muted)}.lvprog__frac-d{min-width:2ch;text-align:left}.gojuon{margin:8px 0 4px}.gojuon-set{margin-bottom:18px}.gojuon-set__label{font-size:.85rem;font-weight:700;color:var(--text-secondary);margin:0 0 8px}.gojuon-board{display:flex;flex-direction:column;gap:14px}.gojuon-grid{display:grid;grid-gap:6px;gap:6px}.gojuon-cell{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:9px 2px;min-height:58px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;transition:border-color .12s,background .12s}.gojuon-cell.is-sel,.gojuon-cell:hover{border-color:var(--primary);background:var(--primary-glow)}.gojuon-cell__kana{font-size:1.6rem;line-height:1;color:var(--text-primary)}.gojuon-cell__sub{font-size:.66rem;color:var(--text-muted);white-space:nowrap}.gojuon-cell--empty{background:transparent;border-color:transparent;cursor:default}.gojuon-panel{display:flex;flex-direction:column;align-items:center;gap:8px;align-self:center;padding:14px 16px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md)}.gojuon-panel__stroke{display:flex;gap:6px}.gojuon-panel__read{display:flex;align-items:baseline;gap:8px}.gojuon-panel__roma{font-size:1.4rem;font-weight:800;color:var(--text-primary);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;letter-spacing:.02em}.gojuon-panel__replay{font-size:.78rem;padding:3px 12px;border-radius:var(--radius-full);background:var(--bg-card);border:1px solid var(--border);color:var(--text-secondary);cursor:pointer}.gojuon-panel__replay:hover{border-color:var(--primary);color:var(--primary-light)}@media (min-width:760px){.gojuon-board{flex-direction:row;align-items:flex-start;gap:22px}.gojuon-board .gojuon-grid{flex:1 1;min-width:0}.gojuon-panel{align-self:auto;flex:0 0 auto;position:-webkit-sticky;position:sticky;top:16px}.gojuon-panel .kana-stroke-row{flex-wrap:wrap;max-width:var(--kana-glyph)}}.kana-stroke-row{--kana-glyph:150px;display:flex;gap:6px;align-items:center;justify-content:center}.kana-stroke-glyph{width:var(--kana-glyph);height:var(--kana-glyph)}.kana-stroke-glyph--empty{background:var(--bg-secondary);border-radius:var(--radius-md)}.kana-stroke-glyph svg{width:100%;height:100%;display:block;--shadow:var(--border);--stroke:var(--text-primary)}.kana-stroke-glyph [data-strokesvg=strokes] path{stroke-dasharray:4000;stroke-dashoffset:4000}.kana-stroke-row.is-drawing [data-strokesvg=strokes] path{animation:kanaDraw .55s ease forwards;animation-delay:calc((var(--i, 0) + var(--base, 0)) * .5s)}@keyframes kanaDraw{to{stroke-dashoffset:0}}@media (prefers-reduced-motion:reduce){.kana-stroke-glyph [data-strokesvg=strokes] path{stroke-dashoffset:0}.kana-stroke-row.is-drawing [data-strokesvg=strokes] path{animation:none}}.kana-test{padding:22px 20px;margin-top:16px}.kana-test__title{font-size:1.1rem;font-weight:700;margin:0 0 6px;text-align:center}.kana-test__lead{font-size:.88rem;color:var(--text-secondary);text-align:center;margin:0}.kana-test__bar{display:flex;justify-content:space-between;font-size:.8rem;color:var(--text-muted);margin-bottom:14px}.kana-test__prompt{font-size:4.5rem;line-height:1;text-align:center;color:var(--text-primary);margin:6px 0 18px}.kana-test__input{text-align:center;font-size:1.1rem;letter-spacing:.04em}.kana-test__input.is-correct{border-color:var(--accent)}.kana-test__input.is-wrong{border-color:var(--danger)}.kana-test__feedback{text-align:center;font-size:.95rem;font-weight:700;margin:10px 0 0}.kana-test__feedback.is-ok{color:var(--accent-text)}.kana-test__feedback.is-no{color:var(--danger)}.kana-test__score{display:flex;flex-direction:column;align-items:center;gap:2px;margin-top:8px}.kana-test__pct{font-size:2.6rem;font-weight:800;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.kana-test__pct.is-ok{color:var(--accent-text)}.kana-test__pct.is-no{color:var(--warning)}.kana-test__frac{font-size:.85rem;color:var(--text-muted)}.kana-test__wrong{margin:16px 0 4px;padding:12px 14px;background:var(--bg-secondary);border-radius:var(--radius-md)}.kana-test__wrong-title{font-size:.82rem;font-weight:700;color:var(--text-secondary);margin:0 0 8px;text-align:center}.kana-test__wrong-list{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}.kana-test__wrong-item{font-size:.82rem;color:var(--text-muted);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-full);padding:3px 10px;white-space:nowrap}.kana-test__wrong-item b{font-size:1rem;color:var(--text-primary);margin-right:3px}.kana-test__done-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:16px}@media (max-width:560px){.gojuon-grid{max-width:100%}.gojuon-cell{min-height:50px;padding:7px 1px;gap:2px}.gojuon-cell__kana{font-size:1.35rem}.gojuon-cell__sub{font-size:.58rem}.kana-stroke-row{--kana-glyph:120px}.kana-test__prompt{font-size:3.6rem}}.learn-cta{background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 15%,var(--bg-card)) 0,var(--bg-card) 72%);border:1px solid var(--border);border-left:4px solid var(--primary)}.learn-cta:hover{filter:none;background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 22%,var(--bg-card)) 0,var(--bg-card) 78%)}.learn-cta .lessons-continue__meta{color:var(--primary-light);font-size:1.05rem}.admin-edit__pencil{position:absolute;top:2px;right:4px;width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;padding:0;font-size:14px;line-height:1;color:var(--text-muted);background:var(--bg-elevated);border:1px solid var(--border);border-radius:6px;cursor:pointer;opacity:.28;transition:opacity .15s ease,color .15s ease,border-color .15s ease;z-index:5}.admin-edit:hover>.admin-edit__pencil,.admin-edit__pencil:focus-visible{opacity:1;color:var(--text-primary);border-color:var(--border-hover)}@media (min-width:900px){.admin-edit__pencil{right:-38px;top:3px}}.admin-edit--editing{outline:1px dashed var(--border-hover);outline-offset:3px;border-radius:var(--radius-sm)}.admin-edit__form{padding:4px 0}.admin-edit__fields,.admin-edit__form{display:flex;flex-direction:column;gap:8px}.admin-edit__field{display:flex;flex-direction:column;gap:3px}.admin-edit__field-label{font-size:.72rem;font-weight:600;color:var(--text-muted);font-family:monospace}.admin-edit__hint{font-size:.74rem;color:var(--text-muted);margin:0}.admin-edit__hint code{font-size:.72rem;padding:0 3px;border-radius:3px;background:var(--bg-elevated)}.admin-edit__error{font-size:.8rem;color:var(--danger,#e05252);margin:0}.admin-edit__actions{display:flex;gap:8px;justify-content:flex-end}.admin-edit__loading{font-size:.82rem;color:var(--text-muted)}.admin-strip{margin-top:28px;display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:8px 12px;border:1px dashed var(--border);border-radius:999px;background:var(--bg-secondary)}.admin-strip__hint{font-size:.76rem;color:var(--text-muted)}.admin-strip__badge{font-size:.72rem;font-weight:600;color:var(--accent,var(--primary));padding:2px 8px;border-radius:999px;background:var(--accent-soft,rgba(120,120,255,.12));white-space:nowrap}.world-map-viewer__maps{display:flex;flex-wrap:wrap;gap:8px}.world-map-viewer__map-tab{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:7px 10px;border:1px solid var(--border-color,rgba(128,128,128,.3));border-radius:8px;background:var(--surface,rgba(255,255,255,.04));color:var(--text-secondary,inherit);font:inherit;cursor:pointer;transition:border-color .15s ease,background .15s ease,transform .15s ease}.world-map-viewer__map-tab:focus-visible,.world-map-viewer__map-tab:hover{border-color:var(--accent,#6b9b52);transform:translateY(-1px);outline:none}.world-map-viewer__map-tab--active{border-color:var(--accent,#6b9b52);background:color-mix(in srgb,var(--accent,#6b9b52) 16%,transparent);color:var(--text-primary,inherit)}.world-map-viewer__active-map,.world-map-viewer__map-tab small{color:var(--text-muted);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.7rem}.world-map-viewer__pin{position:absolute;z-index:2;display:inline-flex;align-items:center;justify-content:center;width:22px;height:24px;transform:translate(-50%,-100%);cursor:help;filter:drop-shadow(0 1px 1px rgba(0,0,0,.65));outline:none}.world-map-viewer__pin-icon{font-size:1rem;line-height:1}.world-map-viewer__pin-label{position:absolute;bottom:calc(100% + 2px);left:50%;padding:2px 5px;border:1px solid rgba(255,250,240,.3);border-radius:3px;background:rgba(42,33,24,.9);color:#fffaf0;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.64rem;line-height:1.25;white-space:nowrap;opacity:0;visibility:hidden;transform:translate(-50%,4px);transition:opacity .12s ease,transform .12s ease,visibility .12s;pointer-events:none}.world-map-viewer__pin:focus-visible .world-map-viewer__pin-label,.world-map-viewer__pin:hover .world-map-viewer__pin-label{opacity:1;visibility:visible;transform:translate(-50%)}.world-map-viewer__pin:focus-visible{border-radius:4px;box-shadow:0 0 0 2px #fffaf0}.jpmap-layout{display:flex;flex-direction:column;gap:12px}@media (min-width:760px){.jpmap-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(240px,1fr);grid-gap:14px;gap:14px;align-items:start}}.jpmap-card{padding:10px;background:color-mix(in srgb,var(--primary) 4%,var(--bg-secondary))}.jpmap-land{fill:var(--bg-elevated);stroke:color-mix(in srgb,var(--text-muted) 45%,transparent);stroke-width:.9;filter:drop-shadow(0 1px 2px rgba(0,0,0,.18))}.jpmap-pref{fill:none;stroke:color-mix(in srgb,var(--text-muted) 30%,transparent);stroke-width:.6;stroke-linejoin:round}.jpmap-pin{stroke:var(--bg-card);stroke-width:1.5;cursor:pointer;transition:transform .15s ease;transform-box:fill-box;transform-origin:center}.jpmap-pin:focus-visible,.jpmap-pin:hover{transform:scale(1.35)}.jpmap-pin:focus{outline:none}.jpmap-pin:focus-visible{outline:2px solid var(--primary);outline-offset:3px}.jpmap-pin.is-active{transform:scale(1.2)}.jpmap-pin-ring{fill:none;stroke-width:2;opacity:.6;animation:jpmap-pulse 1.6s ease-out infinite;transform-box:fill-box;transform-origin:center;pointer-events:none}@keyframes jpmap-pulse{0%{transform:scale(.8);opacity:.7}to{transform:scale(1.5);opacity:0}}@media (prefers-reduced-motion:reduce){.jpmap-pin-ring{animation:none}.jpmap-pin{transition:none}}:root{--book-mauve-main:#80576A;--book-mauve-wash:#F3E9EC;--book-mauve-dark-text:#D9ADBF;--book-sage-main:#466C5D;--book-sage-wash:#E9EFE6;--book-sage-dark-text:#ACCCB8;--book-inkblue-main:#4D5D85;--book-inkblue-wash:#E9EDF6;--book-inkblue-dark-text:#B9C8EB;--book-amber-main:#85602F;--book-amber-wash:#F5EDDF;--book-amber-dark-text:#E1C197;--book-preview-paper:#FFFEFA;--book-preview-ink:#2E3437;--book-preview-border:#DDDCD4;--book-preview-muted:#62676D}.save-grade__guest{padding:10px 12px;border-radius:var(--radius-md);background:var(--primary-glow);border:1px solid var(--primary)}