:root{font:16px/1.55 system-ui,sans-serif;color:#e5ece8;background:#0d1518;color-scheme:dark}*{box-sizing:border-box}body{margin:0}header,main{max-width:1200px;margin:auto;padding:24px}header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #2b3a3d}.brand{font-size:36px;text-decoration:none}nav{display:flex;gap:22px}a{color:#a5e7c0}h1{font-size:clamp(34px,5vw,62px);line-height:1.1;letter-spacing:-.035em;margin:8px 0 20px}h2{margin:4px 0 20px;font-size:24px}.intro{font-size:20px;max-width:720px;color:#bbc9c6}.eyebrow{letter-spacing:.13em;font-size:12px;font-weight:700;color:#a5e7c0;margin:10px 0}.notice{border-left:3px solid #b59d6c;background:#222923;padding:14px 18px;color:#d6d9c8;font-size:14px}#health{color:#a5e7c0}#feedback{min-height:26px;color:#d2e2dc}#feedback.error{color:#ffb4a1}.layout{display:grid;grid-template-columns:340px minmax(0,1fr);gap:24px;margin-top:24px}.panel{border:1px solid #304043;border-radius:14px;padding:24px;background:#142024;min-width:0}label{display:block;font-size:14px;color:#c3d1cd;margin:12px 0}input,textarea,select{display:block;width:100%;max-width:100%;font:inherit;background:#0c171b;color:#eef5f0;border:1px solid #42585a;border-radius:7px;padding:11px;margin-top:7px}textarea{resize:vertical}button{font:600 14px/1.4 system-ui;background:#b5edc9;color:#13281d;border:1px solid transparent;border-radius:7px;padding:10px 15px;cursor:pointer;margin:4px 4px 4px 0}button:hover{filter:brightness(1.1)}button:disabled{opacity:.5;cursor:wait}.secondary{background:transparent;border-color:#59706e;color:#cbe4d9}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #edcf86;outline-offset:3px}.hint,footer{font-size:13px;color:#aebfba}details{margin:20px 0}summary{cursor:pointer;color:#cbe4d9}hr{border:0;border-top:1px solid #304043;margin:26px 0}.row{display:flex;justify-content:space-between;align-items:center;gap:10px}.conversation{display:flex;flex-direction:column}#messages{flex:1;min-height:230px;max-height:650px;overflow:auto;margin-bottom:20px}.message{border-top:1px solid #34474a;padding:18px 0}.message p{white-space:pre-wrap;overflow-wrap:anywhere}.meta{font-size:12px;color:#aebfba;overflow-wrap:anywhere}.message .actions button{padding:6px 10px;font-size:12px}.empty{padding:45px 10px;text-align:center;color:#94aaa3}#compose-mode{color:#a5e7c0;font-size:14px}footer{margin:32px 0;max-width:820px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}[hidden]{display:none!important}@media(max-width:760px){header,main{padding:18px}.layout{grid-template-columns:1fr}.panel{padding:20px}nav{gap:14px;font-size:13px}h1{margin-top:16px}.row{flex-wrap:wrap}#messages{max-height:none}}

#interactive-app{border:0;margin:0;padding:0;min-width:0}.access-guide{max-width:900px}.access-guide section{margin:36px 0}.access-guide code{overflow-wrap:anywhere}.access-guide li{margin:10px 0}nav{flex-wrap:wrap}header{gap:16px}

.work-guide{max-width:900px;overflow-wrap:anywhere}.work-guide section{margin:32px 0}.work-guide pre{white-space:pre-wrap;overflow-wrap:anywhere;padding:20px;background:#142024;border:1px solid #304043;border-radius:12px;font:inherit}.work-guide dt{color:#a5e7c0;font-weight:600}.work-guide dd{margin:8px 0 22px}.rune-alphabet{font-size:24px;letter-spacing:.12em}#work-composer{border:1px solid #42585a;border-radius:9px;padding:14px}#work-fields .hint{margin-top:0}#work-feedback{overflow-wrap:anywhere}