*{box-sizing:border-box;margin:0;padding:0}:root{--bg:#fff;--surface:#f5f5f5;--surface-hover:#ebebeb;--border:#e5e5e5;--text:#1a1a1a;--text-muted:#999;--accent:#007aff;--accent-hover:#0066d6;--claude-bg:#fafafa;--claude-border:#ebebeb;--claude-name:#555;--system:#ccc;--directed-bg:#e8f4fd;--directed-text:#007aff;--highlight-bg:#e8f4fd;--highlight-text:#007aff}html,body,#root{height:100dvh}body{color:var(--text);background:#f0f0f0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}#root{background:var(--bg);flex-direction:column;max-width:520px;margin:0 auto;display:flex}button{cursor:pointer;border:none;border-radius:8px;padding:10px 20px;font-size:1rem;font-weight:500;transition:background .15s}button.primary{background:var(--accent);color:#fff}button.primary:hover{background:var(--accent-hover)}button.primary:disabled{opacity:.5;cursor:not-allowed}button.secondary{background:var(--surface);color:var(--text);border:1px solid var(--border)}button.secondary:hover{background:var(--surface-hover)}input{background:var(--surface);border:1px solid var(--border);color:var(--text);border-radius:8px;outline:none;width:100%;padding:10px 14px;font-size:1rem}input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #007aff1a}input::placeholder{color:var(--text-muted)}