.wip-banner{position:fixed;top:0;left:var(--sidebar-width);right:0;z-index:150;background:#fff8e1;border-bottom:1px solid #ffe082;padding:.35rem 1rem;font-family:var(--font-sans);font-size:.75rem;color:#5d4037;text-align:center;line-height:1.4}[data-theme=dark] .wip-banner{background:#332b00;border-bottom-color:#5d4a00;color:#ffcc80}*,:after,:before{box-sizing:border-box;margin:0;padding:0}*{max-width:100%}audio,canvas,embed,iframe,img,object,svg,video{max-width:100%;height:auto}:root{--text:#1a1a1a;--text-secondary:#555;--bg:#fafaf8;--bg-sidebar:#f0efeb;--border:#ddd;--accent:#2c5aa0;--accent-light:#e8f0fe;--content-width:42rem;--sidebar-width:260px;--font-body:Georgia,"Times New Roman",serif;--font-serif:Georgia,"Times New Roman",serif;--font-sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;--font-mono:"SF Mono","Fira Code",monospace}html{font-size:17px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body,html{-webkit-text-size-adjust:100%;max-width:100vw;overflow-x:hidden!important;width:100%;position:relative}body{font-family:var(--font-body);color:var(--text);background:var(--bg);line-height:1.72;display:flex;min-height:100vh;margin:0}.sidebar{position:fixed;top:0;left:0;width:var(--sidebar-width);height:100vh;background:var(--bg-sidebar);border-right:1px solid var(--border);overflow-y:auto;padding:2rem 1.25rem;z-index:100;transition:transform .25s ease}.sidebar-toggle{display:none;position:fixed;top:1rem;left:1rem;z-index:200;background:var(--bg);border:1px solid var(--border);border-radius:6px;width:40px;height:40px;font-size:1.2rem;cursor:pointer;line-height:1;color:var(--text)}.sidebar-overlay{display:none}.toc-home{font-family:var(--font-serif);font-size:.95rem;font-weight:600;color:var(--text);text-decoration:none;display:block;margin-bottom:1.25rem;line-height:1.3}.toc-home:hover{color:var(--accent)}.toc ul{list-style:none}.toc li{margin-bottom:.35rem}.toc a{font-family:var(--font-sans);font-size:.85rem;color:var(--text-secondary);text-decoration:none;display:block;padding:.25rem .5rem;border-radius:4px;transition:background .15s,color .15s}.toc a:hover{background:rgba(0,0,0,.05);color:var(--text)}.toc li.active a{color:var(--text);background:none;font-weight:600}.toc-chapter-row{display:flex;align-items:center;gap:0}.toc-chapter-row a{flex:1 1}.toc-expand{background:none;border:none;cursor:pointer;color:var(--text-secondary);font-size:.7rem;padding:.25rem .4rem;border-radius:3px;line-height:1;flex-shrink:0}.toc-expand:hover{background:rgba(0,0,0,.05);color:var(--text)}.toc-sections{list-style:none;margin:.15rem 0 .3rem;padding:0}.toc-sections li{margin-bottom:.1rem}.toc-sections a{font-family:var(--font-sans);font-size:.75rem;color:var(--text-secondary);text-decoration:none;display:block;padding:.15rem .5rem .15rem 1.2rem;border-radius:3px;line-height:1.35;opacity:.85}.toc-sections a:hover{background:rgba(0,0,0,.04);color:var(--text);opacity:1}.toc-sections .toc-subsection a{padding-left:1.8rem;font-size:.7rem}.toc-sections li.toc-active a{color:var(--text);font-weight:600;opacity:1}.toc-pdf{margin-top:1.5rem;padding-top:1rem;border-top:1px solid var(--border)}.toc-pdf a{font-family:var(--font-sans);font-size:.8rem;color:var(--text-secondary);text-decoration:none;display:flex;flex-direction:column;align-items:center;gap:.5rem}.toc-pdf a:hover{color:var(--accent)}.toc-pdf-cover{width:100%;max-width:180px;border:1px solid var(--border);border-radius:4px;box-shadow:0 2px 8px rgba(0,0,0,.1);transition:box-shadow .2s,transform .2s}.toc-pdf a:hover .toc-pdf-cover{box-shadow:0 4px 16px rgba(0,0,0,.15);transform:translateY(-1px)}.toc-socials{display:flex;justify-content:center;gap:.75rem;margin-top:1rem}.toc-socials a{color:var(--text-secondary);opacity:.6;transition:opacity .15s,color .15s}.toc-socials a:hover{color:var(--text);opacity:1}.toc-legal{display:flex;justify-content:center;gap:.4rem;margin-top:.6rem;font-family:var(--font-sans);font-size:.7rem;opacity:.5}.toc-legal,.toc-legal a{color:var(--text-secondary)}.toc-legal a{text-decoration:none}.toc-legal a:hover{text-decoration:underline;opacity:1}.main-content{margin-left:var(--sidebar-width);flex:1 1;min-height:100vh;max-width:100%;display:flex;justify-content:center;padding:calc(3rem + 28px) 2rem 3rem}.landing,.main-content{width:100%;box-sizing:border-box;overflow-x:hidden}.landing{max-width:var(--content-width)}.landing-header{text-align:center;margin-bottom:3rem;padding-top:4rem}.landing-header h1{font-size:2.5rem;font-weight:400;letter-spacing:-.02em;margin-bottom:.5rem}.landing-subtitle{font-size:1.1rem;color:var(--text-secondary);font-style:italic}.landing-rule{width:60%;max-width:200px;height:1px;background:var(--border);margin:2rem auto 0}.landing-body{margin-bottom:3rem}.landing-body p{margin-bottom:1.25rem}.landing-nav{display:flex;gap:1rem;margin-top:2rem;flex-wrap:wrap}.landing-pdf,.landing-start{font-family:var(--font-sans);font-size:.95rem;padding:.65rem 1.5rem;border-radius:6px;text-decoration:none;transition:background .15s,color .15s}.landing-start{background:var(--text);color:white}.landing-start:hover{background:#333}.landing-pdf{background:transparent;color:var(--text-secondary);border:1px solid var(--border)}.landing-pdf:hover{background:rgba(0,0,0,.03);color:var(--text)}.landing-toc{border-top:1px solid var(--border);padding-top:2rem}.landing-toc h2{font-size:1.2rem;font-weight:400;margin-bottom:1rem}.landing-toc ol{padding-left:1.5rem}.landing-toc li{margin-bottom:.5rem}.landing-toc a{color:var(--accent);text-decoration:none}.landing-toc a:hover{text-decoration:underline}.chapter{max-width:var(--content-width);width:100%;box-sizing:border-box;overflow-x:hidden}.chapter-header{margin-bottom:2.5rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border)}.chapter-subtitle{font-size:.85rem;font-family:var(--font-sans);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;margin-bottom:.4rem}.chapter-title{font-size:1.8rem;font-weight:400;line-height:1.3}.chapter-content{overflow-wrap:break-word;word-wrap:break-word;max-width:100%;-webkit-touch-callout:none}.chapter-content h1{font-size:1.6rem;font-weight:400;margin:2.5rem 0 1rem;padding-top:1rem;border-top:1px solid #eee}.chapter-content h2{font-size:1.3rem;font-weight:400;margin:2rem 0 .75rem}.chapter-content h3{font-size:1.1rem;font-weight:600;margin:1.5rem 0 .5rem}.chapter-content h4{font-size:1rem;font-weight:600;margin:1.25rem 0 .5rem}.chapter-content p{margin-bottom:1.1rem;text-align:justify;-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word;word-wrap:break-word}.chapter-content blockquote{margin:1.5rem 0;padding:0 0 0 1.25rem;border-left:3px solid var(--border);color:var(--text-secondary);overflow-wrap:break-word;word-wrap:break-word;max-width:100%}.chapter-content ol,.chapter-content ul{margin:1rem 0;padding-left:1.75rem}.chapter-content li{margin-bottom:.5rem}.chapter-content a{color:var(--accent);text-decoration:none}.chapter-content a:hover{text-decoration:underline}.chapter-content table{width:100%;max-width:100%;border-collapse:collapse;margin:1.5rem 0;font-size:.9rem;display:block;overflow-x:auto}.chapter-content td,.chapter-content th{padding:.5rem .75rem;border-bottom:1px solid var(--border);text-align:left}.chapter-content th{font-weight:600;font-family:var(--font-sans);font-size:.8rem;text-transform:uppercase;letter-spacing:.03em}.chapter-content img{max-width:100%;height:auto;border-radius:4px;margin:1rem 0}.chapter-content figure{margin:2rem 0;text-align:center}.chapter-content figcaption{font-size:.85rem;color:var(--text-secondary);margin-top:.5rem;line-height:1.5;text-align:left}.chapter-content figure.multi{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:.75rem;gap:.75rem}.chapter-content figure.multi figcaption{grid-column:1/-1}.math.display{margin:1.5rem 0}.katex-display,.math.display{overflow-x:auto;padding:.5rem 0}.katex-display{overflow-y:hidden}.env-logos{margin:2rem 0;padding:1.25rem 1.5rem;background:#fafafa;border-left:2px solid #ccc;font-style:italic;color:var(--text-secondary)}.env-connection,.env-empirical,.env-experiment,.env-historical,.env-openquestion,.env-sidebar,.env-software,.env-todo-empirical,.env-warningbox{margin:1.75rem 0;padding:1rem 1.25rem;border-radius:6px;border-left:4px solid;font-size:.92rem}.env-title{font-family:var(--font-sans);font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;margin-bottom:.6rem}.env-sidebar{background:#f0f5ff;border-left-color:#6b8ec9}.env-sidebar .env-title{color:#3b5998}.env-connection{background:#f0f9f0;border-left-color:#6ab06a;font-size:.85rem}.env-connection .env-title{color:#3a7a3a}.env-historical{background:#f5f5f5;border-left-color:#999}.env-historical .env-title{color:#666}.env-empirical{background:#fff8f0;border-left-color:#d4932a}.env-empirical .env-title{color:#b07520}.env-todo-empirical{background:#fffce8;border-left-color:#c9b833}.env-todo-empirical .env-title{color:#8a7f1a}.env-openquestion{background:#f8f0ff;border-left-color:#9966cc}.env-openquestion .env-title{color:#7744aa}.env-warningbox{background:#fff0f0;border-left-color:#cc4444}.env-warningbox .env-title{color:#aa2222}.env-experiment{background:#f0fafa;border-left-color:#4a9e9e}.env-experiment .env-title{color:#2a7a7a}.env-software{background:#f0fbff;border-left-color:#4a9ecc}.env-software .env-title{color:#2a7aaa}.env-theorem{margin:1.5rem 0;padding:1rem 1.25rem;border-left:3px solid;border-radius:0 4px 4px 0}.env-definition{background:#f5f8ff;border-left-color:#4a6fa5}.env-proposition,.env-theorem{background:#f5f5f0;border-left-color:#8a7a5a}.env-hypothesis{background:#faf5ff;border-left-color:#8a5aaa}.env-example{background:#f5faf5;border-left-color:#5a8a5a}.env-remark{background:#fafafa;border-left-color:#888}.env-conjecture{background:#fff8f0;border-left-color:#aa8a5a}.env-axiom,.env-corollary,.env-lemma{background:#f8f8f5;border-left-color:#6a6a5a}.env-proof{margin:1rem 0 1.5rem;padding:.75rem 1rem;background:#fcfcfc;border-left:2px solid #ddd;font-size:.93rem}.qed{float:right;color:#999}.margin-note{display:block;font-size:.82rem;color:#666;line-height:1.5;margin:.5rem 0;padding:.5rem .75rem;background:#f8f7f4;border-radius:4px;border-left:2px solid #ddd}.env-keyresult{background:#f0f5ff;border-left:3px solid #4a7acc}.env-keyresult,.env-phenomenal{margin:1rem 0;padding:.75rem 1rem;border-radius:0 4px 4px 0;font-size:.85rem}.env-phenomenal{background:#f8f0ff;border-left:3px solid #9966cc}.env-warning-margin{margin:1rem 0;padding:.75rem 1rem;background:#fff0f0;border-left:3px solid #cc4444;border-radius:0 4px 4px 0;font-size:.85rem}.wide-breath{max-width:38rem;margin:2rem auto;line-height:1.85}.wide-margin{max-width:var(--content-width)}.env-normimp{margin:1rem 0;padding:.75rem 1.25rem;background:#f5f5f0;border-left:3px solid #8a7a5a;font-style:italic}.small-caps{font-feature-settings:"smcp";font-variant:small-caps}.tikz-placeholder{margin:1.5rem 0;padding:2rem;background:#f5f5f5;border:1px dashed #ccc;border-radius:6px;text-align:center;color:var(--text-secondary)}.chapter-nav{display:flex;justify-content:space-between;margin:4rem 0 2rem;padding-top:2rem;border-top:1px solid var(--border);font-family:var(--font-sans);font-size:.9rem}.chapter-nav a{color:var(--accent);text-decoration:none;display:flex;align-items:center;gap:.5rem}.chapter-nav a:hover{text-decoration:underline}.chapter-nav-arrow{font-size:1.2rem}@media (max-width:900px){:root{--sidebar-width:0px}html{font-size:16px}.sidebar{transform:translateX(-100%);width:280px}.sidebar-open{transform:translateX(0)}.sidebar-toggle{display:flex;align-items:center;justify-content:center}.sidebar-overlay{display:block;position:fixed;inset:0;background:rgba(0,0,0,.3);z-index:50}.main-content{margin-left:0;padding:4rem .5rem 1.5rem;max-width:100vw;overflow-x:hidden}.chapter,.landing{max-width:100%}.chapter-content p{text-align:left;-webkit-hyphens:none;hyphens:none;word-break:break-word}.chapter-content blockquote{padding:0 0 0 .75rem}.audio-player{padding-left:3.5rem}.landing-header{padding-top:1rem}.landing-header h1{font-size:1.8rem}.env-connection,.env-empirical,.env-experiment,.env-historical,.env-openquestion,.env-sidebar,.env-software,.env-todo-empirical,.env-warningbox{max-width:100%;overflow-x:auto}}.audio-player{position:-webkit-sticky;position:sticky;top:0;z-index:50;background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:.75rem 1rem 0;margin-bottom:1.5rem;box-shadow:0 2px 8px rgba(0,0,0,.06);font-family:var(--font-sans);max-width:100%;overflow:visible}.audio-player-top{display:flex;align-items:center;gap:.75rem}.audio-play-btn{flex-shrink:0;width:36px;height:36px;border-radius:50%;border:none;background:var(--text);color:white;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s}.audio-play-btn:hover{background:#333}.audio-info{flex:1 1;min-width:0}.audio-section-title{font-size:.85rem;font-weight:500;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.audio-time{font-size:.72rem;color:var(--text-secondary);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.audio-controls-right{display:flex;align-items:center;gap:.25rem;flex-shrink:0}.audio-next-btn,.audio-prev-btn{background:none;border:none;cursor:pointer;color:var(--text-secondary);padding:.35rem;border-radius:4px;display:flex;align-items:center;justify-content:center}.audio-next-btn:hover,.audio-prev-btn:hover{background:rgba(0,0,0,.05);color:var(--text)}.audio-next-btn:disabled,.audio-prev-btn:disabled{opacity:.3;cursor:default}.audio-dropdown-wrap{position:relative}.audio-dropdown-btn{font-family:var(--font-sans);font-size:.75rem;background:none;border:1px solid var(--border);border-radius:4px;padding:.25rem .5rem;cursor:pointer;color:var(--text-secondary);display:flex;align-items:center;white-space:nowrap}.audio-dropdown-btn:hover{background:rgba(0,0,0,.03);color:var(--text)}.audio-dropdown-menu{position:absolute;top:100%;right:0;margin-top:4px;background:white;border:1px solid var(--border);border-radius:6px;box-shadow:0 4px 16px rgba(0,0,0,.12);max-height:300px;overflow-y:auto;min-width:220px;z-index:60}.audio-dropdown-item{display:block;width:100%;text-align:left;background:none;border:none;padding:.5rem .75rem;font-family:var(--font-sans);font-size:.8rem;color:var(--text);cursor:pointer;line-height:1.35}.audio-dropdown-item:hover{background:rgba(0,0,0,.04)}.audio-dropdown-item.active{color:var(--accent);font-weight:500;background:var(--accent-light)}.audio-dropdown-num{color:var(--text-secondary);margin-right:.35rem;font-size:.75rem}.audio-progress{height:4px;background:#e5e5e5;border-radius:2px;cursor:pointer;margin-top:.6rem;margin-bottom:.75rem;position:relative}.audio-progress-bar{height:100%;background:var(--text);border-radius:2px;transition:width .1s linear}.audio-progress:hover{height:6px;margin-top:calc(.6rem - 1px)}.audio-progress:hover .audio-progress-bar{background:var(--accent)}@media (max-width:600px){html{font-size:16px}.main-content{padding:3.5rem .5rem 1rem;overflow-x:hidden}.chapter-title{font-size:1.4rem}.chapter-content h1{font-size:1.3rem}.chapter-content h2{font-size:1.15rem}.chapter-nav{flex-direction:column;gap:1rem}.landing-header h1{font-size:1.5rem}.landing-subtitle{font-size:.95rem}}.reading-progress{position:fixed;top:0;left:0;height:3px;background:var(--accent);z-index:1000;transition:width .1s linear}.reader-toolbar{position:fixed;top:1rem;right:1rem;z-index:200;display:flex;align-items:center;gap:2px;background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:4px;box-shadow:0 2px 8px rgba(0,0,0,.08);font-family:var(--font-sans)}.reader-toolbar-btn{background:none;border:none;cursor:pointer;font-size:.85rem;color:var(--text-secondary);padding:.3rem .45rem;border-radius:5px;line-height:1;transition:background .15s,color .15s;display:flex;align-items:center;gap:1px}.reader-toolbar-btn:hover{background:rgba(0,0,0,.06);color:var(--text)}.reader-toolbar-btn:disabled{opacity:.3;cursor:default}.reader-toolbar-btn-small{font-size:.7rem;padding:.2rem .35rem}.fontsize-toggle{display:flex;align-items:baseline;gap:0}.fontsize-btn{background:none;border:none;cursor:pointer;color:var(--text-secondary);padding:.3rem .25rem;border-radius:5px;transition:background .15s,color .15s;line-height:1;font-family:var(--font-serif);font-weight:500}.fontsize-btn:hover{background:rgba(0,0,0,.06);color:var(--text)}.fontsize-btn:disabled{opacity:.3;cursor:default}.fontsize-btn-small{font-size:.7rem}.fontsize-btn-large{font-size:1.05rem}.font-picker{position:relative;display:flex;align-items:center}.font-picker-menu{position:absolute;top:calc(100% + 6px);right:0;background:var(--bg);border:1px solid var(--border);border-radius:8px;box-shadow:0 4px 16px rgba(0,0,0,.12);min-width:180px;z-index:210;padding:4px}.font-picker-option{display:block;width:100%;text-align:left;background:none;border:none;padding:.4rem .6rem;font-size:.8rem;color:var(--text);cursor:pointer;border-radius:5px;transition:background .15s}.font-picker-option:hover{background:rgba(0,0,0,.04)}.font-picker-option.active{color:var(--accent);font-weight:600}[data-theme=dark] .font-picker-menu{background:var(--bg);border-color:var(--border);box-shadow:0 4px 16px rgba(0,0,0,.3)}[data-theme=dark] .font-picker-option:hover{background:rgba(255,255,255,.05)}.accent-picker{display:flex;align-items:center;gap:3px}.accent-dot{width:14px;height:14px;border-radius:50%;border:2px solid transparent;cursor:pointer;padding:0;background:none;transition:border-color .15s,transform .15s}.accent-dot:hover{transform:scale(1.15)}.accent-dot.active{border-color:var(--text)}.accent-dot-inner{width:100%;height:100%;border-radius:50%}.reader-toolbar-dropdown{position:relative;display:flex;align-items:center}.reader-toolbar-menu{position:absolute;top:calc(100% + 6px);right:0;background:var(--bg);border:1px solid var(--border);border-radius:8px;box-shadow:0 4px 16px rgba(0,0,0,.12);min-width:240px;max-height:350px;overflow-y:auto;z-index:210}.reader-toolbar-menu-empty{padding:1rem;text-align:center;color:var(--text-secondary);font-size:.8rem}.reader-toolbar-menu-group{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-secondary);padding:.5rem .75rem .25rem;border-top:1px solid var(--border)}.reader-toolbar-menu-group:first-child{border-top:none}.reader-toolbar-menu-item{display:flex;align-items:center;gap:4px}.reader-toolbar-menu-link{flex:1 1;background:none;border:none;text-align:left;padding:.4rem .75rem;font-size:.8rem;color:var(--text);cursor:pointer;line-height:1.35;font-family:var(--font-sans)}.reader-toolbar-menu-link:hover{background:rgba(0,0,0,.04)}.reader-toolbar-menu-remove{background:none;border:none;cursor:pointer;color:var(--text-secondary);font-size:1rem;padding:.25rem .5rem;opacity:.5;line-height:1}.reader-toolbar-menu-remove:hover{opacity:1;color:#cc4444}.search-overlay{position:fixed;inset:0;z-index:500;background:rgba(0,0,0,.2);display:flex;align-items:flex-start;justify-content:center;padding-top:min(20vh,120px);animation:searchFadeIn .15s ease}@keyframes searchFadeIn{0%{opacity:0}to{opacity:1}}.search-container{width:90%;max-width:540px;background:var(--bg);border:1px solid var(--border);border-radius:12px;box-shadow:0 12px 48px rgba(0,0,0,.12);overflow:hidden;animation:searchSlideIn .2s ease}@keyframes searchSlideIn{0%{opacity:0;transform:translateY(-8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.search-input-wrap{display:flex;align-items:center;padding:14px 16px;gap:10px;border-bottom:1px solid var(--border)}.search-input-icon{flex-shrink:0;color:var(--text-secondary);opacity:.6}.search-input{flex:1 1;border:none;background:none;font-size:1rem;font-family:var(--font-sans);color:var(--text);outline:none}.search-input::placeholder{color:var(--text-secondary);opacity:.5}.search-close{flex-shrink:0;background:none;border:none;cursor:pointer;color:var(--text-secondary);padding:4px;border-radius:6px;display:flex;align-items:center;transition:background .15s}.search-close:hover{background:rgba(0,0,0,.06)}.search-results{max-height:50vh;overflow-y:auto}.search-empty{padding:2rem;text-align:center;color:var(--text-secondary);font-size:.85rem;font-family:var(--font-sans)}.search-result{display:block;width:100%;text-align:left;background:none;border:none;cursor:pointer;padding:10px 16px;border-bottom:1px solid var(--border);transition:background .1s;font-family:var(--font-sans)}.search-result:hover{background:rgba(0,0,0,.03)}.search-result:last-child{border-bottom:none}.search-result-chapter{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-secondary);margin-bottom:2px}.search-result-heading{font-size:.85rem;font-weight:500;color:var(--text);margin-bottom:3px}.search-result-snippet{font-size:.78rem;color:var(--text-secondary);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}[data-theme=dark] .search-overlay{background:rgba(0,0,0,.5)}[data-theme=dark] .search-container{background:var(--bg);border-color:var(--border);box-shadow:0 12px 48px rgba(0,0,0,.4)}[data-theme=dark] .search-input-wrap{border-bottom-color:var(--border)}[data-theme=dark] .search-close:hover{background:rgba(255,255,255,.08)}[data-theme=dark] .search-result:hover{background:rgba(255,255,255,.04)}[data-theme=dark] .search-result{border-bottom-color:var(--border)}@media (max-width:900px){.search-overlay{padding-top:0;align-items:stretch}.search-container{width:100%;max-width:none;border-radius:0;height:100%;display:flex;flex-direction:column}.search-input-wrap{padding:16px}.search-input{font-size:1.1rem}.search-results{max-height:none;flex:1 1;overflow-y:auto}}.highlight-popover{position:fixed;transform:translateX(-50%);background:var(--text);color:white;border-radius:6px;padding:2px;display:flex;gap:2px;z-index:300;box-shadow:0 3px 12px rgba(0,0,0,.2);font-family:var(--font-sans)}.highlight-popover button{background:none;border:none;color:white;font-size:.78rem;padding:.3rem .6rem;cursor:pointer;border-radius:4px;font-family:var(--font-sans)}.highlight-popover button:hover{background:rgba(255,255,255,.15)}.para-play-btn{position:fixed;transform:translateX(-50%);background:var(--text);border-radius:6px;padding:2px;z-index:250;box-shadow:0 3px 12px rgba(0,0,0,.2);animation:paraPlayFadeIn .15s ease}.para-play-btn,.para-play-btn button{color:white;display:flex;font-family:var(--font-sans)}.para-play-btn button{background:none;border:none;font-size:.78rem;padding:.3rem .6rem;cursor:pointer;border-radius:4px;align-items:center;gap:4px}.para-play-btn button:hover{background:rgba(255,255,255,.15)}@keyframes paraPlayFadeIn{0%{opacity:0;transform:translateX(-50%) scale(.9)}to{opacity:1;transform:translateX(-50%) scale(1)}}mark.user-highlight{background:rgba(255,213,79,.4);cursor:pointer;border-radius:2px;padding:1px 0}.user-avatar-btn{padding:.2rem}.user-avatar-initial{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;background:var(--accent);color:white;font-size:.65rem;font-weight:600;font-family:var(--font-sans)}.user-menu{min-width:200px}.user-menu,.user-menu-header{display:flex;flex-direction:column}.user-menu-header{padding:.75rem;border-bottom:1px solid var(--border);gap:.15rem}.user-menu-header strong{font-size:.8rem;font-family:var(--font-sans)}.user-menu-header span{font-size:.7rem;color:var(--text-secondary);font-family:var(--font-sans)}.user-menu .reader-toolbar-menu-link{flex:none;display:block;width:100%}.user-menu-signout{border-top:1px solid var(--border);color:var(--text-secondary)!important}.auth-page{display:flex;justify-content:center;align-items:flex-start;padding-top:4rem;max-width:var(--content-width);width:100%}.auth-card{width:100%;max-width:380px}.auth-title{font-size:1.6rem;font-weight:400;margin-bottom:.5rem}.auth-subtitle{color:var(--text-secondary);font-size:.9rem;margin-bottom:2rem}.auth-form{gap:1rem}.auth-field,.auth-form{display:flex;flex-direction:column}.auth-field{gap:.3rem}.auth-field span{font-family:var(--font-sans);font-size:.8rem;font-weight:500;color:var(--text-secondary)}.auth-field input{font-family:var(--font-sans);font-size:.9rem;padding:.6rem .75rem;border:1px solid var(--border);border-radius:6px;background:var(--bg);color:var(--text);outline:none;transition:border-color .15s}.auth-field input:focus{border-color:var(--accent)}.auth-error{color:#cc4444;font-size:.85rem}.auth-error,.auth-submit{font-family:var(--font-sans)}.auth-submit{font-size:.9rem;padding:.65rem 1.5rem;border-radius:6px;border:none;background:var(--text);color:var(--bg);cursor:pointer;transition:opacity .15s;margin-top:.5rem}.auth-submit:hover{opacity:.85}.auth-submit:disabled{opacity:.5;cursor:default}.auth-switch{margin-top:1.5rem;color:var(--text-secondary)}.auth-switch,.auth-switch button{font-size:.85rem;font-family:var(--font-sans)}.auth-switch button{background:none;border:none;color:var(--accent);cursor:pointer}.auth-switch button:hover{text-decoration:underline}.auth-oauth{display:flex;flex-direction:column;gap:.6rem;margin-bottom:1.5rem}.auth-oauth-btn{display:flex;align-items:center;justify-content:center;gap:.6rem;width:100%;padding:.6rem 1rem;border:1px solid var(--border);border-radius:6px;background:var(--bg);color:var(--text);font-family:var(--font-sans);font-size:.9rem;cursor:pointer;transition:border-color .15s,background .15s}.auth-oauth-btn:hover{border-color:var(--text-secondary);background:var(--bg-secondary,var(--bg))}.auth-divider{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;color:var(--text-secondary);font-family:var(--font-sans);font-size:.8rem}.auth-divider:after,.auth-divider:before{content:"";flex:1 1;border-top:1px solid var(--border)}.app-page{max-width:var(--content-width);width:100%;padding-top:1rem}.app-page h1{font-size:1.6rem;font-weight:400}.app-page h1,.tabs{margin-bottom:1.5rem}.tabs{display:flex;gap:0;border-bottom:1px solid var(--border)}.tabs button{font-family:var(--font-sans);font-size:.85rem;background:none;padding:.5rem 1rem;cursor:pointer;color:var(--text-secondary);border:none;border-bottom:2px solid transparent;transition:color .15s,border-color .15s}.tabs button:hover{color:var(--text)}.tabs button.active{color:var(--accent);border-bottom-color:var(--accent)}.library-group{margin-bottom:2rem}.library-group-title{font-family:var(--font-sans);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-secondary);margin-bottom:.5rem}.library-item{display:flex;align-items:flex-start;gap:.75rem;padding:.6rem 0;border-bottom:1px solid rgba(0,0,0,.05)}.library-item-text{flex:1 1;min-width:0}.library-item-exact{font-size:.9rem;line-height:1.5;margin-bottom:.25rem}.library-item-note{font-size:.8rem;color:var(--text-secondary);font-style:italic}.library-item-meta{font-size:.7rem;color:var(--text-secondary);font-family:var(--font-sans);white-space:nowrap}.library-item-actions{display:flex;gap:.25rem;flex-shrink:0}.library-item-actions button{background:none;border:none;cursor:pointer;color:var(--text-secondary);font-size:.75rem;padding:.2rem .4rem;border-radius:3px;font-family:var(--font-sans)}.library-item-actions button:hover{background:rgba(0,0,0,.05);color:var(--text)}.library-empty{text-align:center;padding:3rem 1rem;color:var(--text-secondary);font-size:.9rem}.settings-section{margin-bottom:2rem}.settings-section h2{font-size:1.1rem;font-weight:400;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid var(--border)}.settings-profile-picture{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.settings-avatar{width:64px;height:64px;border-radius:50%;overflow:hidden;cursor:pointer;position:relative;background:var(--accent-light);display:flex;align-items:center;justify-content:center;flex-shrink:0}.settings-avatar img{width:100%;height:100%;object-fit:cover}.settings-avatar-initial{font-size:1.5rem;font-weight:600;color:var(--accent);font-family:var(--font-sans)}.settings-avatar-overlay{position:absolute;inset:0;background:rgba(0,0,0,.4);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .15s;color:white}.settings-avatar:hover .settings-avatar-overlay{opacity:1}.settings-remove-avatar{font-family:var(--font-sans);font-size:.8rem;color:var(--text-secondary);background:none;border:none;cursor:pointer;text-decoration:underline}.settings-remove-avatar:hover{color:#cc4444}.settings-avatar-actions{display:flex;flex-direction:column;gap:.35rem}.settings-avatar-library-btn{font-family:var(--font-sans);font-size:.8rem;color:var(--accent);background:none;border:none;cursor:pointer;padding:0;text-align:left}.settings-avatar-library-btn:hover{text-decoration:underline}.settings-avatar-grid{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.settings-avatar-preset{width:48px;height:48px;border-radius:50%;overflow:hidden;cursor:pointer;border:2px solid transparent;padding:0;background:none;transition:border-color .15s,transform .15s}.settings-avatar-preset img{width:100%;height:100%;object-fit:cover}.settings-avatar-preset:hover{border-color:var(--accent);transform:scale(1.1)}.settings-avatar-preset.active{border-color:var(--accent)}.settings-field{display:flex;flex-direction:column;gap:.3rem;margin-bottom:1rem}.settings-field label{font-family:var(--font-sans);font-size:.8rem;font-weight:500;color:var(--text-secondary)}.settings-field input,.settings-field textarea{font-family:var(--font-sans);font-size:.9rem;padding:.5rem .75rem;border:1px solid var(--border);border-radius:6px;background:var(--bg);color:var(--text);outline:none}.settings-field textarea{min-height:80px;resize:vertical;font-family:var(--font-serif)}.settings-field input:focus,.settings-field textarea:focus{border-color:var(--accent)}.settings-toggle{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.settings-toggle label{font-family:var(--font-sans);font-size:.85rem;cursor:pointer}.settings-toggle input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:var(--accent)}.settings-save{font-family:var(--font-sans);font-size:.85rem;padding:.5rem 1.25rem;border-radius:6px;border:1px solid var(--border);background:var(--bg);color:var(--text);cursor:pointer}.settings-save:hover{background:rgba(0,0,0,.03)}.community-note{margin:.75rem 0;padding:.6rem .75rem;background:rgba(107,158,221,.08);border-left:3px solid var(--accent);border-radius:0 4px 4px 0;font-size:.82rem}.community-note-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.3rem;font-family:var(--font-sans);font-size:.72rem;color:var(--text-secondary)}.community-note-avatar{width:18px;height:18px;border-radius:50%;background:var(--accent);color:white;display:flex;align-items:center;justify-content:center;font-size:.55rem;font-weight:600;flex-shrink:0}.community-note-quote{font-style:italic;color:var(--text-secondary);margin-bottom:.25rem;font-size:.78rem}.community-note-body{line-height:1.55}.community-note-avatar-img{width:18px;height:18px;border-radius:50%;flex-shrink:0;object-fit:cover}.emoji-reactions{display:flex;flex-wrap:wrap;gap:4px;margin-top:.35rem;align-items:center}.emoji-badge{display:inline-flex;align-items:center;gap:3px;padding:1px 6px;border-radius:10px;border:1px solid var(--border);background:transparent;cursor:pointer;font-size:.72rem;font-family:var(--font-sans);color:var(--text-secondary);transition:border-color .15s,background .15s}.emoji-badge.reacted,.emoji-badge:hover{border-color:var(--accent)}.emoji-badge.reacted{background:var(--accent-light);color:var(--text)}.emoji-badge:disabled{cursor:default;opacity:.7}.emoji-badge-emoji{font-size:.8rem}.emoji-badge-count{font-size:.65rem;min-width:8px;text-align:center}.emoji-add-btn{width:22px;height:22px;border-radius:50%;border:1px dashed var(--border);background:transparent;cursor:pointer;font-size:.75rem;color:var(--text-secondary);display:flex;align-items:center;justify-content:center;transition:border-color .15s}.emoji-add-btn:hover{border-color:var(--accent);color:var(--accent)}.emoji-picker-wrapper{position:relative}.emoji-picker{position:absolute;bottom:100%;left:0;display:flex;gap:2px;padding:4px;background:var(--bg);border:1px solid var(--border);border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.12);z-index:10}.emoji-picker-item{background:none;border:none;cursor:pointer;padding:4px;border-radius:4px;font-size:1rem;transition:background .1s}.emoji-picker-item:hover{background:var(--accent-light)}.comment-thread{margin-top:.3rem}.comment-thread-toggle{background:none;border:none;cursor:pointer;font-size:.7rem;font-family:var(--font-sans);color:var(--text-secondary);padding:2px 0}.comment-thread-toggle:hover{color:var(--accent)}.comment-chevron{margin-left:4px;font-size:.55rem}.comment-thread-body{margin-top:.4rem;padding-left:.5rem;border-left:1px solid var(--border)}.comment-item{margin-bottom:.5rem;padding-bottom:.4rem}.comment-item+.comment-item{border-top:1px solid var(--border);padding-top:.4rem}.comment-header{display:flex;align-items:center;gap:.4rem;font-size:.7rem;font-family:var(--font-sans);color:var(--text-secondary);margin-bottom:.2rem}.comment-avatar{background:var(--accent);color:white;display:flex;align-items:center;justify-content:center;font-size:.5rem;font-weight:600}.comment-avatar,.comment-avatar-img{width:16px;height:16px;border-radius:50%;flex-shrink:0}.comment-avatar-img{object-fit:cover}.comment-author{font-weight:600}.comment-time{color:var(--text-secondary);opacity:.7}.comment-delete{margin-left:auto;background:none;border:none;cursor:pointer;color:var(--text-secondary);font-size:.9rem;padding:0 4px;opacity:.5}.comment-delete:hover{opacity:1;color:#cc4444}.comment-content{font-size:.8rem;line-height:1.5}.comment-loading{font-size:.72rem;color:var(--text-secondary);padding:.3rem 0}.comment-input-row{display:flex;gap:6px;margin-top:.4rem;align-items:flex-end}.comment-input{flex:1 1;resize:none;border:1px solid var(--border);border-radius:6px;padding:6px 8px;font-size:.78rem;font-family:var(--font-sans);background:var(--bg);color:var(--text);min-height:32px;max-height:80px}.comment-input:focus{outline:none;border-color:var(--accent)}.comment-submit{padding:6px 12px;border:none;border-radius:6px;background:var(--accent);color:white;font-size:.72rem;font-family:var(--font-sans);font-weight:600;cursor:pointer;white-space:nowrap}.comment-submit:disabled{opacity:.5;cursor:default}.comment-submit:hover:not(:disabled){opacity:.9}.highlight-popover-reactions{border-top:1px solid rgba(255,255,255,.15);padding-top:4px;margin-top:4px;width:100%}mark.user-highlight.has-note{background:rgba(107,158,221,.3)}mark.user-highlight .published-icon{font-size:.6rem;vertical-align:super;margin-left:2px;opacity:.6}.highlight-note-inline{margin:.5rem 0;padding:.5rem .75rem;background:rgba(255,213,79,.1);border-left:2px solid rgba(255,213,79,.4);border-radius:0 4px 4px 0;font-size:.85rem}.highlight-note-textarea{width:100%;min-height:60px;border:1px solid var(--border);border-radius:4px;padding:.4rem .6rem;font-family:var(--font-serif);font-size:.85rem;background:var(--bg);color:var(--text);resize:vertical;outline:none}.highlight-note-textarea:focus{border-color:var(--accent)}.highlight-note-actions{display:flex;gap:.5rem;margin-top:.4rem}.highlight-note-actions button{font-family:var(--font-sans);font-size:.75rem;padding:.25rem .6rem;border-radius:4px;border:1px solid var(--border);background:var(--bg);color:var(--text);cursor:pointer}.highlight-note-actions button:hover{background:rgba(0,0,0,.03)}.toast{position:fixed;bottom:2rem;left:50%;transform:translateX(-50%);background:var(--text);color:var(--bg);padding:.5rem 1.25rem;border-radius:6px;font-family:var(--font-sans);font-size:.8rem;z-index:500;animation:toast-in .3s ease;box-shadow:0 4px 12px rgba(0,0,0,.2)}@keyframes toast-in{0%{opacity:0;transform:translateX(-50%) translateY(10px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}@keyframes flash-highlight{0%{background:rgba(107,158,221,.5)}50%{background:rgba(255,213,79,.5)}to{background:rgba(255,213,79,0)}}.tikz-diagram{margin:2rem 0;text-align:center}.diagram-svg{width:100%;height:auto;max-width:720px;margin:0 auto;display:block;font-family:var(--font-body,Georgia,"Times New Roman",serif);--d-fg:#2a2a2a;--d-muted:#7a7a7a;--d-line:#4a4a4a;--d-red:#b03a2e;--d-blue:#2471a3;--d-green:#1e8449;--d-orange:#ca6f1e;--d-yellow:#b7950b;--d-cyan:#148f77;--d-violet:#7d3c98;--d-teal:#117a65;--d-purple:#6c3483}[data-theme=dark] .diagram-svg{--d-fg:#d4d4d4;--d-muted:#8a8a8a;--d-line:#aaa;--d-red:#e74c3c;--d-blue:#5dade2;--d-green:#2ecc71;--d-orange:#e67e22;--d-yellow:#f4d03f;--d-cyan:#1abc9c;--d-violet:#bb8fce;--d-teal:#48c9b0;--d-purple:#a569bd}.diagram-svg text{fill:var(--d-fg)}.diagram-svg .interactive{cursor:pointer;transition:opacity .25s ease}.diagram-svg.has-focus .interactive:not(.focused){opacity:.25}@keyframes fade-in{0%{opacity:0}to{opacity:1}}[data-theme=dark]{--text:#e0e0e0;--text-secondary:#a0a0a0;--bg:#1a1a1e;--bg-sidebar:#222226;--border:#3a3a3e;--accent:#6b9edd;--accent-light:#2a3a52}[data-theme=dark] body{color-scheme:dark}[data-theme=dark] .toc a:hover{background:rgba(255,255,255,.06)}[data-theme=dark] .toc li.active a{color:var(--text);background:none}[data-theme=dark] .toc-pdf-cover{border-color:var(--border)}[data-theme=dark] .sidebar-toggle{background:var(--bg);border-color:var(--border);color:var(--text)}[data-theme=dark] .landing-start{background:#e0e0e0;color:#1a1a1e}[data-theme=dark] .landing-start:hover{background:#ccc}[data-theme=dark] .landing-pdf{border-color:var(--border);color:var(--text-secondary)}[data-theme=dark] .landing-pdf:hover{background:rgba(255,255,255,.04)}[data-theme=dark] .chapter-content h1{border-top-color:#333}[data-theme=dark] .chapter-content blockquote{border-left-color:#555}[data-theme=dark] .chapter-content td,[data-theme=dark] .chapter-content th{border-bottom-color:#3a3a3e}[data-theme=dark] .env-logos{background:#222;border-left-color:#555}[data-theme=dark] .env-sidebar{background:#1e2430;border-left-color:#4a6fa5}[data-theme=dark] .env-sidebar .env-title{color:#7aa3d4}[data-theme=dark] .env-connection{background:#1e2a1e;border-left-color:#4a8a4a}[data-theme=dark] .env-connection .env-title{color:#6ab06a}[data-theme=dark] .env-historical{background:#252525;border-left-color:#666}[data-theme=dark] .env-historical .env-title{color:#999}[data-theme=dark] .env-empirical{background:#2a2218;border-left-color:#b07520}[data-theme=dark] .env-empirical .env-title{color:#d4932a}[data-theme=dark] .env-todo-empirical{background:#28261a;border-left-color:#998a22}[data-theme=dark] .env-todo-empirical .env-title{color:#c9b833}[data-theme=dark] .env-openquestion{background:#261e30;border-left-color:#7744aa}[data-theme=dark] .env-openquestion .env-title{color:#b088dd}[data-theme=dark] .env-warningbox{background:#2a1a1a;border-left-color:#aa3333}[data-theme=dark] .env-warningbox .env-title{color:#dd5555}[data-theme=dark] .env-experiment{background:#1a2828;border-left-color:#3a8888}[data-theme=dark] .env-experiment .env-title{color:#5ababa}[data-theme=dark] .env-software{background:#1a2530;border-left-color:#3a7aaa}[data-theme=dark] .env-software .env-title{color:#5a9acc}[data-theme=dark] .env-definition{background:#1e2230;border-left-color:#4a6fa5}[data-theme=dark] .env-proposition,[data-theme=dark] .env-theorem{background:#252420;border-left-color:#8a7a5a}[data-theme=dark] .env-hypothesis{background:#241e2a;border-left-color:#8a5aaa}[data-theme=dark] .env-example{background:#1e2a1e;border-left-color:#5a8a5a}[data-theme=dark] .env-remark{background:#232323;border-left-color:#666}[data-theme=dark] .env-conjecture{background:#2a2418;border-left-color:#aa8a5a}[data-theme=dark] .env-axiom,[data-theme=dark] .env-corollary,[data-theme=dark] .env-lemma{background:#242422;border-left-color:#6a6a5a}[data-theme=dark] .env-proof{background:#222;border-left-color:#444}[data-theme=dark] .margin-note{background:#252520;border-left-color:#444;color:#999}[data-theme=dark] .env-keyresult{background:#1e2430;border-left-color:#4a7acc}[data-theme=dark] .env-phenomenal{background:#261e30;border-left-color:#9966cc}[data-theme=dark] .env-warning-margin{background:#2a1a1a;border-left-color:#cc4444}[data-theme=dark] .env-normimp{background:#252420;border-left-color:#8a7a5a}[data-theme=dark] .tikz-placeholder{background:#252525;border-color:#444}[data-theme=dark] .audio-player{background:var(--bg);border-color:var(--border);box-shadow:0 2px 8px rgba(0,0,0,.2)}[data-theme=dark] .audio-play-btn{background:#e0e0e0;color:#1a1a1e}[data-theme=dark] .audio-play-btn:hover{background:#ccc}[data-theme=dark] .audio-progress{background:#333}[data-theme=dark] .audio-progress-bar{background:var(--text)}[data-theme=dark] .audio-dropdown-menu{background:var(--bg);border-color:var(--border);box-shadow:0 4px 16px rgba(0,0,0,.3)}[data-theme=dark] .audio-dropdown-item:hover{background:rgba(255,255,255,.05)}[data-theme=dark] .audio-dropdown-item.active{background:var(--accent-light)}[data-theme=dark] .reader-toolbar{background:var(--bg);border-color:var(--border);box-shadow:0 2px 8px rgba(0,0,0,.25)}[data-theme=dark] .fontsize-btn:hover,[data-theme=dark] .reader-toolbar-btn:hover{background:rgba(255,255,255,.08)}[data-theme=dark] .reader-toolbar-menu{background:var(--bg);border-color:var(--border);box-shadow:0 4px 16px rgba(0,0,0,.3)}[data-theme=dark] .reader-toolbar-menu-link:hover{background:rgba(255,255,255,.05)}[data-theme=dark] .highlight-popover{background:#e0e0e0;color:#1a1a1e}[data-theme=dark] .highlight-popover button{color:#1a1a1e}[data-theme=dark] .highlight-popover button:hover{background:rgba(0,0,0,.1)}[data-theme=dark] mark.user-highlight{background:rgba(255,213,79,.25)}[data-theme=dark] mark.user-highlight.has-note{background:rgba(107,158,221,.2)}[data-theme=dark] .auth-field input{background:#222;border-color:var(--border)}[data-theme=dark] .auth-submit{background:#e0e0e0;color:#1a1a1e}[data-theme=dark] .settings-field input,[data-theme=dark] .settings-field textarea{background:#222;border-color:var(--border)}[data-theme=dark] .settings-save:hover{background:rgba(255,255,255,.05)}[data-theme=dark] .library-item{border-bottom-color:rgba(255,255,255,.05)}[data-theme=dark] .library-item-actions button:hover{background:rgba(255,255,255,.05)}[data-theme=dark] .community-note{background:rgba(107,158,221,.1)}[data-theme=dark] .comment-input,[data-theme=dark] .emoji-picker{background:#1a1a1a;border-color:#333}[data-theme=dark] .highlight-note-inline{background:rgba(255,213,79,.08);border-left-color:rgba(255,213,79,.25)}[data-theme=dark] .highlight-note-textarea{background:#222;border-color:var(--border)}[data-theme=dark] .highlight-note-actions button{border-color:var(--border)}[data-theme=dark] .highlight-note-actions button:hover{background:rgba(255,255,255,.05)}[data-theme=dark] .katex{color:var(--text)}@media (max-width:900px){.reader-toolbar{top:auto;bottom:1rem;right:.5rem}.reader-toolbar-menu{position:fixed;top:auto;bottom:3.5rem;right:.5rem;left:.5rem;min-width:0;max-height:60vh}}.mobile-header{display:none}@media (max-width:900px){.mobile-header{display:block;position:fixed;top:0;left:0;right:0;z-index:200}.reader-toolbar,.sidebar-toggle{display:none!important}.wip-banner{display:none}.mobile-header-bar{display:flex;align-items:center;height:calc(52px + env(safe-area-inset-top, 0px));padding:env(safe-area-inset-top,0) 4px 0;background:var(--bg);border-bottom:1px solid var(--border)}.mobile-header-btn{background:none;border:none;cursor:pointer;color:var(--text);padding:10px;border-radius:10px;display:flex;align-items:center;justify-content:center;-webkit-tap-highlight-color:transparent;transition:background .15s}.mobile-header-btn:active{background:rgba(0,0,0,.06)}.mobile-header-play{opacity:.6}.mobile-header-center{flex:1 1}.mobile-header-right{display:flex;align-items:center;position:relative}.mobile-header-menu{position:fixed;top:calc(52px + env(safe-area-inset-top, 0px) + 4px);right:8px;width:260px;max-width:calc(100vw - 16px);max-height:calc(100vh - 72px);overflow-y:auto;background:var(--bg);border-radius:14px;border:1px solid var(--border);box-shadow:0 8px 40px rgba(0,0,0,.08);padding:6px 0;font-family:var(--font-sans);z-index:210}.mobile-menu-item{display:flex;align-items:center;gap:12px;width:100%;padding:10px 16px;background:none;border:none;cursor:pointer;font-family:var(--font-sans);font-size:.85rem;color:var(--text);text-align:left;-webkit-tap-highlight-color:transparent;transition:background .1s}.mobile-menu-item:active{background:rgba(0,0,0,.05)}.mobile-menu-icon{width:18px;text-align:center;flex-shrink:0;font-size:.9rem;display:flex;align-items:center;justify-content:center;color:var(--text-secondary)}.mobile-menu-theme-row{cursor:default}.mobile-theme-toggle{margin-left:auto;display:flex;align-items:center;background:rgba(0,0,0,.04);border-radius:8px;padding:2px;gap:2px}.mobile-theme-btn{background:none;border:none;cursor:pointer;padding:6px 8px;border-radius:6px;color:var(--text-secondary);display:flex;align-items:center;justify-content:center;transition:all .15s;-webkit-tap-highlight-color:transparent}.mobile-theme-btn.active{background:var(--bg);color:var(--text);box-shadow:0 1px 3px rgba(0,0,0,.1)}.mobile-theme-btn:active{opacity:.7}.mobile-menu-fontsize{cursor:default}.mobile-menu-fontsize-controls{margin-left:auto;display:flex;align-items:baseline;gap:2px}.mobile-menu-fontsize-controls button{width:34px;height:34px;border:1px solid var(--border);border-radius:8px;background:none;cursor:pointer;color:var(--text);display:flex;align-items:center;justify-content:center;font-family:var(--font-serif);font-weight:500;-webkit-tap-highlight-color:transparent}.mobile-menu-fontsize-controls .fontsize-btn-small{font-size:.8rem}.mobile-menu-fontsize-controls .fontsize-btn-large{font-size:1.2rem}.mobile-menu-fontsize-controls button:active{background:rgba(0,0,0,.05)}.mobile-menu-fontsize-controls button:disabled{opacity:.3;cursor:default}.mobile-menu-divider{height:.5px;background:var(--border);margin:4px 16px}.mobile-menu-chevron{margin-left:auto;font-size:.6rem;color:var(--text-secondary)}.mobile-menu-user-header{display:flex;align-items:center;gap:10px;padding:10px 16px 6px}.mobile-menu-user-initial{width:28px;height:28px;border-radius:50%;background:var(--border);color:var(--text-secondary);font-size:.7rem;font-weight:600;display:flex;align-items:center;justify-content:center;font-family:var(--font-sans);flex-shrink:0}.mobile-menu-user-name{font-family:var(--font-sans);font-size:.85rem;font-weight:500;color:var(--text)}.mobile-menu-user-email{font-family:var(--font-sans);font-size:.7rem;color:var(--text-secondary)}.mobile-menu-signout{color:var(--text-secondary);font-size:.8rem}.sidebar{padding-top:calc(60px + env(safe-area-inset-top, 0px))}.audio-player{position:fixed;top:calc(52px + env(safe-area-inset-top, 0px));left:0;right:0;z-index:190;border-radius:0;margin:0;border-left:none;border-right:none;border-top:none;padding-left:1rem;background:var(--bg);box-shadow:0 1px 8px rgba(0,0,0,.06);transform:translateY(-100%);opacity:0;pointer-events:none;transition:transform .3s ease,opacity .3s ease}.audio-player.audio-started{transform:translateY(0);opacity:1;pointer-events:auto}.main-content{padding-top:calc(60px + env(safe-area-inset-top, 0px))}body[data-audio-started=true] .main-content{padding-top:calc(140px + env(safe-area-inset-top, 0px));transition:padding-top .3s ease}[data-theme=dark] .mobile-header-bar{background:var(--bg);border-bottom-color:var(--border)}[data-theme=dark] .mobile-header-btn:active{background:rgba(255,255,255,.08)}[data-theme=dark] .mobile-header-menu{background:var(--bg);border-color:var(--border);box-shadow:0 8px 40px rgba(0,0,0,.4)}[data-theme=dark] .mobile-menu-item:active,[data-theme=dark] .mobile-theme-toggle{background:rgba(255,255,255,.06)}[data-theme=dark] .mobile-theme-btn.active{background:rgba(255,255,255,.12);box-shadow:0 1px 3px rgba(0,0,0,.3)}[data-theme=dark] .mobile-menu-fontsize-controls button:active{background:rgba(255,255,255,.06)}[data-theme=dark] .audio-player{background:var(--bg)}}.chat-panel-overlay{position:fixed;inset:0;z-index:400;background:rgba(0,0,0,.3);display:flex;justify-content:flex-end}.chat-panel{width:380px;height:100%;background:var(--bg);border-left:1px solid var(--border);display:flex;flex-direction:column;animation:chat-slide-in .2s ease;box-shadow:-4px 0 20px rgba(0,0,0,.1)}@keyframes chat-slide-in{0%{transform:translateX(100%)}to{transform:translateX(0)}}.chat-panel-header{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:1px solid var(--border);min-height:48px;gap:8px}.chat-panel-header-left{display:flex;align-items:center;gap:8px;min-width:0}.chat-panel-header-right{display:flex;align-items:center;gap:4px;flex-shrink:0}.chat-panel-title{font-family:var(--font-sans);font-size:.82rem;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-panel-btn{background:none;border:none;cursor:pointer;color:var(--text-secondary);padding:4px 6px;border-radius:4px;font-family:var(--font-sans);font-size:.72rem;display:flex;align-items:center;gap:4px}.chat-panel-btn:hover{background:var(--accent-light);color:var(--text)}.chat-publish-btn.published{color:var(--accent);font-weight:600}.chat-conv-list{border-bottom:1px solid var(--border);max-height:260px;overflow-y:auto;padding:4px 0}.chat-conv-item{display:block;width:100%;text-align:left;background:none;border:none;cursor:pointer;padding:8px 14px;font-family:var(--font-sans);font-size:.78rem;color:var(--text)}.chat-conv-item.active,.chat-conv-item:hover{background:var(--accent-light)}.chat-conv-item.active{font-weight:600}.chat-conv-new{color:var(--accent);font-weight:500}.chat-conv-title{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-conv-meta{display:block;font-size:.68rem;color:var(--text-secondary);margin-top:2px}.chat-conv-empty{padding:16px 14px;font-size:.78rem}.chat-auth-gate,.chat-conv-empty{font-family:var(--font-sans);color:var(--text-secondary);text-align:center}.chat-auth-gate{flex:1 1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px;font-size:.85rem}.chat-auth-hint{font-size:.75rem;margin-top:8px;opacity:.7}.chat-loading{flex:1 1;display:flex;align-items:center;justify-content:center;font-family:var(--font-sans);color:var(--text-secondary);font-size:.82rem}.chat-messages{overflow-y:auto;padding:16px 14px;gap:12px}.chat-empty,.chat-messages{flex:1 1;display:flex;flex-direction:column}.chat-empty{align-items:center;justify-content:center;text-align:center;padding:32px 16px}.chat-empty-title{font-family:var(--font-sans);font-size:.9rem;font-weight:600;color:var(--text);margin-bottom:8px}.chat-empty-hint{font-family:var(--font-sans);font-size:.78rem;color:var(--text-secondary)}.chat-message{max-width:88%;line-height:1.5}.chat-message-user{align-self:flex-end}.chat-message-assistant{align-self:flex-start}.chat-message-content{padding:8px 12px;border-radius:12px;font-family:var(--font-sans);font-size:.82rem;white-space:pre-wrap;word-break:break-word}.chat-message-user .chat-message-content{background:var(--accent);color:#fff;border-bottom-right-radius:4px}.chat-message-assistant .chat-message-content{background:var(--accent-light);color:var(--text);border-bottom-left-radius:4px}.chat-typing{opacity:.7;animation:chat-pulse 1.2s ease infinite}@keyframes chat-pulse{0%,to{opacity:.7}50%{opacity:.4}}.chat-input-area{padding:8px 14px 14px;border-top:1px solid var(--border)}.chat-context-badge{font-family:var(--font-sans);font-size:.68rem;color:var(--text-secondary);margin-bottom:6px;padding-left:2px}.chat-input-form{display:flex;gap:8px;align-items:flex-end}.chat-input{flex:1 1;background:var(--accent-light);border:1px solid var(--border);border-radius:8px;padding:8px 12px;font-family:var(--font-sans);font-size:.82rem;color:var(--text);resize:none;min-height:36px;max-height:120px;outline:none}.chat-input:focus{border-color:var(--accent)}.chat-send-btn{background:var(--accent);color:#fff;border:none;border-radius:8px;width:36px;height:36px;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0}.chat-send-btn:disabled{opacity:.4;cursor:default}.chat-send-btn:not(:disabled):hover{opacity:.9}.community-conversations{max-width:var(--content-width);margin:2rem auto 0;padding:0 1rem}.community-conversations-title{font-family:var(--font-sans);font-size:.85rem;font-weight:600;color:var(--text-secondary);margin-bottom:12px;text-transform:uppercase;letter-spacing:.04em}.community-conversations-list{display:flex;flex-direction:column;gap:8px}.community-conv-card{border:1px solid var(--border);border-radius:8px;overflow:hidden}.community-conv-header{display:flex;align-items:center;justify-content:space-between;width:100%;background:none;border:none;cursor:pointer;padding:10px 14px;text-align:left;font-family:var(--font-sans)}.community-conv-header:hover{background:var(--accent-light)}.community-conv-title{font-size:.82rem;font-weight:500;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.community-conv-meta{font-size:.7rem;color:var(--text-secondary);flex-shrink:0;margin-left:12px}.community-conv-preview{padding:10px 14px;border-top:1px solid var(--border);background:var(--accent-light)}.community-conv-msg{font-family:var(--font-sans);font-size:.78rem;color:var(--text);margin-bottom:8px;line-height:1.5}.community-conv-role{font-weight:600;color:var(--accent)}.community-conv-open{background:none;border:none;color:var(--accent);font-family:var(--font-sans);font-size:.75rem;cursor:pointer;padding:4px 0;font-weight:500}.community-conv-open:hover{text-decoration:underline}[data-theme=dark] .chat-panel{box-shadow:-4px 0 20px rgba(0,0,0,.4)}[data-theme=dark] .chat-panel-overlay{background:rgba(0,0,0,.5)}@media (max-width:900px){.chat-panel{width:100%}}