@charset "UTF-8";:root{--width:720px;--font-main:Verdana, sans-serif;--font-secondary:Verdana, sans-serif;--font-scale:1em;--background-color:#fff;--heading-color:#222;--text-color:#444;--link-color:#3273dc;--visited-color:#8b6fcb;--code-background-color:#f2f2f2;--code-color:#222;--blockquote-color:#222}@media(prefers-color-scheme:dark){:root{--background-color:#1a1a1a;--heading-color:#e0e0e0;--text-color:#b0b0b0;--link-color:#5c9eff;--visited-color:#a88ddf;--code-background-color:#2a2a2a;--code-color:#d0d0d0;--blockquote-color:#b0b0b0}}body{font-family:var(--font-secondary);font-size:var(--font-scale);margin:auto;padding:20px;max-width:var(--width);text-align:left;background-color:var(--background-color);word-wrap:break-word;overflow-wrap:break-word;line-height:1.5;color:var(--text-color)}h1,h2,h3,h4,h5,h6{font-family:var(--font-main);color:var(--heading-color)}a{color:var(--link-color);cursor:pointer;text-decoration:none}a:hover{text-decoration:underline}nav a{margin-right:8px}strong,b{color:var(--heading-color)}button{margin:0;cursor:pointer}time{font-family:monospace;font-style:normal;font-size:15px}main{line-height:1.6}table{width:100%}hr{border:0;border-top:1px dashed}img{max-width:100%}.title:hover{text-decoration:none}.title h1{font-size:1.5em}.inline{width:auto!important}ul.blog-posts{list-style-type:none;padding:unset}ul.blog-posts li{display:flex}ul.blog-posts li span{flex:0 0 130px}ul.blog-posts li a:visited{color:var(--visited-color)}:root{--link-color-rgb:50, 115, 220;--card-border-color:rgba(0, 0, 0, 0.1);--card-box-shadow:0 1px 3px rgba(0, 0, 0, 0.05);--card-hover-box-shadow:0 4px 8px rgba(0, 0, 0, 0.1);--task-complete:#2E7D32;--task-pending:#D84315;--task-complete-bg:#E8F5E9;--task-pending-bg:#FFF3E0;--task-complete-opacity:0.8;--tag-bg-color:#f3f4f6;--tag-count-color:#6b7280;--tag-back-link-color:#6b7280;--tag-post-time-color:#6b7280;--tag-no-post-color:#6b7280;--related-posts-border-color:rgba(0, 0, 0, 0.1);--related-posts-manual-link-color:#ff6b6b;--related-posts-auto-link-color:var(--text-color);--related-posts-empty-hint-color:var(--text-color);--related-posts-empty-hint-opacity:0.6;--toc-border-color:rgba(0, 0, 0, 0.1);--toc-width:220px;--toc-collapsed-width:40px;--toc-max-height:80vh;--toc-spacing:12px;--japanese-primary-color:#ff6b6b;--japanese-base-color:#FF8888;--japanese-grammar-color:#48dbfb;--japanese-vocabulary-color:#1dd1a1;--japanese-reading-color:#feca57;--japanese-difficulty-beginner:#1dd1a1;--japanese-difficulty-intermediate:#feca57;--japanese-difficulty-advanced:#ff6b6b;--jp-dialog-primary:#4361ee;--jp-dialog-secondary:#3a0ca3;--jp-dialog-text-primary:var(--heading-color);--jp-dialog-text-secondary:var(--text-color);--jp-dialog-bg:var(--background-color);--jp-dialog-border:rgba(0, 0, 0, 0.1);--jp-dialog-left-bubble:#f8f9fa;--jp-dialog-right-bubble:#e9ecef;--jp-dialog-speaker-color:var(--jp-dialog-primary);--jp-dialog-right-speaker-color:var(--jp-dialog-secondary)}.card,.article-card,.article-card--japanese,.subcategory-card,.subcategory-card--japanese{background:var(--background-color);border:1px solid var(--card-border-color);border-radius:8px;padding:1.5rem;transition:all .2s ease;margin-bottom:1.5rem}.card:hover,.article-card:hover,.article-card--japanese:hover,.subcategory-card:hover,.subcategory-card--japanese:hover{border-color:var(--link-color)}.subcategory-card,.subcategory-card--japanese{box-shadow:var(--card-box-shadow)}.subcategory-card:hover,.subcategory-card--japanese:hover{box-shadow:var(--card-hover-box-shadow);transform:translateY(-2px)}.toc-sidebar{position:fixed;right:var(--toc-spacing);top:50%;transform:translateY(-50%);width:var(--toc-width);max-height:var(--toc-max-height);overflow-y:auto;background:var(--background-color);border:1px solid var(--toc-border-color);border-radius:5px;padding:var(--toc-spacing);box-shadow:0 2px 10px rgba(0,0,0,.1);z-index:999;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.toc-sidebar.toc-visible{opacity:1;visibility:visible}.toc-sidebar.toc-initially-hidden{opacity:0;visibility:hidden;display:block}.toc-sidebar.toc-hidden{display:none!important}.toc-sidebar.toc-collapsed{width:var(--toc-collapsed-width)!important;overflow:hidden;opacity:.8}.toc-sidebar.toc-collapsed .toc-content,.toc-sidebar.toc-collapsed .toc-header span{display:none;opacity:0;transition:opacity .2s ease-in-out}.toc-sidebar.toc-collapsed .toc-toggle{margin:0 auto;transform:rotate(0);transition:transform .3s ease-in-out}.toc-sidebar:not(.toc-collapsed) .toc-toggle{transform:rotate(90deg)}.toc-sidebar .toc-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;padding-bottom:.5rem;border-bottom:1px solid var(--toc-border-color)}.toc-sidebar .toc-header .toc-toggle{background:0 0;border:none;cursor:pointer;font-size:1.2rem;color:var(--text-color)}.toc-sidebar .toc-content{max-height:calc(var(--toc-max-height) - 60px);overflow-y:auto}.toc-sidebar .toc-content ul{list-style:none;padding-left:var(--toc-spacing);margin:0}.toc-sidebar .toc-content li{margin:.3rem 0;line-height:1.4}.toc-sidebar .toc-content a{color:var(--text-color);text-decoration:none;display:block;padding:.2rem 0;transition:color .2s}.toc-sidebar .toc-content a:hover{color:var(--link-color)}.toc-sidebar .toc-content a.active{color:var(--link-color);font-weight:700;position:relative}.toc-sidebar .toc-content a.active::before{content:'';position:absolute;left:-10px;top:0;height:100%;width:3px;background-color:var(--link-color);border-radius:3px}.toc-sidebar.toc-collapsed{width:var(--toc-collapsed-width)!important;overflow:hidden}.toc-sidebar.toc-collapsed .toc-content,.toc-sidebar.toc-collapsed .toc-header span{display:none}.toc-sidebar.toc-collapsed .toc-toggle{margin:0 auto}.enhanced-tasks{margin:2.5rem 0;font-family:var(--font-secondary)}.enhanced-tasks h2{color:var(--heading-color);border-bottom:2px solid var(--text-color);padding-bottom:.6rem;margin:2.5rem 0 1.5rem;font-size:1.4em;font-weight:600}.enhanced-tasks ul{list-style:none;padding-left:0;margin:1.5rem 0}.enhanced-tasks li{position:relative;padding:.6rem 1rem .6rem 3rem;margin-bottom:.8rem;line-height:1.6;border-radius:8px;transition:all .2s ease}.enhanced-tasks li:has(input[type=checkbox]:not(:checked)){background-color:var(--task-pending-bg);border-left:4px solid var(--task-pending)}.enhanced-tasks li:has(input[type=checkbox]:not(:checked))::before{content:"◯";position:absolute;left:1rem;top:.7rem;color:var(--task-pending);font-size:1.1em;font-weight:700}.enhanced-tasks li:has(input[type=checkbox]:checked){background-color:var(--task-complete-bg);border-left:4px solid var(--task-complete)}.enhanced-tasks li:has(input[type=checkbox]:checked)::before{content:"✓";position:absolute;left:1rem;top:.7rem;color:var(--task-complete);font-size:1.1em;font-weight:700}.enhanced-tasks li:has(input[type=checkbox]:checked)>p,.enhanced-tasks li:has(input[type=checkbox]:checked)>:not(p){color:var(--task-complete);text-decoration:line-through;opacity:var(--task-complete-opacity)}.enhanced-tasks li input[type=checkbox]{position:absolute;opacity:0}.enhanced-tasks li p{margin:0}.back-to-top{position:fixed;bottom:2rem;width:auto;background:0 0;border:none;padding:0;margin:0;cursor:pointer;opacity:0;transition:opacity .2s ease;z-index:1000;color:var(--link-color);font:inherit}.back-to-top::before{content:"↑";font-size:1.4rem;line-height:1;display:block}.back-to-top.visible{opacity:.5}.back-to-top:hover{opacity:1}blockquote{border-left:3px solid var(--link-color);background-color:var(--code-background-color);padding:1.2rem 1.5rem;margin:1.5rem 0;border-radius:0 4px 4px 0;font-style:normal;position:relative;overflow:hidden;color:var(--blockquote-color);line-height:1.6}blockquote::before{content:'"';font-family:Georgia,serif;font-size:3.5rem;color:var(--link-color);position:absolute;left:5px;top:-15px;line-height:1;opacity:.15}blockquote p{margin:0;padding:0;position:relative}blockquote.warning{border-left-color:#d69e2e;background-color:rgba(214,158,46,8%)}blockquote.success{border-left-color:#38a169;background-color:rgba(56,161,105,8%)}blockquote.error{border-left-color:#e53e3e;background-color:rgba(229,62,62,8%)}.ai-notice{display:flex;align-items:center;margin:1.5rem 0;padding:.8rem 1rem;background-color:rgba(var(--link-color-rgb),.1);border-left:3px solid var(--link-color);border-radius:3px;font-size:.9em;color:var(--text-color)}.ai-notice-icon{margin-right:.8rem;display:flex;align-items:center}.ai-notice-icon svg{color:var(--link-color)}.ai-notice-content{flex:1}.pagination{--pagination-size:2rem;--pagination-color:var(--link-color);--pagination-hover:rgba(var(--link-color-rgb), 0.08);display:flex;justify-content:center;align-items:center;gap:.5rem;margin:2.5rem 0}.pagination-prev,.pagination-next{display:flex;align-items:center;justify-content:center;width:var(--pagination-size);height:var(--pagination-size);color:var(--pagination-color);border-radius:50%;transition:all .2s ease}.pagination-prev svg,.pagination-next svg{width:1em;height:1em;stroke-width:2.2px}.pagination-prev:hover,.pagination-next:hover{background:var(--pagination-hover);transform:scale(1.1)}.pagination-prev.disabled,.pagination-next.disabled{opacity:.3;cursor:not-allowed}.pagination-prev.disabled:hover,.pagination-next.disabled:hover{transform:none;background:0 0}.pagination-pages{display:flex;gap:.35rem;font-size:.9em}.pagination-pages a,.pagination-pages span{min-width:var(--pagination-size);padding:0 .5rem;text-align:center;line-height:var(--pagination-size)}.pagination-page{color:var(--text-color);text-decoration:none;border-radius:4px;transition:all .2s ease}.pagination-page:hover{color:var(--pagination-color);background:var(--pagination-hover)}.pagination-page.active{color:var(--pagination-color);font-weight:500;pointer-events:none}.pagination-ellipsis{color:var(--tag-post-time-color)}@media(max-width:480px){.pagination{--pagination-size:1.8rem;gap:.3rem}.pagination-pages{font-size:.85em;gap:.15rem}.pagination-pages a,.pagination-pages span{min-width:1.6rem;padding:0 .3rem}}.related-posts{margin-top:1.5rem;padding-top:.5rem;border-top:1px dashed var(--related-posts-border-color);font-size:.95em;max-width:100%;overflow:hidden}.related-posts h2{margin-bottom:.5rem;font-size:1.1em;font-weight:400;letter-spacing:.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.related-posts .manual-links,.related-posts .auto-links{display:grid;gap:.5rem;margin-bottom:.8rem;grid-template-columns:minmax(0,1fr)}.related-posts a{display:flex;align-items:center;gap:.5rem;padding:.3rem .5rem;text-decoration:none!important;transition:all .2s ease;border-radius:3px;max-width:100%;box-sizing:border-box}.related-posts a:hover{opacity:.8}.related-posts a .icon{flex-shrink:0;font-size:.9em}.related-posts a .title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.related-posts .manual-link{color:var(--related-posts-manual-link-color)}.related-posts .auto-link{color:var(--related-posts-auto-link-color);opacity:.9}.related-posts .empty-hint{color:var(--related-posts-empty-hint-color);opacity:var(--related-posts-empty-hint-opacity);font-size:.85em;padding:.5rem 0;margin-top:.3rem;border-top:1px dashed var(--related-posts-border-color);display:flex;align-items:center;gap:.3rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.related-posts .empty-hint::before{content:"ℹ️";font-size:1.1em;flex-shrink:0}@media(max-width:calc(var(--width) * 0.85)){.related-posts{font-size:.9em}.related-posts h2{font-size:1.05em}.related-posts a{padding:.3rem}.related-posts a .icon{font-size:.8em}.related-posts a .title{font-size:.95em}.related-posts .empty-hint{font-size:.8em}}@media(max-width:480px){.related-posts a{gap:.3rem}.related-posts a .icon{display:none}}.furigana-container{display:inline-flex;flex-wrap:wrap;gap:.3em;line-height:1.6}.furigana-container ruby{margin:0 .1em;ruby-align:center}.furigana-container ruby rt{font-size:.6em;opacity:.8;text-align:center;padding:0 .1em}.code-preview{}.code-preview .demo-wrapper{position:relative;width:100%;margin:1.5rem 0;border-radius:8px;overflow:hidden;box-shadow:0 2px 10px rgba(0,0,0,.1)}.code-preview .demo-iframe{width:100%;height:100%;border:none;display:block;overflow:hidden!important;scrollbar-width:none!important;-ms-overflow-style:none!important}.code-preview .demo-iframe::-webkit-scrollbar{display:none!important}.code-preview .demo-hint-base,.code-preview .demo-disabled-hint,.code-preview .demo-mobile-hint{padding:1rem;text-align:center}.code-preview .demo-hint-base p,.code-preview .demo-disabled-hint p,.code-preview .demo-mobile-hint p{margin:0;color:var(--text-color);opacity:.8}.code-preview .demo-mobile-hint{display:none}@media(max-width:768px){.code-preview .demo-iframe{display:none}.code-preview .demo-mobile-hint{display:block}}@media(prefers-color-scheme:dark){.code-preview .demo-wrapper{box-shadow:0 2px 10px rgba(0,0,0,.3)}}.subcategory-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;margin-top:1.5rem}@media(max-width:calc(var(--width) * 0.85)){.subcategory-grid{grid-template-columns:1fr}}.tags-page .tag-cloud{display:flex;flex-wrap:wrap;gap:.8rem;margin:2rem 0}.tags-page .tag-cloud .tag{display:inline-block;padding:.5rem 1rem;background:var(--tag-bg-color);border-radius:50px;color:var(--link-color);text-decoration:none;transition:all .2s ease;font-size:.9rem}.tags-page .tag-cloud .tag:hover{background:var(--link-color);color:#fff}.tags-page .tag-cloud .tag:hover .count{color:rgba(255,255,255,.8)}.tags-page .tag-cloud .tag .count{color:var(--tag-count-color);font-size:.8rem;transition:color .2s}.tag-posts .back-link{display:inline-block;margin-bottom:2rem;color:var(--tag-back-link-color)}.tag-posts .posts-list{list-style:none;padding:0}.tag-posts .posts-list .post-item{display:flex;align-items:baseline;margin-bottom:1rem}.tag-posts .posts-list .post-item time{color:var(--tag-post-time-color);min-width:100px;font-family:monospace}.tag-posts .posts-list .no-posts{color:var(--tag-no-post-color);font-style:italic}.site-footer{margin-top:3rem;padding-top:2rem;border-top:1px solid rgba(0,0,0,.1);font-size:.9em;text-align:center;color:var(--text-color)}.site-footer .copyright{margin-bottom:.8rem;font-family:var(--font-main)}.site-footer .footer-meta{display:flex;flex-wrap:wrap;justify-content:center;gap:1.2rem;opacity:.9}.site-footer .footer-meta section{display:inline-flex;align-items:center;gap:.3rem}.site-footer .footer-meta section a{color:inherit;text-decoration:none}.site-footer .footer-meta section a:hover{text-decoration:underline;color:var(--link-color)}.site-footer .footer-meta .page-size{font-family:var(--font-secondary)}@media(max-width:calc(var(--width) * 0.85)){.site-footer .footer-meta{flex-direction:column;gap:.6rem;align-items:center}.site-footer .footer-meta section{justify-content:center}}.post-meta{margin:1.8rem 0;color:var(--text-color);font-size:.92em}.post-meta .meta-container{display:flex;flex-wrap:wrap;gap:1.2rem;align-items:center}.post-meta .meta-container .meta-item{display:flex;align-items:baseline;gap:.4rem;line-height:1.4}.post-meta .meta-container .meta-item .meta-label{color:var(--heading-color);font-weight:500;font-family:var(--font-main)}.post-meta .meta-container .meta-item .meta-label::after{content:"："}.post-meta .meta-container .meta-item time,.post-meta .meta-container .meta-item .read-count-text{color:var(--text-color);font-family:var(--font-secondary);letter-spacing:.02em}.post-meta .meta-container .meta-item.update-date .meta-label{color:var(--visited-color)}.post-meta .meta-container.read-count .read-count-text{font-family:monospace;font-weight:700;color:var(--link-color)}@media(max-width:calc(var(--width) * 0.85)){.post-meta{margin:1.2rem 0}.post-meta .meta-container{flex-direction:column;align-items:flex-start;gap:.5rem}}.post-tags{margin:1.5rem 0 2rem!important;line-height:1.6;display:flex;flex-wrap:wrap;gap:.6rem}.post-tags .tag{display:inline-flex;align-items:center;margin:0!important;padding:.4rem .8rem;background-color:var(--code-background-color);color:var(--link-color);border-radius:4px;text-decoration:none;font-size:.88em;transition:all .2s ease}.post-tags .tag:hover{text-decoration:none;background-color:var(--link-color);color:#fff}@media(max-width:calc(var(--width) * 0.85)){.post-tags{margin:1rem 0 1.5rem!important;gap:.5rem}.post-tags .tag{padding:.35rem .7rem}}@media(max-width:768px){#back-to-top,#toc-sidebar{display:none!important}}.article-meta{color:var(--text-color);opacity:.8;font-size:.9rem;margin:.5rem 0}.article-summary{color:var(--text-color);line-height:1.6;margin:.5rem 0}::-webkit-scrollbar{width:8px;height:8px;background-color:transparent}::-webkit-scrollbar-track{background-color:rgba(0,0,0,5%);border-radius:4px;margin:4px 0}@media(prefers-color-scheme:dark){::-webkit-scrollbar-track{background-color:rgba(255,255,255,5%)}}::-webkit-scrollbar-thumb{background-color:rgba(var(--link-color-rgb),.4);border-radius:4px;transition:background-color .3s ease}::-webkit-scrollbar-thumb:hover{background-color:rgba(var(--link-color-rgb),.6)}@media(prefers-color-scheme:dark){::-webkit-scrollbar-thumb{background-color:rgba(92,158,255,.4)}::-webkit-scrollbar-thumb:hover{background-color:rgba(92,158,255,.6)}}html{scrollbar-width:thin;scrollbar-color:rgba(var(--link-color-rgb),.4)rgba(0,0,0,5%)}@media(prefers-color-scheme:dark){html{scrollbar-color:rgba(92,158,255,.4)rgba(255,255,255,5%)}}.scroll-container::-webkit-scrollbar{width:6px;height:6px}.scroll-container::-webkit-scrollbar-thumb{background-color:rgba(var(--link-color-rgb),.3)}.highlight .scroll-container::-webkit-scrollbar-thumb,.code .scroll-container::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.2)}@media(prefers-color-scheme:dark){.highlight .scroll-container::-webkit-scrollbar-thumb,.code .scroll-container::-webkit-scrollbar-thumb{background-color:rgba(255,255,255,.2)}}code{font-family:sfmono-regular,menlo,monaco,consolas,liberation mono,courier new,monospace;padding:.2em .4em;background-color:var(--code-background-color);color:var(--code-color);border-radius:8px;font-size:1em}.highlight{margin:.8rem 0;border-radius:8px;background:var(--code-background-color);overflow:hidden;font-size:.88em;line-height:1.5;font-family:sfmono-regular,menlo,monaco,consolas,liberation mono,courier new,monospace;transition:all .2s ease}.highlight pre{margin:0;padding:1rem;overflow-x:auto;color:var(--code-color)}.highlight pre code{display:block;white-space:pre;tab-size:2}.highlight-header{padding:.5rem 1rem;color:var(--text-color);font-size:.82em;border-bottom:1px solid var(--card-border-color);display:flex;justify-content:space-between;align-items:center;font-family:var(--font-secondary)}.copy-btn{background:0 0;border:none;color:var(--link-color);cursor:pointer;font-size:.78em;padding:.2em .5em;border-radius:3px;transition:all .2s ease}.chroma{}.chroma .k,.chroma .kc,.chroma .kd,.chroma .kp,.chroma .kr,.chroma .kt{color:#d73a49}.chroma .n,.chroma .nc,.chroma .nd,.chroma .nf,.chroma .nn,.chroma .nx{color:#6f42c1}.chroma .s,.chroma .sb,.chroma .sc,.chroma .sd,.chroma .s2,.chroma .se{color:#032f62}.chroma .m,.chroma .mb,.chroma .mf,.chroma .mh,.chroma .mi{color:#005cc5}.chroma .c,.chroma .cm,.chroma .cp,.chroma .c1{color:#6a737d}.chroma .o{color:#d15704}.chroma .p{color:var(--text-color)}.notice{margin:1.2rem 0;padding:.8rem 1rem;border-radius:4px;background:rgba(0,0,0,3%);border-left:3px solid}.notice-header{display:flex;align-items:center;font-weight:700;margin-bottom:.4rem}.notice-icon{margin-right:.5rem;font-size:1.1em}.notice-content{font-size:.95em;line-height:1.5}.notice-info{border-color:#3273dc;background:rgba(50,115,220,8%)}.notice-info .notice-header{color:#3273dc}.notice-warning{border-color:#fc0;background:rgba(255,204,0,8%)}.notice-warning .notice-header{color:#d4a000}.notice-danger{border-color:#ff3860;background:rgba(255,56,96,8%)}.notice-danger .notice-header{color:#cc0f35}.subcategory-card--japanese{border-left:3px solid var(--japanese-primary-color)}.subcategory-card--japanese[data-category=文法]{border-left-color:var(--japanese-grammar-color)}.subcategory-card--japanese[data-category=基礎]{border-left-color:var(--japanese-base-color)}.subcategory-card--japanese[data-category=単語]{border-left-color:var(--japanese-vocabulary-color)}.subcategory-card--japanese[data-category=読解]{border-left-color:var(--japanese-reading-color)}.article-card--japanese{border-left:3px solid var(--japanese-primary-color)}.article-card--japanese .article-meta{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.article-card--japanese .jlpt-badge{background:var(--japanese-primary-color);color:#fff;padding:.2rem .5rem;border-radius:1rem;font-size:.8rem;font-weight:700}.article-card--japanese .difficulty-badge{display:inline-block;padding:.2rem .5rem;border-radius:1rem;font-size:.8rem;font-weight:700;transition:all .2s ease}.article-card--japanese .difficulty-badge[data-level=初级]{background:rgba(var(--japanese-difficulty-beginner),.1);color:var(--japanese-difficulty-beginner)}.article-card--japanese .difficulty-badge[data-level=中级]{background:rgba(var(--japanese-difficulty-intermediate),.1);color:var(--japanese-difficulty-intermediate)}.article-card--japanese .difficulty-badge[data-level=高级]{background:rgba(var(--japanese-difficulty-advanced),.1);color:var(--japanese-difficulty-advanced)}.article-card--japanese .grammar-tag{color:var(--japanese-grammar-color);font-size:.9rem;font-style:italic}.gojuon-container{display:grid;grid-template-columns:repeat(5,1fr);gap:.5rem;margin:1.5rem 0}.gojuon-container .gojuon-header{grid-column:1/-1;text-align:center;margin-bottom:.5rem;color:var(--heading-color);font-weight:700}.gojuon-container .gojuon-card{background-color:var(--background-color);border:1px solid var(--card-border-color);border-radius:var(--radius-md);box-shadow:var(--card-box-shadow);padding:.75rem;text-align:center;transition:var(--transition-base)}.gojuon-container .gojuon-card .hiragana{font-size:1.5rem;color:var(--japanese-primary-color);font-weight:700}.gojuon-container .gojuon-card .katakana{font-size:1.5rem;color:var(--japanese-grammar-color);font-weight:700}.gojuon-container .gojuon-card .romaji{font-size:.9rem;color:var(--text-color);margin-top:.25rem}.gojuon-container .gojuon-card:hover{box-shadow:var(--card-hover-box-shadow);transform:translateY(-2px)}@media(max-width:calc(var(--width) * 0.85)){.gojuon-container{grid-template-columns:repeat(3,1fr)}}.jp-word-elegant{margin:.8em 0;padding:.8em;background:rgba(var(--link-color),.03);border-radius:6px;border-left:3px solid rgba(var(--link-color),.2);transition:all .2s ease}.jp-word-elegant:hover{background:rgba(var(--link-color),.06);border-left-color:rgba(var(--link-color),.4)}.jp-word-elegant .jp-word-header{display:flex;align-items:center;flex-wrap:wrap;gap:.4em;margin-bottom:.4em}.jp-word-elegant .jp-word-header .jp-kanji{font-weight:600;font-size:1.15em;color:var(--heading-color);font-family:var(--font-main),hiragino mincho pro,serif}.jp-word-elegant .jp-word-header .jp-kana{font-size:.95em;color:var(--text-color);opacity:.9;font-family:hiragino kaku gothic pro,Meiryo,sans-serif}.jp-word-elegant .jp-word-header .jp-pitch{font-size:.7em;background:rgba(var(--link-color),.1);color:var(--link-color);padding:.15em .5em;border-radius:10px;font-family:monospace;font-weight:700}.jp-word-elegant .jp-word-header .jp-pos{font-size:.75em;background:rgba(var(--text-color),.1);color:var(--text-color);padding:.15em .5em;border-radius:10px;font-family:var(--font-main);opacity:.8}.jp-word-elegant .jp-word-header .jp-meaning{font-size:.95em;color:var(--link-color);margin-left:.6em;position:relative;padding-left:.8em}.jp-word-elegant .jp-word-header .jp-meaning::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:.5em;height:.5em;background:var(--link-color);opacity:.3;border-radius:50%}.jp-word-elegant .jp-examples{margin-top:.6em;padding-top:.6em;border-top:1px dashed rgba(var(--text-color),.1)}.jp-word-elegant .jp-examples .jp-example{font-size:.9em;margin:.4em 0;display:flex;flex-direction:column}.jp-word-elegant .jp-examples .jp-example .jp-example-jp{color:var(--text-color);font-family:hiragino kaku gothic pro,Meiryo,sans-serif;line-height:1.5}.jp-word-elegant .jp-examples .jp-example .jp-example-cn{color:var(--text-color);opacity:.7;font-size:.85em;margin-top:.2em;padding-left:1em;position:relative}.jp-word-elegant .jp-examples .jp-example .jp-example-cn::before{content:"→";position:absolute;left:0;opacity:.5}@media(prefers-color-scheme:dark){.jp-word-elegant{background:rgba(var(--link-color),.05);border-left-color:rgba(var(--link-color),.3)}.jp-word-elegant:hover{background:rgba(var(--link-color),.08)}.jp-word-elegant .jp-word-header .jp-pitch{background:rgba(var(--link-color),.2)}.jp-word-elegant .jp-word-header .jp-pos{background:rgba(var(--text-color),.2)}}.jp-conv-container{max-width:100%;margin:2.5rem auto;font-family:-apple-system,BlinkMacSystemFont,segoe ui,Roboto,Oxygen,Ubuntu,sans-serif}.jp-conv-container .jp-conv-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:.8rem;border-bottom:1px solid var(--jp-dialog-border)}.jp-conv-container .jp-conv-header.no-title{justify-content:flex-end}.jp-conv-container .jp-conv-title{margin:0;font-size:1.4rem;font-weight:600;color:var(--jp-dialog-text-primary)}.jp-conv-container .jp-conv-lang-tabs{display:flex;background:rgba(var(--jp-dialog-primary),.1);border-radius:20px;padding:.2rem}.jp-conv-container .jp-conv-tab{padding:.3rem .8rem;font-size:.85rem;border-radius:15px;cursor:pointer;transition:all .3s ease}.jp-conv-container .jp-conv-tab.active{background:var(--jp-dialog-primary);color:#fff}.jp-conv-container .jp-conv-tab:not(.active):hover{background:rgba(var(--jp-dialog-primary),.2)}.jp-conv-container .jp-conv-dialogues{display:flex;flex-direction:column;gap:.3rem}.jp-conv-container .jp-conv-line{display:flex;align-items:flex-start;gap:.8rem;opacity:0;transform:translateY(10px);animation:jp-fade-in .4s ease forwards}.jp-conv-container .jp-conv-line:nth-child(1){animation-delay:.1s}.jp-conv-container .jp-conv-line:nth-child(2){animation-delay:.2s}.jp-conv-container .jp-conv-line:nth-child(3){animation-delay:.3s}.jp-conv-container .jp-conv-line:nth-child(4){animation-delay:.4s}.jp-conv-container .jp-conv-line:nth-child(5){animation-delay:.5s}.jp-conv-container .jp-conv-line:nth-child(6){animation-delay:.6s}.jp-conv-container .jp-conv-line:nth-child(7){animation-delay:.7s}.jp-conv-container .jp-conv-line:nth-child(8){animation-delay:.8s}.jp-conv-container .jp-conv-line:nth-child(9){animation-delay:.9s}.jp-conv-container .jp-conv-line:nth-child(10){animation-delay:1s}.jp-conv-container .jp-conv-line:nth-child(n+11){animation-delay:1s}.jp-conv-container .jp-conv-line.jp-left{flex-direction:row}.jp-conv-container .jp-conv-line.jp-left .jp-conv-speaker{color:var(--jp-dialog-speaker-color);text-align:right}.jp-conv-container .jp-conv-line.jp-right{flex-direction:row-reverse}.jp-conv-container .jp-conv-line.jp-right .jp-conv-speaker{color:var(--jp-dialog-right-speaker-color);text-align:left}.jp-conv-container .jp-conv-speaker{font-weight:600;padding-top:.8rem;font-size:.9em;opacity:.9;white-space:nowrap}.jp-conv-container .jp-conv-bubble{display:inline-block;max-width:100%}.jp-conv-container .jp-conv-content{position:relative;padding:.8rem 1.2rem;border-radius:18px;box-shadow:0 2px 8px rgba(0,0,0,5%);line-height:1.6}.jp-left .jp-conv-container .jp-conv-content{background:var(--jp-dialog-left-bubble);border-top-left-radius:0}.jp-right .jp-conv-container .jp-conv-content{background:var(--jp-dialog-right-bubble);border-top-right-radius:0}.jp-conv-container .jp-conv-text{color:var(--jp-dialog-text-primary);display:inline-block}.jp-conv-container .jp-conv-translation{font-size:.9em;color:var(--jp-dialog-text-secondary);line-height:1.5;opacity:.9}.jp-conv-container ruby{ruby-position:over;ruby-align:center}.jp-conv-container ruby rt{font-size:.6em;opacity:.8;text-transform:none}.jp-conv-container ruby rp{display:none}@keyframes jp-fade-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.jp-conv-container{margin:1.5rem 0}.jp-conv-container .jp-conv-line{gap:.5rem}.jp-conv-container .jp-conv-line .jp-conv-speaker{font-size:.8em}}.jp-audio-player{font-family:-apple-system,BlinkMacSystemFont,segoe ui,Roboto,Oxygen,Ubuntu,sans-serif;background-color:var(--background-color);border:1px solid rgba(255,107,107,.3);border-radius:12px;padding:12px 16px;margin:1.5rem 0;width:100%;box-sizing:border-box}.jp-audio-player .jp-player-controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.jp-audio-player .jp-control-btn{background:0 0;border:none;cursor:pointer;padding:6px;border-radius:50%;width:36px;height:36px;color:var(--japanese-primary-color);display:flex;align-items:center;justify-content:center}.jp-audio-player .jp-progress-bar{flex:1;min-width:120px;height:6px;margin:0 8px;accent-color:var(--japanese-primary-color)}.jp-audio-player .jp-time-display{display:flex;align-items:center;gap:2px;font-family:monospace;font-size:14px;color:var(--text-color);min-width:90px}.jp-audio-player .jp-speed-select{padding:6px 8px;border-radius:6px;border:1px solid rgba(255,107,107,.3);background-color:var(--jp-bg);color:var(--text-color);font-size:14px;cursor:pointer}.jp-audio-player .jp-loop-btn.active{background-color:rgba(255,107,107,.15);color:var(--japanese-primary-color)}.jp-audio-player .jp-loading-indicator{display:none;position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(255,255,255,.8);align-items:center;justify-content:center}.jp-audio-player .jp-loading-indicator .jp-loading-spinner{width:24px;height:24px;border:3px solid rgba(255,107,107,.2);border-top-color:var(--japanese-primary-color);border-radius:50%;animation:spin 1s linear infinite}@media(max-width:768px){.jp-audio-player .jp-player-controls{gap:6px}.jp-audio-player .jp-progress-bar{order:1;flex:1 0 100%;margin:6px 0}.jp-audio-player .jp-time-display{min-width:80px;font-size:13px}.jp-audio-player .jp-control-btn{width:32px;height:32px}}@keyframes spin{to{transform:rotate(360deg)}}@media(prefers-color-scheme:dark){:root{--link-color-rgb:92, 158, 255
    
    --visited-color: #8b6fcb;--blockquote-color:#ccc;--task-complete:#81C784;--task-pending:#FFA726;--task-complete-bg:rgba(76, 175, 80, 0.15);--task-pending-bg:rgba(255, 152, 0, 0.15);--card-border-color:rgba(255, 255, 255, 0.3);--card-box-shadow:0 1px 3px rgba(0, 0, 0, 0.2);--tag-bg-color:rgba(255, 255, 255, 0.1);--tag-count-color:rgba(255, 255, 255, 0.6);--tag-back-link-color:rgba(255, 255, 255, 0.6);--tag-post-time-color:rgba(255, 255, 255, 0.6);--tag-no-post-color:rgba(255, 255, 255, 0.6);--toc-border-color:rgba(255, 255, 255, 0.1);--related-posts-border-color:rgba(255, 255, 255, 0.3);--related-posts-manual-link-color:rgba(255, 179, 179, 0.8);--related-posts-empty-hint-opacity:0.7;--jp-dialog-primary:#5c9eff;--jp-dialog-secondary:#a88ddf;--jp-dialog-left-bubble:#2b2d42;--jp-dialog-right-bubble:#1b263b;--jp-dialog-border:rgba(255, 255, 255, 0.1);--jp-dialog-text-primary:#e0e0e0;--jp-dialog-text-secondary:#b0b0b0;--jp-dialog-speaker-color:#5c9eff;--jp-dialog-right-speaker-color:#a88ddf}blockquote{background-color:rgba(0,0,0,.2)}blockquote.warning{border-left-color:#f6ad55}blockquote.success{border-left-color:#68d391}blockquote.error{border-left-color:#fc8181}.highlight{background:var(--code-background-color)}.highlight-header{border-bottom-color:var(--card-border-color)}.chroma{}.chroma .k,.chroma .kc,.chroma .kd,.chroma .kp,.chroma .kr,.chroma .kt{color:#ff7b72}.chroma .n,.chroma .nc,.chroma .nd,.chroma .nf,.chroma .nn,.chroma .nx{color:#d2a8ff}.chroma .s,.chroma .sb,.chroma .sc,.chroma .sd,.chroma .s2,.chroma .se{color:#a5d6ff}.chroma .m,.chroma .mb,.chroma .mf,.chroma .mh,.chroma .mi{color:#79c0ff}.chroma .c,.chroma .cm,.chroma .cp,.chroma .c1{color:#8b949e}.chroma .o{color:#ffa657}.notice{background:rgba(255,255,255,5%)}.site-footer{border-top-color:rgba(255,255,255,.1)}.post-meta .meta-container .meta-item .meta-label{opacity:.95}.post-meta .meta-container .meta-item time{opacity:.9}.jp-word-elegant{background:rgba(var(--link-color),.05);border-left-color:rgba(var(--link-color),.3)}.jp-word-elegant:hover{background:rgba(var(--link-color),.08)}.jp-word-elegant .jp-word-header .jp-pitch{background:rgba(var(--link-color),.2)}}.subcategories a{color:var(--text-color)}.subcategories a:hover{text-decoration:none}.jp-high-tone{color:var(--jp-high-tone-color,#e74c3c);font-weight:700;position:relative}.jp-high-tone::after{content:"";position:absolute;bottom:-2px;left:0;width:100%;height:2px;background:linear-gradient(90deg,var(--jp-high-tone-color,#e74c3c),transparent);border-radius:1px}