:root{--bg: #1a1a2e;--bg-surface: #16213e;--bg-elevated: #1f2b47;--text: #e0e0e0;--text-muted: #a0a0b0;--text-heading: #f0f0f0;--border: #2a2a4a;--accent: #4fc3f7;--accent-hover: #81d4fa;--layer-mainstream: #42a5f5;--layer-sns: #66bb6a;--layer-supplement: #ffb74d;--progress: 0%;--font-body: "Noto Sans", system-ui, sans-serif;--font-size-base: 16px;--line-height-base: 1.7}[data-theme=light]{--bg: #fafafa;--bg-surface: #ffffff;--bg-elevated: #f5f5f5;--text: #1a1a1a;--text-muted: #666666;--text-heading: #0a0a0a;--border: #e0e0e0;--accent: #1565c0;--accent-hover: #1976d2}[data-theme=sepia]{--bg: #f4ecd8;--bg-surface: #faf5e8;--bg-elevated: #efe6ce;--text: #3e2c1c;--text-muted: #6b5340;--text-heading: #2a1a0e;--border: #d4c4a8;--accent: #8b5e3c;--accent-hover: #a0724e}[lang=ja]{--font-body: "Noto Sans JP", system-ui, sans-serif;--line-height-base: 1.8}[lang=hi]{--font-body: "Noto Sans Devanagari", system-ui, sans-serif;--line-height-base: 2;--font-size-base: 17px}[lang=id]{--font-body: "Noto Sans", system-ui, sans-serif}[lang=ur]{--font-body: "Noto Nastaliq Urdu", system-ui, sans-serif;--line-height-base: 2.2;--font-size-base: 18px}[lang=bn]{--font-body: "Noto Sans Bengali", system-ui, sans-serif;--line-height-base: 2;--font-size-base: 17px}[lang=ko]{--font-body: "Noto Sans KR", system-ui, sans-serif;--line-height-base: 1.8}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:var(--font-size-base);scroll-behavior:smooth}body{font-family:var(--font-body);line-height:var(--line-height-base);color:var(--text);background-color:var(--bg);min-height:100dvh;transition:background-color .3s,color .3s;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.scroll-progress{position:fixed;top:0;left:0;width:var(--progress);height:3px;background:var(--accent);z-index:1000;transition:width .1s linear}.container{width:100%;max-width:720px;margin:0 auto;padding:0 1rem}h1,h2,h3,h4{color:var(--text-heading);line-height:1.3}h1{font-size:1.75rem;margin-bottom:1rem}h2{font-size:1.375rem;margin-top:2rem;margin-bottom:.75rem}h3{font-size:1.125rem;margin-top:1.5rem;margin-bottom:.5rem}p{margin-bottom:1em}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-hover);text-decoration:underline}[dir=rtl]{text-align:right}.site-header{position:sticky;top:0;z-index:100;background:var(--bg-surface);border-bottom:1px solid var(--border);padding:.75rem 0}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.site-name{font-size:1.125rem;font-weight:700;color:var(--text-heading);text-decoration:none}.header-actions{display:flex;align-items:center;gap:.5rem}.header-btn{background:none;border:1px solid var(--border);border-radius:6px;color:var(--text);padding:.375rem .625rem;font-size:.875rem;cursor:pointer;transition:background-color .2s,border-color .2s}.header-btn:hover{background:var(--bg-elevated);border-color:var(--accent)}.reader-panel{display:none;position:fixed;top:0;right:0;bottom:0;width:min(320px,85vw);background:var(--bg-surface);border-left:1px solid var(--border);padding:1.5rem;z-index:200;overflow-y:auto;box-shadow:-4px 0 20px #0000004d}[dir=rtl] .reader-panel{right:auto;left:0;border-left:none;border-right:1px solid var(--border);box-shadow:4px 0 20px #0000004d}.reader-panel.open{display:block}.reader-panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.reader-panel h3{margin:0}.close-btn{background:none;border:none;color:var(--text);font-size:1.5rem;cursor:pointer;padding:.25rem;line-height:1}.setting-group{margin-bottom:1.5rem}.setting-group label{display:block;font-size:.875rem;color:var(--text-muted);margin-bottom:.5rem}.setting-group input[type=range]{width:100%;accent-color:var(--accent)}.theme-options{display:flex;gap:.5rem}.theme-btn{flex:1;padding:.5rem;border:1px solid var(--border);border-radius:6px;background:none;color:var(--text);cursor:pointer;font-size:.8125rem;transition:border-color .2s,background-color .2s}.theme-btn:hover,.theme-btn.active{border-color:var(--accent);background:var(--bg-elevated)}.lang-switcher{position:relative}.lang-menu{display:none;position:absolute;top:100%;right:0;margin-top:.375rem;background:var(--bg-surface);border:1px solid var(--border);border-radius:8px;min-width:180px;box-shadow:0 4px 16px #0003;z-index:300;overflow:hidden}[dir=rtl] .lang-menu{right:auto;left:0}.lang-menu.open{display:block}.lang-menu a{display:block;padding:.625rem 1rem;color:var(--text);text-decoration:none;font-size:.875rem;transition:background-color .15s}.lang-menu a:hover{background:var(--bg-elevated);text-decoration:none}.lang-menu a.current{color:var(--accent);font-weight:600}.overlay{display:none;position:fixed;inset:0;background:#0006;z-index:150}.overlay.open{display:block}main{padding:1.5rem 0 3rem}.site-footer{border-top:1px solid var(--border);padding:1.5rem 0;text-align:center;font-size:.8125rem;color:var(--text-muted)}.footer-legal{display:flex;justify-content:center;flex-wrap:wrap;gap:.25rem 1rem;margin-bottom:.75rem}.footer-legal a{color:var(--text-muted);text-decoration:none;transition:color .2s}.footer-legal a:hover{color:var(--accent);text-decoration:underline}.footer-copy{margin:0}.layer-section{margin:1rem 0;border:1px solid var(--border);border-radius:8px;overflow:hidden}.layer-section[data-layer=mainstream]{border-left:3px solid var(--layer-mainstream)}.layer-section[data-layer=sns]{border-left:3px solid var(--layer-sns)}.layer-section[data-layer=supplement]{border-left:3px solid var(--layer-supplement)}[dir=rtl] .layer-section[data-layer=mainstream]{border-left:none;border-right:3px solid var(--layer-mainstream)}[dir=rtl] .layer-section[data-layer=sns]{border-left:none;border-right:3px solid var(--layer-sns)}[dir=rtl] .layer-section[data-layer=supplement]{border-left:none;border-right:3px solid var(--layer-supplement)}.layer-header{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:var(--bg-elevated);cursor:pointer;font-weight:600;font-size:.9375rem;user-select:none}.layer-content{display:none;padding:1rem}.layer-content.open{display:block}