:root{--bg:#f8f7f4;--bg-elevated:#fff;--bg-subtle:#f0eee9;--ink:#1c1917;--ink-secondary:#78716c;--ink-tertiary:#a8a29e;--border:#e7e5e4;--border-strong:#d6d3d1;--accent:#b91c1c;--accent-hover:#991b1b;--accent-soft:#b91c1c14;--gold:#b45309;--gold-soft:#b4530914;--green:#15803d;--green-soft:#15803d14;--radius:10px;--radius-sm:6px;--radius-full:999px;--shadow-sm:0 1px 3px #0000000a;--shadow:0 4px 20px #0000000f;--shadow-lg:0 12px 40px #00000014;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-serif:"Georgia", "Times New Roman", serif;--transition:.15s ease}[data-theme=dark]{--bg:#0c0a09;--bg-elevated:#1c1917;--bg-subtle:#292524;--ink:#fafaf9;--ink-secondary:#a8a29e;--ink-tertiary:#78716c;--border:#292524;--border-strong:#44403c;--accent:#ef4444;--accent-hover:#f87171;--accent-soft:#ef44441a;--gold:#f59e0b;--gold-soft:#f59e0b1a;--green:#22c55e;--green-soft:#22c55e1a;--shadow-sm:0 1px 3px #0003;--shadow:0 4px 20px #0000004d;--shadow-lg:0 12px 40px #0006}*,:before,:after{box-sizing:border-box}html{scroll-behavior:auto}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body{background:var(--bg);color:var(--ink);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;margin:0;font-size:15px;line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.site-shell{flex-direction:column;gap:8px;max-width:1200px;min-height:100vh;margin:0 auto;padding:0 8px;display:flex}.main{background:var(--bg-elevated);border-radius:var(--radius);border:1px solid var(--border);box-shadow:var(--shadow-sm);flex:1}.container{max-width:1100px;margin:0 auto;padding:40px 24px 64px}.narrow{max-width:720px}.topbar{border:1px solid var(--border);background:var(--bg-elevated);z-index:20;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:var(--radius);box-shadow:var(--shadow-sm);position:sticky;top:0}.nav{align-items:center;gap:20px;max-width:1100px;height:60px;margin:0 auto;padding:0 24px;display:flex}.brand{color:var(--accent);letter-spacing:-.02em;white-space:nowrap;margin-right:auto;font-size:1.05rem;font-weight:800}.desktop-menu{align-items:center;gap:6px;display:flex}.desktop-menu a{border-radius:var(--radius-sm);color:var(--ink-secondary);white-space:nowrap;transition:color var(--transition), background var(--transition);padding:6px 12px;font-size:.875rem;font-weight:500}.desktop-menu a:hover{color:var(--ink);background:var(--bg-subtle)}.nav-submit{letter-spacing:.02em;z-index:1;position:relative;overflow:hidden;background:linear-gradient(135deg, var(--accent), #e11d48)!important;color:#fff!important;border-radius:var(--radius-full)!important;border:none!important;padding:6px 20px!important;font-weight:700!important}.nav-submit:before{content:"";z-index:-1;background:linear-gradient(90deg,#0000 0% 25%,#ffffff80 50%,#0000 75% 100%);width:200%;height:100%;animation:2s ease-in-out infinite navShine;position:absolute;top:0;left:-100%}.nav-submit:hover{transform:scale(1.05);box-shadow:0 4px 16px #b91c1c66}@keyframes navShine{0%{left:-200%}60%{left:100%}to{left:100%}}.nav-actions{align-items:center;gap:8px;display:flex}.theme-toggle{background:var(--bg-subtle);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;width:36px;height:36px;transition:border-color var(--transition);justify-content:center;align-items:center;font-size:.95rem;display:flex}.theme-toggle:hover{border-color:var(--border-strong)}.hamburger{background:var(--bg-subtle);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:36px;height:36px;padding:8px;display:none}.hamburger-bar{background:var(--ink);border-radius:2px;width:16px;height:2px;transition:transform .2s,opacity .2s;display:block}.hamburger-bar.open:first-child{transform:translateY(6px)rotate(45deg)}.hamburger-bar.open:nth-child(2){opacity:0}.hamburger-bar.open:nth-child(3){transform:translateY(-6px)rotate(-45deg)}.mobile-drawer{background:var(--bg);z-index:19;flex-direction:column;gap:2px;padding:16px;animation:.2s slideDown;display:flex;position:fixed;inset:60px 0 0;overflow-y:auto}.mobile-drawer a{border-radius:var(--radius);color:var(--ink);transition:background var(--transition);padding:14px 16px;font-size:.95rem;font-weight:600}.mobile-drawer a:hover{background:var(--bg-subtle)}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.eyebrow{color:var(--accent);text-transform:uppercase;letter-spacing:.06em;margin-bottom:8px;font-size:.75rem;font-weight:600;display:inline-block}h1,h2,h3{letter-spacing:-.02em;line-height:1.15}h1{font-family:var(--font-serif);margin:0 0 16px;font-size:clamp(2rem,5vw,3.5rem)}h2{margin:0 0 16px;font-size:1.5rem}h3{margin:0 0 6px;font-size:1.1rem}.lead{color:var(--ink-secondary);max-width:600px;margin:0;font-size:1.05rem;line-height:1.7}.hero{border-bottom:1px solid var(--border);padding:48px 0 32px}.actions{flex-wrap:wrap;gap:10px;margin-top:24px;display:flex}.button{border:1px solid var(--accent);background:var(--accent);color:#fff;border-radius:var(--radius-sm);height:40px;font-family:var(--font-sans);cursor:pointer;transition:background var(--transition), opacity var(--transition);justify-content:center;align-items:center;padding:0 20px;font-size:.875rem;font-weight:600;display:inline-flex}.button:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.button.secondary{color:var(--accent);background:0 0}.button.secondary:hover{background:var(--accent-soft)}.section{margin-top:48px}.grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;display:grid}.archive-layout{grid-template-columns:minmax(0,1fr) 280px;align-items:start;gap:40px;display:grid}.story-list{gap:0;display:grid}.story-row{border-bottom:1px solid var(--border);padding:20px 0}.story-row:first-child{padding-top:0}.story-row h2{margin-bottom:6px;font-size:1.15rem}.story-row h2 a:hover{color:var(--accent)}.story-row p{color:var(--ink-secondary);margin:6px 0 8px;font-size:.9rem;line-height:1.6}.story-card,.category-card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);transition:border-color var(--transition), box-shadow var(--transition);flex-direction:column;gap:10px;padding:20px;display:flex}.story-card:hover,.category-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow)}.story-card p,.category-card p{color:var(--ink-secondary);margin:0;font-size:.9rem;line-height:1.55}.meta{color:var(--ink-tertiary);flex-wrap:wrap;gap:8px;font-size:.8rem;display:flex}.pill{border:1px solid var(--border);border-radius:var(--radius-full);background:var(--bg-subtle);color:var(--ink-secondary);align-items:center;padding:3px 10px;font-size:.75rem;font-weight:500;display:inline-flex}.read-link{color:var(--accent);margin-top:auto;font-size:.875rem;font-weight:600}.read-link:hover{text-decoration:underline}.sidebar{gap:16px;display:grid;position:sticky;top:80px}.side-section{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-elevated);padding:16px}.side-section h2{text-transform:uppercase;letter-spacing:.04em;color:var(--ink-tertiary);margin-bottom:12px;font-size:.85rem;font-weight:700}.side-list{gap:6px;margin:0;padding:0;list-style:none;display:grid}.side-list a,.side-list span{color:var(--ink-secondary);transition:color var(--transition);justify-content:space-between;gap:12px;padding:6px 0;font-size:.875rem;display:flex}.side-list a:hover{color:var(--accent)}.search-box{gap:8px;display:grid;position:relative}.search-box input{border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;height:40px;font:.875rem var(--font-sans);background:var(--bg);color:var(--ink);transition:border-color var(--transition);padding:0 12px}.search-box input:focus{border-color:var(--accent);outline:none}.search-results{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-elevated);box-shadow:var(--shadow-lg);margin:0;padding:0;list-style:none;overflow:hidden}.search-results li a{border-bottom:1px solid var(--border);transition:background var(--transition);justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;font-size:.875rem;display:flex}.search-results li:last-child a{border-bottom:none}.search-results li a:hover{background:var(--accent-soft)}.search-results li a strong{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.search-results li a span{color:var(--ink-tertiary);white-space:nowrap;font-size:.75rem}.search-empty{color:var(--ink-tertiary);margin:0;font-size:.85rem}.reader-header{border-bottom:1px solid var(--border);padding-bottom:24px}.reader-title{font-family:var(--font-serif);font-size:clamp(1.8rem,4vw,3rem)}.story-body{font-family:var(--font-serif);color:var(--ink);margin-top:32px;font-size:clamp(1.05rem,1.8vw,1.2rem);line-height:1.9}.story-body p{margin:0 0 1.2em}.story-body h2{font-family:var(--font-sans);margin-top:1.6em}.reading-progress{z-index:30;height:3px;position:fixed;top:0;left:0;right:0}.reading-progress-bar{background:var(--accent);height:100%;transition:width .1s linear}.share-buttons{flex-wrap:wrap;align-items:center;gap:8px;margin-top:16px;display:flex}.share-label{color:var(--ink-tertiary);font-size:.8rem;font-weight:600}.share-btn{border:1px solid var(--border);border-radius:var(--radius-full);color:var(--ink-secondary);background:var(--bg-elevated);cursor:pointer;transition:border-color var(--transition), color var(--transition);align-items:center;padding:5px 12px;font-size:.78rem;font-weight:500;text-decoration:none;display:inline-flex}.share-btn:hover{border-color:var(--accent);color:var(--accent)}.share-btn.whatsapp:hover{color:#25d366;border-color:#25d366}.share-btn.telegram:hover{color:#08c;border-color:#08c}.story-reactions{border-top:1px solid var(--border);border-bottom:1px solid var(--border);gap:10px;margin:28px 0;padding:20px 0;display:flex}.reaction-btn{border:1px solid var(--border);border-radius:var(--radius-full);background:var(--bg-elevated);cursor:pointer;transition:border-color var(--transition), transform var(--transition);align-items:center;gap:6px;padding:8px 14px;font-size:.85rem;display:inline-flex}.reaction-btn:hover:not(:disabled){border-color:var(--accent);transform:scale(1.04)}.reaction-btn.reacted{border-color:var(--accent);background:var(--accent-soft)}.reaction-btn:disabled{cursor:default}.reaction-emoji{font-size:1.1rem}.reaction-count{color:var(--ink-tertiary);font-size:.78rem;font-weight:600}.footer{border:1px solid var(--border);background:var(--bg-elevated);border-radius:var(--radius);box-shadow:var(--shadow-sm);color:var(--ink-tertiary);font-size:.85rem}.footer-inner{flex-wrap:wrap;justify-content:space-between;gap:16px;max-width:1100px;margin:0 auto;padding:20px 24px;display:flex}.footer a{color:var(--accent)}.footer a:hover{text-decoration:underline}.age-gate{z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.age-panel{background:var(--bg-elevated);border-radius:var(--radius);border:1px solid var(--border);width:min(480px,100%);box-shadow:var(--shadow-lg);padding:32px}.age-panel p{color:var(--ink-secondary);line-height:1.6}.age-actions{flex-wrap:wrap;gap:10px;margin-top:20px;display:flex}.policy-copy{color:var(--ink-secondary);font-size:1rem;line-height:1.75}.policy-copy li{margin-bottom:8px}.seo-band{border-top:1px solid var(--border);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:24px;padding:28px 0;display:flex}.seo-band p,.faq p{color:var(--ink-secondary);margin:0;line-height:1.7}.faq{gap:16px;display:grid}.faq-item{border-top:1px solid var(--border);padding-top:16px}.keyword-list{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.editor-form{gap:16px;margin-top:24px;display:grid}.editor-form label{color:var(--ink-secondary);gap:6px;font-size:.875rem;font-weight:600;display:grid}.editor-form input,.editor-form select,.editor-form textarea{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);width:100%;color:var(--ink);font:.9rem var(--font-sans);transition:border-color var(--transition);padding:10px 12px}.editor-form input:focus,.editor-form select:focus,.editor-form textarea:focus{border-color:var(--accent);outline:none}.editor-form textarea{resize:vertical;line-height:1.6}.notice,.form-success,.form-error{border-radius:var(--radius-sm);padding:12px 14px;font-size:.875rem;line-height:1.5}.notice{background:var(--gold-soft);border:1px solid var(--gold);color:var(--gold)}.form-success{background:var(--green-soft);border:1px solid var(--green);color:var(--green)}.form-error{background:var(--accent-soft);border:1px solid var(--accent);color:var(--accent)}.user-nav{align-items:center;gap:8px;font-size:.85rem;display:flex}.user-nav-link{color:var(--ink-secondary);cursor:pointer;font:inherit;border-radius:var(--radius-sm);transition:color var(--transition), background var(--transition);background:0 0;border:none;padding:4px 8px;font-weight:500}.user-nav-link:hover{color:var(--ink);background:var(--bg-subtle)}.admin-link{color:var(--gold);font-weight:700}.logout-btn{font-size:.82rem}.auth-tabs,.admin-tabs{border-bottom:1px solid var(--border);gap:0;margin:24px 0 8px;display:flex}.auth-tab{color:var(--ink-tertiary);font-family:var(--font-sans);cursor:pointer;transition:color var(--transition), border-color var(--transition);background:0 0;border:none;border-bottom:2px solid #0000;padding:10px 20px;font-size:.9rem;font-weight:600}.auth-tab:hover{color:var(--ink)}.auth-tab.active{color:var(--accent);border-bottom-color:var(--accent)}.admin-filters{flex-wrap:wrap;gap:6px;margin:20px 0;display:flex}.pill-active{background:var(--accent)!important;color:#fff!important;border-color:var(--accent)!important}.admin-list{gap:12px;display:grid}.admin-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-elevated);padding:16px}.admin-card-header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.admin-card h3{margin:0 0 4px}.admin-preview{border-top:1px solid var(--border);margin-top:14px;padding-top:14px}.admin-content{white-space:pre-wrap;word-break:break-word;background:var(--bg);border-radius:var(--radius-sm);border:1px solid var(--border);max-height:360px;padding:14px;font-size:.875rem;line-height:1.7;overflow-y:auto}.admin-actions{gap:8px;margin-top:12px;display:flex}.status-badge{border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.03em;padding:2px 10px;font-size:.72rem;font-weight:700}.status-pending{background:var(--gold-soft);color:var(--gold)}.status-approved{background:var(--green-soft);color:var(--green)}.status-rejected{background:var(--accent-soft);color:var(--accent)}.analytics-table{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-elevated);overflow:hidden}.analytics-header{background:var(--bg-subtle);border-bottom:1px solid var(--border);color:var(--ink-tertiary);text-transform:uppercase;letter-spacing:.04em;justify-content:space-between;padding:10px 16px;font-size:.78rem;font-weight:700;display:flex}.analytics-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:10px 16px;font-size:.875rem;display:flex}.analytics-row:last-child{border-bottom:none}.analytics-row a{color:var(--accent)}.analytics-row a:hover{text-decoration:underline}.analytics-count{color:var(--gold);font-weight:700}.popular-rank{color:var(--gold);margin-bottom:2px;font-size:1.2rem;font-weight:800}.bookmark-btn{border:1px solid var(--border);border-radius:var(--radius-full);background:var(--bg-elevated);cursor:pointer;transition:border-color var(--transition);align-items:center;gap:6px;margin-top:10px;padding:6px 14px;font-size:.85rem;font-weight:500;display:inline-flex}.bookmark-btn:hover{border-color:var(--accent)}.bookmark-btn.bookmarked{border-color:var(--gold);background:var(--gold-soft)}.profile-section{border-top:1px solid var(--border);margin-top:24px;padding-top:20px}.profile-section:first-child{border-top:none;margin-top:0}.profile-name-form{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.profile-input{border:1px solid var(--border);border-radius:var(--radius-sm);min-width:200px;height:40px;font:.9rem var(--font-sans);background:var(--bg);color:var(--ink);flex:1;padding:0 12px}.profile-input:focus{border-color:var(--accent);outline:none}.toast{z-index:50;border-radius:var(--radius);box-shadow:var(--shadow-lg);align-items:center;gap:12px;max-width:380px;padding:12px 16px;font-size:.875rem;animation:.25s toastIn;display:flex;position:fixed;bottom:80px;right:24px}.toast-success{background:var(--green-soft);border:1px solid var(--green);color:var(--green)}.toast-error{background:var(--accent-soft);border:1px solid var(--accent);color:var(--accent)}.toast-close{color:inherit;cursor:pointer;opacity:.6;transition:opacity var(--transition);background:0 0;border:none;padding:0;font-size:.9rem}.toast-close:hover{opacity:1}@keyframes toastIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.ad-container{justify-content:center;align-items:center;max-width:100%;min-height:50px;margin:20px 0;display:flex;overflow:hidden}.ad-container ins{max-width:100%;overflow:hidden}.ad-container iframe{max-width:100%!important}@media (max-width:768px){.ad-container{box-sizing:border-box;width:100%;max-width:100vw;margin:10px -16px;padding:0 16px;overflow-x:clip}.ad-container ins,.ad-container iframe,.ad-container div{width:100%!important;max-width:100%!important;overflow:hidden!important}}.ad-between{border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:16px 0}.ad-sidebar{margin:0}.ad-native{margin:12px 0}.loader-wrap{flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:64px 24px;display:flex}.loader-spinner{border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:36px;height:36px;animation:.7s linear infinite spin}.loader-text{color:var(--ink-tertiary);margin:0;font-size:.85rem}@keyframes spin{to{transform:rotate(360deg)}}.pagination{border-top:1px solid var(--border);flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;margin-top:32px;padding-top:24px;display:flex}.pagination-btn{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-elevated);min-width:36px;height:36px;color:var(--ink-secondary);font-family:var(--font-sans);cursor:pointer;transition:border-color var(--transition), color var(--transition);justify-content:center;align-items:center;padding:0 12px;font-size:.85rem;font-weight:500;display:inline-flex}.pagination-btn:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.pagination-btn:disabled{opacity:.4;cursor:default}.pagination-active{background:var(--accent)!important;color:#fff!important;border-color:var(--accent)!important}.pagination-dots{color:var(--ink-tertiary);font-size:.85rem}@media (max-width:768px){.hamburger,.mobile-drawer{display:none!important}.nav{flex-wrap:wrap;gap:8px;height:auto;padding:10px 16px}.desktop-menu{flex-wrap:wrap;order:3;gap:4px;width:100%;display:flex}.desktop-menu a{padding:5px 8px;font-size:.78rem}.nav-submit{padding:5px 14px!important;font-size:.78rem!important}.brand{font-size:.95rem}.nav-actions{gap:6px}.grid,.archive-layout{grid-template-columns:1fr}.sidebar{position:static}.hero{padding-top:32px}.seo-band{flex-direction:column;align-items:flex-start}.admin-card-header{flex-direction:column}.user-nav{gap:4px;font-size:.8rem}.toast{max-width:none;bottom:70px;left:16px;right:16px}.container{padding:28px 16px 48px}}