:root[data-theme=light]{--bg:#fbfbfd;--bg-soft:#f1f2f6;--surface:#fff;--text:#15131a;--text-soft:#5b5766;--border:#e7e6ec;--accent:#6d5efc;--accent-2:#c026d3;--shadow:0 10px 30px -12px #14131a2e;--shadow-sm:0 4px 14px -8px #14131a40}:root[data-theme=dark]{--bg:#0d0c12;--bg-soft:#16151d;--surface:#17161f;--text:#f4f3f7;--text-soft:#a09cb0;--border:#2a2833;--accent:#8b7dff;--accent-2:#e879f9;--shadow:0 14px 40px -14px #000000b3;--shadow-sm:0 6px 18px -10px #0009}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;transition:background .3s,color .3s}a{color:inherit;text-decoration:none}.muted{color:var(--text-soft)}.gradient-text{background:linear-gradient(120deg, var(--accent), var(--accent-2));color:#0000;-webkit-background-clip:text;background-clip:text}.navbar{z-index:20;background:color-mix(in srgb, var(--bg) 80%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);position:sticky;top:0}.navbar-inner{align-items:center;gap:1.5rem;max-width:1080px;margin:0 auto;padding:.9rem 1.5rem;display:flex}.brand{letter-spacing:-.02em;align-items:center;gap:.5rem;font-size:1.15rem;font-weight:800;display:flex}.brand-mark{color:var(--accent)}.nav-links{color:var(--text-soft);gap:1.5rem;margin-left:auto;font-size:.92rem;display:flex}.nav-links a{transition:color .2s;position:relative}.nav-links a:hover,.nav-links a.active{color:var(--text)}.nav-cta{color:#fff;background:var(--accent);white-space:nowrap;border-radius:999px;padding:.5rem .95rem;font-size:.88rem;font-weight:600;transition:transform .2s,box-shadow .2s,opacity .2s}.nav-cta:hover{opacity:.92;box-shadow:0 6px 16px -8px var(--accent);transform:translateY(-1px)}.theme-toggle{border:1px solid var(--border);background:var(--surface);cursor:pointer;border-radius:50%;place-items:center;width:38px;height:38px;font-size:1rem;transition:transform .2s,border-color .2s;display:grid}.theme-toggle:hover{border-color:var(--accent);transform:scale(1.08)}.container{max-width:1080px;margin:0 auto;padding:2.5rem 1.5rem 4rem}.hero{text-align:center;padding:2.5rem 0 3rem;animation:.6s both rise}.eyebrow{text-transform:uppercase;letter-spacing:.18em;color:var(--accent);margin:0 0 1rem;font-size:.72rem;font-weight:700}.hero h1{letter-spacing:-.03em;max-width:14ch;margin:0 auto 1rem;font-size:clamp(2.2rem,5vw,3.6rem);line-height:1.05}.hero-sub{color:var(--text-soft);max-width:52ch;margin:0 auto 2rem;font-size:1.1rem;line-height:1.6}.search{background:var(--surface);border:1px solid var(--border);max-width:440px;box-shadow:var(--shadow-sm);border-radius:999px;align-items:center;gap:.6rem;margin:0 auto;padding:.7rem 1.2rem;transition:border-color .2s,box-shadow .2s;display:flex}.search:focus-within{border-color:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb, var(--accent) 18%, transparent)}.search-icon{color:var(--text-soft);font-size:1.1rem}.search input{color:var(--text);font:inherit;background:0 0;border:0;outline:0;width:100%}.featured{margin-bottom:3rem;animation:.7s both rise}.featured-card{min-height:340px;box-shadow:var(--shadow);border-radius:24px;transition:transform .3s;display:block;position:relative;overflow:hidden}.featured-card:hover{transform:translateY(-4px)}.featured-overlay{color:#fff;background:linear-gradient(#0000 30%,#0000008c 100%);flex-direction:column;justify-content:flex-end;padding:2.2rem;display:flex;position:absolute;inset:0}.featured-overlay h2{letter-spacing:-.02em;max-width:18ch;margin:.8rem 0 .6rem;font-size:clamp(1.6rem,3.5vw,2.4rem);line-height:1.1}.featured-overlay p{opacity:.92;max-width:56ch;margin:0 0 1.2rem;line-height:1.5}.featured-foot{opacity:.95;align-items:center;gap:.7rem;font-size:.9rem;display:flex}.pill{letter-spacing:.03em;text-transform:uppercase;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;background:#ffffff38;border-radius:999px;align-self:flex-start;padding:.3rem .8rem;font-size:.72rem;font-weight:700;display:inline-block}.pill.solid{background:color-mix(in srgb, var(--accent) 15%, transparent);color:var(--accent)}.filters{flex-wrap:wrap;gap:.6rem;margin-bottom:1.8rem;display:flex}.chip{border:1px solid var(--border);background:var(--surface);color:var(--text-soft);font:inherit;cursor:pointer;border-radius:999px;padding:.45rem 1rem;font-size:.88rem;transition:all .2s}.chip:hover{color:var(--text);border-color:var(--accent)}.chip.active{background:var(--accent);border-color:var(--accent);color:#fff}.grid{grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:1.5rem;display:grid}.empty{text-align:center;grid-column:1/-1;padding:3rem 0}.trending{margin-bottom:3rem}.section-title{letter-spacing:-.02em;margin:0 0 1rem;font-size:1.3rem}.trending-list{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;margin:0;padding:0;list-style:none;display:grid}.trending-list li{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:14px;align-items:center;gap:.9rem;padding:1rem 1.1rem;transition:transform .2s,border-color .2s;display:flex}.trending-list li:hover{border-color:color-mix(in srgb, var(--accent) 40%, var(--border));transform:translateY(-3px)}.trending-rank{letter-spacing:-.03em;background:linear-gradient(135deg, var(--accent), var(--accent-2));color:#0000;text-align:center;-webkit-background-clip:text;background-clip:text;flex-shrink:0;width:1.2em;font-size:1.5rem;font-weight:800}.trending-link{min-width:0;color:inherit;flex-direction:column;gap:.2rem;text-decoration:none;display:flex}.trending-title{text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-weight:700;line-height:1.25;display:-webkit-box;overflow:hidden}.trending-meta{color:var(--text-soft);font-size:.8rem}.pagination{flex-wrap:wrap;justify-content:center;gap:.4rem;margin-top:2.5rem;display:flex}.page-btn{border:1px solid var(--border);background:var(--surface);min-width:38px;color:var(--text);font:inherit;cursor:pointer;border-radius:9px;padding:.45rem .8rem;font-size:.9rem;font-weight:600;transition:border-color .2s,color .2s,background .2s}.page-btn:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.page-btn.active{background:var(--accent);border-color:var(--accent);color:#fff}.page-btn:disabled{opacity:.45;cursor:not-allowed}.post-card{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:18px;flex-direction:column;transition:transform .25s,box-shadow .25s,border-color .25s;display:flex;position:relative;overflow:hidden}.post-card-link{color:inherit;text-decoration:none}.post-card-link:after{content:"";z-index:1;position:absolute;inset:0}.post-card:hover{box-shadow:var(--shadow);border-color:color-mix(in srgb, var(--accent) 40%, var(--border));transform:translateY(-5px)}.post-card-cover{height:150px;position:relative}.post-card-cat{z-index:2;text-transform:uppercase;letter-spacing:.04em;color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#00000047;border-radius:999px;padding:.25rem .65rem;font-size:.7rem;font-weight:700;text-decoration:none;transition:background .2s;position:absolute;top:12px;left:12px}a.post-card-cat:hover{background:#00000080}.author-link{z-index:2;color:inherit;text-decoration:none;transition:color .2s;position:relative}.author-link:hover{color:var(--accent)}.post-card-body{flex-direction:column;flex:1;padding:1.2rem 1.3rem 1.4rem;display:flex}.post-card-body h3{letter-spacing:-.01em;margin:0 0 .5rem;font-size:1.18rem;line-height:1.25}.post-card-excerpt{color:var(--text-soft);margin:0 0 1rem;font-size:.92rem;line-height:1.5}.card-tags{z-index:2;flex-wrap:wrap;gap:.4rem;margin-bottom:1.2rem;display:flex;position:relative}.card-tag{color:var(--text-soft);background:var(--bg-soft);border-radius:999px;padding:.2rem .55rem;font-size:.72rem;font-weight:600;text-decoration:none;transition:color .2s,background .2s}a.card-tag:hover{color:var(--accent);background:color-mix(in srgb, var(--accent) 14%, transparent)}.post-card-foot{align-items:center;gap:.6rem;margin-top:auto;display:flex}.avatar{color:#fff;background:linear-gradient(135deg, var(--accent), var(--accent-2));border-radius:50%;flex-shrink:0;place-items:center;width:34px;height:34px;font-size:.72rem;font-weight:700;display:grid}.avatar.light{background:#ffffff40}.byline{flex-direction:column;line-height:1.3;display:flex}.byline-name{font-size:.85rem;font-weight:600}.byline-meta{color:var(--text-soft);font-size:.78rem}.view-icon{vertical-align:-.15em;opacity:.85}.topics-link{color:var(--accent);align-self:center;margin-left:auto;font-size:.88rem;font-weight:600;transition:opacity .2s}.topics-link:hover{opacity:.7}.home-categories{margin-bottom:3rem}.section-head{justify-content:space-between;align-items:baseline;margin-bottom:1.2rem;display:flex}.section-head h2{letter-spacing:-.02em;margin:0;font-size:1.4rem}.home-categories .topic-card.name-only{text-align:center;justify-content:center;align-items:center;min-height:0;padding:1rem 1.25rem}.home-categories .topic-card.name-only h2{margin:0;font-size:1.15rem}.page-head{text-align:center;padding:1.5rem 0 2.5rem;animation:.5s both rise}.page-head h1{letter-spacing:-.03em;margin:.4rem 0 .8rem;font-size:clamp(2rem,4.5vw,3rem)}.topic-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;animation:.6s both rise;display:grid}.topic-card{color:#fff;min-height:200px;box-shadow:var(--shadow-sm);border-radius:20px;flex-direction:column;padding:1.8rem;transition:transform .25s,box-shadow .25s;display:flex;position:relative}.topic-card:hover{box-shadow:var(--shadow);transform:translateY(-5px)}.topic-icon{font-size:2rem}.topic-card h2{letter-spacing:-.02em;margin:.8rem 0 .4rem;font-size:1.5rem}.topic-card p{opacity:.92;flex:1;margin:0;font-size:.92rem;line-height:1.5}.topic-count{text-transform:uppercase;letter-spacing:.04em;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff38;border-radius:999px;align-self:flex-start;margin-top:1rem;padding:.3rem .75rem;font-size:.78rem;font-weight:700;display:inline-block}.author-head{align-items:center;gap:1.25rem;margin-bottom:2rem;animation:.5s both rise;display:flex}.author-avatar{flex-shrink:0;width:72px;height:72px;font-size:1.4rem}.author-avatar-img{object-fit:cover;border-radius:50%;flex-shrink:0;width:72px;height:72px}.author-bio{max-width:60ch;margin:.5rem 0 .6rem;line-height:1.6}.author-head h1{letter-spacing:-.02em;margin:0 0 .2rem;font-size:clamp(1.8rem,4vw,2.6rem)}.author-head p{margin:0 0 .6rem}.author-count{background:color-mix(in srgb, var(--accent) 14%, transparent);color:var(--accent)}.category-banner{color:#fff;box-shadow:var(--shadow);border-radius:22px;align-items:center;gap:1.5rem;margin-bottom:1.8rem;padding:2.2rem;animation:.5s both rise;display:flex}.category-banner .topic-icon{font-size:3rem}.category-banner h1{letter-spacing:-.02em;margin:0 0 .5rem;font-size:clamp(1.8rem,4vw,2.6rem)}.category-banner p{opacity:.92;max-width:55ch;margin:0;line-height:1.5}a.chip{text-decoration:none}.article{max-width:720px;margin:0 auto;animation:.5s both rise}.back-link{width:fit-content;color:var(--text-soft);margin-bottom:1.2rem;font-size:.9rem;transition:color .2s;display:block}.back-link:hover{color:var(--accent)}.article-title{letter-spacing:-.03em;margin:.9rem 0 1.5rem;font-size:clamp(2rem,4.5vw,3rem);line-height:1.08}.article-title[dir=rtl],.article-body[dir=rtl]{text-align:right}.lang-bar{flex-wrap:wrap;align-items:center;gap:.75rem;margin:1.2rem 0 .5rem;display:flex}.lang-label{color:var(--text-soft);font-size:.9rem;font-weight:600}.lang-select{font:inherit;color:var(--text);background:var(--surface);border:1px solid var(--border);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23888' d='M6 8L2 4h8z'/%3E%3C/svg%3E");background-position:right .7rem center;background-repeat:no-repeat;border-radius:10px;padding:.5rem 2rem .5rem .9rem;font-size:.9rem;font-weight:600;transition:border-color .2s,box-shadow .2s}.lang-select:hover{border-color:var(--accent)}.lang-select:focus{border-color:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb, var(--accent) 18%, transparent);outline:none}.lang-status{color:var(--text-soft);align-items:center;gap:.4rem;font-size:.82rem;font-weight:600;display:inline-flex}.lang-status.ok{color:var(--accent)}.lang-status.err{color:#e0533d}.spinner{border:2px solid color-mix(in srgb, var(--accent) 30%, transparent);border-top-color:var(--accent);border-radius:50%;width:13px;height:13px;animation:.7s linear infinite spin}.article-body.is-translating{opacity:.5;transition:opacity .2s}@keyframes spin{to{transform:rotate(360deg)}}.article-meta{align-items:center;gap:.7rem;margin-bottom:2rem;display:flex}.article-cover{height:320px;box-shadow:var(--shadow);border-radius:20px;margin-bottom:2.5rem}.article-body{color:var(--text);font-size:1.12rem;line-height:1.8}.article-body .lead{color:var(--text-soft);margin-bottom:2rem;font-size:1.3rem;font-weight:500;line-height:1.55}.article-body p{margin:0 0 1.5rem}.tag-row{border-top:1px solid var(--border);flex-wrap:wrap;gap:.5rem;margin:2.5rem 0;padding-top:2rem;display:flex}.tag{color:var(--text-soft);background:var(--bg-soft);border-radius:999px;padding:.35rem .8rem;font-size:.85rem;text-decoration:none;transition:color .2s,background .2s}a.tag:hover{color:var(--accent);background:color-mix(in srgb, var(--accent) 14%, transparent)}.tag-count{opacity:.7;margin-left:.1rem;font-size:.72rem;font-weight:700}.tag-cloud{margin-top:3rem}.tag-cloud h2{letter-spacing:-.02em;margin:0 0 1rem;font-size:1.3rem}.tag-cloud .tag-row{border-top:none;margin:0;padding-top:0}.related h2{letter-spacing:-.02em;margin:3rem 0 1.5rem;font-size:1.4rem}.comments{border-top:1px solid var(--border);margin-top:3.5rem;padding-top:2.5rem}.comments h2{letter-spacing:-.02em;align-items:center;gap:.6rem;margin:0 0 1.5rem;font-size:1.4rem;display:flex}.comments-count{color:var(--accent);background:color-mix(in srgb, var(--accent) 14%, transparent);border-radius:999px;padding:.15rem .65rem;font-size:.85rem;font-weight:700}.comment-form{flex-direction:column;gap:.75rem;margin-bottom:2.5rem;display:flex}.comment-name,.comment-body{font:inherit;color:var(--text);background:var(--surface);border:1px solid var(--border);resize:vertical;border-radius:10px;width:100%;padding:.7rem .85rem;transition:border-color .2s,box-shadow .2s}.comment-name{max-width:280px}.comment-body{line-height:1.5}.comment-name:focus,.comment-body:focus{border-color:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb, var(--accent) 16%, transparent);outline:none}.comment-error{color:#e0533d;font-size:.85rem}.comment-actions{justify-content:flex-end;display:flex}.comment-list{flex-direction:column;gap:1.5rem;margin:0;padding:0;list-style:none;display:flex}.comment{gap:.85rem;display:flex}.comment-content{flex:1;min-width:0}.comment-head{align-items:center;gap:.6rem;margin-bottom:.25rem;display:flex}.comment-author{font-size:.92rem;font-weight:600}.comment-time{color:var(--text-soft);font-size:.8rem}.comment-delete{color:var(--text-soft);font:inherit;cursor:pointer;background:0 0;border:none;margin-left:auto;padding:0;font-size:.8rem;transition:color .2s}.comment-delete:hover{color:#e0533d}.comment-text{color:var(--text);overflow-wrap:anywhere;margin:0;line-height:1.6}.legal{max-width:720px;margin:0 auto;animation:.5s both rise}.legal h1{letter-spacing:-.03em;margin:.9rem 0 .4rem;font-size:clamp(2rem,4.5vw,2.8rem)}.legal-updated{color:var(--text-soft);margin:0 0 2rem;font-size:.9rem}.legal .lead{color:var(--text-soft);margin-bottom:2rem;font-size:1.2rem;line-height:1.6}.legal h2{letter-spacing:-.01em;margin:2.2rem 0 .8rem;font-size:1.3rem}.legal p,.legal li{color:var(--text);line-height:1.75}.legal ul{margin:0 0 1.2rem;padding-left:1.2rem}.legal li{margin-bottom:.4rem}.legal code{background:var(--bg-soft);border-radius:6px;padding:.1rem .4rem;font-size:.9em}.legal a{color:var(--accent)}.about{animation:.5s both rise}.about-hero{text-align:center;max-width:640px;margin:0 auto 3rem}.about-hero h1{letter-spacing:-.03em;margin:.8rem 0 1rem;font-size:clamp(2rem,5vw,3.2rem);line-height:1.08}.about-values{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;margin-bottom:3.5rem;display:grid}.value-card{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:18px;padding:1.8rem}.value-icon{font-size:1.8rem}.value-card h3{letter-spacing:-.01em;margin:.8rem 0 .5rem;font-size:1.2rem}.value-card p{color:var(--text-soft);margin:0;line-height:1.6}.about-cta{text-align:center;background:var(--bg-soft);border-radius:22px;padding:3rem 1.5rem}.about-cta h2{letter-spacing:-.02em;margin:0 0 .5rem;font-size:1.6rem}.about-cta p{margin:0 0 1.5rem}.contact{max-width:560px;margin:0 auto;animation:.5s both rise}.contact h1{letter-spacing:-.03em;text-align:center;margin:0 0 1.8rem;font-size:clamp(2rem,4.5vw,2.8rem)}.form-intro{text-align:center;color:var(--text-soft);margin:-1.2rem 0 2rem;line-height:1.6}.contact-form select{font:inherit;color:var(--text);background:var(--surface);border:1px solid var(--border);cursor:pointer;border-radius:10px;padding:.7rem .85rem;font-weight:400;transition:border-color .2s,box-shadow .2s}.contact-form select:focus{border-color:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb, var(--accent) 16%, transparent);outline:none}.contact-form{flex-direction:column;gap:1.1rem;display:flex}.contact-form label{flex-direction:column;gap:.4rem;font-size:.9rem;font-weight:600;display:flex}.contact-form input,.contact-form textarea{font:inherit;color:var(--text);background:var(--surface);border:1px solid var(--border);resize:vertical;border-radius:10px;padding:.7rem .85rem;font-weight:400;transition:border-color .2s,box-shadow .2s}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb, var(--accent) 16%, transparent);outline:none}.contact-form .btn-primary{align-self:flex-start;margin-top:.3rem}.field-error{color:#e0533d;font-size:.82rem;font-weight:400}.contact-success{text-align:center;background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:16px;padding:2.5rem 1.5rem}.contact-check{background:linear-gradient(135deg, var(--accent), var(--accent-2));color:#fff;border-radius:50%;place-items:center;width:52px;height:52px;margin-bottom:1rem;font-size:1.5rem;display:inline-grid}.contact-success p{margin:0 0 1.5rem;font-size:1.05rem}.not-found{text-align:center;padding:5rem 0}.not-found h1{background:linear-gradient(120deg, var(--accent), var(--accent-2));color:#0000;-webkit-background-clip:text;background-clip:text;margin:0;font-size:5rem}.btn{cursor:pointer;border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:10px;margin-top:1rem;padding:.6rem 1.2rem;font-weight:600;display:inline-block}.btn-primary{background:var(--accent);border-color:var(--accent);color:#fff}.admin-auth{background:radial-gradient(1200px 600px at 50% -10%, color-mix(in srgb, var(--accent) 22%, transparent), transparent), var(--bg);place-items:center;min-height:100vh;padding:2rem 1.5rem;display:grid}.admin-card{background:var(--surface);border:1px solid var(--border);width:100%;max-width:400px;box-shadow:var(--shadow);border-radius:20px;flex-direction:column;gap:.4rem;padding:2.2rem;display:flex}.admin-brand{letter-spacing:-.02em;align-items:center;gap:.4rem;font-size:1.1rem;font-weight:800;display:flex}.admin-tag{text-transform:uppercase;letter-spacing:.08em;color:var(--accent);background:color-mix(in srgb, var(--accent) 14%, transparent);border-radius:999px;padding:.15rem .5rem;font-size:.65rem;font-weight:700}.admin-card h1{letter-spacing:-.02em;margin:1.2rem 0 .2rem;font-size:1.6rem}.admin-card>.muted{margin:0 0 1rem;font-size:.92rem}.admin-card label{flex-direction:column;gap:.35rem;margin-top:.6rem;font-size:.85rem;font-weight:600;display:flex}.admin-card input{font:inherit;color:var(--text);background:var(--bg);border:1px solid var(--border);border-radius:10px;width:100%;padding:.7rem .85rem;font-weight:400;transition:border-color .2s,box-shadow .2s}.admin-card input:focus{border-color:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb, var(--accent) 16%, transparent);outline:none}.password-field{position:relative}.password-toggle{color:var(--text-soft);font:inherit;cursor:pointer;background:0 0;border:none;padding:.3rem .5rem;font-size:.8rem;font-weight:600;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.password-toggle:hover{color:var(--accent)}.admin-submit{text-align:center;width:100%;margin-top:1.2rem}.admin-error{color:#c23b27;background:#e0533d24;border-radius:10px;margin-bottom:.4rem;padding:.6rem .8rem;font-size:.85rem;font-weight:500}.admin-hint{text-align:center;color:var(--text-soft);margin:1rem 0 .2rem;font-size:.8rem}.admin-hint code{background:var(--bg-soft);border-radius:5px;padding:.1rem .35rem}.admin-back{text-align:center;color:var(--text-soft);margin-top:.6rem;font-size:.85rem;text-decoration:none}.admin-back:hover{color:var(--accent)}.admin-shell{background:var(--bg);min-height:100vh}.admin-topbar{background:var(--surface);border-bottom:1px solid var(--border);z-index:10;align-items:center;gap:1rem;padding:.85rem 1.25rem;display:flex;position:sticky;top:0}.admin-topbar-actions{gap:.6rem;margin-left:auto;display:flex}.menu-btn{border:1px solid var(--border);background:var(--bg);cursor:pointer;border-radius:10px;flex-direction:column;justify-content:center;gap:4px;width:38px;height:38px;padding:0 9px;transition:border-color .2s;display:inline-flex}.menu-btn:hover{border-color:var(--accent)}.menu-btn span{background:var(--text);border-radius:2px;height:2px;display:block}.admin-main{align-items:stretch;min-height:calc(100vh - 61px);display:flex}.admin-sidebar{background:var(--surface);border-right:1px solid var(--border);white-space:nowrap;flex-shrink:0;width:250px;padding:1.2rem;transition:width .22s,padding .22s,border-color .22s;overflow:hidden}.admin-sidebar.closed{border-right-color:#0000;width:0;padding-left:0;padding-right:0}.admin-nav{flex-direction:column;gap:.35rem;display:flex}.admin-nav-link{color:var(--text-soft);border-radius:10px;align-items:center;gap:.6rem;padding:.65rem .8rem;font-size:.92rem;font-weight:600;text-decoration:none;transition:background .2s,color .2s;display:flex}.admin-nav-link:hover{background:var(--bg-soft);color:var(--text)}.admin-nav-link.active{background:color-mix(in srgb, var(--accent) 14%, transparent);color:var(--accent)}.admin-nav-ico{font-size:1rem}.admin-nav-badge{color:#fff;background:var(--accent);border-radius:999px;margin-left:auto;padding:.05rem .45rem;font-size:.72rem;font-weight:700}.admin-content{flex:1;min-width:0;padding:2.5rem 2rem}.admin-page{max-width:880px}.admin-page h1{letter-spacing:-.02em;align-items:center;gap:.6rem;margin:0 0 .3rem;font-size:1.8rem;display:flex}.admin-stats{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1.2rem;margin:2rem 0;display:grid}.stat-card{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:16px;flex-direction:column;gap:.3rem;padding:1.5rem;display:flex}.stat-link{text-decoration:none;transition:transform .2s,border-color .2s}.stat-link:hover{border-color:var(--accent);transform:translateY(-3px)}.stat-num{letter-spacing:-.02em;color:var(--accent);align-items:baseline;gap:.5rem;font-size:2rem;font-weight:800;display:flex}.stat-badge{color:#fff;background:#e0533d;border-radius:999px;padding:.1rem .5rem;font-size:.7rem;font-weight:700}.stat-label{color:var(--text-soft);text-transform:uppercase;letter-spacing:.04em;font-size:.85rem}.admin-note{margin-top:1.5rem;font-size:.9rem}.inquiry-list{flex-direction:column;gap:.8rem;margin:1.8rem 0 0;padding:0;list-style:none;display:flex}.inquiry{background:var(--surface);border:1px solid var(--border);cursor:pointer;border-radius:14px;padding:1rem 1.2rem;transition:border-color .2s,box-shadow .2s}.inquiry:hover{border-color:color-mix(in srgb, var(--accent) 40%, var(--border))}.inquiry.unread{border-left:3px solid var(--accent)}.inquiry.open{box-shadow:var(--shadow-sm)}.inquiry-row{align-items:flex-start;gap:.85rem;display:flex}.inquiry-main{flex:1;min-width:0}.inquiry-head{justify-content:space-between;align-items:center;gap:.6rem;display:flex}.inquiry-name{align-items:center;gap:.4rem;font-weight:700;display:flex}.unread-dot{background:var(--accent);border-radius:50%;width:8px;height:8px}.inquiry-time{color:var(--text-soft);flex-shrink:0;font-size:.78rem}.inquiry-subject{margin-top:.15rem;font-size:.9rem;font-weight:600}.inquiry-snippet{color:var(--text-soft);text-overflow:ellipsis;white-space:nowrap;margin-top:.2rem;font-size:.88rem;overflow:hidden}.inquiry-delete{color:var(--text-soft);font:inherit;cursor:pointer;background:0 0;border:none;flex-shrink:0;font-size:.8rem;transition:color .2s}.inquiry-delete:hover{color:#e0533d}.inquiry-detail{border-top:1px solid var(--border);margin:.9rem 0 .2rem;padding-top:.9rem}.inquiry-email{color:var(--accent);font-size:.85rem;font-weight:600;text-decoration:none}.inquiry-message{white-space:pre-wrap;overflow-wrap:anywhere;margin:.6rem 0 0;line-height:1.65}.story-filters{margin:1.5rem 0 .5rem}.status-badge{text-transform:uppercase;letter-spacing:.04em;border-radius:999px;padding:.12rem .5rem;font-size:.65rem;font-weight:700}.status-pending{color:#b45309;background:#fef3c7}.status-approved{color:#166534;background:#dcfce7}.status-rejected{color:#b91c1c;background:#fee2e2}.story-actions{flex-wrap:wrap;gap:.5rem;margin-top:1rem;display:flex}.story-actions .btn{text-decoration:none}.live-dot{vertical-align:middle;background:#16a34a;border-radius:50%;width:9px;height:9px;margin-left:.4rem;animation:1.4s ease-in-out infinite pulse;display:inline-block}.live-label{text-transform:uppercase;letter-spacing:.06em;color:#16a34a;vertical-align:middle;font-size:.7rem;font-weight:700}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.8)}}.analytics-grid{grid-template-columns:1.4fr 1fr;gap:1.2rem;margin:1.5rem 0;display:grid}.bar-chart{align-items:flex-end;gap:.4rem;height:180px;padding-top:.5rem;display:flex}.bar-col{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:.4rem;height:100%;display:flex}.bar{background:linear-gradient(180deg, var(--accent), var(--accent-2));border-radius:5px 5px 0 0;width:70%;min-height:3px;transition:height .3s}.bar-label{color:var(--text-soft);white-space:nowrap;font-size:.65rem}.top-pages,.activity-feed{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.top-pages li{border-bottom:1px solid var(--border);justify-content:space-between;gap:1rem;padding:.5rem 0;font-size:.88rem;display:flex}.top-pages li:last-child{border-bottom:none}.top-path{text-overflow:ellipsis;white-space:nowrap;font-family:ui-monospace,monospace;overflow:hidden}.top-views{color:var(--accent);font-weight:700}.activity-feed li{border-bottom:1px solid var(--border);justify-content:space-between;gap:1rem;padding:.5rem 0;font-size:.85rem;display:flex}.activity-feed li:last-child{border-bottom:none}.activity-path{text-overflow:ellipsis;white-space:nowrap;font-family:ui-monospace,monospace;overflow:hidden}.activity-meta{color:var(--text-soft);white-space:nowrap;flex-shrink:0}@media (width<=720px){.analytics-grid{grid-template-columns:1fr}}.admin-nav-divider{background:var(--border);height:1px;margin:.6rem 0}.brand-logo{width:auto;height:30px;display:block}.settings-form{flex-direction:column;gap:1.5rem;max-width:640px;margin-top:1.8rem;display:flex}.settings-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;flex-direction:column;gap:.8rem;padding:1.5rem;display:flex}.settings-card h2{letter-spacing:-.01em;margin:0 0 .4rem;font-size:1.1rem}.settings-card label{flex-direction:column;gap:.35rem;font-size:.85rem;font-weight:600;display:flex}.settings-card input,.settings-card textarea{font:inherit;color:var(--text);background:var(--bg);border:1px solid var(--border);border-radius:10px;width:100%;padding:.65rem .85rem;font-weight:400;transition:border-color .2s,box-shadow .2s}.settings-card input:focus,.settings-card textarea:focus{border-color:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb, var(--accent) 16%, transparent);outline:none}.settings-card input::placeholder{color:var(--text-soft);opacity:.7}.logo-row{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.logo-preview{background:var(--bg);border:1px dashed var(--border);border-radius:10px;align-items:center;min-width:160px;height:56px;padding:0 1rem;font-weight:800;display:flex}.logo-preview img{max-width:180px;max-height:36px}.favicon-preview{background:var(--bg);border:1px dashed var(--border);width:56px;height:56px;color:var(--accent);border-radius:10px;place-items:center;font-size:1.4rem;display:grid}.favicon-preview img{object-fit:contain;width:32px;height:32px}.tab-preview{background:var(--bg-soft);border:1px solid var(--border);border-radius:9px 9px 0 0;align-items:center;gap:.5rem;max-width:320px;padding:.5rem .75rem;font-size:.85rem;display:inline-flex}.tab-favicon{width:16px;height:16px;color:var(--accent);flex-shrink:0;place-items:center;display:grid}.tab-favicon img{object-fit:contain;width:16px;height:16px}.tab-title{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.tab-x{color:var(--text-soft);flex-shrink:0}.logo-upload{margin:0;padding:.7rem 1rem}.preset-row,.preview-pills{flex-wrap:wrap;gap:.6rem;display:flex}.preset-swatch{cursor:pointer;border:2px solid #0000;border-radius:8px;width:48px;height:32px;padding:0}.preset-swatch.selected{border-color:var(--text);box-shadow:0 0 0 2px var(--surface), 0 0 0 4px var(--accent)}.color-field{align-items:center;gap:.5rem;font-family:ui-monospace,monospace;font-size:.85rem;font-weight:400;display:flex}.color-field input[type=color]{border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:8px;width:42px;height:36px;padding:0}.color-preview{flex-wrap:wrap;gap:.6rem;display:flex}.preview-pill{color:#fff;border-radius:999px;padding:.5rem 1rem;font-size:.85rem;font-weight:600}.settings-actions{align-items:center;gap:.8rem;display:flex}.saved-note{color:#16a34a;font-size:.9rem;font-weight:600}.account-success{color:#166534;background:#dcfce7;border-radius:10px;padding:.7rem 1rem;font-size:.9rem;font-weight:600}.baseurl-row{gap:.5rem;display:flex}.baseurl-row input{flex:1}.sitemap-opts{flex-wrap:wrap;gap:1rem;display:flex}.sitemap-actions{gap:.6rem;margin:1.5rem 0 1rem;display:flex}.sitemap-preview{color:#c8e1ff;white-space:pre;background:#0d0c12;border-radius:12px;max-height:380px;padding:1.2rem;font-family:ui-monospace,monospace;font-size:.8rem;line-height:1.6;overflow:auto}.admin-page-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.btn-sm{border-radius:8px;padding:.35rem .75rem;font-size:.82rem}.btn-danger-ghost{color:#e0533d}.btn-danger-ghost:hover{background:#e0533d1f;border-color:#e0533d}.cat-table{border:1px solid var(--border);background:var(--surface);border-radius:14px;margin-top:1.8rem;overflow:hidden}.cat-row{border-bottom:1px solid var(--border);grid-template-columns:1fr 130px 60px 150px;align-items:center;gap:1rem;padding:.9rem 1.2rem;display:grid}.cat-row:last-child{border-bottom:none}.cat-row--head{text-transform:uppercase;letter-spacing:.05em;color:var(--text-soft);background:var(--bg-soft);font-size:.75rem;font-weight:700}.cat-name-cell{align-items:center;gap:.85rem;min-width:0;display:flex}.cat-swatch{border-radius:10px;flex-shrink:0;place-items:center;width:42px;height:42px;font-size:1.2rem;display:grid}.cat-name{font-weight:700}.cat-desc{color:var(--text-soft);text-overflow:ellipsis;white-space:nowrap;max-width:42ch;font-size:.82rem;overflow:hidden}.cat-avatar{object-fit:cover;border-radius:50%;flex-shrink:0;width:42px;height:42px}.tag-row-grid{grid-template-columns:1fr 160px 60px 150px}.tag-pill-cell{font-weight:700}.cat-slug{color:var(--text-soft);font-family:ui-monospace,monospace;font-size:.82rem}.cat-count{font-weight:700}.cat-actions{justify-content:flex-end;gap:.4rem;display:flex}.cat-actions-col{text-align:right}.modal-overlay{z-index:50;background:#00000073;place-items:center;padding:1.5rem;animation:.15s both fade;display:grid;position:fixed;inset:0}.modal{background:var(--surface);border:1px solid var(--border);width:100%;max-width:440px;box-shadow:var(--shadow);border-radius:18px;flex-direction:column;gap:.6rem;max-height:90vh;padding:1.8rem;display:flex;overflow-y:auto}.modal.modal-lg{max-width:620px}.modal h2{letter-spacing:-.02em;margin:0 0 .5rem;font-size:1.3rem}.modal select{font:inherit;color:var(--text);background:var(--bg);border:1px solid var(--border);cursor:pointer;border-radius:10px;padding:.6rem .8rem;font-weight:400}.modal select:focus{border-color:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb, var(--accent) 16%, transparent);outline:none}.form-2col{grid-template-columns:1fr 1fr;gap:.8rem;display:grid}.form-checks{gap:1.5rem;margin-top:.4rem;display:flex}.check-inline{cursor:pointer;align-items:center;flex-direction:row!important;gap:.5rem!important}.check-inline input{width:auto}.post-row-grid{grid-template-columns:1fr 130px 110px 200px}@media (width<=640px){.form-2col{grid-template-columns:1fr}.post-row-grid{grid-template-columns:1fr auto}}.modal label{flex-direction:column;gap:.35rem;font-size:.85rem;font-weight:600;display:flex}.modal input,.modal textarea{font:inherit;color:var(--text);background:var(--bg);border:1px solid var(--border);resize:vertical;border-radius:10px;padding:.6rem .8rem;font-weight:400;transition:border-color .2s,box-shadow .2s}.modal input:focus,.modal textarea:focus{border-color:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb, var(--accent) 16%, transparent);outline:none}.modal-label{margin-top:.3rem;font-size:.85rem;font-weight:600}.image-upload{border:1.5px dashed var(--border);text-align:center;cursor:pointer;color:var(--text-soft);border-radius:10px;padding:1.2rem;font-size:.9rem;font-weight:600;transition:border-color .2s,color .2s,background .2s;display:block}.image-upload:hover{border-color:var(--accent);color:var(--accent);background:color-mix(in srgb, var(--accent) 6%, transparent)}.image-upload input{display:none}.image-preview{align-items:center;gap:.9rem;display:flex}.image-preview img{object-fit:cover;border:1px solid var(--border);border-radius:8px;width:96px;height:60px}.gradient-picker{flex-wrap:wrap;gap:.5rem;display:flex}.gradient-swatch{cursor:pointer;border:2px solid #0000;border-radius:10px;width:40px;height:40px;padding:0}.gradient-swatch.selected{border-color:var(--text);box-shadow:0 0 0 2px var(--surface), 0 0 0 4px var(--accent)}.modal-actions{justify-content:flex-end;gap:.6rem;margin-top:1rem;display:flex}@keyframes fade{0%{opacity:0}to{opacity:1}}@media (width<=640px){.admin-sidebar{z-index:9;box-shadow:var(--shadow);position:fixed;top:61px;bottom:0;left:0}.admin-content{padding:1.5rem 1.2rem}.cat-row{grid-template-columns:1fr auto}.cat-row--head,.cat-slug,.cat-count{display:none}}.footer{color:#ffffffb8;background:#211d33;margin-top:4rem}.footer-inner{flex-wrap:wrap;align-items:center;gap:1.5rem;max-width:1080px;margin:0 auto;padding:1.5rem;display:flex}.footer-copy{color:#ffffffeb;font-size:.9rem;font-weight:600}.footer-copy .brand-mark{color:var(--accent)}.footer-links{flex-wrap:wrap;gap:1.5rem;margin-left:auto;font-size:.9rem;display:flex}.footer-links a{color:#ffffffb8;text-decoration:none;transition:color .2s}.footer-links a:hover{color:#fff}.footer-top{color:#fff;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff2e;border-radius:10px;place-items:center;width:40px;height:40px;transition:background .2s,transform .2s;display:grid}.footer-top:hover{background:var(--accent);border-color:var(--accent);transform:translateY(-2px)}@keyframes rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media (width<=560px){.nav-links{display:none}.footer-inner{flex-direction:column;align-items:flex-start;gap:1rem}.footer-links{gap:1rem 1.25rem;margin-left:0}}html,body,#root{min-height:100%}