.select[data-v-7bc0402d]{font-family:var(--font-ui);display:inline-block;position:relative}.select--disabled[data-v-7bc0402d]{opacity:.5}.select__native[data-v-7bc0402d]{appearance:none;font:inherit;font-family:var(--font-ui);color:var(--color-text);background:var(--color-surface-raised);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);padding-right:var(--space-6);cursor:pointer;transition:border-color var(--duration-fast) var(--easing), box-shadow var(--duration-fast) var(--easing)}.select--sm .select__native[data-v-7bc0402d]{padding:var(--space-1) var(--space-6) var(--space-1) var(--space-3);font-size:var(--text-sm)}.select--md .select__native[data-v-7bc0402d]{padding:var(--space-2) var(--space-6) var(--space-2) var(--space-3);font-size:var(--text-base)}.select__native[data-v-7bc0402d]:hover:not(:disabled){border-color:var(--color-accent)}.select__native[data-v-7bc0402d]:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.select__native[data-v-7bc0402d]:disabled{cursor:not-allowed}.select__chevron[data-v-7bc0402d]{right:var(--space-3);width:12px;height:12px;color:var(--color-text-muted);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.theme-toggle[data-v-b013ceee]{border:1px solid var(--color-border);padding:var(--space-1) var(--space-3);border-radius:var(--radius-md);color:var(--color-text);cursor:pointer;font-size:var(--text-base);background:0 0}.theme-toggle[data-v-b013ceee]:hover{background:var(--color-accent-bg)}.bottom-tab-bar[data-v-75f1f58e]{z-index:20;background:var(--color-bg);border-top:1px solid var(--color-border);padding-bottom:env(safe-area-inset-bottom);box-shadow:var(--shadow-sm);grid-template-columns:repeat(5,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.tab[data-v-75f1f58e]{appearance:none;cursor:pointer;padding:var(--space-2) var(--space-1);min-height:56px;color:var(--color-text-muted);transition:color var(--duration-fast) var(--easing);background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:2px;font-family:inherit;text-decoration:none;display:flex;position:relative}.tab[data-v-75f1f58e]:hover{color:var(--color-text)}.tab--active[data-v-75f1f58e]{color:var(--color-accent)}.tab--active[data-v-75f1f58e]:before{content:"";background:var(--color-accent);border-radius:0 0 2px 2px;height:2px;position:absolute;top:0;left:12%;right:12%}.icon[data-v-75f1f58e]{width:24px;height:24px}.more-sheet[data-v-666a01bd]{z-index:30;flex-direction:column;justify-content:flex-end;display:flex;position:fixed;inset:0}.more-sheet__backdrop[data-v-666a01bd]{background:#0006;position:absolute;inset:0}.more-sheet__panel[data-v-666a01bd]{background:var(--color-bg);border-top-left-radius:var(--radius-xl);border-top-right-radius:var(--radius-xl);box-shadow:var(--shadow-lg);max-height:75vh;padding:var(--space-3) var(--space-4) calc(var(--space-4) + env(safe-area-inset-bottom));gap:var(--space-3);flex-direction:column;display:flex;position:relative;overflow-y:auto}.grabber[data-v-666a01bd]{background:var(--color-border-strong);border-radius:var(--radius-pill);width:36px;height:4px;margin:var(--space-1) auto var(--space-2)}.links[data-v-666a01bd]{margin:0;padding:0;list-style:none}.link-row[data-v-666a01bd]{padding:var(--space-3) var(--space-2);min-height:48px;color:var(--color-text);border-bottom:1px solid var(--color-border);font-size:var(--text-base);transition:background var(--duration-fast) var(--easing);text-decoration:none;display:block}.link-row[data-v-666a01bd]:hover{background:var(--color-surface)}.link-row--active[data-v-666a01bd]{color:var(--color-accent);font-weight:500}.controls[data-v-666a01bd]{gap:var(--space-2);padding-top:var(--space-3);border-top:1px solid var(--color-border);justify-content:flex-end;align-items:center;display:flex}.sheet-enter-active .more-sheet__panel[data-v-666a01bd],.sheet-leave-active .more-sheet__panel[data-v-666a01bd]{transition:transform var(--duration-base) var(--easing)}.sheet-enter-from .more-sheet__panel[data-v-666a01bd],.sheet-leave-to .more-sheet__panel[data-v-666a01bd]{transform:translateY(100%)}.sheet-enter-active .more-sheet__backdrop[data-v-666a01bd],.sheet-leave-active .more-sheet__backdrop[data-v-666a01bd]{transition:opacity var(--duration-base) var(--easing)}.sheet-enter-from .more-sheet__backdrop[data-v-666a01bd],.sheet-leave-to .more-sheet__backdrop[data-v-666a01bd]{opacity:0}@media (prefers-reduced-motion:reduce){.sheet-enter-active .more-sheet__panel[data-v-666a01bd],.sheet-leave-active .more-sheet__panel[data-v-666a01bd],.sheet-enter-active .more-sheet__backdrop[data-v-666a01bd],.sheet-leave-active .more-sheet__backdrop[data-v-666a01bd]{transition:none}}.navbar[data-v-8983b878]{z-index:10;align-items:center;gap:var(--space-5);padding:var(--space-3) var(--space-5);background:var(--color-bg);transition:border-color var(--duration-fast) var(--easing), box-shadow var(--duration-fast) var(--easing);border-bottom:1px solid #0000;display:flex;position:sticky;top:0}.navbar--scrolled[data-v-8983b878]{border-bottom-color:var(--color-border);box-shadow:var(--shadow-sm)}.brand[data-v-8983b878]{font-family:var(--font-jp);font-size:var(--text-lg);color:var(--color-text);letter-spacing:.02em;font-weight:500;text-decoration:none}.primary[data-v-8983b878]{flex:1}.primary-list[data-v-8983b878]{gap:var(--space-4);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.link[data-v-8983b878]{color:var(--color-text-muted);font-size:var(--text-sm);padding:var(--space-1) 0;transition:color var(--duration-fast), border-color var(--duration-fast);border-bottom:2px solid #0000;text-decoration:none}.link[data-v-8983b878]:hover{color:var(--color-text)}.link.active[data-v-8983b878]{color:var(--color-accent);border-bottom-color:var(--color-accent)}.end[data-v-8983b878]{gap:var(--space-2);align-items:center;display:flex}.mobile-only[data-v-8983b878]{display:none}@media (width<=720px){.primary[data-v-8983b878],.end[data-v-8983b878]{display:none}.navbar[data-v-8983b878]{padding:var(--space-3) var(--space-4);gap:0}.mobile-only[data-v-8983b878]{display:grid}}:root{--color-bg:#f7f1e6;--color-surface:#fffaf0;--color-surface-raised:#fff;--color-text:#2b231b;--color-text-muted:#7a6a55;--color-text-faint:#a8967c;--color-border:#e7dcc6;--color-border-strong:#d6c6a3;--color-accent:#c8543a;--color-accent-hover:#b04830;--color-accent-bg:#fbe9e1;--color-accent-text:#8a3622;--color-accent-border:#f1c2b3;--color-on-accent:#fffaf0;--color-success:#6b8e3d;--color-success-bg:#eef2dd;--color-warning:#c08a2c;--color-warning-bg:#f9eed0;--color-danger:#a83a2e;--color-danger-bg:#f6dfd9;--color-grade-again:#a83a2e;--color-grade-hard:#c08a2c;--color-grade-good:#6b8e3d;--color-grade-easy:#4a7a8a;--font-jp:"Noto Serif JP", "Yu Mincho", "Hiragino Mincho ProN", serif;--font-ui:"Inter", system-ui, -apple-system, sans-serif;--font-mono:ui-monospace, "SF Mono", Menlo, monospace;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.375rem;--text-2xl:1.625rem;--text-3xl:2rem;--text-4xl:2.5rem;--leading-tight:1.2;--leading-snug:1.4;--leading-normal:1.6;--leading-jp:1.7;--tracking-tight:-.01em;--tracking-normal:0;--tracking-wide:.04em;--tracking-uppercase:.08em;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-7:3rem;--space-8:4rem;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-pill:999px;--shadow-sm:0 1px 0 #2b231b0a;--shadow-md:0 1px 0 #2b231b0a, 0 2px 6px #2b231b0f;--shadow-lg:0 2px 4px #2b231b0f, 0 8px 20px #2b231b14;--shadow-accent:0 1px 2px #c8543a33;--duration-fast:.12s;--duration-base:.2s;--duration-slow:.36s;--easing:cubic-bezier(.4, 0, .2, 1)}.theme-dark{--color-bg:#1f1a14;--color-surface:#28221a;--color-surface-raised:#322a20;--color-text:#f0e7d6;--color-text-muted:#a89c84;--color-text-faint:#7a6f5a;--color-border:#3a3225;--color-border-strong:#4d4232;--color-accent:#e07a5f;--color-accent-hover:#ec8d74;--color-accent-bg:#3a2620;--color-accent-text:#f5b8a4;--color-accent-border:#5a3a30;--color-on-accent:#1f1a14;--color-success:#9bbf68;--color-success-bg:#2a3520;--color-warning:#d9aa5d;--color-warning-bg:#3a2f1c;--color-danger:#d96a5b;--color-danger-bg:#3a221d;--color-grade-again:#d96a5b;--color-grade-hard:#d9aa5d;--color-grade-good:#9bbf68;--color-grade-easy:#7aa8b8;--shadow-sm:0 1px 0 #0000004d;--shadow-md:0 1px 0 #0000004d, 0 2px 6px #0006;--shadow-lg:0 2px 4px #0006, 0 8px 20px #00000080}html,body,#app{background:var(--color-bg);min-height:100%;color:var(--color-text);font-family:var(--font-ui);line-height:var(--leading-normal);-webkit-font-smoothing:antialiased;margin:0;padding:0}.app-root{flex-direction:column;min-height:100vh;display:flex}.app-main{padding:var(--space-5);box-sizing:border-box;flex:1;width:100%;max-width:960px;margin:0 auto}a{color:var(--color-accent);text-decoration:none}a:hover{color:var(--color-accent-hover);text-decoration:underline}ruby rt{color:var(--color-text-muted);font-size:.6em}.jl-flash{animation:1.5s jl-flash}@keyframes jl-flash{0%{background:var(--color-accent-bg)}to{background:0 0}}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}@media (width<=720px){.app-main{padding:var(--space-3);padding-bottom:calc(72px + env(safe-area-inset-bottom))}section>h1{font-size:var(--text-2xl)}.filter,.chip,.toggle,.play,.play-btn,.audio-btn,.audio-toggle,.sort-select{min-height:40px}}