.post-date-pill,.post-nav-button{background:#f5f5f5;border:1px solid #e0e0e0;color:#333}.post-image-frame{background:#e7e3df}.ai-summary-section{background:#f8f9fa;border:1px solid #e0e0e0;color:#333}body.dark-mode .post-date-pill,body.dark-mode .post-nav-button{background:#444;border:1px solid #555;color:#fff}body.dark-mode .post-image-frame{background:#1a1a1a}body.dark-mode .ai-summary-section{background:#282828;border:1px solid #555;color:#fff}body.dark-mode #followup-input{background:0 0!important;color:#fff!important}body.dark-mode #followup-input::placeholder{color:#aaa!important}body.dark-mode .followup-pill{background:rgba(255,255,255,.1)!important;border:1px solid #555!important}body.dark-mode #followup-response{background:rgba(255,255,255,.05)!important}.attachment-card{position:relative;display:flex;align-items:flex-start;background:#f8f9f8;border-radius:12px;padding:16px;width:100%;box-sizing:border-box;overflow:hidden;margin:1rem 0;cursor:pointer;transition:.2s;border:2px solid transparent}.attachment-card:hover{border-color:#ff8200;transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.1)}.attachment-details{flex:1;z-index:1;min-width:0;padding-right:120px}.attachment-title{font-weight:700;font-size:16px;margin-bottom:8px;color:#333;word-wrap:break-word;overflow-wrap:break-word}.attachment-meta{font-size:14px;color:#777}.attachment-preview{position:absolute;bottom:-70px;right:20px;transform:rotate(8deg);border:1px solid #ccc;background:#fffbea;width:100px;height:130px;overflow:hidden;display:flex;align-items:center;justify-content:center;flex-shrink:0}.video-embed{position:relative;margin:1.5rem 0;border-radius:12px;overflow:hidden;box-shadow:0 4px 20px rgba(0,0,0,.1);background:#f8f9fa}.video-embed video{width:100%;height:auto;min-height:200px;display:block;border-radius:12px;background:#000}.video-controls{position:absolute;top:15px;right:15px;width:40px;height:40px;border-radius:50%;background:rgba(0,0,0,.7);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.2);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:.3s;opacity:0;transform:scale(.8)}.video-embed:hover .video-controls{opacity:1;transform:scale(1)}.video-controls:hover{background:rgba(0,0,0,.9);transform:scale(1.1)}.video-controls i{color:#fff;font-size:16px;margin-left:2px}.video-controls.paused i{margin-left:2px}.video-controls.playing i{margin-left:0}.video-cover{position:relative;width:100%;height:300px;border-radius:12px;overflow:hidden;margin-bottom:2rem}.video-cover video{width:100%;height:100%;object-fit:cover;background:#000}.video-cover .video-controls{width:60px;height:60px;top:20px;right:20px;background:rgba(0,0,0,.6)}.video-cover .video-controls i{font-size:18px}.dark-mode .video-embed{background:#2a2a2a;box-shadow:0 4px 20px rgba(0,0,0,.3)}.dark-mode .video-controls{background:rgba(255,255,255,.1);border:2px solid rgba(255,255,255,.1)}.dark-mode .video-controls:hover{background:rgba(255,255,255,.2)}@media (max-width:768px){.attachment-card{padding:12px;margin:.75rem 0}.attachment-details{padding-right:90px}.attachment-title{font-size:14px;margin-bottom:6px}.attachment-meta{font-size:12px}.attachment-preview{width:80px;height:100px;right:10px;bottom:-50px}.video-cover{height:200px;margin-bottom:1.5rem}.video-controls{width:40px;height:40px;top:10px;right:10px}.video-controls i{font-size:14px}.video-cover .video-controls{width:50px;height:50px;top:15px;right:15px}.video-cover .video-controls i{font-size:18px}}@media (max-width:480px){.attachment-card{padding:10px}.attachment-details{padding-right:70px}.attachment-title{font-size:13px}.attachment-meta{font-size:11px}.attachment-preview{width:60px;height:80px;right:8px;bottom:-40px}}.seek-btn:hover{background:rgba(0,0,0,.1)!important;transform:scale(1.1)}.seek-btn:active{transform:scale(.95)}.dark-mode .seek-btn{color:#bbb!important}.dark-mode .seek-btn:hover{background:rgba(255,255,255,.1)!important}.dark-mode .seek-btn.stop-btn{color:#f44336!important}.attachment-preview canvas,.attachment-preview img{width:100%;height:100%;object-fit:cover}body.dark-mode .attachment-card{background:#333;border-color:transparent}.author-avatar{transition:transform .2s}.author-avatar:hover{transform:scale(1.05)}.author-info .author-name{transition:color .2s;cursor:pointer}.author-info .author-name:hover{color:#ff8200!important}body.dark-mode .author-avatar{border-color:rgba(255,255,255,.2)!important}body.dark-mode .author-info .author-name{color:var(--text-dark,#fff)!important}@media (max-width:768px){.seek-controls{gap:.2rem!important}.seek-btn{padding:.15rem!important}.seek-btn i{font-size:9px!important}.author-avatar{width:30px!important;height:30px!important}.author-info .author-name{font-size:13px!important}}body.dark-mode .attachment-card:hover{border-color:#ff8200}body.dark-mode .attachment-title{color:#fff}body.dark-mode .attachment-meta{color:#aaa}body.dark-mode .attachment-preview{background:#444;border-color:#555}.listen-pill{transition:.2s}.listen-pill:hover{background:rgba(255,130,0,.1)!important;transform:translateY(-1px)}.listen-pill.playing{background:rgba(255,130,0,.15)!important}.listen-pill.playing .wave-bar{animation:none}.wave-bar{transition:height .2s,opacity .2s}body.dark-mode .listen-pill{background:rgba(255,255,255,.1)!important}body.dark-mode .listen-pill:hover{background:rgba(255,130,0,.2)!important}body.dark-mode .listen-pill #listen-duration,body.dark-mode .listen-pill #listen-icon{color:#fff!important}body.dark-mode .listen-pill .wave-bar{background:#aaa!important}code{font-family:'JetBrains Mono',Consolas,Monaco,'Courier New',monospace!important;background:rgba(0,0,0,.05);padding:2px 6px;border-radius:4px;font-size:.9em;font-weight:400}body.dark-mode code{background:rgba(255,255,255,.1);color:#e0e0e0}#scroll-to-top{position:fixed;bottom:2rem;right:2rem;width:40px;height:40px;border-radius:50%;background:var(--primary,#ff8200);border:2px solid var(--primary,#ff8200);color:#fff;cursor:pointer;opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s;display:flex;align-items:center;justify-content:center;z-index:1000}#scroll-to-top.visible{opacity:1;visibility:visible}#scroll-to-top:hover{background:#fff;color:var(--primary,#ff8200)}#scroll-to-top i{font-size:15px}body.dark-mode #scroll-to-top{background:var(--primary,#ff8200);border-color:var(--primary,#ff8200)}body.dark-mode #scroll-to-top:hover{background:#444;border-color:#555;color:var(--primary,#ff8200)}@media print{code{font-family:'JetBrains Mono',Consolas,Monaco,'Courier New',monospace!important;background:#f5f5f5!important;color:#333!important;padding:2px 4px!important;border-radius:3px!important;font-size:.85em!important;page-break-inside:avoid}}.post-layout{display:flex;gap:24px;align-items:flex-start;width:100%;box-sizing:border-box}.post-layout .post-body{flex:1 1 0;max-width:700px}.post-toc{width:260px;flex:0 0 260px;position:sticky;top:110px;align-self:flex-start;background:#f8f9fa;border:1px solid #e0e0e0;border-radius:10px;padding:12px 14px;box-shadow:0 6px 18px rgba(0,0,0,.04);font-size:14px;line-height:1.5;transform:translateZ(0);will-change:transform;contain:layout style paint}.post-toc .toc{margin:0;padding:0}.post-toc .toc h2{font-size:15px;margin:0 0 8px;font-weight:700}.post-toc .toc ul{list-style:none;padding-left:.25rem;margin:0}.post-toc .toc li{margin:6px 0}.post-toc .toc a{color:var(--text,#333);text-decoration:none;font-size:13px}.post-toc .toc a:hover{color:var(--primary,#ff8200);text-decoration:underline}body.dark-mode .post-toc{background:#232323;border-color:#3a3a3a;color:#eaeaea}body.dark-mode .post-toc .toc a{color:#dcdcdc}.post-toc .toc .toc-level-2{margin-left:0}.post-toc .toc .toc-level-3{margin-left:8px;font-size:13px}.post-toc .toc .toc-level-4{margin-left:16px;font-size:13px}@media (max-width:980px){.post-layout{display:block}.post-toc{display:none}}.toc-toggle{position:absolute;left:140px;top:50%;transform:translateY(-50%);background:0 0;border:none;color:var(--text,#222);font-size:18px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;z-index:1101}.toc-toggle:focus{outline:0}.site-toc-sidebar{position:fixed;left:0;top:60px;height:calc(100vh - 60px);width:320px;max-width:100%;transform:translateX(-110%);transition:transform .3s,opacity .3s;z-index:1200;display:block;padding:10px 8px 100px;background-color:rgba(219,213,207,.5);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background-image:none;background-repeat:no-repeat;background-size:120px 32px;background-position:20px center;overflow:auto}.site-toc-close{display:none!important}.site-toc-overlay{position:fixed;inset:0;background:0 0;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .2s,visibility .2s;z-index:1100}body.toc-open #site-toc-sidebar[aria-hidden=false],body.toc-open .site-toc-sidebar{transform:translateX(0)}body.toc-open .site-toc-overlay{opacity:1;visibility:visible}.dark .site-toc-sidebar,body.dark-mode .site-toc-sidebar{background-color:rgba(33,33,33,.5);border-color:rgba(255,255,255,.06);color:#eaeaea;background-image:none;background-repeat:no-repeat;background-size:120px 32px;background-position:20px center}@media (max-width:700px){.site-toc-sidebar{width:92%;max-width:420px}}@media (max-width:980px){.site-header,body.blog-layout .site-header{width:100%!important;max-width:100%!important;left:0!important;right:0!important;box-sizing:border-box!important}.site-toc-sidebar{top:60px!important;height:calc(100vh - 60px)!important}.post-layout,main.post-container{overflow-x:hidden!important}}@media (max-width:700px){.site-header{padding-right:64px!important;box-sizing:border-box;overflow:visible!important}.site-header a[aria-label=Back]{position:absolute!important;right:12px!important;top:50%!important;transform:translateY(-50%)!important;z-index:1400!important;font-size:1rem!important}.toc-toggle{left:110px!important}}.site-toc-sidebar{-ms-overflow-style:none;scrollbar-width:none;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y}.site-toc-sidebar::-webkit-scrollbar{display:none}.site-toc-sidebar ::-webkit-scrollbar{display:none}.site-toc-sidebar *{scrollbar-width:none;-ms-overflow-style:none}.site-toc-sidebar .post-toc,.site-toc-sidebar .toc{background:0 0!important;border:none!important;box-shadow:none!important;margin:0!important;padding:0!important;color:inherit!important}.site-toc-sidebar>.post-toc{position:static!important;top:auto!important;width:100%!important;padding:0!important;margin:0!important}.site-toc-sidebar>.post-toc .toc,.site-toc-sidebar>.post-toc ul{padding-bottom:120px;margin-bottom:0}.site-toc-sidebar .toc ul{padding-left:.25rem}.site-toc-sidebar .toc a{color:var(--text,#222);display:block;padding:10px 8px;font-size:16px;line-height:1.4}.site-toc-sidebar .toc a:hover{color:var(--primary,#ff8200);text-decoration:none}.site-toc-sidebar .toc a.active{color:var(--primary,#ff8200);font-weight:600}.site-toc-sidebar .toc a.active::before{content:'';position:absolute;left:-8px;top:8px;bottom:8px;width:4px;background:var(--primary,#ff8200);border-radius:2px}.site-toc-sidebar .toc{font-size:16px}.site-toc-sidebar .toc h2{margin:0 0 12px;font-weight:700;font-size:18px}.site-toc-sidebar .toc li{position:relative;margin:8px 0}.site-toc-sidebar .toc a,.site-toc-sidebar .toc a.active::before{transition:color 160ms,background-color 160ms}.site-toc-sidebar .toc .toc-level-3 a{padding-left:14px;font-size:15px}.site-toc-sidebar .toc .toc-level-4 a{padding-left:20px;font-size:14px}.post-body,.post-body *{-webkit-overflow-scrolling:touch;word-break:break-word!important;overflow-wrap:anywhere!important;hyphens:auto}body,html{overscroll-behavior-y:none}@supports (height:100dvh){.site-toc-sidebar{height:calc(100dvh - 60px)!important}}.attachment-card,.attachment-card *,.post-body canvas,.post-body img,.post-body video{max-width:100%!important;height:auto!important}.post-body table{width:100%;max-width:100%;display:block;overflow:auto}.post-body code,.post-body pre{white-space:pre-wrap!important;word-break:break-word!important}.post-body,.post-container,.post-layout{will-change:auto;contain:layout style}.post-toc{will-change:auto;contain:layout style paint;backface-visibility:hidden}.post-body h1,.post-body h2,.post-body h3{position:relative;scroll-margin-top:80px}.post-body h1:hover .heading-anchor,.post-body h2:hover .heading-anchor,.post-body h3:hover .heading-anchor{opacity:1}.heading-anchor{display:inline-block;margin-left:10px;font-size:.65em;color:#ff8200;opacity:0;transition:opacity .2s;text-decoration:none;padding:4px 8px;cursor:pointer;vertical-align:middle}.heading-anchor:hover{opacity:1!important;color:#e67300}.heading-anchor i{font-weight:400}@media (hover:none){.heading-anchor{opacity:.5}}.anchor-toast{position:fixed;bottom:100px;left:50%;transform:translateX(-50%) translateY(20px);background:rgba(0,0,0,.85);color:#fff;padding:12px 24px;border-radius:25px;font-size:14px;font-weight:500;z-index:10000;opacity:0;transition:opacity .3s,transform .3s;pointer-events:none;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.anchor-toast.show{opacity:1;transform:translateX(-50%) translateY(0)}.anchor-toast i{margin-right:8px;color:#4caf50}body.dark-mode .heading-anchor{color:#f93}body.dark-mode .heading-anchor:hover{color:#fa5}body.dark-mode .anchor-toast{background:rgba(50,50,50,.95)}html{scroll-behavior:smooth;overscroll-behavior:none}body{overscroll-behavior-y:none;-webkit-overflow-scrolling:touch}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}