:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#0d1830;background:#f7f9fc;font-synthesis:none;text-rendering:optimizeLegibility;--blue:#3b82f6;--purple:#7c3aed;--ink:#101827;--muted:#64748b;--line:#dbe3ef;--admin:#080e1a;--admin2:#0d1628;--admin3:#142138;--white:#fff}*{box-sizing:border-box}body{margin:0;background:#f7f9fc}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.wrap{width:min(1180px,calc(100% - 40px));margin:auto}.screen-center{min-height:60vh;display:grid;place-items:center}.public-header{position:sticky;top:0;z-index:30;background:#ffffffeb;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid #e8edf5}.public-nav{height:76px;display:flex;align-items:center;gap:30px}.brand{font-size:22px;font-weight:900;letter-spacing:-.03em;color:#3989f7}.brand-mark{color:#111827}.public-nav nav{display:flex;align-items:center;gap:24px;margin-left:auto;font-weight:650;color:#475569}.public-nav nav a:hover{color:#111827}.admin-chip{border:1px solid #d7e1ef;border-radius:999px;padding:10px 15px;font-weight:700}.hero-public{position:relative;min-height:500px;display:flex;align-items:center;background:url(/site-assets/images/hero-bg.webp) center/cover no-repeat;overflow:hidden}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,#080f1feb,#080f1f9e,#080f1f2e)}.hero-copy{position:relative;color:#fff;padding:90px 0}.hero-copy h1{font-size:clamp(44px,6vw,74px);line-height:.98;letter-spacing:-.055em;max-width:900px;margin:16px 0}.hero-copy p{font-size:19px;line-height:1.7;max-width:720px;color:#d5deef}.eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:.16em;font-weight:900;color:#5ea4ff}.primary-btn,.secondary-btn,.success-btn,.warn-btn,.danger-btn,.ghost-btn{border:0;border-radius:10px;padding:11px 16px;font-weight:800;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:7px}.primary-btn{background:linear-gradient(135deg,#4388ff,#6f52e8);color:#fff}.secondary-btn{background:#17243c;color:#dbe9ff;border:1px solid #2d4264}.success-btn{background:#0f766e;color:#fff}.warn-btn{background:#92400e;color:#fff}.danger-btn{background:#7f1d1d;color:#fff}.ghost-btn{background:transparent;color:#9cb0cc;border:1px dashed #3a4d6d}.small{padding:7px 10px;font-size:13px}.public-section{padding:70px 0}.section-head{margin-bottom:30px}.section-head h1{font-size:46px;letter-spacing:-.04em;margin:8px 0}.filter-row{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:28px}.filter-row button{background:#fff;border:1px solid #dbe4f0;border-radius:999px;padding:9px 14px;font-weight:750;color:#52627a;cursor:pointer}.filter-row button.active{background:#101827;color:#fff;border-color:#101827}.post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.article-card{background:#fff;border:1px solid #e1e8f2;border-radius:22px;overflow:hidden;box-shadow:0 16px 45px #1c2d4b0f;display:flex;flex-direction:column}.article-img{height:230px;position:relative;background:#edf2f9}.article-img img{width:100%;height:100%;object-fit:cover}.article-img span{position:absolute;left:15px;bottom:15px;background:#0a1223d9;color:#fff;border-radius:999px;padding:7px 10px;font-size:11px;font-weight:900;text-transform:uppercase}.article-body{padding:22px;display:flex;flex:1;flex-direction:column}.article-body h2{font-size:24px;line-height:1.2;letter-spacing:-.025em;margin:10px 0}.article-body p{color:#64748b;line-height:1.7}.meta{font-size:13px;color:#8391a6}.article-footer{margin-top:auto;padding-top:18px;display:flex;justify-content:space-between;gap:15px;font-weight:750}.newsletter{padding:20px 0 80px}.newsletter-card{background:#0c1630;color:#fff;border-radius:28px;padding:42px;display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}.newsletter-card form{display:grid;grid-template-columns:1fr auto;gap:10px}.newsletter-card input{border:1px solid #334768;background:#0f1c38;color:#fff;border-radius:11px;padding:13px 14px}.newsletter-card small{grid-column:1/-1;color:#a7b9d3}.public-footer{background:#08101f;color:#a9b8cd;padding:55px 0}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:50px}.footer-grid strong{color:#fff}.footer-grid p{line-height:1.8}.post-page{padding:65px 0}.post-head{text-align:center;max-width:900px;margin:auto}.post-head h1{font-size:clamp(42px,6vw,72px);line-height:1.02;letter-spacing:-.055em;margin:15px 0}.post-head p{font-size:20px;color:#617089;line-height:1.7}.post-hero{display:block;width:min(1000px,100%);height:auto;aspect-ratio:1200/630;object-fit:cover;margin:45px auto;border-radius:26px;box-shadow:0 25px 70px #17264326}.post-layout{display:grid;grid-template-columns:minmax(0,760px) 280px;gap:55px;justify-content:center}.prose{font-size:18px;line-height:1.82;color:#26344a}.prose h2{font-size:34px;letter-spacing:-.035em;line-height:1.15;color:#0b1530;margin-top:45px}.prose h3{font-size:25px}.prose a{color:#2563eb;text-decoration:underline}.prose pre{overflow:auto;background:#0c1426;color:#dbe8ff;padding:18px;border-radius:14px}.prose table{width:100%;border-collapse:collapse}.prose td,.prose th{border:1px solid #d7dfeb;padding:10px}.source-box{align-self:start;position:sticky;top:110px;background:#fff;border:1px solid #dde6f2;border-radius:18px;padding:20px}.source-box a{display:block;color:#3b82f6;padding:10px 0;border-bottom:1px solid #edf1f6}.source-box small{display:block;color:#8794a7;margin-top:4px}.faq-section{max-width:760px;margin:50px auto}.faq-section details{background:#fff;border:1px solid #dfe7f1;border-radius:14px;margin:10px 0;padding:16px}.tag-row{max-width:760px;margin:30px auto;display:flex;gap:10px;flex-wrap:wrap}.tag-row span{background:#eaf2ff;color:#2863bd;border-radius:999px;padding:8px 12px;font-weight:700}.prompt-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.prompt-card{background:#fff;border:1px solid #e0e7f1;border-radius:20px;overflow:hidden;padding-bottom:20px}.prompt-card img{width:100%;height:220px;object-fit:cover}.prompt-card span,.prompt-card h2,.prompt-card p,.prompt-card button{margin-left:20px;margin-right:20px}.prompt-card span{display:inline-block;margin-top:16px;color:#7c3aed;font-size:12px;font-weight:900;text-transform:uppercase}.prompt-card p{color:#64748b;line-height:1.6}.prompt-card button{background:#101827;color:#fff;border:0;border-radius:9px;padding:9px 12px}.login-screen{min-height:100vh;background:radial-gradient(circle at top,#152446,#07101f 45%);display:grid;place-items:center;padding:30px}.login-card{width:min(430px,100%);background:#0d1729;color:#fff;border:1px solid #213657;border-radius:24px;padding:34px;box-shadow:0 30px 80px #00000059}.login-card h1{font-size:34px;margin:25px 0 5px}.login-card p{color:#8fa4c3}.login-card label{display:grid;gap:7px;margin:18px 0;font-weight:750}.login-card input{background:#111e34;color:#fff;border:1px solid #30486d;border-radius:10px;padding:12px}.login-card .primary-btn{width:100%}.login-card>a{display:block;text-align:center;color:#8ca8cf;margin-top:20px}.admin-shell{min-height:100vh;background:#070d18;color:#dce7f6;display:grid;grid-template-columns:255px 1fr}.admin-side{position:sticky;top:0;height:100vh;background:#0a1323;border-right:1px solid #21304a;padding:22px 14px;display:flex;flex-direction:column}.admin-brand{font-weight:900;font-size:18px;color:#70a9ff;display:flex;gap:10px;align-items:center}.side-label{font-size:10px;letter-spacing:.16em;color:#58749c;font-weight:900;margin:34px 10px 12px}.admin-side nav{display:grid;gap:6px}.admin-side nav a{padding:12px 13px;border-radius:10px;font-weight:750;color:#c2d1e6}.admin-side nav a.active,.admin-side nav a:hover{background:#122447;color:#75abff}.admin-user{margin-top:auto;background:#111e33;border:1px solid #233859;border-radius:12px;padding:13px;display:grid;gap:4px}.admin-user small{color:#8098bb}.admin-user button{margin-top:10px;border:1px solid #6b2634;background:#27121b;color:#ff9bad;border-radius:8px;padding:8px;cursor:pointer}.admin-main{min-width:0}.admin-top{height:68px;border-bottom:1px solid #1c2a40;display:flex;align-items:center;justify-content:space-between;padding:0 28px;color:#89a0c1}.admin-content{padding:30px;max-width:1500px}.page-head{display:flex;justify-content:space-between;gap:25px;align-items:flex-start;margin-bottom:25px}.page-head h1{font-size:34px;letter-spacing:-.035em;margin:5px 0}.page-head p,.muted{color:#8ca0be;line-height:1.6}.stat-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:14px;margin-bottom:22px}.stat-card{background:#0e192c;border:1px solid #223554;border-radius:16px;padding:18px}.stat-card span{color:#8ba3c5;font-size:13px}.stat-card strong{display:block;color:#69a4ff;font-size:34px;margin-top:10px}.panel{background:#0e182a;border:1px solid #213452;border-radius:18px;padding:20px;margin-bottom:20px}.panel h2{margin-top:0}.panel h3{margin-top:26px}.admin-grid.two{display:grid;grid-template-columns:1fr 1fr;gap:18px}.workflow-steps{display:grid;gap:10px;margin:20px 0}.workflow-steps div{display:flex;gap:12px;align-items:center}.workflow-steps b{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#213c70;color:#8bb8ff}.button-row{display:flex;gap:10px;align-items:center}.wrap-buttons{flex-wrap:wrap}.mini-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #1e2d46}.mini-row small,.idea-top small,.source-line small{display:block;color:#7890b2;margin-top:3px}.log-row{display:grid;grid-template-columns:auto 170px 1fr auto;gap:12px;align-items:center;padding:11px 0;border-bottom:1px solid #1b2a43;color:#b6c8e0}.log-row.detailed{grid-template-columns:auto 160px 1fr 120px 180px}.pill{display:inline-flex;border-radius:999px;padding:5px 8px;background:#1e3150;color:#a9c8ff;font-size:11px;font-weight:900;text-transform:uppercase}.pill.info{background:#173963}.pill.warning,.pill.warn{background:#573f0f;color:#ffd665}.pill.error,.pill.danger{background:#5a1c2a;color:#ff9aaf}.pill.locked{background:#47256a;color:#dcb7ff}.status-approved,.status-ready,.status-published{background:#0c4d45;color:#7ff5d8}.status-redo{background:#5a4010;color:#ffd779}.status-rejected{background:#541d2b;color:#ff9aad}.idea-list{display:grid;gap:14px}.idea-card{background:#0e192b;border:1px solid #213553;border-radius:17px;padding:20px}.idea-top{display:flex;justify-content:space-between;gap:12px}.idea-top>div{display:flex;gap:8px;flex-wrap:wrap}.idea-card h2{font-size:22px;margin:14px 0 8px}.idea-card p{color:#98abc7;line-height:1.6}.idea-card textarea.notes,.idea-card>textarea,.idea-card>input{width:100%;margin:10px 0}.dup{font-size:12px;color:#8196b5;align-self:center}.admin-filters button{background:#0f1c30;color:#94a9c7;border-color:#263b5b}.admin-filters button.active{background:#366fd1;border-color:#4d87ef}.compact-form{display:grid;grid-template-columns:180px 1fr;gap:10px}.compact-form textarea,.compact-form button{grid-column:1/-1}.table-wrap{overflow:auto;border:1px solid #203450;border-radius:16px}.table-wrap table{width:100%;border-collapse:collapse;background:#0d1729}.table-wrap th{text-align:left;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#85a0c6;background:#122039}.table-wrap th,.table-wrap td{padding:14px;border-bottom:1px solid #1d304c}.table-wrap td small{display:block;color:#7489a8;margin-top:4px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-grid label,.stack label{display:grid;gap:7px;font-size:13px;font-weight:800;color:#a8bad4}.span2{grid-column:1/-1}.admin-shell input,.admin-shell textarea,.admin-shell select{background:#111e33;border:1px solid #2a4163;color:#edf5ff;border-radius:10px;padding:11px;width:100%}.admin-shell textarea{min-height:90px;resize:vertical}.code-area{min-height:420px!important;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;line-height:1.6}.admin-preview-img{width:100%;border-radius:14px;aspect-ratio:1200/630;object-fit:cover}.source-line{display:block;padding:9px 0;color:#72a8ff;border-bottom:1px solid #20314b}.stack{display:grid;gap:10px}.time-row{display:grid;grid-template-columns:1fr auto;gap:8px;margin:8px 0}.time-row button{border:1px solid #57313b;background:#25141c;color:#ff9aac;border-radius:9px;padding:7px 10px}.toggle{display:flex!important;grid-template-columns:auto 1fr!important;align-items:center;gap:10px!important;margin:15px 0}.toggle input{width:auto!important}.copy-field{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center}.copy-field code{overflow:auto;background:#091323;border:1px solid #263b5b;border-radius:10px;padding:13px;color:#8fc0ff}.prompt-textarea{min-height:260px!important}.prompt-admin{padding:14px 0;border-bottom:1px solid #20314b;display:grid;gap:8px}.prompt-admin p{color:#93a7c4}.admin-shell pre{white-space:pre-wrap;word-break:break-word;background:#091323;border-radius:12px;padding:16px;color:#9bc4ff;max-height:550px;overflow:auto}.alert{border-radius:12px;padding:13px 15px;margin:12px 0}.alert.info{background:#102b4a;border:1px solid #235487;color:#91c8ff}.alert.warn{background:#32260d;border:1px solid #70500d;color:#ffd66e}.alert.danger{background:#35141d;border:1px solid #712638;color:#ff9fb2}.empty-card{padding:25px;text-align:center;border:1px dashed #344966;border-radius:14px;color:#8197b8}@media(max-width:1050px){.post-grid,.prompt-grid{grid-template-columns:repeat(2,1fr)}.stat-grid{grid-template-columns:repeat(3,1fr)}.post-layout{grid-template-columns:1fr}.source-box{position:static}.admin-shell{grid-template-columns:210px 1fr}.admin-grid.two{grid-template-columns:1fr}}@media(max-width:760px){.public-nav nav{display:none}.wrap{width:min(100% - 26px,1180px)}.hero-public{min-height:450px}.hero-copy{padding:65px 0}.post-grid,.prompt-grid,.newsletter-card,.footer-grid,.newsletter-card form{grid-template-columns:1fr}.admin-shell{display:block}.admin-side{position:relative;height:auto}.admin-side nav{grid-template-columns:repeat(2,1fr)}.admin-user{margin-top:20px}.admin-top{display:none}.admin-content{padding:18px}.stat-grid{grid-template-columns:repeat(2,1fr)}.page-head{display:grid}.form-grid{grid-template-columns:1fr}.span2{grid-column:auto}.log-row,.log-row.detailed,.compact-form{grid-template-columns:1fr}.compact-form textarea,.compact-form button{grid-column:auto}.copy-field{grid-template-columns:1fr}.post-head h1{font-size:42px}}