:root{--bg-primary:#faf9f6;--bg-surface:#fff;--bg-subtle:#f2eee6;--bg-muted:#e8e4db;--bg-hover:#ece8df;--text-main:#171717;--text-secondary:#55534e;--text-muted:#77736b;--text-light:#949088;--border-light:#dedcd6;--border-medium:#c9c6be;--border-focus:#171717;--primary:#171717;--accent-travel:#d97706;--accent-tech:#2563eb;--accent-life:#059669;--accent-aegean:#3b8dbd;--accent-sage:#82b965;--shadow-sm:0 1px 3px #0000000a;--shadow-md:0 10px 30px #0000000f;--shadow-lg:0 20px 40px #00000014;--font-body:"Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-serif:"Newsreader", Georgia, serif;--font-sans:"Inter", -apple-system, sans-serif;--font-editorial:"Playfair Display", Didot, serif;--font-mono:"JetBrains Mono", monospace;--font-minimal:"Cormorant Garamond", Garamond, serif}*{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--bg-primary);color:var(--text-main);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6}a,a:link,a:visited,a:hover,a:focus,a:active,a *{outline:none;border-bottom:none!important;text-decoration:none!important}a{color:inherit;transition:opacity .15s,color .15s;text-decoration:none!important}a:hover,a:focus,a:active{border-bottom:none!important;text-decoration:none!important}button{cursor:pointer;background:0 0;border:none;font-family:inherit}.font-serif{font-family:var(--font-serif)!important}.font-sans{font-family:var(--font-sans)!important}.font-editorial{font-family:var(--font-editorial)!important}.font-mono{font-family:var(--font-mono)!important}.font-minimal{font-family:var(--font-minimal)!important}.app-container{flex-direction:column;min-height:100vh;display:flex}.site-main{flex:1}.content-wrap{max-width:1100px;margin:0 auto;padding:0 30px}.reading-wrap{max-width:820px;margin:0 auto;padding:0 30px}.site-header{border-bottom:1px solid var(--border-light);background:var(--bg-primary);z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background-color:#faf9f6f0;position:sticky;top:0}.nav-row{justify-content:space-between;align-items:center;max-width:1100px;margin:0 auto;padding:24px 30px;display:flex}.brand-logo{letter-spacing:.1em;color:var(--text-main);align-items:center;gap:8px;font-size:19px;font-weight:800;display:flex}.brand-badge{background:var(--bg-muted);letter-spacing:.05em;color:var(--text-secondary);border-radius:999px;padding:2px 7px;font-size:10px;font-weight:700}.main-nav{align-items:center;gap:28px;display:flex}.main-nav a.nav-link{color:#77736b;padding-bottom:2px;font-size:15px;font-weight:500;transition:font-size .15s,color .15s;position:relative}.main-nav a.nav-link:hover{font-size:16px;color:inherit!important;text-decoration:none!important}.main-nav a.nav-link.active{font-weight:700;color:#000!important;opacity:1!important}.writing-dropdown-wrapper{display:inline-block;position:relative}.writing-trigger{color:#77736b;align-items:center;gap:5px;padding:4px 0;font-size:15px;font-weight:500;transition:font-size .15s,color .15s;display:inline-flex}.writing-trigger:hover{font-size:16px;color:inherit!important;text-decoration:none!important}.writing-trigger.active{font-weight:700;color:#000!important;opacity:1!important}.dropdown-icon{font-size:12px;transition:transform .2s}.writing-dropdown-wrapper:hover .dropdown-icon{transform:rotate(180deg)}.dropdown-menu{background:var(--bg-surface);border:1px solid var(--border-light);min-width:180px;box-shadow:var(--shadow-md);opacity:0;visibility:hidden;z-index:50;border-radius:4px;padding:8px 0;transition:opacity .2s,transform .2s,visibility .2s;position:absolute;top:100%;left:-20px;transform:translateY(10px)}.writing-dropdown-wrapper:hover .dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-item{color:var(--text-main);justify-content:space-between;align-items:center;padding:10px 18px;font-size:14px;transition:background .15s;display:flex}.dropdown-item:hover{background:var(--bg-subtle);color:#000!important;opacity:1!important}.dropdown-item .badge{color:var(--text-muted);font-size:11px}.admin-nav-pill{background:var(--text-main);border-radius:20px;align-items:center;gap:6px;padding:6px 14px;font-size:13px;font-weight:500;transition:transform .2s cubic-bezier(.16,1,.3,1),box-shadow .2s;display:inline-flex;box-shadow:0 1px 3px #00000014;color:#fff!important}.admin-nav-pill,a.admin-nav-pill,.admin-nav-pill:visited,.admin-nav-pill:link,.admin-nav-pill:hover,.admin-nav-pill:active,.admin-nav-pill:focus,.admin-nav-pill span,.admin-nav-pill svg,.admin-nav-pill *{fill:none;color:#fff!important;stroke:#fff!important}.admin-nav-pill:hover,a.admin-nav-pill:hover{transform:scale(1.06);box-shadow:0 4px 14px #0000002e;background:var(--text-main)!important;color:#fff!important}.hero-section{max-width:820px;padding:110px 0 120px}.eyebrow{letter-spacing:.18em;color:var(--text-muted);text-transform:uppercase;margin-bottom:24px;font-size:12px;font-weight:700}.hero-title{font-family:var(--font-serif);letter-spacing:-.05em;margin-bottom:32px;font-size:clamp(54px,8.5vw,98px);font-weight:400;line-height:.98}.page-hero-title{font-family:var(--font-serif);letter-spacing:-.025em;color:var(--text-primary);max-width:820px;margin-bottom:20px;font-size:clamp(30px,3.8vw,46px);font-weight:400;line-height:1.22}.hero-subtext{max-width:650px;color:var(--text-secondary);font-size:22px;line-height:1.55}.hero-actions{align-items:center;gap:22px;margin-top:40px;display:flex}.btn-primary{background:var(--text-main);border-radius:4px;align-items:center;gap:8px;padding:13px 24px;font-size:15px;font-weight:500;transition:transform .2s cubic-bezier(.16,1,.3,1),box-shadow .2s;display:inline-flex;box-shadow:0 1px 3px #00000014;color:#fff!important}.btn-primary,a.btn-primary,.btn-primary:visited,.btn-primary:link,.btn-primary:hover,.btn-primary:active,.btn-primary:focus,.btn-primary span,.btn-primary svg,.btn-primary *{fill:none;color:#fff!important;stroke:#fff!important}.btn-primary:hover,a.btn-primary:hover{transform:scale(1.04);box-shadow:0 4px 14px #00000029;background:var(--text-main)!important;color:#fff!important}.btn-secondary{color:var(--text-main);align-items:center;gap:6px;padding:13px 0;font-size:15px;font-weight:500;display:inline-flex}.btn-secondary:hover{color:#000!important;opacity:1!important;text-decoration:none!important}.feed-section{border-top:1px solid var(--border-light);padding:60px 0 90px}.feed-header{justify-content:space-between;align-items:baseline;margin-bottom:30px;display:flex}.feed-title{font-family:var(--font-serif);letter-spacing:-.03em;font-size:40px;font-weight:400}.category-filter-bar{flex-wrap:wrap;gap:10px;margin-bottom:35px;display:flex}.category-tab{letter-spacing:.04em;border:1px solid var(--border-light);color:var(--text-secondary);background:0 0;border-radius:30px;padding:8px 18px;font-size:13px;font-weight:600;transition:all .2s}.category-tab:hover{background:var(--bg-subtle);color:var(--text-main)}.category-tab.active{background:var(--text-main);color:#fff;border-color:var(--text-main)}.category-badge-travel{color:#b45309}.category-badge-technology{color:#1d4ed8}.category-badge-life{color:#047857}.post-item-row{border-top:1px solid var(--border-light);grid-template-columns:1fr 150px;gap:40px;padding:36px 0;transition:transform .2s;display:grid}.post-item-row:hover .post-item-title,.post-item-row:hover .post-item-title a,.post-item-title:hover,.post-item-title a:hover{font-size:31px;color:inherit!important;text-decoration:none!important}.post-meta-top{align-items:center;gap:12px;margin-bottom:10px;display:flex}.post-category-tag{letter-spacing:.12em;text-transform:uppercase;font-size:11px;font-weight:700}.post-font-badge{background:var(--bg-muted);color:var(--text-muted);text-transform:capitalize;border-radius:4px;padding:1px 6px;font-size:10px}.post-item-title{font-family:var(--font-serif);color:var(--text-main);margin-bottom:12px;font-size:30px;font-weight:400;line-height:1.25;transition:font-size .15s}.post-item-desc{max-width:680px;color:var(--text-secondary);font-size:17px;line-height:1.6}.post-date-col{text-align:right;color:var(--text-muted);flex-direction:column;align-items:flex-end;gap:6px;font-size:14px;display:flex}.article-page{padding-bottom:140px}.article-header-area{border-bottom:1px solid var(--border-light);padding:70px 0 50px}.back-link{color:var(--text-muted);align-items:center;gap:6px;margin-bottom:40px;font-size:14px;transition:color .15s;display:inline-flex}.back-link:hover{color:#000!important;opacity:1!important;text-decoration:none!important}.reader-font-toolbar{background:var(--bg-subtle);border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:30px;padding:12px 18px;font-size:13px;display:flex}.reader-font-controls{align-items:center;gap:8px;display:flex}.font-switch-btn{color:var(--text-secondary);background:0 0;border:1px solid #0000;border-radius:4px;padding:4px 10px;font-size:12px;transition:all .15s}.font-switch-btn:hover{background:var(--bg-surface)}.font-switch-btn.active{background:var(--bg-surface);color:var(--text-main);border-color:var(--border-medium);font-weight:600}.article-title{letter-spacing:-.04em;margin:18px 0 25px;font-size:clamp(42px,6vw,76px);font-weight:400;line-height:1.05}.article-desc{color:var(--text-secondary);max-width:720px;margin-bottom:28px;font-size:21px;line-height:1.55}.article-cover-img{object-fit:cover;border:1px solid var(--border-light);border-radius:6px;width:100%;max-height:480px;margin:40px 0}.article-body{max-width:720px;margin:50px auto 0;font-size:19px;line-height:1.75}.article-body h2{margin-top:50px;margin-bottom:18px;font-size:32px;line-height:1.25}.article-body h3{margin-top:36px;margin-bottom:14px;font-size:24px}.article-body p{margin-bottom:26px}.article-body blockquote{border-left:3px solid var(--text-main);color:var(--text-secondary);margin:36px 0;padding-left:24px;font-style:italic}.article-body pre{color:#f0f0f0;font-family:var(--font-mono);background:#202020;border-radius:6px;margin:30px 0;padding:20px;font-size:14px;line-height:1.6;overflow-x:auto}.article-body code{background:var(--bg-muted);font-family:var(--font-mono);border-radius:4px;padding:2px 6px;font-size:.9em}.article-body pre code{color:inherit;background:0 0;padding:0}.article-body img{border-radius:6px;max-width:100%;margin:32px 0}.article-body ul,.article-body ol{margin:20px 0 28px 28px}.article-body li{margin-bottom:10px}.notebook-card{background:var(--bg-muted);border-radius:4px;margin:80px 0;padding:70px}.notebook-card h2{font-family:var(--font-serif);max-width:700px;margin:18px 0 28px;font-size:36px;font-weight:400}.newsletter-card{background:var(--bg-surface);border:1px solid var(--border-light);box-shadow:var(--shadow-sm);border-radius:6px;margin:60px 0;padding:50px 40px}.newsletter-inner{text-align:center;max-width:640px;margin:0 auto}.newsletter-title{font-family:var(--font-serif);color:var(--text-main);margin-bottom:12px;font-size:clamp(28px,4vw,36px);font-weight:400;line-height:1.25}.newsletter-desc{color:var(--text-secondary);margin-bottom:28px;font-size:16px;line-height:1.6}.newsletter-form{gap:12px;max-width:480px;margin:0 auto;display:flex}.newsletter-input-wrapper{flex:1;align-items:center;display:flex;position:relative}.newsletter-icon{color:var(--text-muted);pointer-events:none;position:absolute;left:14px}.newsletter-input{background:var(--bg-primary);border:1px solid var(--border-medium);width:100%;color:var(--text-main);border-radius:4px;padding:12px 16px 12px 40px;font-family:inherit;font-size:15px;transition:all .2s}.newsletter-input:focus{background:#fff;border-color:#171717;outline:none;box-shadow:0 0 0 2px #17171714}.newsletter-submit-btn{white-space:nowrap;padding:12px 24px;font-size:14px;font-weight:500}.newsletter-feedback{text-align:left;border-radius:4px;align-items:center;gap:10px;margin-top:15px;padding:14px 20px;font-size:14px;display:inline-flex}.newsletter-feedback.success{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0}.newsletter-feedback.success p{color:#15803d;margin:2px 0 0;font-size:13px}.newsletter-feedback.error{color:#991b1b;background:#fef2f2;border:1px solid #fecaca}.spin-icon{animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (width<=600px){.newsletter-card{padding:35px 20px}.newsletter-form{flex-direction:column}.newsletter-submit-btn{justify-content:center;width:100%}}.site-footer{border-top:1px solid var(--border-light);background:var(--bg-primary);margin-top:auto;padding:35px 0}.footer-row{max-width:1100px;color:var(--text-muted);justify-content:space-between;align-items:center;margin:0 auto;padding:0 30px;font-size:14px;display:flex}.footer-links{gap:20px;display:flex}.footer-links a:hover{color:#000!important;opacity:1!important;text-decoration:none!important}.admin-header-bar{border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;margin-bottom:30px;padding:20px 0;display:flex}.neon-status-badge{color:#065f46;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:20px;align-items:center;gap:8px;padding:6px 14px;font-size:13px;font-weight:500;display:inline-flex}.neon-status-badge.fallback{color:#92400e;background:#fffbeb;border-color:#fde68a}.admin-tabs{border-bottom:1px solid var(--border-light);gap:12px;margin-bottom:30px;display:flex}.admin-tab-btn{color:var(--text-secondary);border-bottom:2px solid #0000;padding:12px 20px;font-size:15px;font-weight:500}.admin-tab-btn.active{color:var(--text-main);border-bottom-color:var(--text-main);font-weight:600}.form-group{margin-bottom:24px}.form-label{letter-spacing:.05em;text-transform:uppercase;color:var(--text-secondary);margin-bottom:8px;font-size:13px;font-weight:600;display:block}.form-input,.form-textarea,.form-select{background:var(--bg-surface);border:1px solid var(--border-light);width:100%;color:var(--text-main);border-radius:4px;padding:12px 16px;font-family:inherit;font-size:15px;transition:border-color .15s,box-shadow .15s}.form-input:focus,.form-textarea:focus,.form-select:focus{border-color:var(--border-focus);outline:none;box-shadow:0 0 0 3px #17171714}.form-textarea{min-height:280px;line-height:1.6}.font-selector-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;display:grid}.font-option-card{background:var(--bg-surface);border:1px solid var(--border-light);cursor:pointer;border-radius:6px;padding:16px;transition:all .15s}.font-option-card:hover{border-color:var(--border-medium);transform:translateY(-2px)}.font-option-card.selected{border-color:var(--text-main);background:var(--bg-subtle);box-shadow:0 0 0 2px var(--text-main)}.font-option-name{margin-bottom:4px;font-size:14px;font-weight:600}.font-option-sample{margin:8px 0;font-size:20px}.font-option-desc{color:var(--text-muted);font-size:11px}.picture-dropzone{border:2px dashed var(--border-medium);text-align:center;background:var(--bg-surface);cursor:pointer;border-radius:8px;padding:30px;transition:all .2s}.picture-dropzone:hover,.picture-dropzone.dragging{border-color:var(--text-main);background:var(--bg-subtle)}.picture-preview-gallery{flex-wrap:wrap;gap:14px;margin-top:16px;display:flex}.picture-preview-thumb{border:1px solid var(--border-light);border-radius:4px;width:120px;height:90px;position:relative;overflow:hidden}.picture-preview-thumb img{object-fit:cover;width:100%;height:100%}.thumb-actions{opacity:0;background:#000000a6;justify-content:center;align-items:center;gap:6px;transition:opacity .2s;display:flex;position:absolute;inset:0}.picture-preview-thumb:hover .thumb-actions{opacity:1}.thumb-action-btn{color:#171717;background:#fff;border-radius:4px;padding:4px 8px;font-size:10px;font-weight:600}.nav-left-group{align-items:center;gap:16px;display:flex}.mobile-hamburger-btn{cursor:pointer;z-index:10;background:0 0;border:none;flex-direction:column;justify-content:space-around;width:24px;height:18px;padding:0;display:none}.mobile-hamburger-btn .bar{background-color:var(--text-main);border-radius:2px;width:100%;height:2px;transition:all .2s;display:block}.mobile-hamburger-btn:hover .bar{background-color:var(--text-secondary)}.mobile-drawer-backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:998;background:#00000073;animation:.2s fadeIn;position:fixed;inset:0}.mobile-drawer{background:var(--bg-surface);z-index:999;flex-direction:column;width:300px;max-width:85vw;height:100vh;padding:26px 28px;animation:.25s cubic-bezier(.16,1,.3,1) slideDrawerLeft;display:flex;position:fixed;top:0;left:0;overflow-y:auto;box-shadow:10px 0 35px #00000026}@keyframes slideDrawerLeft{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mobile-drawer-header{border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:20px;display:flex}.mobile-drawer-close-btn{color:var(--text-main);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:6px;transition:background .15s;display:flex}.mobile-drawer-close-btn:hover{background:var(--bg-subtle)}.mobile-nav-menu{flex-direction:column;gap:8px;display:flex}.mobile-nav-header-row{justify-content:space-between;align-items:center;width:100%;display:flex}.mobile-dropdown-toggle-btn{color:#77736b;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:6px;transition:color .15s;display:flex}.mobile-dropdown-toggle-btn:hover,.mobile-dropdown-toggle-btn.open{color:#000;background:0 0;border:none}.dropdown-chevron{transition:transform .25s}.dropdown-chevron.rotated{transform:rotate(180deg)}.mobile-nav-link{font-family:var(--font-body);color:#77736b;letter-spacing:-.01em;padding:8px 0;font-size:18px;font-weight:500;transition:font-size .15s,color .15s;display:block}.mobile-nav-link:hover{font-size:19px;color:inherit!important;text-decoration:none!important}.mobile-nav-link.active{color:#000!important;opacity:1!important;font-weight:700!important}.mobile-nav-group{margin:4px 0 6px}.mobile-sub-menu{border-left:2px solid var(--border-light);flex-direction:column;gap:10px;margin:8px 0 14px;padding-left:14px;animation:.2s fadeIn;display:flex}.mobile-sub-link{font-family:var(--font-body);color:#77736b;padding:4px 0;font-size:14px;font-weight:400;transition:font-size .15s,color .15s;display:block}.mobile-sub-link:hover{font-size:15px;color:inherit!important;text-decoration:none!important}.mobile-sub-link.active{color:#000!important;opacity:1!important;font-weight:700!important}.mobile-nav-footer{border-top:1px solid var(--border-light);margin-top:30px;padding-top:24px}.navbar-search-wrapper{background:var(--bg-surface);border:1px solid var(--border-light);border-radius:20px;align-items:center;padding:4px 12px;transition:all .2s;display:flex}.navbar-search-wrapper:focus-within{border-color:#171717;box-shadow:0 0 0 2px #17171714}.navbar-search-icon{color:var(--text-muted);flex-shrink:0;margin-right:6px}.navbar-search-input{color:var(--text-main);background:0 0;border:none;outline:none;width:120px;font-family:inherit;font-size:13px;transition:width .2s}.navbar-search-input:focus{width:165px}.navbar-search-clear-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;margin-left:4px;padding:2px;display:flex}.navbar-search-clear-btn:hover{color:var(--text-main)}.mobile-header-right{display:none}.mobile-search-toggle-btn{color:var(--text-main);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:6px;display:flex}.mobile-search-expand-bar{background:var(--bg-surface);border-bottom:1px solid var(--border-light);align-items:center;gap:10px;padding:10px 20px;animation:.2s fadeIn;display:flex}.mobile-search-icon{color:var(--text-muted);flex-shrink:0}.mobile-search-input{color:var(--text-main);background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:15px}@media (width<=768px){.desktop-nav{display:none!important}.mobile-hamburger-btn{display:flex!important}.mobile-header-right{align-items:center;gap:8px;display:flex!important}.nav-row{flex-direction:row;justify-content:space-between;align-items:center;padding:16px 20px}.post-item-row{grid-template-columns:1fr;gap:15px}.post-date-col{align-items:flex-start}.hero-title{font-size:42px}.page-hero-title{font-size:28px;line-height:1.25}.hero-section{padding:50px 0 60px}.notebook-card{padding:35px 20px}.footer-row{flex-direction:column;align-items:flex-start;gap:14px}}