:root{--bg:#0b0f17;--panel:#121824;--text:#eef3f9;--muted:#9da8b8;--line:#2b3444;--accent:#e9bf70;--accent2:#82b8ff;--good:#83d7a0;--radius:20px}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 15% 0%,rgba(233,191,112,.12),transparent 26rem),var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,"PingFang SC","Microsoft YaHei",sans-serif}
button,select,input,textarea{font:inherit}button,select,input,textarea{background:#0f141e;color:var(--text);border:1px solid var(--line);border-radius:12px;padding:.72rem .9rem}
button{cursor:pointer}.app-shell{width:min(1160px,calc(100% - 28px));margin:auto}.topbar{display:flex;justify-content:space-between;gap:24px;padding:32px 0 18px}.eyebrow,.kicker{font-size:.72rem;letter-spacing:.16em;color:var(--accent);font-weight:800;margin:0 0 8px}h1{font-size:clamp(2.2rem,6vw,4.8rem);line-height:.95;margin:0;letter-spacing:-.05em}.subtitle{color:var(--muted)}
.card{background:linear-gradient(180deg,#171d2a,#111722);border:1px solid var(--line);border-radius:var(--radius);padding:22px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:14px}.stats div{background:#0f141e;border:1px solid var(--line);border-radius:14px;padding:14px}.stats span{display:block;color:var(--muted);font-size:.85rem}.stats b{font-size:2rem}
.tabs{display:flex;gap:8px;overflow:auto;position:sticky;top:0;z-index:10;background:linear-gradient(var(--bg) 78%,transparent);padding:10px 0}.tab.active{background:var(--accent);color:var(--bg)}.panel{display:none;padding:18px 0 36px}.panel.active{display:block}
.hero-grid,.budget-grid,.meeting-grid,.mediation-grid,.prompt-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:18px;margin-bottom:18px}.manifesto h2{font-size:clamp(1.6rem,3vw,2.8rem);margin:.3rem 0 1rem}.manifesto p:last-child{color:#c8d0dc;line-height:1.75}.metric{display:flex;flex-direction:column;justify-content:center}.metric strong{font-size:4rem}.metric small{color:var(--muted)}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.grid3 h3,.section-head h2{margin-top:0}.section-head{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:14px}.ghost{background:transparent}.controls{display:flex;flex-direction:column;gap:14px}.controls label{display:flex;flex-direction:column;gap:7px}.task-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.task{background:#111722;border:1px solid var(--line);border-radius:16px;padding:16px}.task.done{opacity:.6}.task strong{display:block}.task small{color:var(--muted)}.task button{margin-top:12px;width:100%}
.rule-row{display:grid;grid-template-columns:1fr auto;gap:14px;padding:14px 0;border-bottom:1px solid var(--line)}.rule-row:last-child{border-bottom:0}.rule-row p{margin:.35rem 0 0;color:var(--muted)}
.bar{margin:12px 0}.bar-label{display:flex;justify-content:space-between}.track{height:9px;background:#252d3a;border-radius:99px;overflow:hidden}.fill{height:100%;background:linear-gradient(90deg,var(--accent2),var(--accent))}
.budget-number{font-size:3rem;font-weight:900}.budget-ok{color:var(--good)}.meeting-item{border-left:2px solid var(--accent);padding-left:14px;margin:14px 0}.mediation-step{background:#0f141e;border:1px solid var(--line);border-radius:14px;padding:14px;margin:10px 0}pre{white-space:pre-wrap;line-height:1.65}
footer{display:flex;justify-content:space-between;color:var(--muted);font-size:.84rem;padding:24px 0 38px}
@media(max-width:820px){.stats{grid-template-columns:repeat(2,1fr)}.hero-grid,.budget-grid,.meeting-grid,.mediation-grid,.prompt-grid,.grid3{grid-template-columns:1fr}.task-grid{grid-template-columns:1fr}}