:root{--lime:#D8FE43;--ink:#17181b;--muted:#747983;--border:#e9ebee;--surface:#f7f8fa;--canvas:#f7f8fb;--ease:cubic-bezier(.2,.78,.24,1)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--canvas);color:#202126;font-family:"Plus Jakarta Sans",sans-serif;-webkit-font-smoothing:antialiased}.hidden{display:none!important}button{font:inherit}.app-shell{min-height:100vh}.topbar{height:69px;background:rgba(255,255,255,.96);border-bottom:1px solid #e7e9ec;position:sticky;top:0;z-index:40;backdrop-filter:blur(18px)}.topbar-inner{max-width:1720px;height:100%;margin:0 auto;padding:0 20px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center}.brand{display:flex;align-items:center;gap:10px;color:#1d2430;text-decoration:none}.brand-mark{width:39px;height:39px;border-radius:13px;background:#141517;color:var(--lime);display:grid;place-items:center;font-size:20px;box-shadow:0 6px 18px rgba(20,21,23,.12)}.brand-copy{display:flex;align-items:baseline;gap:2px;white-space:nowrap}.brand-copy strong{font-size:16px;letter-spacing:-.03em}.brand-copy small{font-size:10px;color:#9aa0aa}.main-nav{display:flex;gap:2px;padding:4px;background:#f1f2f4;border-radius:18px}.main-nav button{border:0;background:transparent;padding:10px 23px;border-radius:14px;color:#6e7480;font-size:12px;font-weight:600;cursor:pointer}.main-nav button.active{background:white;color:#17181b;box-shadow:0 2px 8px rgba(20,22,26,.07);font-weight:800}.top-actions{justify-self:end;display:flex;align-items:center;gap:12px}.transit-pill{display:flex;align-items:center;gap:7px;padding:8px 12px;border:1px solid #e2e5e9;background:#fff;border-radius:999px;font-size:10px;font-weight:700;color:#68707b}.transit-pill i{width:7px;height:7px;background:#10b981;border-radius:999px;box-shadow:0 0 0 4px rgba(16,185,129,.08);animation:pulse 1.8s ease-in-out infinite}.icon-btn{position:relative;width:38px;height:38px;border:1px solid #e1e4e8;border-radius:13px;background:#fff;display:grid;place-items:center;cursor:pointer}.icon-btn svg{width:17px}.badge-count{position:absolute;top:-5px;right:-4px;min-width:17px;height:17px;padding:0 4px;background:var(--lime);border:2px solid white;border-radius:999px;font-size:9px;font-weight:900;display:grid;place-items:center;color:#202704}.divider{width:1px;height:31px;background:#e2e4e8}.profile-pill{display:flex;align-items:center;gap:10px;min-width:190px}.profile-pill img{width:39px;height:39px;border-radius:12px;object-fit:cover}.profile-pill span{display:flex;flex-direction:column}.profile-pill strong{font-size:11px}.profile-pill small{font-size:9px;color:#a0a5ae;margin-top:3px}.notification-popover{position:absolute;right:30px;top:60px;width:360px;background:#fff;border:1px solid #e8eaed;border-radius:20px;box-shadow:0 24px 60px rgba(20,22,26,.15);padding:12px;transform-origin:top right;animation:popoverIn .22s var(--ease) both}.popover-head{display:flex;align-items:center;justify-content:space-between;padding:8px 7px 10px;border-bottom:1px solid #f0f1f2}.popover-head>div{display:flex;flex-direction:column}.popover-head strong{font-size:13px}.popover-head small{font-size:10px;color:#989da6;margin-top:2px}.popover-head button{border:0;background:transparent;font-size:10px;color:#64748b;font-weight:700;cursor:pointer}.notification-item{display:flex;gap:10px;padding:11px 8px;border-radius:13px}.notification-item:hover{background:#f7f8fa}.notification-item.unread{background:#fbfdf2}.notification-dot{width:8px;height:8px;border-radius:99px;background:var(--lime);margin-top:5px;flex:0 0 auto}.notification-item:not(.unread) .notification-dot{background:#d5d8dc}.notification-item div{display:flex;flex-direction:column}.notification-item strong{font-size:11px}.notification-item p{font-size:10px;color:#707680;margin:3px 0 0;line-height:1.5}.notification-item small{font-size:9px;color:#a0a5ad;margin-top:5px}.page-wrap{max-width:1700px;margin:0 auto;padding:34px 34px 80px}.forecast-heading{display:flex;justify-content:space-between;align-items:center;margin:0 0 32px 18px}.forecast-heading-left{display:flex;align-items:center;gap:12px}.forecast-avatar{width:41px;height:41px;border-radius:50%;overflow:hidden;box-shadow:0 3px 10px rgba(20,22,26,.13);transform:rotate(-12deg)}.forecast-avatar img{width:100%;height:100%;object-fit:cover}.eyebrow{display:block;font-size:12px;letter-spacing:.11em;color:#667085;font-weight:600;margin-bottom:3px}.forecast-heading h1{font-size:20px;margin:0;letter-spacing:-.04em;color:#0f1115}.forecast-toolbar{display:grid;grid-template-columns:42px minmax(260px,1fr) minmax(520px,1.1fr) 42px;gap:10px;align-items:center;background:#fff;border:1px solid #dfe3e8;border-radius:20px;padding:5px;box-shadow:0 1px 2px rgba(20,22,26,.03);margin-bottom:28px}.round-arrow{width:36px;height:36px;border:0;border-radius:13px;background:#fbfbfc;color:#6f7680;display:grid;place-items:center;cursor:pointer;transition:.18s var(--ease)}.round-arrow:hover{background:#f2f3f5;color:#111}.round-arrow:active{transform:scale(.94)}.round-arrow:disabled{opacity:.3;cursor:not-allowed}.round-arrow svg{width:16px;fill:none;stroke:currentColor;stroke-width:2}.date-trigger{border:0;background:transparent;text-align:center;cursor:pointer;border-radius:13px;padding:4px 10px;transition:.18s var(--ease)}.date-trigger:hover{background:#f8f9fa}.date-trigger strong{display:block;font-size:12px;color:#0d1015}.caret{color:#8b919a;margin-left:3px}.date-trigger small{margin-top:4px;display:flex;justify-content:center;align-items:center;gap:5px;font-size:9px;color:#059669;font-weight:700}.date-trigger small i{width:6px;height:6px;border-radius:50%;background:#10b981;animation:pulse 1.8s ease-in-out infinite}.period-control{display:grid;grid-template-columns:repeat(4,1fr);padding:4px;background:#f0f1f3;border:1px solid #e6e8eb;border-radius:15px;box-shadow:inset 0 1px 2px rgba(20,22,26,.025)}.period-btn{border:0;background:transparent;border-radius:12px;padding:10px 12px;font-size:11px;color:#667085;font-weight:500;cursor:pointer;transition:all .22s var(--ease)}.period-btn.active{background:#fff;color:#0e1115;font-weight:800;box-shadow:0 2px 8px rgba(20,22,26,.08)}.free-context{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:start;background:#f7f8fa;border:1px solid #e8eaed;border-radius:18px;padding:13px 15px;margin-bottom:22px}.info-icon{width:29px;height:29px;border-radius:50%;background:#fff;border:1px solid #dfe2e6;display:grid;place-items:center;font-size:11px;font-weight:800}.free-context strong{font-size:12px}.free-context p{font-size:10px;color:#717783;margin:3px 0 0;line-height:1.55}.free-chip{font-size:9px;font-weight:800;color:#6b7280;background:#fff;border:1px solid #e0e3e7;border-radius:999px;padding:4px 8px}.content-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:26px;align-items:start}.column{display:flex;flex-direction:column;gap:22px}.dark-hero{background:linear-gradient(145deg,#1d1e21 0%,#151618 60%,#111214 100%);border:1px solid #2d3034;border-radius:28px;color:#fff;padding:27px;box-shadow:0 18px 36px rgba(13,14,16,.14);position:relative;overflow:hidden}.dark-hero:after{content:"";position:absolute;width:220px;height:220px;right:-70px;top:-85px;border-radius:50%;background:rgba(216,254,67,.08);filter:blur(35px);pointer-events:none}.hero-top{display:flex;justify-content:space-between;align-items:center;color:#a9adb5;font-size:10px;margin-bottom:15px}.lime-tag{display:inline-flex;background:var(--lime);color:#141a04;border-radius:999px;padding:6px 10px;font-size:9px;font-weight:900;letter-spacing:.09em}.dark-hero h2{font-size:22px;line-height:1.27;margin:0;letter-spacing:-.035em}.dark-hero>p{font-size:12px;color:#c1c5cc;line-height:1.68;margin:12px 0 0;max-width:95%}.hero-meta{display:flex;justify-content:space-between;align-items:center;border-top:1px solid rgba(255,255,255,.09);padding-top:15px;margin-top:18px;color:#a9adb5;font-size:10px}.hero-meta strong{color:#fff}.lime-text{color:var(--lime)!important;font-weight:700}.card{background:#fff;border:1px solid #eceef0;border-radius:25px;padding:22px;box-shadow:0 1px 2px rgba(20,22,26,.025),0 10px 26px rgba(20,22,26,.035)}.section-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.section-head h3{font-size:14px;letter-spacing:-.02em;margin:0}.section-head p{font-size:10px;color:#9aa0aa;margin:4px 0 0}.section-head>span{font-size:9.5px;color:#949aa4;background:#fafafa;border:1px solid #eef0f2;border-radius:999px;padding:5px 8px}.key-list{display:flex;flex-direction:column;gap:9px}.key-row{display:flex;gap:11px;padding:13px;background:#f8f9fa;border:1px solid #eef0f2;border-radius:16px}.key-icon{width:29px;height:29px;flex:0 0 auto;border-radius:10px;display:grid;place-items:center;font-size:12px;font-weight:900}.key-icon.green{background:#dcfce7;color:#15803d}.key-icon.red{background:#ffe4e6;color:#e11d48}.key-icon.amber{background:#fef3c7;color:#b45309}.key-icon.blue{background:#dbeafe;color:#1d4ed8}.key-row strong{font-size:10px;text-transform:uppercase;letter-spacing:.04em}.key-row p{font-size:10.5px;color:#676e79;margin:4px 0 0;line-height:1.55}.personalized-nudge{border:1px solid #2b2d30;background:#18191b;border-radius:22px;color:#fff;padding:16px;text-align:left;display:flex;align-items:center;justify-content:space-between;cursor:pointer;box-shadow:0 12px 26px rgba(15,16,18,.13)}.personalized-nudge span:first-child{display:flex;flex-direction:column}.personalized-nudge small{font-size:9px;color:var(--lime);font-weight:900;letter-spacing:.07em}.personalized-nudge small b{margin-left:7px;background:rgba(216,254,67,.12);border:1px solid rgba(216,254,67,.22);color:#e9f99b;border-radius:999px;padding:3px 7px}.personalized-nudge strong{font-size:13px;margin-top:7px}.personalized-nudge em{font-style:normal;font-size:10px;color:#9da2aa;margin-top:5px}.nudge-arrow{font-size:18px;color:var(--lime)}.sphere-list{display:flex;flex-direction:column;gap:8px}.sphere-card{background:#f8f9fa;border:1px solid #ebedef;border-radius:17px;overflow:hidden;transition:background .18s var(--ease),transform .18s var(--ease)}.sphere-card:hover{background:#f3f4f6}.sphere-head{width:100%;border:0;background:transparent;padding:13px;display:flex;justify-content:space-between;align-items:center;text-align:left;cursor:pointer}.sphere-left{display:flex;align-items:center;gap:10px}.sphere-icon{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;font-size:13px}.sphere-icon.love{background:#fff1f2;color:#e11d48}.sphere-icon.career{background:#eff6ff;color:#2563eb}.sphere-icon.money{background:#ecfdf5;color:#059669}.sphere-icon.energy{background:#fffbeb;color:#d97706}.sphere-icon.social{background:#f5f3ff;color:#7c3aed}.sphere-copy strong{font-size:12px;display:block}.sphere-copy small{font-size:9.5px;color:#8c929c;margin-top:3px;display:block}.sphere-right{display:flex;align-items:center;gap:8px}.sphere-badge{font-size:9px;font-weight:800;border-radius:999px;padding:4px 8px;background:#f1f5f9;color:#475569}.sphere-chevron{width:14px;fill:none;stroke:#8b919b;stroke-width:2;transition:transform .22s var(--ease)}.sphere-card.open .sphere-chevron{transform:rotate(180deg)}.sphere-detail{padding:0 13px 13px;margin-top:-1px}.sphere-detail>div{border-top:1px solid #e5e7eb;padding-top:10px;font-size:10.5px;color:#636b75;line-height:1.6}.sphere-detail b{display:block;margin-top:7px;color:#333840;font-size:10px}.flow-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.flow-card{background:#f8f9fa;border:1px solid #eceef0;border-radius:16px;padding:13px}.flow-title{display:flex;align-items:center;justify-content:space-between;font-size:10.5px;font-weight:800}.flow-title span{display:flex;align-items:center;gap:6px}.flow-title b{font-size:8.5px;background:#fff;border:1px solid #e5e7eb;color:#5f6670;border-radius:999px;padding:3px 6px}.dot{width:7px;height:7px;border-radius:50%}.amber-dot{background:#fbbf24}.green-dot{background:#10b981}.indigo-dot{background:#6366f1}.flow-card small{display:block;font-size:8.5px;color:#8d939d;font-weight:700;margin-top:8px;text-transform:uppercase}.green-text{color:#059669!important}.flow-card p{font-size:9.7px;color:#656c76;line-height:1.55;margin:5px 0 0}.accordion{padding:0;overflow:hidden}.accordion-trigger{width:100%;border:0;background:#fff;padding:18px 20px;display:flex;justify-content:space-between;align-items:center;text-align:left;cursor:pointer}.accordion-trigger:hover{background:#fafafa}.accordion-title{display:flex;align-items:center;gap:10px}.accordion-title>i{width:31px;height:31px;border-radius:10px;background:#f2f3f5;display:grid;place-items:center;font-style:normal;font-size:11px}.accordion-title span{display:flex;flex-direction:column}.accordion-title strong{font-size:12px}.accordion-title small{font-size:9.5px;color:#8e949d;margin-top:3px}.accordion-action{display:flex;align-items:center;gap:8px;font-style:normal}.accordion-action em{font-style:normal;font-size:10px;color:#69707a;font-weight:700}.accordion-action svg{width:14px;fill:none;stroke:#8a9099;stroke-width:2;transition:transform .22s var(--ease)}.accordion.open .accordion-action svg{transform:rotate(180deg)}.premium-chip{font-size:8.5px;background:#f1f8cb;border:1px solid #dceb8b;color:#53620d;border-radius:999px;padding:3px 7px}.accordion-body{padding:16px 20px 20px;border-top:1px solid #edf0f2}.deep-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.deep-grid>div,.deep-note,.deep-item{background:#f8f9fa;border:1px solid #eceef0;border-radius:14px;padding:12px}.deep-grid small,.deep-item small{font-size:8.5px;color:#969ca5;letter-spacing:.05em;font-weight:700}.deep-grid strong,.deep-item strong{font-size:11px;display:block;margin-top:4px}.deep-grid p,.deep-note p,.deep-item p{font-size:9.8px;color:#676e78;line-height:1.55;margin:5px 0 0}.deep-note{margin-top:10px}.deep-note span{display:flex;justify-content:space-between;gap:10px;align-items:center}.deep-note strong{font-size:10.5px}.deep-note b{font-size:8.5px;color:#047857;background:#d1fae5;border-radius:6px;padding:3px 6px}.feedback{display:grid;grid-template-columns:1fr auto;gap:18px;align-items:center;transition:all .7s var(--ease)}.feedback h3{font-size:12px;margin:0}.feedback p{font-size:9.5px;color:#959ba4;margin:4px 0 0}.feedback-actions{display:flex;gap:8px}.feedback-actions button{border:1px solid #dfe2e6;background:#fafbfc;border-radius:11px;padding:8px 13px;font-size:10px;font-weight:800;color:#3f4650;cursor:pointer}.feedback-actions button:hover{background:#fff}.feedback-ack{grid-column:1/-1;text-align:center;background:#ecfdf5;border:1px solid #d1fae5;color:#047857;border-radius:11px;padding:8px;font-size:9.5px;font-weight:700}.feedback-ack.enter{animation:feedbackAckIn .34s var(--ease) both}.feedback.dissolve{animation:feedbackDissolveOut .7s cubic-bezier(.4,0,.2,1) both}.timeline{display:flex;flex-direction:column;gap:0;background:#f8f9fa;border:1px solid #eceef0;border-radius:17px;padding:14px}.timeline-row{display:grid;grid-template-columns:16px 1fr;gap:10px;position:relative;padding-bottom:14px}.timeline-row:last-child{padding-bottom:0}.timeline-marker{display:flex;flex-direction:column;align-items:center}.timeline-marker i{width:9px;height:9px;border-radius:50%;background:#fbbf24;margin-top:3px}.timeline-row:nth-child(2) .timeline-marker i{background:#10b981}.timeline-row:nth-child(3) .timeline-marker i{background:#6366f1}.timeline-row:nth-child(4) .timeline-marker i{background:#8b5cf6}.timeline-marker:after{content:"";width:1px;flex:1;background:#dfe2e6;margin-top:5px}.timeline-row:last-child .timeline-marker:after{display:none}.timeline-copy span{display:flex;justify-content:space-between;gap:12px}.timeline-copy strong{font-size:10.5px}.timeline-copy small{font-size:8.5px;color:#8d939c;font-weight:700}.timeline-copy p{font-size:9.7px;color:#666d77;margin:4px 0 0;line-height:1.5}.important-list{display:flex;flex-direction:column;gap:8px}.important-row{display:flex;gap:11px;align-items:flex-start;background:#f8f9fa;border:1px solid #eceef0;border-radius:15px;padding:12px}.important-date{min-width:84px;font-size:9.5px;font-weight:800;color:#252a31}.important-row p{font-size:9.8px;color:#69717b;line-height:1.52;margin:0}.system-state{background:#fff;border:1px solid #e8eaed;border-radius:22px;padding:32px;text-align:center;margin-bottom:24px;box-shadow:0 10px 30px rgba(20,22,26,.04)}.system-state strong{display:block;font-size:13px}.system-state p{font-size:10px;color:#777e88;margin:5px 0 0}.modal-backdrop{position:fixed;inset:0;background:rgba(15,18,22,.38);backdrop-filter:blur(6px);display:grid;place-items:center;z-index:90;animation:fadeIn .22s ease both}.calendar-modal{width:min(420px,calc(100vw - 32px));background:#fff;border-radius:25px;padding:20px;box-shadow:0 28px 80px rgba(15,18,22,.25);animation:modalIn .28s var(--ease) both}.modal-head,.calendar-nav{display:flex;justify-content:space-between;align-items:center}.modal-head{padding-bottom:13px;border-bottom:1px solid #eef0f2}.modal-head h3{font-size:14px;margin:0}.modal-head p{font-size:9.5px;color:#979da6;margin:3px 0 0}.modal-close{width:31px;height:31px;border:0;border-radius:50%;background:#f2f3f5;color:#6b7280;font-size:19px;cursor:pointer}.calendar-nav{padding:15px 4px 10px}.calendar-nav strong{font-size:11px}.calendar-nav div{display:flex;gap:5px}.calendar-nav button{width:28px;height:28px;border:1px solid #e3e5e8;background:#fafafa;border-radius:9px;cursor:pointer}.weekdays,.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:5px;text-align:center}.weekdays{font-size:8.5px;color:#9da3ac;font-weight:800;text-transform:uppercase;margin-bottom:5px}.calendar-day{height:36px;border:0;border-radius:11px;background:transparent;font-size:10px;color:#444b55;cursor:pointer}.calendar-day:hover:not(:disabled){background:#f2f3f5}.calendar-day.selected{background:#18191b;color:#fff;font-weight:800;box-shadow:0 4px 10px rgba(20,22,26,.14)}.calendar-day:disabled{color:#d0d4da;cursor:not-allowed}.today-btn{width:100%;border:0;background:#f1f2f4;border-radius:14px;padding:10px;font-size:10px;font-weight:800;margin-top:13px;cursor:pointer}.paywall-toast{position:fixed;right:24px;bottom:24px;z-index:100;width:350px;background:#18191b;color:#fff;border:1px solid #2d2f33;border-radius:18px;padding:14px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 20px 45px rgba(15,16,18,.2);animation:toastIn .3s var(--ease) both}.paywall-toast>div{display:flex;gap:10px;align-items:center}.paywall-toast strong{font-size:11px}.paywall-toast p{font-size:9px;color:#a6abb2;margin:3px 0 0}.paywall-toast button{border:0;background:rgba(255,255,255,.08);color:#fff;border-radius:9px;padding:6px 9px;font-size:9px;cursor:pointer}.lock-dot{width:30px;height:30px;border-radius:10px;background:rgba(216,254,67,.12);color:var(--lime);display:grid;place-items:center}.toast{position:fixed;right:24px;bottom:24px;background:#17181b;color:#fff;border:1px solid #2d2f32;border-radius:14px;padding:11px 15px;font-size:10px;box-shadow:0 14px 35px rgba(15,16,18,.22);opacity:0;transform:translateY(10px);pointer-events:none;z-index:110;transition:.3s var(--ease)}.toast.show{opacity:1;transform:translateY(0)}
@keyframes pulse{0%,100%{opacity:.45;transform:scale(.9)}50%{opacity:1;transform:scale(1)}}@keyframes popoverIn{from{opacity:0;transform:translateY(-5px) scale(.985)}to{opacity:1;transform:none}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes modalIn{from{opacity:0;transform:translateY(14px) scale(.985)}to{opacity:1;transform:none}}@keyframes toastIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes feedbackAckIn{from{opacity:0;transform:translateY(4px) scale(.985);filter:blur(2px)}to{opacity:1;transform:none;filter:blur(0)}}@keyframes feedbackDissolveOut{0%{opacity:1;transform:none;filter:blur(0)}45%{opacity:.72;transform:translateY(-2px) scale(.997);filter:blur(1.5px)}100%{opacity:0;transform:translateY(-10px) scale(.982);filter:blur(8px)}}@keyframes stageIn{0%{opacity:0;transform:translate3d(0,18px,0) scale(.99);filter:blur(1px)}82%{opacity:1;transform:translate3d(0,-.5px,0) scale(1.001);filter:blur(0)}100%{opacity:1;transform:none;filter:blur(0)}}@keyframes stageSoft{0%{opacity:0;transform:translate3d(0,12px,0) scale(.994)}100%{opacity:1;transform:none}}.stage-piece.reveal,.stage-target.reveal{opacity:0;animation:stageIn .62s var(--ease) both;animation-delay:var(--delay,0ms);will-change:opacity,transform,filter}.stage-target.reveal{animation-name:stageSoft;animation-duration:.5s}.period-state.exiting{animation:periodExit .16s ease both}@keyframes periodExit{to{opacity:0;transform:translateY(-5px) scale(.997)}}
@media(max-width:1100px){.topbar-inner{grid-template-columns:auto 1fr auto}.brand-copy small,.transit-pill,.profile-pill span{display:none}.main-nav{justify-self:center}.page-wrap{padding:28px 22px 70px}.forecast-toolbar{grid-template-columns:40px 1fr 40px}.period-control{grid-column:1/-1;grid-row:2}.content-grid{grid-template-columns:1fr}.flow-grid{grid-template-columns:1fr 1fr 1fr}}
@media(max-width:700px){.topbar-inner{padding:0 12px}.main-nav button{padding:9px 10px}.main-nav button:nth-child(3),.main-nav button:nth-child(4){display:none}.profile-pill{min-width:auto}.divider{display:none}.page-wrap{padding:22px 13px 55px}.forecast-heading{margin-left:4px;margin-bottom:22px}.forecast-toolbar{border-radius:17px}.flow-grid,.deep-grid{grid-template-columns:1fr}.feedback{grid-template-columns:1fr}.dark-hero{padding:20px}.dark-hero h2{font-size:18px}.hero-meta{align-items:flex-start;gap:12px;flex-direction:column}.notification-popover{right:12px;width:calc(100vw - 24px)}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
.sphere-icon svg,.key-icon svg{width:16px;height:16px;display:block}.round-arrow:disabled,.calendar-nav button:disabled{opacity:.35;cursor:not-allowed;pointer-events:none}.app-shell[data-plan="free"] .flow-card .flow-title b{color:#6b7280;background:#fff;border-color:#e5e7eb}

/* Soft first-load motion — prevents the page from flashing into place before JS starts. */
body.booting .topbar,
body.booting .stage-target,
body.booting #dailyForecastState .stage-piece {
  opacity:0;
  transform:translate3d(0,10px,0) scale(.996);
}
body.booting .topbar{transform:translate3d(0,-7px,0)}
.topbar.boot-reveal{animation:bootTopbar .58s var(--ease) both}
@keyframes bootTopbar{
  from{opacity:0;transform:translate3d(0,-7px,0);filter:blur(2px)}
  to{opacity:1;transform:none;filter:blur(0)}
}
.stage-piece.reveal,.stage-target.reveal{
  animation-duration:.70s;
}
.stage-target.reveal{animation-duration:.62s}
@media (prefers-reduced-motion:reduce){
  body.booting .topbar,body.booting .stage-target,body.booting #dailyForecastState .stage-piece{opacity:1;transform:none}
  .topbar.boot-reveal,.stage-piece.reveal,.stage-target.reveal{animation:none!important;opacity:1!important;transform:none!important;filter:none!important}
}


/* V4 — requested refinements: app-like motion, stable transit indicators, anchored notifications, balanced brand. */
.brand{height:44px;align-items:center;gap:10px}
.brand-mark{width:38px;height:38px;border-radius:12px;display:flex;align-items:center;justify-content:center;line-height:1;flex:0 0 38px}
.brand-copy{height:38px;display:flex;align-items:center;gap:3px;line-height:1;transform:translateY(0)}
.brand-copy strong{display:block;line-height:1;font-size:16px}
.brand-copy small{display:block;line-height:1;font-size:9.5px;margin-top:2px}

.notification-wrap{position:relative;display:flex;align-items:center}
.notification-wrap .notification-popover{position:absolute;right:0;top:calc(100% + 12px);width:360px;z-index:80}
@media(max-width:700px){.notification-wrap .notification-popover{position:fixed;right:12px;top:62px;width:calc(100vw - 24px)}}

/* Both green indicators are intentionally static. */
.transit-pill i,.date-trigger small i{animation:none!important;transform:none!important;opacity:1!important}

/* App motion is driven by Web Animations API; avoid competing CSS reveal animations. */
.stage-piece.reveal,.stage-target.reveal{animation:none!important}
body.booting .stage-target,body.booting #dailyForecastState .stage-piece{opacity:0;transform:translate3d(0,22px,0) scale(.988);filter:blur(1.2px)}
.zl-stage-host{isolation:isolate}


/* ZodiLab Forecast motion — restrained, product-level entrance.
   The goal is continuity, not visible "card animation". */
body.booting .topbar,
body.booting .stage-target,
body.booting #dailyForecastState .stage-piece{
  opacity:0 !important;
  transform:translate3d(0,9px,0) !important;
}

.zl-chrome-flow{
  opacity:0;
  transform:translate3d(0,7px,0);
  transition:
    opacity 560ms cubic-bezier(.22,.72,.22,1),
    transform 680ms cubic-bezier(.22,.72,.22,1);
  transition-delay:var(--zl-chrome-delay,0ms);
  will-change:opacity,transform;
}
.topbar.zl-chrome-flow{transform:translate3d(0,-5px,0)}
.zl-chrome-flow.zl-chrome-visible{
  opacity:1;
  transform:translate3d(0,0,0);
}

.zl-flow-item{
  opacity:0 !important;
  transform:translate3d(0,12px,0) scale(.998) !important;
  transition:
    opacity 840ms cubic-bezier(.22,.72,.22,1),
    transform 840ms cubic-bezier(.22,.72,.22,1) !important;
  transition-delay:var(--zl-flow-delay,0ms) !important;
  will-change:opacity,transform;
}
.zl-flow-item.zl-flow-visible{
  opacity:1 !important;
  transform:translate3d(0,0,0) scale(1) !important;
}

.zl-period-leave{
  opacity:0 !important;
  transform:translate3d(0,-3px,0) !important;
  transition:opacity 190ms ease-out,transform 220ms ease-out !important;
}

/* Status dots are indicators, not activity animations. */
.transit-pill i,.date-trigger small i{animation:none !important;opacity:1 !important;transform:none !important}


/* V8 — App parity for “Niyə belədir?” + feedback, without wiring Premium gating yet. */
.accordion.card{
  padding:0;
  overflow:hidden;
  background:#F8F9FA;
  border:1px solid #F3F4F6;
  border-radius:22px;
  box-shadow:none;
}
.accordion-trigger{
  background:#F8F9FA;
  padding:16px;
  transition:background-color 180ms ease;
}
.accordion-trigger:hover{background:#F3F4F6}
.accordion-title{gap:10px}
.accordion-title>i{
  width:28px;height:28px;border-radius:999px;
  background:rgba(229,231,235,.8);
  color:#374151;
  display:grid;place-items:center;
}
.accordion-title>i svg{width:14px;height:14px;display:block}
.accordion-title strong{font-size:13px;color:#111827;line-height:1.15}
.accordion-title small{font-size:10.5px;color:#9CA3AF;margin-top:3px}
.accordion-action{gap:4px;color:#9CA3AF}
.accordion-action em{font-size:11px;color:#6B7280;font-weight:600}
.accordion-action svg{width:16px;height:16px;stroke:#6B7280;transition:transform 200ms ease}
.accordion-body{padding:4px 16px 16px;border-top:1px solid rgba(229,231,235,.6);background:#F8F9FA}
.deep-grid{gap:8px;padding-top:4px}
.deep-grid>div,.deep-note,.deep-item{background:#fff;border:1px solid #F3F4F6;border-radius:12px;padding:10px}
.deep-grid small,.deep-item small{font-size:10px;color:#9CA3AF;font-weight:600;text-transform:uppercase;letter-spacing:0}
.deep-grid strong,.deep-item strong{font-size:12px;color:#1F2937;margin-top:2px}
.deep-grid p,.deep-note p,.deep-item p{font-size:10.5px;color:#6B7280;line-height:1.55;margin-top:3px}
.deep-note{margin-top:8px}
.deep-note strong{font-size:11.5px;color:#1F2937}
.deep-note b{font-size:10px;color:#047857;background:#ECFDF5;border-radius:6px;padding:3px 7px}

/* Feedback matches the app card: soft gray surface, centered controls, SVG icons. */
.feedback.card{
  background:#F8F9FA;
  border:1px solid #F3F4F6;
  border-radius:22px;
  box-shadow:none;
  padding:16px;
  display:grid;
  grid-template-columns:1fr auto;
  gap:18px;
  align-items:center;
}
.feedback h3{font-size:13px;color:#111827;margin:0}
.feedback p{font-size:11px;color:#9CA3AF;margin:3px 0 0;line-height:1.5}
.feedback-actions{display:flex;align-items:center;justify-content:center;gap:12px}
.feedback-actions button{
  display:inline-flex;align-items:center;gap:8px;
  padding:8px 20px;border-radius:12px;
  background:#fff;border:1px solid #E5E7EB;
  color:#1F2937;font-size:12px;font-weight:700;
  box-shadow:0 1px 2px rgba(0,0,0,.03);
  transition:background-color 160ms ease,border-color 160ms ease,transform 120ms ease;
}
.feedback-actions button:hover:first-child{background:#ECFDF5;border-color:#A7F3D0}
.feedback-actions button:hover:last-child{background:#FFF1F2;border-color:#FECDD3}
.feedback-actions button:active{transform:scale(.95)}
.feedback-actions button svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.feedback-actions button:first-child svg{color:#059669}
.feedback-actions button:last-child svg{color:#F43F5E}
.feedback-ack{grid-column:1/-1;text-align:center;background:#ECFDF5;border:1px solid #D1FAE5;color:#047857;border-radius:12px;padding:7px 12px;font-size:11px;font-weight:600}
@media(max-width:700px){.feedback.card{grid-template-columns:1fr;text-align:center}.feedback-actions{justify-content:center}}


/* V9 — targeted calendar polish + restore feedback proportions. */
.modal-close{
  flex:0 0 32px;width:32px;height:32px;padding:0;margin:0;
  display:grid;place-items:center;border:0;border-radius:999px;
  background:#F3F4F6;color:#6B7280;line-height:1;
  transition:background-color 160ms ease,color 160ms ease,transform 120ms ease;
}
.modal-close:hover{background:#E9EBEF;color:#374151}
.modal-close:active{transform:scale(.94)}
.modal-close:focus-visible{outline:2px solid rgba(17,24,39,.18);outline-offset:2px}
.modal-close svg{width:15px;height:15px;display:block;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.modal-head{align-items:center;gap:14px}
.modal-head>div{min-width:0}

.feedback.card{
  background:#fff;border:1px solid var(--border);border-radius:22px;
  box-shadow:0 10px 28px rgba(20,22,26,.045);padding:20px;
  display:grid;grid-template-columns:1fr auto;gap:18px;align-items:center;
}
.feedback h3{font-size:12px;color:inherit;margin:0}
.feedback p{font-size:9.5px;color:#959ba4;margin:4px 0 0;line-height:1.5}
.feedback-actions{display:flex;align-items:center;justify-content:flex-start;gap:8px}
.feedback-actions button{
  display:inline-flex;align-items:center;gap:7px;border:1px solid #dfe2e6;
  background:#fafbfc;border-radius:11px;padding:8px 13px;font-size:10px;
  font-weight:800;color:#3f4650;box-shadow:none;cursor:pointer;
  transition:background-color 160ms ease,border-color 160ms ease,transform 120ms ease;
}
.feedback-actions button:hover{background:#fff}
.feedback-actions button:hover:first-child{background:#ECFDF5;border-color:#A7F3D0}
.feedback-actions button:hover:last-child{background:#FFF1F2;border-color:#FECDD3}
.feedback-actions button svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.feedback-ack{grid-column:1/-1;text-align:center;background:#ecfdf5;border:1px solid #d1fae5;color:#047857;border-radius:11px;padding:8px;font-size:9.5px;font-weight:700}
@media(max-width:700px){.feedback.card{grid-template-columns:1fr}.feedback-actions{justify-content:flex-start}}

/* V11 — You desktop adaptation. Forecast styles intentionally untouched. */
.you-page{padding-top:6px;padding-bottom:28px}
.you-page-head{margin-bottom:22px}
.you-page-head h1{font-size:26px;line-height:1.05;letter-spacing:-.035em;margin:3px 0 0;color:#111318}
.you-page-head p{font-size:11px;color:#9aa0aa;margin:7px 0 0;font-weight:600}
.you-layout{display:grid;grid-template-columns:minmax(0,.9fr) minmax(520px,1.1fr);gap:22px;align-items:start}
.you-column{display:flex;flex-direction:column;gap:18px;min-width:0}
.you-profile-card{background:#18191B;border:1px solid #2B2D30;border-radius:26px;padding:22px;color:#fff;box-shadow:0 18px 38px rgba(0,0,0,.08)}
.you-profile-top{display:flex;align-items:center;gap:14px}
.you-profile-avatar{width:58px;height:58px;border-radius:50%;overflow:hidden;flex:none;background:#2b2d30;box-shadow:0 0 0 1px rgba(255,255,255,.12)}
.you-profile-avatar img{width:100%;height:100%;object-fit:cover;display:block}
.you-profile-copy{min-width:0}
.you-profile-copy h2{font-size:17px;line-height:1.1;margin:0;font-weight:800;letter-spacing:-.02em}
.you-profile-copy p{font-size:10.5px;color:#9ca3af;margin:5px 0 0}
.you-profile-triad{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:18px;padding-top:16px;border-top:1px solid rgba(255,255,255,.08)}
.you-profile-triad>div{background:#242528;border:1px solid rgba(255,255,255,.05);border-radius:14px;padding:11px 8px;text-align:center}
.you-profile-triad small{display:block;color:#9ca3af;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}
.you-profile-triad strong{display:block;color:#fff;font-size:12px;margin-top:4px}.you-profile-triad strong.lime{color:#D8FE43}
.you-section-title{display:flex;align-items:center;gap:10px}.you-section-title h3{font-size:13px;margin:0}.you-section-title p{font-size:9.5px;color:#9ca3af;margin:2px 0 0}
.you-round-icon{width:30px;height:30px;border-radius:50%;background:#fff;border:1px solid #e6e8eb;display:grid;place-items:center;color:#343940;flex:none}.you-round-icon svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.you-copy{font-size:11px;line-height:1.7;color:#606771;margin:14px 0 0}
.you-area-list{display:flex;flex-direction:column;gap:8px;margin-top:12px}.you-area{background:#F8F9FA;border:1px solid #eef0f2;border-radius:18px;overflow:hidden}.you-area-head{width:100%;border:0;background:transparent;padding:12px 13px;display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;text-align:left;cursor:pointer}.you-area-head>span:nth-child(2){min-width:0}.you-area-head strong{display:block;font-size:11.5px;color:#171a1f}.you-area-head small{display:block;font-size:9.5px;color:#9ba1aa;margin-top:3px}.you-area-icon{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#fff;border:1px solid #e5e7eb}.you-area-icon svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.you-area-icon.purple{background:#f5f0ff;color:#7c3aed;border:0}.you-area-icon.rose{background:#fff1f2;color:#f43f5e;border:0}.you-area-icon.blue{background:#eff6ff;color:#2563eb;border:0}.you-area-icon.green{background:#ecfdf5;color:#059669;border:0}.you-chevron{width:15px;height:15px;fill:none;stroke:#9ca3af;stroke-width:2;transition:transform .22s ease}.you-area.open .you-chevron{transform:rotate(180deg)}.you-area-detail{padding:0 14px 13px 55px;border-top:1px solid rgba(229,231,235,.65);padding-top:11px;font-size:10.5px;line-height:1.6;color:#69707a}.you-area-head:hover{background:#f3f4f6}
.growth-list{display:grid;gap:9px;margin-top:15px}.growth-list p{position:relative;display:grid;grid-template-columns:34px 1fr;align-items:start;gap:11px;margin:0;padding:12px 13px;background:#F8F9FA;border:1px solid #ECEEF1;border-radius:15px;font-size:10.5px;line-height:1.58;color:#666d76;transition:background .2s ease,border-color .2s ease,transform .2s ease}.growth-list p:hover{background:#F5F6F8;border-color:#E2E5E9;transform:translateY(-1px)}.growth-list i{width:30px;height:30px;border-radius:10px;margin:0;display:grid;place-items:center;position:relative;flex:none}.growth-list i:after{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}.growth-list i.violet{background:#F3EEFF;color:#8B5CF6}.growth-list i.rose{background:#FFF0F3;color:#F43F5E}.growth-list i.amber{background:#FFF7DF;color:#F59E0B}.growth-list span{padding-top:5px}.growth-list strong{color:#2D333B;font-weight:800}
.premium-label{font-size:9px!important;font-weight:800!important;background:#f2f4f6;color:#69707a!important;border-radius:999px;padding:5px 9px}
.you-premium-card{position:relative;overflow:hidden;background:linear-gradient(180deg,#FCFCF9 0%,#F7F7F4 100%);border:1px solid #E9E8E1;border-radius:21px;padding:15px;box-shadow:inset 0 1px 0 rgba(255,255,255,.9)}
.you-premium-card::before{content:"";position:absolute;width:160px;height:160px;border-radius:50%;right:-80px;top:-88px;background:rgba(216,254,67,.09);filter:blur(5px);pointer-events:none}
.you-chart-head{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.you-chart-head>div small{font-size:8px;color:#8A7447;font-weight:800;letter-spacing:.16em}.you-chart-head h3{font-size:14px;margin:4px 0 0;color:#202126}.you-chart-head p{font-size:9.5px;color:#737780;margin:4px 0 0}.you-chart-head>span{font-size:8px;font-weight:800;border-radius:999px;padding:5px 8px;background:#EEF8BF;border:1px solid #DDEB91;color:#58660F}
.you-chart-stage{position:relative;width:min(100%,620px);aspect-ratio:1/1;margin:14px auto 0;border-radius:20px;overflow:hidden;background:radial-gradient(circle at 50% 48%,rgba(255,255,255,.96) 0%,rgba(250,250,246,.98) 56%,rgba(244,244,238,1) 100%);box-shadow:inset 0 0 0 1px rgba(0,0,0,.035),inset 0 1px 0 rgba(255,255,255,.95)}
.you-chart-svg{width:100%;height:100%;display:block;overflow:visible}.you-chart-svg #youOuterWheel,.you-chart-svg #youInnerWheel{transform-origin:230px 230px;will-change:transform}.you-ring{fill:none;stroke:#D9D1BE;stroke-width:1}.you-ring.gold{stroke:#B19455;stroke-width:1.05;opacity:.48}.you-ring.dash{stroke:#D8CFB9;stroke-width:.9;stroke-dasharray:2 4}.you-house-divider{stroke:#E6DFCF;stroke-width:1}.you-tick-minor{stroke:#DDD4C2;stroke-width:.8}.you-tick-major{stroke:#B19455;stroke-width:1.2;opacity:.68}.you-zodiac{font-size:17px;fill:#5A5140;font-weight:700}.you-house-num{font-size:8px;font-weight:700;fill:#9F9581}.you-axis{stroke:#B19455;stroke-width:1.05;opacity:.52}.you-axis-label{font-size:11px;font-weight:800;fill:#9B7D45;letter-spacing:.08em}.you-aspect{fill:none;stroke:rgba(177,148,85,.18);stroke-width:1;stroke-dasharray:3 4;opacity:.4}.you-ray{fill:none;stroke-width:1.9;stroke-linecap:round;stroke-dasharray:220;stroke-dashoffset:0;opacity:.72;transition:stroke-width .35s ease,opacity .35s ease,filter .35s ease,stroke-dashoffset .65s ease}.you-ray.sun{stroke:#F59E0B}.you-ray.venus{stroke:#EC4899}.you-ray.mercury{stroke:#0284C7}.you-ray.moon{stroke:#8B5CF6}
.you-chart-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:70px;height:70px;border-radius:50%;z-index:8;display:flex;align-items:center;justify-content:center;filter:drop-shadow(0 12px 22px rgba(34,31,22,.09))}.you-chart-center::before{content:"";position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle at 50% 40%,rgba(255,255,255,.9),rgba(255,255,255,.12) 58%,transparent 72%),linear-gradient(145deg,rgba(255,255,255,.92),rgba(244,241,232,.94));border:1px solid rgba(219,209,187,.86);box-shadow:0 14px 34px rgba(27,25,19,.10),inset 0 1px 0 rgba(255,255,255,.98),0 0 0 4px rgba(177,148,85,.035)}.you-chart-center::after{content:"";position:absolute;inset:6px;border-radius:50%;border:1px solid rgba(177,148,85,.28);box-shadow:0 0 0 1px rgba(255,255,255,.88) inset,0 0 18px rgba(177,148,85,.08);animation:youHalo 4.8s ease-in-out infinite}@keyframes youHalo{0%,100%{opacity:.72;transform:scale(.985)}50%{opacity:1;transform:scale(1.015)}}.you-center-shell{position:relative;width:43px;height:43px;border-radius:50%;padding:1px;z-index:2;background:linear-gradient(150deg,#252525 0%,#0D0D0D 72%);box-shadow:0 10px 20px rgba(0,0,0,.13),0 0 0 1px rgba(255,255,255,.82);overflow:hidden}.you-center-shell img{width:100%;height:100%;object-fit:cover;border-radius:50%;display:block}.you-chart-center i{position:absolute;right:11px;bottom:10px;width:10px;height:10px;border-radius:50%;background:#D8FE43;border:2px solid #fff;z-index:3;font-style:normal;font-size:5px;display:grid;place-items:center;color:#1D2605}.you-chart-center small{position:absolute;left:50%;transform:translateX(-50%);bottom:4px;font-size:5.7px;font-weight:800;color:#6F6F68;z-index:3}
.you-planet{position:absolute;transform:translate(-50%,-50%);width:86px;height:86px;border:0;background:transparent;display:grid;place-items:center;z-index:7;cursor:pointer;transition:transform .38s cubic-bezier(.2,.8,.2,1)}.you-planet::before{content:"";position:absolute;left:50%;top:50%;width:60px;height:60px;transform:translate(-50%,-50%) scale(.72);border-radius:50%;opacity:0;z-index:-1;background:radial-gradient(circle,var(--halo1) 0%,var(--halo2) 38%,transparent 72%);box-shadow:0 0 0 1px var(--halo3),0 0 18px 6px var(--halo4);transition:.36s ease}.you-planet.active{transform:translate(-50%,-50%) scale(1.09)}.you-planet.active::before{opacity:1;transform:translate(-50%,-50%) scale(1)}.you-planet span{width:58px;height:58px;display:grid;place-items:center;z-index:2}.you-planet img{width:58px;height:58px;object-fit:contain;display:block;filter:drop-shadow(0 5px 7px rgba(0,0,0,.13));transform:scale(.94);transition:.36s ease}.you-planet.active img{transform:scale(1.03);filter:drop-shadow(0 7px 11px rgba(0,0,0,.16))}.you-planet em{position:absolute;top:72px;left:50%;transform:translateX(-50%);white-space:nowrap;background:rgba(255,255,255,.98);border:1px solid #E2E2D8;border-radius:999px;padding:3px 7px;font-style:normal;font-size:8.5px;font-weight:700;color:#3E3E3A;box-shadow:0 4px 12px rgba(0,0,0,.06)}.you-planet.sun{--halo1:rgba(255,191,48,.30);--halo2:rgba(255,191,48,.15);--halo3:rgba(245,158,11,.26);--halo4:rgba(245,158,11,.14)}.you-planet.venus{--halo1:rgba(255,122,179,.25);--halo2:rgba(255,122,179,.13);--halo3:rgba(236,72,153,.24);--halo4:rgba(236,72,153,.12)}.you-planet.mercury{--halo1:rgba(82,176,228,.25);--halo2:rgba(82,176,228,.12);--halo3:rgba(2,132,199,.23);--halo4:rgba(2,132,199,.12)}.you-planet.moon{--halo1:rgba(165,135,235,.24);--halo2:rgba(165,135,235,.12);--halo3:rgba(139,92,246,.22);--halo4:rgba(139,92,246,.11)}
.you-legend{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:10px}.you-legend>div{background:rgba(255,255,255,.84);border:1px solid #E8E8E1;border-radius:12px;padding:7px 4px;display:flex;flex-direction:column;align-items:center;gap:2px}.you-legend img{width:29px;height:29px;object-fit:contain}.you-legend b{font-size:10px;line-height:1.2}.you-legend small{font-size:8.5px;line-height:1.2;color:#898982}
.you-planet-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:10px}.you-planet-tabs button{border:0;border-radius:11px;padding:7px 8px;background:#f0f1f2;color:#737982;font-size:10px;font-weight:700;cursor:pointer}.you-planet-tabs button.active{background:#18191B;color:#fff}
.you-planet-detail{background:#F8F9FA;border:1px solid #eef0f2;border-radius:14px;padding:12px;margin-top:9px}.you-planet-detail>div{display:grid;grid-template-columns:repeat(3,1fr);text-align:center}.you-planet-detail span{display:block}.you-planet-detail small{display:block;font-size:9px;color:#9ca3af;font-weight:700;text-transform:uppercase}.you-planet-detail strong{display:block;font-size:11.5px;color:#2c3138;margin-top:3px}.you-planet-detail p{font-size:10.5px;line-height:1.55;color:#68707a;border-top:1px solid #e5e7eb;margin:10px 0 0;padding-top:10px}
.you-insight{margin-top:9px;background:rgba(255,255,255,.82);border:1px solid #E7E7DF;border-radius:15px;padding:11px;min-height:90px}.you-insight>div{display:flex;justify-content:space-between;gap:8px}.you-insight h4{font-size:10.5px;margin:0;color:#242521}.you-insight>div span{background:#EEF8BF;border:1px solid #DDEB91;color:#58660F;border-radius:999px;padding:3px 7px;font-size:7.5px;font-weight:800}.you-insight p{font-size:9px;line-height:1.55;color:#676A70;margin:7px 0 0}.you-insight>small{display:block;border-top:1px solid #e2e2dc;margin-top:8px;padding-top:8px;font-size:8.7px;line-height:1.48;color:#737780}.you-chart-hint{display:flex;justify-content:space-between;gap:8px;margin-top:9px;font-size:8px;color:#8B8E95;font-weight:700}
.you-deep-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding-top:4px}.you-deep-grid>div{background:#fff;border:1px solid #f0f1f2;border-radius:12px;padding:11px}.you-deep-grid small{font-size:9px;color:#9ca3af;font-weight:700}.you-deep-grid strong{display:block;font-size:11px;margin-top:3px}.you-deep-grid p{font-size:9.5px;color:#6b7280;line-height:1.5;margin:4px 0 0}
.you-stage{opacity:1;transform:none}
@media(max-width:1100px){.you-layout{grid-template-columns:1fr}.you-chart-stage{max-width:620px}}
@media(max-width:700px){.you-profile-triad{grid-template-columns:1fr 1fr 1fr}.you-page-head h1{font-size:22px}.you-chart-stage{width:100%}.you-layout{gap:16px}.you-deep-grid{grid-template-columns:1fr}}

/* V13 — My Circle, ported from app semantics and adapted to desktop web */
#circlePage{padding-bottom:34px}.circle-stage{width:100%}.circle-stage-piece{will-change:opacity,transform}.circle-layout,.circle-detail-grid{display:grid;grid-template-columns:minmax(0,1.22fr) minmax(330px,.78fr);gap:22px;align-items:start}.circle-main-col,.circle-side-col{display:flex;flex-direction:column;gap:18px}.circle-add-card{border:0;background:none;padding:0;text-align:left;width:100%;cursor:pointer}.circle-add-inner{display:flex;align-items:center;justify-content:space-between;gap:16px;border-radius:26px;padding:18px 20px;border:1px solid #2B2D30;background:#18191B;color:#fff;box-shadow:0 16px 34px rgba(0,0,0,.08);transition:transform .2s ease,background .2s ease}.circle-add-card:hover .circle-add-inner{transform:translateY(-1px);background:#111214}.circle-add-inner.locked{background:#F8F9FA;color:#1F2937;border-color:#E6E8EB;box-shadow:none}.circle-add-left{display:flex;align-items:center;gap:12px}.circle-add-icon{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.09);color:#D8FE43;flex:0 0 auto}.circle-add-inner.locked .circle-add-icon{background:#E6E7E9;color:#5E6269}.circle-add-icon svg{width:21px;height:21px}.circle-add-copy strong{display:block;font-size:14px;line-height:1.2}.circle-add-copy span{display:block;margin-top:4px;font-size:11px;color:#9CA3AF}.circle-add-inner.locked .circle-add-copy span{color:#6B7280}.circle-add-state{font-size:10px;font-weight:800;padding:6px 10px;border-radius:999px;color:#D8FE43;background:rgba(255,255,255,.06)}.circle-add-inner.locked .circle-add-state{background:#E4E6E8;color:#59606B}.circle-list-card{min-height:250px}.circle-empty{text-align:center;padding:34px 18px 26px}.circle-empty-icon{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;margin:0 auto 12px;background:#ECEDEF;color:#6B7280}.circle-empty-icon svg{width:22px;height:22px}.circle-empty h4{font-size:15px;margin:0;color:#16181C}.circle-empty p{max-width:430px;margin:7px auto 0;color:#8A9099;font-size:11.5px;line-height:1.6}.circle-empty button{margin-top:15px;border:0;border-radius:13px;background:#18191B;color:#fff;padding:10px 16px;font-weight:800;font-size:11.5px;cursor:pointer}.circle-list{display:grid;gap:10px;margin-top:14px}.circle-person-card{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;background:#F8F9FA;border:1px solid #ECEEF0;border-radius:20px;padding:14px;transition:background .18s ease,transform .18s ease}.circle-person-card:hover{background:#F2F3F4;transform:translateY(-1px)}.circle-person-main{display:flex;align-items:center;gap:12px;min-width:0;cursor:pointer}.circle-avatar,.circle-detail-avatar{border-radius:50%;overflow:hidden;background:#fff;border:1px solid #DDE0E4;color:#1C1D20;font-weight:800;display:grid;place-items:center;box-shadow:0 4px 12px rgba(0,0,0,.04);flex:0 0 auto}.circle-avatar{width:44px;height:44px;font-size:12px}.circle-avatar img,.circle-detail-avatar img{width:100%;height:100%;object-fit:cover}.circle-person-copy{min-width:0}.circle-person-name{display:flex;align-items:center;gap:7px;min-width:0}.circle-person-name strong{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.relation-badge{font-size:9.5px;font-weight:800;padding:4px 7px;border-radius:999px;line-height:1;white-space:nowrap}.relation-love{background:#FFF1F4;color:#E11D48}.relation-friend{background:#EFF8FF;color:#0284C7}.relation-family{background:#FFF8E6;color:#A16207}.relation-other{background:#F1F2F4;color:#646B75}.circle-person-meta{display:flex;align-items:center;gap:6px;color:#9298A1;font-size:10.8px;margin-top:5px}.circle-person-meta .zodiac-mini{display:inline-flex;align-items:center;gap:5px;color:#606772;font-weight:700}.zodiac-mini i{width:17px;height:17px;border-radius:50%;background:#F5F0FF;color:#7C3AED;display:grid;place-items:center}.zodiac-mini svg{width:11px;height:11px}.circle-status{font-size:9px;font-weight:800;padding:4px 7px;border-radius:999px;white-space:nowrap;border:1px solid transparent}.circle-status.created{background:#EFF8FF;color:#0369A1;border-color:#DDEFFF}.circle-status.pending{background:#FFF8E7;color:#9A6700;border-color:#F8E6B4}.circle-status.approved{background:#ECFDF5;color:#047857;border-color:#D1FAE5}.circle-menu-wrap{position:relative}.circle-menu-btn{width:34px;height:34px;border:0;border-radius:50%;background:transparent;display:grid;place-items:center;color:#747B85;cursor:pointer}.circle-menu-btn:hover{background:#E9EBED}.circle-menu-btn svg{width:17px;height:17px}.circle-menu{position:absolute;right:0;top:40px;z-index:25;width:165px;background:#fff;border:1px solid #E4E7EB;border-radius:14px;padding:5px;box-shadow:0 18px 34px rgba(0,0,0,.12)}.circle-menu button{width:100%;border:0;background:transparent;text-align:left;border-radius:10px;padding:9px 10px;font-size:11px;font-weight:700;color:#414750;cursor:pointer}.circle-menu button:hover{background:#F5F6F7}.circle-info-card{display:flex;gap:14px;align-items:flex-start;padding:20px}.circle-info-icon,.circle-compat-icon{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:#F4F0FF;color:#7C3AED;flex:0 0 auto}.circle-info-icon svg,.circle-compat-icon svg{width:21px;height:21px}.circle-info-card small,.circle-compat-cta small{font-size:9px;font-weight:900;letter-spacing:.12em;color:#8B5CF6}.circle-info-card h3,.circle-compat-cta h3{font-size:14px;margin:3px 0 0}.circle-info-card p,.circle-rule-card p,.circle-compat-cta p{font-size:11.2px;line-height:1.55;color:#7D848D;margin:6px 0 0}.circle-rule-card{padding:20px}.circle-rule-card h3{font-size:13px;margin:0}.circle-detail-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.circle-detail-top>span{font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#A0A5AD}.circle-back{display:flex;align-items:center;gap:7px;border:0;background:transparent;color:#656B75;font-weight:800;font-size:11.5px;cursor:pointer}.circle-back svg{width:29px;height:29px;border-radius:50%;background:#F0F1F2;padding:7px}.circle-profile-card{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:14px}.circle-profile-main{display:flex;align-items:center;gap:13px}.circle-detail-avatar{width:54px;height:54px;background:#18191B;color:#D8FE43;font-size:16px}.circle-name-row{display:flex;align-items:center;gap:8px}.circle-name-row h2{font-size:17px;margin:0;color:#141619}.circle-name-row>span{font-size:9.5px;font-weight:800;padding:4px 8px;border-radius:999px}.circle-profile-main p{font-size:10.7px;color:#9298A1;margin:5px 0 0}.circle-profile-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;min-width:360px}.circle-profile-meta>div{background:#FAFAFB;border:1px solid #ECEEF0;border-radius:14px;padding:9px 12px;text-align:center}.circle-profile-meta small{display:block;font-size:8.5px;font-weight:800;text-transform:uppercase;color:#9BA1A9}.circle-profile-meta strong{display:block;margin-top:3px;font-size:10.8px;color:#272A2F}.circle-inner-tabs{display:grid;grid-template-columns:1fr 1fr;gap:4px;background:#F1F2F4;padding:4px;border-radius:16px;margin-bottom:18px}.circle-inner-tabs button{border:0;background:transparent;border-radius:12px;padding:9px 12px;color:#737A84;font-size:11px;font-weight:700;cursor:pointer;transition:.2s ease}.circle-inner-tabs button.active{background:#fff;color:#111317;box-shadow:0 4px 10px rgba(0,0,0,.06);font-weight:900}.circle-inner-tabs button span,.circle-inner-tabs button small{display:block}.circle-inner-tabs button small{font-size:8.7px;margin-top:2px;opacity:.72}.circle-datebar{display:grid;grid-template-columns:40px 1fr 40px;align-items:center;background:#F8F8FA;border:1px solid #EDEEF0;border-radius:20px;padding:6px}.circle-datebar>button{border:0;background:#fff;color:#626A75;border-radius:50%;width:34px;height:34px;display:grid;place-items:center;cursor:pointer;box-shadow:0 3px 10px rgba(0,0,0,.04)}.circle-datebar>button:disabled{opacity:.35;cursor:default}.circle-datebar svg{width:15px;height:15px}.circle-datebar .circle-date-center{width:auto;height:auto;border-radius:12px;box-shadow:none;background:transparent;display:block;text-align:center;padding:4px 8px}.circle-date-center strong{display:block;font-size:11.5px}.circle-date-center small{display:flex;justify-content:center;align-items:center;gap:5px;color:#059669;font-size:9.5px;font-weight:800;margin-top:2px}.circle-date-center i{width:6px;height:6px;border-radius:50%;background:#10B981}.circle-compat-cta{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:start}.circle-compat-cta button{grid-column:1/-1;border:0;border-radius:13px;background:#18191B;color:#fff;padding:10px 12px;min-height:44px;font-size:10.8px;font-weight:800;display:flex;align-items:center;justify-content:space-between;cursor:pointer}.circle-compat-cta button span{color:#D8FE43}.circle-modal{width:min(620px,calc(100vw - 28px));max-height:min(86vh,800px);overflow:auto;background:#fff;border-radius:28px;padding:22px;box-shadow:0 30px 80px rgba(0,0,0,.24)}#circlePersonModal,#circleReviewModal,#circleDateModal{align-items:center;justify-content:center}.circle-form{display:flex;flex-direction:column;gap:15px}.circle-photo-row{display:flex;align-items:center;gap:13px;background:#F8F9FA;border:1px solid #ECEEF0;border-radius:18px;padding:12px}.circle-photo-preview{width:58px;height:58px;border-radius:50%;overflow:hidden;background:#fff;border:1px solid #DDE0E4;display:grid;place-items:center;color:#6F7680;font-weight:800;font-size:16px}.circle-photo-preview img{width:100%;height:100%;object-fit:cover}.circle-photo-row strong{font-size:12px}.circle-photo-row p{font-size:10px;color:#969CA5;margin:3px 0 7px}.circle-photo-row button{border:0;background:transparent;font-size:10px;font-weight:800;padding:0;margin-right:10px;cursor:pointer}.circle-photo-row .danger{color:#E11D48}.circle-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.circle-form label>span{display:flex;justify-content:space-between;align-items:center;font-size:10.5px;font-weight:800;color:#555D68;margin-bottom:6px}.circle-form label>span small{font-size:8.5px;color:#A0A5AD}.circle-form input,.circle-form select{width:100%;border:1px solid #E2E5E9;background:#F9FAFB;border-radius:13px;padding:11px 12px;font:inherit;font-size:11px;outline:none}.circle-form input:focus,.circle-form select:focus{border-color:#18191B;background:#fff}.circle-full{grid-column:1/-1;position:relative}.circle-location-list{position:absolute;z-index:30;left:0;right:0;top:68px;background:#fff;border:1px solid #E1E4E8;border-radius:14px;padding:5px;box-shadow:0 14px 30px rgba(0,0,0,.10)}.circle-location-list button{display:block;width:100%;border:0;background:transparent;text-align:left;padding:9px 10px;border-radius:10px;font-size:10.8px;cursor:pointer}.circle-location-list button:hover{background:#F5F6F7}.circle-check{display:flex;align-items:flex-start;gap:10px}.circle-check input{width:16px;height:16px;margin-top:2px}.circle-check span{display:block!important;margin:0!important}.circle-check strong{display:block;font-size:10.8px}.circle-check small{display:block;font-size:9.5px!important;color:#9AA0A8!important;margin-top:3px}.circle-form-note,.circle-review-notice{background:#F8F9FA;border:1px solid #ECEEF0;border-radius:15px;padding:11px 12px;font-size:9.8px;line-height:1.55;color:#7C838D}.circle-primary-btn{border:0;border-radius:14px;background:#18191B!important;color:#fff!important;padding:12px 15px!important;font-size:11.5px!important;font-weight:900!important;cursor:pointer}.circle-review-card{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px}.circle-review-card>div{border:1px solid #ECEEF0;border-radius:13px;background:#FAFAFB;padding:10px}.circle-review-card span{display:block;font-size:8.5px;text-transform:uppercase;font-weight:800;color:#9CA2AA}.circle-review-card strong{display:block;margin-top:3px;font-size:10.8px}.circle-review-actions{display:grid;grid-template-columns:1fr 1.4fr;gap:8px;margin-top:12px}.circle-review-actions>button:first-child{border:1px solid #E0E3E7;background:#fff;border-radius:14px;font-size:11px;font-weight:800;cursor:pointer}.synastry-shell{overflow:hidden}.synastry-head{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:18px;padding:18px 0 8px}.syn-party{display:flex;align-items:center;gap:10px}.syn-party.reverse{justify-self:end;text-align:right;flex-direction:row-reverse}.syn-avatar,.syn-person-avatar{width:48px;height:48px;border-radius:50%;overflow:hidden;border:1px solid #E0E1E4;background:#18191B;color:#D8FE43;display:grid;place-items:center;font-size:14px;font-weight:800}.syn-avatar img{width:100%;height:100%;object-fit:cover}.syn-party small{display:block;font-size:8.5px;color:#A0A5AD;font-weight:800;letter-spacing:.08em}.syn-party strong{font-size:12px}.syn-link{display:flex;align-items:center;gap:7px;color:#97A0AA}.syn-link span{width:34px;height:1px;background:#E0E3E6}.syn-link i{font-style:normal;color:#D8FE43;background:#18191B;width:28px;height:28px;border-radius:50%;display:grid;place-items:center}.syn-chart{position:relative;width:min(100%,650px);aspect-ratio:1/1;margin:8px auto 0;border-radius:28px;background:radial-gradient(circle at 50% 50%,rgba(255,255,255,.98) 0%,rgba(250,250,247,.99) 62%,#F4F4EF 100%);border:1px solid #ECE9DF;overflow:hidden}.syn-orbit{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;border:1px solid #DCD7C8}.syn-orbit.one{width:80%;height:80%;border-style:dashed}.syn-orbit.two{width:60%;height:60%}.syn-orbit.three{width:38%;height:38%;border-style:dashed}.syn-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:124px;height:124px;border-radius:50%;background:#fff;border:1px solid #D9D1BE;box-shadow:0 14px 35px rgba(0,0,0,.08);display:grid;place-items:center;text-align:center;z-index:4}.syn-core-avatars{display:flex;justify-content:center;margin-top:10px}.syn-core-avatars span{width:43px;height:43px;border-radius:50%;overflow:hidden;border:2px solid #fff;background:#18191B;color:#D8FE43;display:grid;place-items:center;font-size:11px;font-weight:800;box-shadow:0 3px 8px rgba(0,0,0,.12)}.syn-core-avatars span+span{margin-left:-11px}.syn-core-avatars img{width:100%;height:100%;object-fit:cover}.syn-core small{font-size:8.5px;font-weight:900;color:#77766F;margin-top:-9px}.syn-planet{position:absolute;border:0;background:transparent;display:grid;justify-items:center;gap:3px;cursor:pointer;z-index:5;transition:transform .35s cubic-bezier(.2,.8,.2,1)}.syn-planet img{width:58px;height:58px;object-fit:contain;filter:drop-shadow(0 6px 9px rgba(0,0,0,.13))}.syn-planet span{background:#fff;border:1px solid #E3E0D7;border-radius:999px;padding:3px 7px;font-size:8.5px;font-weight:800}.syn-planet.active{transform:scale(1.08)}.syn-planet.p1{left:50%;top:13%;transform:translateX(-50%)}.syn-planet.p2{left:83%;top:47%;transform:translate(-50%,-50%)}.syn-planet.p3{left:50%;bottom:7%;transform:translateX(-50%)}.syn-planet.p4{left:17%;top:47%;transform:translate(-50%,-50%)}.syn-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:12px}.syn-tabs button{border:0;background:#F1F2F3;color:#69717A;border-radius:12px;padding:10px 8px;min-height:38px;font-size:10px;font-weight:700;cursor:pointer}.syn-tabs button.active{background:#18191B;color:#fff;font-weight:900}.syn-summary{margin-top:9px;background:#F8F9FA;border:1px solid #EBEDEF;border-radius:14px;padding:11px 12px;font-size:10.5px;line-height:1.55;color:#6C737D}.syn-summary strong{color:#25282D}.circle-datebar+.dark-hero{margin-top:0}
@media(max-width:1050px){.circle-layout,.circle-detail-grid{grid-template-columns:1fr}.circle-profile-card{align-items:flex-start;flex-direction:column}.circle-profile-meta{width:100%;min-width:0}.circle-side-col{order:2}}
@media(max-width:680px){.circle-form-grid,.circle-review-card,.circle-review-actions{grid-template-columns:1fr}.circle-profile-meta{grid-template-columns:1fr}.synastry-head{grid-template-columns:1fr}.syn-party.reverse{justify-self:start;text-align:left;flex-direction:row}.syn-link{display:none}.syn-planet img{width:48px;height:48px}.syn-core{width:106px;height:106px}}
.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin:0 0 24px 4px}.page-heading>p{max-width:560px;margin:0 0 2px;color:#8C929C;font-size:10.5px;line-height:1.55;text-align:right}.page-kicker{display:flex;align-items:center;gap:11px}.page-icon{width:42px;height:42px;border-radius:50%;background:#18191B;color:#D8FE43;display:grid;place-items:center;box-shadow:0 5px 14px rgba(0,0,0,.08)}.page-icon svg{width:19px;height:19px}.page-kicker small{display:block;color:#7A8390;font-size:9px;font-weight:800;letter-spacing:.11em}.page-kicker h1{font-size:20px;letter-spacing:-.04em;margin:3px 0 0;color:#111318}.modal-close svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}.circle-person-card>.circle-status{justify-self:end}.circle-calendar-grid button,.calendar-grid button{height:36px;border:0;border-radius:11px;background:transparent;font-size:10px;color:#444B55;cursor:pointer}.circle-calendar-grid button:hover:not(:disabled),.calendar-grid button:hover:not(:disabled){background:#F2F3F5}.circle-calendar-grid button.selected,.calendar-grid button.selected{background:#18191B;color:#fff;font-weight:800;box-shadow:0 4px 10px rgba(20,22,26,.14)}.circle-calendar-grid button:disabled,.calendar-grid button:disabled{color:#D0D4DA;cursor:not-allowed}.syn-person-avatar img,.syn-core-avatars img{width:100%;height:100%;object-fit:cover}.circle-review-actions button{min-height:42px}
@media(max-width:760px){.page-heading{align-items:flex-start;flex-direction:column}.page-heading>p{text-align:left}}

/* My Circle focused fixes v13.1 */
.circle-person-card{cursor:pointer}
.circle-person-card .circle-menu-wrap,.circle-person-card .circle-menu-wrap *{cursor:pointer}
.circle-profile-meta>div.astro-meta-card{display:flex;align-items:center;justify-content:flex-start;gap:9px;text-align:left;padding:10px 11px}
.astro-meta-icon{width:28px;height:28px;border-radius:10px;display:grid;place-items:center;flex:0 0 auto}.astro-meta-icon svg{width:15px;height:15px}.astro-meta-icon.purple{background:#F5F0FF;color:#7C3AED}.astro-meta-icon.amber{background:#FFF7E6;color:#B7791F}.astro-meta-icon.violet{background:#F3EEFF;color:#8B5CF6}
.circle-profile-meta .zodiac-mini{display:inline-flex;align-items:center;gap:0}.circle-profile-meta .zodiac-mini i{display:none}.circle-profile-meta strong{margin-top:2px;font-size:11px}
.syn-chart.premium-wheel{width:min(100%,620px);border-radius:20px;background:radial-gradient(circle at 50% 48%,rgba(255,255,255,.96) 0%,rgba(250,250,246,.98) 56%,rgba(244,244,238,1) 100%);box-shadow:inset 0 0 0 1px rgba(0,0,0,.035),inset 0 1px 0 rgba(255,255,255,.95);border:0;overflow:hidden}
.syn-chart-svg{position:absolute;inset:0;width:100%;height:100%;display:block}.syn-chart-svg #synOuterWheel,.syn-chart-svg #synInnerWheel{transform-origin:230px 230px;will-change:transform}.syn-chart-svg .you-zodiac{font-size:17px;fill:#5A5140;font-weight:700}.syn-chart-svg .you-house-num{font-size:8px;font-weight:700;fill:#9F9581}
.syn-ray{fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;opacity:.44;vector-effect:non-scaling-stroke}.syn-ray.sun{stroke:#F59E0B}.syn-ray.venus{stroke:#EC4899}.syn-ray.mercury{stroke:#0284C7}.syn-ray.moon{stroke:#8B5CF6}
.syn-core.premium-core{width:94px;height:94px;border:1px solid rgba(219,209,187,.86);background:radial-gradient(circle at 50% 40%,rgba(255,255,255,.96),rgba(248,246,239,.95));box-shadow:0 14px 34px rgba(27,25,19,.10),0 0 0 4px rgba(177,148,85,.035)}
.syn-core.premium-core::after{content:"";position:absolute;inset:7px;border-radius:50%;border:1px solid rgba(177,148,85,.22);pointer-events:none}.syn-core-avatars{position:relative;z-index:2;margin-top:5px}.syn-core.premium-core small{position:relative;z-index:2;margin-top:-6px}
.syn-planet img{width:58px;height:58px}.syn-planet span{font-size:8.5px}.syn-planet.p1{left:50%;top:22.4%}.syn-planet.p2{left:74.2%;top:43.5%}.syn-planet.p3{left:50%;bottom:19.5%}.syn-planet.p4{left:25.8%;top:43.5%}

/* V13.2 — My Circle synastry only: app-matched insight/support blocks + smooth wheel state */
.syn-insight{margin-top:10px;background:#FFFEFB;border:1px solid #E8E4D9;border-radius:18px;padding:14px 15px;box-shadow:0 3px 12px rgba(46,39,26,.025)}
.syn-insight-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.syn-insight-top h5{margin:0;color:#16181C;font-size:12px;font-weight:900;line-height:1.35}.syn-insight-badge{flex:0 0 auto;border:1px solid #DDE79A;background:#F5F9CC;color:#6D7610;border-radius:999px;padding:4px 8px;font-size:8.5px;font-weight:850}.syn-insight>p{margin:8px 0 0;color:#69717B;font-size:10.5px;line-height:1.65}.syn-insight .syn-summary{margin-top:10px;padding:10px 0 0;border:0;border-top:1px solid #E7E4DD;border-radius:0;background:transparent;color:#737A83;font-size:9.8px;line-height:1.55}.syn-insight .syn-summary strong{color:#4B5159}
.syn-pair-hint{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:8px 2px 2px;color:#8A919A;font-size:8.5px;font-weight:700}.syn-support-grid{display:grid;grid-template-columns:1fr;gap:9px;margin-top:11px}.syn-support-card{background:#F8F9FA;border:1px solid #ECEEF0;border-radius:18px;padding:13px 14px}.syn-support-card strong{display:block;color:#111318;font-size:12px;font-weight:850}.syn-support-card p{margin:5px 0 0;color:#5F6873;font-size:10.5px;line-height:1.65}
.syn-chart-svg #synOuterWheel,.syn-chart-svg #synInnerWheel{transition:none!important}
@media(max-width:680px){.syn-insight{padding:13px}.syn-pair-hint{align-items:flex-start;flex-direction:column;gap:3px}.syn-support-card{padding:12px}}
.syn-insight-top h5,.syn-insight-badge,.syn-insight>p{transition:opacity 220ms ease,transform 220ms ease}.syn-copy-fade{opacity:.25;transform:translateY(2px)}

/* V13.3 — Synastry-only visual polish. No other sections changed. */
.syn-axis-label{font-size:11px;font-weight:900;letter-spacing:.075em;fill:#94763F;paint-order:stroke;stroke:rgba(255,255,255,.92);stroke-width:3px;stroke-linejoin:round}
.syn-axis-left,.syn-axis-right{dominant-baseline:middle}.syn-axis-top,.syn-axis-bottom{text-anchor:middle}

/* Keep relationship rays visually connected but stop before planet art. */
.syn-ray{stroke-linecap:round;vector-effect:non-scaling-stroke}

/* App-like selected planet halo without changing planet placement. */
.syn-planet{--synHalo:rgba(177,148,85,.18);--synRing:rgba(177,148,85,.42)}
.syn-planet::before{content:"";position:absolute;left:50%;top:29px;width:67px;height:67px;transform:translate(-50%,-50%) scale(.78);border-radius:50%;opacity:0;pointer-events:none;z-index:-1;background:radial-gradient(circle,var(--synHalo) 0%,rgba(255,255,255,.02) 58%,transparent 72%);box-shadow:0 0 0 1.5px var(--synRing),0 0 0 5px rgba(255,255,255,.72),0 7px 22px rgba(36,31,22,.10);transition:opacity .32s ease,transform .42s cubic-bezier(.2,.8,.2,1)}
.syn-planet.active::before{opacity:1;transform:translate(-50%,-50%) scale(1)}
.syn-planet.p1{--synHalo:rgba(245,158,11,.20);--synRing:rgba(245,158,11,.42)}
.syn-planet.p2{--synHalo:rgba(139,92,246,.17);--synRing:rgba(139,92,246,.35)}
.syn-planet.p3{--synHalo:rgba(236,72,153,.16);--synRing:rgba(236,72,153,.34)}
.syn-planet.p4{--synHalo:rgba(2,132,199,.16);--synRing:rgba(2,132,199,.34)}
.syn-planet.p1.active{transform:translateX(-50%) scale(1.055)}
.syn-planet.p2.active{transform:translate(-50%,-50%) scale(1.055)}
.syn-planet.p3.active{transform:translateX(-50%) scale(1.055)}
.syn-planet.p4.active{transform:translate(-50%,-50%) scale(1.055)}

/* Replace the old center star with a restrained premium connection mark. */
.syn-link{align-items:center}
.syn-link-emblem{width:31px;height:31px;border-radius:50%;display:grid;place-items:center;background:#FBFAF6;border:1px solid #DDD5C4;box-shadow:0 5px 16px rgba(45,37,24,.07);color:#8D7445;font-style:normal;flex:0 0 auto}
.syn-link-emblem svg{width:17px;height:17px;stroke:currentColor;stroke-width:1.65}
.syn-link>span{height:1px;background:linear-gradient(90deg,transparent,#DED7C8 40%,#DED7C8 60%,transparent)}

/* V14 — Account web adaptation. Forecast / You / My Circle styles untouched. */
.account-page{width:100%;max-width:1320px;margin:0 auto;padding:26px 18px 44px}.account-view,.account-subpage{width:100%}.account-title-row{margin-bottom:18px}.account-title-row h1{font-size:24px;line-height:1.15;margin:4px 0 5px;color:#15171A}.account-title-row p{font-size:11.5px;color:#959BA4;margin:0}.account-kicker,.account-section-label,.account-sub-head span{font-size:9.5px;font-weight:900;letter-spacing:.13em;color:#9AA0A8;text-transform:uppercase}.account-layout{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(360px,.82fr);gap:20px;align-items:start}.account-main-col,.account-side-col{display:flex;flex-direction:column;gap:18px}.account-section{display:flex;flex-direction:column;gap:7px}.account-section-label{padding:0 4px}.account-section-label.in-card{padding:0;margin-bottom:12px}.account-profile-card{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 20px}.account-profile-main{display:flex;align-items:center;gap:13px;min-width:0}.account-profile-main img{width:52px;height:52px;border-radius:50%;object-fit:cover;box-shadow:0 0 0 1px rgba(0,0,0,.08)}.account-profile-main h2{font-size:15px;margin:0;color:#181A1E}.account-profile-main p{font-size:10.8px;color:#9298A1;margin:4px 0 0}.account-small-btn,.account-card-head button,.account-plan-card>button{border:1px solid #E1E4E8;background:#fff;color:#454B54;border-radius:12px;padding:8px 11px;font-size:10.8px;font-weight:800;cursor:pointer;transition:.18s ease}.account-small-btn:hover,.account-card-head button:hover,.account-plan-card>button:hover{background:#F6F7F8;color:#15171A}.account-birth-card{padding:17px}.account-card-head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding-bottom:13px;border-bottom:1px solid #ECEEF0}.account-head-left{display:flex;align-items:center;gap:10px}.account-head-left strong{display:block;font-size:12.8px}.account-head-left small{display:block;font-size:9.8px;color:#9AA0A8;margin-top:2px}.account-icon{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;flex:0 0 auto}.account-icon svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.account-icon.neutral{background:#fff;border:1px solid #E0E3E7;color:#5D646E}.account-icon.blue{background:#EFF6FF;color:#2563EB}.account-icon.purple{background:#F5F0FF;color:#7C3AED}.account-icon.amber{background:#FFF7E7;color:#D97706}.account-icon.sky{background:#EFF8FF;color:#0284C7}.account-icon.green{background:#ECFDF5;color:#059669}.account-icon.violet{background:#F5F3FF;color:#7C3AED}.account-birth-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:13px}.account-birth-grid>div{background:#FAFAFB;border:1px solid #ECEEF0;border-radius:14px;text-align:center;padding:10px}.account-birth-grid small{display:block;font-size:9px;color:#9CA2AA}.account-birth-grid strong{display:block;margin-top:3px;font-size:11.5px;color:#2A2D31}.account-pending{margin-top:10px;width:100%;border:1px solid #F7DDA1;background:#FFF9EA;border-radius:14px;padding:10px 12px;display:flex;justify-content:space-between;align-items:center;text-align:left;color:#A16207;cursor:pointer}.account-pending>span:first-child{display:grid;grid-template-columns:auto 1fr;column-gap:8px}.account-pending i{width:7px;height:7px;border-radius:50%;background:#F59E0B;margin-top:5px}.account-pending b{font-size:10.8px}.account-pending small{grid-column:2;font-size:9.5px;color:#B7791F;margin-top:2px}.account-list{padding:7px}.account-list>button{width:100%;border:0;background:transparent;display:flex;align-items:center;justify-content:space-between;gap:14px;text-align:left;padding:11px;border-radius:13px;color:#343940;cursor:pointer;transition:background .18s ease}.account-list>button+button{border-top:1px solid #EEF0F2;border-top-left-radius:0;border-top-right-radius:0}.account-list>button:hover{background:#F5F6F7}.account-row-left{display:flex;align-items:center;gap:10px;min-width:0}.account-row-left>b,.account-row-left span>b{display:block;font-size:11.8px}.account-row-left small{display:block;font-size:9.6px;color:#9AA0A8;margin-top:2px}.account-row-end{display:flex;align-items:center;gap:6px;font-size:13px;color:#A3A8AF;white-space:nowrap}.account-row-end b{font-size:10.5px;color:#676E77}.account-list.compact>button{font-size:11.5px;font-weight:700}.danger-list>button:last-child{color:inherit}.account-plan-card{padding:18px}.account-plan-main{display:flex;gap:11px;align-items:center}.account-plan-icon{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#18191B;color:#D8FE43;position:relative;overflow:hidden;transition:background .2s ease,border-color .2s ease,color .2s ease}.account-plan-icon img{display:block;width:22px;height:22px}.account-plan-icon svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.account-plan-logo-free{display:none}.account-plan-icon.is-free{background:#F5F6F7;border:1px solid #E1E4E8;color:#717780}.account-plan-icon.is-free .account-plan-logo-premium{display:none}.account-plan-icon.is-free .account-plan-logo-free{display:block}.account-plan-line{display:flex;align-items:center;gap:7px}.account-plan-line strong{font-size:13px}.account-plan-line span{font-size:8.5px;font-weight:900;background:#D8FE43;color:#263100;padding:3px 6px;border-radius:999px}.account-plan-main p{font-size:9.8px;color:#989EA7;margin:4px 0 0}.account-plan-card>button{margin-top:14px;width:100%;display:flex;justify-content:space-between}.account-sub-head{display:flex;align-items:flex-start;gap:12px;margin-bottom:18px}.account-sub-head>button{width:36px;height:36px;border:0;border-radius:50%;background:#EEF0F2;color:#5F6670;display:grid;place-items:center;cursor:pointer}.account-sub-head>button svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2}.account-sub-head h2{font-size:20px;margin:2px 0 4px;color:#17191D}.account-sub-head p{font-size:10.5px;color:#969CA5;margin:0}.account-sub-content{max-width:920px}.account-panel{background:#fff;border:1px solid #E8EAED;border-radius:24px;padding:18px;box-shadow:0 14px 30px rgba(0,0,0,.035)}.account-panel+.account-panel{margin-top:14px}.account-panel h3{font-size:13px;margin:0 0 4px}.account-panel>p{font-size:10.5px;color:#8C929B;line-height:1.55;margin:0 0 14px}.account-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.account-field{display:flex;flex-direction:column;gap:6px}.account-field.full{grid-column:1/-1}.account-field span{font-size:10px;font-weight:800;color:#616873}.account-field input,.account-field select,.account-field textarea{width:100%;box-sizing:border-box;border:1px solid #E0E3E7;background:#FAFAFB;border-radius:13px;padding:11px 12px;font:inherit;font-size:11px;outline:none}.account-field textarea{min-height:100px;resize:vertical}.account-field input:focus,.account-field select:focus,.account-field textarea:focus{background:#fff;border-color:#AAB0B8}.account-primary{border:0;background:#18191B;color:#fff;border-radius:13px;padding:11px 14px;font-size:11px;font-weight:900;cursor:pointer}.account-secondary{border:1px solid #E0E3E7;background:#fff;color:#4F5660;border-radius:13px;padding:10px 13px;font-size:10.8px;font-weight:800;cursor:pointer}.account-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:14px}.account-option-list{display:grid;gap:8px}.account-option{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#F8F9FA;border:1px solid #ECEEF0;border-radius:16px;padding:12px 13px}.account-option-left{display:flex;align-items:center;gap:10px}.account-option b{font-size:11.3px}.account-option small{display:block;font-size:9.6px;color:#9399A2;margin-top:2px}.account-switch{appearance:none;width:36px;height:20px;border-radius:999px;background:#D5D8DC;position:relative;cursor:pointer;transition:.2s}.account-switch:after{content:"";position:absolute;width:16px;height:16px;left:2px;top:2px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.15);transition:.2s}.account-switch:checked{background:#18191B}.account-switch:checked:after{left:18px}.account-language-search{position:relative;margin-bottom:10px}.account-language-search input{width:100%;box-sizing:border-box;border:1px solid #E2E5E8;border-radius:14px;background:#FAFAFB;padding:11px 13px;font-size:11px;outline:none}.account-language-list{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.account-language-btn{border:1px solid #ECEEF0;background:#F8F9FA;border-radius:14px;padding:11px 12px;display:flex;align-items:center;justify-content:space-between;text-align:left;cursor:pointer;font-size:11px;font-weight:700}.account-language-btn.active{border-color:#1B1D20;background:#fff;box-shadow:0 0 0 1px #1B1D20 inset}.account-language-btn span:last-child{opacity:0}.account-language-btn.active span:last-child{opacity:1}.account-session{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px;background:#F8F9FA;border:1px solid #ECEEF0;border-radius:16px}.account-session b{font-size:11.3px}.account-session small{display:block;color:#959BA3;font-size:9.5px;margin-top:3px}.account-session button{border:0;background:#fff;border:1px solid #E3E6EA;border-radius:10px;padding:7px 9px;font-size:9.5px;font-weight:800;cursor:pointer}.account-plain-row.is-danger{color:#9C3650}.account-plain-row.is-danger .account-row-left span>b{color:#9C3650}.account-plain-row.is-danger .account-row-left small{color:#B07B89}.account-plain-row.is-danger>span:last-child{color:#C06F82}.account-plain-row.is-danger .account-icon{background:#FFF4F7;border:1px solid #F1D8DF;color:#B24865}.account-plain-row.is-danger:hover{background:#FFF8FA}.account-danger-panel{border-color:#F3D7DE;background:#FFF9FB}.account-danger-panel .account-primary{background:#9F3D59}.account-danger-panel .account-primary:hover{background:#8E334D}.account-status-card{padding:14px;border-radius:17px;background:#FFF9EA;border:1px solid #F7DDA1}.account-status-card strong{font-size:11.5px;color:#92400E}.account-status-card p{font-size:9.8px;color:#A16207;line-height:1.5;margin:5px 0 0}.account-legal h4{font-size:12px;margin:14px 0 5px}.account-legal p{font-size:10.5px;color:#737A83;line-height:1.65;margin:0}.account-stage{will-change:opacity,transform}
@media(max-width:900px){.account-layout{grid-template-columns:1fr}.account-form-grid,.account-language-list{grid-template-columns:1fr}.account-page{padding:18px 12px 36px}.account-side-col{gap:16px}}


/* V14.1 — Account-only visual polish. Forecast / You / My Circle untouched. */
#accountPage.account-page{max-width:1380px;padding:30px 22px 50px}
#accountPage .account-title-row{margin-bottom:20px}
#accountPage .account-layout{grid-template-columns:minmax(0,1.16fr) minmax(390px,.84fr);gap:22px;align-items:start}
#accountPage .account-main-col,#accountPage .account-side-col{gap:20px}
#accountPage .account-section{gap:8px}
#accountPage .account-section-label{padding-left:5px;font-size:10px;letter-spacing:.14em}
#accountPage .account-profile-card{min-height:92px;padding:20px 22px;border-radius:26px}
#accountPage .account-plan-card{min-height:92px;padding:20px;border-radius:26px}
#accountPage .account-birth-card,#accountPage .account-list{border-radius:24px}
#accountPage .account-list{padding:8px}
#accountPage .account-list>button{min-height:58px;padding:12px 13px;border-radius:15px}
#accountPage .account-list.compact>button{min-height:54px}
#accountPage .account-row-left{gap:12px}
#accountPage .account-row-left>b,#accountPage .account-row-left span>b{font-size:12px}
#accountPage .account-row-left small{font-size:9.8px;line-height:1.35}
#accountPage .account-icon{width:34px;height:34px;border-radius:50%}
#accountPage .account-icon svg{width:17px;height:17px}
#accountPage .account-profile-main img{width:56px;height:56px}
#accountPage .account-profile-main h2{font-size:15.5px}
#accountPage .account-birth-grid>div{min-height:50px;padding:11px 10px;display:flex;flex-direction:column;justify-content:center}
#accountPage .account-plan-icon{width:40px;height:40px}
#accountPage .account-plan-icon svg{width:19px;height:19px}
#accountPage .account-plan-icon img{width:24px;height:24px}
#accountPage .account-plan-line strong{font-size:13.5px}
#accountPage .account-plan-card>button{min-height:38px;align-items:center}
#accountPage .account-row-end b{font-size:10.8px}
#accountPage .account-privacy-row .account-row-left>span:last-child,#accountPage .account-plain-row .account-row-left>span:last-child{font-size:11.6px;font-weight:700;color:#343940}

/* Wider, calmer subpages matching the Account home rhythm. */
#accountPage .account-subpage{max-width:1240px;margin:0 auto}
#accountPage .account-sub-head{align-items:center;gap:14px;margin:2px 0 20px}
#accountPage .account-sub-head>button{width:40px;height:40px;flex:0 0 40px;transition:background .18s ease,transform .18s ease}
#accountPage .account-sub-head>button:hover{background:#E7E9EC}
#accountPage .account-sub-head>button:active{transform:scale(.96)}
#accountPage .account-sub-head>button svg{width:18px;height:18px}
#accountPage .account-sub-head>div{display:flex;flex-direction:column;justify-content:center;min-height:48px}
#accountPage .account-sub-head h2{font-size:21px;line-height:1.08;margin:3px 0 4px}
#accountPage .account-sub-head p{font-size:10.8px;line-height:1.4}
#accountPage .account-sub-content{max-width:none;width:100%}
#accountPage .account-panel{border-radius:26px;padding:22px 24px;box-shadow:0 16px 36px rgba(18,20,24,.045)}
#accountPage .account-panel+.account-panel{margin-top:16px}
#accountPage .account-panel h3{font-size:13.5px}
#accountPage .account-panel>p{font-size:10.8px;margin-bottom:16px}
#accountPage .account-language-search{margin-bottom:12px}
#accountPage .account-language-search input{min-height:44px;border-radius:15px;padding:12px 14px}
#accountPage .account-language-list{gap:10px}
#accountPage .account-language-btn{min-height:48px;border-radius:15px;padding:12px 14px;font-size:11.3px;transition:background .18s ease,border-color .18s ease,transform .18s ease}
#accountPage .account-language-btn:hover{background:#F2F3F5;transform:translateY(-1px)}
#accountPage .account-language-btn.active{box-shadow:0 0 0 1px #1B1D20 inset,0 5px 14px rgba(18,20,24,.05)}
#accountPage .account-option-list{gap:10px}
#accountPage .account-option{min-height:58px;border-radius:17px;padding:13px 15px}
#accountPage .account-option-left{gap:12px}
#accountPage .account-option b{font-size:11.6px}
#accountPage .account-option small{font-size:9.8px;line-height:1.4}
#accountPage .account-option .account-icon{width:34px;height:34px}
#accountPage .account-switch{width:40px;height:22px}
#accountPage .account-switch:after{width:18px;height:18px}
#accountPage .account-switch:checked:after{left:20px}
#accountPage .account-session{min-height:60px;padding:14px 15px;border-radius:17px}
@media(max-width:900px){#accountPage.account-page{padding:20px 12px 38px}#accountPage .account-subpage{max-width:none}#accountPage .account-language-list{grid-template-columns:1fr}}

/* V14.2 — Account-only symmetry + premium rhythm. No Forecast / You / My Circle changes. */
#accountPage.account-page{
  max-width:1380px;
  padding:30px 22px 52px;
}
#accountPage .account-title-row{
  margin:0 0 20px;
  padding-left:2px;
}
#accountPage .account-title-row h1{font-size:24px;letter-spacing:-.035em}
#accountPage .account-title-row p{font-size:11.2px;line-height:1.45}

/* Pair left/right sections on the same vertical grid so labels/cards start on the same line. */
#accountPage .account-layout{
  grid-template-columns:minmax(0,1.13fr) minmax(410px,.87fr);
  grid-template-rows:auto auto auto auto;
  column-gap:22px;
  row-gap:20px;
  align-items:start;
}
#accountPage .account-main-col,
#accountPage .account-side-col{
  display:grid;
  grid-template-rows:subgrid;
  grid-row:1 / 5;
  gap:0;
  align-items:start;
}
#accountPage .account-main-col>*,
#accountPage .account-side-col>*{align-self:start;width:100%}

/* Profile and plan are treated as the same visual tier. */
#accountPage .account-profile-card,
#accountPage .account-plan-card{
  min-height:104px;
  border-radius:26px;
  padding:20px 22px;
  box-shadow:0 12px 30px rgba(18,20,24,.045);
}
#accountPage .account-profile-card{
  background:linear-gradient(180deg,#fff 0%,#fff 72%,#FDFDFD 100%);
}
#accountPage .account-profile-main{gap:14px}
#accountPage .account-profile-main img{width:58px;height:58px}
#accountPage .account-profile-main h2{font-size:15.8px;line-height:1.2}
#accountPage .account-profile-main p{font-size:10.4px;margin-top:5px}
#accountPage .account-small-btn{min-height:34px;padding:8px 13px;border-radius:12px}

#accountPage .account-plan-card{display:flex;flex-direction:column;justify-content:center}
#accountPage .account-section-label.in-card{margin-bottom:10px}
#accountPage .account-plan-main{gap:12px}
#accountPage .account-plan-card>button{margin-top:12px}

/* Section labels use one baseline and one spacing rhythm in both columns. */
#accountPage .account-section{gap:9px}
#accountPage .account-section-label{
  min-height:14px;
  display:flex;
  align-items:center;
  padding:0 5px;
  font-size:9.8px;
  line-height:1;
  letter-spacing:.145em;
}

/* Card geometry is consistent across both columns. */
#accountPage .account-birth-card,
#accountPage .account-list{
  border-radius:24px;
  box-shadow:0 10px 26px rgba(18,20,24,.035);
}
#accountPage .account-birth-card{padding:17px 18px}
#accountPage .account-card-head{min-height:42px;padding-bottom:12px}
#accountPage .account-birth-grid{gap:10px;margin-top:12px}
#accountPage .account-birth-grid>div{
  min-height:52px;
  padding:10px 12px;
  border-radius:14px;
}
#accountPage .account-birth-grid small{font-size:8.8px}
#accountPage .account-birth-grid strong{font-size:11.4px;margin-top:4px}

#accountPage .account-list{padding:7px}
#accountPage .account-list>button,
#accountPage .account-list.compact>button{
  min-height:58px;
  padding:11px 13px;
  border-radius:15px;
}
#accountPage .account-list.compact>button{min-height:56px}
#accountPage .account-row-left{gap:12px}
#accountPage .account-icon{width:34px;height:34px}
#accountPage .account-icon svg{width:17px;height:17px}
#accountPage .account-row-left span>b,
#accountPage .account-row-left>b{font-size:11.9px;line-height:1.25}
#accountPage .account-row-left small{font-size:9.65px;line-height:1.35;margin-top:3px}
#accountPage .account-row-end{padding-right:1px}

/* Right-side compact rows no longer feel visually thinner than the left side. */
#accountPage .account-privacy-row .account-row-left>span:last-child,
#accountPage .account-plain-row .account-row-left>span:last-child{
  font-size:11.75px;
  font-weight:700;
  line-height:1.3;
}

/* Subpages: keep the header vertically centered and content aligned to one clean measure. */
#accountPage .account-subpage{max-width:1240px;margin:0 auto}
#accountPage .account-sub-head{
  display:grid;
  grid-template-columns:42px minmax(0,1fr);
  align-items:center;
  gap:14px;
  margin:0 0 20px;
  min-height:62px;
}
#accountPage .account-sub-head>button{width:42px;height:42px;align-self:center}
#accountPage .account-sub-head>div{min-height:0;justify-content:center}
#accountPage .account-sub-head span{line-height:1;margin-bottom:3px}
#accountPage .account-sub-head h2{font-size:21px;line-height:1.12;margin:2px 0 4px}
#accountPage .account-sub-head p{font-size:10.8px;line-height:1.4;margin:0}
#accountPage .account-sub-content{max-width:none;width:100%}
#accountPage .account-panel{padding:22px 24px;border-radius:26px}
#accountPage .account-language-list{gap:10px}
#accountPage .account-language-btn{min-height:50px;padding:12px 14px}

@media(max-width:1100px){
  #accountPage .account-layout{grid-template-columns:1fr 1fr;column-gap:18px}
}
@media(max-width:900px){
  #accountPage .account-layout{display:grid;grid-template-columns:1fr;grid-template-rows:none;row-gap:18px}
  #accountPage .account-main-col,#accountPage .account-side-col{display:flex;grid-row:auto;gap:18px}
  #accountPage .account-profile-card,#accountPage .account-plan-card{min-height:auto}
}

/* v14.3 — Account uses the same desktop canvas width as Forecast / You / My Circle. */
#accountPage.account-page{
  width:100%;
  max-width:1700px;
  padding-left:34px;
  padding-right:34px;
}
#accountPage .account-layout{
  grid-template-columns:minmax(0,1.18fr) minmax(430px,.82fr);
  column-gap:26px;
}
#accountPage .account-subpage{
  max-width:1500px;
  width:100%;
}
@media(max-width:1100px){
  #accountPage.account-page{padding-left:22px;padding-right:22px}
  #accountPage .account-layout{grid-template-columns:1fr 1fr;column-gap:18px}
}
@media(max-width:900px){
  #accountPage.account-page{padding-left:12px;padding-right:12px}
  #accountPage .account-subpage{max-width:none}
}

/* v14.4 — Account width fix: use the same horizontal canvas as You / Forecast / My Circle.
   Only Account page width/alignment is corrected; no other sections are touched. */
#accountPage.account-page{
  width:100%;
  max-width:none;
  margin:0;
  padding-top:30px;
  padding-bottom:52px;
  padding-left:0;
  padding-right:0;
}
#accountPage .account-title-row,
#accountPage .account-layout,
#accountPage .account-subpage{
  width:100%;
}
#accountPage .account-subpage{
  max-width:none;
}
@media(max-width:1100px){
  #accountPage.account-page{
    padding-left:0;
    padding-right:0;
  }
}
@media(max-width:900px){
  #accountPage.account-page{
    padding-top:20px;
    padding-bottom:38px;
    padding-left:0;
    padding-right:0;
  }
}

/* V15 — Account UX cleanup only. Keeps the established ZodiLab visual language. */
#accountPage .account-summary-grid{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(430px,.82fr);gap:26px;margin-bottom:20px;align-items:stretch}
#accountPage .account-summary-grid>.card{width:100%;box-sizing:border-box}
#accountPage .account-layout{grid-template-columns:minmax(0,1.18fr) minmax(430px,.82fr);column-gap:26px;row-gap:20px;align-items:start}
#accountPage .account-main-col,#accountPage .account-side-col{display:flex;flex-direction:column;gap:20px;grid-row:auto}
#accountPage .account-product-note{text-align:center;color:#A1A6AE;font-size:9.5px;padding:2px 0 6px}
#accountPage .account-list.compact .account-row-left>span:last-child{min-width:0}
#accountPage .account-list.compact .account-row-left>span:last-child>b{display:block;font-size:11.9px;color:#343940}
#accountPage .account-list.compact .account-row-left>span:last-child>small{display:block;font-size:9.65px;color:#9AA0A8;margin-top:3px;line-height:1.35}
#accountPage .account-profile-editor{margin-bottom:14px}
#accountPage .account-avatar-edit{display:flex;align-items:center;gap:14px;padding:13px 14px;background:#F8F9FA;border:1px solid #ECEEF0;border-radius:17px}
#accountPage .account-avatar-edit img{width:54px;height:54px;border-radius:50%;object-fit:cover;box-shadow:0 0 0 1px rgba(0,0,0,.08)}
#accountPage .account-avatar-edit>div{display:flex;align-items:flex-start;flex-direction:column;gap:4px}
#accountPage .account-avatar-edit b{font-size:11.6px}
#accountPage .account-avatar-edit small{font-size:9.7px;color:#969CA5}
#accountPage .account-avatar-edit .account-secondary{margin-top:4px;padding:7px 10px}
#accountPage .account-inline-note{margin-top:12px;padding:11px 12px;border-radius:14px;background:#F0F8FF;border:1px solid #DCEEFF;color:#536B7C;font-size:9.9px;line-height:1.5}
#accountPage .account-check-line{display:flex;align-items:center;gap:7px;margin-top:7px;font-size:9.8px;color:#69717B;font-weight:600}
#accountPage .account-check-line input{width:14px;height:14px;margin:0;padding:0}
#accountPage #accountBirthUnknownHint{margin-top:6px;color:#A16207;font-size:9.5px;line-height:1.45}
#accountPage .account-detail-copy{font-size:10.5px;color:#737A83;line-height:1.65;margin:0}
#accountPage .account-operator-note{font-size:9.6px;color:#9AA0A8;line-height:1.5;margin:12px 2px 0}
#accountPage .account-topic-btn{border:1px solid #ECEEF0!important;cursor:pointer;text-align:left}
#accountPage .account-topic-btn:hover{background:#F3F4F5}
#accountPage .account-about-hero{display:flex;align-items:center;gap:12px;margin-bottom:14px}
#accountPage .account-about-logo{width:46px;height:46px;border-radius:16px;background:#18191B;color:#D8FE43;display:grid;place-items:center;font-size:18px;font-weight:900;box-shadow:0 8px 20px rgba(18,20,24,.10)}
#accountPage .account-about-hero b{display:block;font-size:13px}.account-about-hero small{display:block;font-size:9.8px;color:#9AA0A8;margin-top:3px}
#accountPage .account-contact-row .account-secondary{flex:0 0 auto}
#accountPage #accountContactFlow{margin-top:14px}
@media(max-width:1100px){#accountPage .account-summary-grid,#accountPage .account-layout{grid-template-columns:1fr 1fr;gap:18px}}
@media(max-width:900px){#accountPage .account-summary-grid,#accountPage .account-layout{grid-template-columns:1fr;gap:18px}#accountPage .account-main-col,#accountPage .account-side-col{gap:18px}}


/* v16 — Auth + registration + onboarding, ported from app without touching main views */
.zl-auth-gate,.zl-onboarding{position:fixed;inset:0;z-index:300;background:#f5f5f2;font-family:'Plus Jakarta Sans',sans-serif}.zl-auth-gate.hidden,.zl-onboarding.hidden{display:none!important}.zl-auth-frame{min-height:100vh;display:grid;grid-template-columns:minmax(360px,44%) minmax(520px,56%)}.zl-auth-brand{background:#0f1012;color:#fff;position:relative;overflow:hidden;display:flex;align-items:flex-end;padding:72px}.zl-auth-brand:after{content:'';position:absolute;width:520px;height:520px;border:1px solid rgba(255,255,255,.07);border-radius:50%;right:-160px;top:-70px;box-shadow:0 0 0 80px rgba(255,255,255,.018),0 0 0 160px rgba(255,255,255,.012)}.zl-auth-orbit{position:absolute;right:70px;top:70px;width:250px;height:250px;border:1px solid rgba(216,254,67,.22);border-radius:50%}.zl-auth-orbit:before,.zl-auth-orbit:after{content:'';position:absolute;border:1px solid rgba(255,255,255,.08);border-radius:50%;inset:42px}.zl-auth-orbit:after{inset:86px}.zl-auth-orbit i{position:absolute;width:7px;height:7px;background:#d8fe43;border-radius:50%}.zl-auth-orbit i:nth-child(1){top:12%;left:26%}.zl-auth-orbit i:nth-child(2){right:6%;top:52%;background:#fff}.zl-auth-orbit i:nth-child(3){left:28%;bottom:3%;background:#8580c8}.zl-auth-brand-copy{position:relative;z-index:2}.zl-auth-star{display:block;color:#d8fe43;font-size:28px;margin-bottom:16px}.zl-auth-brand h1{font-size:48px;letter-spacing:-2px;margin:0 0 10px}.zl-auth-brand p{margin:0;color:#b9bbc0;font-weight:600;font-size:15px}.zl-auth-panel{display:flex;align-items:center;justify-content:center;padding:48px}.zl-auth-card{width:min(440px,100%);background:#fff;border:1px solid #e7e8ea;border-radius:30px;padding:34px;box-shadow:0 18px 60px rgba(18,20,24,.08)}.zl-auth-heading>span{font-size:10px;font-weight:800;letter-spacing:.16em;color:#9a9ca3}.zl-auth-heading h2,.zl-ob-heading h2{font-size:25px;letter-spacing:-.8px;margin:7px 0 4px;color:#111318}.zl-auth-heading p,.zl-ob-heading p{margin:0 0 24px;color:#8b8e97;font-size:12px;font-weight:600;line-height:1.55}.zl-segment{display:flex;background:#f4f4f6;padding:4px;border:1px solid #ececef;border-radius:16px;margin-bottom:20px}.zl-segment button{flex:1;border:0;background:transparent;border-radius:12px;padding:10px;font:700 12px inherit;color:#777b84;cursor:pointer}.zl-segment button.active{background:#fff;color:#111;box-shadow:0 2px 8px rgba(0,0,0,.06)}.zl-segment.compact{margin:0 0 14px}.zl-segment.compact button{padding:8px}.zl-segment button span{background:#d8fe43;color:#171e04;padding:2px 6px;border-radius:999px;font-size:9px;margin-left:4px}.zl-auth-form{display:grid;gap:11px}.zl-auth-form label,.zl-ob-field,.zl-ob-grid label,.zl-gender>label{font-size:10px;text-transform:uppercase;letter-spacing:.08em;font-weight:800;color:#9699a1;display:grid;gap:7px}.zl-auth-form input,.zl-auth-form select,.zl-ob-field input,.zl-ob-grid input,.zl-language-card select{height:50px;border:1px solid #e0e2e5;border-radius:15px;background:#f8f9fa;padding:0 14px;font:700 13px inherit;color:#24262b;outline:none}.zl-auth-form input:focus,.zl-ob-field input:focus,.zl-ob-grid input:focus{border-color:#17191c;background:#fff}.zl-phone-row{display:grid;grid-template-columns:125px 1fr;gap:8px}.zl-primary{height:50px;border:0;border-radius:15px;background:#d8fe43;color:#141a04;font:800 13px inherit;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px}.zl-primary b{font-size:18px}.zl-primary.dark{background:#0f1012;color:#fff}.zl-primary.disabled{opacity:.45;cursor:not-allowed}.zl-auth-note{text-align:center;color:#9a9ca3;font-size:10.5px;font-weight:600;line-height:1.7}.zl-auth-note button,.zl-auth-footer button,.zl-change-target,.zl-otp-actions button,.zl-back-link,.zl-skip-link,.zl-ob-actions>button:not(.zl-primary){border:0;background:none;cursor:pointer;font:700 11px inherit;color:#555a63}.zl-auth-note button{display:block;margin:auto}.zl-auth-footer{text-align:center;margin-top:24px;padding-top:19px;border-top:1px solid #eee;font-size:11px;color:#9a9ca3;font-weight:600}.zl-auth-footer button{color:#111;margin-left:4px}.zl-error{color:#dc3654;font-size:10.5px;font-weight:700;margin:0}.zl-back-link{padding:0;margin-bottom:18px;display:inline-flex;align-items:center;gap:6px}.zl-back-link svg{width:15px;height:15px;flex:0 0 15px}.zl-change-target{text-decoration:underline;padding:0;margin:-13px 0 18px}.zl-otp{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin-bottom:12px}.zl-otp input{min-width:0;height:52px;text-align:center;font-size:18px;font-weight:800;background:#f8f9fa;border:1px solid #e0e2e5;border-radius:13px;outline:none}.zl-otp input:focus{border-color:#111;background:#fff}.zl-otp-actions{display:grid;justify-items:center;gap:8px;margin-top:16px;font-size:10.5px;color:#9a9ca3;font-weight:600}.hidden{display:none!important}.invisible{visibility:hidden!important}
.zl-onboarding{overflow:auto;padding:36px}.zl-onboarding-shell{width:min(640px,calc(100% - 30px));min-height:calc(100vh - 72px);margin:auto;background:#fff;border:1px solid #e6e7e9;border-radius:30px;padding:26px 30px;box-shadow:0 18px 60px rgba(18,20,24,.08);display:flex;flex-direction:column}.zl-ob-top{display:grid;grid-template-columns:42px 1fr 42px;align-items:center}.zl-ob-top button{width:34px;height:34px;border-radius:50%;border:0;background:#f2f3f4;font-weight:900;cursor:pointer}.zl-ob-top div{text-align:center;font-size:12px}.zl-ob-top div span{color:#a4a6ac;margin-left:4px}.zl-ob-progress{height:4px;background:#f0f1f2;border-radius:99px;margin:13px 0 0;overflow:hidden}.zl-ob-progress span{display:block;height:100%;width:33.33%;background:#d8fe43;border-radius:99px;transition:.25s}.zl-ob-step{flex:1;display:flex;flex-direction:column;justify-content:space-between;padding:26px 0 2px;gap:22px}.zl-ob-heading.inline{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.zl-ob-heading.inline>span{background:#f1f2f3;color:#5d6169;border-radius:999px;padding:5px 9px;font-size:10px;font-weight:800;white-space:nowrap}.zl-language-card{background:#f8f9fa;border:1px solid #eceef0;border-radius:18px;padding:13px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:12px;margin-bottom:15px}.zl-language-card b{display:block;font-size:11.5px}.zl-language-card small{display:block;color:#979aa2;font-size:10px;margin-top:3px}.zl-language-card select{height:38px;background:#fff}.zl-language-card footer{grid-column:1/-1;border-top:1px solid #e3e4e7;padding-top:10px;display:flex;justify-content:space-between;color:#777b84;font-size:10px}.zl-ob-grid.two,.zl-sign-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.zl-ob-grid{margin-bottom:14px}.zl-ob-field{margin-bottom:14px}.zl-sign-grid{margin-bottom:14px}.zl-sign-grid>div{background:#f8f9fa;border:1px solid #e0e2e5;border-radius:16px;padding:12px;display:grid;grid-template-columns:1fr auto;gap:6px;align-items:center}.zl-sign-grid small{font-size:9px;color:#9a9ca3;font-weight:800}.zl-sign-grid strong{font-size:13px}.zl-sign-grid em{font-style:normal;font-size:9.5px;color:#609062;font-weight:700}.zl-sign-icon{grid-row:1/3;grid-column:2;width:32px;height:32px;border-radius:11px;background:#f0ebff;color:#6d28d9;display:grid;place-items:center}.zl-sign-icon.amber{background:#fff5dd;color:#9b6b08}.zl-gender>div{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:7px}.zl-gender button{height:42px;border-radius:14px;border:1px solid #e0e2e5;background:#f8f9fa;font-weight:800;cursor:pointer}.zl-gender button.active{background:#fff;border:2px solid #111}.zl-check{display:flex;gap:7px;align-items:center;font-size:10.5px;color:#696d75;font-weight:700;margin:-7px 0 10px}.zl-hint{background:#fff8e8;color:#8a651c;padding:10px;border-radius:12px;font-size:10px;line-height:1.5}.zl-location-quick{display:flex;gap:7px;flex-wrap:wrap;margin:-5px 0 13px}.zl-location-quick button{border:1px solid #e2e4e7;background:#fff;border-radius:999px;padding:6px 9px;font-size:9.5px;font-weight:700;color:#686c73;cursor:pointer}.zl-calc-state{background:#f8f9fa;border:1px solid #e0e2e5;border-radius:15px;padding:13px;text-align:center;color:#737780;font-size:10.5px;line-height:1.55;margin-bottom:9px}.zl-calc-state i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#d8fe43;margin-right:7px;box-shadow:0 0 0 5px rgba(216,254,67,.2)}.zl-calc-result{border:2px solid #17191c;border-radius:17px;padding:13px;margin-bottom:9px}.zl-calc-result header,.zl-house-head{display:flex;align-items:center;justify-content:space-between}.zl-calc-result header{padding-bottom:10px;border-bottom:1px solid #eee}.zl-calc-result header small,.zl-house-grid small{display:block;color:#9a9ca3;font-size:8.5px;font-weight:800}.zl-calc-result header strong{font-size:14px}.zl-calc-result header span{background:#d8fe43;border-radius:99px;padding:4px 7px;font-size:9px;font-weight:800}.zl-house-head{margin-top:10px;font-size:10.5px}.zl-house-head em{font-style:normal;color:#15955a;font-weight:800}.zl-calc-result>p{font-size:10px;color:#7b7f87}.zl-house-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.zl-house-grid div{background:#f8f9fa;padding:8px;border-radius:11px}.zl-house-grid b{font-size:9.5px}.zl-skip-link{display:block;margin:auto}.zl-ob-actions{display:grid;gap:6px}.zl-ob-actions>button:not(.zl-primary){height:34px}.zl-plan-card{border:2px solid #e2e4e7;background:#f8f9fa;border-radius:17px;padding:15px;margin-bottom:10px;cursor:pointer}.zl-plan-card.active{border-color:#111;background:#fff;box-shadow:0 3px 12px rgba(0,0,0,.04)}.zl-plan-card header{display:flex;justify-content:space-between;gap:12px;align-items:center}.zl-plan-card header div{display:flex;align-items:center;gap:7px}.zl-plan-card header b,.zl-plan-card header strong{font-size:12px}.zl-plan-card header span{font-size:8.5px;background:#eceef0;padding:3px 7px;border-radius:99px;font-weight:800}.zl-plan-card header span.lime{background:#d8fe43}.zl-plan-card p{font-size:10.5px;color:#676b73;line-height:1.5}.zl-plan-card em{display:block;font-size:9px;color:#9a9ca3;font-style:normal;line-height:1.45}.zl-plan-card>small{display:block;font-size:9.5px;font-weight:700;line-height:1.8;margin-top:8px}.zl-whatsapp-row{background:#f8f9fa;border:1px solid #eceef0;border-radius:16px;padding:12px;display:flex;align-items:center;justify-content:space-between;gap:10px}.zl-whatsapp-row>span{display:flex;gap:9px;align-items:center}.zl-whatsapp-row>span>i{width:31px;height:31px;border-radius:50%;display:grid;place-items:center;background:#e7f9ef;color:#16955d}.zl-whatsapp-row b{display:block;font-size:10.5px}.zl-whatsapp-row small{display:block;font-size:9.5px;color:#979aa2;margin-top:2px}.zl-whatsapp-row>em{font-style:normal;font-size:8px;border:1px solid #ddd;background:#fff;padding:3px 6px;border-radius:99px}.zl-ob-complete{flex:1;min-height:520px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.zl-ob-complete h2{font-size:23px;margin:18px 0 5px}.zl-ob-complete p{color:#8b8e97;font-size:11px}.zl-profile-motion{width:76px;height:76px;border-radius:24px;background:#0f1012;color:#d8fe43;display:grid;place-items:center;font-size:26px;font-weight:900;animation:zlPulse 1.5s ease-in-out infinite;box-shadow:0 0 0 12px rgba(216,254,67,.12)}@keyframes zlPulse{50%{transform:scale(1.045);box-shadow:0 0 0 22px rgba(216,254,67,.03)}}.zl-dots{display:flex;gap:6px;margin-top:12px}.zl-dots i{width:6px;height:6px;border-radius:50%;background:#d0d2d6;animation:zlDot 1s infinite}.zl-dots i:nth-child(2){animation-delay:.15s}.zl-dots i:nth-child(3){animation-delay:.3s;background:#d8fe43}@keyframes zlDot{50%{transform:translateY(-4px);opacity:.5}}.zl-ready-check{width:64px;height:64px;border-radius:50%;background:#dcfce7;color:#15955a;display:grid;place-items:center;font-size:27px;font-weight:900}.zl-ob-complete .zl-primary{width:100%;margin-top:28px}.zl-confirm{position:fixed;inset:0;background:rgba(0,0,0,.36);display:grid;place-items:center;padding:20px;z-index:10}.zl-confirm>div{width:min(360px,100%);background:#fff;border-radius:24px;padding:22px;text-align:center;box-shadow:0 20px 70px rgba(0,0,0,.18)}.zl-confirm h3{font-size:14px}.zl-confirm p{font-size:10.5px;color:#777b84;line-height:1.55}.zl-confirm button{width:100%;margin-top:7px;height:42px;border:0;border-radius:13px;font-weight:800;cursor:pointer}.zl-confirm button:last-child{background:#f2f3f4;color:#666}
@media(max-width:850px){.zl-auth-frame{grid-template-columns:1fr}.zl-auth-brand{min-height:250px;padding:34px}.zl-auth-brand h1{font-size:36px}.zl-auth-panel{padding:22px;margin-top:-26px;z-index:3}.zl-auth-card{border-radius:26px}.zl-onboarding{padding:0}.zl-onboarding-shell{width:100%;min-height:100vh;border-radius:0;border:0;padding:22px}.zl-auth-orbit{right:-35px;top:12px}.zl-ob-grid.two,.zl-sign-grid,.zl-house-grid{grid-template-columns:1fr 1fr}}

/* v17 — Auth shell aligned with Forecast / You / My Circle / Account dimensions. */
.zl-auth-gate{
  position:fixed;
  inset:0;
  z-index:300;
  overflow:auto;
  background:var(--canvas);
}
.zl-auth-topbar{
  height:69px;
  background:rgba(255,255,255,.96);
  border-bottom:1px solid #e7e9ec;
  position:sticky;
  top:0;
  z-index:3;
  backdrop-filter:blur(18px);
}
.zl-auth-topbar-inner{
  max-width:1720px;
  height:100%;
  margin:0 auto;
  padding:0 20px;
  display:flex;
  align-items:center;
  justify-content:space-between;
}
.zl-auth-top-actions{display:flex;align-items:center;gap:8px}
.zl-auth-top-btn{
  border:0;
  border-radius:13px;
  min-height:38px;
  padding:0 15px;
  background:#f1f2f4;
  color:#5f6570;
  font-size:11px;
  font-weight:800;
  cursor:pointer;
}
.zl-auth-top-btn.primary{background:var(--lime);color:#172004}
.zl-auth-top-btn.active{color:#1a1d22}
.zl-auth-page-wrap{
  max-width:1700px;
  margin:0 auto;
  padding:34px 34px 80px;
}
.zl-auth-frame{
  min-height:calc(100vh - 69px - 68px);
  width:100%;
  display:grid;
  grid-template-columns:minmax(0,5fr) minmax(0,7fr);
  background:#fff;
  border:1px solid #e7e9ec;
  border-radius:28px;
  overflow:hidden;
  box-shadow:0 1px 2px rgba(20,22,26,.025),0 18px 44px rgba(20,22,26,.055);
}
.zl-auth-brand{
  min-height:640px;
  padding:54px;
  align-items:flex-end;
  border-radius:0;
}
.zl-auth-brand h1{font-size:38px;letter-spacing:-1.4px}
.zl-auth-brand p{font-size:13px}
.zl-auth-panel{
  min-height:640px;
  padding:52px clamp(40px,5vw,86px);
  background:#fff;
}
.zl-auth-card{
  width:min(520px,100%);
  background:transparent;
  border:0;
  border-radius:0;
  padding:0;
  box-shadow:none;
}
.zl-auth-heading h2{font-size:22px;letter-spacing:-.65px}
.zl-auth-heading p{margin-bottom:20px}
.zl-auth-form input,.zl-auth-form select{height:48px}
.zl-primary{height:48px}
.zl-otp{grid-template-columns:repeat(6,minmax(0,1fr));gap:9px}
.zl-otp input{width:100%;height:52px}

/* Onboarding uses the same global content width instead of an isolated small modal. */
.zl-onboarding{
  position:fixed;
  inset:0;
  z-index:300;
  background:var(--canvas);
  overflow:auto;
  padding:0;
}
.zl-onboarding:before{
  content:'ZodiLab';
  position:sticky;
  top:0;
  z-index:2;
  height:69px;
  display:flex;
  align-items:center;
  padding-left:max(34px,calc((100vw - 1700px)/2 + 34px));
  background:rgba(255,255,255,.96);
  border-bottom:1px solid #e7e9ec;
  backdrop-filter:blur(18px);
  color:#1d2430;
  font-size:16px;
  font-weight:800;
  letter-spacing:-.03em;
}
.zl-onboarding-shell{
  width:auto;
  max-width:1380px;
  min-height:calc(100vh - 69px - 68px);
  margin:34px auto 80px;
  border-radius:28px;
  padding:30px 34px;
  box-shadow:0 1px 2px rgba(20,22,26,.025),0 18px 44px rgba(20,22,26,.05);
}
.zl-ob-step{padding-top:24px}
.zl-ob-step>div:first-child{max-width:920px;width:100%;margin:0 auto}
.zl-ob-actions{max-width:920px;width:100%;margin:0 auto}
.zl-ob-top,.zl-ob-progress{max-width:920px;width:100%;margin-left:auto;margin-right:auto}
.zl-ob-complete{max-width:920px;width:100%;margin:0 auto}

@media(max-width:900px){
  .zl-auth-page-wrap{padding:18px 12px 38px}
  .zl-auth-frame{grid-template-columns:1fr;min-height:auto;border-radius:24px}
  .zl-auth-brand{min-height:230px;padding:30px}
  .zl-auth-panel{min-height:auto;padding:30px 22px 36px}
  .zl-auth-card{width:100%}
  .zl-auth-topbar-inner{padding:0 14px}
  .zl-auth-topbar .brand-copy small{display:none}
  .zl-onboarding:before{padding-left:18px}
  .zl-onboarding-shell{margin:18px 12px 38px;min-height:calc(100vh - 105px);padding:24px 20px;border-radius:24px}
}


/* v18 auth/onboarding polish */
#zlOtpVerify{width:100%;margin-top:6px}
.zl-language-picker{position:relative}
.zl-lang-trigger{height:38px;min-width:132px;padding:0 12px 0 14px;border:1px solid #dfe2e6;background:#fff;border-radius:14px;display:flex;align-items:center;justify-content:space-between;gap:10px;font:800 11.5px inherit;color:#222832;cursor:pointer}
.zl-lang-trigger svg{width:14px;height:14px;color:#9297a0;flex:none}
.zl-lang-menu{position:absolute;top:calc(100% + 6px);right:0;min-width:132px;background:#fff;border:1px solid #e2e4e8;border-radius:16px;padding:6px;box-shadow:0 18px 32px rgba(16,19,24,.09);display:grid;gap:2px;z-index:10}
.zl-lang-menu button{border:0;background:transparent;border-radius:12px;padding:10px 11px;display:flex;justify-content:space-between;align-items:center;font:700 11.5px inherit;color:#4b525d;cursor:pointer;text-align:left}
.zl-lang-menu button span:last-child{opacity:0;transform:scale(.8)}
.zl-lang-menu button:hover,.zl-lang-menu button.active{background:#111318;color:#fff}
.zl-lang-menu button.active span:last-child{opacity:1;transform:scale(1)}
.zl-sign-grid strong{line-height:1.2}
.zl-sign-icon{display:grid;place-items:center}
.zl-sign-icon svg{width:16px;height:16px}
.zl-field-control{position:relative}
.zl-field-control input{padding-right:42px!important}
.zl-field-icon{position:absolute;right:14px;top:50%;transform:translateY(-50%);width:18px;height:18px;color:#17191c;opacity:.82;pointer-events:none}
.zl-field-icon svg{width:100%;height:100%}
.zl-location-stack{position:relative;margin-bottom:2px}
.zl-location-results{position:absolute;left:0;right:0;top:100%;margin-top:6px;background:#fff;border:1px solid #e1e4e8;border-radius:18px;box-shadow:0 14px 32px rgba(18,20,24,.08);overflow:hidden;z-index:10}
.zl-location-result,.zl-location-empty{width:100%;padding:12px 14px;background:#fff;border:0;text-align:left;font:700 11.5px inherit;color:#30353d}
.zl-location-result + .zl-location-result{border-top:1px solid #eff1f3}
.zl-location-result:hover{background:#f7f8f9}
.zl-location-empty{color:#959aa2}
.zl-plan-card>small{display:grid;gap:6px;margin-top:10px;color:#2f343b}
.zl-plan-card>small br{display:none}
.zl-whatsapp-row{min-height:72px;padding:14px 14px 14px 12px;align-items:center}
.zl-whatsapp-row>span{align-items:center;min-width:0;flex:1}
.zl-whatsapp-row>span>i{width:34px;height:34px;flex:none}
.zl-whatsapp-row>span>i svg{width:17px;height:17px}
.zl-whatsapp-row small{line-height:1.45}
.zl-whatsapp-row input{width:16px;height:16px;accent-color:#111;cursor:pointer}
.zl-whatsapp-row.enabled{border-color:#dfe4e4;background:#f8f9fa}
.zl-ob-state{max-width:920px;width:100%;margin:0 auto}
.zl-ob-state h2{margin:20px 0 7px}
.zl-ob-state p{max-width:340px;line-height:1.6}
.zl-profile-motion,.zl-payment-motion{position:relative;width:92px;height:92px;display:grid;place-items:center}
.zl-profile-core,.zl-payment-core,.zl-profile-motion>span:last-child{position:relative;z-index:2;width:68px;height:68px;border-radius:24px;background:#0f1012;color:#d8fe43;display:grid;place-items:center;font-size:27px;font-weight:900;box-shadow:0 18px 30px rgba(15,16,18,.18)}
.zl-profile-motion{animation:none}
.zl-profile-orbit{position:absolute;inset:8px;border-radius:50%;border:1px solid rgba(216,254,67,.24)}
.zl-profile-orbit-a{animation:zlSpin 6.5s linear infinite}
.zl-profile-orbit-b{inset:0;border-color:rgba(125,127,210,.18);animation:zlSpinRev 9s linear infinite}
.zl-profile-orbit-a:before,.zl-profile-orbit-b:before{content:'';position:absolute;width:10px;height:10px;border-radius:50%;background:#d8fe43;top:-5px;left:50%;transform:translateX(-50%);box-shadow:0 0 0 8px rgba(216,254,67,.1)}
.zl-profile-orbit-b:before{background:#7d7fd2;box-shadow:0 0 0 7px rgba(125,127,210,.08)}
.zl-profile-motion:after{content:'';position:absolute;inset:15px;border-radius:32px;background:radial-gradient(circle, rgba(216,254,67,.16), rgba(216,254,67,0) 65%)}
@keyframes zlSpin{to{transform:rotate(360deg)}}
@keyframes zlSpinRev{to{transform:rotate(-360deg)}}
.zl-payment-ring{position:absolute;inset:2px;border-radius:50%;border:1px solid rgba(216,254,67,.22);box-shadow:0 0 0 12px rgba(216,254,67,.08);animation:zlPulseRing 1.8s ease-in-out infinite}
.zl-payment-core{font-size:0;color:#d8fe43}
.zl-payment-core svg{width:28px;height:28px}
@keyframes zlPulseRing{50%{transform:scale(1.04);opacity:.65}}
#zlObPayment .zl-dots i:nth-child(3),#zlObLoading .zl-dots i:nth-child(3){background:#d8fe43}
.zl-ob-ready{max-width:920px;width:100%;margin:0 auto;display:flex;flex-direction:column;justify-content:space-between;padding:16px 0 4px;text-align:center}
.zl-ready-copy{margin:auto 0;display:grid;justify-items:center;gap:10px}
.zl-ready-check{position:relative;overflow:hidden;box-shadow:0 10px 24px rgba(21,149,90,.12)}
.zl-ready-check:after{content:'';position:absolute;inset:-30%;background:conic-gradient(from 0deg, transparent, rgba(255,255,255,.35), transparent);animation:zlSpin 2.4s linear infinite}
.zl-ready-check{font-size:0}
.zl-ready-check::before{content:'✓';position:relative;z-index:2;font-size:27px;font-weight:900}
#zlObReady .zl-primary{width:100%;margin-top:24px;align-self:stretch}
@media(max-width:900px){.zl-lang-menu{left:0;right:auto}.zl-whatsapp-row{align-items:flex-start}.zl-ob-ready{min-height:calc(100vh - 180px)}}

/* v18.1 narrow input/back-button correction only */
.zl-ob-field,.zl-location-stack,.zl-field-control{width:100%;min-width:0}
.zl-field-control{display:block}
.zl-field-control input{display:block;width:100%!important;max-width:none!important;box-sizing:border-box}
.zl-ob-top button{display:grid;place-items:center;padding:0;background:#f2f3f4;color:#3f454e;transition:background .18s ease,color .18s ease,transform .18s ease}
.zl-ob-top button:hover{background:#e9ebee;color:#111318}
.zl-ob-top button:active{transform:scale(.96)}
.zl-ob-top button svg{width:16px;height:16px;display:block}

/* v18.2 — targeted onboarding micro-fixes only */
#zlOb1Next{
  width:100%;
  max-width:920px;
  margin-left:auto;
  margin-right:auto;
  flex:none;
}

.zl-whatsapp-row{
  cursor:pointer;
}
.zl-whatsapp-row *{
  cursor:pointer;
}

/* Smooth motion: no blinking / opacity flashing. */
.zl-dots i{
  animation:zlDotSmooth 1.45s cubic-bezier(.4,0,.2,1) infinite;
  transform-origin:center;
  opacity:1;
}
.zl-dots i:nth-child(2){animation-delay:.16s}
.zl-dots i:nth-child(3){animation-delay:.32s}
@keyframes zlDotSmooth{
  0%,100%{transform:translateY(0) scale(1)}
  50%{transform:translateY(-3px) scale(1.08)}
}

.zl-payment-ring{
  inset:1px;
  border:0;
  box-shadow:none;
  background:conic-gradient(from 0deg,rgba(216,254,67,.08),rgba(216,254,67,.78),rgba(125,127,210,.35),rgba(216,254,67,.08));
  -webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 2px),#000 calc(100% - 1.5px));
  mask:radial-gradient(farthest-side,transparent calc(100% - 2px),#000 calc(100% - 1.5px));
  animation:zlPaymentSpin 3.8s linear infinite;
  opacity:1;
}
.zl-payment-motion:after{
  content:'';
  position:absolute;
  inset:10px;
  border-radius:30px;
  background:radial-gradient(circle,rgba(216,254,67,.12),rgba(216,254,67,0) 68%);
  pointer-events:none;
}
@keyframes zlPaymentSpin{to{transform:rotate(360deg)}}

.zl-profile-orbit-a,
.zl-profile-orbit-b{
  opacity:1;
  will-change:transform;
  backface-visibility:hidden;
}
.zl-profile-orbit-a{animation:zlSpin 7s linear infinite}
.zl-profile-orbit-b{animation:zlSpinRev 10s linear infinite}
.zl-profile-orbit-a:before,
.zl-profile-orbit-b:before{
  opacity:1;
}
.zl-profile-motion:after{
  opacity:1;
}

@media(max-width:900px){
  #zlOb1Next{max-width:none}
}


/* v19 web UX parity */
body.modal-open{overflow:hidden}
.forecast-system-state{margin:16px 0 20px;padding:18px 20px;border:1px solid #e5e8eb;background:#fff;border-radius:20px;display:flex;align-items:center;gap:14px;box-shadow:0 8px 28px rgba(18,20,24,.04)}
.forecast-state-icon{width:40px;height:40px;border-radius:14px;background:#f5f6f7;display:grid;place-items:center;font-size:18px;font-weight:900;color:#565c65;flex:none}.forecast-system-state strong{font-size:13px}.forecast-system-state p{margin:3px 0 0;color:#8a8f98;font-size:10.5px}.forecast-system-state button{margin-left:auto;border:0;border-radius:12px;padding:9px 12px;background:#17191c;color:#fff;font:800 10.5px inherit;cursor:pointer}
.zl-web-modal-backdrop{position:fixed;inset:0;z-index:900;background:rgba(13,15,18,.42);backdrop-filter:blur(8px);display:grid;place-items:center;padding:22px}.zl-web-modal{width:min(480px,100%);max-height:calc(100vh - 44px);overflow:auto;background:#fff;border:1px solid #e6e8eb;border-radius:28px;padding:22px;box-shadow:0 28px 80px rgba(9,12,16,.22);font-family:'Plus Jakarta Sans',sans-serif}.zl-web-modal-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:18px}.zl-web-modal-head span{font-size:9px;font-weight:900;letter-spacing:.13em;color:#989da6}.zl-web-modal-head h3{font-size:19px;margin:4px 0 4px;color:#15171b}.zl-web-modal-head p{font-size:10.5px;color:#8b9098;margin:0;line-height:1.5}.zl-web-modal-head>button{width:34px;height:34px;border:0;border-radius:50%;background:#f3f4f5;font-size:20px;color:#5d626a;cursor:pointer}.premium-trial-note{padding:12px 13px;border-radius:16px;background:#effbf4;border:1px solid #d8f2e3;margin-bottom:12px}.premium-trial-note b,.premium-trial-note span{display:block}.premium-trial-note b{font-size:11px;color:#16734c}.premium-trial-note span{font-size:9.5px;color:#4d8c70;margin-top:2px}.premium-billing-switch{display:flex;background:#f3f4f6;border:1px solid #ebedf0;border-radius:15px;padding:4px;margin-bottom:12px}.premium-billing-switch button{flex:1;border:0;border-radius:11px;background:transparent;padding:9px;font:800 11px inherit;color:#777d86;cursor:pointer}.premium-billing-switch button.active{background:#fff;color:#111;box-shadow:0 2px 8px rgba(0,0,0,.05)}.premium-billing-switch button span{background:#d8fe43;color:#233005;padding:2px 5px;border-radius:999px;font-size:8px}.premium-plan-summary{border:2px solid #17191c;border-radius:18px;padding:14px;display:flex;justify-content:space-between;gap:14px;align-items:center}.premium-plan-summary b,.premium-plan-summary small{display:block}.premium-plan-summary b{font-size:13px}.premium-plan-summary small{font-size:9.5px;color:#8a8f97;margin-top:3px}.premium-plan-summary strong{font-size:13px}.premium-feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:14px 2px;color:#50555e;font-size:10px;font-weight:650}.zl-web-primary,.zl-web-secondary{width:100%;height:46px;border-radius:15px;font:800 11.5px inherit;cursor:pointer}.zl-web-primary{border:0;background:#d8fe43;color:#151b05;margin-top:12px}.zl-web-secondary{border:1px solid #e1e4e7;background:#f7f8f9;color:#4d535c;margin-top:8px}.checkout-summary{background:#f8f9fa;border:1px solid #eceef0;border-radius:18px;padding:13px;margin-bottom:10px}.checkout-summary>div{display:flex;justify-content:space-between;gap:12px;padding:5px 0;font-size:10.5px;color:#777c84}.checkout-summary strong,.checkout-summary b{color:#17191c}.checkout-promo-toggle{width:100%;border:1px solid #e6e8eb;background:#fff;border-radius:16px;padding:12px 13px;display:flex;align-items:center;justify-content:space-between;text-align:left;cursor:pointer}.checkout-promo-toggle b,.checkout-promo-toggle small{display:block}.checkout-promo-toggle b{font-size:11px}.checkout-promo-toggle small{font-size:9.5px;color:#969ba3;margin-top:2px}.checkout-promo-panel{padding:10px 2px 0}.checkout-promo-panel>div:first-child{display:flex;gap:7px}.checkout-promo-panel input{flex:1;min-width:0;height:42px;border:1px solid #e0e3e6;background:#f8f9fa;border-radius:13px;padding:0 12px;font:750 10.5px inherit;outline:none}.checkout-promo-panel>div:first-child button{border:0;background:#18191b;color:#fff;border-radius:13px;padding:0 14px;font:800 10.5px inherit;cursor:pointer}.checkout-promo-panel p{font-size:9.5px;margin:7px 4px 0}.promo-error{color:#c83250}.checkout-promo-applied{margin-top:8px;padding:10px;border-radius:14px;background:#effbf4;border:1px solid #d8f2e3;display:flex;justify-content:space-between;align-items:center}.checkout-promo-applied b,.checkout-promo-applied small{display:block}.checkout-promo-applied b{font-size:10px;color:#16734c}.checkout-promo-applied small{font-size:9px;color:#4d8c70}.checkout-promo-applied button{border:0;background:none;color:#16734c;font:800 9.5px inherit;cursor:pointer}.checkout-provider-note{display:flex;gap:10px;align-items:center;margin-top:12px;padding:11px 12px;background:#f8f9fa;border-radius:15px}.checkout-lock{width:30px;height:30px;border-radius:10px;background:#111;color:#d8fe43;display:grid;place-items:center}.checkout-provider-note b,.checkout-provider-note small{display:block}.checkout-provider-note b{font-size:10.5px}.checkout-provider-note small{font-size:9px;color:#969ba3;margin-top:2px}.checkout-state{min-height:330px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.checkout-state h3{font-size:18px;margin:18px 0 6px}.checkout-state p{font-size:10.5px;color:#8b9098;max-width:290px;line-height:1.6}.checkout-state-motion{width:78px;height:78px;border-radius:26px;background:#101113;color:#d8fe43;display:grid;place-items:center;position:relative}.checkout-state-motion span{font-size:23px;font-weight:900;z-index:2}.checkout-state-motion i{position:absolute;inset:-9px;border-radius:32px;border:1px solid rgba(216,254,67,.3);animation:checkoutOrbit 2.8s linear infinite}.checkout-state-motion i:after{content:'';position:absolute;top:-4px;left:50%;width:8px;height:8px;border-radius:50%;background:#d8fe43}@keyframes checkoutOrbit{to{transform:rotate(360deg)}}.state-dots{display:flex;gap:5px;margin-top:9px}.state-dots i{width:5px;height:5px;border-radius:50%;background:#d5d8dc;animation:stateDot 1.2s ease-in-out infinite}.state-dots i:nth-child(2){animation-delay:.18s}.state-dots i:nth-child(3){animation-delay:.36s;background:#d8fe43}@keyframes stateDot{50%{transform:translateY(-3px)}}.checkout-success-mark,.checkout-error-mark{width:62px;height:62px;border-radius:50%;display:grid;place-items:center;font-size:27px;font-weight:900}.checkout-success-mark{background:#def7e8;color:#12915a}.checkout-error-mark{background:#fff0f2;color:#c83250}.checkout-state .zl-web-primary,.checkout-state .zl-web-secondary{max-width:320px}.confirm-modal{text-align:center;width:min(420px,100%)}.confirm-icon{width:48px;height:48px;border-radius:50%;background:#fff2d8;color:#9b6500;display:grid;place-items:center;margin:0 auto 12px;font-size:20px;font-weight:900}.confirm-modal h3{font-size:17px;margin:0 0 6px}.confirm-modal>p{font-size:10.5px;color:#7e838c;line-height:1.6;margin:0}.confirm-extra{margin-top:14px;text-align:left}.confirm-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:16px}.confirm-actions .zl-web-primary,.confirm-actions .zl-web-secondary{margin:0}.delete-confirm-field span{display:block;font-size:10px;color:#727780;margin-bottom:6px}.delete-confirm-field input{width:100%;height:42px;border:1px solid #e1e4e7;border-radius:13px;padding:0 12px;font:800 11px inherit;outline:none}.sub-status-card{background:#18191b;color:#fff;border-radius:18px;padding:16px}.sub-status-card.warning{background:#221c16}.sub-status-card>div{display:flex;justify-content:space-between;align-items:center}.sub-status-card>div>span{font-size:9px;font-weight:900;color:#d8fe43}.sub-status-card>div>b{font-size:9px;background:#ffffff14;padding:4px 7px;border-radius:999px}.sub-status-card h3{color:#fff!important;font-size:17px!important;margin:10px 0 4px!important}.sub-status-card p{color:#a8adb5!important;margin:0!important;font-size:10px!important}.account-actions.wrap{display:flex;flex-wrap:wrap}.danger-text{color:#b4233f!important}.warning-note{background:#fff8e8!important;border-color:#f4dfae!important;color:#8b641b!important}.account-status-card.success{background:#effbf4;border-color:#d8f2e3}.account-status-card.success strong,.account-status-card.success p{color:#16734c}.account-status-card.pending strong{color:#a16207}.account-status-card.approved{background:#effbf4;border-color:#d8f2e3}.account-status-card.approved strong{color:#16734c}.account-status-card.rejected{background:#fff1f2;border-color:#fecdd3}.account-status-card.rejected strong{color:#be123c}
@media(max-width:640px){.premium-feature-grid{grid-template-columns:1fr}.zl-web-modal-backdrop{padding:12px;align-items:end}.zl-web-modal{border-radius:24px 24px 16px 16px;max-height:88vh}.confirm-actions{grid-template-columns:1fr}.forecast-system-state{align-items:flex-start;flex-wrap:wrap}.forecast-system-state button{margin-left:54px}}

/* v19.1 checkout icon + onboarding premium state hotfix */
.checkout-close-btn{display:grid!important;place-items:center!important;padding:0!important}
.checkout-close-btn svg{width:16px;height:16px}
.checkout-chevron{width:18px;height:18px;display:grid;place-items:center;color:#6c727b;transition:transform .18s ease}
.checkout-chevron svg{width:14px;height:14px}
.checkout-promo-toggle[aria-expanded="true"] .checkout-chevron{transform:rotate(180deg)}
.checkout-lock svg{width:16px;height:16px}


/* v19.2 completion/payment state polish only */
.zl-profile-motion,
.zl-payment-motion{
  position:relative;
  width:112px;
  height:112px;
  display:block;
  isolation:isolate;
}

.zl-profile-core,
.zl-payment-core{
  position:absolute !important;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  z-index:3;
  width:74px;
  height:74px;
  border-radius:24px;
  background:#0f1012;
  color:#d8fe43;
  display:grid;
  place-items:center;
  box-shadow:0 18px 34px rgba(15,16,18,.16);
  overflow:hidden;
}

.zl-profile-core{
  font-size:0;
}
.zl-profile-core::before{
  content:'Z';
  position:relative;
  z-index:2;
  font-size:28px;
  font-weight:900;
  letter-spacing:-.03em;
  color:#d8fe43;
}
.zl-profile-core::after{
  content:'';
  position:absolute;
  inset:-20%;
  background:linear-gradient(118deg, transparent 34%, rgba(216,254,67,.18) 49%, transparent 64%);
  transform:translateX(-145%) rotate(14deg);
  animation:zlLogoSheen 2.8s ease-in-out infinite;
  opacity:.9;
}
@keyframes zlLogoSheen{
  0%,18%{transform:translateX(-145%) rotate(14deg)}
  48%,100%{transform:translateX(145%) rotate(14deg)}
}

.zl-profile-orbit{
  border:0 !important;
}
.zl-profile-orbit-a,
.zl-profile-orbit-b{
  position:absolute;
  inset:0;
  border-radius:34px;
  opacity:1;
}
.zl-profile-orbit-a{
  background:radial-gradient(circle at 50% 50%, rgba(216,254,67,.2) 0%, rgba(216,254,67,.12) 26%, rgba(216,254,67,0) 64%);
  filter:blur(4px);
  animation:zlGlowBreathe 2.7s ease-in-out infinite;
}
.zl-profile-orbit-b{
  background:
    radial-gradient(circle at 15% 55%, rgba(216,254,67,.9) 0 5px, rgba(216,254,67,.18) 6px, transparent 12px),
    radial-gradient(circle at 86% 44%, rgba(125,127,210,.95) 0 4px, rgba(125,127,210,.18) 5px, transparent 11px),
    radial-gradient(circle at 50% 50%, rgba(255,255,255,.06) 0, rgba(255,255,255,0) 62%);
  animation:zlSparkleFloat 6.8s linear infinite;
}
.zl-profile-orbit-a::before,
.zl-profile-orbit-b::before,
.zl-profile-motion:after{
  content:none !important;
}
@keyframes zlGlowBreathe{
  0%,100%{transform:scale(.96);opacity:.78}
  50%{transform:scale(1.05);opacity:1}
}
@keyframes zlSparkleFloat{
  0%{transform:rotate(0deg)}
  100%{transform:rotate(360deg)}
}

.zl-payment-motion::before{
  content:'';
  position:absolute;
  inset:8px;
  border-radius:50%;
  background:radial-gradient(circle, rgba(216,254,67,.14) 0%, rgba(216,254,67,.06) 34%, rgba(216,254,67,0) 68%);
  filter:blur(2px);
  z-index:0;
}
.zl-payment-ring{
  position:absolute !important;
  left:50%;
  top:50%;
  width:90px;
  height:90px;
  transform:translate(-50%,-50%);
  border-radius:50%;
  background:conic-gradient(from 0deg, rgba(216,254,67,.08), rgba(216,254,67,.95), rgba(125,127,210,.45), rgba(216,254,67,.08));
  -webkit-mask:radial-gradient(farthest-side, transparent calc(100% - 4px), #000 calc(100% - 3px));
  mask:radial-gradient(farthest-side, transparent calc(100% - 4px), #000 calc(100% - 3px));
  animation:zlPaymentOrbit 3.1s linear infinite;
  opacity:1;
  z-index:1;
  inset:auto !important;
  box-shadow:none !important;
}
.zl-payment-core{
  font-size:0;
}
.zl-payment-core svg{
  width:30px;
  height:30px;
  position:relative;
  z-index:2;
}
.zl-payment-motion:after{
  content:'' !important;
  position:absolute;
  left:50%;
  top:50%;
  width:78px;
  height:78px;
  transform:translate(-50%,-50%);
  border-radius:28px;
  background:linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,0));
  z-index:2;
  pointer-events:none;
}
@keyframes zlPaymentOrbit{
  to{transform:translate(-50%,-50%) rotate(360deg)}
}

.zl-ready-check{
  width:72px;
  height:72px;
  border-radius:50%;
  background:linear-gradient(180deg, #e8fbef 0%, #dcf7e6 100%);
  box-shadow:0 14px 30px rgba(21,149,90,.12), 0 0 0 10px rgba(21,149,90,.06);
  position:relative;
  overflow:visible;
  display:grid;
  place-items:center;
}
.zl-ready-check::after{
  content:none !important;
}
.zl-ready-check::before{
  content:'✓';
  position:relative;
  z-index:2;
  font-size:32px;
  line-height:1;
  font-weight:900;
  color:#16945c;
}
.zl-ready-copy{
  gap:12px;
}


/* v19.2.1 only success verified icon animation */
.zl-ready-check{
  width:92px !important;
  height:92px !important;
  border-radius:50% !important;
  background:radial-gradient(circle at center, #dff7e8 0 58%, #eaf8ef 59% 100%) !important;
  box-shadow:none !important;
  display:grid !important;
  place-items:center !important;
  overflow:hidden !important;
}
.zl-ready-check::before,
.zl-ready-check::after{
  content:none !important;
}
.zl-ready-check svg{
  width:72px;
  height:72px;
  display:block;
}
.zl-ready-ring,
.zl-ready-tick{
  fill:none;
  stroke:#15955a;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.zl-ready-ring{
  stroke-width:2.6;
  opacity:.14;
  stroke-dasharray:176;
  stroke-dashoffset:176;
  animation:zlSuccessDrawRing .6s ease-out forwards;
}
.zl-ready-tick{
  stroke-width:3.8;
  stroke-dasharray:34;
  stroke-dashoffset:34;
  animation:zlSuccessDrawTick .5s ease-out .55s forwards;
}
@keyframes zlSuccessDrawRing{
  to{stroke-dashoffset:0}
}
@keyframes zlSuccessDrawTick{
  to{stroke-dashoffset:0}
}


/* v19.2.2 only success icon motion softness + direction */
.zl-ready-check{
  animation:zlSuccessIconFade .42s cubic-bezier(.22,.7,.26,1) both !important;
}
.zl-ready-check svg{
  opacity:0;
  animation:zlSuccessSvgFade .34s ease-out .10s forwards;
}
.zl-ready-ring{
  opacity:0;
  stroke-dasharray:176;
  stroke-dashoffset:176;
  animation:zlSuccessDrawRingSoft .72s cubic-bezier(.22,.7,.26,1) .08s forwards !important;
}
.zl-ready-tick{
  opacity:0;
  stroke-dasharray:34;
  stroke-dashoffset:34;
  animation:zlSuccessDrawTickSoft .66s cubic-bezier(.22,.75,.25,1) .48s forwards !important;
}
@keyframes zlSuccessIconFade{
  0%{opacity:0;transform:scale(.94)}
  100%{opacity:1;transform:scale(1)}
}
@keyframes zlSuccessSvgFade{
  from{opacity:0}
  to{opacity:1}
}
@keyframes zlSuccessDrawRingSoft{
  0%{stroke-dashoffset:176;opacity:0}
  20%{opacity:.08}
  100%{stroke-dashoffset:0;opacity:.14}
}
@keyframes zlSuccessDrawTickSoft{
  0%{stroke-dashoffset:34;opacity:0}
  14%{opacity:.18}
  100%{stroke-dashoffset:0;opacity:1}
}


/* v19.2.4 payment loader only hotfix */
.zl-payment-motion{
  position:relative !important;
  width:96px !important;
  height:96px !important;
  display:grid !important;
  place-items:center !important;
  isolation:isolate;
}

.zl-payment-motion::before,
.zl-payment-motion::after{
  content:none !important;
}

.zl-payment-ring{
  position:absolute !important;
  left:50% !important;
  top:50% !important;
  width:88px !important;
  height:88px !important;
  transform:translate(-50%,-50%) !important;
  border-radius:50% !important;
  background:conic-gradient(
    from 0deg,
    rgba(216,254,67,.18) 0deg,
    rgba(216,254,67,.92) 110deg,
    rgba(168,170,235,.55) 220deg,
    rgba(216,254,67,.18) 360deg
  ) !important;
  -webkit-mask:radial-gradient(farthest-side, transparent calc(100% - 3px), #000 calc(100% - 2px)) !important;
  mask:radial-gradient(farthest-side, transparent calc(100% - 3px), #000 calc(100% - 2px)) !important;
  box-shadow:none !important;
  opacity:1 !important;
  z-index:1 !important;
  animation:zlPaymentRingSmooth 4.8s linear infinite !important;
}

.zl-payment-core{
  position:absolute !important;
  left:50% !important;
  top:50% !important;
  transform:translate(-50%,-50%) !important;
  width:74px !important;
  height:74px !important;
  border-radius:24px !important;
  background:#0f1012 !important;
  color:#d8fe43 !important;
  display:grid !important;
  place-items:center !important;
  z-index:2 !important;
  box-shadow:0 16px 28px rgba(15,16,18,.12) !important;
  font-size:0 !important;
}

.zl-payment-core svg{
  width:30px !important;
  height:30px !important;
  display:block;
  position:static !important;
}

@keyframes zlPaymentRingSmooth{
  from{transform:translate(-50%,-50%) rotate(0deg)}
  to{transform:translate(-50%,-50%) rotate(360deg)}
}


/* v19.2.5 payment loader refinement only */
#zlObPayment .zl-dots{
  gap:8px !important;
  margin-top:14px !important;
}
#zlObPayment .zl-dots i{
  width:7px !important;
  height:7px !important;
  background:#d0d2d6 !important;
  opacity:.28;
  transform:scale(.88);
  animation:zlPaymentDotPulse 1.2s ease-in-out infinite !important;
}
#zlObPayment .zl-dots i:nth-child(1){animation-delay:0s !important}
#zlObPayment .zl-dots i:nth-child(2){animation-delay:.24s !important}
#zlObPayment .zl-dots i:nth-child(3){animation-delay:.48s !important}
@keyframes zlPaymentDotPulse{
  0%,100%{opacity:.24;transform:scale(.85)}
  16%{opacity:1;transform:scale(1)}
  32%{opacity:.34;transform:scale(.9)}
}

.zl-payment-motion{
  width:108px !important;
  height:108px !important;
}
.zl-payment-ring{
  width:96px !important;
  height:96px !important;
  background:conic-gradient(
    from 0deg,
    rgba(216,254,67,.10) 0deg,
    rgba(216,254,67,.16) 210deg,
    rgba(216,254,67,.72) 282deg,
    rgba(168,170,235,.58) 316deg,
    rgba(216,254,67,.10) 360deg
  ) !important;
  -webkit-mask:radial-gradient(farthest-side, transparent calc(100% - 4px), #000 calc(100% - 3px)) !important;
  mask:radial-gradient(farthest-side, transparent calc(100% - 4px), #000 calc(100% - 3px)) !important;
  animation:zlPaymentRingSmooth 5.6s linear infinite !important;
  opacity:.96 !important;
}
.zl-payment-core{
  width:70px !important;
  height:70px !important;
  border-radius:22px !important;
  overflow:hidden !important;
  box-shadow:0 14px 26px rgba(15,16,18,.14) !important;
}
.zl-payment-core::before{
  content:'';
  position:absolute;
  inset:-24%;
  background:conic-gradient(from 0deg, transparent 0 66%, rgba(216,254,67,.44) 76%, rgba(216,254,67,.06) 86%, transparent 96%);
  animation:zlPaymentInnerSweep 4.2s linear infinite;
  z-index:0;
}
.zl-payment-core::after{
  content:'';
  position:absolute;
  inset:0;
  background:radial-gradient(circle at 50% 50%, rgba(216,254,67,.10), rgba(216,254,67,0) 58%);
  z-index:0;
}
.zl-payment-core svg{
  position:relative !important;
  z-index:2 !important;
}
@keyframes zlPaymentInnerSweep{
  from{transform:rotate(0deg)}
  to{transform:rotate(360deg)}
}


/* v19.2.6 payment loader exact refinement only */
#zlObPayment .zl-dots i{
  background:#d7dbe0 !important;
}
#zlObPayment .zl-dots i:nth-child(1),
#zlObPayment .zl-dots i:nth-child(2),
#zlObPayment .zl-dots i:nth-child(3){
  animation-name:zlPaymentDotPulseGreen !important;
}
@keyframes zlPaymentDotPulseGreen{
  0%,100%{opacity:.24;transform:scale(.85);background:#d7dbe0}
  16%{opacity:1;transform:scale(1);background:#d8fe43}
  32%{opacity:.34;transform:scale(.9);background:#d7dbe0}
}

.zl-payment-motion{
  width:118px !important;
  height:118px !important;
}
.zl-payment-ring{
  width:108px !important;
  height:108px !important;
  background:conic-gradient(
    from 0deg,
    rgba(216,254,67,.12) 0deg,
    rgba(216,254,67,.24) 130deg,
    rgba(168,170,235,.38) 250deg,
    rgba(216,254,67,.12) 360deg
  ) !important;
  -webkit-mask:radial-gradient(farthest-side, transparent calc(100% - 3px), #000 calc(100% - 2px)) !important;
  mask:radial-gradient(farthest-side, transparent calc(100% - 3px), #000 calc(100% - 2px)) !important;
  animation:none !important;
  transform:translate(-50%,-50%) !important;
  opacity:.9 !important;
}
.zl-payment-core{
  width:72px !important;
  height:72px !important;
  border-radius:23px !important;
  background:#0f1012 !important;
  overflow:hidden !important;
}
.zl-payment-core::before{
  content:'' !important;
  position:absolute !important;
  left:-45% !important;
  top:-10% !important;
  width:46% !important;
  height:120% !important;
  background:linear-gradient(90deg, transparent 0%, rgba(216,254,67,.10) 18%, rgba(216,254,67,.54) 52%, rgba(216,254,67,.12) 80%, transparent 100%) !important;
  filter:blur(7px) !important;
  transform:skewX(-16deg) !important;
  animation:zlPaymentLightSweep 3.8s ease-in-out infinite !important;
  z-index:1 !important;
}
.zl-payment-core::after{
  content:'' !important;
  position:absolute !important;
  inset:0 !important;
  background:radial-gradient(circle at 50% 50%, rgba(216,254,67,.05), transparent 62%) !important;
  z-index:0 !important;
}
.zl-payment-core svg{
  position:relative !important;
  z-index:3 !important;
}
@keyframes zlPaymentLightSweep{
  0%,15%{left:-45%;opacity:0}
  28%{opacity:.75}
  58%{left:105%;opacity:.6}
  72%,100%{left:105%;opacity:0}
}


/* v19.2.7 payment loader comet dot only */
.zl-payment-motion{
  width:120px !important;
  height:120px !important;
}

.zl-payment-ring{
  width:108px !important;
  height:108px !important;
  left:50% !important;
  top:50% !important;
  transform:translate(-50%,-50%) !important;
  background:none !important;
  border:2px solid rgba(21,24,29,.18) !important;
  -webkit-mask:none !important;
  mask:none !important;
  border-radius:50% !important;
  opacity:1 !important;
  overflow:visible !important;
  animation:none !important;
  box-shadow:none !important;
}

.zl-payment-ring::before{
  content:'';
  position:absolute;
  left:50%;
  top:-6px;
  width:10px;
  height:10px;
  border-radius:50%;
  transform:translateX(-50%);
  background:#d8fe43;
  box-shadow:
    0 0 8px rgba(216,254,67,.95),
    -8px 1px 8px rgba(216,254,67,.38),
    -16px 3px 10px rgba(216,254,67,.18),
    -24px 6px 12px rgba(216,254,67,.08);
  animation:zlPaymentCometOrbit 2.8s linear infinite;
}

.zl-payment-core{
  width:72px !important;
  height:72px !important;
  border-radius:23px !important;
  background:#0f1012 !important;
  overflow:hidden !important;
}

.zl-payment-core::before{
  content:none !important;
}

.zl-payment-core::after{
  content:'' !important;
  position:absolute !important;
  inset:0 !important;
  background:radial-gradient(circle at 50% 50%, rgba(216,254,67,.045), transparent 62%) !important;
  z-index:0 !important;
}

.zl-payment-core svg{
  position:relative !important;
  z-index:2 !important;
}

#zlObPayment .zl-dots i{
  background:#d7dbe0 !important;
}
#zlObPayment .zl-dots i:nth-child(1),
#zlObPayment .zl-dots i:nth-child(2),
#zlObPayment .zl-dots i:nth-child(3){
  animation-name:zlPaymentDotPulseGreenV2 !important;
}
@keyframes zlPaymentDotPulseGreenV2{
  0%,100%{opacity:.24;transform:scale(.85);background:#d7dbe0}
  16%{opacity:1;transform:scale(1);background:#d8fe43;box-shadow:0 0 6px rgba(216,254,67,.55)}
  32%{opacity:.34;transform:scale(.9);background:#d7dbe0;box-shadow:none}
}

@keyframes zlPaymentCometOrbit{
  from{transform:translateX(-50%) rotate(0deg) translateY(0)}
  to{transform:translateX(-50%) rotate(360deg) translateY(0)}
}

.zl-payment-ring::before{
  transform-origin:0 60px;
}


/* v19.2.8 payment orbit separation hotfix — ring static, comet only moves */
.zl-payment-motion{
  position:relative !important;
  width:120px !important;
  height:120px !important;
  display:grid !important;
  place-items:center !important;
  isolation:isolate;
}

/* Static orbit circle: absolutely no animation, opacity or transform changes. */
.zl-payment-motion::before{
  content:'' !important;
  position:absolute !important;
  left:50% !important;
  top:50% !important;
  width:108px !important;
  height:108px !important;
  transform:translate(-50%,-50%) !important;
  border:2px solid rgba(21,24,29,.20) !important;
  border-radius:50% !important;
  background:none !important;
  box-shadow:none !important;
  filter:none !important;
  opacity:1 !important;
  animation:none !important;
  z-index:1 !important;
  pointer-events:none !important;
}

/* Transparent rotating carrier only. No border on it. */
.zl-payment-ring{
  position:absolute !important;
  left:50% !important;
  top:50% !important;
  width:108px !important;
  height:108px !important;
  margin:0 !important;
  border:0 !important;
  border-radius:50% !important;
  background:none !important;
  -webkit-mask:none !important;
  mask:none !important;
  box-shadow:none !important;
  opacity:1 !important;
  transform:translate(-50%,-50%) rotate(0deg) !important;
  transform-origin:center center !important;
  animation:zlPaymentCometCarrier 3.2s linear infinite !important;
  z-index:3 !important;
  overflow:visible !important;
  pointer-events:none !important;
}

.zl-payment-ring::before{
  content:'' !important;
  position:absolute !important;
  left:50% !important;
  top:-5px !important;
  width:10px !important;
  height:10px !important;
  margin-left:-5px !important;
  border-radius:50% !important;
  background:#d8fe43 !important;
  box-shadow:
    0 0 8px rgba(216,254,67,.95),
    0 7px 10px rgba(216,254,67,.32),
    0 15px 13px rgba(216,254,67,.16),
    0 23px 16px rgba(216,254,67,.07) !important;
  opacity:1 !important;
  animation:none !important;
  transform:none !important;
  transform-origin:center !important;
}

.zl-payment-ring::after{
  content:'' !important;
  position:absolute !important;
  left:50% !important;
  top:-1px !important;
  width:5px !important;
  height:24px !important;
  margin-left:-2.5px !important;
  border-radius:999px !important;
  background:linear-gradient(to bottom, rgba(216,254,67,.38), rgba(216,254,67,0)) !important;
  filter:blur(3px) !important;
  opacity:.7 !important;
  animation:none !important;
  transform:none !important;
}

@keyframes zlPaymentCometCarrier{
  from{transform:translate(-50%,-50%) rotate(0deg)}
  to{transform:translate(-50%,-50%) rotate(360deg)}
}


/* v19.2.9 payment comet orbit fix only */
.zl-payment-ring{
  animation:none !important;
}

.zl-payment-ring::before{
  left:50% !important;
  top:50% !important;
  margin-left:0 !important;
  animation:zlPaymentCometDotOrbit 2.8s linear infinite !important;
  transform:translate(-50%,-50%) rotate(0deg) translateY(-54px) !important;
  transform-origin:center center !important;
}

.zl-payment-ring::after{
  left:50% !important;
  top:50% !important;
  margin-left:0 !important;
  animation:zlPaymentCometTrailOrbit 2.8s linear infinite !important;
  transform:translate(-50%,-50%) rotate(0deg) translateY(-42px) !important;
  transform-origin:center center !important;
}

@keyframes zlPaymentCometDotOrbit{
  from{transform:translate(-50%,-50%) rotate(0deg) translateY(-54px)}
  to{transform:translate(-50%,-50%) rotate(360deg) translateY(-54px)}
}

@keyframes zlPaymentCometTrailOrbit{
  from{transform:translate(-50%,-50%) rotate(0deg) translateY(-42px)}
  to{transform:translate(-50%,-50%) rotate(360deg) translateY(-42px)}
}


/* v19.2.10 profile stable + unified dots only */
.zl-profile-motion{
  position:relative !important;
  width:92px !important;
  height:92px !important;
  display:grid !important;
  place-items:center !important;
  animation:none !important;
}

.zl-profile-orbit,
.zl-profile-orbit-a,
.zl-profile-orbit-b,
.zl-profile-motion::after,
.zl-profile-orbit::before,
.zl-profile-orbit::after,
.zl-profile-orbit-a::before,
.zl-profile-orbit-a::after,
.zl-profile-orbit-b::before,
.zl-profile-orbit-b::after{
  display:none !important;
  content:none !important;
  animation:none !important;
}

.zl-profile-core{
  position:relative !important;
  width:72px !important;
  height:72px !important;
  border-radius:24px !important;
  background:#0f1012 !important;
  color:#d8fe43 !important;
  display:grid !important;
  place-items:center !important;
  font-size:28px !important;
  font-weight:900 !important;
  box-shadow:0 14px 26px rgba(15,16,18,.12) !important;
  overflow:hidden !important;
}

.zl-profile-core::before,
.zl-profile-core::after{
  content:none !important;
  animation:none !important;
}

#zlObLoading .zl-dots,
#zlObPayment .zl-dots{
  gap:8px !important;
  margin-top:14px !important;
}

#zlObLoading .zl-dots i,
#zlObPayment .zl-dots i{
  width:7px !important;
  height:7px !important;
  border-radius:50% !important;
  background:#d4d7dc !important;
  opacity:.26 !important;
  transform:scale(.86) !important;
  box-shadow:none !important;
  animation:zlStateDotsSequential 1.2s ease-in-out infinite !important;
}
#zlObLoading .zl-dots i:nth-child(1),
#zlObPayment .zl-dots i:nth-child(1){animation-delay:0s !important}
#zlObLoading .zl-dots i:nth-child(2),
#zlObPayment .zl-dots i:nth-child(2){animation-delay:.24s !important}
#zlObLoading .zl-dots i:nth-child(3),
#zlObPayment .zl-dots i:nth-child(3){animation-delay:.48s !important}

@keyframes zlStateDotsSequential{
  0%,100%{opacity:.24;transform:scale(.86);background:#d4d7dc;box-shadow:none}
  16%{opacity:1;transform:scale(1);background:#d8fe43;box-shadow:0 0 6px rgba(216,254,67,.45)}
  32%{opacity:.34;transform:scale(.9);background:#d4d7dc;box-shadow:none}
}


/* v19.2.11 loading dots only */
#zlObLoading .zl-dots,
#zlObPayment .zl-dots{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:9px !important;
  margin-top:14px !important;
}

#zlObLoading .zl-dots i,
#zlObPayment .zl-dots i{
  width:8px !important;
  height:8px !important;
  border-radius:50% !important;
  background:#cfd3d9 !important;
  opacity:.42 !important;
  transform:scale(.9) !important;
  box-shadow:none !important;
  animation:zlBrandLoadingDot 1.35s linear infinite !important;
  will-change:transform, opacity, background-color, box-shadow !important;
}

#zlObLoading .zl-dots i:nth-child(1),
#zlObPayment .zl-dots i:nth-child(1){animation-delay:0s !important}
#zlObLoading .zl-dots i:nth-child(2),
#zlObPayment .zl-dots i:nth-child(2){animation-delay:.22s !important}
#zlObLoading .zl-dots i:nth-child(3),
#zlObPayment .zl-dots i:nth-child(3){animation-delay:.44s !important}

@keyframes zlBrandLoadingDot{
  0%, 60%, 100%{
    background:#cfd3d9;
    opacity:.4;
    transform:scale(.9);
    box-shadow:none;
  }
  18%, 28%{
    background:#d8fe43;
    opacity:1;
    transform:scale(1.08);
    box-shadow:0 0 0 3px rgba(216,254,67,.18), 0 0 8px rgba(216,254,67,.38);
  }
  38%{
    background:#cfd3d9;
    opacity:.5;
    transform:scale(.94);
    box-shadow:none;
  }
}


/* v19.2.12 clean loading dots only */
#zlObLoading .zl-dots,
#zlObPayment .zl-dots{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:10px !important;
  margin-top:14px !important;
}

#zlObLoading .zl-dots i,
#zlObPayment .zl-dots i{
  width:8px !important;
  height:8px !important;
  border-radius:50% !important;
  background:rgba(207,211,217,.22) !important;
  opacity:.22 !important;
  transform:none !important;
  box-shadow:none !important;
  transition:none !important;
  animation:none !important;
}

#zlObLoading .zl-dots i:nth-child(1),
#zlObPayment .zl-dots i:nth-child(1){
  animation:zlCleanDotOne 1.35s linear infinite !important;
}
#zlObLoading .zl-dots i:nth-child(2),
#zlObPayment .zl-dots i:nth-child(2){
  animation:zlCleanDotTwo 1.35s linear infinite !important;
}
#zlObLoading .zl-dots i:nth-child(3),
#zlObPayment .zl-dots i:nth-child(3){
  animation:zlCleanDotThree 1.35s linear infinite !important;
}

@keyframes zlCleanDotOne{
  0%, 18%{
    background:#d8fe43;
    opacity:1;
    box-shadow:0 0 8px rgba(216,254,67,.28);
  }
  19%, 100%{
    background:rgba(207,211,217,.22);
    opacity:.22;
    box-shadow:none;
  }
}

@keyframes zlCleanDotTwo{
  0%, 33%{
    background:rgba(207,211,217,.22);
    opacity:.22;
    box-shadow:none;
  }
  34%, 52%{
    background:#d8fe43;
    opacity:1;
    box-shadow:0 0 8px rgba(216,254,67,.28);
  }
  53%, 100%{
    background:rgba(207,211,217,.22);
    opacity:.22;
    box-shadow:none;
  }
}

@keyframes zlCleanDotThree{
  0%, 67%{
    background:rgba(207,211,217,.22);
    opacity:.22;
    box-shadow:none;
  }
  68%, 86%{
    background:#d8fe43;
    opacity:1;
    box-shadow:0 0 8px rgba(216,254,67,.28);
  }
  87%, 100%{
    background:rgba(207,211,217,.22);
    opacity:.22;
    box-shadow:none;
  }
}


/* v19.2.13 isolated onboarding loading dots — no legacy .zl-dots cascade */
#zlObLoading .zl-loading-dots,
#zlObPayment .zl-loading-dots{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  margin-top:14px;
  min-height:8px;
}

#zlObLoading .zl-loading-dots span,
#zlObPayment .zl-loading-dots span{
  display:block;
  width:7px;
  height:7px;
  border-radius:50%;
  background:#d8fe43;
  opacity:.12;
  box-shadow:none;
  transform:none;
}

#zlObLoading .zl-loading-dots span:nth-child(1),
#zlObPayment .zl-loading-dots span:nth-child(1){animation:zlDotStep1 1.5s ease-in-out infinite}
#zlObLoading .zl-loading-dots span:nth-child(2),
#zlObPayment .zl-loading-dots span:nth-child(2){animation:zlDotStep2 1.5s ease-in-out infinite}
#zlObLoading .zl-loading-dots span:nth-child(3),
#zlObPayment .zl-loading-dots span:nth-child(3){animation:zlDotStep3 1.5s ease-in-out infinite}

@keyframes zlDotStep1{
  0%{opacity:.12;box-shadow:none}
  5%{opacity:1;box-shadow:0 0 7px rgba(216,254,67,.38)}
  22%{opacity:1;box-shadow:0 0 7px rgba(216,254,67,.38)}
  30%,100%{opacity:.12;box-shadow:none}
}
@keyframes zlDotStep2{
  0%,33%{opacity:.12;box-shadow:none}
  38%{opacity:1;box-shadow:0 0 7px rgba(216,254,67,.38)}
  55%{opacity:1;box-shadow:0 0 7px rgba(216,254,67,.38)}
  63%,100%{opacity:.12;box-shadow:none}
}
@keyframes zlDotStep3{
  0%,66%{opacity:.12;box-shadow:none}
  71%{opacity:1;box-shadow:0 0 7px rgba(216,254,67,.38)}
  88%{opacity:1;box-shadow:0 0 7px rgba(216,254,67,.38)}
  96%,100%{opacity:.12;box-shadow:none}
}


/* v19.2.14 loading dots — color only, never blink */
#zlObLoading .zl-loading-dots span,
#zlObPayment .zl-loading-dots span{
  display:block !important;
  width:7px !important;
  height:7px !important;
  border-radius:50% !important;
  opacity:1 !important;
  transform:none !important;
  box-shadow:none;
  background:#d7dbe0;
  transition:none !important;
}

#zlObLoading .zl-loading-dots span:nth-child(1),
#zlObPayment .zl-loading-dots span:nth-child(1){
  animation:zlDotColorOne 1.35s linear infinite !important;
}
#zlObLoading .zl-loading-dots span:nth-child(2),
#zlObPayment .zl-loading-dots span:nth-child(2){
  animation:zlDotColorTwo 1.35s linear infinite !important;
}
#zlObLoading .zl-loading-dots span:nth-child(3),
#zlObPayment .zl-loading-dots span:nth-child(3){
  animation:zlDotColorThree 1.35s linear infinite !important;
}

@keyframes zlDotColorOne{
  0%,29.9%{background:#d8fe43;box-shadow:0 0 7px rgba(216,254,67,.34)}
  30%,100%{background:#d7dbe0;box-shadow:none}
}
@keyframes zlDotColorTwo{
  0%,33.2%{background:#d7dbe0;box-shadow:none}
  33.3%,63.2%{background:#d8fe43;box-shadow:0 0 7px rgba(216,254,67,.34)}
  63.3%,100%{background:#d7dbe0;box-shadow:none}
}
@keyframes zlDotColorThree{
  0%,66.5%{background:#d7dbe0;box-shadow:none}
  66.6%,96.5%{background:#d8fe43;box-shadow:0 0 7px rgba(216,254,67,.34)}
  96.6%,100%{background:#d7dbe0;box-shadow:none}
}

/* v19.2.16: desktop header brand alignment only */
@media(min-width:1101px){.topbar .topbar-inner>.brand{margin-left:24px}}


/* v18 — restrained XZADE footer across the full product flow */
.xzade-site-footer{max-width:1700px;margin:0 auto;padding:0 34px 34px;display:flex;align-items:center;justify-content:center;gap:16px;opacity:.72}
.xzade-footer-line{height:1px;background:#dfe2e6;flex:1 1 0;min-width:0}
.xzade-footer-logo{display:block;width:74px;height:auto;flex:0 0 auto}
.xzade-auth-footer{padding-bottom:34px}
.xzade-onboarding-footer{max-width:1380px;padding-bottom:34px}
@media(max-width:900px){.xzade-auth-footer{padding-left:12px;padding-right:12px}.xzade-onboarding-footer{padding-left:12px;padding-right:12px}}
@media(max-width:700px){.xzade-site-footer{padding-bottom:26px;gap:12px}.xzade-footer-logo{width:66px}}

/* Onboarding step 2: explicit hover feedback for skip actions only */
#zlOb2Skip,
#zlOb2SkipBottom{
  border:1px solid transparent;
  border-radius:10px;
  transition:background-color .16s ease,border-color .16s ease,color .16s ease;
}
#zlOb2Skip{width:100%;padding:7px 11px;box-sizing:border-box;}
#zlOb2Skip:hover,
#zlOb2SkipBottom:hover{
  background:#f6f9e8;
  border-color:#d8fe43;
  color:#1c2207;
}
#zlOb2Skip:focus-visible,
#zlOb2SkipBottom:focus-visible{
  outline:2px solid rgba(216,254,67,.55);
  outline-offset:2px;
}

/* ZodiLab brand mark — sourced from the supplied vector logo builder. */
.brand-mark img{width:24px;height:24px;display:block}
.zl-auth-star{width:38px;height:38px;display:grid;place-items:center;background:rgba(216,254,67,.08);border:1px solid rgba(216,254,67,.16);border-radius:13px;margin-bottom:16px}
.zl-auth-star img{width:28px;height:28px;display:block}
#accountPage .account-about-logo img{width:29px;height:29px;display:block}

/* ZodiLab official wordmark + mark sizing */
.brand-copy strong{display:flex;align-items:center}
.brand-copy .zodilab-wordmark{display:block;width:auto;height:17px}
.brand-mark img{width:27px;height:27px;display:block}
.zl-auth-brand h1{display:flex;align-items:center;margin:0 0 10px}
.zl-auth-brand h1 .auth-wordmark{display:block;width:auto;height:48px;filter:brightness(0) invert(1)}
#accountPage .account-about-logo img{width:35px;height:35px;display:block}
@media(max-width:1100px){.brand-copy .zodilab-wordmark{height:16px}}


/* v25 — refine official mark proportions + keep XZADE visible on desktop auth */
@media (min-width:901px){
  .zl-auth-gate{
    display:grid;
    grid-template-rows:69px minmax(560px,1fr) auto;
    overflow:auto;
  }
  .zl-auth-topbar{height:69px}
  .zl-auth-page-wrap{
    width:100%;
    min-height:0;
    padding:14px 34px 12px;
    display:flex;
    box-sizing:border-box;
  }
  .zl-auth-frame{
    flex:1 1 auto;
    min-height:560px;
    margin:0 auto;
  }
  .xzade-auth-footer{
    width:100%;
    box-sizing:border-box;
    padding:7px 34px 16px;
  }
}

/* v26 — login page polish only: no site-style header, calmer brand panel, footer in-view */
.zl-auth-topbar{display:none!important}
.zl-auth-orbit{display:none!important}
.zl-auth-brand{
  isolation:isolate;
  background:
    radial-gradient(circle at 73% 18%, rgba(216,254,67,.95) 0 2px, transparent 2.6px),
    radial-gradient(circle at 84% 31%, rgba(255,255,255,.72) 0 1.7px, transparent 2.3px),
    radial-gradient(circle at 67% 39%, rgba(132,128,200,.72) 0 1.6px, transparent 2.2px),
    linear-gradient(126deg, transparent 0 49.84%, rgba(255,255,255,.055) 49.92% 50.08%, transparent 50.16%) 72% 18%/290px 200px no-repeat,
    linear-gradient(22deg, transparent 0 49.84%, rgba(216,254,67,.075) 49.92% 50.08%, transparent 50.16%) 76% 23%/250px 165px no-repeat,
    radial-gradient(circle at 78% 27%, rgba(216,254,67,.075), transparent 31%),
    linear-gradient(145deg,#131416 0%,#0d0e10 72%,#0a0b0c 100%);
}
.zl-auth-brand::before{
  content:'';
  position:absolute;
  width:210px;
  height:1px;
  right:13%;
  top:29%;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.13),transparent);
  transform:rotate(-18deg);
  transform-origin:center;
  pointer-events:none;
}
.zl-auth-brand::after{
  content:'';
  position:absolute;
  width:320px;
  height:320px;
  right:-110px;
  top:-110px;
  border:0;
  border-radius:50%;
  background:radial-gradient(circle,rgba(216,254,67,.055),rgba(216,254,67,0) 67%);
  box-shadow:none;
  pointer-events:none;
}
.zl-auth-brand-copy{max-width:430px}
.zl-auth-brand-copy::before{
  content:'PERSONAL ASTROLOGY';
  display:block;
  margin-bottom:18px;
  color:rgba(255,255,255,.34);
  font-size:9px;
  font-weight:800;
  letter-spacing:.18em;
}
.zl-auth-star{margin-bottom:13px}
.zl-auth-brand h1{margin-bottom:8px}
.zl-auth-brand p{max-width:320px;color:#aeb1b7;font-weight:600;line-height:1.55}

@media (min-width:901px){
  .zl-auth-gate{
    height:100dvh;
    display:grid;
    grid-template-rows:minmax(0,1fr) auto;
    overflow:hidden;
  }
  .zl-auth-page-wrap{
    width:100%;
    max-width:1700px;
    min-height:0;
    margin:0 auto;
    padding:20px 34px 8px;
    display:flex;
    box-sizing:border-box;
  }
  .zl-auth-frame{
    flex:1 1 auto;
    min-height:0;
    height:100%;
    max-height:790px;
    margin:auto;
  }
  .zl-auth-brand,.zl-auth-panel{min-height:0}
  .xzade-auth-footer{
    width:100%;
    box-sizing:border-box;
    padding:7px 34px 12px;
  }
}
@media (max-width:900px){
  .zl-auth-page-wrap{padding-top:16px}
  .zl-auth-brand{min-height:220px}
  .zl-auth-brand-copy::before{margin-bottom:12px}
}

/* v28 — onboarding shell/header/language/continue polish only */
.zl-onboarding:before{display:none!important}
.zl-onboarding-shell{max-width:1700px}
.zl-ob-brand{max-width:920px;width:100%;margin:0 auto 12px;display:flex;align-items:center;gap:9px;min-height:38px}
.zl-ob-brand-mark{width:32px;height:32px;border-radius:10px;background:#111316;display:grid;place-items:center;box-shadow:0 5px 16px rgba(16,18,22,.08);flex:0 0 auto}
.zl-ob-brand-mark img{width:22px;height:22px;display:block}
.zl-ob-brand-wordmark{height:15px;width:auto;display:block}
.zl-ob-step .zl-primary{display:flex;align-items:center;justify-content:center;gap:7px}
.zl-ob-step .zl-primary .zl-btn-chevron{width:14px;height:14px;display:block;flex:0 0 auto}
.zl-lang-menu{width:260px;min-width:260px;max-height:330px;padding:7px;overflow:hidden}
.zl-ob-lang-search{position:relative;margin-bottom:6px}
.zl-ob-lang-search svg{position:absolute;left:11px;top:50%;width:14px;height:14px;transform:translateY(-50%);color:#8d939c;pointer-events:none}
.zl-ob-lang-search input{width:100%;height:38px;border:1px solid #e4e7ea;border-radius:11px;background:#f8f9fa;padding:0 11px 0 33px;font:600 11px inherit;color:#252a31;outline:none;box-sizing:border-box}
.zl-ob-lang-search input:focus{background:#fff;border-color:#cfd4d9}
.zl-ob-lang-list{max-height:268px;overflow:auto;display:grid;gap:2px;padding-right:2px}
.zl-ob-lang-list::-webkit-scrollbar{width:5px}.zl-ob-lang-list::-webkit-scrollbar-thumb{background:#d9dde1;border-radius:999px}
.zl-ob-lang-empty{padding:12px 10px;text-align:center;color:#9298a1;font-size:10.5px}
@media (min-width:901px){
  .zl-onboarding{height:100dvh;display:grid;grid-template-rows:minmax(0,1fr) auto;overflow:auto;padding:0 34px}
  .zl-onboarding-shell{width:100%;box-sizing:border-box;min-height:0;margin:18px auto 8px;padding:22px 34px 20px}
  .xzade-onboarding-footer{width:100%;max-width:1700px;box-sizing:border-box;padding:5px 34px 12px}
}
@media (max-width:900px){
  .zl-ob-brand{margin-bottom:10px}
  .zl-ob-brand-mark{width:30px;height:30px}.zl-ob-brand-mark img{width:20px;height:20px}.zl-ob-brand-wordmark{height:14px}
  .zl-lang-menu{width:min(280px,calc(100vw - 48px));min-width:0}
}

/* v29 — onboarding logo balance + step 3 skip hover only */
#zlObSkipPlan{
  width:100%;
  padding:7px 11px;
  box-sizing:border-box;
  border:1px solid transparent;
  border-radius:10px;
  transition:background-color .16s ease,border-color .16s ease,color .16s ease;
}
#zlObSkipPlan:hover{
  background:#f6f9e8;
  border-color:#d8fe43;
  color:#1c2207;
}
#zlObSkipPlan:focus-visible{
  outline:2px solid rgba(216,254,67,.55);
  outline-offset:2px;
}
.zl-ob-brand{
  margin-bottom:7px;
  gap:8px;
  min-height:34px;
}
.zl-ob-brand-mark{
  width:28px;
  height:28px;
  border-radius:9px;
}
.zl-ob-brand-mark img{
  width:19px;
  height:19px;
}
.zl-ob-brand-wordmark{
  height:14px;
}
@media (max-width:900px){
  .zl-ob-brand{margin-bottom:7px;min-height:32px}
  .zl-ob-brand-mark{width:27px;height:27px}
  .zl-ob-brand-mark img{width:18px;height:18px}
  .zl-ob-brand-wordmark{height:13px}
}

/* v30 — onboarding skip confirmation modal polish only */
#zlSkipConfirm{
  animation:zlSkipOverlayIn .18s ease-out both;
}
#zlSkipConfirm>div{
  animation:zlSkipModalIn .2s cubic-bezier(.2,.75,.3,1) both;
}
#zlSkipConfirm h3{
  margin:0 0 10px;
  line-height:1.35;
}
#zlSkipConfirm p{
  margin:0 0 12px;
  line-height:1.65;
}
#zlSkipConfirm button{
  transition:background-color .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease,transform .16s ease;
}
#zlSkipConfirm #zlConfirmSkip{
  border:1px solid #0f1012;
}
#zlSkipConfirm #zlConfirmSkip:hover{
  border-color:#d8fe43;
  box-shadow:inset 0 0 0 1px rgba(216,254,67,.2),0 0 0 3px rgba(216,254,67,.08);
}
#zlSkipConfirm #zlConfirmSkip:active{
  transform:translateY(1px);
}
#zlSkipConfirm #zlCancelSkip{
  border:1px solid transparent;
}
#zlSkipConfirm #zlCancelSkip:hover{
  background:#f6f9e8;
  border-color:#d8fe43;
  color:#1c2207;
}
#zlSkipConfirm button:focus-visible{
  outline:2px solid rgba(216,254,67,.58);
  outline-offset:2px;
}
@keyframes zlSkipOverlayIn{
  from{background:rgba(0,0,0,0)}
  to{background:rgba(0,0,0,.36)}
}
@keyframes zlSkipModalIn{
  from{opacity:0;transform:scale(.98) translateY(4px)}
  to{opacity:1;transform:scale(1) translateY(0)}
}
@media (prefers-reduced-motion:reduce){
  #zlSkipConfirm,#zlSkipConfirm>div{animation:none}
}

/* v19.2.31 profile preparation — official ZodiLab mark only */
#zlObLoading .zl-profile-logo-mark{
  width:42px;
  height:42px;
  display:block;
  object-fit:contain;
}


/* v19.2.32 — onboarding top brand removed, breathing room restored, loading mark balanced */
.zl-ob-brand{display:none !important;}

.zl-onboarding-shell{
  padding-top:30px;
}

.zl-ob-progress{
  margin-top:16px;
}

.zl-ob-step{
  padding-top:34px;
}

.zl-ob-complete{
  padding-top:26px;
}

@media (min-width:901px){
  .zl-onboarding-shell{
    padding:30px 38px 24px;
  }
}

@media (max-width:900px){
  .zl-onboarding-shell{
    padding:26px 20px 22px;
  }
  .zl-ob-step{
    padding-top:28px;
  }
}

#zlObLoading .zl-profile-motion{
  width:84px !important;
  height:84px !important;
}

#zlObLoading .zl-profile-core{
  width:64px !important;
  height:64px !important;
  border-radius:22px !important;
  box-shadow:0 10px 24px rgba(15,16,18,.10) !important;
}

#zlObLoading .zl-profile-logo-mark{
  width:30px;
  height:30px;
  display:block;
  object-fit:contain;
}

/* v19.2.37 — profile loading mark final measured center fix only */
#zlObLoading .zl-profile-core{
  position:relative !important;
}
#zlObLoading .zl-profile-logo-mark{
  position:absolute !important;
  left:50% !important;
  top:50% !important;
  margin:0 !important;
  transform:translate(calc(-50% - 10px), calc(-50% - 10px)) !important;
  transform-origin:center center !important;
}


/* v19.2.39 payment orbit dot visibility fix only — isolated to onboarding payment screen */
#zlObPayment .zl-payment-motion{
  position:relative !important;
  width:120px !important;
  height:120px !important;
  display:grid !important;
  place-items:center !important;
}

#zlObPayment .zl-payment-ring{
  position:absolute !important;
  left:50% !important;
  top:50% !important;
  width:108px !important;
  height:108px !important;
  margin:0 !important;
  transform:translate(-50%,-50%) !important;
  border:2px solid rgba(21,24,29,.16) !important;
  border-radius:50% !important;
  background:none !important;
  box-shadow:none !important;
  animation:none !important;
  overflow:visible !important;
}

#zlObPayment .zl-payment-ring::before,
#zlObPayment .zl-payment-ring::after{
  content:none !important;
}

#zlObPayment .zl-payment-orbit-dot{
  position:absolute !important;
  left:50% !important;
  top:50% !important;
  width:108px !important;
  height:108px !important;
  margin-left:-54px !important;
  margin-top:-54px !important;
  border-radius:50% !important;
  background:transparent !important;
  animation:zlObPaymentOrbitCarrier 2.2s linear infinite !important;
  transform-origin:54px 54px !important;
  z-index:20 !important;
  pointer-events:none !important;
  overflow:visible !important;
}

#zlObPayment .zl-payment-orbit-dot::before{
  content:'' !important;
  position:absolute !important;
  left:50% !important;
  top:-4.5px !important;
  width:9px !important;
  height:9px !important;
  margin-left:-4.5px !important;
  border-radius:50% !important;
  background:#d8fe43 !important;
  border:2px solid #fff !important;
  box-sizing:border-box !important;
  box-shadow:0 0 10px 2px rgba(216,254,67,.90) !important;
}

@keyframes zlObPaymentOrbitCarrier{
  from{transform:rotate(0deg)}
  to{transform:rotate(360deg)}
}


/* v19.2.40 profile preparation — ZodiLab breathe logo only */
#zlObLoading .zl-profile-logo-breathe-wrap{
  position:absolute !important;
  inset:0 !important;
  display:grid !important;
  place-items:center !important;
  transform:translate(-10px,-10px) !important;
  pointer-events:none !important;
}

#zlObLoading .zl-profile-logo-breathe{
  width:56px !important;
  height:56px !important;
  display:block !important;
  overflow:visible !important;
  transform-origin:center center !important;
  transform-box:view-box !important;
  animation:zlProfileLogoBreathe 3s ease-in-out infinite !important;
}

@keyframes zlProfileLogoBreathe{
  0%,100%{transform:scale(1);opacity:1}
  50%{transform:scale(.86);opacity:.75}
}

/* v19.2.45 — ready button chevron sizing only */
#zlObReady #zlRevealForecast .zl-btn-chevron{
  width:14px !important;
  height:14px !important;
  display:block !important;
  flex:0 0 14px !important;
}


/* v19.2.46 — forecast page polish only (daily / weekly / monthly / yearly) */
#dailyForecastState .dark-hero,
#weeklyForecastState .dark-hero,
#monthlyForecastState .dark-hero,
#yearlyForecastState .dark-hero{
  background:
    radial-gradient(circle at top right, rgba(216,254,67,.10) 0%, rgba(216,254,67,0) 34%),
    linear-gradient(145deg,#1c1d20 0%,#151618 58%,#101113 100%) !important;
  border-color:#2f3237 !important;
  box-shadow:0 18px 36px rgba(13,14,16,.14), 0 0 0 1px rgba(255,255,255,.02) inset !important;
}

#dailyForecastState .dark-hero::before,
#weeklyForecastState .dark-hero::before,
#monthlyForecastState .dark-hero::before,
#yearlyForecastState .dark-hero::before{
  content:'';
  position:absolute;
  left:26px;
  right:26px;
  bottom:0;
  height:1px;
  background:linear-gradient(90deg, rgba(216,254,67,.18), rgba(216,254,67,.02));
  pointer-events:none;
}

#dailyForecastState .dark-hero .hero-top,
#weeklyForecastState .dark-hero .hero-top,
#monthlyForecastState .dark-hero .hero-top,
#yearlyForecastState .dark-hero .hero-top{
  margin-bottom:16px !important;
}

#dailyForecastState .section-head>span,
#weeklyForecastState .section-head>span,
#monthlyForecastState .section-head>span,
#yearlyForecastState .section-head>span{
  background:#f6f7f9 !important;
  border-color:#eceff2 !important;
  color:#87909c !important;
}

#dailyForecastState .sphere-card,
#weeklyForecastState .sphere-card,
#monthlyForecastState .sphere-card,
#yearlyForecastState .sphere-card{
  background:#fafbfc !important;
  border-color:#e9edf1 !important;
  transition:border-color .18s var(--ease), background .18s var(--ease), transform .18s var(--ease), box-shadow .18s var(--ease) !important;
}

#dailyForecastState .sphere-card:hover,
#weeklyForecastState .sphere-card:hover,
#monthlyForecastState .sphere-card:hover,
#yearlyForecastState .sphere-card:hover{
  background:#f4f6f8 !important;
  transform:translateY(-1px);
}

#dailyForecastState .sphere-card.open,
#weeklyForecastState .sphere-card.open,
#monthlyForecastState .sphere-card.open,
#yearlyForecastState .sphere-card.open{
  background:#ffffff !important;
  border-color:#dfe6ca !important;
  box-shadow:0 10px 24px rgba(20,22,26,.05) !important;
}

#dailyForecastState .sphere-card.open .sphere-badge,
#weeklyForecastState .sphere-card.open .sphere-badge,
#monthlyForecastState .sphere-card.open .sphere-badge,
#yearlyForecastState .sphere-card.open .sphere-badge{
  background:#f3f8df !important;
  color:#647116 !important;
}

#dailyForecastState .sphere-card.open .sphere-detail>div,
#weeklyForecastState .sphere-card.open .sphere-detail>div,
#monthlyForecastState .sphere-card.open .sphere-detail>div,
#yearlyForecastState .sphere-card.open .sphere-detail>div{
  border-top-color:#edf1df !important;
}

#dailyForecastState .flow-grid,
#weeklyForecastState .flow-grid,
#monthlyForecastState .flow-grid,
#yearlyForecastState .flow-grid{
  gap:10px !important;
}

#dailyForecastState .flow-card,
#weeklyForecastState .flow-card,
#monthlyForecastState .flow-card,
#yearlyForecastState .flow-card{
  background:linear-gradient(180deg,#fbfbfc 0%,#f7f8fa 100%) !important;
  border-color:#e8ebef !important;
}

#dailyForecastState .flow-card:nth-child(2),
#weeklyForecastState .flow-card:nth-child(2),
#monthlyForecastState .flow-card:nth-child(2),
#yearlyForecastState .flow-card:nth-child(2){
  box-shadow:0 8px 18px rgba(16,185,129,.06) !important;
}

#dailyForecastState .timeline,
#weeklyForecastState .timeline,
#monthlyForecastState .timeline,
#yearlyForecastState .timeline{
  background:linear-gradient(180deg,#fafbfc 0%,#f7f8fa 100%) !important;
  border-color:#e8ebef !important;
}

#dailyForecastState .timeline-row,
#weeklyForecastState .timeline-row,
#monthlyForecastState .timeline-row,
#yearlyForecastState .timeline-row{
  padding-bottom:15px !important;
}

#dailyForecastState .accordion,
#weeklyForecastState .accordion,
#monthlyForecastState .accordion,
#yearlyForecastState .accordion{
  border:1px solid #eceef0 !important;
  box-shadow:0 1px 2px rgba(20,22,26,.025),0 10px 26px rgba(20,22,26,.035) !important;
}

#dailyForecastState .accordion.open,
#weeklyForecastState .accordion.open,
#monthlyForecastState .accordion.open,
#yearlyForecastState .accordion.open{
  border-color:#dfe6ca !important;
}

#dailyForecastState .feedback,
#weeklyForecastState .feedback,
#monthlyForecastState .feedback,
#yearlyForecastState .feedback{
  border:1px solid #eceef0 !important;
  box-shadow:0 1px 2px rgba(20,22,26,.025),0 10px 26px rgba(20,22,26,.03) !important;
}

/* v19.2.47 — You page year icon only */
.you-profile-triad .you-year-strong{display:flex;align-items:center;justify-content:center;gap:5px}
.you-profile-triad .you-inline-year-icon{width:14px;height:14px;display:inline-grid;place-items:center;color:#B79A29;flex:0 0 auto}
.you-profile-triad .you-inline-year-icon svg{width:14px;height:14px;display:block}


/* v19.2.48 — You page polish only: portrait, personal areas, growth path, natal tabs, deep-dive link */
#youPage .you-portrait-avatar{
  width:34px;
  height:34px;
  border-radius:50%;
  overflow:hidden;
  flex:0 0 34px;
  background:#f2f3f5;
  border:1px solid #e3e6ea;
  box-shadow:0 3px 10px rgba(20,22,26,.08);
}
#youPage .you-portrait-avatar img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
}

#youPage .you-area{
  background:#fafbfc;
  border-color:#e9edf1;
  transition:background .18s var(--ease),border-color .18s var(--ease),box-shadow .18s var(--ease),transform .18s var(--ease);
}
#youPage .you-area:hover{
  background:#f6f7f9;
  transform:translateY(-1px);
}
#youPage .you-area.open{
  background:#fff;
  border-color:#dfe6ca;
  box-shadow:0 9px 22px rgba(20,22,26,.045);
}
#youPage .you-area.open .you-area-head{
  background:#fcfdf8;
}
#youPage .you-area.open .you-chevron{
  stroke:#657116;
}
#youPage .you-area.open .you-area-detail{
  border-top-color:#edf1df;
  color:#5f6873;
}

#youPage .growth-list{
  display:flex;
  flex-direction:column;
  gap:0;
  margin-top:16px;
}
#youPage .growth-list p{
  position:relative;
  display:grid;
  grid-template-columns:28px 1fr;
  gap:12px;
  align-items:start;
  margin:0;
  padding:7px 0 15px;
  background:transparent;
  border:0;
  border-radius:0;
  color:#666d76;
  transform:none;
}
#youPage .growth-list p:last-child{
  padding-bottom:2px;
}
#youPage .growth-list p:hover{
  background:transparent;
  border-color:transparent;
  transform:none;
}
#youPage .growth-list p:not(:last-child)::after{
  content:'';
  position:absolute;
  left:13px;
  top:23px;
  bottom:-2px;
  width:1px;
  background:#dfe3e7;
}
#youPage .growth-list i{
  width:28px;
  height:28px;
  margin:0;
  border-radius:50%;
  background:transparent !important;
  display:grid;
  place-items:center;
  position:relative;
  z-index:1;
}
#youPage .growth-list i::after{
  content:'';
  width:9px;
  height:9px;
  border-radius:50%;
  background:currentColor;
  box-shadow:0 0 0 4px #fff;
}
#youPage .growth-list span{
  padding-top:4px;
}
#youPage .growth-list strong{
  color:#252a31;
  font-weight:800;
}

#youPage .you-planet-tabs{
  gap:5px;
  margin-top:9px;
  padding:3px;
  background:#f1f2f3;
  border:1px solid #e8eaed;
  border-radius:12px;
}
#youPage .you-planet-tabs button{
  min-height:30px;
  padding:6px 7px;
  border-radius:9px;
  background:transparent;
  color:#777e88;
  font-size:9.5px;
  transition:background .18s var(--ease),color .18s var(--ease),box-shadow .18s var(--ease);
}
#youPage .you-planet-tabs button.active{
  background:#18191b;
  color:#fff;
  box-shadow:0 3px 9px rgba(20,22,26,.16),inset 0 -2px 0 rgba(216,254,67,.65);
}

#youPage #youNatalDeepDiveSection{
  position:relative;
  margin-top:-7px;
  border-color:#e7e6df;
  background:#fffefa;
}
#youPage #youNatalDeepDiveSection::before{
  content:'';
  position:absolute;
  top:-15px;
  left:35px;
  width:1px;
  height:15px;
  background:#ddd8ca;
}
#youPage #youNatalDeepDiveSection .accordion-trigger{
  background:#fffefa;
}
#youPage #youNatalDeepDiveSection.open{
  border-color:#ddd7c7;
  box-shadow:0 10px 26px rgba(55,48,34,.05);
}
#youPage #youNatalDeepDiveSection.open .accordion-trigger{
  background:#fffdf6;
}


/* v19.2.49 — My Circle "Sən + bu insan" CTA card only */
.circle-pair-card{
  display:flex !important;
  flex-direction:column !important;
  align-items:stretch !important;
  gap:14px !important;
  padding:18px !important;
}

.circle-pair-visual{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:10px;
}

.circle-pair-avatar{
  width:52px;
  height:52px;
  border-radius:50%;
  overflow:hidden;
  display:grid;
  place-items:center;
  flex:0 0 auto;
  border:1px solid #E4E7EB;
  background:#fff;
  box-shadow:0 8px 18px rgba(20,22,26,.06);
}

.circle-pair-avatar.self img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

.circle-pair-avatar.other{
  background:linear-gradient(180deg,#F8F9FA 0%, #F1F3F5 100%);
  color:#525862;
}

.circle-pair-avatar.other span{
  width:100%;
  height:100%;
  display:grid;
  place-items:center;
}

.circle-pair-avatar.other svg{
  width:24px;
  height:24px;
}

.circle-pair-connector{
  width:30px;
  height:30px;
  border-radius:50%;
  display:grid;
  place-items:center;
  flex:0 0 auto;
  color:#17181B;
  background:#F6F7F8;
  border:1px solid #E6E8EB;
}

.circle-pair-connector svg{
  width:15px;
  height:15px;
}

.circle-pair-copy small{
  font-size:9px;
  font-weight:900;
  letter-spacing:.12em;
  color:#8B5CF6;
}

.circle-pair-copy h3{
  font-size:15px;
  margin:4px 0 0;
}

.circle-pair-copy p{
  font-size:11.2px;
  line-height:1.55;
  color:#7D848D;
  margin:6px 0 0;
}

.circle-pair-cta{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  min-height:42px;
  padding:11px 13px;
  border-radius:14px;
  background:#18191B;
  color:#fff;
  box-shadow:0 10px 24px rgba(15,16,18,.08);
}

.circle-pair-cta span{
  font-size:11px;
  font-weight:800;
}

.circle-pair-cta b{
  font-size:15px;
  line-height:1;
  color:#D8FE43;
}

/* v19.2.51 — My Circle pair visual matched to supplied HTML reference only */
.circle-pair-reference{
  position:relative !important;
  width:170px !important;
  height:110px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:0 !important;
  min-height:110px !important;
}

.circle-pair-reference .circle-pair-action{
  position:absolute !important;
  right:0 !important;
  width:105px !important;
  height:105px !important;
  border-radius:50% !important;
  background:#fff !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  padding-right:28px !important;
  border:1px solid #EEF0F2 !important;
  box-shadow:none !important;
  z-index:1 !important;
}

.circle-pair-reference .circle-pair-action svg{
  width:24px !important;
  height:24px !important;
  color:#191919 !important;
  fill:currentColor !important;
  transform:none !important;
}

.circle-pair-reference .circle-pair-avatar.self{
  position:absolute !important;
  left:0 !important;
  width:105px !important;
  height:105px !important;
  border-radius:50% !important;
  overflow:hidden !important;
  z-index:2 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  border:0 !important;
  box-shadow:none !important;
  background:#E6C5A5 !important;
}

.circle-pair-reference .circle-pair-avatar.self img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  display:block !important;
}


/* v19.2.52 — My Circle pair visual size only: restore previous compact scale */
.circle-pair-reference{
  width:94px !important;
  height:58px !important;
  min-height:58px !important;
}
.circle-pair-reference .circle-pair-action{
  width:58px !important;
  height:58px !important;
  padding-right:15px !important;
}
.circle-pair-reference .circle-pair-action svg{
  width:18px !important;
  height:18px !important;
}
.circle-pair-reference .circle-pair-avatar.self{
  width:58px !important;
  height:58px !important;
}


/* v19.2.53 — My Circle detail polish only */
#circleDetailView .circle-profile-card{
  gap:18px !important;
  padding:16px 18px !important;
  border-color:#E7EAEE !important;
  box-shadow:0 10px 28px rgba(20,22,26,.045) !important;
}

#circleDetailView .circle-profile-main{
  min-width:0;
  flex:1 1 auto;
}

#circleDetailView .circle-profile-meta{
  min-width:0 !important;
  width:min(100%,430px) !important;
  padding:5px !important;
  gap:5px !important;
  border-radius:16px !important;
  background:#F5F6F8 !important;
  border:1px solid #E8EBEF !important;
}

#circleDetailView .circle-profile-meta>div.astro-meta-card{
  min-height:48px !important;
  background:#fff !important;
  border:1px solid #ECEEF1 !important;
  border-radius:12px !important;
  padding:8px 9px !important;
}

#circleDetailView .circle-inner-tabs{
  position:relative;
  padding:5px !important;
  gap:5px !important;
  background:#ECEEF1 !important;
  border:1px solid #E2E5E9 !important;
  box-shadow:inset 0 1px 2px rgba(20,22,26,.03) !important;
}

#circleDetailView .circle-inner-tabs button{
  min-height:42px !important;
  transition:all .2s var(--ease) !important;
}

#circleDetailView .circle-inner-tabs button[data-circle-tab="synastry"]{
  position:relative;
}

#circleDetailView .circle-inner-tabs button[data-circle-tab="synastry"]::after{
  content:'✦';
  display:inline-grid;
  place-items:center;
  width:16px;
  height:16px;
  margin-left:7px;
  border-radius:50%;
  background:rgba(139,92,246,.10);
  color:#8B5CF6;
  font-size:8px;
  vertical-align:middle;
}

#circleDetailView .circle-inner-tabs button[data-circle-tab="synastry"].active::after{
  background:rgba(216,254,67,.14);
  color:#647116;
}

#circleDetailView .circle-side-col{
  gap:14px !important;
}

#circleDetailView .circle-side-col>section:first-child,
#circleDetailView .circle-compat-premium-card{
  border-color:#E7EAEE !important;
  box-shadow:0 10px 28px rgba(20,22,26,.04) !important;
}

#circleDetailView .circle-compat-premium-card{
  display:flex !important;
  flex-direction:column !important;
  gap:13px !important;
  padding:16px !important;
  min-height:0 !important;
  background:linear-gradient(180deg,#FFFFFF 0%,#FBFBFC 100%) !important;
}

#circleDetailView .circle-compat-topline{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}

#circleDetailView .circle-compat-pair{
  display:flex;
  align-items:center;
  min-width:0;
}

#circleDetailView .circle-compat-avatar{
  width:42px;
  height:42px;
  border-radius:50%;
  overflow:hidden;
  display:grid;
  place-items:center;
  flex:0 0 auto;
  background:#18191B;
  color:#D8FE43;
  border:2px solid #fff;
  box-shadow:0 5px 14px rgba(20,22,26,.10);
  font-size:11px;
  font-weight:900;
}

#circleDetailView .circle-compat-avatar img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
}

#circleDetailView .circle-compat-link{
  width:30px;
  height:30px;
  margin:0 -5px;
  z-index:3;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:#fff;
  color:#7C3AED;
  border:1px solid #E6E8EC;
  box-shadow:0 5px 12px rgba(20,22,26,.07);
}

#circleDetailView .circle-compat-link svg{
  width:15px;
  height:15px;
}

#circleDetailView .circle-compat-preview{
  display:inline-flex;
  align-items:center;
  min-height:25px;
  padding:5px 8px;
  border-radius:999px;
  background:#F5F3FF;
  color:#7C3AED;
  border:1px solid #EDE9FE;
  font-size:8.8px;
  font-weight:800;
  white-space:nowrap;
}

#circleDetailView .circle-compat-copy small{
  font-size:8.8px !important;
}

#circleDetailView .circle-compat-copy h3{
  font-size:14px !important;
  margin-top:3px !important;
}

#circleDetailView .circle-compat-copy p{
  margin-top:5px !important;
}

#circleDetailView .circle-compat-premium-card>button{
  margin-top:0 !important;
  min-height:40px !important;
}


/* v19.2.54 — My Circle detail fine-tune only */
#circleDetailView .sphere-card.open{
  background:#ffffff !important;
  border-color:#dfe6ca !important;
  box-shadow:0 10px 24px rgba(20,22,26,.05) !important;
}

#circleDetailView .sphere-card.open .sphere-badge{
  background:#f3f8df !important;
  color:#647116 !important;
}

#circleDetailView .sphere-card.open .sphere-detail>div{
  border-top-color:#edf1df !important;
}

#circleDetailView .circle-inner-tabs button[data-circle-tab="synastry"]::after,
#circleDetailView .circle-inner-tabs button[data-circle-tab="synastry"].active::after{
  content:none !important;
  display:none !important;
}

#circleDetailView .circle-compat-topline{
  align-items:flex-start !important;
  gap:10px !important;
}

#circleDetailView .circle-compat-pair{
  display:flex !important;
  align-items:center !important;
  min-width:0 !important;
  padding-left:2px !important;
}

#circleDetailView .circle-compat-avatar{
  width:44px !important;
  height:44px !important;
  border-radius:50% !important;
  overflow:hidden !important;
  display:grid !important;
  place-items:center !important;
  flex:0 0 auto !important;
  border:2px solid #fff !important;
  box-shadow:0 5px 14px rgba(20,22,26,.10) !important;
  font-size:11px !important;
  font-weight:900 !important;
}

#circleDetailView .circle-compat-avatar.owner{
  position:relative !important;
  z-index:2 !important;
}

#circleDetailView .circle-compat-avatar.person{
  margin-left:-10px !important;
  position:relative !important;
  z-index:1 !important;
  background:#18191B !important;
  color:#D8FE43 !important;
}

#circleDetailView .circle-compat-link{
  display:none !important;
}

#circleDetailView .circle-compat-preview{
  min-height:24px !important;
  padding:5px 8px !important;
  font-size:8.6px !important;
}

#circleDetailView .circle-compat-premium-card>button{
  width:140px !important;
  min-width:140px !important;
  min-height:40px !important;
  padding:0 14px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:12px !important;
}

/* v19.2.55 — My Circle sinastry CTA full width only */
#circleDetailView .circle-compat-premium-card>button{
  width:100% !important;
  min-width:0 !important;
  max-width:none !important;
}


/* v19.2.56 — synastry chart core pair only */
.syn-core.premium-core{
  width:98px !important;
  height:98px !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  gap:6px !important;
}

.syn-core.premium-core .syn-core-avatars{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  margin-top:0 !important;
  position:relative !important;
  z-index:2 !important;
}

.syn-core.premium-core .syn-core-avatars span{
  width:39px !important;
  height:39px !important;
  border-radius:50% !important;
  overflow:hidden !important;
  border:2px solid #fff !important;
  display:grid !important;
  place-items:center !important;
  font-size:11px !important;
  font-weight:800 !important;
  box-shadow:0 4px 10px rgba(0,0,0,.10) !important;
}

.syn-core.premium-core .syn-core-avatars span:first-child{
  position:relative !important;
  z-index:2 !important;
}

.syn-core.premium-core .syn-core-avatars span+span{
  margin-left:-10px !important;
  position:relative !important;
  z-index:1 !important;
}

.syn-core.premium-core small{
  position:relative !important;
  z-index:2 !important;
  margin-top:0 !important;
  font-size:8.2px !important;
  line-height:1.15 !important;
  text-align:center !important;
}

@media(max-width:680px){
  .syn-core.premium-core{width:92px !important;height:92px !important;gap:5px !important}
  .syn-core.premium-core .syn-core-avatars span{width:36px !important;height:36px !important}
}


/* v59 — requested web-only UX parity: push primer, contact OTP modal, premium activation moment. */
.push-permission-modal{width:min(430px,100%);text-align:center;padding:26px 24px}.push-permission-icon{width:48px;height:48px;border-radius:16px;background:#F5F0FF;color:#7C3AED;display:grid;place-items:center;margin:0 auto 14px}.push-permission-icon svg{width:22px;height:22px}.push-permission-modal h3{font-size:18px;margin:0;color:#15171B}.push-permission-modal>p{font-size:10.8px;line-height:1.6;color:#7E848D;max-width:350px;margin:8px auto 0}.push-permission-actions{display:grid;gap:8px;margin-top:18px}.push-permission-actions .zl-web-primary,.push-permission-actions .zl-web-secondary{margin:0}
.contact-otp-modal{width:min(470px,100%)}.contact-otp-main{margin-top:14px}.contact-otp-note{padding:11px 12px;border-radius:15px;background:#EFF8FF;border:1px solid #DCEEF9;color:#39708A;font-size:10px;line-height:1.5;margin-bottom:12px}.contact-otp-resend{width:100%;border:0;background:transparent;color:#707780;font:800 10.5px inherit;cursor:pointer;padding:10px 0 2px}.contact-otp-resend:hover{color:#18191B}.contact-otp-modal #contactOtpCode{text-align:center;font-size:14px;font-weight:900;letter-spacing:.28em}
.premium-activation-overlay{position:fixed;inset:0;z-index:1200;background:#111214;display:grid;place-items:center;overflow:hidden}.premium-activation-overlay.hidden{display:none}.premium-activation-content{text-align:center;padding:32px;position:relative}.premium-activation-visual{width:112px;height:112px;position:relative;margin:0 auto 22px;display:grid;place-items:center}.premium-activation-core{width:72px;height:72px;border-radius:25px;background:#1B1D18;border:1px solid #41472A;color:#D8FE43;display:grid;place-items:center;position:relative;z-index:3;box-shadow:0 24px 55px rgba(0,0,0,.38);animation:premiumCoreIn .72s cubic-bezier(.16,1,.3,1) both}.premium-activation-core svg{width:32px;height:32px;stroke-dasharray:40;stroke-dashoffset:40;animation:premiumCheckDraw .55s .24s ease-out forwards}.premium-activation-orbit{position:absolute;inset:8px;border-radius:32px;border:1px solid rgba(216,254,67,.24);opacity:0}.premium-activation-orbit.one{animation:premiumOrbit 1.45s .08s cubic-bezier(.2,.8,.2,1) both}.premium-activation-orbit.two{inset:0;border-color:rgba(216,254,67,.12);animation:premiumOrbit 1.7s .18s cubic-bezier(.2,.8,.2,1) both}.premium-activation-glow{position:absolute;width:76px;height:76px;border-radius:50%;background:rgba(216,254,67,.16);filter:blur(24px);animation:premiumGlow 1.25s .1s ease-out both}.premium-activation-kicker,.premium-activation-content h3,.premium-activation-content p{opacity:0;transform:translateY(10px);animation:premiumCopyIn .52s cubic-bezier(.2,.8,.2,1) forwards}.premium-activation-kicker{display:block;font-size:9.5px;font-weight:900;letter-spacing:.2em;text-transform:uppercase;color:#D8FE43;animation-delay:.18s}.premium-activation-content h3{font-size:22px;color:#fff;margin:7px 0 0;animation-delay:.24s}.premium-activation-content p{font-size:11px;line-height:1.6;color:#959BA4;max-width:310px;margin:8px auto 0;animation-delay:.30s}@keyframes premiumCoreIn{0%{opacity:0;transform:scale(.74)}65%{opacity:1;transform:scale(1.06)}100%{opacity:1;transform:scale(1)}}@keyframes premiumCheckDraw{to{stroke-dashoffset:0}}@keyframes premiumOrbit{0%{opacity:0;transform:scale(.6) rotate(-25deg)}35%{opacity:.75}100%{opacity:0;transform:scale(1.28) rotate(20deg)}}@keyframes premiumGlow{0%{opacity:0;transform:scale(.5)}45%{opacity:1}100%{opacity:.35;transform:scale(1.18)}}@keyframes premiumCopyIn{to{opacity:1;transform:translateY(0)}}
@media(max-width:640px){.push-permission-modal,.contact-otp-modal{border-radius:24px}.premium-activation-content h3{font-size:20px}}
@media(prefers-reduced-motion:reduce){.premium-activation-core,.premium-activation-core svg,.premium-activation-orbit,.premium-activation-glow,.premium-activation-kicker,.premium-activation-content h3,.premium-activation-content p{animation:none!important;opacity:1!important;transform:none!important}.premium-activation-core svg{stroke-dashoffset:0!important}}

/* Inbox API states and auth footer/selector alignment; existing layouts retained. */
#notificationList{max-height:min(60dvh,460px);overflow:auto;overscroll-behavior:contain}
.notification-item{align-items:flex-start;min-width:0}
.notification-open{display:flex;gap:10px;flex:1;min-width:0;text-align:start;border:0;background:transparent;padding:0;color:inherit;cursor:pointer}
.notification-copy{display:flex;flex-direction:column;min-width:0;overflow-wrap:anywhere}
.notification-body{font-size:10px;color:#707680;margin-top:3px;line-height:1.5;white-space:pre-wrap}
.notification-archive{flex:none;width:24px;height:24px;border:0;border-radius:7px;background:transparent;color:#747983;cursor:pointer}
.notification-archive:hover{background:#e9ebee;color:#17181b}
.notification-state{padding:20px 8px;margin:0;text-align:center;font-size:11px;color:#747983;line-height:1.6}
.notification-actions{display:flex;justify-content:space-between;gap:12px;padding:10px 7px 2px;border-top:1px solid #f0f1f2}
.notification-actions button{border:0;background:transparent;font-size:10px;font-weight:700;color:#64748b;cursor:pointer}
.notification-popover button:disabled{opacity:.5;cursor:default}
.notification-popover button:focus-visible,.zl-auth-legal a:focus-visible{outline:2px solid #747983;outline-offset:3px;border-radius:4px}
.zl-auth-panel{position:relative;min-width:0}
.zl-auth-legal{position:absolute;inset-inline:clamp(40px,5vw,86px) 54px;bottom:54px;margin:0;text-align:end;color:#747983;font-size:10px;line-height:1.65;overflow-wrap:anywhere}
.zl-auth-legal a{color:inherit;text-underline-offset:3px;white-space:nowrap}
.zl-auth-legal a:hover{color:#17181b}
.zl-auth-legal a[aria-disabled="true"]{opacity:.65}
.zl-auth-form .zl-phone-row{grid-template-columns:125px minmax(0,1fr)}
.zl-auth-form .zl-phone-row input{min-width:0;width:100%}
#zlLoginCountry,#zlRegCountry{min-width:0;width:100%;appearance:none;-webkit-appearance:none;padding-inline:12px 32px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23666b74' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m4 6 4 4 4-4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:12px 12px}
#zlLoginCountry:focus-visible,#zlRegCountry:focus-visible{border-color:#17191c;outline:2px solid #747983;outline-offset:2px}
[dir="rtl"] #zlLoginCountry,[dir="rtl"] #zlRegCountry{background-position:left 12px center}
@media(max-width:900px){
  .zl-auth-panel{flex-direction:column;gap:28px;padding-bottom:max(36px,env(safe-area-inset-bottom))}
  .zl-auth-legal{position:static;width:100%;font-size:10px}
}
@media(min-width:901px) and (max-height:700px){
  .zl-auth-gate{overflow:auto;grid-template-rows:auto auto}
  .zl-auth-frame{height:auto;min-height:560px;max-height:none}
  .zl-auth-panel{flex-direction:column;gap:28px}
  .zl-auth-legal{position:static;width:100%}
}