:root{color-scheme:light dark;--bg:var(--tg-theme-bg-color,#0d1117);--card:var(--tg-theme-secondary-bg-color,#161b22);--text:var(--tg-theme-text-color,#f0f3f6);--muted:var(--tg-theme-hint-color,#8b949e);--accent:var(--tg-theme-button-color,#2f81f7);--accentText:var(--tg-theme-button-text-color,#fff);--danger:#f85149}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.45 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}main{max-width:720px;margin:auto;padding:18px 16px calc(32px + env(safe-area-inset-bottom))}
header,.brand,.status-row,.section-title{display:flex;align-items:center}header,.section-title{justify-content:space-between}.brand{gap:10px}.brand div{display:flex;flex-direction:column}.brand small,.muted,.connection,#elapsed,.notice,#queue{color:var(--muted)}.mark{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:linear-gradient(145deg,#68a9ff,#7c5cff);color:white;font-weight:800;font-size:20px}.connection{font-size:12px}
nav{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;background:var(--card);padding:4px;border-radius:14px;margin-top:16px}.nav-item{padding:9px 6px;margin:0;background:transparent;color:var(--muted);font-size:13px}.nav-item.active{background:var(--accent);color:var(--accentText)}.panel{display:none}.panel.active{display:block}
section{background:var(--card);border-radius:18px;padding:18px;margin-top:16px;box-shadow:0 8px 32px #0002}.hero{min-height:190px}.status-row{gap:8px;color:var(--muted);font-size:13px}.pulse{width:10px;height:10px;border-radius:50%;background:#3fb950;box-shadow:0 0 0 0 #3fb95080}.working .pulse{animation:pulse 1.5s infinite;background:#f0b429}@keyframes pulse{70%{box-shadow:0 0 0 10px transparent}}
h1{font-size:24px;line-height:1.2;margin:16px 0 8px}h2{font-size:16px;margin:0 0 12px}.active{padding:12px;border-radius:12px;background:#ffffff0a;margin:14px 0;white-space:pre-wrap}
textarea{width:100%;resize:vertical;border:1px solid #ffffff20;border-radius:12px;background:var(--bg);color:var(--text);padding:12px;font:inherit;outline:none}textarea:focus{border-color:var(--accent)}button{width:100%;border:0;border-radius:12px;padding:13px;margin-top:10px;font:600 15px inherit;cursor:pointer}.primary{background:var(--accent);color:var(--accentText)}.danger{background:#f8514920;color:#ff7b72}.hidden{display:none}
.history{display:grid;gap:10px}.item{border-top:1px solid #ffffff12;padding-top:10px}.item:first-child{border-top:0}.item b{display:block}.item small{color:var(--muted)}.result-success{color:#3fb950}.result-error,.result-timeout{color:#ff7b72}
.activity{display:grid;gap:0;max-height:52vh;overflow:auto;padding-left:4px}.event{position:relative;padding:0 0 18px 34px}.event:before{content:"";position:absolute;left:11px;top:22px;bottom:0;width:1px;background:#ffffff18}.event:last-child:before{display:none}.event-icon{position:absolute;left:0;top:0;display:grid;place-items:center;width:23px;height:23px;border-radius:7px;background:var(--bg);font-size:12px}.event b{display:block;font-size:14px}.event p{margin:3px 0 0;color:var(--muted);font:12px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;white-space:pre-wrap;word-break:break-word}.event time{font-size:11px;color:var(--muted)}#event-count{color:var(--muted);font-size:12px}.activity-section{padding-bottom:4px}