/* Minimal theme, dark mặc định, .light để chuyển sáng. Tương thích Safari cũ. */
body { margin:0; background:#0b0e14; color:#e6e9ee; font-family: Helvetica, Arial, sans-serif; font-size:15px; }
body.light { background:#f5f6f8; color:#14181f; }
#wrap { max-width:680px; margin:0 auto; padding:16px 12px 28px; }
#header { text-align:center; padding:14px 8px 6px; position:relative; }
#header h1 { margin:0 0 4px; font-size:23px; font-weight:600; letter-spacing:.2px; }
#header p { color:#8b93a1; margin:4px 0; }
body.light #header p { color:#5b6472; }
#themeBtn { position:absolute; right:4px; top:8px; color:#8b93a1; text-decoration:none; font-size:13px; padding:6px 8px; }
.addrow { margin:12px 0 4px; }
.btn { display:inline-block; padding:9px 14px; border-radius:999px; background:transparent; color:#e6e9ee; text-decoration:none; border:1px solid #2c3342; margin:2px; font-size:14px; }
body.light .btn { color:#14181f; border-color:#c9ced8; }
.btn-main { background:#2563eb; border-color:#2563eb; color:#fff; }
.btn-install { background:#16a34a; border-color:#16a34a; color:#fff; font-weight:bold; padding:8px 13px; }
#toolbar { margin:10px 0; }
#q { width:96%; padding:10px 12px; font-size:16px; border-radius:10px; border:1px solid #2c3342; background:#12161f; color:#e6e9ee; }
body.light #q { background:#fff; border-color:#c9ced8; color:#14181f; }
.chips { margin:9px 0 2px; text-align:center; }
.chip { display:inline-block; padding:6px 11px; margin:2px; border-radius:999px; color:#9aa3b2; text-decoration:none; font-size:14px; border:1px solid transparent; }
.chip.on { color:#fff; background:#2563eb; }
body.light .chip { color:#4b5563; }
body.light .chip.on { color:#fff; }
.ioslabel { color:#8b93a1; font-size:13px; }
.card { border-bottom:1px solid #1e2430; padding:12px 2px; overflow:hidden; }
body.light .card { border-bottom-color:#e2e5ea; }
.card img { width:52px; height:52px; border-radius:11px; float:left; margin-right:11px; background:#1a1f2a; }
.card h3 { margin:1px 0 2px; font-size:16px; font-weight:600; }
.card .meta { color:#8b93a1; font-size:13px; }
.card .desc { color:#a7aeba; margin:5px 0 2px; font-size:14px; }
body.light .card .desc { color:#4b5563; }
.card .btn { float:right; }
.badge { display:inline-block; background:#1f2a3d; color:#7cc4ff; border-radius:6px; padding:1px 6px; font-size:12px; margin-left:4px; }
body.light .badge { background:#e3ecfd; color:#1d4ed8; }
.badge.star { background:#3a2f10; color:#facc15; }
body.light .badge.star { background:#fef3c7; color:#92400e; }
.empty { text-align:center; color:#8b93a1; padding:26px; }
#about { margin-top:26px; border-top:1px solid #1e2430; padding-top:14px; }
body.light #about { border-top-color:#e2e5ea; }
#about h2 { font-size:17px; margin:0 0 8px; }
#about p { color:#9aa3b2; font-size:14px; line-height:1.5; }
body.light #about p { color:#4b5563; }
.mono { font-family: monospace; word-break:break-all; }
#footer { text-align:center; color:#5f6774; font-size:12px; padding:18px 0 0; }