:root{--bg:#eef4f8;--bg-strong:#dbe8f1;--panel:hsla(0,0%,100%,.82);--panel-strong:rgba(246,250,253,.96);--text:#123047;--text-soft:#587086;--line:rgba(18,48,71,.14);--line-strong:rgba(18,48,71,.22);--accent:#1f6ca8;--accent-strong:#124c79;--accent-soft:#e6f1f9;--chip:#d8e7f3;--chip-soft:#eef5fb;--shadow:0 22px 48px rgba(18,48,71,.1);--radius:22px;--radius-sm:14px;--font-body:"Noto Sans JP","Hiragino Sans","Yu Gothic",sans-serif;--font-display:"Noto Serif JP","Yu Mincho","Hiragino Mincho ProN",serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--text);font-family:var(--font-body);line-height:1.7;background:radial-gradient(circle at top left,hsla(0,0%,100%,.98),hsla(0,0%,100%,.75) 28%,transparent 62%),radial-gradient(circle at top right,rgba(31,108,168,.16),transparent 34%),linear-gradient(180deg,var(--bg) 0,#f7fbfd 50%,#f2f7fa 100%);min-height:100vh}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.site-shell{min-height:100vh;display:flex;flex-direction:column}.site-main{width:min(1180px,calc(100% - 2rem));margin:0 auto;flex:1;padding:1.25rem 0 4rem}.site-header{position:sticky;top:0;z-index:50;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#f1f6fabd;border-bottom:1px solid rgba(18,48,71,.08)}.site-header__inner{width:min(1180px,calc(100% - 2rem));margin:0 auto;padding:.9rem 0;display:flex;align-items:center;justify-content:space-between;gap:1rem}.mobile-menu-toggle{display:none;background:transparent;border:none;color:var(--text-soft);padding:.45rem;cursor:pointer;border-radius:50%;transition:color .15s ease,background-color .15s ease}.mobile-menu-toggle:hover{color:var(--accent-strong);background-color:var(--chip-soft)}.mobile-menu-toggle:focus-visible{outline:2px solid rgba(31,108,168,.45);outline-offset:2px}.site-header__top{display:flex;align-items:center;justify-content:space-between;width:auto;gap:1rem}.brand{display:inline-flex;align-items:center;gap:.9rem;min-width:0}.brand__mark{width:2.75rem;height:2.75rem;border-radius:.95rem;background:linear-gradient(135deg,var(--accent) 0,#6baede 100%);color:#fff;display:grid;place-items:center;font-weight:700;box-shadow:0 12px 24px #1f6ca840}.brand__text{display:grid;gap:.15rem;min-width:0}.brand__text strong{font-size:1rem;letter-spacing:.04em}.brand__text small{color:var(--text-soft);font-size:.78rem}.site-nav{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.85rem;color:var(--text-soft);font-size:.95rem}.site-header__actions{display:flex;align-items:center;gap:1.2rem}.theme-toggle{background:transparent;border:none;color:var(--text-soft);padding:.45rem;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;transition:color .15s ease,background-color .15s ease,transform .15s ease}.theme-toggle:hover{color:var(--accent-strong);background-color:var(--chip-soft);transform:scale(1.05)}.theme-toggle:active{transform:scale(.95)}.theme-toggle:focus-visible{outline:2px solid rgba(31,108,168,.45);outline-offset:2px}.site-footer nav a,.site-nav a{padding:.35rem 0;border-bottom:1px solid transparent}.site-footer nav a:hover,.site-nav a:hover{color:var(--accent-strong);border-bottom-color:currentColor}.eyebrow{margin:0 0 .4rem;letter-spacing:.24em;text-transform:uppercase;font-size:.72rem;color:var(--accent-strong);font-weight:700}.page-shell{display:grid;gap:1.5rem}.page-shell--narrow{width:min(880px,100%)}.content-card,.detail-panel,.group-panel,.hero-card,.page-card,.page-panel,.search-panel,.section-card,.tip-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.hero-card{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(280px,.7fr);gap:1.5rem;overflow:hidden;padding:1.5rem;align-items:center}.hero-copy{display:grid;gap:1rem}.detail-title,.hero-copy h1,.page-header h1,.section-title{margin:0;font-family:var(--font-display);line-height:1.15;letter-spacing:.03em}.hero-copy h1{font-size:clamp(2.35rem,4vw,4.5rem)}.hero-copy p,.page-header p,.page-lead,.section-lead{margin:0;color:var(--text-soft);font-size:1.02rem}.button-row,.detail-actions,.hero-actions{display:flex;flex-wrap:wrap;gap:.8rem}.button{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;min-height:2.7rem;padding:.6rem 1rem;border-radius:999px;border:1px solid transparent;font-weight:700}.button--primary{color:#fff;background:linear-gradient(135deg,var(--accent) 0,#2e82c0 100%);box-shadow:0 12px 24px #1f6ca838}.button--secondary{background:#ffffffb8;border-color:var(--line-strong);color:var(--accent-strong)}.hero-search{display:grid;gap:.7rem;padding:1rem;border-radius:var(--radius-sm);background:#ffffffb3;border:1px solid var(--line)}.hero-search__row{display:flex;align-items:flex-end;gap:.7rem}.hero-search__field{flex:1;min-width:0}.hero-search__field input{min-width:0}.hero-search__button{flex:0 0 auto;min-width:8.5rem}.hero-search__hint{margin:0;color:var(--text-soft);font-size:.9rem}.hero-cover{position:relative;padding:1rem;background:linear-gradient(135deg,#ffffffbd,#d7e8f5e0);border-radius:calc(var(--radius) - 6px);min-height:100%}.hero-cover img{width:100%;height:auto;filter:drop-shadow(0 22px 32px rgba(18,48,71,.18))}.browse-grid,.card-grid,.content-grid,.group-links,.hero-stats,.index-grid,.list-grid,.related-grid,.search-results__grid,.tag-grid{display:grid;gap:1rem}.hero-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.stat-card{padding:1rem;background:#ffffffb8;border-radius:var(--radius-sm);border:1px solid var(--line)}.stat-card strong{display:block;font-size:1.45rem;line-height:1.2}.stat-card span{color:var(--text-soft);font-size:.88rem}.page-header{display:grid;gap:.55rem}.page-header--split{grid-template-columns:minmax(0,1fr) auto;align-items:end}.page-header--split .page-lead{max-width:68ch}.page-header__actions{display:flex;align-items:center;gap:.8rem}.page-panel,.page-section{display:grid;gap:1.25rem}.page-section{padding-top:2rem}.section-title{font-size:clamp(1.6rem,2.4vw,2.35rem)}.section-lead{max-width:70ch}.browse-grid,.card-grid,.content-grid,.list-grid,.related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.content-card{position:relative;display:grid;gap:.65rem;padding:1.15rem;border-radius:var(--radius);transition:transform .16s ease,border-color .16s ease,background .16s ease}.content-card:hover{transform:translateY(-2px);border-color:#1f6ca859;background:var(--panel-strong)}.content-card__kind{color:var(--accent-strong);letter-spacing:.2em;text-transform:uppercase;font-size:.7rem;font-weight:700}.content-card__title{font-size:1.25rem;font-weight:700;line-height:1.35}.content-card__translation{color:var(--accent-strong);font-weight:700}.content-card__meta,.content-card__snippet{color:var(--text-soft);font-size:.95rem}.chip-list,.content-card__chips{display:flex;flex-wrap:wrap;gap:.45rem}.badge,.chip{display:inline-flex;align-items:center;min-height:2rem;padding:.28rem .7rem;border-radius:999px;background:var(--chip);border:1px solid rgba(31,108,168,.16);color:var(--accent-strong);font-size:.85rem;font-weight:700}.badge--soft,.chip--soft{background:var(--chip-soft)}.badge--ghost{background:#ffffffbf}.detail-panel,.group-panel,.page-panel,.search-panel,.tip-card{padding:1.2rem}.content-meta,.detail-columns,.detail-matrix,.group-meta,.search-panel__body{display:grid;gap:1rem}.search-field{display:grid;gap:.5rem}.field-label,.search-field__label{font-size:.85rem;color:var(--text-soft);font-weight:700;letter-spacing:.04em}.page-input,.page-select,.search-field input,.search-field select,.search-field textarea{width:100%;min-height:3rem;border-radius:14px;border:1px solid rgba(18,48,71,.18);background:#fffffff0;color:var(--text);padding:.75rem .95rem;font:inherit;box-shadow:inset 0 1px #fff6}.page-input:focus,.page-select:focus,.search-field input:focus,.search-field select:focus,.search-field textarea:focus{outline:2px solid rgba(31,108,168,.2);border-color:#1f6ca873}.helper-text,.muted-text,.search-summary{color:var(--text-soft);font-size:.94rem}.empty-state,.search-results__empty{padding:1.4rem;border-radius:var(--radius-sm);background:#ffffffbd;border:1px dashed rgba(18,48,71,.18)}.page-body,.rich-text{display:grid;gap:1rem}.rich-text{color:var(--text)}.rich-text>:first-child{margin-top:0}.rich-text>:last-child{margin-bottom:0}.rich-text h2,.rich-text h3,.rich-text h4{margin:1.2rem 0 .5rem;font-family:var(--font-display)}.rich-text ol,.rich-text p,.rich-text ul{margin:0}.rich-text ol,.rich-text ul{padding-left:1.4rem}.detail-header{display:grid;gap:.65rem;padding:1.2rem;background:linear-gradient(135deg,#ffffffe0,#e6f1f9e0);border-radius:var(--radius);border:1px solid var(--line)}.detail-title{font-size:clamp(2.1rem,4vw,3.5rem)}.detail-title-row{display:flex;align-items:center;gap:.85rem;flex-wrap:wrap}.speech-button{background:var(--chip-soft);border:1px solid rgba(31,108,168,.16);color:var(--accent);width:2.75rem;height:2.75rem;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;padding:0;transition:background-color .15s ease,transform .15s ease,border-color .15s ease,color .15s ease}.speech-button:hover{background:var(--chip);border-color:#1f6ca859;transform:scale(1.05);color:var(--accent-strong)}.speech-button:active{transform:scale(.95)}.speech-button:focus-visible{outline:2px solid rgba(31,108,168,.45);outline-offset:2px}.bookmark-button{background:var(--chip-soft);border:1px solid rgba(31,108,168,.16);color:var(--accent);width:2.75rem;height:2.75rem;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;padding:0;transition:background-color .15s ease,transform .15s ease,border-color .15s ease,color .15s ease}.bookmark-button:hover{border-color:#1f6ca859;transform:scale(1.05)}.bookmark-button--active,.bookmark-button:hover{background:var(--chip);color:var(--accent-strong)}.bookmark-button--active{border-color:var(--accent)}.bookmark-button:active{transform:scale(.95)}.bookmark-button:focus-visible{outline:2px solid rgba(31,108,168,.45);outline-offset:2px}.bookmark-card-wrapper{position:relative}.bookmark-card-wrapper .content-card{height:100%;padding-right:3rem}.bookmark-remove-btn{position:absolute;top:1.15rem;right:1.15rem;z-index:10;background:var(--chip-soft);border:1px solid rgba(18,48,71,.08);color:var(--text-soft);width:2rem;height:2rem;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;padding:0;transition:background-color .15s ease,color .15s ease,transform .15s ease}.bookmark-remove-btn:hover{background:var(--chip);color:#d93838;transform:scale(1.05)}.bookmark-remove-btn:active{transform:scale(.95)}.bookmark-remove-btn:focus-visible{outline:2px solid rgba(31,108,168,.45);outline-offset:2px}.detail-translation{font-size:1.2rem;color:var(--accent-strong);font-weight:700}.detail-meta,.page-meta{display:flex;flex-wrap:wrap;gap:.5rem}.detail-columns{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-item,.detail-section{padding:1.1rem;background:#fffc;border-radius:var(--radius-sm);border:1px solid var(--line)}.detail-item h2,.detail-section h2,.detail-section h3{margin:0 0 .65rem;font-family:var(--font-display)}.example-list{display:grid;gap:.85rem}.example-item{padding:.9rem 1rem;border-radius:var(--radius-sm);background:#1230470a;border:1px solid rgba(18,48,71,.08)}.example-item p{margin:0}.example-item__ja{color:var(--text-soft);margin-top:.45rem!important}.pager{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:.5rem}.pager__link,.pager__status{display:inline-flex;align-items:center;min-height:2.5rem;padding:.5rem .9rem;border-radius:999px;background:#ffffffbd;border:1px solid var(--line);color:var(--accent-strong);font-weight:700}.browse-group,.category-group,.collection-group{display:grid;gap:.85rem}.browse-group__header,.category-group__header,.collection-group__header{display:flex;align-items:end;justify-content:space-between;gap:1rem}.browse-group__header h2,.browse-group__header h3,.collection-group__header h2,.collection-group__header h3{margin:0;font-family:var(--font-display)}.group-links{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.group-link{padding:.95rem 1rem;border-radius:var(--radius-sm);background:#ffffffc2;border:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:.75rem}.group-link strong{font-size:1.05rem}.site-footer{width:min(1180px,calc(100% - 2rem));margin:0 auto;padding:0 0 2rem;color:var(--text-soft)}.site-footer__inner{display:grid;grid-template-columns:minmax(0,1.2fr) auto;gap:2rem;padding:1.4rem 0 1rem;border-top:1px solid var(--line)}.site-footer h2{margin:0 0 .4rem;color:var(--text);font-size:1.25rem;font-family:var(--font-display)}.site-footer nav{display:grid;justify-items:end;gap:.45rem}.site-footer__copyright{margin:0;padding-top:.75rem;font-size:.9rem;text-align:center}.error-page{margin:2rem auto 0;padding:1.4rem;background:var(--panel);border-radius:var(--radius);border:1px solid var(--line);box-shadow:var(--shadow)}.skip-link{position:absolute;left:-999px;top:0}.skip-link:focus{left:1rem;top:1rem;z-index:100;background:#fff;padding:.5rem .8rem;border-radius:999px}@media(max-width:980px){.browse-grid,.card-grid,.content-grid,.detail-columns,.hero-card,.list-grid,.related-grid,.site-footer__inner{grid-template-columns:1fr}.site-header__inner{flex-direction:column;align-items:stretch}.site-header__top{width:100%}.mobile-menu-toggle{display:inline-flex;align-items:center;justify-content:center}.site-header__actions{flex-wrap:wrap;align-items:center;justify-content:space-between;width:100%;gap:1rem}.header-search{flex:1;order:2;min-width:0}.theme-toggle{order:3;flex-shrink:0;margin-top:.5rem}.site-nav{display:none;flex-direction:column;align-items:flex-start;width:100%;order:1;margin-bottom:.5rem}.site-nav.is-open{display:flex}.hero-stats,.page-header--split{grid-template-columns:1fr}.site-footer nav{justify-items:start}}@media(max-width:720px){.site-main{padding-top:1rem}.site-footer,.site-header__inner,.site-main{width:min(100%,calc(100% - 1rem))}.detail-header,.detail-panel,.group-panel,.hero-card,.page-panel,.search-panel,.tip-card{padding:1rem}.hero-search__row{flex-direction:column;align-items:stretch}.hero-search__button{min-width:0}}html.dark{--bg:#0b1622;--bg-strong:#102133;--panel:rgba(20,38,58,.72);--panel-strong:rgba(26,49,74,.9);--text:#eef5fb;--text-soft:#a0b6cc;--line:hsla(0,0%,100%,.1);--line-strong:hsla(0,0%,100%,.18);--accent:#4fa3e3;--accent-strong:#85c5f8;--accent-soft:rgba(31,108,168,.2);--chip:rgba(31,108,168,.28);--chip-soft:rgba(31,108,168,.14);--shadow:0 22px 48px rgba(0,0,0,.4)}html.dark body{background:radial-gradient(circle at top left,rgba(20,38,58,.98),rgba(20,38,58,.75) 28%,transparent 62%),radial-gradient(circle at top right,rgba(79,163,227,.12),transparent 34%),linear-gradient(180deg,var(--bg) 0,#0d1e30 50%,#0a1726 100%)}html.dark .site-header{background:#0b1622bd;border-bottom-color:#ffffff14}html.dark .hero-cover{background:linear-gradient(135deg,#14263abd,#102133e0)}html.dark .hero-search{background:#14263a80}html.dark .detail-header{background:linear-gradient(135deg,#14263ae0,#102133e0)}html.dark .page-input,html.dark .page-select,html.dark .search-field input,html.dark .search-field select,html.dark .search-field textarea{border-color:#ffffff26;background:#102133f0;box-shadow:inset 0 1px #ffffff0d}html.dark .button--secondary{color:var(--accent)}html.dark .button--secondary,html.dark .stat-card{background:#14263ab8}html.dark .example-item{background:#ffffff0a;border-color:#ffffff14}html.dark .empty-state,html.dark .search-results__empty{background:#14263a99;border-color:#ffffff26}.badge,.bookmark-button,.bookmark-remove-btn,.button--secondary,.chip,.content-card,.detail-header,.detail-panel,.example-item,.group-panel,.hero-card,.hero-cover,.hero-search,.page-card,.page-input,.page-panel,.page-select,.search-field input,.search-field select,.search-field textarea,.search-panel,.section-card,.site-header,.stat-card,.tip-card,body{transition:background .3s ease,background-color .3s ease,color .3s ease,border-color .3s ease,box-shadow .3s ease,transform .16s ease}