:root{--bg: #0f1115;--panel: #171a21;--border: #262b36;--text: #e6e8ec;--muted: #8b93a3;--accent: #5b8cff;--user: #2a3350}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:var(--bg);color:var(--text)}.center{min-height:100vh;display:grid;place-items:center;padding:1rem}.card{width:100%;max-width:340px;background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:1.5rem;display:flex;flex-direction:column;gap:.75rem}.card h1{margin:0;font-size:1.5rem}input,select{background:#0d0f14;border:1px solid var(--border);color:var(--text);border-radius:8px;padding:.6rem .7rem;font-size:.95rem}button{background:var(--accent);color:#fff;border:none;border-radius:8px;padding:.6rem .9rem;font-size:.95rem;cursor:pointer}button:disabled{opacity:.5;cursor:default}button.link{background:none;color:var(--muted);padding:.2rem;font-size:.85rem}.muted{color:var(--muted)}.error{color:#ff6b6b;font-size:.85rem;margin:0}.app{max-width:760px;margin:0 auto;height:100vh;display:flex;flex-direction:column}header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;row-gap:.5rem;padding:.8rem 1rem;border-bottom:1px solid var(--border)}.row{display:flex;align-items:center;flex-wrap:wrap;gap:.6rem}.transcript{flex:1;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:.75rem}.msg{display:flex}.msg.user{justify-content:flex-end}.bubble{max-width:84%;padding:.65rem .95rem;border-radius:14px;line-height:1.5;background:var(--panel);border:1px solid var(--border);box-shadow:0 1px 2px #00000026}.msg.user .bubble{background:var(--user);border-color:#34406b;white-space:pre-wrap}.cursor{display:inline-block;width:.5em;height:1em;margin-left:2px;background:var(--muted);vertical-align:text-bottom;animation:blink 1s step-start infinite}@keyframes blink{50%{opacity:0}}.md{line-height:1.6}.md>*:first-child{margin-top:0}.md>*:last-child{margin-bottom:0}.md p{margin:0 0 .7em}.md ul,.md ol{margin:0 0 .7em;padding-left:1.3em}.md li{margin:.25em 0}.md li>p{margin:0}.md h1,.md h2,.md h3{margin:.9em 0 .4em;line-height:1.3;font-weight:600}.md h1{font-size:1.15rem}.md h2{font-size:1.08rem}.md h3{font-size:1.02rem}.md strong{color:#fff;font-weight:600}.md a{color:var(--accent);text-decoration:underline;text-underline-offset:2px}.md code{background:#ffffff14;padding:.1em .35em;border-radius:5px;font-size:.88em;font-family:SF Mono,Menlo,Consolas,monospace}.md pre{background:#0a0c10;border:1px solid var(--border);border-radius:10px;padding:.75em .9em;overflow-x:auto;margin:.5em 0 .8em}.md pre code{background:none;padding:0;font-size:.85em}.md blockquote{margin:.5em 0 .8em;padding:.1em 0 .1em .8em;border-left:3px solid var(--accent);color:var(--muted);font-style:italic}.md hr{border:none;border-top:1px solid var(--border);margin:.9em 0}.md table{display:block;overflow-x:auto;border-collapse:collapse;margin:.5em 0 .8em;font-size:.9em}.md th,.md td{border:1px solid var(--border);padding:.4em .6em;text-align:left}.md th{background:#ffffff0a}.composer{display:flex;gap:.6rem;padding:.8rem 1rem;border-top:1px solid var(--border)}.composer input{flex:1}.tabs{display:flex;flex-wrap:wrap;gap:.25rem}.tab{background:none;color:var(--muted);padding:.4rem .7rem;border-radius:8px;font-size:.9rem}.tab.active{background:var(--panel);color:var(--text);border:1px solid var(--border)}.subbar{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;padding:.6rem 1rem;border-bottom:1px solid var(--border)}.panel{flex:1;overflow-y:auto;padding:1.25rem;max-width:640px;width:100%;margin:0 auto}.panel h2{margin-top:0}.pad{padding:0 1rem}.small{font-size:.82rem}.col{display:flex;flex-direction:column;gap:.6rem}textarea{background:#0d0f14;border:1px solid var(--border);color:var(--text);border-radius:8px;padding:.6rem .7rem;font-size:.95rem;font-family:inherit;resize:vertical}.list{list-style:none;padding:0;margin:0 0 1rem;display:flex;flex-direction:column;gap:.5rem}.list-item{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.5rem;padding:.7rem .85rem;background:var(--panel);border:1px solid var(--border);border-radius:10px}.addrow{gap:.6rem}.reccard{margin-top:1rem;padding:1rem;background:var(--panel);border:1px solid var(--border);border-radius:12px;display:flex;flex-direction:column;gap:.5rem}button.secondary{background:transparent;color:var(--text);border:1px solid var(--border)}.row.spread{justify-content:space-between}.badge{margin-left:.5rem;font-size:.7rem;padding:.1rem .4rem;border-radius:6px;background:var(--user);border:1px solid #34406b;color:var(--text);vertical-align:middle}.createform{padding:1rem;margin-bottom:1rem;background:var(--panel);border:1px solid var(--border);border-radius:12px}.list-item-col{padding:.7rem .85rem;background:var(--panel);border:1px solid var(--border);border-radius:10px;display:flex;flex-direction:column;gap:.6rem}.sharepanel{padding-top:.6rem;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:.5rem}.sharepanel .list-item{padding:.4rem .6rem}.clickable{cursor:pointer}@media(max-width:480px){header{padding:.6rem .75rem}.panel{padding:.85rem}.transcript{padding:.75rem}.subbar{padding:.5rem .75rem}.composer{padding:.6rem .75rem}.bubble{max-width:92%}}