@import"https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,700;1,400&family=DM+Sans:wght@300;400;500;600&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--ink: #1a1208;--ink-2: #4a3f2f;--ink-3: #8a7a65;--paper: #ffffff;--paper-2: ghostwhite;--paper-3: #ffffff;--accent: #c0392b;--accent-2: #e74c3c;--accent-light: #fdecea;--gold: #b8860b;--gold-light: #fdf6e0;--border: #ddd5c5;--border-2: #ccc0ac;--success-bg: #e8f5e9;--success-text: #1b5e20;--success-border:#c8e6c9;--shadow: 0 2px 12px rgba(0,0,0,.08);--shadow-lg: 0 8px 32px rgba(0,0,0,.12);--r: 10px;--r-lg: 16px;font-family:DM Sans,sans-serif}body.dark{--ink: #f0ead8;--ink-2: #c4b89a;--ink-3: #8a7d66;--paper: #1e1a14;--paper-2: #26211a;--paper-3: #17140f;--accent: #e74c3c;--accent-2: #ff6b5b;--accent-light: #2d1410;--gold: #d4a017;--gold-light: #2a2210;--border: #3a3025;--border-2: #4a3f30}body{background:var(--paper-3);color:var(--ink);min-height:100vh;transition:background .25s,color .25s}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button{font-family:DM Sans,sans-serif;cursor:pointer}input,textarea,select{font-family:DM Sans,sans-serif}.page{max-width:1100px;margin:0 auto;padding:2rem 1.5rem;min-height:calc(100vh - 58px)}.page-sm{max-width:460px;margin:0 auto;padding:3rem 1.5rem;min-height:calc(100vh - 58px);display:flex;flex-direction:column;justify-content:center}.page-md{max-width:720px;margin:0 auto;padding:2rem 1.5rem;min-height:calc(100vh - 58px)}.btn{display:inline-flex;align-items:center;gap:.4rem;padding:.6rem 1.2rem;border-radius:var(--r);border:none;font-weight:600;font-size:.88rem;transition:all .2s;cursor:pointer}.btn-primary{background:var(--ink);color:#fff}.btn-primary:hover{background:#2e2010}.btn-danger{background:var(--accent);color:#fff}.btn-danger:hover{background:var(--accent-2)}.btn-outline{background:none;border:1.5px solid var(--border-2);color:var(--ink-2)}.btn-outline:hover{border-color:var(--ink);background:var(--paper-2)}.btn-ghost{background:none;border:none;color:var(--ink-3);padding:.4rem .7rem}.btn-ghost:hover{color:var(--ink)}.btn-sm{padding:.35rem .75rem;font-size:.8rem}.btn-full{width:100%;justify-content:center}.btn:disabled{opacity:.5;cursor:not-allowed}.form-group{margin-bottom:1.1rem}.form-group label{display:block;font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-3);margin-bottom:.4rem}.form-group input,.form-group textarea,.form-group select{width:100%;padding:.65rem .85rem;border:1.5px solid var(--border);border-radius:var(--r);background:var(--paper);color:var(--ink);font-size:.93rem;transition:border-color .2s;outline:none}.form-group input:focus,.form-group textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px #c0392b1a}.form-group .error{color:var(--accent-2);font-size:.78rem;margin-top:.3rem}.form-group textarea{resize:vertical;min-height:140px;line-height:1.6}.alert{padding:.75rem 1rem;border-radius:var(--r);font-size:.85rem;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.alert-error{background:var(--accent-light);color:#b71c1c;border:1px solid #f5c6c6}.alert-success{background:var(--success-bg);color:var(--success-text);border:1px solid var(--success-border)}.loader-wrap{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem;gap:1rem;color:var(--ink-3)}.spinner{width:32px;height:32px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.tabs{display:flex;border-bottom:2px solid var(--border);margin-bottom:1.75rem}.tab{padding:.65rem 1.25rem;border:none;background:none;cursor:pointer;font-size:.88rem;color:var(--ink-3);border-bottom:2px solid transparent;margin-bottom:-2px;transition:all .2s;font-weight:500}.tab:hover{color:var(--ink)}.tab.active{color:var(--accent);border-bottom-color:var(--accent);font-weight:600}.stats-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1rem;margin-bottom:2rem}.stat-card{background:var(--paper);border:1px solid var(--border);border-radius:var(--r);padding:1.1rem;text-align:center}.stat-num{font-family:Playfair Display,serif;font-size:2rem;color:var(--ink);line-height:1}.stat-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-3);margin-top:.35rem;font-weight:600}.pagination{display:flex;align-items:center;justify-content:center;gap:.4rem;margin-top:2rem}.page-btn{padding:.4rem .75rem;border-radius:6px;border:1.5px solid var(--border);background:var(--paper);cursor:pointer;font-size:.83rem;color:var(--ink-2);transition:all .2s}.page-btn:hover{border-color:var(--ink);color:var(--ink)}.page-btn.current{background:var(--ink);color:#fff;border-color:var(--ink)}.page-btn:disabled{opacity:.35;cursor:not-allowed}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:200;display:flex;align-items:center;justify-content:center;padding:1rem}.modal{background:var(--paper);border-radius:var(--r-lg);padding:2rem;max-width:420px;width:100%;border:1px solid var(--border);box-shadow:0 24px 64px #0000004d}.modal h2{font-family:Playfair Display,serif;font-size:1.35rem;margin-bottom:.6rem}.modal p{color:var(--ink-3);font-size:.88rem;margin-bottom:1.5rem}.modal-actions{display:flex;gap:.75rem;justify-content:flex-end}.post-card-hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}.tag-badge{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;padding:.2rem .55rem;border-radius:4px}.tag-Tech{background:#e3f7f0;color:#057a55}.tag-Life{background:#edebfe;color:#5521b5}.tag-Travel{background:#fce8f3;color:#99154b}.tag-Science{background:#def7ec;color:#03543f}.tag-Culture{background:#fdf6b2;color:#8e4b10}.tag-Health{background:#e8f0fe;color:#1a56db}.back-link{display:inline-flex;align-items:center;gap:.4rem;color:var(--ink-3);font-size:.83rem;cursor:pointer;margin-bottom:1.5rem;transition:color .2s;background:none;border:none}.back-link:hover{color:var(--ink)}.empty-state{text-align:center;padding:4rem 2rem;color:var(--ink-3)}.empty-state .icon{font-size:3rem;margin-bottom:1rem;opacity:.4}.empty-state h3{font-family:Playfair Display,serif;font-size:1.4rem;color:var(--ink-2);margin-bottom:.5rem}.empty-state p{font-size:.88rem;margin-bottom:1.5rem}@media (max-width: 600px){.page{padding:1.25rem 1rem}.page-sm{padding:2rem 1rem}.stats-row{grid-template-columns:1fr 1fr}}@media (max-width: 768px){.nav-desktop{display:none!important}.nav-mobile{display:flex!important}}@media (min-width: 769px){.nav-desktop{display:flex!important}.nav-mobile{display:none!important}}@media (max-width: 768px){.page{padding:1.25rem 1rem}.page-sm{padding:2rem 1rem}.page-md{padding:1.5rem 1rem}.stats-row{grid-template-columns:1fr 1fr}.tabs{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.pagination{flex-wrap:wrap}.modal{margin:0 .5rem;padding:1.5rem}}@media (max-width: 480px){.stats-row{grid-template-columns:1fr}.toolbar-wrap{gap:.2rem}.post-detail-title{font-size:1.6rem!important}}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media print{nav,.btn,.back-link,.post-card-actions{display:none!important}.page,.page-md{max-width:100%;padding:0}body{background:#fff;color:#000}}.page,.page-sm,.page-md{animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}::selection{background:var(--accent);color:#fff}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--paper-2)}::-webkit-scrollbar-thumb{background:var(--border-2);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--ink-3)}