:root{--bg-dark: #1e1e1e;--text-primary: #ffffff;--text-secondary: #cccccc;--accent-blue: #58c4dd;--accent-yellow: #ffff00;--accent-green: #83c167;--accent-red: #ff6666}*{margin:0;padding:0;box-sizing:border-box}body{background-color:var(--bg-dark);color:var(--text-primary);font-family:Noto Sans JP,sans-serif;line-height:1.8;max-width:800px;margin:0 auto;padding:2rem}.chapter-page{margin-bottom:4rem}.chapter-page header{margin-bottom:3rem;border-bottom:2px solid var(--accent-blue);padding-bottom:1rem}.chapter-page h1{color:var(--accent-blue);font-size:2rem;margin-bottom:.5rem}.chapter-page h2{color:var(--accent-yellow);font-size:1.5rem;margin-top:3rem;margin-bottom:1rem}.chapter-page h3{color:var(--accent-green);font-size:1.2rem;margin-top:2rem;margin-bottom:.8rem}.chapter-page p{margin-bottom:1rem;color:var(--text-primary)}.chapter-page strong{color:var(--accent-yellow);font-weight:700}.chapter-page ul,.chapter-page ol{margin-left:2rem;margin-bottom:1rem}.chapter-page li{margin-bottom:.5rem}.content-section{margin-bottom:3rem}.gif-animation{margin:2rem 0;text-align:center}.gif-animation img{max-width:100%;border-radius:8px;box-shadow:0 4px 6px #0000004d}.gif-animation figcaption{margin-top:.5rem;font-size:.9rem;color:var(--text-secondary);font-style:italic}.math-block{margin:1.5rem 0;text-align:center;font-size:1.2rem;overflow-x:auto}.math-block.inline{display:inline;margin:0;font-size:inherit}.summary-box{background-color:#58c4dd1a;border-left:4px solid var(--accent-blue);padding:1.5rem;margin:2rem 0;border-radius:4px}.summary-box h3{margin-top:0;color:var(--accent-blue)}.summary-box ul{margin-top:1rem;margin-bottom:0}.highlight-box{background-color:#ffff001a;border-left:4px solid var(--accent-yellow);padding:1rem;margin:1.5rem 0;border-radius:4px}.algorithm-box{background-color:#83c1671a;border-left:4px solid var(--accent-green);padding:1.5rem;margin:2rem 0;border-radius:4px}.algorithm-box p{margin-bottom:1rem}.comparison-box{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin:2rem 0}.comparison-item{background-color:#ffffff0d;border-radius:8px;padding:1.5rem;border:1px solid rgba(255,255,255,.1)}.comparison-item h3{margin-top:0;font-size:1.1rem;color:var(--accent-blue)}.comparison-item ul{margin-left:1.5rem;margin-bottom:0}@media(max-width:768px){.comparison-box{grid-template-columns:1fr;gap:1rem}}.chapter-intro,.chapter-context{font-size:1.05rem;color:var(--text-secondary);margin-bottom:.8rem;line-height:1.6}.chapter-footer{margin-top:4rem;padding-top:2rem;border-top:1px solid var(--text-secondary);opacity:.8}blockquote{background-color:#58c4dd1a;border-left:4px solid var(--accent-blue);padding:1rem 1.5rem;margin:2rem 0;font-style:italic;color:var(--text-secondary)}blockquote p{margin:0}.three-views{display:grid;gap:1.5rem;margin:2rem 0}.view-card{background-color:#ffffff0d;border-radius:8px;padding:1.5rem;border:1px solid rgba(255,255,255,.1)}.view-card h3{margin-top:0;font-size:1.1rem;color:var(--accent-blue)}.view-card p{margin-bottom:0;font-size:.95rem}@media(max-width:768px){body{padding:1rem}.chapter-page h1{font-size:1.5rem}.chapter-page h2{font-size:1.3rem}.math-block{font-size:1rem}.three-views{gap:1rem}.view-card{padding:1rem}}.chapter-navigation{display:flex;justify-content:space-between;align-items:center;padding:1rem 0;margin:1.5rem 0;border-top:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1)}.nav-prev,.nav-next{flex:1}.nav-next{text-align:right}.nav-home-center{flex-shrink:0;padding:0 1rem}.nav-link{display:inline-flex;flex-direction:column;align-items:flex-start;text-decoration:none;color:var(--text-secondary);padding:.5rem;border-radius:8px;transition:all .2s ease}.nav-next .nav-link{align-items:flex-end}.nav-link:hover{background-color:#58c4dd1a;color:var(--accent-blue)}.nav-arrow{font-size:1.2rem;color:var(--accent-blue)}.nav-label{font-size:.8rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.nav-title{font-size:.9rem;color:var(--text-primary);margin-top:.2rem}.nav-home-link{color:var(--accent-blue);text-decoration:none;padding:.5rem 1rem;border:1px solid var(--accent-blue);border-radius:4px;font-size:.9rem;transition:all .2s ease}.nav-home-link:hover{background-color:var(--accent-blue);color:var(--bg-dark)}.nav-end{color:var(--text-secondary);font-size:.9rem;opacity:.6}@media(max-width:768px){.chapter-navigation{flex-wrap:wrap;gap:1rem}.nav-prev,.nav-next{flex-basis:45%}.nav-home-center{flex-basis:100%;text-align:center;order:-1;padding:0;margin-bottom:.5rem}.nav-title{display:none}}.home-page{max-width:800px;margin:0 auto}.home-header{text-align:center;margin-bottom:3rem;padding-bottom:2rem;border-bottom:2px solid var(--accent-blue)}.home-header h1{font-size:2.5rem;color:var(--accent-blue);margin-bottom:.5rem}.home-subtitle{font-size:1.2rem;color:var(--accent-yellow);margin-bottom:1rem}.home-description{color:var(--text-secondary);font-size:1rem}.home-nav{display:flex;justify-content:center;margin-bottom:2rem}.nav-button{display:inline-block;padding:.75rem 1.5rem;background-color:#58c4dd1a;color:var(--accent-blue);text-decoration:none;border-radius:8px;border:1px solid var(--accent-blue);transition:all .2s ease}.nav-button:hover{background-color:var(--accent-blue);color:var(--bg-dark)}.chapter-list{display:flex;flex-direction:column;gap:2rem}.chapter-group{background-color:#ffffff05;border-radius:12px;padding:1.5rem;border:1px solid rgba(255,255,255,.05)}.chapter-group-title{font-size:1.3rem;color:var(--accent-yellow);margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid rgba(255,255,0,.2)}.chapter-items{list-style:none;margin:0;padding:0}.chapter-items li{margin-bottom:.5rem}.chapter-link{display:flex;align-items:baseline;gap:1rem;padding:.75rem 1rem;text-decoration:none;border-radius:8px;transition:all .2s ease}.chapter-link:hover{background-color:#58c4dd1a}.chapter-id{color:var(--accent-blue);font-weight:700;font-size:1rem;flex-shrink:0}.chapter-title{color:var(--text-primary);font-size:1rem}.glossary-page header{margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid var(--accent-blue)}.glossary-page h1{color:var(--accent-blue);font-size:2rem;margin-bottom:.5rem}.back-link{display:inline-block;color:var(--accent-blue);text-decoration:none;margin-bottom:1rem;font-size:.9rem}.back-link:hover{text-decoration:underline}.glossary-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem}.glossary-item{display:flex;flex-direction:column;padding:1rem;background-color:#ffffff08;border-radius:8px;border:1px solid rgba(255,255,255,.1);text-decoration:none;transition:all .2s ease}.glossary-item:hover{background-color:#58c4dd1a;border-color:var(--accent-blue)}.term-name{color:var(--text-primary);font-size:1.1rem;font-weight:700}.term-en{color:var(--text-secondary);font-size:.85rem;margin-top:.3rem}.term-page header{margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid var(--accent-blue)}.term-page h1{color:var(--accent-blue);font-size:2rem;margin:.5rem 0}.term-english{color:var(--text-secondary);font-size:1.1rem;margin:0}.term-definition{margin-bottom:2rem}.term-definition h2{color:var(--accent-yellow);font-size:1.3rem;margin-bottom:1rem}.term-definition p{color:var(--text-primary);line-height:1.8}.term-references{margin-bottom:2rem}.term-references h2{color:var(--accent-yellow);font-size:1.3rem;margin-bottom:1rem}.term-references ul{list-style:none;padding:0;margin:0}.term-references li{padding:1rem;margin-bottom:.75rem;background-color:#ffffff08;border-radius:8px;border-left:3px solid var(--accent-blue)}.term-references a{color:var(--accent-blue);text-decoration:none;font-weight:700}.term-references a:hover{text-decoration:underline}.reference-context{color:var(--text-secondary);font-size:.9rem;margin-top:.5rem;font-style:italic}.error-page{text-align:center;padding:4rem 2rem}.error-page h1{color:var(--accent-red);margin-bottom:1rem}.error-page a{color:var(--accent-blue)}.term-link{color:var(--accent-green);text-decoration:underline;text-decoration-style:dotted;text-underline-offset:2px}.term-link:hover{color:var(--accent-blue);text-decoration-style:solid}