@font-face{font-family:Kosugi Maru;src:url(../fonts/kosugi-maru-v14.woff2)format("woff2");font-weight:400 800;font-style:normal;font-display:swap}@font-face{font-family:Shippori Mincho;src:url(../fonts/shippori-mincho-japanese-v24.woff2)format("woff2");font-weight:400 800;font-style:normal;font-display:swap}@font-face{font-family:Noto Sans JP;src:url(../fonts/noto-sans-jp-v55.woff2)format("woff2");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:Zen Kaku Gothic New;src:url(../fonts/zen-kaku-gothic-v17.woff2)format("woff2");font-weight:300 900;font-style:normal;font-display:swap}:root{--base-border-radius-small:5px;--base-border-radius-medium:8px;--base-border-radius-large:12px;--base-border-radius-xlarge:16px;--base-space-0:0;--base-space-1:.25rem;--base-space-2:.5rem;--base-space-3:.75rem;--base-space-4:1rem;--base-space-6:1.5rem;--base-space-8:2rem;--base-space-12:3rem;--base-shadow-surface:0 1px 2px #4332262e, 0 5px 12px #43322629;--base-shadow-raised:0 2px 4px #43322638, 0 9px 20px #43322633;--depth-shadow-popup:0 2px 6px #43322666, 0 8px 20px 2px #43322642;--base-motion-duration-instant:.1s;--base-motion-duration-fast:.15s;--base-motion-duration-default:.25s;--base-motion-duration-slow:.4s;--base-motion-easing-standard:ease;--base-motion-easing-exit:ease-out;--base-motion-easing-emphasized:cubic-bezier(.4, 0, .2, 1);--transform-default:translateY(-2px);--base-border-default:2px solid var(--color-light-theme-border);--base-border-thin:1px solid var(--color-light-theme-border);--border-default-accent-light-theme:2px solid var(--color-light-theme-accent);--border-thin-accent-light-theme:1px solid var(--color-light-theme-accent);--border-default-accent-dark-theme:2px solid var(--color-dark-theme-accent);--border-thin-accent-dark-theme:1px solid var(--color-dark-theme-accent);--color-light-theme-background-default:#ece4e5;--color-light-theme-background-base:#f3e9e1;--color-light-theme-surface:#f9efe7;--color-light-theme-sunken:#e8e2ed;--color-light-theme-foreground-subtle:#d1c9d8;--color-light-theme-border:#8a7ea7;--color-light-theme-accent:#665586;--color-light-theme-text-default:#36221c;--color-light-theme-text-muted:#654f46;--color-light-theme-kanji-highlighting:#a4383a;--color-dark-theme-background-default:#282a36;--color-dark-theme-background-base:#3b3e51;--color-dark-theme-surface:#41465d;--color-dark-theme-sunken:#4b516b;--color-dark-theme-foreground-subtle:#59607d;--color-dark-theme-border:#838cae;--color-dark-theme-accent:#86b6f6;--color-dark-theme-text-default:#dfd3c3;--color-dark-theme-text-muted:#9ec0cc;--color-dark-theme-kanji-highlighting:#3fa8cf;--base-line-height-none:0;--base-line-height-solid:1;--base-line-height-tight:1.2;--base-line-height-snug:1.4;--base-line-height-default:1.6;--base-line-height-relaxed:1.8;--base-line-height-loose:2;--base-line-height-spacious:2.2;--z-base:0;--z-base-100:100;--z-base-200:200;--z-base-300:300;--z-base-400:400;--z-base-500:500;--z-base-600:600;--z-controls:var(--z-base-100);--z-navigation:var(--z-base-200);--z-modal:var(--z-base-300);--z-toast:var(--z-base-400);--z-critical:var(--z-base-500);--z-index-progress-bar:var(--z-critical);--z-index-floating-controls:var(--z-controls);--z-index-floating-controls-expanded:calc(var(--z-controls) + 1);--z-index-menu-overlay:var(--z-navigation);--z-index-menu-panel:calc(var(--z-navigation) + 1);--z-index-hamburger-button:calc(var(--z-navigation) + 2);--z-index-modal-overlay:var(--z-modal);--z-index-modal-overlay-stacked:calc(var(--z-index-modal-overlay) + 1);--z-index-update-toast:var(--z-toast);--z-index-modal-overlay-stacked-2:calc(var(--z-index-modal-overlay) + 2);--z-index-writing-kanji-svg-layer:calc(var(--z-base) + 1);--z-index-writing-kanji-canvas-layer:calc(var(--z-base) + 2);--z-index-writing-kanji-dots-layer:calc(var(--z-base) + 3);--z-index-modal-close:calc(var(--z-base) + 1);--z-index-modal-shell-content:var(--z-base);--z-index-modal-shell-divider:calc(var(--z-base) + 1);--z-index-modal-shell-rail:calc(var(--z-base) + 2);--z-index-modal-shell-active-tab:calc(var(--z-base) + 3);--z-index-tabbed-tab-active:calc(var(--z-base) + 1);--z-index-behind-content:calc(var(--z-base) - 1);--font-family-japanese-font-stack:"Hiragino Sans", "Hiragino Kaku Gothic ProN", "Yu Gothic", yugothic, "Meiryo", "MS Gothic", sans-serif;--9px:.5625rem;--10px:.625rem;--11px:.6875rem;--12px:.75rem;--13px:.8125rem;--14px:.875rem;--15px:.9375rem;--16px:1rem;--17px:1.0625rem;--18px:1.125rem;--19px:1.1875rem;--20px:1.25rem;--21px:1.3125rem;--22px:1.375rem;--23px:1.4375rem;--24px:1.5rem;--25px:1.5625rem;--26px:1.625rem;--27px:1.6875rem;--28px:1.75rem;--29px:1.8125rem;--30px:1.875rem;--31px:1.9375rem;--32px:2rem;--body-font-size:var(--18px);--app-content-max-width:1200px;--app-content-gutter:var(--base-space-4);--landscape-safe-gutter:0px;--app-content-offset-top-base:3em;--app-search-stack-height:calc(var(--app-top-control-offset) + var(--app-top-control-size) + var(--top-controls-search-gap));--app-content-offset-top:var(--app-content-offset-top-base);--app-content-padding-bottom:2em;--app-top-control-offset:20px;--app-top-control-size:46px;--top-controls-search-gap:25px;--app-shell-inline-left:max(var(--app-content-gutter), var(--landscape-safe-gutter), env(safe-area-inset-left), calc((100vw - var(--app-content-max-width)) / 2));--app-shell-inline-right:max(var(--app-content-gutter), var(--landscape-safe-gutter), env(safe-area-inset-right), calc((100vw - var(--app-content-max-width)) / 2));--modal-overlay-bg:#0009;--modal-backdrop-blur:4px;--modal-padding:1.5em;--modal-border-radius:var(--base-border-radius-large);--modal-close-size:34px;--modal-close-font-size:var(--14px);--modal-button-color-light:#555;--modal-button-color-dark:var(--color-dark-theme-text-default);--modal-box-width:min(96vw, 620px);--modal-box-height:88dvh;--modal-box-padding:1.25em}html{overscroll-behavior-y:none;text-size-adjust:100%;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;max-width:100%;position:relative;overflow-x:hidden}*{-webkit-tap-highlight-color:transparent}:focus,:focus-visible{outline:none}input,textarea{-webkit-user-select:text;user-select:text}body{font-family:var(--font-family-japanese-font-stack);font-size:var(--body-font-size);background-color:var(--color-light-theme-background-default);color:var(--color-light-theme-text-default);line-height:var(--base-line-height-spacious);overscroll-behavior-y:none;-webkit-text-size-adjust:100%;text-size-adjust:100%;max-width:100%;margin:0;padding:0;position:relative;overflow-x:hidden}*,:before,:after{box-sizing:border-box}.main-container{height:100dvh;min-height:0;display:flex}.main-container>.content-wrapper{min-height:0;padding:var(--app-content-offset-top) var(--app-shell-inline-right) var(--app-content-padding-bottom) var(--app-shell-inline-left);overscroll-behavior:contain;-webkit-overflow-scrolling:touch;flex:auto;overflow-y:auto}html,body,.content-wrapper{scrollbar-width:none;-ms-overflow-style:none}html::-webkit-scrollbar,body::-webkit-scrollbar,.content-wrapper::-webkit-scrollbar{display:none}.dark-mode{background-color:var(--color-dark-theme-background-default);color:var(--color-dark-theme-text-default);--base-border-default:2px solid var(--color-dark-theme-border);--base-border-thin:1px solid var(--color-dark-theme-border);--base-shadow-surface:0 4px 12px #0000004d;--base-shadow-raised:0 6px 16px #0006;--depth-shadow-popup:0 1px 4px #000000d9, 0 6px 16px 1px #0009}#progress-bar-container{width:100%;height:6px;z-index:var(--z-index-progress-bar);background-color:#0000;position:fixed;top:0;left:0;transform:translateZ(0)}#progress-bar{background-color:var(--color-light-theme-accent);width:0;height:100%;transition:width var(--base-motion-duration-default) var(--base-motion-easing-exit)}.dark-mode #progress-bar{background-color:var(--color-dark-theme-accent)}.control-btn{border-radius:var(--base-border-radius-medium);border:var(--base-border-default);color:var(--color-light-theme-text-default);background-color:var(--color-light-theme-surface);box-shadow:var(--base-shadow-surface);transition-property:background-color,border-color,color,box-shadow,transform;transition-duration:var(--base-motion-duration-default);transition-timing-function:var(--base-motion-easing-standard);cursor:pointer;appearance:none;touch-action:manipulation;justify-content:center;align-items:center;display:flex}.inline-svg-host,.inline-svg-host svg{width:100%;height:100%;display:block}.modal-overlay{background:var(--modal-overlay-bg);backdrop-filter:blur(var(--modal-backdrop-blur));z-index:var(--z-index-modal-overlay);opacity:0;visibility:hidden;transition:opacity var(--base-motion-duration-default) var(--base-motion-easing-standard), visibility 0s linear var(--base-motion-duration-default);justify-content:center;align-items:center;padding:1em;display:flex;position:fixed;inset:0}.modal-overlay.open{opacity:1;visibility:visible;transition-delay:0s}.modal-panel{background:var(--color-light-theme-background-default);border:var(--base-border-default);border-radius:var(--modal-border-radius);box-shadow:var(--base-shadow-raised);position:relative}.dark-mode .modal-panel{background:var(--color-dark-theme-background-base)}.modal-box{width:var(--modal-box-width);height:var(--modal-box-height);padding:var(--modal-box-padding)}.modal-close{width:var(--modal-close-size);height:var(--modal-close-size);min-width:var(--modal-close-size);min-height:var(--modal-close-size);aspect-ratio:1;line-height:var(--base-line-height-solid);font-size:var(--modal-close-font-size);background-color:var(--color-light-theme-surface);border:var(--base-border-default);border-radius:var(--base-border-radius-medium);cursor:pointer;color:var(--color-light-theme-border);box-shadow:var(--base-shadow-surface);transition-property:background-color,border-color,color,box-shadow,transform;transition-duration:var(--base-motion-duration-default);transition-timing-function:var(--base-motion-easing-standard);appearance:none;z-index:var(--z-index-modal-close);flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;top:.8em;right:.8em}.modal-close-icon{pointer-events:none;justify-content:center;align-items:center;width:20px;height:20px;display:inline-flex}.modal-close-icon svg{stroke:currentColor;opacity:1;width:100%;height:100%;display:block}.dark-mode .modal-close{background-color:var(--color-dark-theme-background-base);color:var(--color-dark-theme-border)}.modal-close:active{transform:var(--transform-default);box-shadow:var(--base-shadow-raised);background-color:var(--color-light-theme-sunken);border-color:var(--color-light-theme-border)}.dark-mode .modal-close:active{background-color:var(--color-dark-theme-surface);border-color:var(--color-dark-theme-border)}.modal-action-btn{width:fit-content;font-size:var(--15px);color:var(--color-light-theme-accent);border:var(--border-thin-accent-light-theme);border-radius:var(--base-border-radius-medium);cursor:pointer;transition:background-color var(--base-motion-duration-fast) var(--base-motion-easing-standard);touch-action:manipulation;background:0 0;padding:.45em 1em;font-family:inherit;display:block}.dark-mode .modal-action-btn{border-radius:var(--base-border-radius-medium);color:var(--modal-button-color-dark);border:var(--base-border-thin)}.modal-action-btn:active{background:#0000000f}.dark-mode .modal-action-btn:active{background:#ffffff14}.modal-close .mnemonic-close{opacity:.82}@media (hover:hover){.modal-action-btn:hover,.modal-close:hover{transform:var(--transform-default)}.modal-action-btn:hover{background:#0000000d}.dark-mode .modal-action-btn:hover{background:#ffffff0f}.modal-close:hover{border-color:var(--color-light-theme-border);box-shadow:var(--base-shadow-raised);background-color:var(--color-light-theme-sunken)}.dark-mode .modal-close:hover{border-color:var(--color-dark-theme-border);background-color:var(--color-dark-theme-surface)}}@media (width<=768px){:root{--app-content-gutter:var(--base-space-6);--app-top-control-offset:14px;--app-top-control-size:43px;--top-controls-search-gap:25px;--app-content-offset-top-base:4em;--app-content-padding-bottom:1em;--go-up-icon-size:28px;--modal-box-padding:1em;--modal-overlay-inset-x:10px}.main-container{flex-direction:column}}@media (width<=480px){:root{--modal-box-padding:.875em}}@media (orientation:portrait) and (width<=1024px){:root{--modal-box-height:92dvh}}@media (width<=768px) and (orientation:landscape){:root{--app-content-gutter:var(--base-space-6);--app-content-offset-top-base:4em;--app-content-padding-bottom:1em;--go-up-icon-size:28px;--landscape-safe-gutter:9vw}}@media (height<=768px) and (orientation:landscape){:root{--modal-box-width:min(90vw, 920px);--modal-box-height:90dvh;--modal-box-padding:.85em}.modal-overlay{padding:calc(env(safe-area-inset-top) + 8px) calc(env(safe-area-inset-right) + 10px) calc(env(safe-area-inset-bottom) + 8px) calc(env(safe-area-inset-left) + 10px)}}@media (width>=769px) and (width<=1024px){:root{--body-font-size:var(--20px);--app-content-gutter:var(--base-space-6);--app-top-control-offset:14px;--app-top-control-size:46px;--top-controls-search-gap:25px;--app-content-offset-top-base:4em;--app-content-padding-bottom:1.5em}}@media (width>=769px) and (width<=1024px) and (orientation:landscape){:root{--body-font-size:var(--18px);--app-content-gutter:var(--base-space-6);--app-content-offset-top-base:3em;--app-content-padding-bottom:1em;--landscape-safe-gutter:9vw}}@media (width>=1025px) and (width<=1366px) and (orientation:landscape){:root{--app-content-gutter:var(--base-space-6);--app-content-offset-top-base:3em;--app-content-padding-bottom:1em;--landscape-safe-gutter:9vw}}@media (width>=1025px){:root{--app-top-control-offset:25px;--app-top-control-size:50px;--top-controls-search-gap:25px;--app-content-offset-top-base:4em;--app-content-padding-bottom:2em}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:0s!important;transition-delay:0s!important;animation-duration:1ms!important;animation-iteration-count:1!important;animation-delay:0s!important}}