:root{font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,Arial,sans-serif;line-height:1.5;font-weight:400;--color-primary: #ff6b4a;--color-primary-dark: #e85a3a;--color-secondary: #ff4081;--color-bg: #ffffff;--color-surface: #f5f5f5;--color-card: #ffffff;--color-text: #000000;--color-muted: #666666;--color-border: #e0e0e0;--color-danger: #ef4444;--color-danger-bg: #fef2f2;--color-focus: #3b82f6}html[data-theme=dark]{--color-primary: #ff6b4a;--color-primary-dark: #e85a3a;--color-secondary: #ff4081;--color-bg: #121212;--color-surface: #1e1e1e;--color-card: #2c2c2c;--color-text: #ffffff;--color-muted: #b0b0b0;--color-border: #3a3a3a;--color-danger: #ef4444;--color-danger-bg: #2a1717;--color-focus: #3b82f6}*{box-sizing:border-box}body{margin:0;min-height:100vh;color:var(--color-text);background:var(--color-bg)}a{color:inherit}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}button,input,select{font:inherit}.shell{min-height:100vh;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;gap:16px;padding:12px 16px;border-bottom:1px solid var(--color-border);background:var(--color-card)}.topbar .who label{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border:1px solid var(--color-border);border-radius:12px;background:var(--color-surface)}.topbar select{border:1px solid var(--color-border);border-radius:10px;padding:6px 30px 6px 10px;background-color:var(--color-card);color:var(--color-text);cursor:pointer;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--color-muted) 50%),linear-gradient(135deg,var(--color-muted) 50%,transparent 50%);background-position:right 14px top 52%,right 8px top 52%;background-size:6px 6px,6px 6px;background-repeat:no-repeat}.topbar select:hover{border-color:color-mix(in srgb,var(--color-primary) 45%,var(--color-border))}.brand{font-weight:700;text-decoration:none}.nav{display:flex;gap:12px}.nav a{text-decoration:none;padding:6px 10px;border-radius:8px}.nav a.active{background:color-mix(in srgb,var(--color-primary) 16%,transparent)}.spacer{flex:1}.who{display:flex;align-items:center;gap:10px}.content{padding:16px}.page{min-height:100vh;display:grid;place-items:center;padding:24px}.card{width:100%;max-width:420px;background:var(--color-card);border:1px solid var(--color-border);border-radius:12px;padding:16px;display:grid;gap:12px}label{display:grid;gap:6px}input{border:1px solid var(--color-border);border-radius:10px;padding:10px 12px;background:var(--color-card);color:var(--color-text)}button{border:1px solid var(--color-border);border-radius:10px;padding:10px 12px;background:var(--color-card);color:var(--color-text);cursor:pointer}button:hover:not(:disabled){border-color:color-mix(in srgb,var(--color-primary) 45%,var(--color-border))}button:disabled{opacity:.6;cursor:not-allowed}.row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.muted{color:var(--color-muted)}.error{color:var(--color-danger);background:var(--color-danger-bg);border:1px solid color-mix(in srgb,var(--color-danger) 35%,var(--color-border));border-radius:12px;padding:10px 12px}.tabs{display:flex;gap:8px;margin:12px 0}.tabs button.active{background:color-mix(in srgb,var(--color-primary) 16%,transparent);border-color:color-mix(in srgb,var(--color-primary) 55%,var(--color-border))}.table{background:var(--color-card);border:1px solid var(--color-border);border-radius:12px;overflow:hidden}.thead,.trow{display:grid;grid-template-columns:2fr 1fr 2fr 1.2fr 1fr;gap:10px;padding:10px 12px;align-items:center}.thead{font-weight:700;background:var(--color-surface);border-bottom:1px solid var(--color-border)}.trow{border-bottom:1px solid color-mix(in srgb,var(--color-border) 55%,transparent)}.trow:last-child{border-bottom:0}.actions{display:flex;gap:8px;align-items:center;justify-content:flex-end}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.messages{display:grid;gap:10px}.message{background:var(--color-card);border:1px solid var(--color-border);border-radius:12px;padding:12px}.meta{display:flex;gap:10px;align-items:center;justify-content:space-between;margin-bottom:8px}.bubble{white-space:pre-wrap}