:root{font-family:Arial,Helvetica,sans-serif;color:#263c34;background:#eeeade;font-synthesis:none;font-size:14px}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer;background:#faf8f0;border:1px solid #cdcfc2;border-radius:5px;padding:9px 12px;color:inherit}button:hover{background:#e6ecdd;border-color:#819b85}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #bc783b;outline-offset:2px}.primary{background:#284b3d;color:#fff;border-color:#284b3d}.primary:hover{background:#3d6450}.app{min-height:100vh}header{display:flex;justify-content:space-between;align-items:center;padding:20px 28px;background:#f9f7f0;border-bottom:1px solid #cfd2c6;gap:20px}.brand{display:flex;gap:12px;align-items:center}.mark{font-size:43px;color:#aa6e41;line-height:1}.brand strong{font-family:Georgia,serif;font-size:24px;font-weight:500}.brand span:not(.mark){display:block;font-size:9px;letter-spacing:2px;margin-top:5px}.actions{display:flex;align-items:center;gap:7px}.projectbar{padding:24px 30px;display:flex;justify-content:space-between;align-items:center;gap:18px;background:#f9f7f0}.eyebrow{font:10px monospace;letter-spacing:1.5px;color:#6c796f;text-transform:uppercase}.title{font:32px Georgia,serif;border:0;background:transparent;color:inherit;width:min(620px,50vw);padding:0}.badge{font:11px monospace;padding:10px 14px;border-radius:20px;white-space:nowrap}.good{background:#e1eadc;color:#395c3c}.bad{background:#f2ded3;color:#8e482e}.workspace{display:grid;grid-template-columns:320px minmax(0,1fr);border-top:1px solid #cfd2c6}aside{padding:18px;background:#faf8f1;border-right:1px solid #cfd2c6}nav{display:flex;border-bottom:1px solid #ddd;padding-bottom:12px;gap:4px}nav button{border:0;background:none;text-transform:capitalize}nav button[aria-pressed=true]{background:#e7ebdf;font-weight:700}.sectionhead{display:flex;justify-content:space-between;align-items:center;margin:14px 0}h2{font:22px Georgia,serif;font-weight:400;margin:10px 0}h3{font:18px Georgia,serif}.sectionhead span{font:11px monospace;color:#75816f}.station{display:flex;align-items:center;width:100%;text-align:left;gap:12px;margin-bottom:6px;border-color:transparent;background:none}.station.selected{background:#e8ecdf;border-color:#c2cbb7}.station span:last-child{margin-left:auto}.station small{display:block;color:#7c8578;font-size:10px;margin-top:5px;text-transform:uppercase;letter-spacing:1px}.num{font:12px monospace;color:#a27a4b}.inline{display:flex;gap:6px;align-items:center}.inline input{width:62px}.inline select{flex:1}.editor{border-top:1px solid #d9dccf;margin-top:20px;padding-top:12px}label{display:block;font-size:11px;font-weight:700;margin:14px 0}input:not([type=color]),textarea,select{width:100%;padding:9px;background:#fffdf6;border:1px solid #cbd0c3;border-radius:4px;color:#2c4037;margin-top:5px}textarea{resize:vertical;min-height:62px}label small{display:block;font-weight:400;line-height:1.5;color:#7a8276;margin-top:6px}.pair{display:flex;gap:12px}.pair label{flex:1}.quiet{border:0;background:none;font-size:11px;padding:12px 0}.danger{color:#93543c}details{margin-top:18px;font-size:12px}summary{cursor:pointer;padding:10px 0;font-weight:700}.edge{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #e3e5dc;padding:4px}.edge button{padding:4px 8px}.strand{display:flex;align-items:center;gap:8px;margin:8px 0}.strand input[type=color]{border:0;background:transparent;width:35px;height:32px;flex-shrink:0}.strand b{font:11px monospace}.strand input{min-width:0}main{min-width:0;padding:0 28px 28px;background:radial-gradient(#d8dacc 1px,transparent 1px);background-size:16px 16px}.canvasbar{display:flex;justify-content:space-between;align-items:center;padding:16px 0;font:10px monospace;color:#708075}.canvasbar button{font:11px Arial}.dot{display:inline-block;background:#bf9568;width:6px;height:6px;border-radius:50%;margin-right:8px}.canvas{border:1px solid #d5d6c7;box-shadow:0 6px 24px #253d3310;background:#f4f0e5;border-radius:6px;overflow:auto}.canvas svg{display:block;width:100%;min-width:650px;max-height:850px}.legend{display:flex;flex-wrap:wrap;gap:16px;padding:20px;font-size:11px;justify-content:center}.legend i{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:5px}.conservation{display:flex;gap:20px;background:#f9f8ef;padding:18px 22px;border:1px solid #cfd4c3;border-radius:6px}.conservation p{font-size:12px;line-height:1.6;max-width:550px}.conservation ul{font:11px monospace;line-height:1.8;color:#945438;max-height:240px;overflow:auto}.flow{background:#f9f8ef;padding:0 20px 8px}.flow p{font:11px monospace;line-height:1.6}footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:17px 26px;border-top:1px solid #cbd0c0;background:#f9f7ee;flex-wrap:wrap}.studies{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.studies>span{font:9px monospace;letter-spacing:1px;margin-right:10px}.studies button{font-size:11px}.status{padding:10px 26px;background:#e3e8da;font:11px monospace}.privacy{padding:0 26px 18px;margin-top:0}.privacy p{max-width:850px;line-height:1.6}aside p,aside li{font-size:12px;line-height:1.7}aside ol{padding-left:20px}.title{border:0!important;background:transparent!important}footer .inline input{width:62px}@media(max-width:950px){header{flex-wrap:wrap}.workspace{grid-template-columns:280px minmax(0,1fr)}main{padding:0 12px 20px}.conservation{display:block}.title{font-size:26px}}@media(max-width:700px){.workspace{display:flex;flex-direction:column}aside{border-right:0}.nodes{display:grid;grid-template-columns:1fr 1fr}.projectbar{align-items:flex-start;flex-direction:column;padding:20px}.title{width:85vw}header{padding:18px}.actions{flex-wrap:wrap}.canvas svg{min-width:600px}.canvas{max-height:650px}.conservation{margin-top:10px}.brand strong{font-size:22px}.privacy{padding:0 18px 16px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}@media print{header,aside,footer,.status,.privacy,.canvasbar button{display:none}.workspace{display:block}main{padding:0}.canvas svg{min-width:0}.canvas{border:0;box-shadow:none}.projectbar{padding:0}.title{width:100%}.badge{display:none}}.station strong,.legend span,.flow p,.title{white-space:pre-wrap;overflow-wrap:anywhere}.protection{background:#f4dfc9;color:#793c24;padding:14px 26px;line-height:1.6}.protection[hidden]{display:none}