:root{--font-family: "Be Vietnam Pro", "Noto Sans JP", system-ui, -apple-system, "Segoe UI", sans-serif;--font-jp: "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Yu Gothic", sans-serif;--font-brand: "Shippori Mincho", "Hiragino Mincho ProN", serif;--page-pad-x: 1rem;--page-max: 780px;--page-max-wide: 1000px;--header-h: 72px;--touch-min: 44px;--safe-top: env(safe-area-inset-top, 0px);--safe-right: env(safe-area-inset-right, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--bg-color: #f2f5fa;--bg-gradient: #f2f5fa;--bg-card: #ffffff;--sidebar-bg: #ffffff;--header-bg: #f2f5fa;--header-border: #dce3ee;--card-bg: #ffffff;--card-border: #dce3ee;--card-shadow: 0 1px 2px rgba(20, 40, 80, .05);--card-shadow-hover: 0 8px 24px rgba(20, 40, 80, .1);--surface-2: #f5f7fb;--surface-3: #e6ebf3;--text-main: #0e1a2c;--ink-2: #2e3b52;--text-muted: #53617a;--text-subtle: #5d6a82;--primary-color: #1a73e8;--primary-hover: #1259b8;--primary-light: #e8f1fe;--navy: #174ea6;--heart: #d6336c;--heart-soft: #fcebf1;--petal: #f6b8cb;--primary-fill: #1a73e8;--primary-fill-hover: #1566d3;--primary-text: #ffffff;--ring: #c3d9fb;--flag-fill: #fbbf24;--flag-text: #3a2600;--accent-color: #0e1a2c;--accent-light: #eef2f8;--inverse-bg: #0e1a2c;--inverse-text: #ffffff;--ok: #1b6e4c;--ok-soft: #e6f2ec;--acc: #8f5b00;--acc-soft: #fbf1dc;--bad: #a8372b;--bad-soft: #f9e7e4;--border-color: #dce3ee;--input-bg: #ffffff;--input-border: #cfd8e6;--input-focus: #1a73e8;--input-text: #0e1a2c;--page-btn-bg: #ffffff;--page-btn-border: #cfd8e6;--page-btn-text: #2e3b52;--page-btn-active-bg: #1a73e8;--page-btn-active-text: #ffffff;--diff-equal: #0e1a2c;--diff-added-bg: #e6f2ec;--diff-added-text: #1b6e4c;--diff-removed-bg: #f9e7e4;--diff-removed-text: #a8372b;--tone-listening: #1a73e8;--tone-listening-soft: #e8f1fe;--tone-vocab: #0f766e;--tone-vocab-soft: #e1f3f0;--tone-grammar: #a35a00;--tone-grammar-soft: #fbf1dc;--tone-reading: #b4325f;--tone-reading-soft: #fbe9ef;--tone-dictation: #6a3fb5;--tone-dictation-soft: #efe8fa;--cta-gradient: linear-gradient(135deg, #1a73e8, #1a73e8);--hero-glow: radial-gradient(60% 80% at 85% 0%, rgba(26, 115, 232, .08), transparent 70%)}[data-theme=dark]{--bg-color: #0e131b;--bg-gradient: #0e131b;--bg-card: #151c27;--sidebar-bg: #0a0f16;--header-bg: #0e131b;--header-border: #283245;--card-bg: #151c27;--card-border: #2a3548;--card-shadow: 0 1px 0 rgba(255, 255, 255, .04) inset, 0 6px 18px rgba(0, 0, 0, .28);--card-shadow-hover: 0 8px 24px rgba(0, 0, 0, .45);--surface-2: #1b2330;--surface-3: #243044;--text-main: #e9eef6;--ink-2: #c5cfdf;--text-muted: #9aa7bb;--text-subtle: #8794aa;--primary-color: #5aa2ff;--primary-hover: #7db5ff;--primary-light: rgba(90, 162, 255, .14);--navy: #3b82e8;--heart: #ff7aa2;--heart-soft: rgba(255, 122, 162, .14);--petal: rgba(255, 170, 196, .55);--primary-fill: #1a73e8;--primary-fill-hover: #1566d3;--primary-text: #ffffff;--ring: rgba(90, 162, 255, .45);--flag-fill: #f6b93b;--flag-text: #241800;--accent-color: #e9eef6;--accent-light: #1b2330;--inverse-bg: #e9eef6;--inverse-text: #0b1018;--ok: #62d3a3;--ok-soft: rgba(98, 211, 163, .14);--acc: #f0c56c;--acc-soft: rgba(240, 197, 108, .15);--bad: #ff9a8a;--bad-soft: rgba(255, 154, 138, .14);--border-color: #2a3548;--input-bg: #0f151e;--input-border: #35425a;--input-focus: #5aa2ff;--input-text: #e9eef6;--page-btn-bg: #151c27;--page-btn-border: #35425a;--page-btn-text: #c5cfdf;--page-btn-active-bg: #1a73e8;--page-btn-active-text: #ffffff;--diff-equal: #e9eef6;--diff-added-bg: rgba(98, 211, 163, .14);--diff-added-text: #62d3a3;--diff-removed-bg: rgba(255, 154, 138, .14);--diff-removed-text: #ff9a8a;--tone-listening: #5aa2ff;--tone-listening-soft: rgba(90, 162, 255, .15);--tone-vocab: #5fd6c6;--tone-vocab-soft: rgba(95, 214, 198, .14);--tone-grammar: #f5c26b;--tone-grammar-soft: rgba(245, 194, 107, .14);--tone-reading: #ff8fb1;--tone-reading-soft: rgba(255, 143, 177, .14);--tone-dictation: #c3a6ff;--tone-dictation-soft: rgba(195, 166, 255, .15);--cta-gradient: linear-gradient(135deg, #1a73e8, #1a73e8);--hero-glow: radial-gradient(60% 80% at 85% 0%, rgba(58, 140, 255, .16), transparent 70%)}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{margin:0;padding:0;font-family:var(--font-family);background:var(--bg-color);color:var(--text-main);min-height:100vh;min-height:100dvh;transition:background .3s ease,color .3s ease}input,select,textarea,button{font-family:inherit}@media(max-width:640px){input,select,textarea{font-size:16px}}a{color:inherit;text-decoration:none}.card-glass{background:var(--card-bg);border:1px solid var(--card-border);border-radius:16px;box-shadow:var(--card-shadow);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.card-glass:hover{box-shadow:var(--card-shadow-hover)}.btn-base{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:.6rem 1.25rem;font-size:.95rem;font-weight:500;border-radius:10px;border:1px solid var(--border-color);background:var(--card-bg);color:var(--text-main);cursor:pointer;transition:all .2s ease}.btn-base:hover:not(:disabled){border-color:var(--input-border);background:var(--surface-2)}.btn-base:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--primary-fill);color:var(--primary-text);border-color:var(--primary-color);font-weight:600}.btn-primary:hover:not(:disabled){background:var(--primary-fill-hover);border-color:var(--primary-fill-hover);color:var(--primary-text)}.segmented-group{display:inline-flex;flex-wrap:wrap;justify-content:center;max-width:100%;background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:4px;gap:2px;box-shadow:none}.segmented-group button{border:none;background:transparent;color:var(--text-main);padding:.55rem 1.1rem;min-height:var(--touch-min);font-size:.9rem;font-weight:500;border-radius:8px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px;transition:all .15s ease}@media(max-width:640px){.segmented-group.practice-controls{display:grid;grid-template-columns:1fr 1fr;width:100%;gap:4px}.segmented-group.practice-controls button{width:100%;padding:.65rem .5rem}.segmented-group.practice-controls button.btn-check-active{grid-column:1 / -1}}.segmented-group button:hover:not(:disabled){background:var(--primary-light);color:var(--primary-color)}.segmented-group button.active,.segmented-group button.btn-check-active{background:var(--primary-fill);color:var(--primary-text);font-weight:600}.segmented-group button:disabled{opacity:.4;cursor:not-allowed}.toggle-switch-container{display:inline-flex;align-items:center;gap:10px;cursor:pointer;-webkit-user-select:none;user-select:none;font-size:.9rem;color:var(--text-muted);font-weight:500}.toggle-switch{position:relative;width:44px;height:24px;background:var(--border-color);border-radius:99px;transition:background .3s ease}.toggle-switch.checked{background:var(--primary-color)}.toggle-switch-handle{position:absolute;top:3px;left:3px;width:18px;height:18px;background:#fff;border-radius:50%;transition:transform .25s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 3px #0000004d}.toggle-switch.checked .toggle-switch-handle{transform:translate(20px)}.pagination-pill{min-width:var(--touch-min);height:var(--touch-min);padding:0 8px;border-radius:8px;border:1px solid var(--page-btn-border);background:var(--page-btn-bg);color:var(--page-btn-text);font-weight:600;font-size:.85rem;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0}@media(min-width:641px){.pagination-pill{min-width:36px;height:36px}}.pagination-pill:hover{border-color:var(--primary-color);color:var(--primary-color)}.pagination-pill.active{background:var(--page-btn-active-bg);color:var(--page-btn-active-text);border-color:var(--page-btn-active-bg)}.pagination-pill.segment-pill--correct{background:var(--ok-soft)!important;border-color:var(--ok)!important;color:var(--ok)!important;font-weight:700}.pagination-pill.segment-pill--correct.active{background:var(--ok-soft)!important;box-shadow:0 0 0 3px var(--ring)!important;border-color:var(--ok)!important}.pagination-pill.segment-pill--incorrect{background:var(--bad-soft)!important;border-color:var(--bad)!important;color:var(--bad)!important;font-weight:700}.pagination-pill.segment-pill--incorrect.active{background:var(--bad-soft)!important;box-shadow:0 0 0 3px var(--ring)!important;border-color:var(--bad)!important}.pagination-pill.segment-pill--unattempted{opacity:.75}.tokenized-container{display:flex;flex-wrap:wrap;align-items:center;gap:10px 6px;font-size:clamp(1rem,3.5vw,1.3rem);line-height:2.2;font-family:var(--font-family);background:var(--input-bg);padding:1rem;border-radius:14px;border:2px solid var(--card-border);box-shadow:var(--card-shadow);color:var(--input-text);max-width:100%;box-sizing:border-box;overflow-x:hidden}@media(min-width:641px){.tokenized-container{padding:1.5rem;gap:12px 6px;line-height:2.4}}.token-word{position:relative;display:inline-flex;flex-direction:column;align-items:center;max-width:100%;box-sizing:border-box}.token-input{background:transparent;border:none;border-bottom:2px solid var(--border-color);color:var(--input-text);font-size:clamp(1rem,3.5vw,1.3rem);font-family:inherit;text-align:center;padding:0 4px;outline:none;transition:border-color .2s ease;max-width:100%;box-sizing:border-box;min-height:var(--touch-min)}.token-input:focus{border-bottom-color:var(--primary-color)}.token-input:disabled{color:var(--text-main);opacity:1}.token-static{color:var(--text-main);font-weight:500;white-space:pre-wrap}.token-reveal-correct{position:absolute;top:-1.4rem;font-size:.85rem;color:var(--ok);font-weight:700;white-space:nowrap}.token-input.incorrect{color:var(--bad)!important;border-bottom-color:var(--bad)!important;text-decoration:line-through!important}.token-input.correct{color:var(--ok)!important;border-bottom-color:var(--ok)!important;text-decoration:none!important}.volume-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:5px;border-radius:99px;outline:none;cursor:pointer;background:linear-gradient(to right,var(--primary-color) 0%,var(--primary-color) var(--volume-percent, 100%),var(--border-color) var(--volume-percent, 100%),var(--border-color) 100%)}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:#fff;border:2px solid var(--primary-color);box-shadow:0 2px 5px #00000040;cursor:pointer;transition:transform .1s ease}.volume-slider::-webkit-slider-thumb:hover{transform:scale(1.15)}.audio-bar{display:flex;flex-wrap:wrap;align-items:center;gap:10px 12px;padding:.75rem 1rem;margin-bottom:1.25rem;position:relative}.audio-bar__play{border:none;background:var(--primary-fill);color:#fff;width:var(--touch-min);height:var(--touch-min);border-radius:50%;cursor:pointer;font-size:1rem;display:flex;align-items:center;justify-content:center;padding:0;box-shadow:none;flex-shrink:0}.audio-bar__timeline{display:flex;align-items:center;gap:10px;flex:1 1 140px;min-width:0}.audio-bar__seek{width:100%;min-width:0;accent-color:var(--primary-color);cursor:pointer;height:8px;border-radius:99px}.audio-bar__time{font-size:.82rem;color:var(--text-muted);font-family:ui-monospace,monospace;min-width:52px;flex-shrink:0}.audio-bar__extras{display:flex;align-items:center;gap:10px;flex-shrink:0;width:100%;justify-content:flex-end}.audio-bar__volume{display:flex;align-items:center;gap:8px}.audio-bar__volume-slider{display:none;width:75px;cursor:pointer}.audio-bar__mute{background:transparent;border:none;cursor:pointer;color:var(--text-muted);display:flex;align-items:center;justify-content:center;min-width:var(--touch-min);min-height:var(--touch-min);padding:0}.audio-bar__speed-btn{background:var(--primary-light);color:var(--primary-color);border:1px solid var(--border-color);border-radius:8px;padding:.4rem .7rem;min-height:var(--touch-min);font-size:.82rem;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:4px}@media(min-width:641px){.audio-bar{flex-wrap:nowrap;padding:.85rem 1.5rem;margin-bottom:1.5rem;gap:16px}.audio-bar__extras{width:auto;gap:14px}.audio-bar__volume-slider{display:block}.audio-bar__seek{height:6px}}.practice-workspace{max-width:100%;margin:0 auto;width:100%}@media(min-width:641px){.practice-workspace{max-width:840px}}.practice-title{font-size:clamp(1.1rem,3.5vw,1.35rem);font-weight:800;margin:0 0 .5rem}.practice-mode-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-top:.85rem}.practice-mode-tabs .btn-base{flex:1 1 auto;min-height:var(--touch-min)}@media(min-width:641px){.practice-mode-tabs .btn-base{flex:0 0 auto}}.practice-mode-select{text-align:center;margin-bottom:1.25rem}.practice-mode-select label{display:flex;flex-direction:column;align-items:stretch;gap:8px;font-size:.95rem;font-weight:600}.practice-mode-select select{width:100%;max-width:100%;padding:.55rem .8rem;min-height:var(--touch-min);border-radius:8px;border:1px solid var(--border-color);background:var(--card-bg);color:var(--text-main);font-size:1rem}@media(min-width:641px){.practice-mode-select label{display:inline-flex;flex-direction:row;align-items:center;gap:0}.practice-mode-select select{width:auto;margin-left:8px;font-size:.95rem}}.practice-action-bar{text-align:center;margin-bottom:1.25rem}.practice-secondary-bar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-bottom:1.25rem}.practice-secondary-bar .btn-base{min-height:var(--touch-min)}.practice-shortcuts{text-align:center;font-size:.82rem;color:var(--text-subtle);font-style:italic;margin:1.5rem 0;display:none}@media(min-width:641px){.practice-shortcuts{display:block}}.nav-scroll-row{display:flex;flex-wrap:nowrap;gap:8px;justify-content:flex-start;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:4px;max-width:100%}.nav-scroll-row::-webkit-scrollbar{display:none}@media(min-width:641px){.nav-scroll-row{flex-wrap:wrap;justify-content:center;overflow-x:visible}}.question-nav-btn{padding:.5rem .85rem;min-height:var(--touch-min);border-radius:8px;border:1px solid var(--border-color);background:transparent;color:var(--text-main);font-weight:500;font-size:.9rem;cursor:pointer;white-space:nowrap;flex-shrink:0}.question-nav-btn.is-active{border:2px solid var(--primary-fill);background:var(--primary-fill);color:#fff;font-weight:700}.segment-pill-grid{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}@media(max-width:640px){.segment-pill--other-q{display:none!important}}.listening-header{display:flex;flex-direction:column;align-items:stretch;gap:10px;margin-bottom:1.25rem;font-size:.9rem;color:var(--text-muted)}.listening-header__meta{font-weight:700;color:var(--primary-color)}.listening-header__langs{display:flex;flex-wrap:wrap;gap:10px 14px;align-items:center}.listening-header__langs select{background:var(--card-bg);color:var(--text-main);border:1px solid var(--border-color);border-radius:6px;padding:.4rem .5rem;min-height:var(--touch-min);font-size:1rem}@media(min-width:641px){.listening-header{flex-direction:row;justify-content:space-between;align-items:center}.listening-header__langs select{min-height:auto;padding:2px 6px;font-size:inherit}}.listening-actions{display:flex;gap:10px;margin-top:1.5rem;flex-wrap:wrap;justify-content:center}.listening-actions .btn-base{min-height:var(--touch-min);flex:1 1 auto}@media(min-width:641px){.listening-actions .btn-base{flex:0 0 auto}}.image-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}@media(min-width:641px){.image-choice-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px}}@media(min-width:1025px){.image-choice-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}}.image-choice-card{min-height:var(--touch-min);border-radius:12px;padding:8px;cursor:pointer;display:flex;flex-direction:column;gap:8px;font-family:inherit;background:#fff}.text-choice-list{list-style:none;padding:0;margin:0}.text-choice-list li{margin-bottom:10px}.text-choice-btn{width:100%;text-align:left;padding:1rem 1.15rem;min-height:var(--touch-min);border-radius:12px;border:2px solid var(--border-color);background:var(--card-bg);color:var(--text-main);cursor:pointer;font-size:1.05rem;font-family:inherit;font-weight:500;transition:all .2s ease}@media(min-width:641px){.text-choice-btn{padding:.85rem 1.25rem}}.mascot-card-wrapper:hover{transform:translateY(-2px) scale(1.02)}.mascot-bounce{animation:mascotPop .6s cubic-bezier(.34,1.56,.64,1)}@keyframes mascotPop{0%{transform:scale(.85) rotate(-3deg)}50%{transform:scale(1.08) rotate(3deg)}to{transform:scale(1) rotate(0)}}.mascot-fire{animation:mascotFirePulse 2s infinite ease-in-out}@keyframes mascotFirePulse{0%,to{box-shadow:0 0 12px #f9731659,0 0 24px #ef444433}50%{box-shadow:0 0 22px #f9731699,0 0 36px var(--bad-soft)}}.mascot-flame-aura{position:absolute;top:-6px;left:-6px;right:-6px;bottom:-6px;border-radius:50%;background:radial-gradient(circle,#f9731666,#ef444400 75%);animation:flameFlicker 1.5s infinite alternate;z-index:0;pointer-events:none}@keyframes flameFlicker{0%{transform:scale(.95);opacity:.7}to{transform:scale(1.15);opacity:1}}.floating-music-notes .note-1{animation:floatNote 1.6s infinite ease-in-out}.floating-music-notes .note-2{animation:floatNote 1.6s infinite ease-in-out .4s}@keyframes floatNote{0%{transform:translateY(0) rotate(0);opacity:0}50%{opacity:1}to{transform:translateY(-12px) rotate(15deg);opacity:0}}.celebrate-stars{animation:starTwinkle 1s infinite alternate ease-in-out;transform-origin:center}@keyframes starTwinkle{0%{transform:scale(.8) rotate(0);opacity:.7}to{transform:scale(1.2) rotate(20deg);opacity:1}}:where(a,button,input,select,textarea,summary):focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.jp{font-family:var(--font-jp)}.tabular{font-variant-numeric:tabular-nums}.muted{color:var(--text-muted)}.visually-hidden{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.eyebrow{font-size:12px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em}.shell{display:flex;min-height:100vh;min-height:100dvh;background:var(--bg-color);color:var(--text-main);line-height:1.5}.shell-sidebar{width:248px;flex-shrink:0;position:sticky;top:0;height:100vh;height:100dvh;box-sizing:border-box;padding:20px 16px;background:var(--sidebar-bg);border-right:1px solid var(--card-border);display:flex;flex-direction:column;gap:28px;overflow-y:auto;z-index:120;transition:width .2s cubic-bezier(.4,0,.2,1)}.shell-sidebar__top{display:flex;align-items:center;gap:8px}.shell-sidebar .shell-sidebar__close{display:none;margin-left:auto}.shell-brand{display:flex;align-items:center;gap:12px;padding:4px 8px;color:var(--text-main);min-width:0}.shell-brand__logo{width:40px;height:40px;display:block;object-fit:contain;flex-shrink:0}.shell-brand__text{display:flex;flex-direction:column;min-width:0}.shell-brand__name{font-weight:700;font-size:15px;line-height:1.3}.shell-brand__tag{font-size:12px;color:var(--text-muted)}.shell-nav{display:flex;flex-direction:column;gap:4px}.shell-nav__group{font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);padding:0 12px 8px}.shell-nav__item{position:relative;display:flex;align-items:center;gap:12px;height:44px;padding:0 12px;border-radius:10px;font-size:14px;font-weight:500;color:var(--ink-2);transition:background .15s ease,color .15s ease}.shell-nav__item:hover{background:var(--surface-2);color:var(--text-main)}.shell-nav__item.active{background:var(--primary-light);color:var(--primary-color);font-weight:600}.shell-sidebar__foot{margin-top:auto;display:flex;flex-direction:column;gap:16px}.upsell{padding:16px;border-radius:14px;background:var(--bg-color);border:1px solid var(--card-border);display:flex;flex-direction:column;gap:8px}.upsell__title{font-size:14px;font-weight:600}.upsell__body{font-size:13px;line-height:1.5;color:var(--text-muted)}.shell-prefs{display:flex;gap:8px}.shell-lang{position:relative;flex:1;min-width:0}.shell-lang select{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:100%;height:44px;border-radius:10px;border:1px solid var(--card-border);background:var(--card-bg);color:var(--ink-2);font-size:13px;font-weight:500;padding:0 12px 0 38px;cursor:pointer}.shell-lang__flag{position:absolute;left:11px;top:50%;transform:translateY(-50%);border-radius:3px;box-shadow:0 0 0 1px #7f7f7f59;pointer-events:none}.icon-btn{width:44px;height:44px;border-radius:10px;border:1px solid var(--card-border);background:var(--card-bg);color:var(--ink-2);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;padding:0}.icon-btn:hover{color:var(--text-main);border-color:var(--input-border)}.icon-btn--ghost{border-color:transparent;background:transparent}.icon-btn--round{border-radius:50%}.shell-main{flex:1;min-width:0;display:flex;flex-direction:column}.shell-header{position:sticky;top:0;z-index:100;height:72px;box-sizing:border-box;padding:0 40px;display:flex;align-items:center;gap:16px;border-bottom:1px solid var(--card-border);background:var(--bg-color)}.shell-header .shell-header__menu{display:inline-flex;margin-left:-8px}.shell-header__title{font-size:14px;font-weight:600;white-space:nowrap}.shell-header__actions{margin-left:auto;display:flex;align-items:center;gap:12px;flex-shrink:0}.shell-content{width:100%;max-width:1320px;box-sizing:border-box;padding:40px 40px 64px}.shell-backdrop{display:none}@media(min-width:1024px){.shell.is-collapsed .shell-sidebar{width:76px;overflow:visible}.shell.is-collapsed .shell-brand{padding:4px}.shell.is-collapsed .shell-brand__text,.shell.is-collapsed .shell-nav__group,.shell.is-collapsed .upsell{display:none}.shell.is-collapsed .shell-nav__item{width:44px;padding:0;justify-content:center}.shell.is-collapsed .shell-prefs{flex-direction:column}.shell.is-collapsed .shell-lang{flex:none;width:44px}.shell.is-collapsed .shell-lang select{padding:0;color:transparent}.shell.is-collapsed .shell-lang option{color:var(--text-main)}.shell.is-collapsed .shell-nav__label{position:absolute;left:calc(100% + 14px);top:50%;transform:translate(-4px,-50%);padding:6px 10px;border-radius:8px;background:var(--inverse-bg);color:var(--inverse-text);font-size:13px;font-weight:600;white-space:nowrap;box-shadow:0 6px 18px #0000002e;opacity:0;pointer-events:none;transition:opacity .15s ease,transform .15s ease;z-index:300}.shell.is-collapsed .shell-nav__item:hover .shell-nav__label,.shell.is-collapsed .shell-nav__item:focus-visible .shell-nav__label{opacity:1;transform:translateY(-50%)}}.breadcrumb{min-width:0}.breadcrumb ol{list-style:none;margin:0;padding:0;display:flex;align-items:center;gap:8px;font-size:14px;min-width:0}.breadcrumb li{display:flex;align-items:center;gap:8px;min-width:0}.breadcrumb a{color:var(--text-muted);white-space:nowrap}.breadcrumb a:hover{color:var(--text-main)}.breadcrumb__sep{color:var(--text-subtle);display:flex;flex-shrink:0}.breadcrumb [aria-current=page]{font-weight:600;color:var(--text-main);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.account{display:flex;align-items:center;gap:8px}.account{position:relative}.account__chip{height:52px;padding:0 4px 0 14px;border-radius:26px;border:0;background:none;display:flex;align-items:center;gap:12px;font:inherit;color:var(--text-main);cursor:pointer;transition:background-color .15s ease}.account__chip:hover,.account__chip[aria-expanded=true]{background:var(--surface-2)}.account__text{display:flex;flex-direction:column;align-items:flex-end;gap:2px;line-height:1.2}.account__name{font-size:16px;font-weight:600;letter-spacing:-.005em;white-space:nowrap}.account__plan{font-size:12px;font-weight:600;color:var(--navy);white-space:nowrap}.account__plan.is-paid{color:var(--primary-color);font-weight:700;letter-spacing:.04em}.account__chip .account__avatar{width:44px;height:44px;font-size:17px;box-shadow:0 0 0 2px var(--bg-color),0 0 0 3.5px var(--navy);transition:box-shadow .15s ease}.account__chip:hover .account__avatar,.account__chip[aria-expanded=true] .account__avatar{box-shadow:0 0 0 2px var(--bg-color),0 0 0 3.5px var(--primary-color)}.account__chip:focus-visible{outline:2px solid var(--input-focus);outline-offset:4px}.account__menu{position:absolute;top:calc(100% + 8px);right:0;min-width:240px;max-width:min(320px,calc(100vw - 32px));padding:6px;border-radius:14px;border:1px solid var(--card-border);background:var(--card-bg);box-shadow:0 12px 32px #0000002e;display:flex;flex-direction:column;z-index:200}.account__menu-head{padding:10px 12px 12px;margin-bottom:4px;border-bottom:1px solid var(--card-border);display:flex;flex-direction:column;gap:2px;min-width:0}.account__menu-name{font-size:14px;font-weight:600;overflow-wrap:anywhere}.account__menu-email{font-size:13px;color:var(--text-muted);overflow-wrap:anywhere}.account__menu-item{display:flex;align-items:center;gap:10px;height:40px;padding:0 12px;border:0;border-radius:10px;background:none;font:inherit;font-size:14px;color:var(--text-main);text-align:left;cursor:pointer}.account__menu-item:hover,.account__menu-item:focus-visible{background:var(--surface-3);color:var(--text-main)}.account__avatar{width:32px;height:32px;border-radius:50%;background:var(--primary-light);color:var(--primary-color);font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;object-fit:cover}@media(max-width:1023px){.shell-sidebar{position:fixed;left:0;top:0;bottom:0;height:auto;width:min(288px,84vw);transform:translate(-100%);transition:transform .25s cubic-bezier(.4,0,.2,1);z-index:1000}.shell-sidebar.is-open{transform:none;box-shadow:0 0 40px #00000040}.shell-sidebar .shell-sidebar__close{display:inline-flex}.shell-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#16181d73;z-index:990}.shell-header{height:64px;padding:0 16px;gap:8px}.shell-content{padding:24px 16px 48px}}@media(max-width:640px){.breadcrumb li:not(:last-child){display:none}.account__text{display:none}.account__chip{padding:0 4px}.hide-sm{display:none!important}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:44px;padding:0 18px;border-radius:10px;font-size:14px;font-weight:600;border:1px solid transparent;cursor:pointer;white-space:nowrap;box-sizing:border-box;transition:background .15s ease,border-color .15s ease,color .15s ease,opacity .15s ease}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primary{background:var(--primary-fill);color:var(--primary-text)}.btn--primary:hover:not(:disabled){background:var(--primary-fill-hover);color:var(--primary-text)}.btn--dark{background:var(--inverse-bg);color:var(--inverse-text)}.btn--dark:hover:not(:disabled){opacity:.88;color:var(--inverse-text)}.btn--outline{background:var(--card-bg);border-color:var(--card-border);color:var(--text-main)}.btn--outline:hover:not(:disabled){border-color:var(--input-border);background:var(--surface-2)}.btn--soft{background:var(--primary-light);color:var(--primary-color)}.btn--soft:hover:not(:disabled){background:var(--ring)}.btn--muted{background:var(--surface-3);color:var(--text-main)}.btn--muted:hover:not(:disabled){background:var(--card-border)}.btn--ghost{background:transparent;color:var(--text-muted)}.btn--ghost:hover:not(:disabled){color:var(--text-main);background:var(--surface-2)}.btn--danger{background:var(--bad);border-color:var(--bad);color:var(--card-bg)}.btn--danger:hover:not(:disabled){filter:brightness(1.08)}.reset-btn{align-self:flex-start}.part-card__cta .reset-btn{align-self:center}.reset-confirm{display:flex;flex-direction:column;gap:10px;padding:12px 14px;border-radius:12px;background:var(--bad-soft);border:1px solid var(--bad)}.reset-confirm p{margin:0;font-size:13.5px;line-height:1.5;color:var(--text-main)}.reset-confirm>div{display:flex;flex-wrap:wrap;gap:8px}.btn--lg{height:48px;padding:0 22px;font-size:15px;border-radius:12px}.btn--sm{height:40px;padding:0 14px;font-size:13px;border-radius:9px}.btn--block{width:100%}.btn .kbd{border:0;background:#ffffff2e;color:inherit}.kbd{display:inline-flex;align-items:center;height:22px;padding:0 6px;border-radius:5px;border:1px solid var(--card-border);background:var(--card-bg);font-family:inherit;font-size:11px;font-weight:500;color:var(--ink-2)}.segmented{padding:4px;border-radius:12px;background:var(--surface-3);display:inline-flex;gap:4px;max-width:100%;overflow-x:auto;scrollbar-width:none}.segmented::-webkit-scrollbar{display:none}.segmented button{height:36px;padding:0 14px;border-radius:9px;border:0;background:transparent;color:var(--ink-2);font-size:13px;font-weight:500;cursor:pointer;white-space:nowrap;flex-shrink:0}.segmented button[aria-pressed=true],.segmented button[aria-checked=true]{background:var(--card-bg);color:var(--text-main);font-weight:600;box-shadow:0 1px 2px #16181d14}.check{display:inline-flex;align-items:center;gap:10px;min-height:44px;font-size:13px;color:var(--ink-2);cursor:pointer}.check input{width:18px;height:18px;margin:0;accent-color:var(--primary-color)}.panel{background:var(--card-bg);border:1px solid var(--card-border);border-radius:16px}.badge{height:26px;padding:0 10px;border-radius:6px;background:var(--primary-light);color:var(--primary-color);font-size:12px;font-weight:700;display:inline-flex;align-items:center;white-space:nowrap}.badge--sm{height:22px;padding:0 8px;font-size:11px}.badge--practice{background:var(--ok-soft);color:var(--ok)}.progress{height:6px;border-radius:3px;background:var(--surface-3);overflow:hidden}.progress>span{display:block;height:100%;border-radius:3px;background:var(--primary-color);transition:width .3s ease}.notice{padding:18px 22px;border-radius:14px;border:1px solid var(--card-border);background:var(--card-bg);color:var(--text-muted);display:flex;align-items:center;gap:12px;font-size:14px}.notice--error{border-color:var(--bad);background:var(--bad-soft);color:var(--bad)}.page-head{display:flex;align-items:flex-end;gap:16px;flex-wrap:wrap;margin-bottom:28px}.page-head h1{margin:0;font-size:30px;line-height:1.2;font-weight:700;letter-spacing:-.01em}.page-head p{margin:6px 0 0;font-size:15px;color:var(--text-muted)}.page-head__aside{margin-left:auto}.section-head{display:flex;align-items:flex-end;gap:16px;flex-wrap:wrap;margin-bottom:16px}.section-head h2{margin:0;font-size:20px;font-weight:700}.section-head p{margin:4px 0 0;font-size:14px;color:var(--text-muted)}.section-head__aside{margin-left:auto}.hero{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px;align-items:center;margin-bottom:40px}.hero__copy{display:flex;flex-direction:column;gap:20px}.hero__eyebrow{font-size:13px;font-weight:600;color:var(--primary-color)}.hero__title{margin:0;font-size:clamp(32px,4vw,44px);line-height:1.15;font-weight:700;letter-spacing:-.02em}.hero__sub{margin:0;font-size:17px;line-height:1.65;color:var(--ink-2);max-width:520px}.hero__cta{display:flex;gap:12px;flex-wrap:wrap;padding-top:4px}.trust{list-style:none;margin:4px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:10px 24px;font-size:13px;color:var(--ink-2)}.trust li{display:flex;align-items:center;gap:8px}.trust svg{color:var(--ok)}.preview{padding:28px;border-radius:20px;background:var(--card-bg);border:1px solid var(--card-border);box-shadow:0 12px 32px #16181d0f;display:flex;flex-direction:column;gap:20px}.preview__head{display:flex;align-items:baseline;justify-content:space-between;font-size:13px;color:var(--text-muted)}.preview__head strong{font-size:18px;color:var(--text-main)}.preview__parts{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;border-top:1px solid var(--surface-3)}.preview__parts li{display:flex;align-items:center;gap:14px;padding:12px 0;border-bottom:1px solid var(--surface-3)}.preview__kanji{width:36px;height:36px;border-radius:10px;flex-shrink:0;background:var(--primary-light);color:var(--primary-color);display:flex;align-items:center;justify-content:center;font-family:var(--font-brand);font-size:20px;font-weight:700;line-height:1}.preview__name{font-size:15px;font-weight:600}.preview__range{margin-left:auto;font-family:var(--font-jp);font-size:13px;color:var(--text-muted)}.preview__question{display:flex;flex-direction:column;gap:12px}.preview__stem{margin:0;display:flex;align-items:baseline;gap:10px;font-family:var(--font-jp);font-size:20px;font-weight:500}.preview__stem-no{font-family:inherit;font-size:13px;font-weight:700;color:var(--text-muted)}.preview__choices{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.preview__choices li{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;border:1px solid var(--card-border);font-family:var(--font-jp);font-size:15px}.preview__choices li>span{font-family:inherit;font-size:12px;font-weight:700;color:var(--text-muted)}.preview__choices li.is-right{border-color:var(--ok);background:var(--ok-soft, transparent);color:var(--ok)}.preview__choices li.is-right>span{color:inherit}.preview__choices li svg{margin-left:auto}.legend{display:flex;flex-wrap:wrap;gap:8px 18px;font-size:12px;color:var(--ink-2)}.legend span{display:inline-flex;align-items:center;gap:6px}.legend i{width:10px;height:10px;border-radius:3px;display:inline-block;box-sizing:border-box}.legend .l-ok{background:var(--ok)}.legend .l-acc{background:var(--acc)}.legend .l-bad{border:2px dashed var(--bad)}.tok-ok{color:var(--ok);border-bottom:2px solid var(--ok)}.tok-acc{color:var(--acc);background:var(--acc-soft);border-bottom:2px solid var(--acc);border-radius:3px;padding:0 2px}.tok-bad{color:var(--bad);background:var(--bad-soft);border-bottom:2px dashed var(--bad);border-radius:3px;padding:0 2px}.resume{padding:20px 24px;border-radius:16px;background:var(--card-bg);border:1px solid var(--card-border);display:flex;align-items:center;gap:24px;margin-bottom:40px}.resume__icon{width:48px;height:48px;border-radius:12px;background:var(--primary-light);color:var(--primary-color);display:flex;align-items:center;justify-content:center;flex-shrink:0}.resume__body{display:flex;flex-direction:column;gap:4px;min-width:0}.resume__title{font-size:16px;font-weight:600}.resume__progress{margin-left:auto;width:240px;display:flex;flex-direction:column;gap:6px}.resume__progress-label{display:flex;justify-content:space-between;font-size:12px;color:var(--text-muted)}.lesson-tabs{display:flex;gap:4px;margin:-8px 0 20px;border-bottom:1px solid var(--card-border);overflow-x:auto;scrollbar-width:none}.lesson-tabs::-webkit-scrollbar{display:none}.lesson-tabs button{min-height:44px;padding:0 14px;margin-bottom:-1px;border:0;border-bottom:2px solid transparent;background:transparent;color:var(--text-muted);font:inherit;font-size:14px;font-weight:600;display:inline-flex;align-items:center;gap:8px;white-space:nowrap;cursor:pointer}.lesson-tabs button:hover{color:var(--text-main)}.lesson-tabs button[aria-pressed=true]{color:var(--text-main);border-bottom-color:var(--primary-color)}.lesson-tabs__count{min-width:22px;height:22px;padding:0 6px;box-sizing:border-box;border-radius:999px;background:var(--surface-3);color:var(--text-muted);font-size:12px;font-variant-numeric:tabular-nums;display:inline-flex;align-items:center;justify-content:center}.lesson-tabs button[aria-pressed=true] .lesson-tabs__count{background:var(--primary-light);color:var(--primary-color)}.lesson-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:12px 16px;margin:-8px 0 24px}.status-filter{margin-left:auto;display:flex;flex-wrap:wrap;gap:8px}.status-chip{height:40px;padding:0 8px 0 14px;border-radius:999px;border:1px solid var(--card-border);background:var(--card-bg);color:var(--ink-2);font:inherit;font-size:13px;font-weight:500;display:inline-flex;align-items:center;gap:8px;cursor:pointer}.status-chip:hover{border-color:var(--input-border);color:var(--text-main)}.status-chip[aria-pressed=true]{background:var(--inverse-bg);border-color:var(--inverse-bg);color:var(--inverse-text);font-weight:600}.status-chip__count{min-width:24px;height:24px;padding:0 7px;box-sizing:border-box;border-radius:999px;background:var(--surface-3);color:var(--text-muted);font-size:12px;font-weight:600;font-variant-numeric:tabular-nums;display:inline-flex;align-items:center;justify-content:center}.status-chip[aria-pressed=true] .status-chip__count{background:#7f7f7f38;color:inherit}.lesson-search{display:flex;align-items:center;gap:10px;height:48px;padding:0 16px;flex:1 1 320px;max-width:480px;border-radius:12px;border:1px solid var(--input-border);background:var(--input-bg);color:var(--text-muted);transition:border-color .15s ease}.lesson-search:focus-within{border-color:var(--input-focus)}.filter-select{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-muted)}.filter-select select{height:48px;max-width:240px;padding:0 12px;border-radius:12px;border:1px solid var(--input-border);background:var(--input-bg);color:var(--input-text);font-size:14px}.filter-select select:focus-visible{outline:2px solid var(--input-focus);outline-offset:1px}@media(max-width:640px){.filter-select{flex:1 1 100%}.filter-select select{flex:1;max-width:none}}.lesson-search input{flex:1;min-width:0;height:100%;border:0;background:transparent;color:var(--input-text);font-size:15px;outline:none}.lesson-search input::placeholder{color:var(--text-muted)}.lesson-search input:focus-visible{outline:none}.lesson-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.lesson-card{padding:24px;border-radius:16px;background:var(--card-bg);border:1px solid var(--card-border);display:flex;flex-direction:column;gap:18px}.lesson-card__top{display:flex;align-items:center;gap:8px;min-height:26px}.lesson-card__recent{margin-left:auto;min-width:0;height:26px;padding:0 10px;border-radius:6px;background:var(--acc-soft);color:var(--acc);font-size:12px;font-weight:600;display:inline-flex;align-items:center;gap:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lesson-card__recent svg{flex-shrink:0}.lesson-card__recent:is(a){text-decoration:none}.lesson-card__recent:is(a):hover{filter:brightness(1.12)}.recent-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.recent-list li{display:flex;align-items:center;gap:14px;padding:12px 0;border-top:1px solid var(--surface-3)}.recent-list li:first-child{border-top:0}.recent-list__kanji{width:40px;height:40px;border-radius:11px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;background:var(--primary-light);color:var(--primary-color);font-size:20px;font-weight:700}.recent-list__main{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.recent-list__lesson{color:inherit;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recent-list__lesson:hover{color:var(--primary-color)}.recent-list__where{font-size:14px;color:var(--ink-2)}.recent-list__ago{font-size:13px;white-space:nowrap}@media(max-width:640px){.recent-list li{flex-wrap:wrap}.recent-list__ago{order:3}}.lesson-card__title{margin:0;font-size:18px;font-weight:700}.lesson-card__title a{color:inherit}.lesson-card__title a:hover{color:var(--primary-color)}.lesson-card__badges{display:inline-flex;gap:6px;flex-shrink:0}.lesson-card__note{margin:6px 0 0;font-size:13px;line-height:1.5;color:var(--ink-2)}.lesson-card__stats{margin:6px 0 0;font-size:14px;color:var(--text-muted)}.lesson-card__progress{display:flex;flex-direction:column;gap:6px}.lesson-card__progress-label{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--text-muted)}.lesson-card__status{display:inline-flex;align-items:center;gap:5px;font-weight:600}.lesson-card__status.is-doing{color:var(--primary-color)}.lesson-card__status.is-done{color:var(--ok)}.progress--ok>span{background:var(--ok)}.lesson-card__actions{display:flex;gap:8px;margin-top:auto}.lesson-card__actions .btn{flex:1}.coming-card{padding:24px;border-radius:16px;border:1.5px dashed var(--input-border);display:flex;flex-direction:column;justify-content:center;gap:8px;color:var(--text-muted);font-size:14px;line-height:1.6}.coming-card strong{font-size:16px;color:var(--ink-2)}.view-toggle{padding:4px;border-radius:12px;background:var(--surface-3);display:inline-flex;gap:4px}.view-toggle button{width:40px;height:36px;border:0;border-radius:9px;background:transparent;color:var(--ink-2);display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.view-toggle button:hover{color:var(--text-main)}.view-toggle button[aria-pressed=true]{background:var(--card-bg);color:var(--text-main);box-shadow:0 1px 2px #16181d14}.section-head__aside,.page-head__aside{display:flex;align-items:center;flex-wrap:wrap;gap:12px}.lesson-list{border-radius:16px;background:var(--card-bg);border:1px solid var(--card-border);overflow:hidden}.lesson-row{display:grid;grid-template-columns:112px minmax(0,2.2fr) 112px minmax(0,1.5fr) auto;align-items:center;gap:16px;padding:12px 20px;border-top:1px solid var(--surface-3)}.lesson-row--head{padding:10px 20px;border-top:0;background:var(--surface-2);font-size:12px;font-weight:600;color:var(--text-muted)}.lesson-row--head>span:last-child{width:132px}.lesson-list>.lesson-row:not(.lesson-row--head):hover{background:var(--surface-2)}.lesson-row__badges{display:inline-flex;gap:6px;flex-wrap:wrap}.lesson-row__main{display:flex;flex-direction:column;gap:2px;min-width:0}.lesson-row__title{margin:0;font-size:15px;font-weight:700}.lesson-row__title a{color:inherit}.lesson-row__title a:hover{color:var(--primary-color)}.lesson-row__meta{font-size:13px;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lesson-row__status{font-size:13px;color:var(--text-muted)}.lesson-row__progress{display:flex;align-items:center;gap:12px;font-size:13px;color:var(--text-muted)}.lesson-row__progress .progress{flex:1;min-width:40px}.lesson-row__progress .tabular{min-width:64px;text-align:right;white-space:nowrap}.lesson-row__cta{justify-self:end;width:132px}.lesson-list>.coming-card{border:0;border-top:1px solid var(--surface-3);border-radius:0;padding:16px 20px}@media(max-width:900px){.lesson-row--head{display:none}.lesson-row{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"main status" "badges badges" "prog cta";gap:10px 12px;padding:16px 18px}.lesson-list>.lesson-row:nth-child(2){border-top:0}.lesson-row__main{grid-area:main}.lesson-row__status{grid-area:status}.lesson-row__badges{grid-area:badges}.lesson-row__progress{grid-area:prog}.lesson-row__cta{grid-area:cta;width:auto}}@media(max-width:1180px){.lesson-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:900px){.hero{grid-template-columns:minmax(0,1fr);gap:28px}.resume{flex-wrap:wrap;gap:16px}.resume__progress{margin-left:0;width:100%;order:3}.resume .btn{order:4;width:100%}}@media(max-width:640px){.lesson-grid{grid-template-columns:minmax(0,1fr)}.lesson-search{max-width:none;flex-basis:100%}.status-filter{margin-left:0}.preview{padding:20px}}.lesson-head{display:flex;align-items:flex-end;gap:32px;margin-bottom:32px}.lesson-head__copy{display:flex;flex-direction:column;gap:12px;flex:1;min-width:0}.lesson-head__meta{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-muted);flex-wrap:wrap}.lesson-head h1{margin:0;font-size:34px;line-height:1.2;font-weight:700;letter-spacing:-.01em}.lesson-head__note{margin:0;font-size:15px;line-height:1.6;color:var(--ink-2);max-width:60ch}.stat-strip{margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-radius:14px;background:var(--card-bg);border:1px solid var(--card-border);width:440px;flex-shrink:0}.stat-strip>div{padding:16px 20px;display:flex;flex-direction:column;gap:4px}.stat-strip>div+div{border-left:1px solid var(--surface-3)}.stat-strip dt{font-size:12px;color:var(--text-muted)}.stat-strip dd{margin:0;font-size:22px;font-weight:700;font-variant-numeric:tabular-nums}.stat-strip dd.is-accent{color:var(--primary-color)}.mode-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-bottom:36px}.mode-card{padding:28px;border-radius:18px;background:var(--card-bg);border:1px solid var(--card-border);display:flex;gap:20px}.mode-card.is-featured{border:1.5px solid var(--primary-color)}.mode-card__icon{width:52px;height:52px;border-radius:14px;background:var(--surface-3);color:var(--text-main);display:flex;align-items:center;justify-content:center;flex-shrink:0}.mode-card.is-featured .mode-card__icon{background:var(--primary-fill);color:var(--primary-text)}.mode-card__body{display:flex;flex-direction:column;gap:10px;flex:1;min-width:0}.mode-card__title{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.mode-card h2{margin:0;font-size:19px;font-weight:700}.mode-card p{margin:0;font-size:14px;line-height:1.6;color:var(--ink-2)}.mode-card__cta{display:flex;align-items:center;gap:16px;padding-top:6px;flex-wrap:wrap}.mode-card__cta span{font-size:13px;color:var(--text-muted);font-variant-numeric:tabular-nums}.part-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin-bottom:40px}.part-card{padding:22px;border-radius:16px;background:var(--card-bg);border:1px solid var(--card-border);display:flex;flex-direction:column;gap:14px}.part-card__head{display:flex;align-items:center;gap:14px}.part-card__head h3{margin:0;font-size:18px;font-weight:700}.part-card__kanji{width:48px;height:48px;border-radius:13px;flex-shrink:0;background:var(--primary-light);color:var(--primary-color);display:flex;align-items:center;justify-content:center;font-family:var(--font-brand);font-size:28px;font-weight:700;line-height:1}.part-card>p{margin:0;font-size:14px;line-height:1.6;color:var(--ink-2)}.part-card__progress{margin-top:auto;display:flex;flex-direction:column;gap:8px;font-size:13px;color:var(--text-muted)}.part-card__cta{display:flex;flex-direction:column;gap:10px}.part-card__cta>.btn{width:100%}.part-card__extra{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:13px;color:var(--text-muted)}@media(max-width:1180px){.part-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.part-grid{grid-template-columns:minmax(0,1fr)}}.parts{border-radius:16px;background:var(--card-bg);border:1px solid var(--card-border);overflow:hidden}.parts__row{display:grid;grid-template-columns:96px minmax(0,2fr) 110px 110px minmax(0,1.4fr) 220px;align-items:center;gap:16px;padding:18px 24px;border-top:1px solid var(--surface-3)}.parts__row--head{padding:12px 24px;background:var(--surface-2);border-top:0;font-size:12px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.parts__no{font-family:var(--font-jp);font-size:16px;font-weight:700}.parts__type{display:flex;flex-direction:column;gap:2px;min-width:0}.parts__type strong{font-size:15px;font-weight:600}.parts__type span{font-family:var(--font-jp);font-size:13px;color:var(--text-muted)}.parts__num{font-size:15px;font-variant-numeric:tabular-nums}.parts__progress{display:flex;align-items:center;gap:12px}.parts__progress .progress{flex:1}.parts__progress span.pct{width:44px;text-align:right;font-size:13px;color:var(--text-muted);font-variant-numeric:tabular-nums}.parts__actions{display:flex;gap:8px;justify-content:flex-end}.parts__label{display:none}@media(max-width:1180px){.lesson-head{flex-direction:column;align-items:stretch;gap:20px}.stat-strip{width:100%}}@media(max-width:900px){.mode-grid{grid-template-columns:minmax(0,1fr)}.parts__row--head{display:none}.parts__row{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"type no" "nums nums" "prog prog" "act act";gap:12px;padding:18px 20px}.parts__row:first-of-type{border-top:0}.parts__no{grid-area:no}.parts__type{grid-area:type}.parts__nums{grid-area:nums;display:flex;gap:16px;font-size:13px;color:var(--text-muted)}.parts__progress{grid-area:prog}.parts__actions{grid-area:act;justify-content:stretch}.parts__actions .btn{flex:1}.parts__label{display:inline}}@media(min-width:901px){.parts__nums{display:contents}}@media(max-width:640px){.lesson-head h1{font-size:26px}.stat-strip>div{padding:12px 14px}.mode-card{padding:20px;flex-direction:column;gap:14px}}.dict{display:grid;grid-template-columns:minmax(0,1fr) 332px;gap:28px;align-items:start}.dict__main{display:flex;flex-direction:column;gap:20px;min-width:0}.dict-head{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.dict-head__title{display:flex;flex-direction:column;gap:4px;min-width:0}.dict-head__title span{font-size:13px;color:var(--text-muted)}.dict-head h1{margin:0;font-size:24px;font-weight:700}.dict-head h1 small{font-size:inherit;font-weight:500;color:var(--text-muted)}.dict-head__tools{margin-left:auto;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.player{padding:20px 24px;display:flex;align-items:center;gap:16px}.player__play{width:56px;height:56px;border-radius:50%;border:0;background:var(--primary-fill);color:var(--primary-text);display:flex;align-items:center;justify-content:center;flex-shrink:0;cursor:pointer}.player__play:hover{background:var(--primary-fill-hover)}.player__track{flex:1;min-width:0;display:flex;flex-direction:column;gap:8px}.player__track .progress{height:8px;border-radius:4px}.player__seek{position:relative;padding:7px 0;margin:-7px 0;cursor:pointer;touch-action:none;outline:none;border-radius:6px}.player__seek[aria-disabled=true]{cursor:default}.player__seek:focus-visible{box-shadow:0 0 0 2px var(--input-focus)}.player__seek:hover .progress,.player__seek.is-dragging .progress{height:10px}.player__track .player__seek .progress{transition:height .12s ease}.player__thumb{position:absolute;top:50%;width:16px;height:16px;margin:-8px 0 0 -8px;border-radius:50%;background:var(--primary-fill);box-shadow:0 0 0 3px var(--card-bg),0 2px 6px #00000059;opacity:0;transform:scale(.6);transition:opacity .12s ease,transform .12s ease;pointer-events:none}.player__seek:hover .player__thumb,.player__seek:focus-visible .player__thumb,.player__seek.is-dragging .player__thumb{opacity:1;transform:none}.player__times{display:flex;justify-content:space-between;font-size:12px;color:var(--text-muted);font-variant-numeric:tabular-nums}.player__speed button{padding:0 10px}.player__skip{position:relative;flex-shrink:0}.player__skip span{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding-top:1px;font-size:8px;font-weight:700;line-height:1;pointer-events:none}.player__skip--fwd svg{transform:scaleX(-1)}.answer{padding:24px;display:flex;flex-direction:column;gap:16px}.answer__label{font-size:13px;font-weight:600;color:var(--ink-2)}.answer__bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.answer__toggles{margin-left:auto;display:flex;align-items:center;gap:4px 20px;flex-wrap:wrap}.answer .tokenized-container{box-shadow:none;border:1.5px solid var(--input-border);border-radius:12px;font-family:var(--font-jp)}.answer .token-input:focus-visible{outline:none}.result{padding:24px;display:flex;flex-direction:column;gap:18px}.result__head{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.score-ring{--pct: 0;--ring-color: var(--primary-color);width:64px;height:64px;border-radius:50%;background:conic-gradient(var(--ring-color) calc(var(--pct) * 1%),var(--surface-3) 0);display:flex;align-items:center;justify-content:center;flex-shrink:0}.score-ring span{width:50px;height:50px;border-radius:50%;background:var(--card-bg);display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:700;font-variant-numeric:tabular-nums}.result__verdict{display:flex;flex-direction:column;gap:4px;min-width:0}.result__verdict strong{font-size:17px}.result__verdict span{font-size:13px;color:var(--text-muted)}.result__head .legend{margin-left:auto}.result__pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.result__pair>div{display:flex;flex-direction:column;gap:6px}.result__pair>div:only-child{grid-column:1 / -1}.result__answer{font-family:var(--font-jp);font-size:16px;line-height:1.8}.result__translation{font-size:15px;line-height:1.7;color:var(--ink-2)}.dict-foot{display:flex;align-items:center;gap:12px}.dict-foot>.btn{flex-shrink:0}.dict-foot__keys{flex:1;min-width:0;font-size:12px;line-height:2;color:var(--text-muted);display:flex;align-items:center;gap:4px 6px;flex-wrap:wrap}.dict-foot__next{margin-left:auto}.dict__aside{display:flex;flex-direction:column;gap:16px;position:sticky;top:96px}.dict-nav{padding:20px;display:flex;flex-direction:column;gap:16px}.dict-nav__block{display:flex;flex-direction:column;gap:10px}.dict-nav__row{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.dict-nav__row span:last-child{font-size:12px;color:var(--text-muted);font-variant-numeric:tabular-nums}.dict-nav hr{border:0;height:1px;background:var(--surface-3);margin:0}.pill-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}.pill{height:40px;border-radius:9px;border:1px solid var(--card-border);background:var(--card-bg);color:var(--ink-2);font-size:13px;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pill:hover{border-color:var(--input-border);color:var(--text-main)}.pill.is-active{background:var(--inverse-bg);border-color:var(--inverse-bg);color:var(--inverse-text);font-weight:600}.seg-pill{height:44px;border-radius:10px;font-size:14px;font-weight:600;font-variant-numeric:tabular-nums;cursor:pointer;box-sizing:border-box;border:1.5px solid var(--input-border);background:var(--card-bg);color:var(--ink-2)}.seg-pill.is-correct{border-color:var(--ok);background:var(--ok-soft);color:var(--ok)}.seg-pill.is-incorrect{border:1.5px dashed var(--bad);background:var(--bad-soft);color:var(--bad)}.seg-pill.is-current{border-color:var(--primary-fill);background:var(--primary-fill);color:var(--primary-text);box-shadow:0 0 0 3px var(--ring)}.seg-legend{display:flex;flex-wrap:wrap;gap:8px 14px;padding-top:4px;font-size:12px;color:var(--ink-2)}.seg-legend span{display:inline-flex;align-items:center;gap:6px}.seg-legend i{width:12px;height:12px;border-radius:4px;box-sizing:border-box;display:inline-block}.seg-legend .i-ok{background:var(--ok-soft);border:1.5px solid var(--ok)}.seg-legend .i-bad{background:var(--bad-soft);border:1.5px dashed var(--bad)}.seg-legend .i-todo{background:var(--card-bg);border:1.5px solid var(--input-border)}.seg-legend .i-cur{background:var(--primary-color)}.dict-progress{padding:20px;display:flex;flex-direction:column;gap:12px}.dict-progress__num{display:flex;align-items:baseline;gap:8px}.dict-progress__num strong{font-size:26px;font-variant-numeric:tabular-nums}.dict-progress__num span{font-size:14px;color:var(--text-muted)}.dict-progress a{font-size:14px;font-weight:600;color:var(--primary-color)}.dict .card-glass:hover{box-shadow:var(--card-shadow)}@media(max-width:1180px){.dict{grid-template-columns:minmax(0,1fr)}.dict__aside{position:static;display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);align-items:start}}@media(max-width:760px){.dict__aside,.result__pair{grid-template-columns:minmax(0,1fr)}.result__head .legend{margin-left:0}.player{padding:16px;gap:12px;flex-wrap:wrap}.player__track{order:3;flex-basis:100%}.player__speed{margin-left:auto}.answer,.result{padding:18px}.answer__toggles{margin-left:0}.dict-foot__keys{display:none}.dict-head__tools{margin-left:0;width:100%}}.auth{min-height:100vh;min-height:100dvh;display:flex;background:var(--bg-color);color:var(--text-main)}.auth__hero{width:42%;max-width:600px;box-sizing:border-box;padding:48px 56px;background:#1e3470;color:#fff;display:flex;flex-direction:column;flex-shrink:0}.auth__hero .shell-brand{color:#fff;padding:0;gap:18px}.auth__hero .shell-brand__logo{width:72px;height:72px}.auth__hero .shell-brand__name{font-size:28px;line-height:1.2}.auth__hero .shell-brand__tag{color:#c4cde6;font-size:16px;margin-top:2px}.auth__hero-body{margin-top:auto;display:flex;flex-direction:column;gap:28px}.auth__motto{font-family:var(--font-brand);font-size:clamp(44px,4.4vw,64px);line-height:1.25;font-weight:700;letter-spacing:.04em}.auth__line{margin:0;font-size:17px;line-height:1.65;color:#d6ddf0;max-width:440px}.auth__benefits{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:14px;font-size:15px}.auth__benefits li{display:flex;align-items:center;gap:12px}.auth__benefits svg{color:#a9c1ff;flex-shrink:0}.auth__panel{flex:1;display:flex;align-items:center;justify-content:center;position:relative;padding:96px 24px 48px}.auth__home{position:absolute;top:28px;right:32px}.auth__form-wrap{width:100%;max-width:420px;display:flex;flex-direction:column;gap:24px}.auth__title h1{margin:0;font-size:30px;font-weight:700;letter-spacing:-.01em}.auth__title p{margin:8px 0 0;font-size:15px;color:var(--text-muted)}.auth__divider{display:flex;align-items:center;gap:12px;font-size:13px;color:var(--text-muted)}.auth__divider:before,.auth__divider:after{content:"";flex:1;height:1px;background:var(--card-border)}.auth__form{display:flex;flex-direction:column;gap:16px}.auth__switch{margin:0;font-size:14px;color:var(--ink-2);text-align:center}.auth__terms{margin:0;font-size:12px;line-height:1.6;color:var(--text-muted);text-align:center}.link-btn{background:none;border:0;padding:0;font:inherit;font-weight:600;color:var(--primary-color);cursor:pointer}.link-btn:hover{color:var(--primary-hover)}.field{display:flex;flex-direction:column;gap:8px}.field__row{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.field label{font-size:14px;font-weight:600}.field input{height:48px;box-sizing:border-box;padding:0 16px;border-radius:12px;border:1px solid var(--input-border);background:var(--input-bg);color:var(--input-text);font-size:15px;outline:none;transition:border-color .15s ease}.field input:focus{border-color:var(--input-focus)}.alert{padding:12px 16px;border-radius:12px;font-size:14px;line-height:1.5;border:1px solid var(--bad);background:var(--bad-soft);color:var(--bad)}.alert--ok{border-color:var(--ok);background:var(--ok-soft);color:var(--ok)}@media(max-width:900px){.auth__hero{display:none}.auth__panel{padding:88px 20px 40px}.auth__home{right:16px;top:16px}}.profile{display:grid;grid-template-columns:minmax(0,320px) minmax(0,1fr);gap:16px;align-items:start}.profile__main{display:flex;flex-direction:column;gap:16px;min-width:0}.profile__card{align-items:center;text-align:center}.profile__avatar{width:96px;height:96px;font-size:36px}.profile__avatar-edit{display:flex;flex-direction:column;align-items:center;gap:10px;width:100%}.profile__avatar-edit .alert{width:100%;box-sizing:border-box;text-align:left}.profile__avatar-btn{position:relative;padding:0;border:0;border-radius:50%;background:none;cursor:pointer}.profile__avatar-btn:disabled{cursor:progress;opacity:.6}.profile__avatar-btn:focus-visible{outline:2px solid var(--input-focus);outline-offset:3px}.profile__avatar-badge{position:absolute;right:0;bottom:0;width:32px;height:32px;border-radius:50%;border:2px solid var(--card-bg);background:var(--primary-color);color:#fff;display:flex;align-items:center;justify-content:center;transition:transform .15s ease}.profile__avatar-btn:hover:not(:disabled) .profile__avatar-badge{transform:scale(1.08)}.profile__avatar-links{display:flex;gap:16px;font-size:14px}.profile__avatar-links .link-btn:disabled{color:var(--text-muted);cursor:progress}.profile__avatar-remove{color:var(--text-muted)}.profile__avatar-remove:hover{color:var(--bad)}.profile__who{display:flex;flex-direction:column;gap:4px;min-width:0;max-width:100%}.profile__name{font-size:18px;font-weight:700;overflow-wrap:anywhere}.profile__email{font-size:14px;color:var(--text-muted);overflow-wrap:anywhere}.profile__facts{width:100%;margin:0;padding-top:16px;border-top:1px solid var(--card-border);display:flex;flex-direction:column;gap:12px}.profile__facts>div{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:14px}.profile__facts dt{color:var(--text-muted)}.profile__facts dd{margin:0;font-weight:600}.profile__form{display:flex;flex-direction:column;gap:16px;max-width:480px}.profile__form input:disabled{color:var(--text-muted);cursor:not-allowed}.profile__hint{margin:6px 0 0;font-size:14px;color:var(--text-muted)}.profile__actions{display:flex}@media(max-width:900px){.profile{grid-template-columns:minmax(0,1fr)}}.kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:16px}.kpi{padding:20px 22px;display:flex;flex-direction:column;gap:8px}.kpi__label{font-size:13px;color:var(--text-muted)}.kpi__value{font-size:30px;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:-.01em;line-height:1.2}.kpi__note{font-size:13px;color:var(--ink-2)}.split-2{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:16px;margin-bottom:16px}.card-pad{padding:24px;display:flex;flex-direction:column;gap:18px}.card-pad h2{margin:0;font-size:17px;font-weight:700}.card-pad__head{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.card-pad__head span{font-size:13px;color:var(--text-muted)}.bars{height:200px;display:flex;align-items:flex-end;gap:6px;border-bottom:1px solid var(--card-border);padding-bottom:2px}.bars span{flex:1;min-height:3px;border-radius:4px 4px 0 0;background:var(--primary-color)}.bars span.is-zero{background:var(--card-border)}.bars span.is-today{background:var(--inverse-bg)}.bars-axis{display:flex;justify-content:space-between;font-size:12px;color:var(--text-muted)}.meter{display:flex;flex-direction:column;gap:6px}.meter__label{display:flex;justify-content:space-between;gap:12px;font-size:13px}.meter__label span:last-child{color:var(--ink-2);font-variant-numeric:tabular-nums}.meter .progress{height:8px;border-radius:4px}.meter__label a{color:inherit;font-weight:600}.meter__label a:hover{color:var(--primary-color)}.meter__sub{display:flex;flex-wrap:wrap;gap:4px 14px;font-size:12px;color:var(--text-muted);font-variant-numeric:tabular-nums}.meter__review{color:var(--acc);font-weight:600}.meter__review:hover{text-decoration:underline}.achievements{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.achievement{display:flex;gap:12px;align-items:flex-start;padding:14px;border-radius:12px;border:1px solid var(--card-border)}.achievement__icon{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:var(--surface-3);color:var(--text-muted)}.achievement.is-unlocked .achievement__icon{background:var(--ok-soft);color:var(--ok)}.achievement strong{display:block;font-size:14px}.achievement span{font-size:12px;color:var(--text-muted);line-height:1.5}.achievement:not(.is-unlocked) strong{color:var(--text-muted)}.table-card{overflow:hidden}.table-card__head{padding:20px 24px;display:flex;align-items:center;gap:12px;flex-wrap:wrap;border-bottom:1px solid var(--surface-3)}.table-card__head h2{margin:0;font-size:17px;font-weight:700}.table-card__head .btn{margin-left:auto}.data-table{width:100%;border-collapse:collapse;font-size:14px}.data-table th{text-align:left;padding:12px 24px;background:var(--surface-2);font-size:12px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.data-table td{padding:16px 24px;border-top:1px solid var(--surface-3);vertical-align:middle}.data-table td.num{font-variant-numeric:tabular-nums}.data-table .t-ok{color:var(--ok);font-weight:700}.data-table .t-acc{color:var(--acc);font-weight:700}.data-table .t-bad{color:var(--bad);font-weight:700}.empty{padding:48px 24px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px}.empty h3{margin:0;font-size:17px}.empty p{margin:0 0 8px;font-size:14px;color:var(--text-muted);max-width:420px}@media(max-width:1100px){.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.split-2{grid-template-columns:minmax(0,1fr)}.achievements{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.kpi-grid,.achievements{grid-template-columns:minmax(0,1fr)}.data-table th:nth-child(3),.data-table td:nth-child(3){display:none}.data-table th,.data-table td{padding-left:16px;padding-right:16px}}.pricing{display:flex;flex-direction:column;align-items:center;gap:36px}.pricing__intro{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center}.pricing__intro h1{margin:0;font-size:36px;font-weight:700;letter-spacing:-.02em;line-height:1.2}.pricing__intro p{margin:0;font-size:16px;line-height:1.6;color:var(--ink-2);max-width:620px}.plans{width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.plan{padding:28px;border-radius:18px;background:var(--card-bg);border:1px solid var(--card-border);display:flex;flex-direction:column;gap:20px}.plan--featured{background:#16181d;color:#fff;border-color:#16181d;box-shadow:0 16px 40px #16181d2e}[data-theme=dark] .plan--featured{background:#1a2236;border-color:#3a4665}.plan__head{display:flex;align-items:flex-start;gap:8px}.plan__head h2{margin:0;font-size:18px;font-weight:700}.plan__head p{margin:6px 0 0;font-size:14px;color:var(--text-muted)}.plan--featured .plan__head p{color:#c4c8d0}.plan__tag{margin-left:auto;height:26px;padding:0 10px;border-radius:13px;background:#fff;color:#16181d;font-size:12px;font-weight:700;display:inline-flex;align-items:center;white-space:nowrap}.plan__price{display:flex;align-items:baseline;gap:6px;flex-wrap:wrap}.plan__price strong{font-size:32px;font-weight:700}.plan__price span{font-size:14px;color:var(--text-muted)}.plan--featured .plan__price span{color:#c4c8d0}.plan--featured .btn--light{background:#fff;color:#16181d}.plan--featured .btn--light:hover{opacity:.9}.plan__features{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px;font-size:14px;color:var(--ink-2)}.plan--featured .plan__features{color:#e6e8ec}.plan__features li{display:flex;gap:10px;line-height:1.5}.plan__features svg{flex-shrink:0;margin-top:2px;color:var(--ok)}.plan--featured .plan__features svg{color:#a9c1ff}.faq{width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.faq div{display:flex;flex-direction:column;gap:6px}.faq strong{font-size:15px}.faq span{font-size:14px;line-height:1.6;color:var(--text-muted)}@media(max-width:1000px){.plans,.faq{grid-template-columns:1fr;max-width:560px}.pricing__intro h1{font-size:28px}}.listen-lang{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--ink-2)}.listen-lang select{height:40px;padding:0 12px;border-radius:10px;border:1px solid var(--card-border);background:var(--card-bg);color:var(--text-main);font:inherit;font-weight:600}.listen-q{padding:28px 32px 32px;display:flex;flex-direction:column;gap:24px}.listen-q__part{display:flex;flex-direction:column;gap:18px}.listen-q__part+.listen-q__part{padding-top:24px;border-top:1px solid var(--surface-3)}.listen-q__prompt{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center}.listen-q__prompt h2{margin:0;font-size:21px;font-weight:700;line-height:1.6}.listen-q__prompt span{font-size:14px;color:var(--text-muted)}.listen-q__submit{display:flex;flex-direction:column;align-items:center;gap:10px}.listen-q__submit>span{font-size:12px;color:var(--text-muted)}.listen-q__submit .btn{min-width:180px;justify-content:center}.listen-figure{margin:0;display:flex;justify-content:center}.listen-figure img{display:block;width:100%;max-width:440px;height:auto;border-radius:12px;border:1px solid var(--card-border);background:#fff}.choice-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}.choice-grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}.choice-card{min-height:84px;padding:16px 18px;border-radius:14px;border:1.5px solid var(--card-border);background:var(--card-bg);color:var(--text-main);font:inherit;text-align:left;display:flex;align-items:center;gap:14px;cursor:pointer;transition:border-color .15s,background .15s,box-shadow .15s}.choice-card:hover{border-color:var(--input-border)}.choice-card[aria-disabled=true]{cursor:default}.choice-card__no{width:36px;height:36px;border-radius:50%;flex-shrink:0;box-sizing:border-box;border:1.5px solid var(--input-border);color:var(--ink-2);display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:700;font-variant-numeric:tabular-nums}.choice-card__body{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.choice-card__ja{font-size:17px;font-weight:500;line-height:1.5}.choice-card__tr{font-size:13px;line-height:1.5;color:var(--text-muted)}.choice-card.is-selected{border:2px solid var(--primary-color);background:var(--primary-light);box-shadow:0 0 0 3px var(--ring)}.choice-card.is-selected .choice-card__no{border:0;background:var(--primary-fill);color:var(--primary-text)}.choice-card.is-correct{border:2px solid var(--ok);background:var(--ok-soft)}.choice-card.is-correct .choice-card__no{border:0;background:var(--ok);color:var(--card-bg)}.choice-card.is-wrong{border:2px dashed var(--bad);background:var(--bad-soft)}.choice-card.is-wrong .choice-card__no{border:0;background:var(--bad);color:var(--card-bg)}.choice-card.is-dim{opacity:.72;border-color:var(--surface-3)}.choice-card.is-dim:hover{border-color:var(--surface-3)}.choice-tag{flex-shrink:0;height:24px;padding:0 10px;border-radius:13px;box-sizing:border-box;font-size:12px;font-weight:600;display:inline-flex;align-items:center;gap:5px;white-space:nowrap;align-self:flex-start;margin-bottom:2px}.choice-tag--ok{background:var(--ok);color:var(--card-bg)}.choice-tag--bad{border:1.5px solid var(--bad);background:var(--card-bg);color:var(--bad)}.num-choices{display:flex;justify-content:center;gap:16px;flex-wrap:wrap}.num-choice{width:88px;height:88px;border-radius:18px;border:1.5px solid var(--card-border);background:var(--card-bg);color:var(--text-main);font:inherit;font-size:28px;font-weight:700;font-variant-numeric:tabular-nums;cursor:pointer}.num-choice:hover{border-color:var(--input-border)}.num-choice.is-selected{border:2px solid var(--primary-fill);background:var(--primary-fill);color:var(--primary-text);box-shadow:0 0 0 3px var(--ring)}.verdict{padding:16px 20px;border-radius:12px;display:flex;align-items:center;gap:14px}.verdict--ok{background:var(--ok-soft);color:var(--ok)}.verdict--bad{background:var(--bad-soft);color:var(--bad)}.verdict__icon{width:40px;height:40px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;color:var(--card-bg)}.verdict--ok .verdict__icon{background:var(--ok)}.verdict--bad .verdict__icon{background:var(--bad)}.verdict__text{display:flex;flex-direction:column;gap:2px;min-width:0}.verdict__text strong{font-size:17px}.verdict__text span{font-size:13px;color:var(--ink-2)}.verdict__points{margin-left:auto;flex-shrink:0;font-size:13px;font-weight:600;font-variant-numeric:tabular-nums;color:var(--ink-2)}.listen-why{padding:24px;display:flex;flex-direction:column;gap:18px}.listen-why__block{display:flex;flex-direction:column;gap:14px}.listen-why__block+.listen-why__block{padding-top:18px;border-top:1px solid var(--surface-3)}.listen-why__head{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.listen-why__head h3{margin:0;font-size:15px;font-weight:700}.listen-why__head .btn{margin-left:auto}.listen-why__time{font-weight:500}.listen-why__quote{margin:0;padding:16px 18px;border-radius:12px;background:var(--surface-2);display:flex;flex-direction:column;gap:8px}.listen-why__quote .jp{font-size:17px;line-height:1.8}.listen-why__quote span:not(.jp){font-size:14px;line-height:1.6;color:var(--ink-2)}.listen-why__note{display:flex;flex-direction:column;gap:6px}.listen-why__note p{margin:0;font-size:14px;line-height:1.7;color:var(--ink-2)}.listen-why__actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.lscore{padding:20px;display:flex;flex-direction:column;gap:18px}.lscore__top{display:flex;align-items:center;gap:16px}.lscore__nums{display:flex;flex-direction:column;gap:4px;min-width:0}.lscore__nums strong{font-size:15px;font-variant-numeric:tabular-nums}.lscore__nums span{font-size:13px;color:var(--text-muted);font-variant-numeric:tabular-nums}.lscore__parts{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.lscore__part{display:flex;flex-direction:column;gap:6px;padding:8px 10px;margin:0 -10px;border-radius:10px;color:inherit;text-decoration:none}.lscore__part:hover{background:var(--surface-2)}.lscore__part.is-active strong{color:var(--primary-color)}.lscore__row{display:flex;align-items:baseline;gap:8px;font-size:13px;color:var(--ink-2)}.lscore__row strong{color:var(--text-main)}.lscore__val{margin-left:auto;font-variant-numeric:tabular-nums}.lscore__note{margin:0;font-size:12px;line-height:1.5;color:var(--text-muted)}.lscore__history{display:inline-flex;align-items:center;justify-content:center;gap:6px;align-self:center;font-size:13px;font-weight:600;color:var(--primary-color)}.lscore__history:hover{text-decoration:underline}.score-ring--lg{width:76px;height:76px}.score-ring--lg span{width:60px;height:60px;font-size:17px}.split-bar{height:6px;border-radius:3px;background:var(--surface-3);display:flex;overflow:hidden}.split-bar i{display:block;height:100%}.split-bar .is-ok{background:var(--ok)}.split-bar .is-bad{background:var(--bad);opacity:.45}.seg-legend .i-bar-ok{background:var(--ok);border-radius:3px;width:10px;height:10px}.seg-legend .i-bar-bad{background:var(--bad);opacity:.45;border-radius:3px;width:10px;height:10px}.seg-legend .i-bar-todo{background:var(--surface-3);border-radius:3px;width:10px;height:10px}.seg-pill.is-here{box-shadow:0 0 0 2px var(--card-bg),0 0 0 4px var(--primary-color)}@media(max-width:760px){.listen-q{padding:20px}.choice-grid--2{grid-template-columns:minmax(0,1fr)}.num-choice{width:68px;height:68px;font-size:24px}.verdict{flex-wrap:wrap}.listen-keys{display:none}}.lres-hero{padding:28px 32px;display:flex;align-items:center;gap:32px;margin-bottom:24px}.lres-ring{width:132px;height:132px}.lres-ring span{width:108px;height:108px;flex-direction:column;gap:2px;font-size:32px;line-height:1}.lres-ring small{font-size:12px;font-weight:500;color:var(--text-muted)}.lres-hero__text{display:flex;flex-direction:column;gap:8px;min-width:0;flex:1}.lres-hero__text strong{font-size:28px;font-variant-numeric:tabular-nums}.lres-hero__text p{margin:0;font-size:14px;line-height:1.6;color:var(--ink-2)}.lres-hero__text span{font-size:12px;color:var(--text-muted)}.lres-kpis{margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;width:380px;flex-shrink:0}.lres-kpis div{padding:14px 16px;border-radius:12px;background:var(--surface-2);display:flex;flex-direction:column;gap:4px}.lres-kpis dt{font-size:12px;font-weight:600;color:var(--ink-2)}.lres-kpis dd{margin:0;font-size:26px;font-weight:700;font-variant-numeric:tabular-nums}.lres-kpis .is-ok{background:var(--ok-soft)}.lres-kpis .is-ok dt,.lres-kpis .is-ok dd{color:var(--ok)}.lres-kpis .is-bad{background:var(--bad-soft)}.lres-kpis .is-bad dt,.lres-kpis .is-bad dd{color:var(--bad)}.lres-grid{display:grid;grid-template-columns:400px minmax(0,1fr);gap:24px;align-items:start}.lres-parts{padding:24px;display:flex;flex-direction:column;gap:20px}.lres-parts h2,.lres-wrong h2{margin:0;font-size:17px;font-weight:700}.lres-part{display:flex;flex-direction:column;gap:8px}.lres-part__row{display:flex;align-items:baseline;gap:10px;font-size:14px;color:var(--ink-2)}.lres-part__row strong{font-size:15px;color:var(--text-main)}.lres-part__score{margin-left:auto;font-weight:600;color:var(--text-main);font-variant-numeric:tabular-nums}.lres-part__pct{width:44px;text-align:right;font-size:13px;color:var(--text-muted);font-variant-numeric:tabular-nums}.lres-part .split-bar{height:8px;border-radius:4px}.lres-part__weak{font-size:12px;font-weight:600;color:var(--acc)}.lres-wrong{display:flex;flex-direction:column}.lres-wrong__head{padding:20px 24px;display:flex;align-items:center;gap:12px;flex-wrap:wrap;border-bottom:1px solid var(--surface-3)}.lres-wrong__head h2 small{font-size:inherit;font-weight:500;color:var(--text-muted)}.lres-wrong__head .segmented{margin-left:auto}.lres-wrong ul{list-style:none;margin:0;padding:0}.lres-item{padding:14px 24px;border-bottom:1px solid var(--surface-3);display:flex;align-items:center;gap:16px}.lres-item:last-child{border-bottom:0}.lres-item__no{width:64px;flex-shrink:0;display:flex;flex-direction:column;gap:2px}.lres-item__no strong{font-size:14px}.lres-item__no span{font-size:12px;color:var(--text-muted)}.lres-item__body{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}.lres-item__prompt{font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lres-item__answer{display:flex;align-items:center;gap:8px;font-size:13px;min-width:0}.lres-chip{flex-shrink:0;height:24px;padding:0 8px;border-radius:6px;box-sizing:border-box;font-weight:600;display:inline-flex;align-items:center}.lres-chip--bad{border:1.5px dashed var(--bad);color:var(--bad)}.lres-chip--ok{background:var(--ok-soft);color:var(--ok)}.lres-item__text{color:var(--ink-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lres-wrong .empty{padding:40px 24px}@media(max-width:1180px){.lres-hero{flex-wrap:wrap}.lres-kpis{width:100%}.lres-grid{grid-template-columns:minmax(0,1fr)}}@media(max-width:640px){.lres-hero{padding:20px;gap:20px}.lres-ring{width:104px;height:104px}.lres-ring span{width:84px;height:84px;font-size:26px}.lres-hero__text strong{font-size:22px}.lres-item{padding:14px 16px;flex-wrap:wrap}.lres-item__body{flex-basis:calc(100% - 80px)}.lres-wrong__head .segmented{margin-left:0}}.mode-card__cta a:not(.btn){font-size:13px;font-weight:600;color:var(--primary-color);font-variant-numeric:tabular-nums}.dialogue{display:flex;flex-direction:column;gap:16px}.dialogue__player-wrap{position:sticky;top:72px;z-index:20;margin-bottom:8px;background:var(--card-bg);border-radius:var(--card-radius, 16px);box-shadow:0 4px 20px #00000014;border:1px solid var(--card-border)}@media(max-width:1023px){.dialogue__player-wrap{top:64px}}.dialogue__lines{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.dialogue__line{--tone: var(--primary-color);--tone-soft: var(--primary-light);position:relative;display:grid;grid-template-columns:64px minmax(0,1fr) auto;gap:16px;padding:16px 20px;border-radius:18px;background:var(--card-bg);border:1px solid var(--card-border);overflow:hidden;transition:background-color .15s ease,border-color .15s ease,box-shadow .15s ease}.dialogue__line--interactive{cursor:pointer}.dialogue__line--interactive:hover{background:var(--surface-2)}.dialogue__line--interactive:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.dialogue__line[data-tone=female]{--tone: var(--heart);--tone-soft: var(--heart-soft)}.dialogue__line[data-tone=male]{--tone: var(--primary-color);--tone-soft: var(--primary-light)}.dialogue__line[data-tone=narrator]{--tone: var(--text-muted);--tone-soft: var(--surface-3)}.dialogue__line[data-tone=other1]{--tone: var(--ok);--tone-soft: var(--ok-soft)}.dialogue__line[data-tone=other2]{--tone: #b7791f;--tone-soft: rgba(183, 121, 31, .14)}.dialogue__who{display:flex;flex-direction:column;align-items:center;gap:6px;padding-top:2px;min-width:0}.dialogue__avatar{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:var(--tone-soft);color:var(--tone);font-size:20px;font-weight:700}.dialogue__who-label{max-width:100%;font-size:12px;font-weight:600;color:var(--text-muted);text-align:center;overflow-wrap:anywhere}.dialogue__text{display:flex;flex-direction:column;gap:4px;min-width:0;padding-top:4px}.dialogue__text .jp{font-size:19px;line-height:1.75;font-weight:500;color:var(--text-main)}.dialogue__line[data-tone=narrator] .dialogue__text .jp{color:var(--ink-2);font-size:18px}.dialogue__tr{font-size:14px;line-height:1.6;color:var(--ink-2)}.dialogue__actions{display:flex;align-items:center;gap:8px;align-self:start}.dialogue__play{align-self:start}.dialogue__play.is-playing{background:var(--primary-fill);color:var(--primary-text)}.tr-glyph{flex-shrink:0}.tr-glyph__back{fill:currentColor;fill-opacity:.3}.tr-glyph__ja{fill:currentColor;font-family:var(--font-jp, "Noto Sans JP", sans-serif)}.tr-glyph__front{fill:currentColor}.tr-glyph__a{fill:var(--glyph-ink, var(--card-bg))}.dialogue__tr-btn{--glyph-ink: var(--card-bg);display:inline-flex;align-items:center;gap:6px;height:40px;padding:0 14px 0 10px;border:1px solid var(--card-border);border-radius:999px;background:transparent;color:var(--text-muted);font:inherit;font-size:13px;font-weight:700;letter-spacing:.02em;cursor:pointer;transition:background-color .15s ease,color .15s ease,border-color .15s ease}.dialogue__tr-btn:hover{background:var(--primary-light);color:var(--primary-color);border-color:var(--primary-color);--glyph-ink: var(--primary-light)}.dialogue__tr-btn.is-active{background:var(--primary-fill);color:var(--primary-text);border-color:var(--primary-fill);--glyph-ink: var(--primary-fill)}.dialogue__tr-btn:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.dialogue__tr-btn-label{display:inline-flex;align-items:center}.dialogue__tr-box{display:flex;align-items:flex-start;gap:12px;margin-top:8px;padding:12px 8px 12px 14px;border-radius:12px;background:var(--primary-light);animation:fadeIn .18s ease-out}[data-theme=dark] .dialogue__tr-box{background:#4f8ff71a}.dialogue__tr-badge{--glyph-ink: var(--primary-light);flex-shrink:0;display:inline-flex;align-items:center;gap:5px;margin-top:2px;padding:3px 9px 3px 6px;border-radius:999px;background:#2563eb24;color:var(--primary-color);font-size:12px;font-weight:800;line-height:1.2;letter-spacing:.04em}[data-theme=dark] .dialogue__tr-badge{--glyph-ink: #14233f;background:#4f8ff738;color:#9cc3ff}.dialogue__tr-text{flex:1;min-width:0;font-size:15.5px;line-height:1.6;color:var(--text-main)}.dialogue__tr-box-close{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:0;border-radius:50%;background:transparent;color:var(--text-muted);cursor:pointer;transition:background-color .15s ease,color .15s ease}.dialogue__tr-box-close:hover{background:var(--surface-3);color:var(--text-main)}.dialogue__tr-box-close:focus-visible{outline:2px solid var(--primary-color);outline-offset:1px}.dialogue__line.is-active{background:var(--primary-light)!important;border-color:var(--primary-color)!important;box-shadow:0 8px 24px #2563eb2e;padding-bottom:22px}[data-theme=dark] .dialogue__line.is-active{background:#14233f!important;border-color:#4f8ff7!important}.dialogue__line.is-active .dialogue__avatar{box-shadow:0 0 0 3px color-mix(in srgb,var(--tone) 30%,transparent)}.dialogue__line.is-active .dialogue__text .jp{font-weight:700;color:var(--primary-color)}[data-theme=dark] .dialogue__line.is-active .dialogue__text .jp{color:#a9cbff}.dialogue__line.is-active.is-answer{background:var(--ok-soft)!important;border-color:var(--ok)!important;box-shadow:0 0 0 1px var(--ok)}.dialogue__line.is-active.is-wrong{background:var(--bad-soft)!important;border-color:var(--bad)!important;box-shadow:0 0 0 1px var(--bad)}.dialogue__progress{position:absolute;left:0;right:0;bottom:0;height:4px;background:#4f8ff733}.dialogue__progress span{display:block;height:100%;border-radius:0 4px 4px 0;background:var(--primary-color);transition:width .12s linear}.dialogue__active-pill{display:inline-flex;align-items:center;gap:6px;width:fit-content;margin-bottom:2px;padding:3px 11px 3px 8px;border-radius:999px;background:var(--primary-fill, #1a73e8);color:#fff;font-size:12px;font-weight:700;animation:dialoguePulse 1.8s ease-in-out infinite}@keyframes dialoguePulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.82;transform:scale(.97)}}@media(prefers-reduced-motion:reduce){.dialogue__active-pill{animation:none}}.dialogue__line.is-answer{background:var(--ok-soft);border-color:var(--ok)}.dialogue__line.is-wrong{background:var(--bad-soft);border-color:var(--bad)}.dialogue__line.is-answer .dialogue__text .jp,.dialogue__line.is-wrong .dialogue__text .jp{align-self:flex-start;padding:1px 4px;margin-left:-4px;border-radius:5px}.dialogue__line.is-answer .dialogue__text .jp{background:#facc1538;box-shadow:inset 0 -2px #facc15}.dialogue__line.is-wrong .dialogue__text .jp{background:#ef444429;box-shadow:inset 0 -2px 0 var(--bad)}.dialogue__line.is-answer .dialogue__tr,.dialogue__line.is-wrong .dialogue__tr{align-self:flex-start;color:var(--text-main);font-weight:600}.dialogue__badge{display:inline-flex;align-items:center;gap:5px;align-self:flex-start;padding:3px 11px;border-radius:999px;background:var(--ok);color:var(--bg-color);font-size:12px;font-weight:700}.dialogue__badge--wrong{background:var(--bad)}.dialogue__toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:4px;flex-wrap:wrap}.dialogue__toggle-all{--glyph-ink: var(--primary-light);gap:8px;padding:6px 14px 6px 10px;border:1px solid transparent;border-radius:999px;background:var(--primary-light);color:var(--primary-color);font-size:13px;font-weight:700;transition:all .15s ease}.dialogue__toggle-all:hover{background:var(--primary-color);color:#fff;--glyph-ink: var(--primary-color)}.dialogue__full-details{margin-top:16px;padding:12px 16px;border-radius:14px;background:var(--surface-2);border:1px solid var(--card-border)}.dialogue__full-summary{display:flex;align-items:center;justify-content:space-between;cursor:pointer;-webkit-user-select:none;user-select:none;font-weight:600;color:var(--text-muted)}.dialogue__full-summary:hover{color:var(--text-main)}.dialogue__full-body{margin-top:12px;padding-top:10px;border-top:1px solid var(--surface-3);display:flex;flex-direction:column;gap:8px}.dialogue__full-body p{margin:0;font-size:14px;line-height:1.7;color:var(--ink-2);white-space:pre-wrap}.dialogue__trline{margin:0;padding:6px 10px;border-left:4px solid transparent;border-radius:0 8px 8px 0}.dialogue__trline.is-answer{background:var(--ok-soft);border-left-color:var(--ok);color:var(--text-main);font-weight:600}.dialogue__trline.is-wrong{background:var(--bad-soft);border-left-color:var(--bad);color:var(--text-main);font-weight:600}.dialogue__legend{padding-top:0}.dialogue__full{padding:16px 18px;border-radius:12px;background:var(--surface-2);display:flex;flex-direction:column;gap:8px}.dialogue__full p{margin:0;font-size:14px;line-height:1.7;color:var(--ink-2);white-space:pre-wrap}@media(max-width:640px){.dialogue__line{grid-template-columns:minmax(0,1fr) auto;gap:10px 12px;padding:14px;border-radius:16px}.dialogue__who{grid-column:1 / -1;flex-direction:row;justify-content:flex-start;gap:10px}.dialogue__avatar{width:32px;height:32px;font-size:16px}.dialogue__text{padding-top:0}.dialogue__text .jp{font-size:17px}.dialogue__tr-btn{padding:0 12px 0 8px}}.shell-nav__item--heart svg{color:var(--heart)}.shell-nav__item--heart:hover svg{animation:heart-beat .9s ease-in-out}@property --donate-angle{syntax: "<angle>"; initial-value: 0deg; inherits: false;}@keyframes heart-beat{0%,to{transform:scale(1)}20%{transform:scale(1.22)}40%{transform:scale(.96)}60%{transform:scale(1.12)}}@keyframes petal-fall{0%{transform:translate3d(0,-24px,0) rotate(0);opacity:0}10%{opacity:1}to{transform:translate3d(60px,340px,0) rotate(300deg);opacity:0}}@keyframes donate-spin{to{--donate-angle: 360deg}}@keyframes qr-pop{0%{transform:scale(.92);opacity:0}to{transform:scale(1);opacity:1}}@keyframes donate-rise{0%{transform:translateY(12px);opacity:0}to{transform:none;opacity:1}}.donate{display:flex;flex-direction:column;gap:24px}.donate-hero{position:relative;overflow:hidden;padding:44px 40px;border-radius:24px;border:1px solid var(--card-border);background:radial-gradient(120% 140% at 100% 0%,var(--heart-soft) 0%,transparent 55%),radial-gradient(90% 120% at 0% 100%,var(--primary-light) 0%,transparent 60%),var(--card-bg);display:flex;flex-direction:column;align-items:flex-start;gap:14px;animation:donate-rise .5s ease both}.donate-hero>:not(.donate-hero__petals):not(.donate-hero__kanji){position:relative;z-index:1}.donate-hero h1{margin:0;font-size:36px;line-height:1.15;font-weight:800;letter-spacing:-.02em;max-width:18ch}.donate-hero p{margin:0;max-width:76ch;font-size:16px;line-height:1.7;color:var(--ink-2);white-space:pre-line}.donate-hero__eyebrow{display:inline-flex;align-items:center;gap:8px;height:32px;padding:0 14px;border-radius:16px;background:var(--heart-soft);color:var(--heart);font-size:13px;font-weight:700}.donate-hero__eyebrow svg{animation:heart-beat 1.6s ease-in-out infinite}.donate-hero__kanji{position:absolute;right:28px;bottom:-18px;font-family:var(--font-brand);font-size:150px;line-height:1;font-weight:700;color:var(--text-main);opacity:.05;pointer-events:none;-webkit-user-select:none;user-select:none}.donate-hero__petals{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.donate-hero__petals span{position:absolute;top:-16px;border-radius:80% 0;background:var(--petal);animation:petal-fall linear infinite both}.donate__grid{display:grid;grid-template-columns:minmax(0,400px) minmax(0,1fr);gap:24px;align-items:start}.donate__side{display:flex;flex-direction:column;gap:16px;min-width:0}.donate-card{padding:2px;border-radius:24px;background:conic-gradient(from var(--donate-angle),var(--heart),var(--primary-fill),var(--navy),var(--heart));animation:donate-spin 8s linear infinite,donate-rise .5s .08s ease both;box-shadow:0 18px 44px -20px #d6336c73}.donate-card__inner{border-radius:22px;background:var(--card-bg);padding:24px;display:flex;flex-direction:column;gap:18px}.donate-card__head{display:flex;align-items:center;justify-content:space-between;gap:12px}.donate-card__head h2{margin:0;font-size:18px;font-weight:700}.donate-card__bank{font-size:12px;font-weight:700;letter-spacing:.04em;color:var(--ok);background:var(--ok-soft);padding:4px 10px;border-radius:8px}.donate-qr{position:relative;align-self:center;width:min(100%,280px);padding:14px 14px 40px;border-radius:20px;background:#fff;box-shadow:0 1px #0000000a,0 10px 30px -12px #00000059}.donate-qr__code{aspect-ratio:1;animation:qr-pop .35s cubic-bezier(.2,.9,.3,1.2) both}.donate-qr__code svg{display:block;width:100%;height:100%}.donate-qr__amount{position:absolute;left:50%;bottom:10px;transform:translate(-50%);font-size:14px;font-weight:800;color:#16181d;white-space:nowrap}.donate-tiers{display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:8px}.donate-tier{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:10px 12px;border-radius:12px;border:1px solid var(--card-border);background:var(--surface-2);font:inherit;color:var(--text-main);text-align:left;cursor:pointer;transition:transform .15s ease,border-color .15s ease,background .15s ease}.donate-tier strong{font-size:14px;font-weight:700}.donate-tier span{font-size:12px;color:var(--text-muted)}.donate-tier:hover{transform:translateY(-2px);border-color:var(--input-border)}.donate-tier:focus-visible{outline:2px solid var(--input-focus);outline-offset:2px}.donate-tier[aria-checked=true]{border-color:var(--heart);background:var(--heart-soft);box-shadow:0 0 0 1px var(--heart) inset}.donate-tier[aria-checked=true] strong{color:var(--heart)}.donate-account{margin:0;display:flex;flex-direction:column;gap:10px;padding:14px 16px;border-radius:14px;background:var(--surface-2)}.donate-account>div{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:14px}.donate-account dt{color:var(--text-muted)}.donate-account dd{margin:0;font-weight:700;letter-spacing:.02em}.donate-account__number{display:flex;align-items:center;gap:10px;font-variant-numeric:tabular-nums}.donate-copy{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 10px;border-radius:8px;border:1px solid var(--card-border);background:var(--card-bg);font:inherit;font-size:12px;font-weight:600;color:var(--text-main);cursor:pointer;flex-shrink:0;transition:background .15s ease,color .15s ease,border-color .15s ease}.donate-copy:hover:not(:disabled){border-color:var(--input-border)}.donate-copy:disabled{opacity:.5;cursor:not-allowed}.donate-copy.is-copied{border-color:var(--ok);background:var(--ok-soft);color:var(--ok)}.donate-copy.is-copied svg{animation:qr-pop .25s ease both}.donate-note{display:flex;gap:16px;padding:22px;border-radius:18px;border:1px solid color-mix(in srgb,var(--acc) 45%,transparent);background:var(--acc-soft);animation:donate-rise .5s .16s ease both}.donate-note__icon{width:44px;height:44px;flex-shrink:0;border-radius:12px;background:var(--acc);color:var(--card-bg);display:flex;align-items:center;justify-content:center}.donate-note__body{display:flex;flex-direction:column;gap:10px;min-width:0;flex:1}.donate-note h2{margin:0;font-size:17px;font-weight:700;color:var(--acc)}.donate-note p{margin:0;font-size:15px;line-height:1.65;color:var(--text-main)}.donate-memo{display:flex;flex-direction:column;gap:6px}.donate-memo__label{font-size:12px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em}.donate-memo__row{display:flex;align-items:center;gap:10px;padding:8px 8px 8px 14px;border-radius:12px;border:1px dashed var(--input-border);background:var(--card-bg)}.donate-memo code{flex:1;min-width:0;font-size:14px;font-weight:600;overflow-wrap:anywhere;font-family:inherit}.donate-memo code.is-placeholder{color:var(--text-subtle);font-weight:500;font-style:italic}.donate-memo__hint{font-size:13px;color:var(--text-muted)}.donate-memo__hint a{font-weight:700;color:var(--primary-color)}.donate-steps{animation:donate-rise .5s .24s ease both}.donate-steps ol{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:16px}.donate-steps li{display:flex;gap:14px;align-items:flex-start}.donate-steps li>div{display:flex;flex-direction:column;gap:3px;min-width:0}.donate-steps strong{font-size:15px}.donate-steps li span{font-size:14px;line-height:1.55;color:var(--text-muted)}.donate-steps__num{position:relative;width:40px;height:40px;flex-shrink:0;border-radius:12px;background:var(--primary-light);color:var(--primary-color);display:flex;align-items:center;justify-content:center}.donate-steps__num em{position:absolute;top:-6px;right:-6px;width:20px;height:20px;border-radius:50%;background:var(--heart);color:#fff;font-size:11px;font-style:normal;font-weight:800;display:flex;align-items:center;justify-content:center;border:2px solid var(--card-bg)}.donate-steps li span.donate-steps__num{color:var(--primary-color);line-height:1}.donate-thanks{margin:0;display:flex;align-items:flex-start;gap:10px;font-size:14px;line-height:1.6;color:var(--text-muted)}.donate-thanks svg{color:var(--heart);flex-shrink:0;margin-top:3px}@media(max-width:960px){.donate__grid{grid-template-columns:minmax(0,1fr)}.donate-card{max-width:440px;width:100%;justify-self:center}}@media(max-width:640px){.donate-hero{padding:28px 20px;border-radius:18px}.donate-hero h1{font-size:28px}.donate-hero__kanji{font-size:104px;right:12px}.donate-card__inner{padding:18px}.donate-note{flex-direction:column;padding:18px}}@media(prefers-reduced-motion:reduce){.donate-hero__petals{display:none}.donate *,.donate-card,.shell-nav__item--heart svg{animation:none!important}}@keyframes fb-float{0%,to{transform:translateY(0) rotate(var(--r, 0deg))}50%{transform:translateY(-10px) rotate(var(--r, 0deg))}}@keyframes fb-in{0%{transform:translateY(14px);opacity:0}to{transform:none;opacity:1}}@keyframes fb-fresh{0%{box-shadow:0 0 0 0 var(--ring);border-color:var(--primary-color)}to{box-shadow:0 0 0 10px transparent}}@keyframes fb-like-pop{0%{transform:scale(1)}35%{transform:scale(1.35) rotate(-12deg)}70%{transform:scale(.92) rotate(4deg)}to{transform:scale(1)}}@keyframes fb-shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.fb{display:flex;flex-direction:column;gap:24px}.fb-cat--idea,.fb-tag--idea{--tone: var(--acc);--tone-soft: var(--acc-soft)}.fb-cat--bug,.fb-tag--bug{--tone: var(--bad);--tone-soft: var(--bad-soft)}.fb-cat--content,.fb-tag--content{--tone: var(--primary-color);--tone-soft: var(--primary-light)}.fb-cat--other,.fb-tag--other{--tone: var(--ok);--tone-soft: var(--ok-soft)}.fb-hero{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:24px 40px;padding:40px;border-radius:24px;border:1px solid var(--card-border);background:radial-gradient(90% 130% at 0% 0%,var(--primary-light) 0%,transparent 60%),radial-gradient(70% 120% at 100% 100%,var(--acc-soft) 0%,transparent 60%),var(--card-bg);animation:fb-in .45s ease both}.fb-hero__text{position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-start;gap:12px}.fb-hero h1{margin:0;font-size:34px;line-height:1.18;font-weight:800;letter-spacing:-.02em;max-width:20ch}.fb-hero p{margin:0;max-width:62ch;font-size:16px;line-height:1.7;color:var(--ink-2)}.fb-hero__eyebrow{display:inline-flex;align-items:center;gap:8px;height:32px;padding:0 14px;border-radius:16px;background:var(--primary-light);color:var(--primary-color);font-size:13px;font-weight:700}.fb-hero__stats{position:relative;z-index:1;display:flex;gap:12px}.fb-stat{min-width:108px;padding:14px 16px;border-radius:16px;border:1px solid var(--card-border);background:color-mix(in srgb,var(--card-bg) 80%,transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;flex-direction:column;gap:2px}.fb-stat strong{font-size:28px;font-weight:800;line-height:1.1;font-variant-numeric:tabular-nums}.fb-stat span{font-size:12px;color:var(--text-muted)}.fb-stat:nth-child(2) strong{color:var(--acc)}.fb-stat:nth-child(3) strong{color:var(--ok)}.fb-hero__bubbles{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.fb-hero__bubbles span{position:absolute;font-size:26px;opacity:.5;animation:fb-float 5s ease-in-out infinite}.fb-hero__bubbles span:nth-child(1){top:18px;right:34%;--r: -8deg}.fb-hero__bubbles span:nth-child(2){top:26px;right:6%;--r: 10deg;animation-delay:1.2s}.fb-hero__bubbles span:nth-child(3){top:42%;right:22%;--r: 6deg;animation-delay:2.4s;font-size:22px}.fb-hero__bubbles span:nth-child(4){bottom:16px;right:44%;--r: -4deg;animation-delay:.6s;font-size:20px}.fb__grid{display:grid;grid-template-columns:minmax(0,420px) minmax(0,1fr);gap:24px;align-items:start}.fb-composer{position:sticky;top:96px;padding:24px;border-radius:20px;border:1px solid var(--card-border);background:var(--card-bg);box-shadow:0 16px 40px -28px #00000080;display:flex;flex-direction:column;gap:18px;animation:fb-in .45s .08s ease both}.fb-composer__head h2{margin:0;font-size:19px;font-weight:700}.fb-composer__head p{margin:4px 0 0;font-size:14px;color:var(--text-muted)}.fb-cats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.fb-cat{display:flex;align-items:center;gap:10px;padding:10px;border-radius:14px;border:1px solid var(--card-border);background:var(--surface-2);font:inherit;color:var(--text-main);text-align:left;cursor:pointer;transition:transform .15s ease,border-color .15s ease,background .15s ease}.fb-cat:hover{transform:translateY(-2px);border-color:var(--input-border)}.fb-cat__icon{width:36px;height:36px;flex-shrink:0;border-radius:10px;background:var(--tone-soft);color:var(--tone);display:flex;align-items:center;justify-content:center;transition:transform .2s ease}.fb-cat__text{display:flex;flex-direction:column;gap:1px;min-width:0}.fb-cat__text strong{font-size:13px;font-weight:700}.fb-cat__text span{font-size:11.5px;color:var(--text-muted);line-height:1.35}.fb-cat[aria-checked=true]{border-color:var(--tone);background:var(--tone-soft);box-shadow:0 0 0 1px var(--tone) inset}.fb-cat[aria-checked=true] .fb-cat__icon{background:var(--tone);color:var(--card-bg);transform:rotate(-6deg) scale(1.05)}.fb-form{display:flex;flex-direction:column;gap:12px}.fb-input{position:relative}.fb-input textarea{width:100%;box-sizing:border-box;min-height:140px;padding:14px 16px;border-radius:14px;border:1px solid var(--input-border);background:var(--input-bg);color:var(--input-text);font:inherit;font-size:15px;line-height:1.6;resize:vertical;outline:none;transition:border-color .15s ease,box-shadow .15s ease}.fb-input textarea:focus{border-color:var(--input-focus);box-shadow:0 0 0 4px var(--ring)}.fb-input.is-locked textarea{filter:blur(1px);opacity:.5}.fb-input__lock{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:16px;text-align:center;font-size:14px;color:var(--ink-2)}.fb-thanks{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:12px;background:var(--ok-soft);color:var(--ok);font-size:14px;font-weight:600;animation:fb-in .35s ease both}.fb-form__foot{display:flex;align-items:center;justify-content:space-between;gap:12px}.fb-count{font-size:12px;color:var(--text-subtle);font-variant-numeric:tabular-nums}.fb-form .fb-form__foot .fb-count{margin-left:auto}.fb-count.is-near{color:var(--acc);font-weight:700}.fb-board{display:flex;flex-direction:column;gap:16px;min-width:0}.fb-board__head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.fb-board__head h2{margin:0;font-size:20px;font-weight:700}.fb-filter{display:flex;gap:8px;flex-wrap:wrap}.fb-filter button{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 14px;border-radius:17px;border:1px solid var(--card-border);background:var(--card-bg);color:var(--ink-2);font:inherit;font-size:13px;font-weight:500;cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease}.fb-filter button:hover{border-color:var(--input-border);color:var(--text-main)}.fb-filter button[aria-checked=true]{background:var(--inverse-bg);border-color:var(--inverse-bg);color:var(--inverse-text)}.fb-list{display:flex;flex-direction:column;gap:12px}.fb-card{padding:18px 20px;border-radius:18px;border:1px solid var(--card-border);background:var(--card-bg);display:flex;flex-direction:column;gap:12px;animation:fb-in .4s ease both;transition:border-color .15s ease,transform .15s ease}.fb-card:hover{border-color:var(--input-border)}.fb-card.is-pinned{border-color:color-mix(in srgb,var(--primary-color) 45%,var(--card-border));background:linear-gradient(var(--primary-light),transparent 70%),var(--card-bg)}.fb-card.is-fresh{animation:fb-in .4s ease both,fb-fresh 1.6s .3s ease-out 2}.fb-card--skeleton{height:132px;background:linear-gradient(90deg,var(--card-bg) 0,var(--surface-2) 40%,var(--card-bg) 80%) 0 0 / 800px 100%;animation:fb-shimmer 1.4s linear infinite}.fb-card__head{display:flex;align-items:flex-start;gap:12px}.fb-card__avatar{width:40px;height:40px;font-size:15px}.fb-card__avatar--team{border-radius:50%;object-fit:cover;background:var(--surface-2)}.fb-card__who{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}.fb-card__name{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:15px;font-weight:700;overflow-wrap:anywhere}.fb-card__team-tag,.fb-card__you{height:20px;padding:0 7px;border-radius:6px;font-size:11px;font-weight:700;display:inline-flex;align-items:center}.fb-card__team-tag{background:var(--primary-fill);color:var(--primary-text)}.fb-card__you{background:var(--surface-3);color:var(--ink-2)}.fb-card__meta{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:12.5px;color:var(--text-muted)}.fb-tag{display:inline-flex;align-items:center;gap:4px;color:var(--tone);font-weight:600}.fb-card__flags{display:flex;align-items:center;gap:6px;flex-wrap:wrap;justify-content:flex-end}.fb-pin,.fb-status{display:inline-flex;align-items:center;gap:5px;height:24px;padding:0 9px;border-radius:12px;font-size:11.5px;font-weight:700;white-space:nowrap}.fb-pin{background:var(--primary-light);color:var(--primary-color)}.fb-status--open{background:var(--surface-3);color:var(--ink-2)}.fb-status--planned{background:var(--acc-soft);color:var(--acc)}.fb-status--done{background:var(--ok-soft);color:var(--ok)}.fb-card__body{margin:0;font-size:15px;line-height:1.7;color:var(--text-main);white-space:pre-wrap;overflow-wrap:anywhere}.fb-reply{padding:12px 14px;border-radius:12px;border-left:3px solid var(--primary-color);background:var(--surface-2);display:flex;flex-direction:column;gap:6px}.fb-reply__head{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:700;color:var(--primary-color)}.fb-reply__head img{width:20px;height:20px;border-radius:50%}.fb-reply__head time{margin-left:auto;font-weight:500;color:var(--text-subtle);font-size:12px}.fb-reply p{margin:0;font-size:14px;line-height:1.65;color:var(--ink-2);white-space:pre-wrap;overflow-wrap:anywhere}.fb-card__foot{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.fb-like{display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 14px;border-radius:18px;border:1px solid var(--card-border);background:var(--surface-2);color:var(--ink-2);font:inherit;font-size:13px;font-weight:600;cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease}.fb-like:hover{border-color:var(--primary-color);color:var(--primary-color)}.fb-like strong{font-variant-numeric:tabular-nums}.fb-like.is-liked{background:var(--primary-fill);border-color:var(--primary-fill);color:var(--primary-text)}.fb-like.is-pop svg{animation:fb-like-pop .45s ease}.fb-card__own{margin-left:auto;display:flex;gap:2px}.fb-own-btn{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 10px;border:0;border-radius:8px;background:none;color:var(--text-subtle);font:inherit;font-size:13px;cursor:pointer}.fb-own-btn:hover{color:var(--text-main);background:var(--surface-2)}.fb-own-btn--danger:hover{color:var(--bad);background:var(--bad-soft)}.fb-card__edited{font-style:italic;color:var(--text-subtle)}.fb-edit{display:flex;flex-direction:column;gap:10px;animation:fb-in .25s ease both}.fb-edit__cats button{height:30px;padding:0 12px;font-size:12.5px}.fb-edit .fb-input textarea{min-height:110px}.fb-edit__note{margin:0;font-size:13px;color:var(--text-muted)}.fb-edit__actions{display:flex;gap:8px}.fb-empty{padding:40px 24px;border-radius:18px;border:1px dashed var(--input-border);display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center}.fb-empty>span{font-size:36px}.fb-empty strong{font-size:16px}.fb-empty p{margin:0;max-width:40ch;font-size:14px;color:var(--text-muted)}@media(max-width:1100px){.fb__grid{grid-template-columns:minmax(0,1fr)}.fb-composer{position:static}.fb-hero{grid-template-columns:minmax(0,1fr)}}@media(max-width:640px){.fb-hero{padding:26px 20px;border-radius:18px}.fb-hero h1{font-size:26px}.fb-hero__stats{width:100%}.fb-stat{flex:1;min-width:0;padding:12px}.fb-stat strong{font-size:22px}.fb-hero__bubbles{display:none}.fb-composer{padding:18px}.fb-card{padding:16px}.fb-card__head{flex-wrap:wrap}.fb-card__flags{width:100%;justify-content:flex-start;padding-left:52px}}@keyframes fb-pop-in{0%{transform:translateY(6px) scale(.96);opacity:0}to{transform:none;opacity:1}}@keyframes fb-emoji-rise{0%{transform:translateY(10px) scale(.6);opacity:0}to{transform:none;opacity:1}}@keyframes fb-spin{to{transform:rotate(360deg)}}.fb-tools{display:flex;align-items:center;gap:2px}.fb-tool{width:36px;height:36px;border:0;border-radius:10px;background:none;color:var(--text-muted);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s ease,color .15s ease,transform .15s ease}.fb-tool:hover:not(:disabled){background:var(--surface-2);color:var(--primary-color);transform:translateY(-1px)}.fb-tool:disabled{opacity:.4;cursor:not-allowed}.fb-tool[aria-expanded=true]{background:var(--primary-light);color:var(--primary-color)}.fb-pop{position:relative;display:inline-flex}.fb-pop__panel{position:absolute;bottom:calc(100% + 8px);left:0;z-index:50;border-radius:16px;border:1px solid var(--card-border);background:var(--card-bg);box-shadow:0 18px 40px -12px #00000073;animation:fb-pop-in .16s ease both}.fb-emoji{width:316px;max-width:calc(100vw - 48px);max-height:300px;overflow-y:auto;padding:10px;display:flex;flex-direction:column;gap:8px}.fb-emoji__label{display:block;padding:0 4px 4px;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-subtle)}.fb-emoji__grid{display:grid;grid-template-columns:repeat(8,1fr);gap:2px}.fb-emoji__grid button{aspect-ratio:1;border:0;border-radius:8px;background:none;font-size:21px;line-height:1;cursor:pointer;transition:transform .12s ease,background .12s ease}.fb-emoji__grid button:hover{background:var(--surface-2);transform:scale(1.22)}.fb-attach{display:flex;flex-direction:column;gap:6px}.fb-attach__list{display:flex;gap:8px;flex-wrap:wrap}.fb-attach__item{position:relative;width:76px;height:76px;border-radius:12px;overflow:hidden;border:1px solid var(--card-border);background:var(--surface-2);animation:fb-pop-in .2s ease both}.fb-attach__item img{width:100%;height:100%;object-fit:cover;display:block}.fb-attach__item.is-uploading img{opacity:.45;filter:blur(1px)}.fb-attach__spin{position:absolute;top:50%;left:50%;width:22px;height:22px;margin:-11px 0 0 -11px;border-radius:50%;border:2.5px solid rgba(255,255,255,.4);border-top-color:#fff;animation:fb-spin .8s linear infinite}.fb-attach__remove{position:absolute;top:4px;right:4px;width:22px;height:22px;border:0;border-radius:50%;background:#0d1220b8;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer}.fb-attach__remove:hover{background:var(--bad)}.fb-attach__problem{font-size:13px;color:var(--bad)}.fb-gallery{display:grid;gap:6px;border-radius:14px;overflow:hidden;max-width:560px}.fb-gallery--1{grid-template-columns:1fr}.fb-gallery--2{grid-template-columns:1fr 1fr}.fb-gallery--3{grid-template-columns:2fr 1fr;grid-template-rows:1fr 1fr}.fb-gallery--3 .fb-gallery__item:first-child{grid-row:span 2}.fb-gallery--4{grid-template-columns:1fr 1fr}.fb-gallery.is-compact{max-width:280px;border-radius:12px}.fb-gallery__item{padding:0;border:0;background:var(--surface-2);cursor:zoom-in;overflow:hidden;aspect-ratio:4 / 3}.fb-gallery--1 .fb-gallery__item{aspect-ratio:auto;max-height:380px}.fb-gallery--3 .fb-gallery__item:first-child{aspect-ratio:auto}.fb-gallery__item img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s ease}.fb-gallery--1 .fb-gallery__item img{object-fit:contain;max-height:380px;background:var(--surface-2)}.fb-gallery__item:hover img{transform:scale(1.03)}.fb-lightbox{width:100vw;height:100vh;max-width:none;max-height:none;margin:0;padding:0;border:0;background:transparent}.fb-lightbox::backdrop{background:#080a10e0;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.fb-lightbox[open]{display:flex;align-items:center;justify-content:center}.fb-lightbox img{max-width:min(92vw,1400px);max-height:88vh;border-radius:12px;object-fit:contain;animation:fb-pop-in .2s ease both}.fb-lightbox__close,.fb-lightbox__nav{position:fixed;width:44px;height:44px;border:0;border-radius:50%;background:#ffffff1f;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer}.fb-lightbox__close:hover,.fb-lightbox__nav:hover{background:#ffffff3d}.fb-lightbox__close{top:20px;right:20px}.fb-lightbox__nav{top:50%;margin-top:-22px}.fb-lightbox__nav.is-prev{left:20px}.fb-lightbox__nav.is-next{right:20px}.fb-lightbox__count{position:fixed;bottom:20px;left:50%;transform:translate(-50%);color:#fffc;font-size:14px}.fb-videos-edit{display:flex;flex-direction:column;gap:8px}.fb-videos-edit__list{display:flex;gap:8px;flex-wrap:wrap}.fb-video-chip{display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 6px 0 4px;border-radius:12px;border:1px solid var(--card-border);background:var(--surface-2);font-size:13px;font-weight:600;animation:fb-pop-in .2s ease both}.fb-video-chip img{width:60px;height:34px;border-radius:8px;object-fit:cover;background:var(--surface-3)}.fb-video-chip button{width:24px;height:24px;border:0;border-radius:50%;background:none;color:var(--text-muted);display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.fb-video-chip button:hover{background:var(--bad-soft);color:var(--bad)}.fb-videos-edit__input{display:flex;gap:8px}.fb-videos-edit__input input{flex:1;min-width:0;height:40px;padding:0 12px;border-radius:10px;border:1px solid var(--input-border);background:var(--input-bg);color:var(--input-text);font:inherit;font-size:14px;outline:none}.fb-videos-edit__input input:focus{border-color:var(--input-focus);box-shadow:0 0 0 4px var(--ring)}.fb-videos-edit__hint{font-size:12px;color:var(--text-subtle)}.fb-videos{display:grid;gap:8px;max-width:640px}.fb-videos.is-pair{grid-template-columns:1fr 1fr}.fb-video{position:relative;aspect-ratio:16 / 9;border-radius:14px;overflow:hidden;background:#0b0d12}.fb-video iframe,.fb-video video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0;background:#000}.fb-video__facade{position:absolute;top:0;right:0;bottom:0;left:0;padding:0;border:0;background:linear-gradient(135deg,#1b2236,#0b0d12);cursor:pointer}.fb-video__facade img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s ease,filter .3s ease}.fb-video__facade:hover img{transform:scale(1.03);filter:brightness(.85)}.fb-video__play{position:absolute;top:50%;left:50%;width:64px;height:64px;margin:-32px 0 0 -32px;border-radius:50%;background:#d6336ceb;color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 30px -6px #0009;transition:transform .2s cubic-bezier(.2,.9,.3,1.4)}.fb-video--youtube .fb-video__play{background:#e62117eb}.fb-video__play svg{margin-left:4px}.fb-video__facade:hover .fb-video__play{transform:scale(1.12)}.fb-video__label{position:absolute;left:10px;bottom:10px;padding:3px 8px;border-radius:6px;background:#0009;color:#fff;font-size:12px;font-weight:600}@media(max-width:640px){.fb-videos.is-pair{grid-template-columns:1fr}}@keyframes fb-mine-pop{0%{transform:scale(.4)}60%{transform:scale(1.3)}to{transform:scale(1)}}.fb-reacts{display:inline-flex;align-items:center;gap:4px}.fb-react-btn{width:36px;height:36px;border:0;border-radius:50%;background:none;color:var(--text-muted);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s ease,color .15s ease}.fb-react-btn:hover,.fb-react-btn[aria-expanded=true]{background:var(--surface-2);color:var(--heart)}.fb-react-btn.has-mine{background:var(--heart-soft)}.fb-react-btn__mine{font-size:20px;line-height:1;animation:fb-mine-pop .35s cubic-bezier(.2,.9,.3,1.4) both}.fb-react-sum{position:relative;display:inline-flex;align-items:center;gap:5px;padding:2px 4px;border-radius:12px;cursor:pointer;font-size:13px;color:var(--text-muted);outline:none}.fb-react-sum:hover strong,.fb-react-sum:focus-visible strong{color:var(--text-main);text-decoration:underline}.fb-react-sum:focus-visible{box-shadow:0 0 0 2px var(--input-focus)}.fb-reactors{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);z-index:60;min-width:140px;max-width:240px;max-height:260px;overflow-y:auto;padding:8px 12px;border-radius:10px;background:#14161cf0;color:#fff;box-shadow:0 10px 30px -8px #00000080;display:flex;flex-direction:column;gap:4px;font-size:13px;line-height:1.4;text-align:left;cursor:default;animation:fb-pop-in .14s ease both}.fb-reactors__row{display:flex;align-items:center;gap:8px;white-space:nowrap}.fb-reactors__emoji{font-size:14px}.fb-reactors__name{overflow:hidden;text-overflow:ellipsis}.fb-reactors__more{color:#ffffffb3}.fb-reactors__loading{width:16px;height:16px;margin:2px auto;border-radius:50%;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;animation:fb-spin .8s linear infinite}.fb-react-sum__stack{display:inline-flex}.fb-react-sum__stack span{width:22px;height:22px;margin-left:-6px;border-radius:50%;border:2px solid var(--card-bg);background:var(--surface-2);display:inline-flex;align-items:center;justify-content:center;font-size:13px;line-height:1;animation:fb-pop-in .2s ease both}.fb-react-sum__stack span:first-child{margin-left:0}.fb-react-sum strong{font-weight:600;font-variant-numeric:tabular-nums}.fb-reacts.is-small .fb-react-btn{width:26px;height:26px}.fb-reacts.is-small .fb-react-btn__mine{font-size:15px}.fb-reacts.is-small .fb-react-sum__stack span{width:18px;height:18px;font-size:11px;border-width:1.5px}.fb-reacts.is-small .fb-react-sum{font-size:12px}.fb-react-picker{display:flex;gap:2px;padding:6px;border-radius:28px}.fb-react-picker:after{content:"";position:absolute;left:0;right:0;top:100%;height:10px}.fb-react-picker button{width:42px;height:42px;border:0;border-radius:50%;background:none;font-size:26px;line-height:1;cursor:pointer;animation:fb-emoji-rise .22s cubic-bezier(.2,.9,.3,1.3) both;transition:transform .15s cubic-bezier(.2,.9,.3,1.4)}.fb-react-picker button:hover{transform:translateY(-6px) scale(1.35)}.fb-react-picker button.is-mine{background:var(--heart-soft)}.fb-reply-toggle{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 12px;border:0;border-radius:18px;background:none;color:var(--text-muted);font:inherit;font-size:13px;font-weight:600;cursor:pointer}.fb-reply-toggle:hover,.fb-reply-toggle.is-open{background:var(--surface-2);color:var(--primary-color)}.fb-reply-toggle strong{font-variant-numeric:tabular-nums}.fb-thread-peek{align-self:flex-start;display:inline-flex;align-items:center;gap:6px;padding:0;border:0;background:none;color:var(--primary-color);font:inherit;font-size:13px;font-weight:600;cursor:pointer}.fb-thread-peek:hover{text-decoration:underline}.fb-thread{display:flex;flex-direction:column;gap:12px;padding-top:14px;border-top:1px solid var(--card-border);animation:fb-in .25s ease both}.fb-thread__loading{height:48px;border-radius:12px;background:linear-gradient(90deg,var(--surface-2) 0,var(--surface-3) 40%,var(--surface-2) 80%) 0 0 / 800px 100%;animation:fb-shimmer 1.4s linear infinite}.fb-thread__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:14px}.fb-thread__group{display:flex;flex-direction:column;gap:8px}.fb-thread__children{position:relative;list-style:none;margin:0;padding:0 0 0 42px;display:flex;flex-direction:column;gap:10px}.fb-thread__children>li{position:relative}.fb-thread__group:has(>.fb-thread__children)>.fb-reply-item{position:relative}.fb-thread__group:has(>.fb-thread__children)>.fb-reply-item:after{content:"";position:absolute;left:15px;top:38px;bottom:-10px;border-left:2px solid var(--card-border)}.fb-thread__children>li:before{content:"";position:absolute;left:-27px;top:-10px;width:20px;height:24px;border-left:2px solid var(--card-border);border-bottom:2px solid var(--card-border);border-bottom-left-radius:12px}.fb-thread__children>li:not(:last-child):after{content:"";position:absolute;left:-27px;top:12px;bottom:-10px;border-left:2px solid var(--card-border)}.fb-reply-item.is-nested .fb-reply-item__avatar,.fb-thread__compose.is-nested .fb-reply-item__avatar{width:26px;height:26px;font-size:11px}.fb-thread__compose{display:flex;gap:10px;align-items:flex-start}.fb-thread__guest{margin:0;font-size:13px;color:var(--text-muted)}.fb-thread__guest a{font-weight:700;color:var(--primary-color)}.fb-reply-item{display:flex;gap:10px;align-items:flex-start;animation:fb-in .25s ease both}.fb-reply-item__avatar{width:32px;height:32px;font-size:12px}.fb-reply-item__main{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px;align-items:flex-start}.fb-bubble{max-width:100%;padding:9px 13px;border-radius:4px 16px 16px;background:var(--surface-2);display:flex;flex-direction:column;gap:2px}.fb-bubble__name{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:700}.fb-bubble p{margin:0;font-size:14px;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere}.fb-reply-item__bar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding-left:4px;font-size:12px;color:var(--text-subtle)}.fb-text-btn{padding:0;border:0;background:none;color:var(--text-muted);font:inherit;font-size:12px;font-weight:700;cursor:pointer}.fb-text-btn:hover{color:var(--primary-color);text-decoration:underline}.fb-text-btn.is-danger:hover{color:var(--bad)}.fb-replybox{width:100%;box-sizing:border-box;padding:8px 10px;border-radius:14px;border:1px solid var(--input-border);background:var(--input-bg);display:flex;flex-direction:column;gap:6px;transition:border-color .15s ease,box-shadow .15s ease}.fb-replybox:focus-within{border-color:var(--input-focus);box-shadow:0 0 0 4px var(--ring)}.fb-replybox textarea{width:100%;min-height:40px;padding:4px 2px;border:0;background:none;color:var(--input-text);font:inherit;font-size:14px;line-height:1.55;resize:vertical;outline:none}.fb-replybox__foot{display:flex;align-items:center;justify-content:space-between;gap:8px}.fb-replybox .fb-tool{width:32px;height:32px}@media(max-width:640px){.fb-own-btn span{display:none}.fb-emoji__grid{grid-template-columns:repeat(7,1fr)}.fb-react-picker button{width:38px;height:38px;font-size:23px}.fb-lightbox__nav{top:auto;bottom:20px;margin-top:0}}@media(prefers-reduced-motion:reduce){.fb *,.fb-hero,.fb-composer,.fb-lightbox img{animation:none!important;transition:none!important}}.paper-primary,.paper-ghost,.paper-outline,.paper-soft,.paper-chip-on{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:0 22px;border-radius:13px;font:inherit;font-size:15px;font-weight:600;cursor:pointer;text-decoration:none;border:1.5px solid transparent}.paper-primary{background:var(--primary-fill);color:var(--primary-text)}.paper-primary:hover:not(:disabled){background:var(--primary-fill-hover);color:var(--primary-text)}.paper-primary:disabled{background:var(--surface-3);color:var(--text-muted);cursor:not-allowed}.paper-primary--lg{min-height:54px;padding:0 26px;font-size:16px;border-radius:14px}.paper-ghost{background:transparent;color:var(--text-muted);font-weight:500;padding:0 14px}.paper-ghost:hover:not(:disabled){color:var(--text-main);background:var(--surface-2)}.paper-ghost:disabled{opacity:.45;cursor:not-allowed}.paper-outline{background:var(--card-bg);border-color:var(--card-border);color:var(--text-main)}.paper-outline:hover:not(:disabled){border-color:var(--input-border);background:var(--surface-2)}.paper-soft{background:var(--primary-light);color:var(--primary-color)}.paper-soft:hover:not(:disabled){background:var(--ring)}.paper-soft:disabled,.paper-outline:disabled{opacity:.5;cursor:not-allowed}.paper-chip-on{background:var(--primary-light);color:var(--primary-color);font-weight:700;cursor:default}.paper-bar{display:block;height:8px;border-radius:4px;background:var(--surface-3);overflow:hidden}.paper-bar>span{display:block;height:100%;border-radius:4px;background:var(--primary-color);transition:width .3s ease}.paper-banner{display:flex;align-items:center;gap:22px;padding:22px 26px;border-radius:20px;text-decoration:none;background:var(--card-bg);border:1px solid var(--card-border);color:var(--text-main);transition:border-color .15s,box-shadow .15s;margin-bottom:12px}.paper-banner:hover{border-color:var(--primary-color);box-shadow:var(--card-shadow-hover);color:var(--text-main)}.paper-banner__kanji{display:flex;gap:6px;flex:0 0 auto}.paper-banner__kanji span{width:52px;height:52px;border-radius:14px;background:var(--primary-light);color:var(--primary-color);display:flex;align-items:center;justify-content:center;font-family:var(--font-brand);font-weight:700;font-size:30px;line-height:1}.paper-banner__copy{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}.paper-banner__copy strong{font-size:18px}.paper-banner__copy>span:not(.paper-bar){font-size:14px;color:var(--text-muted);line-height:1.5}.paper-banner__cta{flex:0 0 auto;display:inline-flex;gap:8px;align-items:center;font-weight:700;color:var(--primary-color)}@media(max-width:719px){.paper-banner{flex-direction:column;align-items:flex-start}}.paper-ov{display:flex;flex-direction:column;gap:32px}.paper-hero{display:flex;flex-wrap:wrap;gap:32px;align-items:center;justify-content:space-between;padding:36px 40px;border-radius:24px;background:var(--card-bg);border:1px solid var(--card-border)}.paper-hero__copy{flex:1 1 420px;min-width:0;display:flex;flex-direction:column;gap:16px}.paper-eyebrow{align-self:flex-start;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--primary-color)}.paper-hero h1{margin:0;font-size:34px;line-height:1.22;font-weight:700}.paper-hero p{margin:0;font-size:16px;line-height:1.6;color:var(--ink-2);max-width:52ch}.paper-hero__cta{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:4px}.paper-hero__progress{flex:0 0 auto;display:flex;align-items:center;gap:24px}.paper-ring{position:relative;width:148px;height:148px}.paper-ring svg{display:block;transform:rotate(-90deg)}.paper-ring__track{fill:none;stroke:var(--surface-3);stroke-width:12}.paper-ring__bar{fill:none;stroke:var(--primary-color);stroke-width:12;stroke-linecap:round;transition:stroke-dasharray .4s ease}.paper-ring__label{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.paper-ring__label strong{font-size:34px;line-height:1;font-variant-numeric:tabular-nums}.paper-ring__label span{margin-top:6px;font-size:13px;color:var(--text-muted)}.paper-legend-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px;font-size:14px;color:var(--ink-2)}.paper-legend-list li{display:flex;align-items:center;gap:10px}.paper-legend-list i{width:10px;height:10px;border-radius:50%;background:var(--surface-3);display:inline-block}.paper-legend-list i.is-ok{background:var(--ok)}.paper-legend-list i.is-acc{background:var(--acc)}.paper-legend-list strong{color:var(--text-main);font-variant-numeric:tabular-nums}.paper-pick{display:flex;flex-direction:column;gap:16px}.paper-pick__head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:8px 16px}.paper-pick__head h2{margin:0;font-size:22px}.paper-pick__head span{font-size:14px;color:var(--text-muted)}.paper-partcards{display:flex;flex-wrap:wrap;gap:20px}.paper-partcard{flex:1 1 300px;min-width:0;display:flex;flex-direction:column;gap:18px;padding:26px;border-radius:22px;background:var(--card-bg);border:1px solid var(--card-border)}.paper-partcard__head{display:flex;align-items:center;gap:16px}.paper-partcard__head h3{margin:0;font-size:20px}.paper-partcard__head div>span{font-size:13px;color:var(--text-muted)}.paper-kanji{flex:0 0 auto;width:68px;height:68px;border-radius:18px;background:var(--primary-light);color:var(--primary-color);display:flex;align-items:center;justify-content:center;font-family:var(--font-brand);font-weight:700;font-size:42px;line-height:1}.paper-partcard>p{margin:0;font-size:15px;line-height:1.55;color:var(--ink-2);min-height:70px}.paper-chips{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}.paper-chip{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 12px;border-radius:15px;font-size:13px;font-weight:600;border:1px solid var(--card-border);color:var(--text-muted)}.paper-chip small{font-size:12px;font-weight:500;font-variant-numeric:tabular-nums;opacity:.85}.paper-chip.is-done{background:var(--ok-soft);border-color:var(--ok);color:var(--ok)}.paper-chip.is-current{background:var(--primary-light);border-color:var(--primary-color);color:var(--primary-color)}.paper-partcard__progress{display:flex;flex-direction:column;gap:8px;margin-top:auto}.paper-partcard__row{display:flex;justify-content:space-between;font-size:13px;color:var(--text-muted)}.paper-partcard__row strong{color:var(--text-main);font-variant-numeric:tabular-nums}.paper-cta{display:flex;align-items:center;justify-content:center;min-height:48px;border-radius:12px;font-weight:600;font-size:15px;text-decoration:none;border:1.5px solid var(--card-border);color:var(--text-main);background:transparent}.paper-cta:hover{border-color:var(--input-border);background:var(--surface-2);color:var(--text-main)}.paper-cta.is-primary{background:var(--primary-fill);border-color:var(--primary-fill);color:var(--primary-text)}.paper-cta.is-primary:hover{background:var(--primary-fill-hover);color:var(--primary-text)}.paper-benefits{display:flex;flex-wrap:wrap;gap:20px 28px}.paper-benefit{flex:1 1 260px;display:flex;gap:14px;align-items:flex-start}.paper-benefit strong{font-size:15px}.paper-benefit p{margin:4px 0 0;font-size:14px;line-height:1.5;color:var(--text-muted)}.paper-benefit__icon{flex:0 0 auto;width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center}.paper-benefit__icon.is-0{background:var(--ok-soft);color:var(--ok)}.paper-benefit__icon.is-1{background:var(--acc-soft);color:var(--acc)}.paper-benefit__icon.is-2{background:var(--primary-light);color:var(--primary-color)}.paper-topbar{margin-bottom:8px}.paper-back{display:inline-flex;align-items:center;gap:8px;min-height:44px;font-size:14px;color:var(--text-muted);text-decoration:none}.paper-back:hover{color:var(--text-main)}.paper-parts{display:inline-flex;flex-wrap:wrap;gap:6px;padding:6px;margin-bottom:22px;border-radius:16px;background:var(--card-bg);border:1px solid var(--card-border)}.paper-parts__tab{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:0 16px;border-radius:11px;color:var(--text-muted);font-weight:600;font-size:15px;text-decoration:none}.paper-parts__tab:hover{color:var(--text-main);background:var(--surface-2)}.paper-parts__tab.is-active{background:var(--primary-light);color:var(--primary-color);font-weight:700}.paper-parts__kanji{font-family:var(--font-brand);font-size:20px;font-weight:700;line-height:1}.paper-parts__tab small{font-size:12px;font-weight:500;opacity:.75;font-variant-numeric:tabular-nums}.paper-ws{display:flex;flex-direction:column;gap:20px}.paper-score{display:flex;align-items:center;gap:14px;font-size:14px;color:var(--text-muted);flex-wrap:wrap}.paper-score strong{color:var(--text-main);font-variant-numeric:tabular-nums}.paper-score i{width:1px;height:16px;background:var(--card-border)}.paper-ws__foot{display:flex;justify-content:flex-start}.paper-steps{display:flex;gap:10px;overflow-x:auto;padding-bottom:4px}.paper-step{flex:0 0 auto;min-width:132px;display:flex;flex-direction:column;gap:2px;padding:12px 16px;border-radius:14px;border:1.5px solid var(--card-border);background:var(--card-bg);color:var(--text-main);font:inherit;text-align:left;cursor:pointer}.paper-step:hover{border-color:var(--input-border)}.paper-step__top{display:flex;align-items:center;justify-content:space-between;gap:8px}.paper-step__top strong{font-size:15px}.paper-step__top span{font-size:12px;color:var(--text-muted);font-variant-numeric:tabular-nums}.paper-step__name{font-size:12px;color:var(--text-muted)}.paper-step.is-active{border-color:var(--primary-color);background:var(--primary-light);box-shadow:0 0 0 3px var(--ring)}.paper-step.is-active strong{color:var(--primary-color)}.paper-step.is-done .paper-step__top span{color:var(--ok);font-weight:700}.paper-dotsbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px}.paper-dotsbar__label{display:inline-flex;align-items:baseline;gap:8px;font-size:14px;color:var(--text-muted)}.paper-dotsbar__label strong{font-size:17px;color:var(--text-main)}.paper-dots{display:flex;flex-wrap:wrap;gap:8px}.paper-dot{width:32px;height:32px;border-radius:50%;box-sizing:border-box;border:2px solid var(--card-border);background:transparent;color:var(--text-muted);font:inherit;font-size:12px;font-weight:700;font-variant-numeric:tabular-nums;cursor:pointer}.paper-dot:hover{border-color:var(--input-border)}.paper-dot.is-right{background:var(--ok);border-color:var(--ok);color:var(--card-bg)}.paper-dot.is-wrong{background:var(--bad);border-color:var(--bad);color:var(--card-bg)}.paper-dot.is-current{box-shadow:0 0 0 3px var(--ring);border-color:var(--primary-color)}.paper-dot.is-current:not(.is-right):not(.is-wrong){color:var(--primary-color)}.paper-card{display:flex;flex-direction:column;gap:20px;padding:32px;border-radius:24px;background:var(--card-bg);border:1px solid var(--card-border);scroll-margin-top:calc(var(--header-h) + 12px)}.paper-card.is-right{border:2px solid var(--ok)}.paper-card.is-wrong{border:2px solid var(--bad)}.paper-qhead{display:flex;align-items:center;gap:14px}.paper-qno{display:inline-flex;align-items:center;justify-content:center;min-width:34px;height:34px;padding:0 8px;box-sizing:border-box;border-radius:9px;border:2px solid var(--text-main);font-weight:700;font-size:15px;font-variant-numeric:tabular-nums}.paper-qhint{font-size:14px;color:var(--text-muted)}.paper-stem{margin:0;font-size:22px;line-height:1.8;font-weight:500;padding:2px 0 6px}.paper-stem u{text-decoration:none;border-bottom:3px solid var(--primary-color);padding-bottom:2px}.paper-choices{display:flex;flex-wrap:wrap;gap:16px}.paper-tile{flex:1 1 400px;min-width:0;display:flex;align-items:flex-start;gap:14px;padding:16px 18px;border-radius:16px;text-align:left;border:1.5px solid var(--card-border);background:var(--card-bg);color:var(--text-main);font:inherit;cursor:pointer;transition:border-color .15s,background .15s,box-shadow .15s}.paper-tile:hover:not([aria-disabled=true]){border-color:var(--input-border)}.paper-tile[aria-disabled=true]{cursor:default}.paper-tile__no{flex:0 0 auto;width:32px;height:32px;border-radius:50%;box-sizing:border-box;display:flex;align-items:center;justify-content:center;border:1.5px solid var(--card-border);color:var(--ink-2);font-weight:700;font-size:14px}.paper-tile__body{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}.paper-tile__text{font-size:17px;font-weight:500;line-height:1.5}.paper-sino{font-size:12.5px;color:var(--text-muted)}.paper-sino b{color:var(--primary-color);font-weight:700;letter-spacing:.04em}.paper-tile__meaning{font-size:15px;line-height:1.55;font-weight:600;color:var(--text-main)}.paper-tile__why{margin-top:2px;padding-top:8px;border-top:1px dashed var(--card-border);font-size:12.5px;line-height:1.55;color:var(--text-muted);white-space:pre-wrap}.paper-tile__why b{color:var(--ink-2);font-weight:600}.paper-trans-label{display:inline-block;margin-right:8px;padding:1px 7px;border-radius:6px;vertical-align:1px;background:var(--primary-light);color:var(--primary-color);font-size:11px;font-weight:700;letter-spacing:.02em;text-transform:uppercase}.paper-stem-vi{margin:0 0 6px;padding:12px 16px;border-radius:12px;background:var(--surface-2);border-left:4px solid var(--primary-color);font-size:16px;line-height:1.6;font-weight:600;color:var(--text-main)}.paper-tile.is-selected{border:2px solid var(--primary-color);background:var(--primary-light);box-shadow:0 0 0 3px var(--ring)}.paper-tile.is-selected .paper-tile__no{border-color:var(--primary-fill);background:var(--primary-fill);color:var(--primary-text)}.paper-tile.is-correct{border:2px solid var(--ok);background:var(--ok-soft)}.paper-tile.is-correct .paper-tile__no{border-color:var(--ok);background:var(--ok);color:var(--card-bg)}.paper-tile.is-wrong{border:2px dashed var(--bad);background:var(--bad-soft)}.paper-tile.is-wrong .paper-tile__no{border-color:var(--bad);background:var(--bad);color:var(--card-bg)}.paper-tag{align-self:flex-start;display:inline-flex;align-items:center;height:24px;padding:0 10px;border-radius:12px;font-size:12px;font-weight:700;color:var(--card-bg)}.paper-tag--ok{background:var(--ok)}.paper-tag--bad{background:var(--bad)}.paper-result{display:flex;flex-direction:column;gap:14px;padding-top:4px}.paper-result p{margin:0;line-height:1.6}.paper-verdict{display:flex;align-items:center;gap:10px;font-weight:700;font-size:18px}.paper-verdict__icon{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%}.paper-verdict.is-ok{color:var(--ok)}.paper-verdict.is-ok .paper-verdict__icon{background:var(--ok-soft)}.paper-verdict.is-bad{color:var(--bad)}.paper-verdict.is-bad .paper-verdict__icon{background:var(--bad-soft)}.paper-remember{padding:14px 18px;border-radius:14px;background:var(--acc-soft);color:var(--text-main);font-size:16px}.paper-remember strong{color:var(--acc)}.paper-sort__slots{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:8px 0 0;padding:0}.paper-sort__slots li{padding:6px 12px;border-radius:8px;border:1px solid var(--card-border);background:var(--surface-2)}.paper-sort__slots li.is-star{border-color:var(--acc);background:var(--acc-soft);font-weight:700}.paper-words{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:10px}.paper-words li{display:inline-flex;flex-wrap:wrap;align-items:baseline;gap:8px;padding:8px 14px;border-radius:12px;background:var(--bg-color);border:1px solid var(--card-border);font-size:13px}.paper-words li strong{font-size:17px}.paper-words li .paper-sino{flex:1 1 100%}.paper-words__read{color:var(--text-muted)}.paper-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding-top:16px;border-top:1px dashed var(--card-border)}.paper-split{display:flex;flex-wrap:wrap;gap:24px;align-items:flex-start}.paper-split__passage{flex:1 1 480px;min-width:0}.paper-split__side{flex:1 1 420px;min-width:0;display:flex;flex-direction:column;gap:20px}.paper-split__side .paper-card{padding:26px}.paper-split__side .paper-stem{font-size:16px;line-height:1.75}.paper-split__side .paper-tile{flex-basis:100%;padding:12px 14px;gap:12px}.paper-split__side .paper-tile__no{width:28px;height:28px;font-size:13px}.paper-split__side .paper-tile__text{font-size:14.5px;line-height:1.6}.paper-passage{display:flex;flex-direction:column;gap:14px}.paper-passage__sheet{display:flex;flex-direction:column;gap:16px;padding:28px 30px;border-radius:24px;background:var(--card-bg);border:1px solid var(--card-border)}.paper-passage__top{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.paper-passage__title{margin:0;font-size:16px;font-weight:600}.paper-legend{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:var(--text-muted)}.paper-legend i{width:14px;height:14px;border-radius:4px;background:var(--acc-soft);border:1px solid var(--acc)}.paper-text{display:flex;flex-direction:column;gap:4px}.paper-text p{margin:0 0 8px;font-size:16px;line-height:2.1;text-indent:1em;text-align:justify}.paper-text__label{font-weight:700;text-indent:0!important;color:var(--primary-color);font-size:15px!important}.paper-text .is-evidence,.paper-bilingual .is-evidence>.jp{background:var(--acc-soft);border-radius:4px;box-shadow:0 0 0 3px var(--acc-soft)}.paper-layout{margin:0;padding:16px;border:1px solid var(--card-border);border-radius:12px;background:var(--surface-2);font-size:14px;line-height:1.7;overflow-x:auto;white-space:pre}.paper-evidence{margin:0;padding-left:20px}.paper-evidence li{background:var(--acc-soft);margin-bottom:4px;padding:2px 6px;border-radius:4px}.paper-footnotes{margin:0;padding:14px 0 0;border-top:1px dashed var(--card-border);list-style:none;display:flex;flex-direction:column;gap:4px;font-size:13px;color:var(--text-muted)}.paper-bilingual{margin:0;padding-left:22px;display:flex;flex-direction:column;gap:12px}.paper-bilingual li{line-height:1.7}.paper-bilingual__vi{display:block;color:var(--ink-2);font-size:14px}.paper-bilingual__note{display:block;color:var(--text-muted);font-size:12.5px}.paper-passage__tools{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.paper-passage__locked{color:var(--text-muted)}.paper-drill{padding:26px;border-radius:24px;border:1.5px solid var(--primary-color);background:var(--card-bg);display:flex;flex-direction:column;gap:16px}.paper-drill__head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.paper-drill__head h3{margin:0 0 2px;font-size:18px}.paper-drill__head p{margin:0;font-size:13px;color:var(--text-muted)}.paper-drill__progress{display:flex;align-items:center;gap:12px;font-size:13px;color:var(--text-muted)}.paper-drill__progress .progress{flex:1}.paper-drill__ja{margin:0;font-size:16px;line-height:2.1}.paper-drill__input{width:100%;box-sizing:border-box;padding:12px 14px;border-radius:12px;border:1.5px solid var(--input-border, var(--card-border));background:var(--bg-color);color:var(--text-main);font:inherit;font-size:15px;line-height:1.6;resize:vertical}.paper-drill__actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:space-between}.paper-drill__back{align-self:flex-start}.paper-chunk.is-hit{background:var(--ok-soft);border-bottom:3px solid var(--ok)}.paper-chunk.is-miss{background:var(--acc-soft);border-bottom:3px solid var(--acc)}.paper-feedback{display:flex;flex-direction:column;gap:12px}.paper-feedback__verdict{margin:0;font-weight:700;font-size:16px}.paper-feedback__verdict.is-good{color:var(--ok)}.paper-feedback__verdict.is-partial{color:var(--acc)}.paper-feedback__verdict.is-weak{color:var(--bad)}.paper-feedback__chunks{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.paper-feedback__chunks li{display:flex;flex-direction:column;gap:4px;padding:12px 14px;border-radius:12px;border:1px solid var(--card-border);font-size:14px}.paper-feedback__chunks li.is-hit{border-color:var(--ok);background:var(--ok-soft)}.paper-feedback__chunks li.is-miss{border-color:var(--acc);background:var(--acc-soft)}.paper-feedback__ja{font-size:15px;font-weight:700}.paper-feedback__chunks small{color:var(--text-muted);font-size:13px}.paper-feedback__pitfall{margin:0;padding:12px 14px;border-radius:12px;background:var(--bad-soft);display:flex;gap:8px;align-items:flex-start;font-size:14px}.paper-feedback__ref{padding:14px 16px;border-radius:14px;background:var(--primary-light)}.paper-feedback__ref strong{font-size:13px;color:var(--primary-color)}.paper-feedback__ref p{margin:6px 0 0;font-size:15px;line-height:1.6}.paper-feedback__caveat{margin:0;font-size:12.5px;line-height:1.5;color:var(--text-muted)}@media(max-width:719px){.paper-hero{padding:24px}.paper-hero h1{font-size:26px}.paper-card{padding:20px 16px;border-radius:20px}.paper-stem{font-size:18px}.paper-tile{flex-basis:100%;padding:12px 14px;gap:12px}.paper-tile__no{width:30px;height:30px}.paper-tile__text{font-size:16px}.paper-passage__sheet{padding:20px 18px}.paper-text p{font-size:15px}.paper-drill{padding:18px 16px}.paper-actions{position:sticky;bottom:0;background:var(--card-bg);padding-bottom:8px}}.exam-eyebrow{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--acc)}.exam-entry{display:flex;flex-wrap:wrap;border-radius:24px;background:var(--card-bg);border:1.5px solid var(--acc);overflow:hidden;margin-bottom:8px}.exam-entry__main{flex:1 1 520px;min-width:0;display:flex;gap:24px;align-items:center;padding:26px 30px}.exam-entry__stamp{flex:0 0 auto;width:84px;height:84px;border-radius:20px;background:var(--acc-soft);color:var(--acc);border:2px solid var(--acc);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}.exam-entry__stamp span{font-family:var(--font-brand);font-weight:700;font-size:38px;line-height:1}.exam-entry__stamp small{font-size:10px;font-weight:700;letter-spacing:.06em}.exam-entry__copy{display:flex;flex-direction:column;gap:8px;min-width:0}.exam-entry__copy h2{margin:0;font-size:24px}.exam-entry__copy p{margin:0;font-size:15px;line-height:1.55;color:var(--ink-2);max-width:54ch}.exam-entry__side{flex:0 1 360px;display:flex;flex-direction:column;justify-content:center;gap:16px;padding:26px 30px;border-left:2px dashed var(--card-border)}.exam-entry__label{display:block;margin-bottom:8px;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted)}.exam-entry__mins{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}.exam-entry__mins li{display:inline-flex;align-items:center;height:32px;padding:0 12px;border-radius:16px;border:1px solid var(--card-border);font-size:14px;font-weight:600;font-variant-numeric:tabular-nums}.exam-entry__mins li.is-custom{border-style:dashed;color:var(--text-muted);font-weight:500}.exam-entry__cta{display:flex;align-items:center;justify-content:center;gap:10px;min-height:52px;border-radius:14px;background:var(--acc);color:var(--bg-color);font-weight:700;font-size:16px;text-decoration:none}.exam-entry__cta:hover{filter:brightness(1.06);color:var(--bg-color)}@media(max-width:719px){.exam-entry__side{flex-basis:100%;border-left:0;border-top:2px dashed var(--card-border)}.exam-entry__main{flex-direction:column;align-items:flex-start}}.exam-setup{display:flex;flex-direction:column;gap:28px}.exam-setup__title{display:flex;flex-direction:column;gap:10px}.exam-setup__title h1{margin:0;font-size:34px;line-height:1.15}.exam-setup__title p{margin:0;font-size:16px;line-height:1.55;color:var(--ink-2);max-width:58ch}.exam-setup__resume{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;padding:12px 16px;border-radius:14px;background:var(--acc-soft);font-size:14px;font-weight:600}.exam-setup__cols{display:flex;flex-wrap:wrap;gap:32px;align-items:flex-start}.exam-setup__form{flex:1 1 540px;min-width:0;display:flex;flex-direction:column;gap:28px}.exam-setup__aside{flex:0 1 380px;min-width:300px;display:flex;flex-direction:column;gap:16px;position:sticky;top:calc(var(--header-h) + 16px)}.exam-field{border:0;margin:0;padding:0;min-width:0}.exam-field legend{padding:0;margin-bottom:12px;font-size:13px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--text-muted)}.exam-scopes{display:flex;flex-wrap:wrap;gap:12px}.exam-scope{flex:1 1 240px;min-width:0;display:flex;align-items:center;gap:14px;padding:16px 18px;border-radius:16px;text-align:left;cursor:pointer;border:1.5px solid var(--card-border);background:var(--card-bg);color:var(--text-main);font:inherit}.exam-scope:hover{border-color:var(--input-border)}.exam-scope__kanji{flex:0 0 auto;width:44px;height:44px;border-radius:12px;background:var(--primary-light);color:var(--primary-color);display:flex;align-items:center;justify-content:center;font-family:var(--font-brand);font-weight:700;font-size:24px;line-height:1}.exam-scope__text{display:flex;flex-direction:column;gap:2px;min-width:0}.exam-scope__text strong{font-size:16px}.exam-scope__text small{font-size:13px;color:var(--text-muted)}.exam-scope.is-on{border:2px solid var(--primary-color);background:var(--primary-light)}.exam-scope.is-on .exam-scope__kanji{background:var(--primary-fill);color:var(--primary-text)}.exam-options{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.exam-preset{min-width:88px;display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:52px;padding:0 18px;border-radius:14px;cursor:pointer;border:1.5px solid var(--card-border);background:var(--card-bg);color:var(--text-main);font:inherit}.exam-preset strong{font-size:22px;line-height:1;font-variant-numeric:tabular-nums}.exam-preset span{font-size:13px;line-height:1;color:var(--text-muted)}.exam-preset:hover{border-color:var(--input-border)}.exam-preset.is-on{border:2px solid var(--primary-color);background:var(--primary-light);color:var(--primary-color)}.exam-custom{display:inline-flex;align-items:center;gap:10px;min-height:52px;padding:0 14px 0 16px;border-radius:14px;cursor:text;box-sizing:border-box;border:1.5px solid var(--card-border);background:var(--card-bg)}.exam-custom>span{font-size:14px;font-weight:600;color:var(--text-muted)}.exam-custom small{font-size:13px;color:var(--text-muted)}.exam-custom input{width:76px;min-height:40px;box-sizing:border-box;padding:0 8px;border:0;border-radius:8px;background:var(--bg-color);color:var(--text-main);font:inherit;font-size:18px;font-weight:700;text-align:center;font-variant-numeric:tabular-nums}.exam-custom input::placeholder{font-size:13px;font-weight:500}.exam-custom input:focus{outline:2px solid var(--primary-color);outline-offset:1px}.exam-custom.is-on{border:2px solid var(--primary-color);background:var(--primary-light)}.exam-custom.is-bad{border:2px solid var(--bad);background:var(--bad-soft)}.exam-hint{margin:12px 0 0;font-size:13.5px;line-height:1.5;color:var(--text-muted)}.exam-hint.is-bad{color:var(--bad);font-weight:600}.exam-rules{list-style:none;margin:0;padding:18px 22px;display:flex;flex-direction:column;gap:10px;border-radius:16px;background:var(--card-bg);border:1px solid var(--card-border);font-size:14.5px;line-height:1.5;color:var(--ink-2)}.exam-rules li{display:flex;gap:12px}.exam-rules li span{color:var(--acc);font-weight:700}.exam-slip{position:relative;border-radius:22px;background:var(--card-bg);border:1.5px solid var(--card-border);overflow:hidden}.exam-slip__notch{position:absolute;top:148px;width:22px;height:22px;border-radius:50%;background:var(--bg-color);border:1.5px solid var(--card-border)}.exam-slip__notch.is-left{left:-11px}.exam-slip__notch.is-right{right:-11px}.exam-slip__top{padding:24px 26px 26px;display:flex;flex-direction:column;gap:6px}.exam-slip__head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.exam-slip__head span:last-child{font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted)}.exam-slip__kanji{font-family:var(--font-brand);font-weight:700;font-size:26px;letter-spacing:.06em}.exam-slip__top strong{font-size:20px}.exam-slip__scope{font-size:14px;color:var(--text-muted)}.exam-slip__bottom{border-top:2px dashed var(--card-border);padding:28px 26px 26px;display:flex;flex-direction:column;gap:18px}.exam-slip__label{display:block;margin-bottom:4px;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted)}.exam-slip__clock{display:block;font-size:56px;line-height:1;font-variant-numeric:tabular-nums}.exam-slip__clock.is-bad{color:var(--bad)}.exam-slip__facts{display:flex;gap:28px;font-size:14px}.exam-slip__facts div{display:flex;flex-direction:column;gap:2px}.exam-slip__facts span{color:var(--text-muted)}.exam-slip__facts strong{font-size:18px;font-variant-numeric:tabular-nums}.exam-start{display:flex;align-items:center;justify-content:center;gap:10px;min-height:56px;border:0;border-radius:16px;cursor:pointer;background:var(--acc);color:var(--bg-color);font:inherit;font-weight:700;font-size:17px}.exam-start:hover:not(:disabled){filter:brightness(1.06)}.exam-start:disabled{background:var(--surface-3);color:var(--text-muted);cursor:not-allowed}.exam{display:flex;flex-direction:column;gap:20px}.exam-bar{position:sticky;top:calc(var(--header-h) - 1px);z-index:5;display:flex;flex-wrap:wrap;align-items:center;gap:12px 28px;padding:14px 20px;border-radius:18px;background:var(--card-bg);border:1.5px solid var(--card-border)}.exam-bar.is-warn{border-color:var(--acc);background:var(--acc-soft)}.exam-bar.is-danger{border-color:var(--bad);background:var(--bad-soft)}.exam-clock{display:inline-flex;align-items:center;gap:12px;color:var(--acc)}.exam-clock strong{font-size:32px;line-height:1;font-variant-numeric:tabular-nums;color:var(--text-main)}.exam-clock small{font-size:13px;color:var(--text-muted)}.exam-bar.is-danger .exam-clock,.exam-bar.is-danger .exam-clock strong{color:var(--bad)}.exam-bar__scope{font-size:14px;color:var(--text-muted)}.exam-bar__count{margin-left:auto;font-size:14px;color:var(--text-muted)}.exam-bar__count strong{color:var(--text-main);font-variant-numeric:tabular-nums}.exam-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.exam-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;justify-content:center;align-items:flex-start;padding:14vh 24px 24px;background:#05070c9e;overflow-y:auto}.exam-confirm{width:100%;max-width:480px;display:flex;flex-direction:column;gap:20px;padding:30px;border-radius:24px;background:var(--card-bg);border:2px solid var(--primary-color);box-shadow:0 24px 60px #0006}.exam-confirm__head h3{margin:0 0 6px;font-size:24px}.exam-confirm__head p{margin:0;font-size:14.5px;line-height:1.5;color:var(--text-muted)}.exam-confirm ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:10px}.exam-confirm li{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;border-radius:12px;background:var(--bg-color);color:var(--ink-2)}.exam-confirm li strong{font-size:18px;color:var(--text-main);font-variant-numeric:tabular-nums}.exam-confirm li.is-warn{background:var(--acc-soft)}.exam-confirm li.is-warn strong{color:var(--acc)}.exam-confirm__actions{display:flex;gap:12px;justify-content:flex-end;flex-wrap:wrap}.exam-layout{display:flex;flex-wrap:wrap;gap:24px;align-items:flex-start}.exam-palette{flex:0 0 240px;display:flex;flex-direction:column;gap:16px;padding:18px;border-radius:18px;background:var(--card-bg);border:1px solid var(--card-border);max-height:calc(100vh - var(--header-h) - 140px);overflow-y:auto;position:sticky;top:calc(var(--header-h) + 88px)}.exam-palette__group{display:flex;flex-direction:column;gap:8px}.exam-palette__label{font-size:12px;color:var(--text-muted);line-height:1.4}.exam-palette__label strong{color:var(--text-main)}.exam-palette__dots{display:flex;flex-wrap:wrap;gap:6px}.exam-palette .paper-dot{width:32px;height:32px}.paper-dot.is-answered{background:var(--primary-fill);border-color:var(--primary-fill);color:var(--primary-text)}.paper-dot.is-flagged{background:var(--flag-fill);border-color:var(--flag-fill);color:var(--flag-text)}.exam-palette .paper-dot.is-current{box-shadow:0 0 0 3px var(--ring)}.exam-palette .paper-dot.is-current.is-answered{border-color:var(--primary-fill);color:var(--primary-text)}.exam-palette .paper-dot.is-current.is-flagged{border-color:var(--flag-fill);color:var(--flag-text)}.exam-palette__legend{list-style:none;margin:0;padding:12px 0 0;border-top:1px dashed var(--card-border);display:flex;flex-direction:column;gap:6px;font-size:12.5px;color:var(--text-muted)}.exam-palette__legend li{display:flex;align-items:center;gap:8px}.exam-palette__legend i{width:12px;height:12px;border-radius:50%;border:2px solid var(--card-border);display:inline-block;box-sizing:border-box}.exam-palette__legend i.is-answered{background:var(--primary-fill);border-color:var(--primary-fill)}.exam-palette__legend i.is-flagged{background:var(--flag-fill);border-color:var(--flag-fill)}.exam-main{flex:1 1 520px;min-width:0}.exam-card .paper-qhead{justify-content:space-between}.exam-flag{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 14px;border-radius:10px;border:1.5px solid var(--card-border);background:transparent;color:var(--text-muted);font:inherit;font-size:14px;font-weight:600;cursor:pointer}.exam-flag.is-on{border-color:var(--flag-fill);background:var(--flag-fill);color:var(--flag-text)}.exam-nav{display:flex;gap:10px;flex-wrap:wrap}.exam-result{display:flex;flex-direction:column;gap:24px;max-width:1040px}.exam-crumbs{display:flex;gap:8px;align-items:center;font-size:14px;color:var(--text-muted)}.exam-crumbs a{color:inherit;text-decoration:none}.exam-crumbs strong{color:var(--text-main)}.exam-result__hero{display:flex;flex-wrap:wrap;gap:32px;align-items:center;padding:36px 40px;border-radius:26px;background:var(--card-bg);border:1px solid var(--card-border)}.exam-result__score{flex:1 1 440px;min-width:0;display:flex;flex-direction:column;gap:18px}.exam-result__big{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap}.exam-result__big strong{font-size:76px;line-height:1;font-variant-numeric:tabular-nums}.exam-result__big strong small{font-size:40px;font-weight:500;color:var(--text-muted)}.exam-result__big span{font-size:20px;color:var(--ink-2)}.exam-result__big b{color:var(--text-main)}.exam-meter{display:flex;height:14px;border-radius:7px;overflow:hidden;background:var(--surface-3)}.exam-meter .is-right{background:var(--ok)}.exam-meter .is-wrong{background:var(--bad)}.exam-meter__legend{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px 22px;font-size:14px;color:var(--ink-2)}.exam-meter__legend li{display:inline-flex;align-items:center;gap:8px}.exam-meter__legend strong{color:var(--text-main);font-variant-numeric:tabular-nums}.exam-meter__legend i{width:10px;height:10px;border-radius:50%;background:var(--surface-3);border:1px solid var(--text-muted);display:inline-block;box-sizing:border-box}.exam-meter__legend i.is-right{background:var(--ok);border-color:var(--ok)}.exam-meter__legend i.is-wrong{background:var(--bad);border-color:var(--bad)}.exam-result__note{margin:0;font-size:13px;line-height:1.5;color:var(--text-muted);max-width:56ch}.exam-result__side{flex:0 0 280px;display:flex;flex-direction:column;gap:16px}.exam-time{display:flex;flex-direction:column;gap:6px;padding:16px 18px;border-radius:16px;background:var(--bg-color)}.exam-time span{font-size:13px;color:var(--text-muted)}.exam-time strong{font-size:30px;line-height:1;font-variant-numeric:tabular-nums}.exam-time small{font-size:16px;font-weight:500;color:var(--text-muted)}.exam-time .paper-bar{height:6px;margin-top:4px}.exam-result__links{display:flex;gap:10px}.exam-result__links>*{flex:1}.exam-result__section{display:flex;flex-direction:column;gap:14px}.exam-result__section h2{margin:0;font-size:20px}.exam-types{display:flex;flex-wrap:wrap;gap:16px}.exam-type{flex:1 1 300px;min-width:0;display:flex;flex-direction:column;gap:14px;padding:22px 24px;border-radius:20px;background:var(--card-bg);border:1px solid var(--card-border)}.exam-type__head{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.exam-type__head div{display:flex;flex-direction:column;gap:2px}.exam-type__head strong{font-size:18px}.exam-type__head span{font-size:13px;color:var(--text-muted)}.exam-type__head b{font-size:28px;font-variant-numeric:tabular-nums}.exam-type__head b small{font-size:16px;font-weight:500;color:var(--text-muted)}.exam-cells{display:flex;flex-wrap:wrap;gap:6px}.exam-cell{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:9px;box-sizing:border-box;text-decoration:none;font-size:12px;font-weight:700;font-variant-numeric:tabular-nums;border:1.5px solid var(--text-muted);color:var(--text-muted)}.exam-cell.is-right{border-color:var(--ok);background:var(--ok-soft);color:var(--ok)}.exam-cell.is-wrong{border-color:var(--bad);background:var(--bad-soft);color:var(--bad)}.exam-cell.is-blank{border-style:dashed}.exam-result__review{padding:26px 28px;border-radius:22px;background:var(--card-bg);border:1px solid var(--card-border)}.exam-result__reviewhead{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:8px 16px}.exam-result__reviewhead span{font-size:14px;color:var(--text-muted)}.exam-result__ok{margin:0;color:var(--ok);font-weight:600}.exam-review{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:10px}.exam-review__item{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:0 16px;border-radius:12px;text-decoration:none;font-size:14px;border:1.5px solid var(--bad);background:var(--bad-soft);color:var(--text-main)}.exam-review__item strong{font-size:16px;font-variant-numeric:tabular-nums}.exam-review__item span{color:var(--bad)}.exam-review__item.is-blank{border:1.5px dashed var(--text-muted);background:transparent}.exam-review__item.is-blank span{color:var(--text-muted)}.exam-review__item:hover{border-color:var(--primary-color)}.exam-review-page{display:flex;flex-direction:column;gap:24px}.exam-review-page__head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px}.exam-filters{display:flex;flex-wrap:wrap;gap:8px}.exam-filter{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 16px;border-radius:12px;cursor:pointer;border:1px solid var(--card-border);background:transparent;color:var(--text-muted);font:inherit;font-size:14px;font-weight:600}.exam-filter b{font-weight:600;opacity:.85}.exam-filter.is-on{border-color:transparent;background:var(--primary-light);color:var(--primary-color);font-weight:700}.exam-review-page__cols{display:flex;flex-wrap:wrap;gap:24px;align-items:flex-start}.exam-review-nav{flex:0 0 210px;display:flex;flex-direction:column;gap:6px;padding:14px;border-radius:18px;background:var(--card-bg);border:1px solid var(--card-border);max-height:calc(100vh - var(--header-h) - 120px);overflow-y:auto;position:sticky;top:calc(var(--header-h) + 16px)}.exam-review-nav__item{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:42px;padding:0 12px;border-radius:10px;cursor:pointer;border:0;background:transparent;color:var(--text-main);font:inherit;font-size:14px;text-align:left}.exam-review-nav__item span{font-size:12px;font-weight:600;color:var(--text-muted)}.exam-review-nav__item.is-wrong span{color:var(--bad)}.exam-review-nav__item.is-right span{color:var(--ok)}.exam-review-nav__item:hover{background:var(--surface-2)}.exam-review-nav__item.is-current{background:var(--primary-light);color:var(--primary-color)}.exam-review-page__main{flex:1 1 640px;min-width:0}.exam-pill{display:inline-flex;align-items:center;height:30px;padding:0 14px;border-radius:15px;font-size:13px;font-weight:700;border:1px solid var(--ok);background:var(--ok-soft);color:var(--ok)}.exam-pill.is-wrong{border-color:var(--bad);background:var(--bad-soft);color:var(--bad)}.exam-pill.is-blank{border:1.5px dashed var(--text-muted);background:transparent;color:var(--text-muted)}.paper-verdict.is-blank{color:var(--text-muted)}.paper-verdict.is-blank .paper-verdict__icon{background:var(--surface-3)}.paper-actions.is-review{justify-content:flex-end}.paper-card .paper-qhead:has(.exam-pill){justify-content:space-between}@media(max-width:899px){.exam-palette{position:static;flex:1 1 100%;max-height:none;flex-direction:row;flex-wrap:wrap}.exam-palette__group{flex:1 1 200px}.exam-palette__legend{flex:1 1 100%;flex-direction:row;flex-wrap:wrap;gap:6px 18px}.exam-review-nav{position:static;flex:1 1 100%;max-height:none;flex-direction:row;flex-wrap:wrap}.exam-setup__aside{position:static}}@media(max-width:719px){.exam-clock strong{font-size:26px}.exam-result__hero{padding:24px 20px}.exam-result__big strong{font-size:56px}.exam-result__side{flex-basis:100%}.exam-slip__clock{font-size:44px}}.shell-nav__section{display:flex;flex-direction:column;gap:4px}.shell-nav__section+.shell-nav__section{margin-top:18px;padding-top:14px;border-top:1px solid var(--card-border)}[data-theme=dark] .shell-sidebar{box-shadow:1px 0 0 var(--card-border)}.shell-nav__item.active,.shell-nav__item.active:hover{background:var(--primary-fill);color:var(--primary-text);font-weight:600}.shell-nav__item.active svg{color:inherit}[data-theme=dark] .shell-nav__item.active{box-shadow:0 4px 14px #1a73e859}[data-tone=listening]{--tone: var(--tone-listening);--tone-soft: var(--tone-listening-soft)}[data-tone=vocab]{--tone: var(--tone-vocab);--tone-soft: var(--tone-vocab-soft)}[data-tone=grammar]{--tone: var(--tone-grammar);--tone-soft: var(--tone-grammar-soft)}[data-tone=reading]{--tone: var(--tone-reading);--tone-soft: var(--tone-reading-soft)}[data-tone=dictation]{--tone: var(--tone-dictation);--tone-soft: var(--tone-dictation-soft)}.part-card__kanji[data-tone],.preview__kanji[data-tone],.recent-list__kanji[data-tone],.exam-scope__kanji[data-tone]{background:var(--tone-soft);color:var(--tone)}.part-card:has([data-tone=listening]){--tone: var(--tone-listening)}.part-card:has([data-tone=vocab]){--tone: var(--tone-vocab)}.part-card:has([data-tone=grammar]){--tone: var(--tone-grammar)}.part-card:has([data-tone=reading]){--tone: var(--tone-reading)}.part-card:has([data-tone=dictation]){--tone: var(--tone-dictation)}.part-card:has([data-tone]) .progress>span{background:var(--tone)}.part-card:has([data-tone]){transition:border-color .15s ease,box-shadow .15s ease}.part-card:has([data-tone]):hover{border-color:var(--tone)}.hero{position:relative;isolation:isolate}.hero:before{content:"";position:absolute;top:-32px;right:0;bottom:-24px;left:0;z-index:-1;border-radius:32px;background:var(--hero-glow);pointer-events:none}.hero__cta .btn--primary{background:var(--cta-gradient)}.hero__cta .btn--primary:hover:not(:disabled){background:var(--cta-gradient);filter:brightness(1.08)}[data-theme=dark] .hero__cta .btn--primary{box-shadow:0 8px 24px #1a73e859}.level-ask{display:flex;flex-direction:column;gap:10px;padding:16px;border-radius:14px;background:var(--card-bg);border:1px dashed var(--input-border);max-width:520px}.level-ask__q{font-size:15px;font-weight:600}.level-ask__chips{display:flex;flex-wrap:wrap;gap:8px}.level-ask__chips button{min-width:56px;min-height:44px;padding:0 14px;border-radius:12px;border:1.5px solid var(--card-border);background:var(--surface-2);color:var(--text-main);font:inherit;font-weight:700;cursor:pointer}.level-ask__chips button:hover{border-color:var(--input-border)}.level-ask__chips button[aria-pressed=true]{background:var(--primary-fill);border-color:var(--primary-fill);color:var(--primary-text)}.level-ask__hint{font-size:13px;color:var(--text-muted)}.resume--exam .resume__icon{background:var(--primary-light);color:var(--primary-color)}.path-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:40px}.path-card{display:flex;align-items:center;gap:16px;padding:20px;border-radius:16px;background:var(--card-bg);border:1px solid var(--card-border);box-shadow:var(--card-shadow);color:var(--text-main);transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}.path-card:hover{transform:translateY(-2px);border-color:var(--tone);box-shadow:var(--card-shadow-hover);color:var(--text-main)}.path-card--practice{--tone: var(--tone-vocab);--tone-soft: var(--tone-vocab-soft)}.path-card--exam{--tone: var(--primary-color);--tone-soft: var(--primary-light)}.path-card--dictation{--tone: var(--tone-dictation);--tone-soft: var(--tone-dictation-soft)}.path-card__icon{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;flex-shrink:0;background:var(--tone-soft);color:var(--tone)}.path-card__text{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}.path-card__text strong{font-size:16px}.path-card__text span{font-size:13.5px;line-height:1.5;color:var(--text-muted)}.path-card>svg:last-child{color:var(--text-subtle);flex-shrink:0}.dict-spotlight{margin-bottom:48px;border-radius:20px;background:linear-gradient(135deg,#e8f1fe8c,#fffffff2);border:1px solid var(--card-border);box-shadow:var(--card-shadow);padding:32px 36px;position:relative;overflow:hidden}[data-theme=dark] .dict-spotlight{background:linear-gradient(135deg,#1a294299,#0f172ad9)}.dict-spotlight__content{display:grid;grid-template-columns:1.15fr .85fr;gap:36px;align-items:center}.dict-spotlight__copy{display:flex;flex-direction:column}.dict-spotlight__eyebrow{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--primary-color);background:var(--primary-light);padding:4px 12px;border-radius:999px;width:fit-content;margin-bottom:12px}.dict-spotlight__title{font-size:24px;font-weight:800;color:var(--text-main);line-height:1.35;margin:0 0 10px}.dict-spotlight__sub{font-size:14.5px;color:var(--text-muted);line-height:1.6;margin:0 0 22px}.dict-spotlight__benefits{display:flex;flex-direction:column;gap:14px;margin-bottom:26px}.dict-spotlight__benefit{display:flex;align-items:flex-start;gap:14px}.dict-spotlight__icon{width:34px;height:34px;border-radius:10px;background:var(--primary-light);color:var(--primary-color);display:grid;place-items:center;flex-shrink:0;margin-top:2px}.dict-spotlight__benefit strong{display:block;font-size:14.5px;font-weight:700;color:var(--text-main);margin-bottom:2px}.dict-spotlight__benefit span{font-size:13px;color:var(--text-muted);line-height:1.45}.dict-spotlight__action{display:flex;align-items:center;gap:12px}.dict-preview-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:18px;padding:22px;box-shadow:0 12px 32px #14285014;display:flex;flex-direction:column;gap:16px}.dict-preview-card__header{display:flex;align-items:center;justify-content:space-between;font-size:12px}.dict-preview-card__badge{display:inline-flex;align-items:center;gap:6px;font-weight:700;color:var(--primary-color);background:var(--primary-light);padding:3px 10px;border-radius:999px}.dict-preview-card__time{color:var(--text-muted);font-variant-numeric:tabular-nums;font-weight:600}.dict-preview-card__audio{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:12px;background:var(--surface-2)}.dict-preview-card__play{width:32px;height:32px;border-radius:50%;background:var(--primary-fill);color:var(--primary-text);display:grid;place-items:center;flex-shrink:0}.dict-preview-card__wave{display:flex;align-items:center;gap:4px;height:22px;flex:1}.dict-preview-card__wave span{width:4px;border-radius:2px;background:var(--primary-color);opacity:.8;animation:wavePulse 1.2s ease-in-out infinite alternate}.dict-preview-card__wave span:nth-child(2){animation-delay:.15s}.dict-preview-card__wave span:nth-child(3){animation-delay:.3s}.dict-preview-card__wave span:nth-child(4){animation-delay:.45s}.dict-preview-card__wave span:nth-child(5){animation-delay:.2s}.dict-preview-card__wave span:nth-child(6){animation-delay:.35s}.dict-preview-card__wave span:nth-child(7){animation-delay:.5s}.dict-preview-card__wave span:nth-child(8){animation-delay:.25s}@keyframes wavePulse{0%{transform:scaleY(.4);opacity:.4}to{transform:scaleY(1);opacity:.95}}.dict-preview-card__prompt{display:flex;flex-direction:column;gap:4px}.dict-preview-card__prompt .eyebrow{font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.dict-preview-card__prompt p{margin:0;font-size:15px;font-weight:600;color:var(--text-main);line-height:1.5}.dict-preview-card__input{display:flex;flex-direction:column;gap:8px;padding:12px;border-radius:12px;background:var(--surface-2);border:1px solid var(--card-border)}.dict-preview-card__input .eyebrow{font-size:11px;color:var(--text-muted)}.dict-preview-card__tokens{display:flex;flex-wrap:wrap;gap:6px}.dict-preview-card__tokens .token{font-size:13px;font-weight:600;padding:3px 8px;border-radius:6px}.dict-preview-card__tokens .token--ok{background:var(--ok-soft);color:var(--ok)}.dict-preview-card__tokens .token--diff-bad{background:var(--bad-soft);color:var(--bad);text-decoration:line-through}.dict-preview-card__tokens .token--diff-exp{background:var(--primary-light);color:var(--primary-color);border:1px dashed var(--primary-color)}.dict-preview-card__footer{display:flex;align-items:center;justify-content:space-between;padding-top:4px}.dict-preview-card__score{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-muted)}.dict-preview-card__score .score-pill{font-size:12px;font-weight:800;background:var(--ok);color:#fff;padding:2px 8px;border-radius:999px}.dict-preview-card__hint{font-size:12.5px;font-weight:600;color:var(--text-main)}@media(max-width:900px){.dict-spotlight{padding:24px}.dict-spotlight__content{grid-template-columns:1fr;gap:24px}}.exam-running{display:flex;align-items:center;gap:20px;margin-bottom:20px;padding:18px 22px;border-radius:16px;background:var(--primary-light);border:1.5px solid var(--primary-color)}.exam-running__icon{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;flex-shrink:0;background:var(--card-bg);color:var(--primary-color)}.exam-running__body{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.exam-running__left{font-size:18px;font-weight:700;font-variant-numeric:tabular-nums}.exam-running__left.is-over{color:var(--bad)}.exam-running .btn{flex-shrink:0}.exam-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;margin-bottom:32px}.exam-pick{display:flex;flex-direction:column;gap:10px;padding:22px;border-radius:16px;background:var(--card-bg);border:1px solid var(--card-border);border-top:3px solid var(--primary-color);box-shadow:var(--card-shadow)}.exam-pick__top{display:flex;align-items:center;justify-content:space-between}.exam-pick__parts{font-size:14px;letter-spacing:.2em;color:var(--text-muted)}.exam-pick__title{margin:0;font-size:20px;font-weight:700}.exam-pick__title a{color:inherit}.exam-pick__meta{margin:0;font-size:13.5px;color:var(--text-muted)}.exam-pick__last{margin:0;padding:10px 12px;border-radius:10px;background:var(--surface-2);font-size:14px}.exam-pick__last.is-empty,.exam-pick__last span{color:var(--text-muted)}.exam-pick__actions{margin-top:auto;padding-top:6px;display:flex;flex-wrap:wrap;gap:10px}.exam-history__empty{margin:0;padding:20px 24px}.exam-entry__ctas{display:flex;flex-direction:column;gap:10px}.exam-entry__cta--alt{background:transparent;color:var(--text-main);border:1.5px solid var(--acc)}.exam-entry__cta--alt:hover{background:var(--acc-soft);color:var(--text-main);filter:none}.exam-option{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;border-radius:14px;border:1.5px solid var(--card-border);background:var(--card-bg);cursor:pointer}.exam-option input{width:20px;height:20px;margin-top:2px;flex-shrink:0;accent-color:var(--primary-fill)}.exam-option span{display:flex;flex-direction:column;gap:2px}.exam-option strong{font-size:15px}.exam-option small{font-size:13px;line-height:1.5;color:var(--text-muted)}.exam-listen__where{margin-right:auto;margin-left:12px;font-weight:600}.exam-listen__where small{font-weight:400;color:var(--text-muted)}.exam-audio{display:flex;align-items:center;gap:16px;padding:16px 18px;border-radius:14px;background:var(--primary-light);border:1.5px solid var(--card-border);margin-bottom:8px}.exam-audio.is-playing{border-color:var(--primary-color)}.exam-audio__icon{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;flex-shrink:0;background:var(--primary-fill);color:var(--primary-text)}.exam-audio.is-playing .exam-audio__icon{animation:exam-audio-pulse 1.4s ease-in-out infinite}.exam-audio__body{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}.exam-audio__bar{height:6px;border-radius:3px;background:var(--surface-3);overflow:hidden}.exam-audio__bar span{display:block;height:100%;background:var(--primary-color);transition:width .25s linear}.exam-audio__body small{font-size:13px;color:var(--text-muted)}@keyframes exam-audio-pulse{50%{transform:scale(1.08)}}@media(prefers-reduced-motion:reduce){.exam-audio.is-playing .exam-audio__icon{animation:none}}.empty--inline{display:flex;align-items:center;flex-wrap:wrap;gap:16px;padding:4px 0}.empty--inline p{margin:0;color:var(--text-muted)}.exam-scores{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.exam-scores li{display:flex;align-items:center;gap:16px;padding:12px 0;border-top:1px solid var(--surface-3)}.exam-scores li:first-child{border-top:0}.exam-scores__name{flex:1;min-width:0;font-weight:600}.exam-scores__score{display:flex;align-items:baseline;gap:10px}.exam-scores__score strong{font-size:18px}.exam-scores__score span{font-size:13px;color:var(--text-muted)}.exam-scores__all{display:inline-block;margin-top:8px;font-size:14px;font-weight:600}.parts-fold{margin-top:8px}.parts-fold>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 20px;border-radius:14px;background:var(--card-bg);border:1px solid var(--card-border);cursor:pointer;list-style:none}.parts-fold>summary::-webkit-details-marker{display:none}.parts-fold>summary>span{display:flex;flex-direction:column;gap:2px}.parts-fold>summary strong{font-size:16px}.parts-fold>summary small{font-size:13px;color:var(--text-muted)}.parts-fold>summary svg{flex-shrink:0;color:var(--text-muted);transition:transform .15s ease}.parts-fold[open]>summary svg{transform:rotate(90deg)}.parts-fold>.parts{margin-top:12px}@media(max-width:900px){.path-grid{grid-template-columns:1fr}.exam-running{flex-wrap:wrap}.exam-running .btn{margin-left:0}}@media(prefers-reduced-motion:reduce){.path-card,.parts-fold>summary svg,.part-card{transition:none!important}.path-card:hover{transform:none}}:root{--lb-gold: #c58f0a;--lb-silver: #8b97ab;--lb-bronze: #b9722f;--lb-blue: #2f6bdc;--lb-violet: #7c5ce0;--lb-orange: #d9712a;--lb-green: #1b8a5a;--lb-pink: #d6336c}[data-theme=dark]{--lb-gold: #f4c542;--lb-silver: #cfd6e3;--lb-bronze: #e0a070;--lb-blue: #7fb0ff;--lb-violet: #c4b0ff;--lb-orange: #f6a770;--lb-green: #7fe0b0;--lb-pink: #f58bb0}.lb-card{display:flex;flex-direction:column;gap:12px}.lb-card .section-head{margin-bottom:0}.lb-card__title{display:flex;align-items:center;gap:10px}.lb-card__badge{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:11px;background:var(--acc-soft);color:var(--lb-gold)}.lb-card__actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.lb-tabs{display:inline-flex;padding:4px;gap:4px;border-radius:999px;background:var(--surface-3)}.lb-tabs button{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 18px;border:0;border-radius:999px;background:transparent;color:var(--text-muted);font:inherit;font-size:14px;font-weight:600;cursor:pointer}.lb-tabs button:hover{color:var(--text-main)}.lb-tabs button.is-active{background:var(--primary-fill);color:var(--primary-text);font-weight:700}.lb-tabs button:focus-visible,.lb-levels button:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.lb-levels{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:4px}.lb-levels button{min-height:36px;min-width:52px;padding:0 16px;border:1px solid var(--card-border);border-radius:999px;background:var(--card-bg);color:var(--text-muted);font:inherit;font-size:14px;font-weight:700;cursor:pointer}.lb-levels button:hover{color:var(--text-main);border-color:var(--input-border, var(--card-border))}.lb-levels button.is-active{background:var(--primary-light);border-color:var(--primary-color);color:var(--primary-color)}.lb-panel{background:var(--card-bg);border:1px solid var(--card-border);border-radius:20px;box-shadow:var(--card-shadow);overflow:hidden}.lb-list{list-style:none;margin:0;padding:0}.lb-row{display:flex;align-items:center;gap:14px;padding:12px 24px;border-top:1px solid var(--surface-3)}.lb-list>.lb-row:first-child{border-top:0}.lb-row.is-me{background:var(--primary-light)}.lb-row--skeleton{height:66px;background:linear-gradient(90deg,var(--surface-2),var(--surface-3),var(--surface-2));background-size:200% 100%;animation:lb-shimmer 1.4s linear infinite}@keyframes lb-shimmer{to{background-position:-200% 0}}@media(prefers-reduced-motion:reduce){.lb-row--skeleton{animation:none}}.lb-rank{display:inline-flex;align-items:center;justify-content:center;flex:0 0 32px;width:32px;height:32px;border-radius:50%;font-size:15px;font-weight:800;color:var(--text-muted)}.lb-avatar{border-radius:50%;object-fit:cover;flex-shrink:0;display:block}.lb-avatar--me{box-shadow:0 0 0 2px var(--card-bg),0 0 0 4px var(--primary-color)}.lb-avatar--gold{box-shadow:0 0 0 3px var(--card-bg),0 0 0 6px var(--lb-gold)}.lb-avatar--silver{box-shadow:0 0 0 3px var(--card-bg),0 0 0 5.5px var(--lb-silver)}.lb-avatar--bronze{box-shadow:0 0 0 3px var(--card-bg),0 0 0 5.5px var(--lb-bronze)}.lb-row.is-me .lb-avatar--me{box-shadow:0 0 0 2px var(--primary-light),0 0 0 4px var(--primary-color)}.lb-name{flex:1;min-width:0;display:flex;align-items:center;gap:8px;font-weight:600;font-size:15px}.lb-name__text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lb-you{flex-shrink:0;padding:2px 10px;border-radius:999px;background:var(--primary-fill);color:var(--primary-text);font-size:11px;font-style:normal;font-weight:700}.lb-level{flex-shrink:0;padding:1px 8px;border-radius:6px;background:var(--surface-3);color:var(--text-muted);font-size:11px;font-weight:700}.lb-bar{flex:0 1 200px;height:8px;border-radius:99px;background:var(--surface-3);overflow:hidden}.lb-bar span{display:block;height:100%;border-radius:99px;background:var(--primary-color)}.lb-points{display:inline-flex;flex-direction:column;align-items:flex-end;gap:4px;min-width:112px;text-align:right;white-space:nowrap}.lb-points__total{font-size:16px;font-weight:800}.lb-points small,.lb-podium__points small,.lb-mycard small{font-size:12px;font-weight:600;color:var(--text-muted)}.lb-gain{display:inline-flex;align-items:center;gap:4px;padding:2px 9px;border-radius:999px;background:var(--ok-soft);color:var(--ok);font-size:12px;font-weight:700;line-height:1.5;white-space:nowrap}.lb-me{border-top:1px dashed var(--card-border);padding:10px 0 12px;background:var(--surface-2)}.lb-me__label{display:block;padding:0 24px 4px;font-size:12px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--text-muted)}.lb-me .lb-row{border-top:0}.lb-me__of{display:flex;align-items:center;gap:6px;padding:2px 24px 0;font-size:13px;font-weight:600;color:var(--ok)}.lb-guest{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:14px 24px;border-top:1px solid var(--surface-3);background:var(--surface-2)}.lb-guest p{margin:0;font-size:14px;color:var(--ink-2)}.lb-guest--page{border:1px solid var(--card-border);border-radius:18px;margin-bottom:24px}.lb-empty{display:flex;flex-direction:column;align-items:center;gap:12px;padding:36px 20px;margin:0;color:var(--text-muted);text-align:center}.lb-empty p{margin:0}.lb-page-head{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-bottom:22px}.lb-page-head__icon{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;flex-shrink:0;border-radius:20px;background:var(--acc-soft);color:var(--lb-gold)}.lb-page-head__text{flex:1 1 320px;min-width:0}.lb-page-head h1{margin:0;font-size:34px;line-height:1.15;font-weight:800;letter-spacing:-.015em}.lb-page-head p{margin:6px 0 0;font-size:16px;color:var(--text-muted)}.lb-countdown{display:flex;align-items:center;gap:12px;padding:10px 16px;border-radius:14px;background:var(--card-bg);border:1px solid var(--card-border)}.lb-countdown__icon{display:inline-flex;color:var(--lb-orange)}.lb-countdown__text{display:flex;flex-direction:column;line-height:1.25}.lb-countdown__text small{font-size:12px;color:var(--text-muted)}.lb-countdown__text strong{font-size:15px;font-weight:700}.lb-toolbar{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:14px}.lb-toolbar__hint{font-size:14px;color:var(--text-muted)}.lb-page-head~.lb-levels{margin-bottom:22px}.lb-mycard{display:flex;align-items:center;gap:20px;flex-wrap:wrap;padding:20px 24px;margin-bottom:28px;border:1px solid var(--primary-color);border-radius:20px;background:var(--primary-light)}.lb-mycard__text{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1 1 220px}.lb-mycard__name{display:flex;align-items:center;gap:8px;font-size:20px;font-weight:800}.lb-mycard__sub{font-size:14px;color:var(--text-muted)}.lb-mycard__sub b{color:var(--text-main)}.lb-mycard__next{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--ok)}.lb-mycard__stats{display:flex;gap:12px;flex-wrap:wrap}.lb-stat{min-width:112px;padding:12px 16px;border-radius:14px;background:var(--card-bg)}.lb-stat small{display:block;margin-bottom:2px;font-size:12px;color:var(--text-muted)}.lb-stat strong{font-size:22px;font-weight:800}.lb-stat__gain{color:var(--ok)}.lb-podium{list-style:none;margin:0 0 28px;padding:0;display:flex;align-items:flex-end;gap:16px}.lb-podium__item{flex:1 1 0;min-width:0;display:flex;flex-direction:column;align-items:center;gap:8px;padding:22px 12px 0;border-radius:22px;background:var(--card-bg);border:1px solid var(--card-border);box-shadow:var(--card-shadow);overflow:hidden}.lb-podium__item[data-place="1"]{order:2;padding-top:18px;background:var(--acc-soft);border-color:var(--lb-gold)}.lb-podium__item[data-place="2"]{order:1}.lb-podium__item[data-place="3"]{order:3}.lb-podium__item.is-me{outline:2px solid var(--primary-color);outline-offset:-2px}.lb-podium__crown{display:inline-flex;color:var(--lb-gold)}.lb-podium__crown svg{fill:currentColor}.lb-podium__name{display:flex;align-items:center;gap:6px;max-width:100%;font-size:16px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lb-podium__item[data-place="1"] .lb-podium__name,.lb-podium__points{font-size:18px;font-weight:800}.lb-podium__item[data-place="1"] .lb-podium__points{font-size:22px}.lb-podium__step{align-self:stretch;margin-top:12px;display:flex;align-items:center;justify-content:center;height:92px;border-top:3px solid var(--lb-silver);background:color-mix(in srgb,var(--lb-silver) 14%,transparent)}.lb-podium__item[data-place="1"] .lb-podium__step{height:116px;border-top-color:var(--lb-gold);background:color-mix(in srgb,var(--lb-gold) 16%,transparent)}.lb-podium__item[data-place="3"] .lb-podium__step{height:76px;border-top-color:var(--lb-bronze);background:color-mix(in srgb,var(--lb-bronze) 14%,transparent)}.lb-medal{display:block;flex-shrink:0;filter:drop-shadow(0 3px 4px rgba(0,0,0,.28))}.lb-rank--medal{background:transparent!important;width:32px}.lb-badge__shape{fill:color-mix(in srgb,var(--lb-blue) 16%,transparent);stroke:var(--lb-blue)}.lb-badge__text{fill:var(--lb-blue)}.lb-list-head{display:flex;align-items:center;gap:14px;padding:12px 24px;background:var(--surface-2);font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted)}.lb-list-head span:first-child{flex:0 0 32px;text-align:center}.lb-list-head span:nth-child(2){flex:1}.lb-list-head span:last-child{min-width:112px;text-align:right}.lb-more{display:flex;justify-content:center;padding:16px;border-top:1px solid var(--surface-3)}.lb-note{margin:12px 0 0;text-align:center;font-size:14px;color:var(--text-muted)}.lb-how{margin-top:40px}.lb-how h2{margin:0 0 6px;font-size:22px;font-weight:800}.lb-how>p{margin:0 0 18px;font-size:14px;color:var(--text-muted)}.lb-how__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}.lb-tile{--tone: var(--lb-blue);display:flex;flex-direction:column;gap:10px;padding:18px;border-radius:18px;background:var(--card-bg);border:1px solid var(--card-border)}.lb-tile--blue{--tone: var(--lb-blue)}.lb-tile--violet{--tone: var(--lb-violet)}.lb-tile--orange{--tone: var(--lb-orange)}.lb-tile--gold{--tone: var(--lb-gold)}.lb-tile--green{--tone: var(--lb-green)}.lb-tile--pink{--tone: var(--lb-pink)}.lb-tile__icon{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:14px;background:color-mix(in srgb,var(--tone) 16%,transparent);color:var(--tone)}.lb-tile__value{font-size:26px;font-weight:800;color:var(--tone)}.lb-tile__desc{font-size:14px;line-height:1.5;color:var(--ink-2)}.lb-how p.lb-how__note{display:flex;align-items:center;gap:8px;margin:16px 0 0;font-size:13px;color:var(--text-muted)}.account__points{font-weight:700;color:var(--lb-gold)}.account__menu-score{align-items:center}.account__menu-score span{display:flex;flex-direction:column;line-height:1.25}.account__menu-score small{font-size:12px;font-weight:500;color:var(--text-muted)}.account__menu-score svg{color:var(--lb-gold)}@media(max-width:640px){.lb-row{gap:10px;padding:10px 14px}.lb-rank{flex-basis:28px;width:28px;height:28px;font-size:14px}.lb-bar,.lb-list-head span:nth-child(2){display:none}.lb-list-head{padding:10px 14px}.lb-list-head span:last-child{margin-left:auto}.lb-points{min-width:0}.lb-points__total{font-size:15px}.lb-me__label,.lb-me__of{padding-left:14px;padding-right:14px}.lb-page-head h1{font-size:26px}.lb-page-head p{font-size:14px}.lb-page-head__icon{width:52px;height:52px;border-radius:16px}.lb-countdown{width:100%;box-sizing:border-box}.lb-tabs{display:flex;width:100%;box-sizing:border-box}.lb-tabs button{flex:1;justify-content:center;padding:0 8px;min-height:44px}.lb-levels{flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px}.lb-levels button{flex-shrink:0;min-height:44px}.lb-mycard{padding:16px;gap:14px}.lb-podium{gap:8px}.lb-podium__item{padding:16px 6px 0;border-radius:18px}.lb-podium__item[data-place="1"]{padding-top:12px}.lb-podium__name{font-size:12px}.lb-podium__item[data-place="1"] .lb-podium__name{font-size:13px}.lb-podium__points,.lb-podium__item[data-place="1"] .lb-podium__points{font-size:15px}.lb-podium__step{height:64px}.lb-podium__item[data-place="1"] .lb-podium__step{height:84px}.lb-podium__item[data-place="3"] .lb-podium__step{height:56px}.lb-podium__step .lb-medal{width:34px;height:auto}.lb-podium__item[data-place="1"] .lb-podium__step .lb-medal{width:40px}.lb-podium .lb-gain{font-size:11px;padding:2px 7px}.lb-how__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.lb-tile{padding:14px;gap:8px}.lb-tile__value{font-size:22px}.lb-tile__desc{font-size:12.5px}}