:root{color-scheme:dark;--font-jp: "Noto Sans JP", "Noto Sans CJK JP", "Hiragino Kaku Gothic ProN", "Yu Gothic", "Meiryo", sans-serif;--font-ui: system-ui, -apple-system, "Segoe UI", sans-serif;--text-study: 3rem;--text-lg: 1.5rem;--text-base: 1rem;--text-sm: .875rem;--text-ruby: .5em;--leading: 1.5;--leading-jp: 1.8;--bg: #0e0f11;--surface: #1a1c20;--surface-soft: #23262b;--border: #2d3137;--text: #ece9e4;--text-soft: #9d988f;--accent: #e3bc4b;--accent-deep: #f0cf62;--accent-wash: #302a18;--focus: #8ab4f8;--selected: #d7b448;--on-accent: #1a1710;--correct: #6f9e7c;--near: #c9a227;--wrong: #c47a63;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-7: 1.75rem;--space-8: 2rem;--lift: 0 1px 0 rgba(255, 255, 255, .035) inset;--lift-high: 0 1px 0 rgba(255, 255, 255, .06) inset, 0 8px 24px -16px rgba(0, 0, 0, .8);--glow-accent: none;--radius: .75rem;--radius-lg: 1.25rem;--tap-min: 44px;--content-max: 42rem;--gutter: var(--space-4);--nav-clear: calc(4.75rem + env(safe-area-inset-bottom, 0px)) ;--stack: var(--space-4)}@media (min-width: 48rem){:root{--gutter: var(--space-8);--stack: var(--space-6)}}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-ui);font-size:var(--text-base);line-height:var(--leading);-webkit-text-size-adjust:100%}.jp,[lang=ja]{font-family:var(--font-jp);line-height:var(--leading-jp);line-break:strict;overflow-wrap:anywhere;word-break:normal}ruby{ruby-position:over}rt{font-size:var(--text-ruby);opacity:.75;letter-spacing:.05em}button{font:inherit;font-weight:600;padding:.75rem 1.25rem;min-height:var(--tap-min);border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer}button:disabled{opacity:.55;cursor:not-allowed}button:not(:disabled):hover{filter:brightness(1.12)}:is(button,a,input,select):focus-visible{outline:2px solid var(--focus);outline-offset:3px}input,select{font:inherit;min-width:0}input::placeholder{color:var(--text-soft);opacity:1}::selection{background:var(--accent);color:var(--on-accent)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}p a,.forecast a,li a{padding-block:.35rem;text-decoration:underline;text-underline-offset:3px}footer.svelte-j5ntyh{padding:var(--space-2) 0 var(--space-4);text-align:center;font-size:.68rem}a.svelte-j5ntyh{display:inline-flex;align-items:center;justify-content:center;min-height:var(--tap-min);padding:0 var(--space-4);color:var(--text-soft);opacity:.75;text-decoration:none}a.svelte-j5ntyh:hover{color:var(--accent);text-decoration:underline}nav.svelte-1h32yp1{position:fixed;z-index:10;left:50%;transform:translate(-50%);bottom:var(--space-3);display:flex;background:var(--surface);border:1px solid var(--border);box-shadow:var(--lift-high);width:min(calc(100% - 2 * var(--gutter)),38rem);border-radius:14px;padding:8px 8px calc(8px + env(safe-area-inset-bottom,0px))}nav.svelte-1h32yp1>:where(.svelte-1h32yp1){flex:1 1 0;min-width:0}a.svelte-1h32yp1{display:flex;flex-direction:column;align-items:center;gap:2px;padding:var(--space-2);min-height:var(--tap-min);font-size:.72rem;color:var(--text-soft);text-decoration:none;background:none;border:none;border-radius:0}a.active.svelte-1h32yp1{color:var(--text);font-weight:650;background:var(--surface-soft);border-radius:10px}a.active.svelte-1h32yp1 svg:where(.svelte-1h32yp1){color:var(--accent)}@media (min-width: 48rem){nav.svelte-1h32yp1{width:min(100%,30rem);border-radius:14px}}.shell.svelte-12qhfyh{min-height:100dvh;display:block}.content.svelte-12qhfyh{display:block;padding-bottom:var(--nav-clear)}.kana-fab.svelte-12qhfyh{position:fixed;z-index:20;right:var(--space-3);bottom:calc(var(--nav-clear) + var(--space-2));width:var(--tap-min);height:var(--tap-min);display:grid;place-items:center;padding:0;border-radius:50%;font-family:var(--font-jp);font-size:1.25rem;line-height:1;background:var(--surface);color:var(--text-soft);opacity:.82;border:1px solid var(--border);box-shadow:var(--lift)}.kana-fab.svelte-12qhfyh:hover{background:var(--accent-wash)}@media (min-width: 48rem){.kana-fab.svelte-12qhfyh{right:max(var(--space-4),calc(50vw - (var(--content-max) / 2) - var(--tap-min) - var(--space-3)))}}
