/* MAGI / CANON — local assets, three units, amber + mint on black. */
.magi-form{display:grid;gap:16px;margin:18px 0}
.magi-form .as-label{display:grid;gap:7px}
.magi-form .as-field{width:100%;min-width:0}
.magi-workbench{display:grid;gap:20px;min-width:0}
.magi-workbench .as-button{margin-right:8px;margin-bottom:8px}
.magi-workbench p,.magi-workbench dd{overflow-wrap:anywhere}
.magi-details{display:grid;grid-template-columns:minmax(100px,1fr) minmax(0,2fr);gap:8px 14px}
.magi-details dt{color:#a2b9ac}
.magi-details dd{margin:0;white-space:pre-wrap}
.magi-job-list p{padding-bottom:12px;border-bottom:1px solid #294338}
html{background:#070d0b;color-scheme:dark}
body{background:#070d0b;margin:0;padding:16px}
#magi-app{--as-bg:#070d0b;--as-surface:#0d1813;--as-raised:#14261c;--as-line:#294338;--as-text:#e1e7e2;--as-muted:#a2b9ac;--as-accent:#f29a37;--as-soft:#2b2110;--as-radius:0;--as-space:18px;max-width:1700px;font-size:15px;line-height:1.55}
#magi-app a{overflow-wrap:anywhere}
#magi-app :focus-visible{outline:2px solid var(--as-accent);outline-offset:4px}
#magi-app h1,#magi-app h2,#magi-app h3{color:var(--as-accent);font-weight:700;letter-spacing:-.025em}
#magi-app h1{font-size:clamp(28px,3.2vw,46px);text-transform:uppercase;line-height:1.1;overflow-wrap:anywhere}
#magi-app h2{font-size:19px}
#magi-app .as-app{border:1px solid #3e4d33;border-radius:0;background:linear-gradient(#71d4b506 1px,transparent 1px),linear-gradient(90deg,#71d4b506 1px,transparent 1px),var(--as-bg);background-size:48px 48px}
#magi-app .as-top{padding:18px 26px;border-bottom-color:#815b2b;gap:20px;flex-wrap:wrap}
#magi-app .as-top::before{width:210px;background:var(--as-accent)}
#magi-app .as-brand{gap:10px;color:var(--as-accent)}
#magi-app .as-logo{width:60px;height:60px}
#magi-app .as-brand-copy{display:grid;gap:3px}
#magi-app .as-name{font-size:40px;line-height:1;font-weight:900;letter-spacing:-.04em;color:var(--as-accent)}
#magi-app .magi-brand-caption{font:11px/1.4 monospace;color:var(--as-muted);letter-spacing:.12em}
#magi-app .as-top-right{gap:12px;flex-wrap:wrap}
#magi-app .as-caption,#magi-app .as-subtitle{font-size:13px;line-height:1.6}
#magi-app .as-layout{grid-template-columns:180px minmax(0,1fr)}
#magi-app .as-sidebar{padding:20px 12px;background:#0a130e;border-right-color:#815b2b;gap:10px}
#magi-app .as-nav{border-radius:0;min-height:46px;padding:12px;color:#c5d3ca;border:1px solid transparent;font-size:15px}
#magi-app .as-nav:hover{background:#14261c;color:#f29a37}
#magi-app .as-nav[aria-current=page]{background:var(--as-accent);color:#070d0b;border-color:var(--as-accent);font-weight:700}
#magi-app .as-nav[aria-current=page] .as-nav-caption{color:#2c2110}
#magi-app .as-sidebar-foot{font:12px/1.7 monospace;letter-spacing:.06em}
#magi-app .as-connection::before{background:#71d4b5;border-radius:0;width:7px;height:7px}
#magi-app .as-main{padding:28px;min-height:620px}
#magi-app .as-titlebar{margin-bottom:24px;gap:22px}
#magi-app .as-eyebrow{font:12px/1.4 monospace;letter-spacing:.08em;color:#71d4b5}
#magi-app .as-greeting-art{width:180px;height:145px}
#magi-app .as-button,#magi-app .as-field,#magi-app .as-tag,#magi-app .as-toolbar button,#magi-app .as-source{border-radius:0}
#magi-app .as-button{font-size:13px;min-height:44px;padding:10px 15px;background:#0d1813;border-color:#556745;white-space:normal;text-align:center}
#magi-app .as-button:hover{background:#1d3022;border-color:var(--as-accent)}
#magi-app .as-button-primary{background:var(--as-accent);border-color:var(--as-accent);color:#070d0b;font-weight:700}
#magi-app .as-button-primary:hover{background:#ffb35c;color:#070d0b}
#magi-app .as-panel{border-color:#586342;background:#0a130eed;border-radius:0;position:relative}
#magi-app .as-panel-top{border-bottom-color:#294338;align-items:flex-start;flex-wrap:wrap}
#magi-app .as-panel-top .as-small{font:12px/1.5 monospace;white-space:normal;flex-shrink:1}
#magi-app .as-panel::after{content:'';position:absolute;right:0;top:0;width:12px;height:12px;background:linear-gradient(45deg,transparent 45%,#815b2b 46%,#815b2b 53%,#070d0b 54%);pointer-events:none}
#magi-app .as-category{background:#0d1813;border-radius:0;border-color:#294338}
#magi-app .as-vertical{background:#14261c;color:#71d4b5;letter-spacing:.08em}
#magi-app .as-category-line{background:#08110c;border-radius:0;font-size:13px;grid-template-columns:95px minmax(0,1fr)}
#magi-app .as-category-line span:first-child{font-size:12px}
#magi-app .as-task-title{font-size:15px;line-height:1.55}
#magi-app .as-task-meta{font-size:12px}
#magi-app .as-row{padding-top:15px;padding-bottom:15px}
#magi-app .as-task-mark{background:#71d4b5;border-radius:0;width:7px;height:7px;margin-top:8px}
#magi-app .as-row .as-link{font-size:12px}
#magi-app .as-tag{background:#162b1f;color:#99d3b8;white-space:normal;font-size:12px}
#magi-app .as-toolbar button{min-height:44px;color:var(--as-text);font-size:13px}
#magi-app .as-toolbar button[aria-pressed=true]{background:var(--as-accent);border-color:var(--as-accent);color:#070d0b}
#magi-app .as-source summary{min-height:40px;font:12px/1.5 monospace;flex-wrap:wrap}
#magi-app .as-source-dot{background:#71d4b5;border-radius:0}
#magi-app .as-source-error .as-source-dot{background:#e0755c}
#magi-app .as-source-partial .as-source-dot,#magi-app .as-source-stale .as-source-dot{background:#f29a37}
#magi-app .as-source-disabled .as-source-dot{background:#73847b}
#magi-app .as-source p{font-size:13px}
#magi-app .as-field{border-color:#526449;background:#070d0b;font-size:16px;line-height:1.55;padding:12px}
#magi-app .as-label{font:13px/1.5 monospace;color:#71d4b5}
#magi-app .as-empty{font-size:14px;line-height:1.6}
#magi-app .as-error{border-radius:0;border-left:3px solid #e0755c;background:#291a13;color:#ffd7b0;font-size:14px}
#magi-app .as-footer{font:12px/1.6 monospace;border-color:#815b2b;flex-wrap:wrap}
#magi-app .as-footer-art{height:30px;width:30px}
#magi-app .as-login-app{max-width:1260px;margin:24px auto}
#magi-app .as-login{padding:46px;gap:45px}
#magi-app .as-login-copy{max-width:540px}
#magi-app .as-login h1{font-size:clamp(36px,4.5vw,64px);line-height:1.04}
#magi-app .as-login .as-subtitle{font-size:16px;line-height:1.65;color:var(--as-text)}
#magi-app .as-login-mascot{width:470px;height:auto;max-width:46%;object-fit:contain}
#magi-app .as-code{color:#71d4b5;font:700 42px/1.2 monospace;letter-spacing:.17em}
#magi-app .as-bot-mascot{height:auto;width:220px}
#magi-app .as-focus-text{font-size:14px;line-height:1.6}
#magi-app .as-inline-button{font-size:13px;min-height:36px}
#magi-app .as-extra>summary{font-size:14px;cursor:pointer}
#magi-app .magi-chat-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin:16px 0 0}
#magi-app .magi-chat-answer,#magi-app .magi-review-body{white-space:pre-wrap;overflow-wrap:anywhere;font-size:15px;line-height:1.75}
#magi-app .magi-review-body{margin-top:20px}
#magi-app #chat-text{width:100%;resize:vertical;min-height:120px}
#magi-app .magi-council-layout{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(260px,1fr);gap:18px;margin:20px 0}
#magi-app .magi-council-schematic{background:linear-gradient(#71d4b509 1px,transparent 1px),linear-gradient(90deg,#71d4b509 1px,transparent 1px),#070d0b;background-size:36px 36px;border-color:#815b2b;padding:24px 14px}
#magi-app .magi-triad{position:relative;max-width:720px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:220px 220px;gap:90px 38px;padding:0 12px;isolation:isolate}
#magi-app .magi-connections{position:absolute;inset:0;width:100%;height:100%;z-index:-1;stroke:#b58138;stroke-width:.4;fill:none;pointer-events:none}
#magi-app .magi-triad-name{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:44px;line-height:1.1;font-weight:900;color:#f29a37;text-align:center;letter-spacing:-.04em}
#magi-app .magi-triad-name span{display:block;font:10px/1.7 monospace;letter-spacing:.06em;margin-top:8px;white-space:nowrap}
#magi-app .magi-node{max-width:258px;width:100%;height:220px;border:0;background:#50784f;padding:3px;clip-path:polygon(12% 0,88% 0,100% 12%,100% 88%,88% 100%,12% 100%,0 88%,0 12%);cursor:pointer;justify-self:center;color:#070d0b}
#magi-app .magi-node:hover,#magi-app .magi-node[aria-pressed=true]{background:#f29a37}
#magi-app .magi-node:focus-visible{outline:none;background:#ffb35c;filter:drop-shadow(0 0 2px #ffb35c)}
#magi-app .magi-node-inner{height:100%;padding:10px 13px;display:grid;align-content:center;justify-items:center;gap:5px;background:#71d4b5;clip-path:inherit}
#magi-app .magi-node-number{font:700 52px/1 monospace}
#magi-app .magi-node strong{font:700 18px/1.4 monospace;white-space:nowrap}
#magi-app .magi-node-role{font-size:24px;font-weight:700}
#magi-app .magi-node-status{margin-top:6px;width:100%;background:#0b1b13;color:#bcebd8;padding:7px 4px;min-height:34px;font:12px/1.45 monospace;text-align:center}
#magi-app .magi-node-1{grid-column:1/-1}
#magi-app .magi-verdict-revise .magi-node-status,#magi-app .magi-verdict-insufficient .magi-node-status{color:#ffc77e}
#magi-app .magi-verdict-oppose .magi-node-status{color:#ffad96}
#magi-app .magi-verdict-unavailable .magi-node-inner{background:#6e8c7d}
#magi-app .magi-verdict-unavailable .magi-node-status{color:#d8e2db}
#magi-app .magi-review{align-self:start;min-height:250px}
#magi-app .magi-consensus{font-size:23px;line-height:1.45;color:#f29a37;font-weight:700;overflow-wrap:anywhere}
#magi-app .magi-full-answer{margin-top:18px;border-top:1px solid #294338;padding-top:14px}
#magi-app .magi-full-answer summary{font:13px/1.5 monospace;color:#71d4b5;cursor:pointer;padding:5px 0 12px}
#magi-app .magi-owner-note{margin-top:20px!important}
@media(max-width:1200px){#magi-app .magi-council-layout{grid-template-columns:1fr}#magi-app .magi-review{min-height:0}#magi-app .as-greeting-art{width:130px;height:110px}}
@media(max-width:900px){#magi-app .as-layout{grid-template-columns:150px minmax(0,1fr)}#magi-app .as-sidebar{padding:14px 8px}#magi-app .as-main{padding:22px 18px}#magi-app .as-nav{font-size:14px;padding:11px 8px}#magi-app .as-login{padding:32px;gap:24px}#magi-app .as-login-mascot{max-width:43%}#magi-app .as-top-right>.as-caption{display:none}}
@media(max-width:650px){body{padding:7px}#magi-app .as-layout{grid-template-columns:1fr}#magi-app .as-sidebar{flex-direction:row;flex-wrap:wrap;border-right:0;border-bottom:1px solid #815b2b;padding:8px;gap:4px}#magi-app .as-sidebar-foot,#magi-app .as-nav-caption{display:none}#magi-app .as-nav{min-height:44px;justify-content:center;padding:10px 12px}#magi-app .as-main{padding:22px 14px}#magi-app .as-top{padding:14px 12px;gap:12px}#magi-app .as-name{font-size:29px}#magi-app .as-logo{width:42px;height:42px}#magi-app .magi-brand-caption{font-size:9px;letter-spacing:0}#magi-app .as-top-right{gap:6px}#magi-app .as-top-right .as-button{padding:8px;min-width:60px;font-size:12px}#magi-app .as-login{padding:28px 20px;display:flex;flex-direction:column;gap:25px}#magi-app .as-login-mascot{width:380px;max-width:100%;margin:0 auto}#magi-app .as-login-copy{width:100%}#magi-app .as-login-app{margin:0}#magi-app .as-greeting-art{display:none}#magi-app .as-titlebar>div{min-width:0;flex-basis:100%}#magi-app .as-titlebar{align-items:flex-start}#magi-app .as-twocol,#magi-app .as-project-grid{grid-template-columns:1fr}#magi-app .as-category-line{grid-template-columns:72px minmax(0,1fr)}#magi-app .as-footer{padding:12px 14px}#magi-app .as-caption,#magi-app .as-subtitle{font-size:13px}#magi-app .magi-triad{display:flex;flex-direction:column;align-items:stretch;gap:18px;padding:0}#magi-app .magi-triad-name,#magi-app .magi-connections{display:none}#magi-app .magi-node{max-width:none;height:158px;clip-path:polygon(5% 0,95% 0,100% 12%,100% 88%,95% 100%,5% 100%,0 88%,0 12%)}#magi-app .magi-node-inner{grid-template-columns:54px minmax(0,1fr);grid-template-rows:auto auto auto;justify-items:start;align-content:center;column-gap:14px;padding:20px}#magi-app .magi-node-number{grid-row:1/4;font-size:48px;align-self:center}#magi-app .magi-node strong{font-size:18px}#magi-app .magi-node-role{font-size:20px}#magi-app .magi-node-status{grid-column:2;margin:2px 0 0;font-size:12px}#magi-app .magi-council-schematic{padding:18px 14px}#magi-app .magi-chat-actions{align-items:stretch}#magi-app .magi-chat-actions .as-caption{flex-basis:100%}}
@media(prefers-reduced-motion:reduce){#magi-app *{scroll-behavior:auto;transition:none!important;animation:none!important}}