*{box-sizing:border-box}html{color-scheme:dark;background:#111827;color:#e5e7eb;font:16px system-ui,-apple-system,sans-serif}body{margin:0}button,input,select,textarea{font:inherit}button{min-height:44px;padding:10px 14px;border:1px solid #475569;border-radius:10px;background:#1e293b;color:inherit}button:disabled{opacity:.45}button.primary{background:#2563eb}button.danger{background:#7f1d1d}input,textarea,select{width:100%;padding:12px;background:#0f172a;color:inherit;border:1px solid #475569;border-radius:8px;font-size:16px}textarea{resize:vertical}#app{min-height:100dvh;padding:env(safe-area-inset-top) max(12px,env(safe-area-inset-right)) env(safe-area-inset-bottom) max(12px,env(safe-area-inset-left));display:flex;flex-direction:column}header{position:sticky;top:0;background:#111827;z-index:2;padding:10px 0;border-bottom:1px solid #334155;display:flex;justify-content:space-between;align-items:center;gap:8px}.status,.muted{color:#94a3b8;font-size:14px}.warning{color:#fbbf24}.error{color:#fca5a5;white-space:pre-wrap;overflow-wrap:anywhere}section{margin:12px 0;padding:12px;border:1px solid #334155;border-radius:12px}h1{font-size:20px;margin:0}h2{font-size:18px}h3{font-size:16px}.row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.row>*{flex:1}.session-list{display:grid;gap:8px;max-height:35dvh;overflow:auto}.session-list button{text-align:left;overflow-wrap:anywhere}.session-list .selected{border-color:#60a5fa;background:#1e3a5f}.chat{min-height:180px;height:45dvh;overflow:auto;overscroll-behavior:contain;overflow-anchor:none}.message{padding:12px 0;border-bottom:1px solid #334155;overflow-wrap:anywhere}.message pre,.detail{font:14px ui-monospace,monospace;white-space:pre-wrap;word-break:break-word;overflow-wrap:anywhere}.message .role{font-size:13px;color:#93c5fd}.composer{position:sticky;bottom:0;padding:10px 0 calc(10px + env(safe-area-inset-bottom));background:#111827}.composer textarea{min-height:80px;max-height:25dvh}.composer .row{margin-top:8px}label{display:block;margin:8px 0}.choice{display:flex;gap:10px;padding:10px;border:1px solid #475569;border-radius:8px}.choice input{width:22px;height:22px;flex:none}.choice small{display:block;color:#94a3b8}.question{border-color:#f59e0b}fieldset{border:none;padding:0;margin:0}.delivery{padding:8px 0;font-size:14px;color:#fbbf24;overflow-wrap:anywhere}.hidden{display:none}a{color:#93c5fd}@media(min-width:700px){#app{max-width:900px;margin:auto}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}