:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400}body{margin:0}.app{font-family:system-ui,-apple-system,Roboto,sans-serif;min-height:100vh;padding:16px;transition:background .3s,color .3s}.app.light{background:#fdfdfd;color:#111}.app.dark{background:#1c1c1c;color:#eee}h2{margin-top:0}.buttons{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:16px}.btn{padding:10px 16px;border-radius:12px;border:none;font-size:15px;font-weight:500;cursor:pointer;box-shadow:0 2px 5px #0000001a;transition:background .2s,transform .1s}.app.light .btn{background:#fff;color:#111}.app.dark .btn{background:#2a2a2a;color:#eee}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(1px);opacity:.85}.card{border-radius:12px;padding:12px;margin-bottom:12px;font-size:14px}.app.light .card{background:#fafafa;border:1px solid #ddd}.app.dark .card{background:#2a2a2a;border:1px solid #444}.avatar{width:64px;height:64px;border-radius:12px;object-fit:cover;margin-bottom:8px}.no-avatar{margin-bottom:8px;opacity:.6}