:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#dce6ef;background:#0b111b;font-synthesis:none;color-scheme:dark}*{box-sizing:border-box}body{margin:0}main{max-width:1240px;margin:auto;padding:32px}header,.row,.form-footer,footer{display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{color:#78e8c1;font-size:30px;display:flex;align-items:center;gap:12px}.brand span{font-size:15px;letter-spacing:3px;font-weight:750}.pill{border:1px solid #33414d;padding:9px 12px;border-radius:30px;font-size:10px;letter-spacing:1.5px;color:#a1b1c1}.intro{margin:55px 0 30px}.eyebrow{font-size:10px;letter-spacing:2px;color:#88a0b4;font-weight:700}h1{font-size:clamp(30px,4vw,48px);line-height:1.16;letter-spacing:-1.8px;margin:16px 0}h1 span{color:#83a4ba}.intro>p:last-child{color:#8fa4b8;font-size:14px}.notice{background:#122722;border:1px solid #264a3e;padding:14px 18px;border-radius:10px;display:flex;align-items:center;gap:14px;font-size:12px;margin-bottom:24px}.notice strong{color:#8be4bf}.notice>span:last-child{color:#9cb9ad}.dot{height:7px;width:7px;border-radius:50%;background:#78e8c1}.layout{display:grid;grid-template-columns:1fr 1fr;gap:20px}.panel{padding:25px;background:#121c29;border:1px solid #253242;border-radius:14px;min-width:0}h2{font-size:15px;margin:0 0 24px}h2>span{color:#6d899e;font-size:11px;margin-right:13px}label{display:block;font-size:12px;color:#a5b8c7;margin-bottom:10px}textarea{width:100%;resize:vertical;min-height:110px;border:1px solid #33465a;background:#0d1622;border-radius:9px;padding:14px;color:#dce6ef;font:inherit;font-size:13px;line-height:1.65}textarea:focus{outline:2px solid #78e8c1;outline-offset:2px}.form-footer{margin-top:13px}small{font-size:11px;color:#8ca3b6}button{background:#85e5bf;color:#10271f;border:0;border-radius:7px;padding:12px 19px;font:inherit;font-size:12px;font-weight:750;cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}.task{margin-top:26px;border-top:1px solid #293849;padding-top:14px}.task>p:not(.eyebrow){font-size:12px;line-height:1.6;color:#a7bac9}.status{font-size:9px;letter-spacing:.7px;padding:6px 8px;border-radius:5px;background:#243243;color:#a5b8cc;white-space:nowrap}.status.WORKING{background:#32301e;color:#f1d98b}.status.COMPLETED{background:#173c32;color:#8ee8bf}.status.FAILED,.error{color:#ffadad}.agent{display:flex;align-items:center;gap:14px;padding:22px 0;border-bottom:1px solid #293849}.avatar{width:46px;height:46px;background:#253b4d;border:1px solid #476074;border-radius:13px;display:grid;place-items:center;color:#b8d6ec;font-size:20px;flex-shrink:0}.avatar.WORKING{animation:pulse 1.4s infinite}.agent-info{flex:1}.agent h3{font-size:14px;margin:0 0 8px}.hint{font-size:12px;line-height:1.8;color:#7e98ad;margin-top:24px}.row h2{margin-bottom:0}.events{padding:0;margin:24px 0 0;list-style:none;max-height:300px;overflow:auto}.events li{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid #233142;font-size:11px}.event-number{color:#627f95}.events code{font-size:10px;color:#b9cedf}.events time{margin-left:auto;color:#7590a5;font-size:10px}.muted{color:#8199ad}pre{font:12px/1.9 ui-sans-serif,system-ui;white-space:pre-wrap;overflow-wrap:anywhere;margin:0;color:#b9ccda}.empty{text-align:center;padding:38px 0;color:#89a1b5;font-size:13px}.empty>span{font-size:42px;color:#65879b}footer{font-size:10px;color:#668196;margin-top:27px;line-height:1.7}.error{font-size:12px;line-height:1.7}@keyframes pulse{50%{box-shadow:0 0 0 7px #85e5bf15;border-color:#85e5bf}}@media(prefers-reduced-motion:reduce){.avatar.WORKING{animation:none}}@media(max-width:800px){main{padding:20px}.layout{grid-template-columns:1fr}.intro{margin-top:35px}.notice{flex-wrap:wrap}.pill{font-size:8px}.panel{padding:20px}footer{align-items:flex-start;flex-direction:column}.agent{gap:10px}.agent h3{font-size:12px}}.provider-selection{border:1px solid #304653;border-radius:9px;padding:16px;margin:18px 0 0;min-width:0}.provider-selection legend{font-size:11px;color:#b3ccda;padding:0 7px}.provider-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.provider-fields select{width:100%;min-width:0;background:#0d1622;color:#dce6ef;border:1px solid #3b5264;border-radius:7px;padding:10px;font:inherit;font-size:11px}.provider-fields select:focus-visible{outline:2px solid #85e5bf}.provider-status p,.provider-note{font-size:10px;line-height:1.7;color:#9bb2c2}.provider-status{margin-top:14px}.provider-note{color:#e5c990}.provider-refresh{background:transparent;color:#89d9bf;padding:8px 0;font-size:10px}.agent-info{min-width:0}.agent-info small{overflow-wrap:anywhere}@media(max-width:500px){.provider-fields{grid-template-columns:1fr}}.village-panel{border:1px solid #2d444b;border-radius:16px;overflow:hidden;margin:0 0 24px;background:#101e28}.village-toolbar{display:flex;align-items:center;justify-content:space-between;padding:22px 26px;border-bottom:1px solid #253943;gap:15px}.village-toolbar h2{font-size:21px;margin:9px 0 0;font-weight:550;letter-spacing:-.5px}.village-toolbar .eyebrow{font-size:9px}.motion-toggle{background:#1d313d;border:1px solid #375362;color:#b4cbd6;font-size:10px;padding:9px 12px}.village-layout{display:grid;grid-template-columns:minmax(0,1fr) 240px}.village-map{position:relative;min-width:0;background:radial-gradient(ellipse at 50% 50%,#162f35,#0d1a25 75%);display:flex;flex-direction:column;justify-content:center;overflow:hidden}.village-map svg{display:block;width:100%;height:auto;min-height:300px}.village-signal{position:absolute;top:19px;left:23px;display:flex;align-items:center;gap:9px;font-size:11px;color:#ade7ce;z-index:1}.village-signal.failed{color:#ffadad}.village-signal.failed .dot{background:#ffadad}.map-caption{display:flex;justify-content:space-between;gap:14px;padding:10px 23px 19px;color:#7594a2;font-size:9px;letter-spacing:1px}.village-inspector{padding:25px 21px;background:#14232f;border-left:1px solid #293f4b}.village-inspector h3{font-size:19px;font-weight:550;margin:16px 0 9px}.village-inspector p:not(.eyebrow){font-size:11px;color:#99b3c1;line-height:1.7}.village-inspector dl{font-size:11px;margin:25px 0;display:grid;gap:7px}.village-inspector dt{color:#7995a8;font-size:10px}.village-inspector dd{margin:0 0 10px;color:#d1e1e8;overflow-wrap:anywhere}.village-residents{border-top:1px solid #2c414e;padding-top:12px}.village-residents button{display:flex;width:100%;justify-content:space-between;align-items:center;padding:10px 6px;background:transparent;font-size:11px;gap:6px;border-radius:5px}.village-residents button[aria-pressed=true]{background:#243a47}.village-residents small{font-size:9px}.village-footnote{border-top:1px solid #2c414e;padding-top:15px;margin-top:18px}.village-building,.villager{cursor:pointer;outline:none}.village-building:focus-visible>path,.villager:focus-visible>ellipse{stroke:#fff;stroke-width:3}.village-building:hover .building-light{stroke-width:5}.building-beacon{opacity:.3}.active .building-beacon{opacity:1;animation:beacon 1.5s ease-in-out infinite}.active .building-light{filter:drop-shadow(0 0 5px #8cf6d8)}.tree-crown{transform-origin:0px -12px;animation:sway 5s ease-in-out infinite}.walking{animation:walk .22s ease-in-out infinite alternate}.working{animation:work .7s ease-in-out infinite alternate}.work-spark{animation:spark .7s ease-in-out infinite alternate}.still *{animation:none!important}.intro{margin:34px 0 25px}.intro h1{font-size:clamp(28px,3.2vw,39px)}@keyframes sway{50%{transform:skew(3deg)}}@keyframes walk{to{transform:translateY(-3px) rotate(3deg)}}@keyframes work{to{transform:translateY(-2px)}}@keyframes spark{to{opacity:.2;transform:translateY(-4px)}}@keyframes beacon{50%{opacity:.5}}@media(prefers-reduced-motion:reduce){.village-panel *{animation:none!important}}@media(max-width:900px){.village-layout{grid-template-columns:1fr}.village-inspector{border-left:0;border-top:1px solid #293f4b;display:grid;grid-template-columns:1fr 1fr;gap:0 24px}.village-inspector>.eyebrow,.village-inspector>h3,.village-inspector>p{grid-column:1/-1}.village-inspector dl{margin:12px 0}.village-residents{border-top:0}.village-map svg{min-height:0}.village-signal{position:static;margin:18px 20px 0}.village-toolbar{padding:18px 20px}.village-toolbar h2{font-size:18px}}@media(max-width:500px){.map-caption{font-size:8px;letter-spacing:0}.village-toolbar{align-items:flex-start}.motion-toggle{font-size:9px;max-width:110px}.village-inspector{padding:18px}.village-signal{font-size:10px}}