*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
html{font-size:16px;line-height:1.8}
body{overflow-x:hidden;overflow-y:hidden;font-family:'Inter',sans-serif;font-weight:400}
.scroll-container{display:flex;width:500vw;height:100vh;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth}
.panel{flex:0 0 100vw;height:100vh;display:flex;align-items:center;justify-content:center;scroll-snap-align:start;position:relative}
.panel-light{background:#F4F0E8;color:#3A3D4A}
.panel-dark{background:#1A1D2B;color:#C8CAD0}
.panel-content{max-width:560px;padding:40px}
.kanji-display{display:flex;gap:16px;margin-bottom:16px}
.kanji-char{font-size:6rem;font-weight:300;color:#2A2D3A;opacity:0;transition:opacity 300ms ease-out}
.kanji-char.visible{opacity:1}
.domain-label{font-family:'Space Mono',monospace;font-size:0.85rem;font-weight:700;color:#4ECDC4;letter-spacing:0.04em;opacity:0;transition:opacity 300ms ease-out}
.domain-label.visible{opacity:1}
.scroll-hint{display:flex;align-items:center;gap:8px;margin-top:40px;opacity:0;transition:opacity 400ms ease-out}
.scroll-hint.visible{opacity:1}
.hint-text{font-family:'Space Mono',monospace;font-size:0.65rem;color:#8A8D96;letter-spacing:0.12em}
.progress-bar{position:fixed;bottom:0;left:0;height:3px;background:#4ECDC4;width:0;z-index:100;transition:width 200ms}
.theorem-box{border-left:3px solid #4ECDC4;padding-left:16px;margin-bottom:20px}
.theorem-label{font-family:'Space Mono',monospace;font-size:0.65rem;font-weight:700;color:#4ECDC4;letter-spacing:0.08em;display:block;margin-bottom:4px}
.panel-title{font-family:'Space Mono',monospace;font-weight:700;font-size:1.8rem;letter-spacing:-0.01em;line-height:1.3}
.panel-light .panel-title{color:#2A2D3A}
.panel-dark .panel-title{color:#4ECDC4}
.panel-body{font-family:'Inter',sans-serif;font-weight:400;font-size:0.95rem;line-height:1.8;margin-bottom:24px}
.panel-light .panel-body{color:#3A3D4A}
.panel-dark .panel-body{color:#C8CAD0}
.connector-line{width:60px;height:2px;background:linear-gradient(to right,#4ECDC4,transparent);margin-top:16px}
.proof-steps{display:flex;flex-direction:column;gap:8px;margin-top:16px}
.step{font-family:'Space Mono',monospace;font-size:0.8rem;color:#8A8D96}
.step-num{color:#4ECDC4;margin-right:8px;font-weight:700}
.data-viz{margin-top:24px}
.convergence-svg{width:100%;max-width:300px;height:auto}
.converge-line{stroke-dasharray:300;stroke-dashoffset:300;transition:stroke-dashoffset 1.5s ease-out}
.panel.in-view .converge-line{stroke-dashoffset:0}
.conclusion-title{font-size:3rem;color:#E8E4DC;margin-bottom:24px}
.panel-light .conclusion-title{color:#2A2D3A}
.footer-domain{font-family:'Space Mono',monospace;font-size:0.7rem;color:#8A8D96;letter-spacing:0.06em;margin-top:32px}
@media(max-width:768px){.kanji-char{font-size:3.5rem}.panel-title{font-size:1.3rem}.panel-content{padding:24px}}