*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#f2f5f9;color:#102033}a{color:inherit}.wrap{width:min(1220px,calc(100% - 32px));margin:auto}.top{position:sticky;top:0;z-index:50;background:#0c1a29;color:#fff;border-bottom:1px solid #20354a}.nav{height:72px;display:flex;align-items:center;gap:22px}.brand{font-weight:950;font-size:23px;text-decoration:none}.brand em{font-style:normal;color:#ffb000}.navlinks{display:flex;align-items:center;gap:24px;margin-left:auto}.navlinks a{text-decoration:none;font-weight:800;font-size:14px}.cta{border:0;border-radius:10px;padding:12px 18px;font-weight:900;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.cta.primary{background:#ffb000;color:#101010}.cta.donate{background:#1fc46b;color:#071b12}.hamb{display:none;margin-left:auto;background:#14283b;color:#fff;border:1px solid #2b465e;border-radius:10px;width:44px;height:44px;font-size:22px}.hero{background:linear-gradient(120deg,#071321 0,#12314e 65%,#263a35 100%);color:#fff;padding:64px 0}.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:44px;align-items:center}.kicker{font-size:12px;color:#ffb000;font-weight:950;letter-spacing:.14em}.hero h1{font-size:68px;line-height:1.03;margin:16px 0}.hero h1 em{font-style:normal;color:#ffb000}.hero p{font-size:18px;color:#d5e1ec;line-height:1.7;max-width:700px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.hero-stage{min-height:390px;display:flex;align-items:flex-end;justify-content:center;position:relative}.hero-stage:before{content:"";position:absolute;width:75%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(87,178,255,.33),transparent 68%);filter:blur(12px)}.hero-stage img{position:relative;max-width:90%;max-height:360px;object-fit:contain;filter:drop-shadow(0 24px 22px rgba(0,0,0,.38))}.section{padding:42px 0}.section-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:18px}.section-head h2{margin:3px 0;font-size:30px}.section-head small{font-weight:950;color:#d97d00;letter-spacing:.12em}.level-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.level-card{background:#fff;border:1px solid #d9e2ec;text-decoration:none;text-align:center;padding:10px}.level-card img{width:100%;height:170px;object-fit:contain;background:#eef4f8}.level-card b{display:block;padding:10px 0 4px}.browser{padding:38px 0 70px}.browser h1{font-size:36px;margin:0 0 8px}.muted{color:#697c91}.smart-filter{background:#fff;border:1px solid #dbe4ed;border-radius:15px;padding:12px;margin:20px 0 14px}.filter-tabs{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.filter-control{position:relative}.filter-btn{width:100%;height:58px;text-align:left;border:1px solid #d9e3ed;background:#f9fbfd;border-radius:10px;padding:8px 12px;cursor:pointer}.filter-btn small{display:block;color:#718399;font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.filter-btn b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:3px}.filter-pop{display:none;position:absolute;z-index:30;top:64px;left:0;min-width:220px;max-width:340px;background:#fff;border:1px solid #d7e1eb;box-shadow:0 16px 38px rgba(12,26,41,.16);padding:8px;border-radius:12px}.filter-control.open .filter-pop{display:grid;grid-template-columns:repeat(2,minmax(90px,1fr));gap:6px}.filter-pop button{border:1px solid #dce5ee;background:#fff;padding:9px;border-radius:8px;text-align:left;cursor:pointer;font-weight:750}.filter-pop button.active{background:#10283f;color:#fff;border-color:#10283f}.resultbar{background:#10283f;color:#fff;padding:12px 15px;border-radius:10px;display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.card{background:#fff;border:1px solid #d8e2ec;min-width:0}.thumb{aspect-ratio:4/3;background:#e9eef3;overflow:hidden;display:block}.thumb img{width:100%;height:100%;object-fit:cover}.card-body{padding:11px}.card h3{font-size:15px;margin:0 0 8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tags{display:flex;gap:5px;overflow:hidden;margin:8px 0}.tag{background:#eef3f8;color:#526b83;padding:4px 6px;font-size:10px;white-space:nowrap}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;border-top:1px solid #edf1f5;padding-top:9px;font-size:11px;text-align:center}.save{border:0;background:#fff1b9;border-radius:7px;cursor:pointer;padding:6px}.pagination{display:flex;gap:6px;justify-content:center;margin-top:22px;flex-wrap:wrap}.pagination button{border:1px solid #d7e1eb;background:#fff;padding:9px 13px;border-radius:8px;cursor:pointer}.pagination button.active{background:#10283f;color:#fff}.detail{padding:0 0 60px}.detail-grid{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:28px;align-items:start}.article{background:#fff;border:1px solid #dbe4ed;overflow:hidden}.article-image{width:100%;max-height:680px;object-fit:contain;background:#071321}.article-copy{padding:24px}.article-copy h1{font-size:38px;line-height:1.12}.article-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;border-block:1px solid #edf1f5;padding:11px 0;align-items:center;text-align:center}.bodycopy{font-size:17px;line-height:1.75}.sidebar{position:sticky;top:88px;align-self:start;display:grid;gap:14px}.sidecard{background:#fff;border:1px solid #dbe4ed;padding:20px}.sidecard h3{margin:5px 0 12px}.sidecard dl{margin:0}.sidecard dl div{display:flex;justify-content:space-between;border-top:1px solid #edf1f5;padding:9px 0;font-size:13px}.copybox{border-top:5px solid #ffb000}.copybox .cta{width:100%;margin-top:12px}.related{padding:30px 0}.related h2{font-size:26px}.footer{background:#071321;color:#c3d3e2;border-top:4px solid #ffb000;padding:36px 0 24px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:30px}.footer a{display:block;color:#dce8f2;text-decoration:none;margin:8px 0}.toast{position:fixed;right:18px;bottom:20px;background:#0d253a;color:#fff;padding:12px 16px;border-radius:10px;z-index:100;box-shadow:0 12px 30px rgba(0,0,0,.2)}.mobile-dock{display:none}.empty{grid-column:1/-1;padding:40px;text-align:center;background:#fff;border:1px dashed #becbd8}.saved-on{background:#ffdf67!important}.admin-shell{background:#eef3f7;min-height:100vh}.admin-top{background:#091827;color:#fff;padding:15px 0}.admin-layout{display:grid;grid-template-columns:220px 1fr;gap:20px;padding:20px 0}.admin-side{background:#10283f;color:#fff;border-radius:14px;padding:12px;height:max-content;position:sticky;top:18px}.admin-side button{width:100%;text-align:left;border:0;background:transparent;color:#dce8f3;padding:11px;border-radius:8px;cursor:pointer;font-weight:800}.admin-side button.active{background:#1e405e;color:#fff}.admin-main{min-width:0}.panel{background:#fff;border:1px solid #d9e2ec;border-radius:14px;padding:18px;margin-bottom:16px}.metrics{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.metric{background:#fff;border:1px solid #d9e2ec;border-radius:12px;padding:15px}.metric b{display:block;font-size:26px}.toolbar{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.input,.select,.textarea{border:1px solid #ccd8e3;border-radius:8px;background:#fff;padding:10px;font:inherit}.textarea{width:100%;min-height:120px}.btn{border:0;border-radius:8px;padding:10px 14px;font-weight:850;cursor:pointer}.btn.dark{background:#10283f;color:#fff}.btn.orange{background:#ffb000;color:#111}.btn.green{background:#17b768;color:#fff}.btn.soft{background:#eef3f8;color:#1d3348}.tablewrap{overflow:auto}.table{width:100%;border-collapse:collapse;font-size:13px}.table th,.table td{padding:9px;border-bottom:1px solid #e9eef3;text-align:left;vertical-align:top}.badge{display:inline-block;padding:4px 7px;border-radius:999px;font-size:10px;font-weight:900}.badge.ready{background:#dff7e9;color:#0b7a42}.badge.missing{background:#ffe8df;color:#b23c16}.badge.scheduled{background:#e5efff;color:#205ab7}.badge.published{background:#dff7e9;color:#0b7a42}.edit-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.field{display:grid;gap:5px}.field.full{grid-column:1/-1}.field.half{grid-column:span 2}.modal{position:fixed;inset:0;background:rgba(2,8,18,.64);z-index:100;display:none;place-items:center;padding:18px}.modal.show{display:grid}.modal-card{background:#fff;width:min(1050px,100%);max-height:92vh;overflow:auto;border-radius:14px;padding:18px}.editor-toolbar{display:flex;gap:5px;flex-wrap:wrap;margin-bottom:6px}.editor{border:1px solid #ccd8e3;border-radius:8px;padding:12px;min-height:180px;background:#fff}.import-drop{border:2px dashed #bdcad7;border-radius:12px;padding:24px;text-align:center}.progress{height:10px;background:#e6edf4;border-radius:999px;overflow:hidden}.progress>span{display:block;height:100%;background:#17b768;width:0}.log{font:12px ui-monospace,monospace;background:#0b1724;color:#c9e2f5;padding:12px;min-height:100px;white-space:pre-wrap;border-radius:8px}.hide{display:none!important}@media(max-width:1000px){.level-grid{grid-template-columns:repeat(4,1fr)}.grid{grid-template-columns:repeat(3,1fr)}.detail-grid{grid-template-columns:1fr}.sidebar{position:static}.metrics{grid-template-columns:repeat(3,1fr)}.edit-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:720px){.wrap{width:min(100% - 18px,1220px)}.nav{height:60px}.navlinks{display:none;position:absolute;left:9px;right:9px;top:64px;background:#10283f;border:1px solid #29435b;padding:10px;border-radius:12px;grid-template-columns:1fr 1fr;gap:7px}.navlinks.open{display:grid}.navlinks a{background:#142e46;padding:11px;border-radius:8px;font-size:12px}.hamb{display:block}.top .donate{padding:9px 11px;margin-left:auto}.hero{padding:35px 0}.hero-grid{grid-template-columns:1fr}.hero h1{font-size:45px}.hero-stage{min-height:250px}.hero-stage img{max-height:245px}.level-grid{grid-template-columns:repeat(2,1fr);gap:8px}.level-card img{height:135px}.browser{padding-top:20px}.browser h1{font-size:27px}.smart-filter{padding:7px;position:sticky;top:61px;z-index:20}.filter-tabs{gap:4px}.filter-btn{height:50px;padding:6px}.filter-btn small{font-size:8px}.filter-btn b{font-size:10px}.filter-pop{position:fixed;left:9px;right:9px;top:119px;max-width:none;min-width:0}.filter-control.open .filter-pop{grid-template-columns:repeat(3,1fr)}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.card-body{padding:8px}.card h3{font-size:12px}.stats{font-size:9px}.detail{padding-bottom:74px}.article-copy{padding:14px}.article-copy h1{font-size:25px}.article-stats{font-size:11px}.sidebar{display:none}.mobile-dock{position:fixed;display:grid;grid-template-columns:2fr 1fr;left:0;right:0;bottom:0;z-index:60}.mobile-dock a{border-radius:0;padding:16px}.related .grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr}.admin-layout{grid-template-columns:1fr}.admin-side{position:static;display:flex;overflow:auto}.admin-side button{flex:0 0 auto;width:auto}.metrics{grid-template-columns:repeat(2,1fr)}.edit-grid{grid-template-columns:1fr}.field.half{grid-column:span 1}.admin-top .wrap{font-size:13px}.table{min-width:850px}}/* V0.2 Admin master Atom/image-source additions */
.metrics-wide{grid-template-columns:repeat(5,1fr)}
.source-chip{display:inline-block;padding:4px 7px;border-radius:999px;background:#edf3f8;color:#3a5268;font-size:10px;font-weight:850;margin:2px}
.source-chip.blogger{background:#e9f2ff;color:#245aa8}.source-chip.vps{background:#fff2d6;color:#9a5a00}.source-chip.other{background:#efe8ff;color:#6640a8}
.manual-mark{color:#0b7a42;font-weight:800}.admin-image-preview{width:min(520px,100%);max-height:300px;object-fit:contain;background:#0b1724;border-radius:10px;border:1px solid #d8e2ec}.source-box{background:#f7fafc;border:1px solid #dce6ef;border-radius:10px;padding:12px}.source-box small{display:block;margin-top:5px}
@media(max-width:1000px){.metrics-wide{grid-template-columns:repeat(3,1fr)}}
@media(max-width:720px){.metrics-wide{grid-template-columns:repeat(2,1fr)}}