:root{--night:#0b0d2e;--indigo:#1f1b52;--plum:#4e336f;--mauve:#8a5390;--rose:#e096a3;--apricot:#f7c6a7;--gold:#eed3a6;--cream:#fbefe2;--glass:#ffffff24;--glass-edge:#ffffff57;--display:"El Messiri","Noto Naskh Arabic",serif;--text:"Alexandria",system-ui,sans-serif;--pad:24px;--safe-t:env(safe-area-inset-top,0px);--safe-b:env(safe-area-inset-bottom,0px);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{background:var(--night);height:100%;margin:0}body{font-family:var(--text);color:var(--cream);-webkit-font-smoothing:antialiased;overscroll-behavior:none}button,input,textarea{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0}:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.sky{background-image:linear-gradient(#0b0d2e 0%,#151649 16%,#22205a 30%,#352866 42%,#4e336f 52%,#6b4180 61%,#8a5390 69%,#a86799 76%,#c77d9f 83%,#e096a3 89%,#efb1a5 95%,#f7c6a7 100%);background-size:100% 400%;max-width:520px;min-height:100dvh;margin:0 auto;transition:background-position 1.4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.sky.light{color:var(--indigo)}.stars{pointer-events:none;transition:opacity 1.4s;position:absolute;inset:0}.sky.light .stars{opacity:0}.stars span{background:var(--cream);opacity:.55;border-radius:50%;animation:4.5s ease-in-out infinite twinkle;position:absolute}@keyframes twinkle{50%{opacity:.15}}.screen{z-index:1;min-height:100dvh;padding:calc(var(--safe-t) + 20px) var(--pad) calc(var(--safe-b) + 24px);flex-direction:column;display:flex;position:relative}.btn{border-radius:29px;width:100%;height:58px;padding:0 28px;font-size:18px;font-weight:500;transition:transform .15s,opacity .3s,background .2s}.btn:active{transform:scale(.98)}.btn.primary{background:var(--cream);color:var(--indigo)}.btn.primary:disabled{opacity:.35;cursor:default}.btn.ghost{background:var(--glass);border:1px solid var(--glass-edge);-webkit-backdrop-filter:blur(14px)}.btn.ghost.dark{background:#1f1b5214;border-color:#1f1b5240}.link{opacity:.75;text-underline-offset:4px;margin-top:16px;padding:12px;font-size:15px;font-weight:300;text-decoration:underline}.install{text-align:center;justify-content:space-between}.brand{flex-direction:column;align-items:center;margin-top:8vh;display:flex}.appicon{background:linear-gradient(#0b0d2e,#22205a 45%,#4e336f 75%,#8a5390);border-radius:22px;place-items:center;width:92px;height:92px;display:grid;box-shadow:0 0 0 1px #eed3a640,0 18px 50px #eed3a62e}.wordmark{font-family:var(--display);margin:22px 0 4px;font-size:44px;font-weight:600;line-height:1.2}.tagline{color:var(--gold);margin:0;font-size:17px;font-weight:300}.howto{text-align:right;-webkit-backdrop-filter:blur(14px);background:#0b0d2e59;border:1px solid #ffffff1f;border-radius:28px;padding:22px 20px}.howto-title{font-family:var(--display);margin:0 0 6px;font-size:24px;font-weight:600}.howto-sub{opacity:.85;margin:0 0 18px;font-size:15px;font-weight:300;line-height:24px}.steps{gap:14px;margin:0 0 4px;padding:0;font-size:16px;line-height:24px;list-style:none;display:grid}.steps li{align-items:flex-start;gap:12px;display:flex}.steps .n{background:var(--gold);width:28px;height:28px;color:var(--indigo);border-radius:50%;flex:none;place-items:center;font-size:14px;font-weight:500;display:grid}.inline-icon{vertical-align:-3px;color:var(--gold)}.howto .btn{margin-top:16px}.call{text-align:center;padding-top:calc(var(--safe-t) + 64px);justify-content:space-between}.caller{flex-direction:column;align-items:center;display:flex}.avatar{background:#eed3a614;border:1px solid #eed3a64d;border-radius:50%;place-items:center;width:112px;height:112px;display:grid;position:relative}.avatar.ringing:before,.avatar.ringing:after{content:"";border:1px solid #eed3a673;border-radius:50%;animation:2.4s ease-out infinite ring;position:absolute;inset:-1px}.avatar.ringing:after{animation-delay:1.2s}@keyframes ring{to{opacity:0;transform:scale(1.9)}}.caller-name{font-family:var(--display);margin:26px 0 2px;font-size:46px;font-weight:600}.caller-sub{opacity:.8;font-variant-numeric:tabular-nums;margin:0;font-size:17px;font-weight:300}.call-actions{flex-direction:column;align-items:center;gap:10px;margin-bottom:4vh;display:flex}.answer{background:#34c759;border-radius:50%;place-items:center;width:76px;height:76px;animation:1.6s ease-in-out infinite nudge;display:grid}@keyframes nudge{0%,60%,to{transform:translateY(0)}70%{transform:translateY(-6px)}80%{transform:translateY(0)}90%{transform:translateY(-3px)}}.answer-label{opacity:.85;font-size:15px}.call-lines{flex-direction:column;gap:10px;margin-bottom:2vh;display:flex}.line{font-family:var(--display);opacity:0;margin:0;font-size:22px;line-height:34px;transition:opacity .6s,transform .6s;transform:translateY(8px)}.line.big{font-size:30px;font-weight:600;line-height:42px}.line.on{opacity:1;transform:none}.call-lines .btn{margin-top:22px}.btn.hidden{opacity:0;pointer-events:none}.topbar{align-items:center;gap:14px;height:44px;display:flex}.back{border-radius:50%;place-items:center;width:40px;height:40px;margin-inline-start:-10px;display:grid}.progress{background:#ffffff26;border-radius:2px;flex:1;height:4px;overflow:hidden}.progress span{background:var(--gold);border-radius:2px;height:100%;transition:width .5s;display:block}.qwrap{flex:1;padding-top:7vh;animation:.45s ease-out rise}@keyframes rise{0%{opacity:0;transform:translateY(10px)}}.section{color:var(--gold);margin:0 0 10px;font-size:15px;font-weight:300}.question{font-family:var(--display);text-wrap:balance;margin:0 0 8px;font-size:30px;font-weight:600;line-height:44px}.hint{opacity:.8;margin:0;font-size:15px;font-weight:300}.field{background:var(--glass);border:1px solid var(--glass-edge);border-radius:18px;outline:none;width:100%;margin-top:26px;padding:16px 18px;font-size:19px}.field::placeholder{color:#fbefe273}.field:focus{border-color:var(--gold)}.field.area{resize:none;font-size:17px;line-height:30px}.choices{gap:12px;margin-top:26px;display:grid}.choice{text-align:right;background:var(--glass);border:1px solid var(--glass-edge);border-radius:18px;min-height:58px;padding:14px 20px;font-size:18px;transition:background .2s,border-color .2s,color .2s}.choice.sel{background:var(--cream);color:var(--indigo);border-color:var(--cream)}.chips{flex-wrap:wrap;gap:10px;margin-top:24px;display:flex}.chip{background:var(--glass);border:1px solid var(--glass-edge);border-radius:24px;padding:11px 18px;font-size:16px;transition:background .2s,color .2s}.chip.sel{background:var(--gold);border-color:var(--gold);color:var(--indigo)}.cards{gap:12px;margin-top:24px;display:grid}.card{background:var(--glass);border:1px solid var(--glass-edge);border-radius:22px;gap:10px;padding:16px;display:grid;position:relative}.card label{gap:4px;display:grid}.card label span{color:var(--gold);font-size:13px;font-weight:300}.card input{background:#0b0d2e4d;border:1px solid #0000;border-radius:12px;outline:none;padding:11px 12px;font-size:17px}.card input:focus{border-color:var(--gold)}.card input::placeholder{color:#fbefe266}.remove{opacity:.6;width:30px;height:30px;font-size:22px;position:absolute;top:8px;left:10px}.add{border:1px dashed var(--glass-edge);opacity:.9;border-radius:18px;height:52px;font-size:16px}.actions{gap:12px;padding-top:20px;display:grid}.namecheck{margin-top:26px}.hello{width:100%;font-family:var(--display);background:#eed3a61a;border:1px solid #eed3a659;border-radius:28px;justify-content:center;align-items:center;gap:14px;padding:28px 16px;font-size:32px;font-weight:600;display:flex}.wave{align-items:center;gap:3px;height:26px;display:inline-flex}.wave i{background:var(--gold);border-radius:2px;width:3px;animation:1s ease-in-out infinite wave}.wave i:first-child{height:10px}.wave i:nth-child(2){height:22px;animation-delay:.15s}.wave i:nth-child(3){height:14px;animation-delay:.3s}.wave i:nth-child(4){height:24px;animation-delay:.45s}.wave i:nth-child(5){height:12px;animation-delay:.6s}@keyframes wave{50%{transform:scaleY(.4)}}.done{text-align:center;justify-content:space-between}.done-top{flex-direction:column;align-items:center;margin-top:12vh;display:flex}.done-top svg path{fill:#fff6e6}.done-title{font-family:var(--display);margin:20px 0 6px;font-size:40px;font-weight:600}.done-sub{margin:0;font-size:17px;line-height:28px}.dreams-label{opacity:.8;margin:0 0 4px;font-size:15px}.chips.static{justify-content:center;margin-top:10px}.chips.static .chip{background:var(--indigo);border-color:var(--indigo);color:var(--cream)}.note{opacity:.75;margin:0 0 4px;font-size:13px;line-height:20px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.field.ltr,.field.code{text-align:left;direction:ltr}.field.code{letter-spacing:.35em;text-align:center;font-variant-numeric:tabular-nums;font-size:28px}.err{color:#ffd1d6;margin:14px 0 0;font-size:15px;line-height:24px}.link.small{margin:14px auto 0;font-size:14px;display:block}.link:disabled{opacity:.45;cursor:default;text-decoration:none}