@charset "UTF-8";:root{--width:720px;--spacing-unit:1.5rem;--spacing-sm:0.5rem;--radius-md:8px;--transition-base:all 0.2s ease;--font-main:Verdana, sans-serif;--font-secondary:Verdana, sans-serif;--font-scale:1em;--code-font-stack:'SFMono-Regular', 'Menlo', 'Monaco', 'Consolas', 'Liberation Mono', 'Courier New', monospace;--jp-dialogue-font-stack:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, sans-serif;--background-color:#fff;--heading-color:#222;--text-color:#444;--link-color:#3273dc;--link-color-rgb:50, 115, 220;--visited-color:#8b6fcb;--strong-text-color:var(--heading-color);--code-background-color:#f2f2f2;--code-color:#222;--blockquote-color:#222;--blockquote-bg:#f2f2f2;--blockquote-border:#999;--border-color:#e2e8f0;--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);--card-bg:#ffffff;--card-shadow:var(--card-box-shadow);--card-hover-shadow:var(--card-hover-box-shadow);--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-width:220px;--toc-max-height:80vh;--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);--image-preview-bg-color:rgba(255, 255, 255, 0.9)}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(--strong-text-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)}code{font-family:var(--code-font-stack);padding:2px;background-color:var(--code-background-color);color:var(--code-color);border-radius:3px}blockquote{border-left:1px solid var(--blockquote-border);color:var(--blockquote-color);background-color:var(--blockquote-bg);padding-left:20px;font-style:italic;margin:1em 0}footer{padding:25px 0;text-align:center}.card,.article-card,.article-card--japanese,.subcategory-card,.subcategory-card--japanese{background:var(--background-color);border:1px solid var(--card-border-color);border-radius:var(--radius-md);padding:var(--spacing-unit);transition:var(--transition-base);margin-bottom:var(--spacing-unit)}.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;left:1rem;top:50%;transform:translateY(-50%);width:var(--toc-width);max-height:var(--toc-max-height);overflow-y:auto;padding:.5rem;z-index:999;opacity:.7;transition:opacity .3s ease}.toc-sidebar:hover{opacity:1}.toc-sidebar .toc-content{max-height:calc(var(--toc-max-height) - 20px);overflow-y:auto}.toc-sidebar .toc-content ul{list-style:none;padding-left:0;margin:0}.toc-sidebar .toc-content ul li{margin:.25rem 0;line-height:1.4}.toc-sidebar .toc-content ul li a{display:block;padding:.15rem 0;color:var(--text-color);text-decoration:none;transition:all .2s ease}.toc-sidebar .toc-content ul li a[data-level="2"]{padding-left:0;font-size:.95em}.toc-sidebar .toc-content ul li a[data-level="3"]{padding-left:.8rem;font-size:.9em}.toc-sidebar .toc-content ul li a[data-level="4"]{padding-left:1.4rem;font-size:.85em}.toc-sidebar .toc-content ul li a.active{color:var(--link-color);font-weight:500}.toc-sidebar .toc-content ul li a:hover{color:var(--link-color)}.back-to-top{position:fixed;right:35rem;bottom:29rem;width:2rem;height:2rem;background:0 0;border:none;padding:0;margin:0;cursor:pointer;visibility:hidden;opacity:0;transform:translateY(1rem);transition:opacity .3s ease,transform .3s ease;z-index:1000;color:var(--link-color);font-size:1.5rem;line-height:1;text-align:center}.back-to-top.visible{opacity:.3;visibility:visible;transform:translateY(0)}.back-to-top.visible.enter-effect{animation:arrow-float .8s ease-out}.back-to-top:hover{opacity:1;color:var(--link-color);transform:translateY(-.25rem)}@keyframes arrow-float{0%{opacity:0;transform:translateY(2rem)scale(.5)}50%{opacity:1;transform:translateY(-.5rem)scale(1.1)}100%{opacity:.3;transform:translateY(0)scale(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}}.image-container{margin:var(--spacing-unit)0;cursor:zoom-in;transition:var(--transition-base)}.image-container figure{margin:0}.image-container img{display:block;max-width:100%;height:auto;border-radius:var(--radius-md);box-shadow:var(--card-box-shadow);transition:var(--transition-base)}.image-container figcaption{margin-top:var(--spacing-sm);font-size:.9em;color:var(--text-color);text-align:center;opacity:.8}.image-container:hover img{box-shadow:var(--card-hover-box-shadow)}.image-preview-modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;display:none;opacity:0;transition:opacity .3s ease}.image-preview-modal.active{display:block}.image-preview-modal.visible{opacity:1}.image-preview-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--image-preview-bg-color);backdrop-filter:blur(5px)}.image-preview-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;max-width:90vw;max-height:90vh;display:flex;flex-direction:column}.image-preview-wrapper{flex-grow:1;display:flex;align-items:center;justify-content:center;overflow:hidden}.image-preview-img{max-width:100%;max-height:80vh;object-fit:contain;border-radius:var(--radius-md)}.image-preview-caption{padding:var(--spacing-sm)0;color:#fff;text-align:center;font-size:.9em}.image-preview-close{position:absolute;top:-40px;right:0;background:0 0;border:none;color:var(--text-color);font-size:2rem;cursor:pointer;padding:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center}.image-preview-close:hover{opacity:.8}@media(max-width:calc(var(--width) * 0.85)){.image-preview-content{width:95%;max-width:95vw}.image-preview-close{top:-50px;right:-10px}}.related-posts{margin-top:var(--spacing-unit);padding-top:var(--spacing-sm);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:var(--transition-base);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)}}:root{--home-heading-color:var(--heading-color);--home-text-color:var(--text-color);--home-link-color:var(--link-color);--home-visited-color:var(--visited-color);--home-section-spacing:3rem;--home-post-spacing:0.8rem;--home-meta-opacity:0.8;--friend-link-bg:var(--background-color);--friend-link-border:rgba(0,0,0,0.05);--friend-link-hover-bg:var(--code-background-color);--friend-link-text:var(--text-color);--friend-link-avatar-size:36px;--friend-link-avatar-radius:4px;--friend-link-avatar-bg:#fff;--friend-link-grid-gap:1rem;--friend-link-min-width:150px;--friend-link-padding:0.75rem;--friend-link-radius:var(--radius-md)}.homepage{max-width:var(--width);margin:0 auto;color:var(--home-text-color)}.homepage section{margin-bottom:var(--home-section-spacing)}.homepage section:last-child{margin-bottom:0}.homepage h1,.homepage h2,.homepage h3{color:var(--home-heading-color);font-family:var(--font-main)}.homepage h1::after,.homepage h2::after,.homepage h3::after{content:"";display:block;width:2rem;height:2px;background:currentColor;margin:.5rem 0 1rem;opacity:.2}.homepage h1{font-size:2rem;margin-bottom:1rem}.homepage h2{font-size:1.5rem;margin-bottom:1rem}.homepage .bio{margin:2rem 0;line-height:1.7;font-size:1.05rem}.homepage .bio p{margin-bottom:1rem}.homepage .bio p:last-child{margin-bottom:0}.homepage .post-list{list-style:none;padding:0}.homepage .post-list li{display:flex;align-items:baseline;margin-bottom:var(--home-post-spacing);padding-bottom:var(--home-post-spacing);border-bottom:1px solid rgba(0,0,0,5%)}.homepage .post-list li:last-child{margin-bottom:0;padding-bottom:0;border-bottom:0}.homepage .post-list li a{flex:1;color:var(--home-link-color);text-decoration:none;transition:color .2s ease}.homepage .post-list li a:hover{color:var(--home-link-color);text-decoration:underline}.homepage .post-list li a:visited{color:var(--home-visited-color)}.homepage .post-list li time,.homepage .post-list li .note{font-size:.85rem;color:var(--home-text-color);opacity:var(--home-meta-opacity);margin-left:1rem;font-family:var(--font-secondary)}.homepage .post-list li .note{font-style:italic;background:rgba(var(--link-color-rgb),.1);padding:.2rem .5rem;border-radius:3px}.homepage .social-links{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:1rem;margin-top:1.5rem}.homepage .social-links li a{color:var(--home-link-color);text-decoration:none;display:flex;align-items:center}.homepage .social-links li a:hover{text-decoration:underline}.homepage .social-links li a::before{content:"→";margin-right:.3rem}.homepage .friend-links{margin-bottom:var(--home-section-spacing);padding-top:1.5rem;border-top:1px solid var(--border-color)}.homepage .friend-links h2{color:var(--home-heading-color);font-size:1.5rem;margin-bottom:1.25rem}.homepage .friend-links h2::after{content:"";display:block;width:2rem;height:2px;background:currentColor;margin:.5rem 0 1.5rem;opacity:.2}.homepage .friend-links-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--friend-link-min-width),1fr));gap:var(--friend-link-grid-gap)}.homepage .friend-links .friend-link{display:flex;align-items:center;padding:var(--friend-link-padding);border-radius:var(--friend-link-radius);transition:var(--transition-base);background-color:var(--friend-link-bg);border:1px solid var(--friend-link-border);color:var(--friend-link-text);text-decoration:none;min-height:60px}.homepage .friend-links .friend-link:hover{background-color:var(--friend-link-hover-bg);transform:translateY(-2px);box-shadow:var(--card-hover-box-shadow);text-decoration:none}.homepage .friend-links .friend-link .friend-avatar{width:var(--friend-link-avatar-size);height:var(--friend-link-avatar-size);border-radius:var(--friend-link-avatar-radius);margin-right:.75rem;object-fit:cover;background-color:var(--friend-link-avatar-bg)}.homepage .friend-links .friend-link .friend-avatar[data-shape=circle]{border-radius:50%;border:1px solid rgba(0,0,0,.1)}.homepage .friend-links .friend-link .friend-name{font-size:.95rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:calc(100% - 3rem)}@media(max-width:calc(var(--width) * 0.85)){.homepage{padding:1rem 0}.homepage h1{font-size:1.8rem}.homepage h2{font-size:1.3rem}.homepage .post-list li{flex-direction:column;align-items:flex-start}.homepage .post-list li time,.homepage .post-list li .note{margin-left:0;margin-top:.3rem}.homepage .social-links{flex-direction:column;gap:.5rem}.homepage .friend-links{--friend-link-avatar-size:28px;--friend-link-min-width:120px}.homepage .friend-links .friend-link{padding:.5rem;min-height:50px}.homepage .friend-links .friend-link .friend-name{font-size:.85rem}}@media(prefers-color-scheme:dark){.homepage .post-list li{border-bottom-color:rgba(255,255,255,5%)}.homepage .note{background:rgba(var(--link-color-rgb),.2)}.homepage .friend-links{--friend-link-avatar-bg:rgba(255,255,255,0.1)}.homepage .friend-links .friend-link{border-color:rgba(255,255,255,.1);background-color:rgba(255,255,255,5%)}.homepage .friend-links .friend-link:hover{background-color:rgba(255,255,255,.1)}.homepage .friend-links .friend-link .friend-avatar[data-shape=circle]{border-color:rgba(255,255,255,.2)}}.subcategory-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--spacing-unit);margin-top:var(--spacing-unit)}@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:var(--transition-base);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 .motto{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{display:none!important}}@media(max-width:1360px){#toc-sidebar{display:none!important}}.article-meta{color:var(--text-color);opacity:.8;font-size:.9rem;margin:var(--spacing-sm)0}.article-summary{color:var(--text-color);line-height:1.6;margin:var(--spacing-sm)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:var(--code-font-stack);padding:.2em .4em;background-color:var(--code-background-color);color:var(--code-color);border-radius:var(--radius-md);font-size:1em}.highlight{margin:.8rem 0;border-radius:var(--radius-md);background:var(--code-background-color);overflow:hidden;font-size:.88em;line-height:1.5;font-family:var(--code-font-stack);transition:var(--transition-base)}.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:var(--transition-base)}.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:var(--spacing-sm);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:var(--transition-base)}.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:var(--jp-dialogue-font-stack)}.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:var(--jp-dialogue-font-stack);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{--background-color:#1a202c;--heading-color:#cbd5e0;--text-color:#94a3b8;--link-color:#5c9eff;--link-color-rgb:92, 158, 255;--visited-color:#a78bfa;--strong-text-color:#d1d5db;--code-background-color:#2d3748;--code-color:#d8dee9;--blockquote-color:#e2e8f0;--blockquote-bg:#2d3748;--blockquote-border:#4a5568;--border-color:#4a5568;--card-border-color:rgba(255, 255, 255, 0.3);--card-bg:#2d3748;--card-shadow:0 1px 3px rgba(0, 0, 0, 0.2);--card-hover-shadow:0 4px 6px rgba(0, 0, 0, 0.3);--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);--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-text-primary:#e0e0e0;--jp-dialog-text-secondary:#b0b0b0;--jp-dialog-left-bubble:#2b2d42;--jp-dialog-right-bubble:#1b263b;--jp-dialog-border:rgba(255, 255, 255, 0.1);--jp-dialog-speaker-color:#5c9eff;--jp-dialog-right-speaker-color:#a88ddf;--image-preview-bg-color:rgba(26, 26, 26, 0.9)}.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%)}.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}html{scrollbar-gutter:stable}