:root{--serif:"Playfair Display",Georgia,serif;--sans:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--gold:#d6a65a}:root,[data-theme=cosmic]{--bg:#020611;--bg-page:radial-gradient(1000px 600px at 80% -10%,rgba(142,75,255,.18),transparent 60%),radial-gradient(900px 600px at 10% 10%,rgba(0,200,255,.1),transparent 55%),#020611;--card:hsla(0,0%,100%,.05);--card-solid:#081222;--border:hsla(0,0%,100%,.09);--border-strong:rgba(214,166,90,.42);--text:#eaf1fb;--muted:#93a4bf;--accent:#d6a65a;--accent2:#e8c079;--gradient:linear-gradient(135deg,#e8c079,#d6a65a);--glow:rgba(214,166,90,.3);--radius:16px;--blur:20px;--shadow:0 40px 100px -50px #000;--tint:rgba(142,75,255,.12);--tint-strong:rgba(142,75,255,.22);--nav-bg:rgba(2,6,17,.72);--input-bg:hsla(0,0%,100%,.04);--btn-text:#1a1205}[data-theme=violet]{--bg:#0a0710;--bg-page:radial-gradient(ellipse at 50% -10%,#1e1033 0%,#0a0710 58%);--card:rgba(30,18,48,.55);--card-solid:#15101f;--border:rgba(167,139,250,.18);--border-strong:rgba(167,139,250,.34);--text:#ede9fe;--muted:#9d8bbf;--accent:#a855f7;--accent2:#c084fc;--gradient:linear-gradient(135deg,#a855f7,#6d28d9);--glow:rgba(168,85,247,.35);--radius:16px;--blur:20px;--shadow:0 24px 60px -24px rgba(109,40,217,.45);--tint:rgba(168,85,247,.12);--tint-strong:rgba(168,85,247,.2);--nav-bg:rgba(10,7,16,.72);--input-bg:rgba(10,7,16,.6);--btn-text:#fff}[data-theme=sacred]{--bg:#0a0805;--bg-page:radial-gradient(ellipse at 50% 0%,#2a1d08 0%,#0a0805 60%);--card:rgba(28,20,8,.55);--card-solid:#1c1408;--border:rgba(251,191,36,.18);--border-strong:rgba(251,191,36,.34);--text:#fef3c7;--muted:#b08953;--accent:#fbbf24;--accent2:#fcd34d;--gradient:linear-gradient(135deg,#fbbf24,#d97706);--glow:rgba(251,191,36,.35);--radius:20px;--blur:24px;--shadow:0 30px 80px -20px rgba(217,119,6,.25);--tint:rgba(251,191,36,.12);--tint-strong:rgba(251,191,36,.2);--nav-bg:rgba(10,8,5,.72);--input-bg:rgba(10,8,5,.55);--btn-text:#1a1205}[data-theme=light]{--bg:#faf8f3;--bg-page:radial-gradient(ellipse at 50% -10%,#fff9ec 0%,#f1ebdd 60%);--card:hsla(0,0%,100%,.7);--card-solid:#fff;--border:rgba(184,134,11,.22);--border-strong:rgba(184,134,11,.42);--text:#2a2410;--muted:#8a7a4a;--accent:#c79a2e;--accent2:#a8780c;--gradient:linear-gradient(135deg,#c79a2e,#9a6b08);--glow:rgba(199,154,46,.3);--radius:16px;--blur:14px;--shadow:0 24px 50px -24px rgba(184,134,11,.35);--tint:rgba(199,154,46,.12);--tint-strong:rgba(199,154,46,.22);--nav-bg:hsla(43,41%,97%,.8);--input-bg:hsla(0,0%,100%,.7);--btn-text:#fff}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--bg-page) fixed,var(--bg);color:var(--text);font-family:var(--sans);transition:background .4s ease,color .4s ease}a{color:var(--accent2);text-decoration:none}a:hover{text-decoration:underline}.container{max-width:880px;margin:0 auto;padding:0 16px}.nav{border-bottom:1px solid var(--border);padding:12px 0;position:-webkit-sticky;position:sticky;top:0;z-index:20;background:var(--nav-bg);backdrop-filter:blur(var(--blur));-webkit-backdrop-filter:blur(var(--blur))}.nav-inner{display:flex;align-items:center;gap:16px}.brand{font-family:var(--serif);font-weight:800;font-size:22px;letter-spacing:.2px;color:var(--text)}.brand b{color:var(--gold);font-weight:800}.brand:hover{text-decoration:none}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:16px;margin:12px 0;backdrop-filter:blur(var(--blur));-webkit-backdrop-filter:blur(var(--blur));box-shadow:var(--shadow)}.post-title{font-size:18px;font-weight:600;margin:0 0 6px}.meta{color:var(--muted);font-size:13px}.score{font-weight:700;background:var(--gradient);-webkit-background-clip:text;background-clip:text;color:transparent}.pill{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:999px;background:var(--tint);border:1px solid var(--border);color:var(--text);font-size:12px;transition:border-color .15s ease,background .15s ease}a.pill:hover{text-decoration:none;border-color:var(--border-strong);background:var(--tint-strong)}button,input,select,textarea{font:inherit;border-radius:10px;border:1px solid var(--border);background:var(--input-bg);color:var(--text);padding:10px 12px}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--glow)}button{background:var(--gradient);color:var(--btn-text);border:none;font-weight:600;cursor:pointer;transition:filter .15s ease,box-shadow .15s ease}button:hover{filter:brightness(1.08);box-shadow:0 0 24px -4px var(--glow)}button.ghost{background:transparent;color:var(--text);border:1px solid var(--border);box-shadow:none}button.ghost:hover{border-color:var(--border-strong);filter:none}.search{flex:1 1}.comment{border-left:2px solid var(--border);padding-left:12px;margin:10px 0}.menu{position:relative}.menu,.menu-btn{display:inline-flex}.menu-btn{flex-direction:column;gap:4px;width:40px;height:40px;align-items:center;justify-content:center;background:var(--tint);border:1px solid var(--border);border-radius:12px;padding:0}.menu-btn span{display:block;width:18px;height:2px;border-radius:2px;background:var(--text);transition:transform .2s ease,opacity .2s ease}.menu-btn[aria-expanded=true] span:first-child{transform:translateY(6px) rotate(45deg)}.menu-btn[aria-expanded=true] span:nth-child(2){opacity:0}.menu-btn[aria-expanded=true] span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}.menu-dropdown{position:absolute;right:0;top:calc(100% + 8px);z-index:30;min-width:220px;padding:6px;background:var(--card-solid);border:1px solid var(--border-strong);border-radius:14px;box-shadow:var(--shadow);backdrop-filter:blur(var(--blur));-webkit-backdrop-filter:blur(var(--blur))}.menu-item{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;border-radius:10px;background:transparent;border:none;color:var(--text);font-size:14px;font-weight:500;text-align:left;cursor:pointer}.menu-item:hover{background:var(--tint-strong);text-decoration:none;filter:none;box-shadow:none}.menu-sep{height:1px;margin:6px 4px;background:var(--border)}.menu-label{padding:6px 12px 4px;font-size:11px;letter-spacing:.6px;text-transform:uppercase;color:var(--muted)}.eco-menu{position:relative;display:inline-flex}.eco-btn{height:40px;cursor:pointer}.eco-dropdown{position:absolute;right:0;top:calc(100% + 8px);z-index:30;width:min(340px,86vw);display:grid;grid-template-columns:1fr 1fr;grid-gap:4px;gap:4px;padding:8px;background:var(--card-solid);border:1px solid var(--border-strong);border-radius:14px;box-shadow:var(--shadow);opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .16s ease,transform .16s ease,visibility .16s ease}.eco-menu:focus-within .eco-dropdown,.eco-menu:hover .eco-dropdown{opacity:1;visibility:visible;transform:none}.eco-dropdown a{display:flex;flex-direction:column;gap:2px;padding:9px 10px;border-radius:10px;color:var(--text);font-size:13px;font-weight:700}.eco-dropdown a:hover{background:var(--tint-strong);text-decoration:none}.eco-dropdown small{color:var(--muted);font-size:11px;font-weight:500}@media (max-width:720px){.eco-dropdown{grid-template-columns:1fr}}.theme-row{display:flex;gap:8px;padding:6px 12px 10px}.swatch{width:28px;height:28px;border-radius:50%;padding:0;cursor:pointer;border:2px solid transparent;box-shadow:none}.swatch:hover{filter:none;box-shadow:none}.swatch[data-active=true]{border-color:var(--text)}.swatch-cosmic{background:linear-gradient(135deg,#e8c079,#8e4bff)}.swatch-violet{background:linear-gradient(135deg,#a855f7,#6d28d9)}.swatch-sacred{background:linear-gradient(135deg,#fbbf24,#d97706)}.swatch-light{background:linear-gradient(135deg,#fff9ec 40%,#c79a2e)}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{padding:6px 14px;border-radius:999px;font-size:13px;cursor:pointer;background:var(--input-bg);border:1px solid var(--border);color:var(--muted);transition:all .15s ease}.chip[data-active=true]{background:var(--gradient);color:var(--btn-text);border-color:transparent;box-shadow:0 0 18px -4px var(--glow)}@media (max-width:560px){:root,[data-theme=cosmic]{--bg-page:radial-gradient(900px 560px at 50% -4%,rgba(142,75,255,.18),transparent 60%),radial-gradient(820px 560px at 50% 12%,rgba(0,200,255,.1),transparent 58%),#020611}}