:root{font-family:Arial,sans-serif;color:#e8e7d9;background:#172624;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,summary,textarea{outline-offset:4px}button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,textarea:focus-visible{outline:2px solid #ffda91}button{cursor:pointer;background:#263b35;border:1px solid #506157;color:#ece9d8;border-radius:4px;padding:11px 12px;text-align:left;transition:background .15s,transform .15s}button:hover:not(:disabled){background:#3c5346;transform:translateY(-1px)}button:disabled{opacity:.4;cursor:not-allowed}header{min-height:100px;display:flex;align-items:center;justify-content:space-between;padding:24px 3vw;border-bottom:1px solid #425147;gap:20px}header>span,header small,small{font-size:10px;letter-spacing:1.5px;color:#a6b5aa}.brand{display:flex;align-items:center;gap:13px;font-size:35px;color:#edba75}.brand span{font-size:13px;letter-spacing:2px;line-height:1.35;color:#eee5cc}.workspace{display:grid;grid-template-columns:260px minmax(350px,1fr) 300px;min-height:calc(100dvh - 150px)}aside{padding:32px 24px;border-right:1px solid #425147}h1{font-family:Georgia,serif;font-size:49px;font-weight:400;line-height:1.06;letter-spacing:-2px;margin:28px 0}h1 em{color:#edba75}h2{font-family:Georgia,serif;font-weight:400;font-size:26px;margin:20px 0 10px}.intro,p{font-size:13px;line-height:1.65;color:#b8c2b7}.intro{margin-bottom:30px}label{display:block;font-size:11px;color:#c8d2c5;line-height:1.5;margin:15px 0}input,select,textarea{display:block;width:100%;background:#10201d;color:#e8e9db;border:1px solid #506157;padding:10px;border-radius:3px;margin-top:6px;min-width:0}input[type=range]{accent-color:#edba75;padding:0}input[type=color]{padding:3px;height:42px}textarea{height:160px;resize:vertical;font-family:monospace;font-size:11px}.chain-draft{height:60px}.row{display:flex;gap:8px}.row>*{flex:1;min-width:0}.studies{margin:35px 0}.studies button{display:flex;gap:12px;width:100%;border:0;border-bottom:1px solid #425147;background:transparent;padding:15px 0;font-family:Georgia,serif;font-size:14px}.studies button span{font-family:Arial;font-size:10px;color:#879b8b}.studies button b{margin-left:auto}.legend{font-size:11px;line-height:2.4;color:#b7c5b9}.legend i{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:8px}.positive{background:#edba75}.negative{background:#b7a8dc}.neutral{background:#819c93}.note{font-size:11px;color:#94a798}.stage{padding:30px 25px;min-width:0}.stage-head{display:flex;justify-content:space-between;gap:10px;font-size:9px;color:#91a291;letter-spacing:1px}.crown{display:block;width:100%;max-height:65dvh;min-height:300px;margin:6px auto;animation:arrive .7s ease-out}.view-controls{display:flex;gap:24px;max-width:450px;margin:auto}.view-controls label{flex:1}.metrics{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #425147;border-bottom:1px solid #425147;padding:20px 0;margin-top:12px}.metrics div{text-align:center}.metrics b{display:block;font-family:Georgia,serif;font-size:32px;font-weight:400;color:#edba75}.metrics span{font-size:8px;letter-spacing:1px}.status{min-height:40px;color:#e9c889;font-size:12px}.controls{border-right:0;border-left:1px solid #425147}.controls>button{width:100%;margin:5px 0}.primary{background:#deb27a;color:#182820;border-color:#deb27a;font-weight:600}.primary:hover:not(:disabled){background:#edc994}.chain-item{display:flex;align-items:center;gap:8px;border-bottom:1px solid #425147;padding:10px 0}.chain-item span{min-width:0;flex:1;overflow-wrap:anywhere}.chain-item strong{white-space:pre-wrap;font-size:12px;font-weight:400}.chain-item small{display:block;letter-spacing:0;font-size:10px;margin-top:4px}.chain-item button{padding:6px 10px}.vertex-note{font-size:11px;color:#edba75;line-height:1.7}details{border-top:1px solid #425147;margin-top:20px;padding-top:15px}summary{cursor:pointer;font-size:11px;color:#c4d1c4;padding:4px 0}details button{margin:6px 3px 3px 0}.degree-map>div{display:grid;grid-template-columns:repeat(auto-fit,minmax(46px,1fr));gap:5px;margin-top:16px}.degree-map button{padding:8px;text-align:center;margin:0}.degree-map button small{display:block;letter-spacing:0;font-size:8px}.degree-map button b{font-size:16px;display:block;margin:4px}.degree-map button span{font-size:9px;color:#edba75}.degree-map button[aria-pressed=true]{border-color:#edba75;background:#405147}footer{display:flex;justify-content:space-between;gap:20px;padding:18px 3vw;border-top:1px solid #425147;font-size:9px;letter-spacing:1px;color:#8ca08d}@keyframes arrive{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}@media(max-width:1100px){.workspace{grid-template-columns:220px minmax(300px,1fr)}.controls{grid-column:1/-1;display:block;border-top:1px solid #425147}.controls>label,.controls>button,.controls>details{max-width:700px}.crown{max-height:none}header>span{display:none}}@media(max-width:650px){.workspace{display:flex;flex-direction:column}.stage{order:-1;padding:20px 14px}aside{border-right:0;border-top:1px solid #425147}h1{font-size:42px}.crown{min-height:0}.stage-head{flex-wrap:wrap}header{padding:20px}header small{display:none}footer{flex-direction:column}.metrics span{font-size:7px}input,select,textarea{font-size:16px}}