@charset "UTF-8";:root{--bg-primary: #0d0d0d;--bg-secondary: #1f1f1f;--black-line: #383838;--black-weak: #494a3a;--gray: #656565;--text-secondary: #838383;--yellow-dark: #cac200;--yellow-normal: #fff73e;--yellow-light: #fff73e80;--yellow-weak: #fff73e1a;--green-dark: #2e8510;--green-normal: #68ff4f;--green-light: #3eff5d;--bage-dark: #7f7f5d;--bage-normal: #bebe92;--white: #ffffff;--red-dark: #b73e42;--red: #ff575c;--red-weak: #d77d86;--blue: #6ad4f6;--blue-dark: rgba(56, 144, 170, 1);--orange-gradient: linear-gradient(135deg, #ff6b6b, #ffa500);--txt-color: #fff;--link-color: var(--blue);--main-gradient: linear-gradient( 180deg, #ffea4f 0%, #fff73e 33.33%, #68ff4f 75%, #00e517 100% );--font: "Noto Sans JP", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", "BIZ UDPGothic", Meiryo, sans-serif;--font-system: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";--font-logo: "Righteous", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", "BIZ UDPGothic", Meiryo, sans-serif;--z-gnav: 10000001;--z-play-queue: 10000002;--z-volume: 10000003;--z-play-area: 100000000;--z-over-wrap: 1000000000000;--z-drawer-toggle: 1000000000050;--z-drawer-overlay: 1000000000100;--z-drawer: 1000000000101;--root_dir: "../img";--radius-full: calc(infinity * 1px)}.font-selection-modal{display:flex;align-items:center;justify-content:center}.font-selection-modal .modal-content{position:relative;max-width:800px;width:95%;max-height:90vh;margin:auto;background:var(--bg-secondary);border-radius:12px;overflow:hidden;display:flex;flex-direction:column}@media (max-width: 767px){.font-selection-modal .modal-content{width:calc(100% - 1rem);max-height:85vh}}.font-selection-modal .modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid var(--black-line);position:sticky;top:0;background:var(--bg-secondary);z-index:10}@media (max-width: 767px){.font-selection-modal .modal-header{padding:1rem 1.25rem}}.font-selection-modal .modal-title{color:var(--txt-color);font-size:1.1rem;font-weight:600;margin:0}@media (max-width: 767px){.font-selection-modal .modal-title{font-size:1rem}}.font-selection-modal .close-button{background:transparent;border:none;color:var(--text-secondary);font-size:1.5rem;cursor:pointer;line-height:1;padding:.25rem;transition:color .2s}.font-selection-modal .close-button:hover{color:var(--txt-color)}.font-selection-modal .category-tabs{display:flex;gap:.5rem;padding:1rem 1.5rem 0;border-bottom:1px solid var(--black-line);overflow-x:auto;-webkit-overflow-scrolling:touch}.font-selection-modal .category-tabs::-webkit-scrollbar{display:none}@media (max-width: 767px){.font-selection-modal .category-tabs{padding:.75rem 1rem 0;gap:.25rem}}.font-selection-modal .category-tab{padding:.75rem 1.25rem;background:transparent;border:none;border-bottom:2px solid transparent;color:var(--text-secondary);font-size:.9rem;font-weight:500;cursor:pointer;white-space:nowrap;transition:all .2s;margin-bottom:-1px}.font-selection-modal .category-tab:hover{color:var(--txt-color)}.font-selection-modal .category-tab.active{color:var(--yellow-normal);border-bottom-color:var(--yellow-normal)}@media (max-width: 767px){.font-selection-modal .category-tab{padding:.6rem .9rem;font-size:.8rem}}.font-selection-modal .category-description{padding:1rem 1.5rem;margin:0;font-size:.85rem;color:var(--text-secondary);border-bottom:1px solid var(--black-line)}@media (max-width: 767px){.font-selection-modal .category-description{padding:.75rem 1rem;font-size:.8rem}}.font-selection-modal .modal-body-content{padding:1.5rem;overflow-y:auto;flex:1}@media (max-width: 767px){.font-selection-modal .modal-body-content{padding:1rem}}.font-selection-modal .font-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1rem}@media (max-width: 767px){.font-selection-modal .font-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}}.font-selection-modal .font-option{display:flex;flex-direction:column;align-items:center;padding:1.25rem 1rem;background:var(--bg-primary);border:2px solid var(--black-line);border-radius:12px;cursor:pointer;transition:all .2s;position:relative}.font-selection-modal .font-option:hover{border-color:var(--yellow-light);background:var(--black-weak)}.font-selection-modal .font-option.selected{border-color:var(--yellow-normal);background:#fff73e0d}@media (max-width: 767px){.font-selection-modal .font-option{padding:1rem .75rem}}.font-selection-modal .font-preview{font-size:1.75rem;color:var(--txt-color);margin-bottom:.75rem;transition:opacity .3s;height:2.5rem;display:flex;align-items:center;justify-content:center}@media (max-width: 767px){.font-selection-modal .font-preview{font-size:1.4rem;height:2rem;margin-bottom:.5rem}}.font-selection-modal .font-label{font-size:.8rem;color:var(--text-secondary);text-align:center;line-height:1.3}@media (max-width: 767px){.font-selection-modal .font-label{font-size:.7rem}}.font-selection-modal .selected-badge{position:absolute;top:.5rem;right:.5rem;font-size:.65rem;padding:.2rem .5rem;background:var(--yellow-normal);color:var(--bg-primary);border-radius:4px;font-weight:600}@media (max-width: 767px){.font-selection-modal .selected-badge{font-size:.6rem;padding:.15rem .4rem}}