html,body{scrollbar-gutter:stable}#header{will-change:transform;transform:translateZ(0)}::selection{background:#3bbbf647;color:#fff}.article-page{width:100%;min-height:100vh;display:flex;flex-direction:column;align-items:center;background:#08090a;padding:8.5rem 1.5rem 12rem}.article-page>*{max-width:720px;width:100%}.article-hero{position:relative;margin-bottom:1rem}.article-hero.no-hero-image{margin-bottom:1rem}.article-hero .article-options-wrapper{position:absolute;top:0;right:0}.article-meta{display:flex;align-items:center;gap:.75rem;margin-bottom:.8125rem;font-size:.8125rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em}.article-category{color:#60a5fa;text-decoration:none;transition:color .2s ease}.article-category:hover{color:#93c5fd}.article-meta-sep{color:#ffffff40;font-weight:400}.article-date{color:#fff6;font-weight:500}.article-title{font-size:3rem;font-weight:750;line-height:1.15;letter-spacing:-.025em;color:#fff;margin:0 0 1rem}.article-excerpt{font-size:1.2rem;color:#ffffff73;font-weight:450;line-height:1.65;margin:-.25rem 0 0;max-width:620px}.article-toolbar{padding:.75rem 0 1.25rem;margin-bottom:2rem;border-bottom:1px solid rgba(255,255,255,.08)}.article-toolbar .read-aloud-player{display:flex;align-items:center;justify-content:space-between;gap:.75rem;width:100%;padding:0;margin:0;border:none}.article-toolbar .read-aloud-label{font-weight:600;color:#fff;font-size:.875rem}.article-toolbar .read-aloud-player-left{display:flex;align-items:center;gap:.875rem}.article-toolbar .read-aloud-duration{color:#ffffff80;font-weight:600;font-size:.875rem}.article-toolbar .copy-link-text{margin-left:auto;font-weight:600;color:#ffffff80;transition:color .2s ease;font-size:.875rem}.article-toolbar .copy-link-text:hover{color:#fff}.article-hero-image{width:100%;margin:0 0 2.5rem;padding:0;overflow:hidden;border-radius:16px;line-height:0;background:transparent}.article-featured-image{display:block;width:100%!important;height:auto!important;max-width:100%!important;object-fit:contain;object-position:center;border-radius:16px;user-select:none;-webkit-user-drag:none}.article-content{font-size:1.125rem;line-height:1.85;color:#ffffffb3;margin-bottom:1.5rem}.article-content p{margin-bottom:1.25rem}.article-content p:last-child{margin-bottom:0}.article-content strong,.article-content b{color:#fff;font-weight:700}.article-content a strong,.article-content a b,.article-content strong a,.article-content b a{color:#7ab8ff}.article-content em,.article-content i{color:#fffc}.article-content a{color:#7ab8ff;text-decoration:none;border-bottom:2px solid transparent;font-weight:600;transition:all .25s ease}.article-content a:hover{border-bottom-color:#7ab8ff}.article-content a:visited{color:#7ab8ff}.article-content h1,.article-content h2,.article-content h3,.article-content h4,.article-content h5,.article-content h6{color:#fff;font-weight:750;line-height:1.25;margin-top:2.5rem;margin-bottom:.75rem;display:flex;align-items:center;gap:.75rem;position:relative;letter-spacing:-.015em;cursor:pointer}.heading-anchor{display:inline-flex;align-items:center;justify-content:center;background:transparent;border:none;color:#fff0;cursor:pointer;padding:0;margin:0;transition:transform .4s cubic-bezier(.16,1,.3,1),opacity .4s cubic-bezier(.16,1,.3,1),color .2s ease;user-select:none;transform:translate(-8px);width:24px;height:24px;opacity:0;will-change:transform,opacity}.heading-anchor svg{width:16px;height:16px;stroke-width:2.5}.article-content h1:hover .heading-anchor,.article-content h2:hover .heading-anchor,.article-content h3:hover .heading-anchor,.article-content h4:hover .heading-anchor,.article-content h5:hover .heading-anchor,.article-content h6:hover .heading-anchor{color:#fff6;transform:translate(0);opacity:1}.heading-anchor.copied{color:#4ade80!important;transform:scale(1.1);pointer-events:none;opacity:1!important}.article-content h1{font-size:2.25rem}.article-content h2{font-size:1.85rem}.article-content h3{font-size:1.5rem}.article-content h4{font-size:1.25rem}.article-content img{width:100%!important;max-width:100%!important;height:auto!important;border-radius:12px;margin:2rem 0;display:block;object-fit:contain}.article-content ul{margin:1.25rem 0 1.5rem;padding-left:1.5rem;list-style-type:disc}.article-content ol{margin:1.25rem 0 1.5rem;padding-left:1.5rem;list-style-type:decimal}.article-content li{margin-bottom:.5rem;padding-left:.25rem;color:#ffffffb3}.article-content li::marker{color:#ffffff4d}.article-content blockquote{margin:2rem 0;padding:0 0 0 1.5rem;border-left:3px solid rgba(96,165,250,.4);color:#fff9;font-style:italic;font-size:1.15rem;line-height:1.75}.article-content code{background:#ffffff14;padding:.15rem .4rem;border-radius:5px;font-family:SF Mono,Fira Code,Consolas,monospace;font-size:.875em;color:#e2e8f0}.article-content pre{background:#ffffff0a;padding:1.25rem 1.5rem;border-radius:12px;overflow-x:auto;border:1px solid rgba(255,255,255,.06);margin:2rem 0}.article-content pre code{background:transparent;padding:0;color:#fffc;font-size:.9rem;line-height:1.7}.article-related{padding-top:2rem;border-top:1px solid rgba(255,255,255,.06);content-visibility:auto;contain-intrinsic-size:0 500px}.article-related-header{margin-bottom:2rem}.article-related-header h2{font-size:1.125rem;font-weight:700;color:#fff9;text-transform:uppercase;letter-spacing:.05em;margin:0}.article-related-viewall{display:inline-flex;align-items:center;gap:.375rem;font-size:.875rem;font-weight:600;color:#fff6;text-decoration:none;transition:color .2s ease}.article-related-viewall:hover{color:#fff}.article-related-viewall svg{transition:transform .2s ease}.article-related-viewall:hover svg{transform:translate(2px)}.article-related-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.article-related-card{display:flex;flex-direction:column;text-decoration:none;color:inherit;cursor:pointer;user-select:none;border-radius:14px}.article-related-image{position:relative;width:100%;overflow:hidden;border-radius:12px;margin-bottom:1.25rem;line-height:0;background:transparent;flex-shrink:0}.article-related-image:after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,transparent 40%,#000 100%);opacity:0;transition:opacity .4s cubic-bezier(.16,1,.3,1);pointer-events:none;z-index:1}.article-related-card:hover .article-related-image:after{opacity:1}.article-related-image img{display:block;width:100%!important;height:auto!important;max-width:100%!important;object-fit:contain}.article-related-info{display:flex;flex-direction:column;gap:.375rem}.article-related-meta{display:flex;align-items:center;gap:.625rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;margin-bottom:.35rem}.article-related-category{color:#60a5fa}.article-related-dot{color:#ffffff40;font-weight:400;font-size:.75rem}.article-related-date{color:#ffffff59}.article-related-title{font-size:1.0625rem;font-weight:700;line-height:1.4;margin:0;color:#fff;transition:color .2s ease}.article-related-excerpt{color:#fff6;font-size:.875rem;line-height:1.55;margin:0;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.article-options-wrapper{position:relative}.article-options-btn{border-radius:8px;padding:.5rem;cursor:pointer;color:#fff6;transition:all .2s ease;display:flex;align-items:center;justify-content:center;background:transparent;border:none}.article-options-btn:hover{background:#ffffff14;color:#fff}.article-options-menu{position:absolute;top:calc(100% + .5rem);right:0;background:#0a0a0a;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:.375rem;min-width:140px;box-shadow:0 8px 30px #00000080;opacity:0;transform:scale(.95) translateY(-4px);transform-origin:top right;pointer-events:none;z-index:100;transition:opacity .15s ease,transform .15s ease;user-select:none}.article-options-menu.active{opacity:1;transform:scale(1) translateY(0);pointer-events:auto}.article-option-item{display:flex;align-items:center;gap:.625rem;padding:.5rem .625rem;color:#d4d4d4;text-decoration:none;border-radius:8px;transition:all .15s ease;font-size:.8125rem;width:100%;border:none;background:none;cursor:pointer;font-family:inherit;text-align:left;font-weight:500}.article-option-item:hover{background:#ffffff0f;color:#fff}.article-option-item svg{width:16px;height:16px;flex-shrink:0}.article-option-delete{color:#ef4444}.article-option-delete:hover{background:#ef44441a;color:#f87171}.read-aloud-play-btn{background:#ffffff14;border:none;border-radius:50%;padding:0;cursor:pointer;color:#fff;transition:all .2s ease;display:flex;align-items:center;justify-content:center;width:32px;height:32px;flex-shrink:0}.read-aloud-play-btn:hover{background:#ffffff1f}.read-aloud-play-btn:active{transform:scale(.95)}.read-aloud-play-btn svg{width:16px;height:16px;pointer-events:none}.read-aloud-label{color:#ffffff80;font-size:.875rem}.read-aloud-separator{width:1px;height:14px;background:#ffffff1a}.copy-link-text{background:transparent;border:none;color:#fff6;cursor:pointer;padding:0;font-size:.875rem;transition:color .2s ease;display:flex;align-items:center;gap:.375rem;margin-left:auto;font-family:inherit;user-select:none;font-weight:500}.copy-link-text:hover{color:#fff}.copy-link-text:active{opacity:.7}.copy-link-text svg{width:15px;height:15px;pointer-events:none}.copy-link-text.copied,.copy-link-text.copied:hover{color:#4ade80}.copy-link-text.copied svg{color:#4ade80;animation:copyPulse .3s ease}@keyframes copyPulse{0%{transform:scale(1)}50%{transform:scale(1.15)}to{transform:scale(1)}}.reading-highlight{background-color:#60a5fa33;padding:2px 0;border-radius:3px;transition:background-color .2s ease;color:#93c5fd}.article-featured-image,.article-content img{cursor:zoom-in;transition:opacity .3s ease;outline:none}.image-lightbox-overlay{position:fixed;inset:0;background:#0000;z-index:10000;display:flex;align-items:center;justify-content:center;cursor:zoom-out;visibility:hidden;transition:visibility .2s,background-color .2s ease;user-select:none}.image-lightbox-overlay.active{background:#000;visibility:visible}.image-lightbox-img{position:fixed;top:50%;left:50%;transform:translate3d(-50%,-50%,0);max-width:95vw;max-height:95vh;object-fit:contain;z-index:10001;cursor:zoom-out;pointer-events:none;visibility:hidden;opacity:0;will-change:transform,opacity;box-shadow:0 40px 100px #000c;transition:transform .25s cubic-bezier(.2,0,0,1),opacity .25s ease,border-radius .25s ease;border-radius:12px;user-select:none;-webkit-user-drag:none}.image-lightbox-img.active{visibility:visible;opacity:1;pointer-events:auto}.db-error-container{display:flex;align-items:center;justify-content:center;min-height:60vh}.db-error-content{text-align:center;padding:6rem 2rem;max-width:500px;margin:0 auto}.db-error-icon{font-size:3.5rem!important;color:#ef4444;margin-bottom:1.5rem;display:block;user-select:none;font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 48}.db-error-title{color:#fff;font-size:1.5rem;margin-bottom:.75rem;font-weight:700}.db-error-message{color:#ffffff80;font-size:.9375rem;line-height:1.7;margin-bottom:2rem}.db-error-back-link{display:inline-flex;align-items:center;gap:.5rem;color:#fff;text-decoration:none;padding:.625rem 1.25rem;background:#ffffff14;user-select:none;border-radius:10px;font-weight:500;font-size:.875rem;transition:background-color .2s}.db-error-back-link:hover{background-color:#ffffff1f}.db-error-back-link .material-symbols-rounded{font-size:1.125rem}@media(max-width:768px){.article-page{padding:6.5rem 1.25rem 5rem}.article-topbar{margin-bottom:2rem}.article-excerpt{font-size:1.05rem}.article-meta{margin-bottom:.85rem}.article-title{font-size:2rem;margin-bottom:.85rem}.article-content{font-size:1.0625rem;line-height:1.8}.article-hero-image{border-radius:12px;margin-bottom:2rem}.article-related-grid{grid-template-columns:1fr;gap:2rem}}@media(max-width:480px){.article-page{padding:5.75rem 1rem 4rem}.article-title{font-size:1.75rem;margin-bottom:.65rem}.article-excerpt{font-size:1rem}.article-meta{margin-bottom:.65rem;font-size:.75rem}.article-related-header h2{font-size:1rem}}