/* Extracted verbatim from the original index.html (chooser). */
* { box-sizing: border-box; margin: 0; padding: 0; }
body { font-family: 'Noto Nastaliq Urdu','Jameel Noori Nastaleeq','Segoe UI',Arial,sans-serif; background: linear-gradient(135deg,#1a365d,#2a5298); min-height: 100vh; display: flex; align-items: center; justify-content: center; padding: 16px; direction: rtl; }
.box { background: #fff; border-radius: 16px; padding: 30px 22px; max-width: 520px; width: 100%; text-align: center; box-shadow: 0 10px 30px rgba(0,0,0,.3); }
h1 { color: #1a365d; font-size: 24px; margin-bottom: 8px; line-height: 1.8; }
p { color: #555; font-size: 15px; margin-bottom: 24px; line-height: 1.8; }
.choice { display: block; text-decoration: none; color: #fff; padding: 20px; border-radius: 12px; margin-bottom: 14px; font-size: 20px; font-weight: bold; line-height: 1.8; box-shadow: 0 4px 12px rgba(0,0,0,.15); transition: .2s; }
.choice:hover { transform: translateY(-2px); opacity: .95; }
.choice small { display: block; font-size: 13px; font-weight: normal; opacity: .9; }
.accounts { background: linear-gradient(135deg,#1a365d,#3182ce); }
.feed { background: linear-gradient(135deg,#27ae60,#2ecc71); }
</style>