*{box-sizing:border-box}html,body{margin:0;background:#090b10;color:#f5f7fb;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text",system-ui,sans-serif;height:100%}body{min-height:100dvh}.app{height:100dvh;max-width:760px;margin:auto;display:grid;grid-template-rows:auto 1fr auto;background:radial-gradient(circle at top,#151b28 0,#090b10 35%)}header{padding:max(18px,env(safe-area-inset-top)) 18px 12px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #202633}header strong{display:block;letter-spacing:.18em}header span{font-size:12px;color:#7ee2a8}header button{background:none;border:0;color:#aab2c2;font-size:20px}.messages{overflow:auto;padding:22px 16px 28px}.message{max-width:88%;margin:0 0 16px;padding:12px 14px;border-radius:18px;background:#171c27;border:1px solid #242c3b}.message.user{margin-left:auto;background:#202a3b}.message small{color:#8490a6;font-size:10px;letter-spacing:.12em}.message p{margin:5px 0 0;white-space:pre-wrap;line-height:1.42}#composer{display:grid;grid-template-columns:1fr 46px;gap:8px;padding:10px 12px max(12px,env(safe-area-inset-bottom));background:#0d1017;border-top:1px solid #202633}textarea{resize:none;max-height:140px;border:1px solid #2a3242;border-radius:18px;background:#151a24;color:#fff;padding:13px 14px;font:inherit;outline:none}#send{border:0;border-radius:50%;background:#f1f4f9;color:#0b0d12;font-size:22px}dialog{width:min(92vw,440px);border:1px solid #30394a;border-radius:20px;background:#121722;color:#fff;padding:20px}dialog::backdrop{background:#000a}dialog label{display:block;margin:14px 0;font-size:13px;color:#aab2c2}dialog input{display:block;width:100%;margin-top:6px;padding:12px;border-radius:10px;border:1px solid #30394a;background:#090c12;color:#fff}.hint{font-size:12px;color:#818b9d;line-height:1.4}menu{display:flex;justify-content:flex-end;gap:8px;padding:0}menu button{padding:10px 14px;border-radius:10px;border:1px solid #30394a;background:#1b2230;color:#fff}
.content{margin-top:5px;white-space:normal;line-height:1.5}.content strong{font-weight:700}.content code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;background:#0c1018;border:1px solid #293244;border-radius:6px;padding:1px 5px;font-size:.92em}.content h1,.content h2,.content h3{margin:14px 0 6px;line-height:1.25}.content h1{font-size:1.25em}.content h2{font-size:1.16em}.content h3{font-size:1.08em}.content .bullet{display:block;margin:4px 0}#send:disabled{opacity:.45}textarea:focus{border-color:#56657f}
.header-actions{display:flex;align-items:center;gap:12px}.header-actions button{font-size:10px;letter-spacing:.08em;border:1px solid #2c3546;border-radius:9px;padding:7px 9px;background:#141a25;color:#b9c3d5}.inspector-head{display:flex;justify-content:space-between;align-items:center}.inspector-head h2{margin:0}.inspector-head button{border:0;background:none;color:#fff;font-size:26px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:18px 0}.stats div{background:#0c1018;border:1px solid #293244;border-radius:12px;padding:12px;text-align:center}.stats b{display:block;font-size:22px}.stats span{font-size:10px;color:#8792a7}.cap-list{padding-left:18px}.cap-list li{margin:12px 0}.cap-list span{color:#aab3c3;font-size:13px}#inspector{max-height:80dvh;overflow:auto}