:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#080c14;color:#f4f7ff}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 12% 0%,#192952 0,transparent 34rem),radial-gradient(ellipse at 92% 22%,#17243d 0,transparent 30rem),#080c14}main{width:min(1120px,calc(100% - 32px));margin:48px auto 80px}.topbar{display:flex;justify-content:space-between;gap:24px;align-items:flex-start;margin-bottom:28px}.eyebrow{color:#91adff;text-transform:uppercase;font-size:.7rem;font-weight:800;letter-spacing:.14em;margin:0 0 8px}h1{font-size:clamp(2.15rem,5vw,3.45rem);letter-spacing:-.055em;margin:0}h2{font-size:1.28rem;margin:0;letter-spacing:-.03em}.subhead{color:#aeb9cf;max-width:650px;margin:10px 0 0;line-height:1.55}.mode-card{border:1px solid #435579;background:#151e31;border-radius:12px;padding:11px 14px;font-size:.84rem;white-space:nowrap;color:#cbd7ef}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:18px}.metrics>div,.panel{background:linear-gradient(145deg,rgba(29,38,61,.94),rgba(16,22,37,.94));border:1px solid rgba(129,151,201,.22);box-shadow:0 18px 50px rgba(0,0,0,.16)}.metrics>div{padding:16px;border-radius:12px}.metrics span,.preview-item span{display:block;color:#98a6c1;font-size:.71rem;text-transform:uppercase;letter-spacing:.085em}.metrics strong{display:block;font-size:1.27rem;margin-top:6px}.panel{border-radius:16px;padding:25px;margin:18px 0}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:21px}.subtle-pill,.status-pill{font-size:.75rem;border:1px solid #43577e;border-radius:99px;padding:6px 10px}.subtle-pill{color:#c5d1e8}.status-pill.neutral{color:#bdc8dc}.status-pill.allowed{color:#8ee4b5;border-color:#2c8157;background:#122d24}.status-pill.warning{color:#ffd480;border-color:#936c24;background:#352812}.status-pill.blocked{color:#ffabb7;border-color:#963d4d;background:#371a21}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}label{display:grid;align-content:start;gap:7px;font-size:.82rem;font-weight:700;color:#dce5f8}label small{color:#8493b0;font-size:.7rem;font-weight:500;line-height:1.35}input,select,button{width:100%;border-radius:8px;border:1px solid #394866;background:#0c1321;color:inherit;padding:11px 12px;font:inherit;transition:.16s ease}input:focus,select:focus{outline:2px solid #668eff;outline-offset:1px;border-color:#668eff}.input-suffix{display:flex;align-items:center;border:1px solid #394866;border-radius:8px;background:#0c1321;overflow:hidden}.input-suffix:focus-within{outline:2px solid #668eff;outline-offset:1px}.input-suffix input{border:0;border-radius:0;outline:0!important}.input-suffix>span{color:#8f9fbc;padding:0 11px;white-space:nowrap}.emergency{grid-template-columns:auto 1fr;align-items:center;border:1px solid #683947;background:#271720;border-radius:10px;padding:11px 13px}.emergency input{width:18px;height:18px}.emergency span{display:block}.emergency small{display:block;margin-top:3px}.muted{color:#aab5cb;font-size:.84rem;line-height:1.5;margin:17px 0 0}button{width:auto;cursor:pointer;background:linear-gradient(135deg,#5885f4,#345fd1);border:0;font-weight:800;margin-top:20px;box-shadow:0 7px 18px rgba(34,77,186,.3)}button:hover{filter:brightness(1.1);transform:translateY(-1px)}.preview-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.preview-item{border-radius:10px;background:#0b1220;border:1px solid #2d3c58;padding:12px;min-height:72px}.preview-item strong{font-size:.98rem;display:block;margin-top:7px;overflow-wrap:anywhere}.preview-item.tone-allowed{border-color:#347857;background:#10271f}.preview-item.tone-warning{border-color:#8b6728;background:#2d2414}.preview-item.tone-blocked{border-color:#8e3b49;background:#301820}.empty-state{color:#9daac2;background:#0c1422;border:1px dashed #3b4b68;border-radius:10px;padding:20px;text-align:center;grid-column:1/-1}.rejection{background:#30161d;border:1px solid #914052;color:#ffc0c9;border-radius:10px;padding:13px 15px;margin-bottom:15px;font-size:.88rem;font-weight:650;line-height:1.5}.rejection div+div{margin-top:5px}#message{display:block;min-height:28px;color:#ff9fae;margin-top:14px;font-weight:650}.risk-card{border-color:rgba(109,139,208,.34)}@media(max-width:900px){.grid,.preview-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:730px){main{margin:28px auto}.topbar{display:block}.mode-card{display:inline-block;margin-top:18px}.metrics,.grid,.preview-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.metrics,.grid,.preview-grid{grid-template-columns:1fr}.panel{padding:18px}.panel-heading{align-items:flex-start;flex-direction:column}}