:root{--bg-0: #05030f;--bg-1: #140a2e;--bg-2: #2a1457;--gold: #f4d58d;--text: #ece8ff;--muted: #a99fd6;--card: rgba(255, 255, 255, .06);--card-border: rgba(244, 213, 141, .25)}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:-apple-system,SF Pro Text,Inter,system-ui,sans-serif;color:var(--text);background:radial-gradient(120% 90% at 50% 0%,var(--bg-2) 0%,var(--bg-1) 45%,var(--bg-0) 100%);overflow-x:hidden}[dir=rtl]{direction:rtl}.app{position:relative;min-height:100%;display:flex;flex-direction:column}.screen{position:relative;z-index:1;padding:24px 20px 40px;flex:1}.card{background:var(--card);border:1px solid var(--card-border);border-radius:20px;padding:20px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.title{font-size:28px;font-weight:700;letter-spacing:.5px}.gold{color:var(--gold)}.muted{color:var(--muted)}.btn{display:block;width:100%;padding:16px;border:none;border-radius:16px;font-size:17px;font-weight:600;cursor:pointer;color:#1a1030;background:linear-gradient(135deg,var(--gold),#e7b24e)}.btn.secondary{background:var(--card);color:var(--text);border:1px solid var(--card-border)}.input{width:100%;padding:14px 16px;font-size:16px;border-radius:14px;border:1px solid var(--card-border);background:#00000040;color:var(--text)}.reading{white-space:pre-wrap;line-height:1.6;font-size:16px}