@font-face{font-family:__Inter_f367f3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/ba9851c3c22cd980-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:__Inter_f367f3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/21350d82a1f187e9-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:__Inter_f367f3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/c5fe6dc8356a8c31-s.woff2) format("woff2");unicode-range:u+1f??}@font-face{font-family:__Inter_f367f3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/19cfc7226ec3afaa-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:__Inter_f367f3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/df0a9ae256c0569c-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:__Inter_f367f3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/8e9860b6e62d6359-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:__Inter_f367f3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/e4af272ccee01ff0-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:__Inter_Fallback_f367f3;src:local("Arial");ascent-override:90.49%;descent-override:22.56%;line-gap-override:0.00%;size-adjust:107.06%}.__className_f367f3{font-family:__Inter_f367f3,__Inter_Fallback_f367f3;font-style:normal}.__variable_f367f3{--font-inter:"__Inter_f367f3","__Inter_Fallback_f367f3"}@font-face{font-family:__JetBrains_Mono_3c557b;font-style:normal;font-weight:100 800;font-display:swap;src:url(/_next/static/media/886030b0b59bc5a7-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:__JetBrains_Mono_3c557b;font-style:normal;font-weight:100 800;font-display:swap;src:url(/_next/static/media/0aa834ed78bf6d07-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:__JetBrains_Mono_3c557b;font-style:normal;font-weight:100 800;font-display:swap;src:url(/_next/static/media/67957d42bae0796d-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:__JetBrains_Mono_3c557b;font-style:normal;font-weight:100 800;font-display:swap;src:url(/_next/static/media/f911b923c6adde36-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:__JetBrains_Mono_3c557b;font-style:normal;font-weight:100 800;font-display:swap;src:url(/_next/static/media/939c4f875ee75fbb-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:__JetBrains_Mono_3c557b;font-style:normal;font-weight:100 800;font-display:swap;src:url(/_next/static/media/bb3ef058b751a6ad-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:__JetBrains_Mono_Fallback_3c557b;src:local("Arial");ascent-override:75.79%;descent-override:22.29%;line-gap-override:0.00%;size-adjust:134.59%}.__className_3c557b{font-family:__JetBrains_Mono_3c557b,__JetBrains_Mono_Fallback_3c557b;font-style:normal}.__variable_3c557b{--font-jetbrains:"__JetBrains_Mono_3c557b","__JetBrains_Mono_Fallback_3c557b"}:root{--midnight:#0f0f0f;--charcoal:#1a1a1a;--slate:#2a2a2a;--steel:#3a3a3a;--silver:#999;--pearl:#ddd;--snow:#f5f5f5;--gold:#d4af37;--rust:#b7472a;--sage:#87a96b;--teal:#5f8a8b;--plum:#8e4b8e;--font-main:"Inter",-apple-system,sans-serif;--font-accent:"JetBrains Mono",monospace;--gap-xs:8px;--gap-sm:16px;--gap-md:24px;--gap-lg:32px;--gap-xl:48px;--radius:12px;--shadow-soft:0 4px 20px rgba(0,0,0,.15);--shadow-sharp:0 2px 8px rgba(0,0,0,.25);--border-width:1px}[data-theme=light]{--midnight:#fff;--charcoal:#f8f9fa;--slate:#e9ecef;--steel:#dee2e6;--silver:#6c757d;--pearl:#343a40;--snow:#212529;--gold:#c9a227;--rust:#a23b1f;--sage:#6b8e50;--teal:#4a7071;--plum:#7a3d7a;--shadow-soft:0 4px 20px rgba(0,0,0,.08);--shadow-sharp:0 2px 8px rgba(0,0,0,.12)}.btn,.card,.header,.post-card,.search-input,body{transition:background-color .3s ease,color .3s ease,border-color .3s ease,box-shadow .3s ease}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-main);background:var(--midnight);color:var(--pearl);line-height:1.6;font-size:16px;font-weight:400;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-weight:600;letter-spacing:-.025em;line-height:1.3}h1{font-size:clamp(2rem,5vw,3.5rem);font-weight:700;background:linear-gradient(135deg,var(--gold),var(--rust));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}h2{font-size:clamp(1.5rem,4vw,2.25rem);color:var(--snow)}h3{font-size:1.25rem;font-weight:500}h3,p{color:var(--silver)}p{margin-bottom:var(--gap-sm)}a{color:var(--teal);text-decoration:none;transition:all .2s ease;position:relative}a:hover{color:var(--gold)}a:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:1px;background:var(--gold);transition:width .3s ease}a:hover:after{width:100%}.container{max-width:1200px;margin:0 auto;padding:0 var(--gap-md)}.main-content{min-height:100vh;padding:var(--gap-xl) 0}.header{background:linear-gradient(135deg,var(--charcoal) 0,var(--slate) 100%);border-bottom:var(--border-width) solid var(--steel);position:-webkit-sticky;position:sticky;top:0;z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.header-content{display:flex;justify-content:space-between;align-items:center;padding:var(--gap-sm) 0;gap:var(--gap-lg)}.logo{font-size:1.5rem;font-weight:700;background:linear-gradient(45deg,var(--gold),var(--sage));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;cursor:pointer}.header-left{display:flex;align-items:center;gap:var(--gap-sm)}.header-center{flex:1 1;display:flex;justify-content:center;max-width:500px}.header-nav{gap:var(--gap-sm)}.header-nav,.nav-link{display:flex;align-items:center}.nav-link{gap:4px;padding:8px 12px;border-radius:var(--radius);color:var(--silver);font-size:1.1rem;text-decoration:none;transition:all .2s ease}.nav-link:hover{background:var(--steel);color:var(--gold)}.nav-link:after{display:none}.saved-link{color:var(--gold)}.saved-count{background:var(--plum);color:var(--snow);font-size:.7rem;font-weight:600;padding:2px 6px;border-radius:10px;min-width:18px;text-align:center}.theme-toggle{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;background:var(--charcoal);border:var(--border-width) solid var(--steel);border-radius:50%;cursor:pointer;transition:background-color .2s ease,border-color .2s ease;position:relative}.theme-toggle:hover{background:var(--slate);border-color:var(--silver)}.theme-toggle:active{background:var(--steel)}.theme-icon-dark,.theme-icon-light{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:1rem;transition:opacity .25s ease,transform .25s ease}.theme-icon-dark{opacity:1;transform:rotate(0deg) scale(1)}.theme-icon-light{opacity:0;transform:rotate(-90deg) scale(.5)}[data-theme=light] .theme-icon-dark{opacity:0;transform:rotate(90deg) scale(.5)}[data-theme=light] .theme-icon-light{opacity:1;transform:rotate(0deg) scale(1)}.nav{display:flex;gap:var(--gap-lg)}.nav a{padding:var(--gap-xs) var(--gap-sm);border-radius:var(--radius);transition:all .2s ease;font-weight:500}.nav a:hover{background:var(--steel);transform:translateY(-1px)}.nav a.active{background:var(--rust);color:var(--snow)}.auth-status{display:inline-flex;align-items:center;gap:12px}.auth-status .btn-sm{padding:6px 16px;font-size:.85rem;white-space:nowrap}.card{background:linear-gradient(145deg,var(--charcoal),var(--slate));border:var(--border-width) solid var(--steel);border-radius:var(--radius);padding:var(--gap-md);box-shadow:var(--shadow-soft);transition:all .3s ease;position:relative;overflow:hidden}.card:before{content:"";position:absolute;top:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,var(--rust),var(--gold),var(--sage));opacity:0;transition:opacity .3s ease}.card:hover:before{opacity:1}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow-sharp);border-color:var(--gold)}.card-title{color:var(--snow);font-size:1.1rem;font-weight:600}.card-meta,.card-title{margin-bottom:var(--gap-sm)}.card-meta{font-family:var(--font-accent);font-size:.85rem;color:var(--silver);opacity:.7}.card-excerpt{color:var(--silver);line-height:1.6;margin-bottom:var(--gap-md)}.latest-post-container{background:transparent;border:none;padding:0}.btn{display:inline-flex;align-items:center;gap:var(--gap-xs);padding:var(--gap-sm) var(--gap-md);border:none;border-radius:var(--radius);font-family:var(--font-main);font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s ease;text-decoration:none;position:relative;overflow:hidden;min-height:44px;-webkit-tap-highlight-color:transparent}.btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.1),transparent);transition:left .5s ease}.btn:hover:before{left:100%}.btn-primary{background:linear-gradient(135deg,var(--rust),var(--gold));color:var(--snow);box-shadow:0 2px 10px rgba(183,71,42,.3)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 15px rgba(183,71,42,.4)}.btn-secondary{background:var(--steel);color:var(--pearl);border:var(--border-width) solid var(--silver)}.btn-secondary:hover{background:var(--silver);color:var(--midnight)}.btn-ghost{background:transparent;color:var(--teal);border:var(--border-width) solid var(--teal)}.btn-ghost:hover{background:var(--teal);color:var(--snow)}.form-label{display:block;margin-bottom:var(--gap-xs);font-weight:500;color:var(--pearl);font-size:.9rem}.form-input,.form-select,.form-textarea{width:100%;padding:var(--gap-sm);background:var(--slate);border:var(--border-width) solid var(--steel);border-radius:var(--radius);color:var(--pearl);font-family:var(--font-main);font-size:1rem;transition:all .2s ease}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px rgba(212,175,55,.1)}.form-textarea{resize:vertical;min-height:120px;font-family:var(--font-main)}.reactions{display:flex;gap:var(--gap-xs);flex-wrap:wrap;margin:var(--gap-md) 0}.reaction-btn{gap:6px;padding:6px 12px;background:var(--charcoal);border:var(--border-width) solid var(--steel);border-radius:20px;color:var(--silver);font-size:.85rem;font-weight:500;transition:all .2s ease}.reaction-btn:hover{background:var(--steel);transform:scale(1.05)}.reaction-btn.active{background:var(--rust);color:var(--snow);border-color:var(--gold)}.reaction-count{font-weight:600;font-size:.8rem}.loading{display:flex;align-items:center;justify-content:center;padding:var(--gap-xl);color:var(--silver);font-family:var(--font-accent);font-size:1.1rem;min-height:200px}.loading:after{content:"";margin-left:var(--gap-sm);width:20px;height:20px;border-top:3px solid var(--steel);border:3px solid var(--steel);border-top-color:var(--gold);border-radius:50%;animation:spin .8s linear infinite}.empty-state{color:var(--silver)}.search-container{width:100%;padding:var(--gap-md) 0}.search-wrapper{position:relative;flex:1 1;max-width:500px;width:100%;min-width:0;display:flex;align-items:center}.search-input{width:100%;padding:12px 180px 12px 20px;background:var(--charcoal);border:2px solid var(--steel);border-radius:var(--radius);color:var(--pearl);font-size:.95rem;line-height:1.5;transition:all .3s cubic-bezier(.4,0,.2,1);font-family:var(--font-main);box-sizing:border-box;height:48px}.search-input:focus{outline:none;border-color:var(--teal);box-shadow:0 0 0 4px rgba(95,138,139,.12),0 2px 8px rgba(0,0,0,.1);background:var(--slate)}.search-input::placeholder{color:var(--silver);opacity:.65;font-weight:400}.search-actions{position:absolute;right:8px;top:50%;transform:translateY(-50%);display:flex;gap:6px;align-items:center;pointer-events:none;z-index:1}.search-actions .btn{pointer-events:auto}.search-actions .btn-ghost{min-width:64px;height:32px;padding:0 14px;margin:0;border:none;border-radius:calc(var(--radius) - 2px);background:transparent;color:var(--silver);font-size:.85rem;font-weight:500;display:inline-flex;align-items:center;justify-content:center;transition:all .2s cubic-bezier(.4,0,.2,1);white-space:nowrap;flex-shrink:0;box-shadow:none;opacity:.8}.search-actions .btn-ghost:hover{background:rgba(212,175,55,.15);color:var(--gold);border:none;transform:translateY(-1px);box-shadow:0 2px 8px rgba(212,175,55,.2);opacity:1}.search-actions .btn-ghost:active{transform:translateY(0);background:rgba(212,175,55,.25);box-shadow:0 1px 4px rgba(212,175,55,.15)}.btn-sm{padding:6px 12px;font-size:.8rem;white-space:nowrap;flex-shrink:0;min-width:auto}@media (max-width:768px){.header-content{flex-direction:column;gap:var(--gap-sm);align-items:stretch}.logo{text-align:center;font-size:1.25rem}.nav{gap:var(--gap-sm);justify-content:center}.search-container{padding:var(--gap-sm) 0}.search-wrapper{max-width:100%}.search-input{padding:12px 150px 12px 16px;font-size:.9rem;height:44px}.search-actions{right:6px;gap:5px}.search-actions .btn-ghost{min-width:56px;height:30px;padding:0 12px;font-size:.8rem}.btn-sm{padding:6px 10px;font-size:.75rem;white-space:nowrap;min-width:auto}.main-content{padding:var(--gap-md) 0}.card{padding:var(--gap-sm)}h1{font-size:2rem}h2{font-size:1.5rem}.container{padding:0 var(--gap-sm)}}.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(350px,100%),1fr));grid-gap:var(--gap-md);gap:var(--gap-md);margin-top:var(--gap-lg)}.blog-post{max-width:800px;margin:0 auto;padding:var(--gap-xl) 0}.blog-header{border-bottom:var(--border-width) solid var(--steel)}.blog-header h1{margin-bottom:var(--gap-sm);color:var(--snow)}.blog-content h1,.blog-content h2,.blog-content h3{margin:var(--gap-lg) 0 var(--gap-sm) 0}.blog-meta{display:flex;gap:var(--gap-md);align-items:center;margin-bottom:var(--gap-sm);font-family:var(--font-accent);font-size:.9rem;color:var(--silver)}.comments-section{margin-top:var(--gap-xl);padding-top:var(--gap-lg);border-top:var(--border-width) solid var(--steel)}.comments-header{margin-bottom:var(--gap-lg);color:var(--pearl);font-family:var(--font-accent)}.comment-form{background:var(--charcoal);border:var(--border-width) solid var(--steel)}.comment{background:var(--slate);margin-bottom:var(--gap-sm);border-left:3px solid var(--rust)}.comment-author{font-weight:600;margin-bottom:var(--gap-xs);font-size:.9rem}.comment-date{font-size:.8rem;opacity:.7}.comment-content{color:var(--pearl);line-height:1.6}.text-center{text-align:center}.text-muted{color:var(--silver)}.mb-0{margin-bottom:0}.mb-sm{margin-bottom:var(--gap-sm)}.mb-md{margin-bottom:var(--gap-md)}.mb-lg{margin-bottom:var(--gap-lg)}.hidden{display:none}.flex{display:flex}.justify-between{justify-content:space-between}.items-center{align-items:center}.gap-sm{gap:var(--gap-sm)}.fade-in{animation:fadeIn .5s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.pulse{animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.message{padding:var(--gap-sm) var(--gap-md);border-radius:var(--radius);margin-bottom:var(--gap-md);font-weight:500}.message.success{background:hsla(93,26%,54%,.1);border:var(--border-width) solid var(--sage);color:var(--sage)}.message.error{background:rgba(183,71,42,.1);border:var(--border-width) solid var(--rust);color:var(--rust)}.message.warning{background:rgba(212,175,55,.1);border:var(--border-width) solid var(--gold);color:var(--gold)}.posts-container{display:flex;flex-direction:column;gap:var(--gap-xl)}.column{width:100%}.post-card{background:linear-gradient(145deg,var(--charcoal),var(--slate));border:var(--border-width) solid var(--steel);border-radius:var(--radius);padding:var(--gap-md);margin-bottom:var(--gap-md);transition:all .3s ease;cursor:pointer;position:relative;overflow:hidden}.post-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,var(--rust),var(--gold),var(--sage));opacity:0;transition:opacity .3s ease}.post-card:hover:before{opacity:1}.post-card:hover{transform:translateY(-4px);box-shadow:0 8px 25px rgba(0,0,0,.3);border-color:var(--gold)}@media (hover:none){.post-card:hover{transform:none}.btn:hover:before{left:-100%}}.post-meta{display:flex;align-items:center;gap:var(--gap-sm);margin-bottom:var(--gap-sm);font-family:var(--font-accent);font-size:.85rem}.post-source-badge{background:var(--rust);color:var(--snow);padding:4px 10px;border-radius:15px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.post-date{color:var(--silver);opacity:.8}.post-reading-time{color:var(--sage);opacity:.9;font-size:.8rem}.bookmark-btn{margin-left:auto;background:transparent;border:none;font-size:1.2rem;cursor:pointer;padding:4px 8px;border-radius:8px;transition:all .2s ease;color:var(--silver);opacity:.6}.bookmark-btn:hover{opacity:1;background:var(--steel);transform:scale(1.1)}.bookmark-btn.bookmarked{color:var(--gold);opacity:1}.bookmark-btn.bookmarked:hover{color:var(--rust)}.post-title{margin-bottom:var(--gap-sm)}.post-title a{color:var(--snow);font-size:1.25rem;font-weight:600;line-height:1.4;text-decoration:none;display:block;transition:color .2s ease}.post-title a:after{display:none}.post-summary{color:var(--silver);line-height:1.7;margin-bottom:var(--gap-md);font-size:.95rem}.read-more{color:var(--teal);font-weight:500;font-size:.9rem;text-decoration:none;display:inline-flex;align-items:center;gap:6px;transition:all .2s ease}.read-more:hover{gap:10px}.read-more:before{content:"→";transition:transform .2s ease}.read-more:hover:before{transform:translateX(3px)}.read-more:after{display:none}.loading-screen{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,var(--midnight) 0,var(--charcoal) 100%);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:9999;gap:var(--gap-lg);transition:opacity .3s ease,visibility .3s ease}.loading-screen[hidden]{display:none!important;opacity:0;visibility:hidden;pointer-events:none}.spinner{width:80px;height:80px;border-top:5px solid var(--steel);border:5px solid var(--steel);border-top-color:var(--gold);border-right:5px solid var(--rust);border-bottom:5px solid var(--sage);border-radius:50%;animation:spin 1.2s cubic-bezier(.68,-.55,.265,1.55) infinite}@keyframes spin{0%{transform:rotate(0deg) scale(1)}50%{transform:rotate(180deg) scale(1.1)}to{transform:rotate(1turn) scale(1)}}.loading-text{font-family:var(--font-accent);color:var(--pearl);font-size:1.2rem;animation:pulse-glow 2s ease-in-out infinite;letter-spacing:1px}@keyframes pulse-glow{0%,to{opacity:1;transform:translateY(0)}50%{opacity:.6;transform:translateY(-5px)}}.loading-text:after{content:"";animation:loading-dots 1.5s steps(4) infinite}@keyframes loading-dots{0%,20%{content:""}40%{content:"."}60%{content:".."}80%,to{content:"..."}}.search-results{margin-top:0;margin-bottom:var(--gap-xl)}.search-results .blog-grid{margin-top:var(--gap-md)}.empty-state{padding:var(--gap-xl);text-align:center;background:var(--charcoal);border:2px dashed var(--steel);border-radius:var(--radius);margin:var(--gap-md) 0}.empty-state-icon{font-size:3rem;margin-bottom:var(--gap-md);opacity:.5}.empty-state-text{color:var(--silver);font-family:var(--font-accent);font-size:1.1rem}.empty-state h3{color:var(--pearl);margin-bottom:var(--gap-sm)}.empty-state p{color:var(--silver);margin-bottom:var(--gap-xs)}.pagination{margin-top:var(--gap-md)}.pagination-controls{display:flex;align-items:center;justify-content:center;gap:var(--gap-md);padding:var(--gap-md) 0}.pagination-info{color:var(--silver);font-family:var(--font-accent);font-size:.9rem;min-width:60px;text-align:center}.pagination-btn:disabled{opacity:.3;cursor:not-allowed}.pagination-btn:disabled:hover{transform:none;background:transparent}@media (max-width:768px){.post-card{padding:var(--gap-sm)}.post-title a{font-size:1.1rem}.post-summary{font-size:.9rem}.blog-grid{grid-template-columns:1fr;gap:var(--gap-sm)}.empty-state{padding:var(--gap-md)}.empty-state-icon{font-size:2.5rem}.search-results{margin-top:var(--gap-sm)}}@media (max-width:480px){.search-wrapper{max-width:100%}.search-input{padding:10px 120px 10px 14px;font-size:.85rem;height:42px}.search-actions{right:4px;gap:4px}.search-actions .btn-ghost{min-width:50px;height:28px;padding:0 10px;font-size:.75rem}.btn-sm{padding:6px 8px;font-size:.7rem;min-width:auto}.post-title a{font-size:1rem;line-height:1.4}.read-more{font-size:.85rem;padding:6px 12px}.card{padding:12px}h1{font-size:1.75rem}h2{font-size:1.25rem}}.blog-post-detail{max-width:800px;margin:0 auto;padding:var(--gap-lg) 0}.blog-header{margin-bottom:var(--gap-lg);padding-bottom:var(--gap-md);border-bottom:2px solid var(--steel)}.blog-title{font-family:var(--font-main);font-size:2.5rem;color:var(--gold);margin:var(--gap-md) 0;line-height:1.2;font-weight:600}.blog-content{font-family:var(--font-accent);font-size:1.1rem;line-height:1.8;color:var(--pearl);margin-bottom:var(--gap-xl)}.blog-content p,.owner-controls{margin-bottom:var(--gap-md)}.owner-controls{display:flex;gap:var(--gap-sm);justify-content:flex-end}.reactions-section{margin:var(--gap-xl) 0;padding:var(--gap-lg);background:var(--charcoal);border-radius:var(--radius);border:1px solid var(--steel)}.reactions-section h3{font-family:var(--font-main);color:var(--gold);font-size:1.2rem;margin-bottom:var(--gap-md);font-weight:500}.reactions-grid{display:flex;gap:var(--gap-sm);flex-wrap:wrap}.reaction-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:var(--midnight);border:2px solid var(--steel);border-radius:var(--radius);cursor:pointer;transition:all .2s;font-family:var(--font-accent);color:var(--pearl)}.reaction-btn:hover{border-color:var(--gold);background:var(--charcoal);transform:translateY(-2px)}.reaction-btn.has-reactions{border-color:var(--gold);background:rgba(218,165,32,.1)}.reaction-emoji{font-size:1.5rem}.reaction-count{font-size:.9rem;color:var(--gold);min-width:1.5rem;text-align:left}.comments-section{margin:var(--gap-xl) 0;padding:var(--gap-lg);background:var(--charcoal);border-radius:var(--radius);border:1px solid var(--steel)}.comments-section h3{font-family:var(--font-main);color:var(--gold);font-size:1.2rem;margin-bottom:var(--gap-md);font-weight:500}.comment-form{margin-bottom:var(--gap-lg);padding:var(--gap-md);background:var(--midnight);border-radius:var(--radius);border:1px solid var(--steel)}.comment-form .input,.comment-form .textarea{margin-bottom:var(--gap-sm)}.comment-form .textarea{min-height:100px}.comments-list{display:flex;flex-direction:column;gap:var(--gap-md)}.comment{padding:var(--gap-md);background:var(--midnight);border-radius:var(--radius);border:1px solid var(--steel)}.comment-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--gap-sm)}.comment-author{font-family:var(--font-main);color:var(--gold);font-weight:500}.comment-date{color:var(--silver);font-size:.85rem}.comment-date,.comment-text{font-family:var(--font-accent)}.comment-text{color:var(--pearl);line-height:1.6}.modal{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--gap-md)}.modal[hidden]{display:none}.modal-content{background:var(--midnight);border:2px solid var(--gold);border-radius:var(--radius);max-width:600px;width:100%;max-height:90vh;overflow-y:auto;padding:var(--gap-lg)}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--gap-md);padding-bottom:var(--gap-md);border-bottom:2px solid var(--steel)}.modal-header h2{font-family:var(--font-main);color:var(--gold);font-size:1.5rem;margin:0;font-weight:500}.form-group{margin-bottom:var(--gap-md)}.form-group label{display:block;font-family:var(--font-main);color:var(--gold);margin-bottom:var(--gap-xs);font-size:.9rem}.modal .input,.modal .textarea,.modal input[type=text],.modal textarea{width:100%;padding:.75rem;background:var(--charcoal);border:1px solid var(--steel);border-radius:var(--radius);color:var(--pearl);font-family:var(--font-accent);font-size:1rem;transition:border-color .2s}.modal .input:focus,.modal .textarea:focus,.modal input[type=text]:focus,.modal textarea:focus{outline:none;border-color:var(--gold)}.modal .textarea,.modal textarea{resize:vertical;min-height:150px;line-height:1.6}.form-actions{display:flex;gap:var(--gap-sm);justify-content:flex-end;margin-top:var(--gap-lg);padding-top:var(--gap-md);border-top:1px solid var(--steel)}@media (max-width:768px){.blog-title{font-size:2rem}.blog-content{font-size:1rem}.comments-section,.reactions-section{padding:var(--gap-md)}.reaction-btn{padding:.5rem .75rem}.modal-content{padding:var(--gap-md)}}.reading-progress-container{position:fixed;top:0;left:0;width:100%;height:3px;background:var(--charcoal);z-index:1000}.reading-progress-bar{height:100%;background:linear-gradient(90deg,var(--rust),var(--gold));transition:width .1s ease-out}.share-buttons{display:flex;gap:6px;margin-left:auto}.share-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:6px;font-size:.75rem;font-weight:600;text-decoration:none;transition:all .2s ease;background:var(--steel);color:var(--silver);border:none;cursor:pointer}.share-btn:hover{transform:scale(1.1);background:var(--slate)}.share-btn:after{display:none}.share-twitter:hover{background:#1da1f2;color:#fff}.share-linkedin:hover{background:#0077b5;color:#fff}.share-copy.copied{background:var(--sage);color:#fff}.post-actions{display:flex;align-items:center;gap:var(--gap-sm);margin-top:var(--gap-sm)}.category-filter{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:var(--gap-lg);padding:var(--gap-sm) 0}.category-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;background:var(--charcoal);border:1px solid var(--steel);border-radius:20px;color:var(--silver);font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:var(--font-main)}.category-btn:hover{background:var(--slate);border-color:var(--silver)}.category-btn.active{background:var(--teal);border-color:var(--teal);color:#fff}.category-count{background:hsla(0,0%,100%,.2);padding:2px 6px;border-radius:10px;font-size:.75rem}.history-list{display:flex;flex-direction:column;gap:8px}.history-item{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:var(--charcoal);border-radius:var(--radius);border:1px solid var(--steel);transition:all .2s ease}.history-item:hover{background:var(--slate);border-color:var(--silver)}.history-link{color:var(--pearl);text-decoration:none;font-size:.95rem;flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-right:var(--gap-sm)}.history-link:after{display:none}.history-link:hover{color:var(--teal)}.history-time{color:var(--silver);font-size:.8rem;font-family:var(--font-accent);white-space:nowrap}.popular-posts-scroll{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:var(--gap-md);gap:var(--gap-md)}.popular-post-item{position:relative}.post-card.focused,.post-card:focus{outline:2px solid var(--gold);outline-offset:4px}.post-card:focus-visible{outline:2px solid var(--gold);outline-offset:4px}@media (max-width:768px){.share-buttons{gap:4px}.share-btn{width:26px;height:26px;font-size:.7rem}.category-filter{overflow-x:auto;flex-wrap:nowrap;padding-bottom:var(--gap-xs);-webkit-overflow-scrolling:touch}.category-btn{padding:6px 12px;font-size:.8rem;white-space:nowrap}.post-actions{flex-wrap:wrap}.history-item{flex-direction:column;align-items:flex-start;gap:4px}.history-link{margin-right:0}}