:root{font-family:system-ui,-apple-system,'Segoe UI',sans-serif;color:#243847;background:#ccdfe5;font-synthesis:none;font-size:15px}*{box-sizing:border-box}body{margin:0;min-height:100vh}.sky{position:fixed;inset:0;z-index:-1;background:radial-gradient(ellipse at 78% 14%,#fff3dccc 0,transparent 31%),radial-gradient(ellipse at 18% 46%,#f6fafbba 0,transparent 48%),linear-gradient(160deg,#b3d0e0 0%,#dce9e9 50%,#ebd8bd 100%)}#shell{max-width:1080px;margin:auto;padding:40px 36px 20px}header{display:flex;justify-content:space-between;align-items:center}.eyebrow{letter-spacing:.2em;font-size:10px;font-weight:650;color:#536977}h1{font-family:Georgia,serif;font-size:40px;font-weight:400;margin:8px 0}.sun{font-family:system-ui;color:#98734a;margin-left:16px;font-size:30px}h2{font-family:Georgia,serif;font-weight:400;font-size:30px;margin:14px 0}h3{font-size:16px;margin:0 0 12px}p{line-height:1.6}#connection{font-size:12px;color:#526572;margin:9px 0 24px}nav{display:flex;gap:8px;border-bottom:1px solid #708c9928;padding-bottom:16px;overflow:auto}button{border:0;border-radius:12px;background:#304f60;color:white;padding:12px 18px;cursor:pointer;font:inherit;font-weight:550;min-height:44px}button:hover{filter:brightness(1.08)}button:disabled{opacity:.5;cursor:wait}button.secondary,nav button{background:#ffffff66;color:#304a5b}nav button.active{background:#304f60;color:white}.icon{background:#ffffff55;color:#304a5b;width:46px;padding:10px}.row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.spread{justify-content:space-between}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:20px 0}.card{border:1px solid #ffffffba;background:#f9fcfd91;border-radius:20px;padding:22px;box-shadow:0 6px 24px #304f6005;overflow-wrap:anywhere}.card p{margin:8px 0}.muted{color:#536a78;font-size:13px}.badge{display:inline-block;font-size:11px;padding:5px 8px;border-radius:6px;background:#dfebdf;color:#365741}.badge.pending,.badge.unknown,.badge.failed{background:#f5e2c4;color:#805b29}.empty{text-align:center;padding:44px 20px;color:#536a78}.empty strong{display:block;font-family:Georgia,serif;font-weight:400;font-size:28px;color:#304f60;margin-bottom:10px}main{min-height:490px;padding-top:20px}input,textarea,select{font:inherit;padding:13px;border:1px solid #a7bac280;border-radius:10px;background:#ffffffc7;color:#243847;width:100%;margin:6px 0 14px}textarea{resize:vertical;min-height:90px}label{display:block;font-size:13px;margin-top:8px}input[type=checkbox]{width:20px;margin:0 12px 0 0;height:20px}footer{text-align:center;font-size:11px;color:#617581;margin:26px 0}.message{padding:18px 20px;border-radius:18px;background:#f9fcfdba;margin:12px 0;max-width:90%;white-space:pre-wrap;line-height:1.65;overflow-wrap:anywhere}.message.user{background:#304f60;color:#fff;margin-left:auto;max-width:80%}.message b{display:block;font-size:10px;letter-spacing:.12em;text-transform:uppercase;margin-bottom:6px;opacity:.65}#messages{max-height:53vh;overflow:auto;padding-right:4px}#composer{display:flex;gap:10px;align-items:flex-end;margin-top:18px}#composer textarea{margin:0;min-height:52px;max-height:160px}.intro{max-width:530px;margin:60px auto;text-align:center}.intro h2{font-size:38px}.prompt{font-size:13px;background:#ffffff99;color:#304f60}.tools{display:flex;gap:6px;margin:12px 0}.pre{white-space:pre-wrap;word-break:break-word;font:12px/1.5 ui-monospace,monospace;max-height:260px;overflow:auto;background:#ffffff88;padding:12px;border-radius:10px}dialog{width:min(94vw,620px);border:1px solid #dbe6e8;border-radius:22px;padding:26px;color:#243847;background:#f0f6f6;max-height:90vh}dialog::backdrop{background:#18344666;backdrop-filter:blur(4px)}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);max-width:90vw;padding:14px 22px;background:#243847;color:white;border-radius:12px;display:none;z-index:10}.check{display:flex;align-items:center;padding:10px 0;border-bottom:1px solid #53697718}.check.done span{text-decoration:line-through;opacity:.6}.danger{background:#845b50}.small{font-size:12px;padding:8px 12px}.hero{margin:8px 0 24px}.hero p{color:#536a78}.stack>*+*{margin-top:12px}:focus-visible{outline:3px solid #a06c36;outline-offset:3px}@media(max-width:650px){#shell{padding:24px 18px 12px}h1{font-size:34px}.grid{grid-template-columns:1fr}nav{gap:6px}nav button{padding:10px 13px;font-size:13px}.card{padding:18px}.intro{margin:40px auto}.intro h2{font-size:32px}#messages{max-height:50vh}main{min-height:55vh}button{padding:11px 15px}.eyebrow{font-size:9px}}