:root{color-scheme:dark;--bg:#07110f;--panel:#0c1a17;--line:#2b433c;--text:#f5f1e7;--muted:#9dafaa;--orange:#f38b2a;--cyan:#66e3cf}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:16px Segoe UI,sans-serif}header{display:flex;align-items:center;gap:22px;padding:18px 26px;border-bottom:1px solid var(--line)}header a{color:var(--cyan)}header div{display:grid}header small{color:var(--orange);letter-spacing:.15em}header label{margin-left:auto}main{max-width:1200px;margin:auto;padding:26px}.setup,.actions{display:flex;align-items:end;gap:12px;margin-bottom:18px}.setup label{flex:1}.hero{display:flex;justify-content:space-between;border:1px solid var(--line);background:var(--panel);padding:24px}.hero p{color:var(--orange);letter-spacing:.14em}.hero h1{font-size:36px;margin:5px 0}.hero>div:last-child{display:grid;text-align:right}.hero>div:last-child b{font-size:30px;color:var(--cyan)}.fields,.attribute-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:18px 0}.attribute-grid{grid-template-columns:repeat(6,1fr)}label{display:grid;gap:6px;color:var(--muted)}.wide{grid-column:1/-1}input,select,textarea{background:#081411;border:1px solid var(--line);color:var(--text);padding:11px;font:inherit}textarea{min-height:100px}.trait-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.trait-grid label{display:flex;align-items:center;border:1px solid var(--line);padding:10px}.trait-grid input[type=checkbox]{width:auto}.trait-grid span{display:grid}.trait-grid small{color:var(--muted)}#validation{padding:16px;border:1px solid var(--line);margin:18px 0}.valid{border-color:var(--cyan)!important}.invalid{border-color:#d96b59!important}button{padding:12px 18px;background:#10201c;border:1px solid var(--line);color:var(--text);cursor:pointer}button:disabled{opacity:.4}.actions button:last-child{background:var(--orange);color:#171008}#toast{position:fixed;right:20px;bottom:20px;padding:14px;background:#143329;opacity:0}#toast.show{opacity:1}#toast.bad{background:#481c16}@media(max-width:800px){.trait-grid,.attribute-grid,.fields{grid-template-columns:1fr 1fr}.setup,.actions{flex-wrap:wrap}.hero{display:block}}
.natural-form{margin:20px 0;border:1px solid var(--cyan);background:#0b211b;padding:20px}.natural-form>div:first-child h2{margin:0 0 6px}.natural-form>div:first-child p{margin:0;color:var(--muted)}.natural-groups{display:grid;grid-template-columns:1fr 2fr;gap:14px;margin-top:16px}.natural-groups section{border:1px solid var(--line);padding:14px}.natural-groups h3{margin-top:0;color:var(--cyan)}.natural-groups ul{list-style:none;padding:0;margin:0;display:grid;gap:8px}.natural-groups li{display:flex;flex-wrap:wrap;gap:7px;border-bottom:1px solid var(--line);padding-bottom:7px}.natural-groups li span{color:var(--muted)}.natural-groups li em{margin-left:auto;color:var(--cyan);font-style:normal}.trait-grid label.inherited{border-color:var(--cyan);background:#0b211b}.trait-grid label.inherited small{color:var(--cyan)}@media(max-width:800px){.natural-groups{grid-template-columns:1fr}}
.science-device-fields{margin:14px 0;padding:16px;border:1px solid var(--cyan);background:#0b201a}.science-device-fields[hidden]{display:none}.governing-rule{border-left:4px solid var(--cyan);padding:.7rem;background:#06130f}.device-systems{display:grid;gap:.45rem}.device-systems label{display:grid;grid-template-columns:minmax(220px,1fr) minmax(220px,1fr);gap:.65rem;align-items:center;border:1px solid var(--line);padding:.55rem}.device-systems label span{display:grid}.device-systems small{color:var(--muted)}.device-warning{display:grid;gap:.25rem;margin-top:.75rem;padding:.7rem;border:1px solid #ff922b;color:#ffc06d}
@media(max-width:620px){.device-systems label{grid-template-columns:1fr}}