:root{color-scheme:dark;font:15px/1.7 -apple-system,BlinkMacSystemFont,"Hiragino Sans",sans-serif;color:#e8f5fc;background:#071422;--muted:#a5bfce;--line:#8dc7e52c;--cyan:#9cecff}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 100% 8%,#534a872b,transparent 40%),radial-gradient(ellipse at 0 35%,#146b8b26,transparent 50%)}main{width:min(100%,650px);margin:auto;padding:20px 18px calc(32px + env(safe-area-inset-bottom))}header{display:flex;align-items:center;gap:12px;padding:7px 0 22px}.emblem{display:grid;place-items:center;width:43px;height:43px;flex:none;border:1px solid #a8e7ff73;border-radius:14px;font-size:25px;font-weight:300;color:var(--cyan);box-shadow:inset 0 0 20px #4db5e41b}h1{font-size:18px;letter-spacing:.05em;margin:0}h2{font-size:19px;margin:0 0 12px;font-weight:600}.eyebrow{font-size:9px;letter-spacing:.2em;color:var(--cyan);margin:0 0 4px}.badge{font-size:11px;color:#d6c8ff;background:#a08ae51c;border:1px solid #b6a3ed3d;border-radius:20px;padding:4px 10px;white-space:nowrap}header .badge{margin-left:auto}.intro{padding:22px 4px 30px}.intro h2{font-size:34px;line-height:1.4;letter-spacing:.02em;font-weight:400;margin:10px 0}.intro>p:not(.eyebrow){color:var(--muted);font-size:13px}.crew{display:flex;flex-wrap:wrap;gap:8px;margin-top:23px}.crew>span{border:1px solid var(--line);border-radius:8px;font-size:12px;padding:7px 10px}.crew small{display:block;color:var(--muted);font-size:10px}.notice{border-left:2px solid #b7a6ed;padding:12px 15px;background:#8873b010;border-radius:0 12px 12px 0;margin:0 0 24px}.notice strong{font-size:13px}.notice p,.hint,.input-meta,.empty{font-size:12px;color:var(--muted)}.notice p{margin:5px 0 0}.panel{border:1px solid var(--line);border-radius:18px;background:linear-gradient(135deg,#b7def309,#09172680);padding:19px 17px;margin:16px 0;min-width:0;box-shadow:0 12px 30px #0002}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.section-heading h2{margin:0}.section-heading+.hint{margin-top:12px}p{overflow-wrap:anywhere}button,textarea{font:inherit}button,a{touch-action:manipulation}button{border:1px solid #92d9f75c;border-radius:11px;padding:11px 16px;min-height:44px;background:#8cd9ff13;color:#e8f8ff;cursor:pointer}button:disabled{opacity:.45;cursor:default}button:focus-visible,a:focus-visible,textarea:focus-visible{outline:2px solid #a7edff;outline-offset:3px}a{color:var(--cyan);text-underline-offset:4px}label{font-size:13px;display:block;margin-bottom:8px}textarea{display:block;resize:vertical;min-height:140px;width:100%;border:1px solid #94cbdf50;border-radius:12px;padding:13px;background:#020c1599;color:#edfaff;line-height:1.8;font-size:16px}textarea:read-only{opacity:.75}textarea[aria-invalid=true]{border-color:#ffbd9d}.input-meta{display:flex;gap:10px;justify-content:space-between;margin:8px 0 16px;font-size:11px}.input-meta #goalCounter{white-space:nowrap;font-variant-numeric:tabular-nums}#submit,#newInstruction{width:100%}#submit{background:linear-gradient(125deg,#39769270,#4f4d8d66);font-weight:600}.secondary{margin-top:10px;background:transparent}.receipt{padding:14px;background:#89ddff08;border:1px solid #99d7f536;border-radius:12px;margin-top:16px}.receipt strong{font-size:14px}.receipt p{font-size:12px;margin:5px 0 10px}.receipt details{font-size:11px;color:var(--muted)}code{display:block;word-break:break-all;font-size:11px;margin-top:6px;font-family:ui-monospace,monospace}.records{list-style:none;padding:0;margin:12px 0 0}.records li{padding:14px 0;border-top:1px solid #a4cde21c}.record-top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.record-title{font-size:14px;font-weight:600}.record-state{color:var(--cyan);font-size:11px;white-space:nowrap}.record-phase{font-size:12px;color:var(--muted);margin:7px 0}.records details{font-size:11px;color:var(--muted)}.records summary{cursor:pointer}.empty{margin:12px 0 0}.warning{color:#ffcfab}footer{text-align:center;color:#829aa9;font-size:10px;margin-top:30px;line-height:1.9}#connectionMessage,#sourceMessage{font-size:13px}#refresh{padding:8px 13px;flex:none}[hidden]{display:none!important}@media(max-width:350px){main{padding-inline:12px}.panel{padding:17px 13px}.intro h2{font-size:30px}.input-meta{flex-wrap:wrap}.record-top{display:block}.record-state{display:block;margin-top:4px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
