:root{--aq-bg: #fbfaff;--aq-surface: #ffffff;--aq-surface-2: #f3f1fb;--aq-border: #e4e0f2;--aq-text: #1b1630;--aq-text-muted: #635c80;--aq-primary: #5b3fd6;--aq-primary-contrast: #ffffff;--aq-accent: #e8a33d;--aq-success: #1f9d6b;--aq-warning: #c98a12;--aq-danger: #d23b4b;--aq-radius: 12px;--aq-radius-sm: 8px;--aq-shadow: 0 1px 2px rgb(27 22 48 / 6%), 0 4px 16px rgb(27 22 48 / 6%);--aq-font: "Inter", system-ui, -apple-system, "Segoe UI", "Noto Sans", "Noto Sans Arabic", "Noto Sans CJK SC", sans-serif;--aq-font-display: "Fraunces", Georgia, serif}:root[data-theme=dark]{--aq-bg: #110e1f;--aq-surface: #1a1630;--aq-surface-2: #231e3d;--aq-border: #332c55;--aq-text: #f1eefc;--aq-text-muted: #a9a2c8;--aq-primary: #8f78ff}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--aq-bg);color:var(--aq-text);font:16px/1.5 var(--aq-font);-webkit-font-smoothing:antialiased}h1,h2{font-family:var(--aq-font-display);font-weight:600;line-height:1.2;margin:0 0 8px}h1{font-size:28px}h2{font-size:22px}h3{font-size:15px;margin:24px 0 8px;color:var(--aq-text-muted);text-transform:uppercase;letter-spacing:.06em}p{margin:0 0 8px}.muted{color:var(--aq-text-muted)}.center{text-align:center}.cap:first-letter{text-transform:uppercase}.error{color:var(--aq-danger);font-size:14px}button{font:inherit;cursor:pointer;border:0}button.primary{width:100%;padding:14px;border-radius:var(--aq-radius);background:var(--aq-primary);color:var(--aq-primary-contrast);font-weight:600;margin-top:16px}button.primary:disabled{opacity:.45;cursor:default}button.secondary{width:100%;padding:12px;border-radius:var(--aq-radius);background:var(--aq-surface-2);color:var(--aq-text);margin-top:24px}button.link{background:none;color:var(--aq-primary);padding:12px;width:100%}input,select{width:100%;padding:14px 16px;font:inherit;border:1px solid var(--aq-border);border-radius:var(--aq-radius);background:var(--aq-surface);color:var(--aq-text);outline:none}input:focus,select:focus{border-color:var(--aq-primary);box-shadow:0 0 0 3px #5b3fd626}input.otp{text-align:center;font-size:28px;letter-spacing:12px}.splash{height:100%;display:grid;place-items:center;font-size:48px;color:var(--aq-primary)}.onboarding{max-width:440px;margin:0 auto;min-height:100%;padding:56px 20px 32px;position:relative}.onboarding .back{position:absolute;top:12px;left:8px;background:none;font-size:22px;padding:8px 12px;color:var(--aq-text-muted)}.hero{text-align:center;padding-top:10vh}.orb{width:120px;height:120px;margin:0 auto 32px;border-radius:50%;display:grid;place-items:center;font-size:48px;color:#fff;background:radial-gradient(circle at 30% 30%,#8f78ff,var(--aq-primary) 60%,#2c1d78);box-shadow:0 12px 40px #5b3fd659}.step h2{margin-bottom:12px}.step input{margin-top:12px}.big3{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:24px 0}.big3 div{background:var(--aq-surface);border:1px solid var(--aq-border);border-radius:var(--aq-radius);padding:16px 8px;text-align:center}.big3 small{display:block;color:var(--aq-text-muted);font-size:12px;text-transform:uppercase;letter-spacing:.06em}.big3 strong{font-family:var(--aq-font-display);font-size:18px}.places ul{list-style:none;margin:8px 0 0;padding:0;border:1px solid var(--aq-border);border-radius:var(--aq-radius);background:var(--aq-surface);overflow:hidden}.places li button,.places li.muted{display:block;width:100%;text-align:left;padding:12px 16px;background:none;color:var(--aq-text)}.places li+li{border-top:1px solid var(--aq-border)}.places li button:hover{background:var(--aq-surface-2)}.shell{max-width:560px;margin:0 auto;min-height:100%}.content{padding:24px 16px calc(96px + env(safe-area-inset-bottom))}.tabbar{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:center;gap:8px;padding:8px 8px calc(8px + env(safe-area-inset-bottom));background:#ffffffeb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--aq-border)}.tabbar a{flex:0 1 140px;display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px;color:var(--aq-text-muted);text-decoration:none;font-size:20px;border-radius:var(--aq-radius-sm)}.tabbar a span{font-size:12px}.tabbar a.active{color:var(--aq-primary);background:var(--aq-surface-2)}.card{background:var(--aq-surface);border:1px solid var(--aq-border);border-radius:var(--aq-radius);padding:16px;box-shadow:var(--aq-shadow);margin-bottom:12px}.card.skeleton{height:180px;background:linear-gradient(90deg,var(--aq-surface-2),var(--aq-surface),var(--aq-surface-2));background-size:200% 100%;animation:shimmer 1.2s infinite}@keyframes shimmer{to{background-position:-200% 0}}.row{display:flex;justify-content:space-between;align-items:center;gap:12px}.small{font-size:14px}.badge{display:inline-block;font-size:12px;padding:4px 10px;border-radius:99px;background:var(--aq-surface-2);color:var(--aq-primary);margin-bottom:12px;font-weight:500}.today header{margin-bottom:16px}.horoscope h2{font-size:20px}.areas{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}.areas .card{margin:0}.area p{font-size:13px;margin-top:6px}.stars{color:var(--aq-border);letter-spacing:1px;font-size:13px}.stars .on{color:var(--aq-accent)}.wheel{width:100%;max-width:380px;display:block;margin:16px auto}.positions{list-style:none;padding:4px 16px}.positions li{display:grid;grid-template-columns:1fr 1.2fr auto;gap:8px;padding:10px 0;font-size:14px}.positions li+li{border-top:1px solid var(--aq-border)}.card.inbox{border-color:#d9cffb;background:linear-gradient(180deg,#f6f2ff,var(--aq-surface))}.card.inbox a{color:var(--aq-primary);font-weight:600;text-decoration:none}.link-sm{background:none;color:var(--aq-text-muted);font-size:13px;padding:4px}.prefs .pref-row{display:grid;grid-template-columns:1fr auto auto;gap:16px;align-items:center;padding:10px 0;border-bottom:1px solid var(--aq-border)}.switch{display:flex;align-items:center;gap:6px;font-size:14px;cursor:pointer}.switch input{width:18px;height:18px;accent-color:var(--aq-primary);padding:0}.prefs .small{font-size:12px;margin-top:10px}.card.invite{background:linear-gradient(135deg,#f1ecff,#fff6e6);border-color:#e2d8ff}.invite-link{display:flex;align-items:center;justify-content:space-between;gap:8px;background:var(--aq-surface);border:1px dashed var(--aq-border);border-radius:var(--aq-radius-sm);padding:8px 12px;margin-top:8px}.invite-link code{font-size:14px;overflow:hidden;text-overflow:ellipsis}.card.invite .primary{margin-top:12px}
