:root{--bg:#f5f3ee;--card:#fff;--ink:#1c2331;--muted:#667085;--line:#e4e0d6;--accent:#1f3a5f;--on-accent:#fff;--soft:#eef2f8;--ok:#177a4b;--okbg:#e5f5ec;--warn:#9a5b00;--warnbg:#fff1d6;--err:#b3261e;--errbg:#fde8e6;--shadow:0 1px 2px rgba(20,30,50,.06),0 4px 14px rgba(20,30,50,.05)}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font:17px/1.55 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
a{color:var(--accent)}
.top{display:flex;align-items:center;justify-content:space-between;padding:.7rem 1.1rem;background:var(--card);border-bottom:1px solid var(--line)}
.brand{font-weight:800;letter-spacing:-.01em;color:var(--ink);text-decoration:none;font-size:1.05rem}
.top form{margin:0}.top .link{background:none;border:0;color:var(--muted);font:inherit;font-size:.9rem;cursor:pointer;padding:.3rem}
.tabs{position:sticky;top:0;z-index:5;display:flex;gap:.25rem;overflow-x:auto;padding:.5rem .8rem;background:var(--card);border-bottom:1px solid var(--line);scrollbar-width:none}
.tabs::-webkit-scrollbar{display:none}
.tabs a{flex:0 0 auto;padding:.55rem .95rem;border-radius:999px;color:var(--muted);text-decoration:none;font-size:.95rem;font-weight:600;white-space:nowrap}
.tabs a.on{background:var(--soft);color:var(--accent)}
main{max-width:820px;margin:0 auto;padding:1.2rem 1rem 4rem}
h1{font-size:1.6rem;line-height:1.2;margin:.2rem 0 .8rem;letter-spacing:-.01em}h2{font-size:1.1rem;margin:.1rem 0 .5rem}h3{font-size:1rem;margin:.9rem 0 .4rem}
.lead{font-size:1.08rem;color:var(--muted);margin-top:-.3rem}
.eyebrow{margin:0;font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-weight:700}
.hero{padding:.4rem 0 .2rem}.hero p{margin:.2rem 0}
.card{display:block;background:var(--card);border:1px solid var(--line);border-radius:16px;padding:1.1rem 1.15rem;margin:.9rem 0;box-shadow:var(--shadow)}
.narrow{max-width:430px;margin:2rem auto}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:.9rem}.cards .card{margin:0}
.muted{color:var(--muted);font-size:.93rem}.big{font-size:1.2rem;margin:.1rem 0 .6rem}.err{color:var(--err);font-weight:600}
.notice,.flash{background:var(--soft);border-left:4px solid var(--accent);padding:.7rem .9rem;border-radius:10px;margin:.8rem 0}
label{display:block;margin:.8rem 0;font-size:.93rem;color:var(--muted);font-weight:600}
input,textarea,select{width:100%;padding:.8rem .85rem;border:1px solid var(--line);border-radius:12px;background:var(--bg);color:var(--ink);font:inherit;margin-top:.3rem}
input:focus,textarea:focus,select:focus{outline:2px solid var(--accent);outline-offset:1px}
input[type=checkbox]{width:auto;margin:0 .3rem 0 0}input.num{width:5rem;display:inline-block}
button,.btn{display:inline-block;padding:.85rem 1.2rem;border:0;border-radius:12px;background:var(--accent);color:var(--on-accent);font:inherit;font-weight:700;cursor:pointer;text-decoration:none;text-align:center}
.wide{display:block;width:100%}button.secondary{background:transparent;color:var(--ink);border:1px solid var(--line)}button:disabled{opacity:.45;cursor:not-allowed}
.pill{display:inline-block;padding:.15rem .6rem;border-radius:999px;font-size:.78rem;font-weight:700;background:var(--soft);color:var(--muted);white-space:nowrap}
.pill.s-published{background:var(--okbg);color:var(--ok)}.pill.s-ready{background:var(--warnbg);color:var(--warn)}.pill.s-failed{background:var(--errbg);color:var(--err)}.pill.s-running,.pill.s-queued{background:var(--soft);color:var(--accent)}
.list,.plain,.opts,.checks,.msgs{list-style:none;margin:0;padding:0}
.list li{border-top:1px solid var(--line)}.list li:first-child{border-top:0}
.list li>a,.list li{display:flex;align-items:center;justify-content:space-between;gap:.8rem;padding:.75rem 0;color:inherit;text-decoration:none}
.list li>a{width:100%}.list b{display:block;font-weight:650}.list small{display:block;color:var(--muted);font-size:.82rem;font-weight:400}.num{font-weight:700}
.opts li{border-top:1px solid var(--line)}.opts li:first-child{border-top:0}
.opts a{display:flex;align-items:center;gap:.8rem;padding:.8rem 0;color:inherit;text-decoration:none}.opts b{display:block}.opts small{color:var(--muted);font-size:.84rem}.opts .chev,.list .chev{margin-left:auto;color:var(--muted);font-size:1.3rem}
.ic{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:50%;background:var(--soft);font-size:.95rem;flex:0 0 auto}
.opt{color:inherit;text-decoration:none;position:relative}.opt h2{margin-top:.5rem}.opt p{margin:.2rem 0 .8rem;color:var(--muted);font-size:.95rem}.opt.off{opacity:.92}.opt.on .ic{background:var(--okbg);color:var(--ok)}
.tag{display:inline-block;font-size:.82rem;font-weight:700;color:var(--accent)}
.checks li{position:relative;padding:.35rem 0 .35rem 1.7rem}.checks li::before{content:"✓";position:absolute;left:0;color:var(--ok);font-weight:800}
.main-action .btn{margin-top:.6rem}
.quota{margin:.7rem 0}.quota p{margin:.3rem 0}.dots{display:flex;gap:.4rem}.dot{width:1.05rem;height:1.05rem;border-radius:50%;border:2px solid var(--line);background:transparent}.dot.on{background:var(--accent);border-color:var(--accent)}
.banner{display:flex;align-items:center;gap:.9rem;padding:.95rem 1.1rem;border-radius:16px;text-decoration:none;color:inherit;margin:.9rem 0;border:1px solid var(--line);background:var(--card)}
.banner b,.banner span{display:block}.banner span{color:var(--muted);font-size:.9rem}.banner .go{margin-left:auto;color:var(--accent);font-weight:700;white-space:nowrap}
.banner.work{background:var(--soft);border-color:transparent}.banner.ready{background:var(--warnbg);border-color:transparent}
.spin{display:inline-block;width:1.5rem;height:1.5rem;border:3px solid var(--line);border-top-color:var(--accent);border-radius:50%;animation:sp .8s linear infinite;flex:0 0 auto}
@keyframes sp{to{transform:rotate(360deg)}}
.work-head{display:flex;gap:.9rem;align-items:flex-start}.work-head .spin{width:2rem;height:2rem;margin-top:.15rem}.work-head h2{margin:0 0 .2rem}
.bar-indet{height:6px;border-radius:99px;background:var(--soft);overflow:hidden;margin:1rem 0}.bar-indet i{display:block;height:100%;width:35%;background:var(--accent);border-radius:99px;animation:ind 1.3s ease-in-out infinite}
@keyframes ind{0%{margin-left:-35%}100%{margin-left:100%}}
.steps{list-style:none;padding:0;margin:.8rem 0}.steps li{display:flex;align-items:center;gap:.7rem;padding:.4rem 0;color:var(--muted)}.steps li.now{color:var(--ink);font-weight:650}.steps li.done{color:var(--ok)}
.tick{display:inline-flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;border-radius:50%;border:2px solid var(--line);font-size:.8rem;flex:0 0 auto}.steps .done .tick{background:var(--okbg);border-color:transparent}
.meter{height:10px;border-radius:99px;background:var(--soft);overflow:hidden}.meter i{display:block;height:100%;background:var(--accent)}
.row2{display:grid;gap:.6rem;margin-top:1rem}.row2 form{margin:0}
@media(min-width:560px){.row2{grid-template-columns:1fr 1fr}}
.row{display:flex;gap:.6rem;align-items:center;flex-wrap:wrap}.row input{width:auto;flex:1;min-width:150px}
.search{display:flex;gap:.5rem}.search input{margin:0}.search button{white-space:nowrap}
blockquote{margin:.4rem 0 1rem;padding:.7rem 1rem;border-left:4px solid var(--line);background:var(--card);border-radius:0 12px 12px 0}
pre{white-space:pre-wrap;word-break:break-word;background:var(--bg);padding:.7rem;border-radius:10px;font-size:.8rem;max-height:340px;overflow:auto}
details{margin:.4rem 0;border:1px solid var(--line);border-radius:10px;padding:.35rem .7rem}summary{cursor:pointer;font-weight:600;padding:.3rem 0}code{font-size:.86rem}
.back{text-decoration:none;font-weight:600}
.bars{display:flex;align-items:flex-end;gap:3px;height:110px;margin:.6rem 0}.bar{flex:1;background:var(--accent);border-radius:3px 3px 0 0;min-width:4px}
.empty{text-align:center}.empty h2{margin-top:.2rem}
.site-admin{border-top:1px solid var(--line);padding-top:.5rem;margin-top:.6rem}label.inline{display:inline-block;margin:.3rem .9rem .3rem 0;font-weight:500}
table{width:100%;border-collapse:collapse}td,th{padding:.45rem .4rem;border-bottom:1px solid var(--line);text-align:left;vertical-align:top;font-size:.92rem}
@media(max-width:480px){body{font-size:16.5px}h1{font-size:1.45rem}.banner{flex-wrap:wrap}.banner .go{margin-left:0}}
@media(prefers-reduced-motion:reduce){.spin,.bar-indet i{animation:none}}
.sitebar{display:flex;gap:.4rem;align-items:center;overflow-x:auto;padding:.4rem .9rem;background:var(--soft);font-size:.9rem}.sitebar span{color:var(--muted);white-space:nowrap}.sitebar a{white-space:nowrap;padding:.25rem .7rem;border-radius:999px;text-decoration:none;color:var(--ink);border:1px solid var(--line);background:var(--card)}.sitebar a.on{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}