@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-font-weight:initial;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-serif:ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-blue-600:oklch(54.6% .245 262.881);--color-gray-600:oklch(44.6% .03 256.802);--color-stone-50:oklch(98.5% .001 106.423);--color-stone-900:oklch(21.6% .006 56.043);--spacing:.25rem;--font-weight-bold:700;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.absolute{position:absolute}.relative{position:relative}.static{position:static}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.flex{display:flex}.hidden{display:none}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.bg-stone-50{background-color:var(--color-stone-50)}.font-serif{font-family:var(--font-serif)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.text-blue-600{color:var(--color-blue-600)}.text-gray-600{color:var(--color-gray-600)}.text-stone-900{color:var(--color-stone-900)}.italic{font-style:italic}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}}:root{--cream:#fff9f0;--warm:#fff3e0;--terracotta:#ff6b4a;--mocha:#5a4a40;--dark:#0b0420;--dark2:#150933;--dark3:#1f1346;--blush:#ff6fa8;--green:#4de3b0;--gold:#ffc94a;--violet:#9b6fd8;--rose:#ff4f7a;--neon-pink:#ff3d8b;--neon-purple:#a855f7;--neon-cyan:#22d3ee;--neon-orange:#ff8a3d}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--dark);color:var(--cream);-webkit-font-smoothing:antialiased;min-height:100vh;margin:0;font-family:Tajawal,Arial,sans-serif;overflow-x:hidden}.screen{flex-direction:column;min-height:100vh;display:none}.screen.active{display:flex}@keyframes fadeUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes popIn{0%{opacity:0;transform:scale(.9)rotate(-1deg)}to{opacity:1;transform:scale(1)rotate(0)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.55;transform:scale(.94)}}@keyframes breathe{0%,to{filter:brightness();transform:scale(1)}50%{filter:brightness(1.15);transform:scale(1.04)}}@keyframes drift{0%{transform:translate(0)}33%{transform:translate(30px,-20px)}66%{transform:translate(-20px,30px)}to{transform:translate(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes gradientShift{0%,to{background-position:0%}50%{background-position:100%}}@keyframes glowPulse{0%,to{box-shadow:0 0 20px #ff3d8b80,0 0 40px #a855f74d}50%{box-shadow:0 0 40px #ff3d8bcc,0 0 80px #a855f780}}@keyframes sparkle{0%,to{opacity:.2;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}.fade1{animation:.6s cubic-bezier(.22,1,.36,1) both fadeUp}.fade2{animation:.6s cubic-bezier(.22,1,.36,1) .1s both fadeUp}.fade3{animation:.6s cubic-bezier(.22,1,.36,1) .2s both fadeUp}.fade4{animation:.6s cubic-bezier(.22,1,.36,1) .3s both fadeUp}.fade5{animation:.6s cubic-bezier(.22,1,.36,1) .4s both fadeUp}.fade6{animation:.6s cubic-bezier(.22,1,.36,1) .5s both fadeUp}@keyframes shimmer{0%{background-position:200%}to{background-position:-200%}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes tagIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes pulseDot{0%,to{box-shadow:0 0 #ffc94ab3}50%{box-shadow:0 0 0 10px #ffc94a00}}#s-landing{background:linear-gradient(135deg,#1a0b3d,#4b1b7a,#9333ea,#ec4899,#f97316) 0 0/300% 300%;justify-content:center;align-items:center;min-height:100vh;animation:18s ease-in-out infinite gradientShift;position:relative;overflow:hidden}#s-landing:before{content:"";pointer-events:none;background:radial-gradient(40% 30% at 15% 20%,#ff8cc859,#0000 60%),radial-gradient(35% 40% at 85% 75%,#7850ff73,#0000 60%),radial-gradient(30% 25%,#ffc86433,#0000 60%);animation:22s ease-in-out infinite drift;position:absolute;inset:-20%}#s-landing:after{content:"";pointer-events:none;opacity:.6;background-image:radial-gradient(#ffffff26 1.5px,#0000 1.5px),radial-gradient(#ffc87814 2px,#0000 2px);background-position:0 0,16px 16px;background-size:32px 32px,64px 64px;position:absolute;inset:0}.lnd-glow{display:none}.landing-inner{z-index:2;text-align:center;flex-direction:column;align-items:center;width:100%;max-width:520px;padding:56px 24px 64px;display:flex;position:relative}.lnd-version{letter-spacing:1.5px;color:#ffffffd9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff26;border-radius:20px;align-items:center;gap:7px;margin-bottom:36px;padding:5px 14px;font-size:.65rem;font-weight:700;animation:.6s .1s both tagIn;display:inline-flex}.lnd-version-dot{background:var(--gold);border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite pulseDot}.brand-wordmark{letter-spacing:-.03em;color:#fff;text-shadow:0 4px 32px #00000059,0 0 60px #ffb4dc66,0 0 120px #a855f74d;-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#fff,#ffe4f0,#fff3d6);-webkit-background-clip:text;background-clip:text;margin-bottom:16px;font-family:Playfair Display,serif;font-size:clamp(4.5rem,15vw,9.5rem);font-weight:700;line-height:.9}.brand-meta{justify-content:center;align-items:center;gap:14px;margin-bottom:8px;display:flex}.brand-meta-line{background:linear-gradient(90deg,#0000,#ffffff80,#0000);width:44px;height:1px}.brand-tagline{letter-spacing:3px;color:#ffffffd9;white-space:nowrap;text-shadow:0 2px 8px #0000004d;font-size:.65rem;font-weight:700}.brand-italic{color:#ffe6f099;letter-spacing:.5px;margin-bottom:16px;font-family:Playfair Display,serif;font-size:.85rem;font-style:italic}.brand-project{letter-spacing:.5px;color:#1a0e3a;background:linear-gradient(135deg,#ffc94a,#ff8a3d 60%,#ff3d8b) 0 0/200% 200%;border-radius:12px;align-items:center;gap:8px;padding:8px 20px;font-size:.78rem;font-weight:900;animation:6s ease-in-out infinite gradientShift;display:inline-flex;box-shadow:0 6px 24px #ff8a3d80,inset 0 0 0 1px #fff3}.brand-project-icon{font-size:.75rem;animation:8s linear infinite spin;display:inline-block}.lnd-divider{background:linear-gradient(90deg,#0000,#fff6,#0000);width:100%;max-width:380px;height:1px;margin:28px 0;position:relative}.lnd-divider:after{content:"✦";color:#ffdc78cc;background:linear-gradient(135deg,#1a0b3d,#4b1b7a);padding:0 12px;font-size:.8rem;animation:3s ease-in-out infinite sparkle;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.landing-intro{color:#ffffffd9;text-shadow:0 2px 10px #00000040;max-width:340px;margin-bottom:36px;font-size:1rem;font-weight:400;line-height:1.85}.landing-intro strong{color:#fff;-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#ffc94a,#ff3d8b);-webkit-background-clip:text;background-clip:text;font-weight:800}.who-label{letter-spacing:3px;color:#ffffffb3;margin-bottom:16px;font-size:.68rem;font-weight:800}.door-row{grid-template-columns:1fr 1fr;gap:14px;width:100%;max-width:400px;display:grid}.door-btn{cursor:pointer;text-align:center;border:none;border-radius:24px;padding:28px 18px 24px;font-family:Tajawal,Arial,sans-serif;transition:transform .3s cubic-bezier(.22,1,.36,1),box-shadow .3s,filter .3s;position:relative;overflow:hidden}.door-btn:before{content:"";opacity:0;pointer-events:none;background:linear-gradient(135deg,#ffffff40,#0000 40% 60%,#ffffff26);transition:opacity .3s;position:absolute;inset:0}.door-btn:hover:before{opacity:1}.door-btn:hover{filter:brightness(1.1);transform:translateY(-6px)scale(1.03)}.door-btn:active{transform:scale(.97)}.door-maha{background:linear-gradient(145deg,#ff3d8b,#c01e5a 60%,#8b1142);box-shadow:0 10px 40px #ff3d8b8c,inset 0 0 0 1px #ffffff26,0 30px 60px -20px #ff3d8b66}.door-maha:hover{box-shadow:0 18px 56px #ff3d8bbf,inset 0 0 0 1px #ffffff40,0 40px 80px -20px #ff3d8b8c}.door-mahmoud{background:linear-gradient(145deg,#22d3ee,#0e9bb8 55%,#066780);box-shadow:0 10px 40px #22d3ee8c,inset 0 0 0 1px #ffffff26,0 30px 60px -20px #22d3ee66}.door-mahmoud:hover{box-shadow:0 18px 56px #22d3eebf,inset 0 0 0 1px #ffffff40,0 40px 80px -20px #22d3ee8c}.door-glow{display:none}.d-avatar{background:radial-gradient(circle at 30% 30%,#ffffff73,#ffffff26);border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;margin:0 auto 14px;font-size:1.7rem;animation:4s ease-in-out infinite float;display:flex;box-shadow:0 6px 20px #00000040,inset 0 0 0 1px #ffffff40}.door-mahmoud .d-avatar{animation-delay:.7s}.d-name{color:#fff;text-shadow:0 2px 8px #00000040;margin-bottom:4px;font-size:1.15rem;font-weight:900;display:block}.d-hint{color:#fffc;font-size:.68rem;font-weight:500;line-height:1.5;display:block}.d-enter{letter-spacing:2px;color:#ffffffb3;margin-top:14px;font-size:.68rem;font-weight:800;transition:color .2s,letter-spacing .3s;display:block}.door-btn:hover .d-enter{color:#fff;letter-spacing:3px}.landing-footnote{color:#ffffff80;max-width:320px;margin-top:26px;font-size:.68rem;line-height:1.8}.landing-have-code{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1f;border:1px solid #ffffff47;border-radius:16px;align-items:center;gap:10px;margin-top:24px;padding:13px 24px;font-family:Tajawal,Arial,sans-serif;font-size:.85rem;font-weight:800;transition:all .25s;display:inline-flex;box-shadow:0 4px 16px #00000026}.landing-have-code:hover{color:#fff;background:#fff3;border-color:#ffffff80;transform:translateY(-2px);box-shadow:0 8px 28px #ffc86440}.landing-have-code .lhc-icon{font-size:1.05rem}.landing-have-code .lhc-arrow{opacity:.8;transition:opacity .2s,transform .2s}.landing-have-code:hover .lhc-arrow{opacity:1;transform:translate(-4px)}#s-message{background:linear-gradient(135deg,#1a0b3d,#4b1b7a,#9333ea 70%,#ec4899) 0 0/300% 300%;justify-content:center;align-items:center;padding:40px 24px;animation:20s ease-in-out infinite gradientShift;position:relative;overflow:hidden}#s-message:before{content:"";pointer-events:none;background:radial-gradient(40% 30% at 20% 30%,#ff8cc84d,#0000 60%),radial-gradient(35% 40% at 80% 70%,#7850ff59,#0000 60%);animation:24s ease-in-out infinite drift;position:absolute;inset:-20%}#s-message:after{content:"";pointer-events:none;opacity:.4;background-image:radial-gradient(#ffffff1a 1.5px,#0000 1.5px);background-size:30px 30px;position:absolute;inset:0}.msg-inner{z-index:2;text-align:center;flex-direction:column;align-items:center;width:100%;max-width:460px;display:flex;position:relative}.msg-icon{filter:drop-shadow(0 4px 16px #ff96c880);margin-bottom:18px;font-size:3.4rem;animation:3s ease-in-out infinite breathe;display:block}.msg-title{color:#fff;text-shadow:0 2px 12px #0000004d;margin-bottom:8px;font-size:1.7rem;font-weight:900}.msg-title span{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#ffc94a,#ff8a3d);-webkit-background-clip:text;background-clip:text}.msg-sub{color:#ffffffbf;margin-bottom:28px;font-size:.88rem;line-height:1.7}.msg-textarea{resize:none;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1f;border:1.5px solid #ffffff40;border-radius:20px;outline:none;width:100%;min-height:140px;padding:18px 20px;font-family:Tajawal,Arial,sans-serif;font-size:1rem;line-height:1.7;transition:border-color .2s,background .2s,box-shadow .2s}.msg-textarea::placeholder{color:#fff6}.msg-textarea:focus{background:#ffffff2e;border-color:#ffc864b3;box-shadow:0 0 0 4px #ffc86426}.msg-counter{color:#ffffff80;align-self:flex-end;margin-top:8px;font-size:.72rem}.msg-skip{color:#ffffff8c;cursor:pointer;background:0 0;border:none;margin-top:12px;font-family:Tajawal,Arial,sans-serif;font-size:.78rem;font-weight:700;transition:color .2s}.msg-skip:hover{color:#fff}.msg-next-btn{color:#1a0e3a;cursor:pointer;background:linear-gradient(135deg,#ffc94a,#ff8a3d,#ff3d8b) 0 0/200% 200%;border:none;border-radius:18px;width:100%;margin-top:18px;padding:16px;font-family:Tajawal,Arial,sans-serif;font-size:1.05rem;font-weight:900;transition:transform .2s,box-shadow .3s;animation:5s ease-in-out infinite gradientShift;box-shadow:0 8px 28px #ff8a3d73,inset 0 0 0 1px #fff3}.msg-next-btn:hover{transform:translateY(-3px);box-shadow:0 14px 40px #ff3d8b8c,inset 0 0 0 1px #ffffff4d}.msg-next-btn:active{transform:scale(.98)}#s-msg-reveal{background:linear-gradient(135deg,#0f0528,#2e0f5a,#7b1fa2 80%,#ba2a80) 0 0/300% 300%;justify-content:center;align-items:center;padding:40px 24px;animation:22s ease-in-out infinite gradientShift;position:relative;overflow:hidden}#s-msg-reveal:before{content:"";pointer-events:none;background:radial-gradient(40% 30% at 15% 30%,#ff64b44d,#0000 60%),radial-gradient(35% 40% at 85% 70%,#643cdc59,#0000 60%);animation:26s ease-in-out infinite drift;position:absolute;inset:-20%}#s-msg-reveal:after{content:"";pointer-events:none;opacity:.35;background-image:radial-gradient(#ffffff1a 1.5px,#0000 1.5px);background-size:30px 30px;position:absolute;inset:0}.reveal-inner{z-index:2;text-align:center;flex-direction:column;align-items:center;width:100%;max-width:460px;display:flex;position:relative}.reveal-from{letter-spacing:2px;color:#ffffff8c;margin-bottom:14px;font-size:.7rem;font-weight:800}.reveal-from span{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#ffc94a,#ff3d8b);-webkit-background-clip:text;background-clip:text;font-weight:900}.reveal-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffff24;border:1px solid #ffffff4d;border-radius:28px;width:100%;margin-bottom:28px;padding:34px 26px 28px;position:relative;box-shadow:0 20px 60px #0000004d,inset 0 0 0 1px #ffffff26}.reveal-card:before{content:"💌";filter:drop-shadow(0 6px 16px #ff64b480);font-size:2.4rem;animation:3s ease-in-out infinite breathe;position:absolute;top:-22px;left:50%;transform:translate(-50%)}.reveal-msg-text{color:#fff;white-space:pre-wrap;text-align:right;padding-top:10px;font-size:1.08rem;font-weight:400;line-height:1.9}.reveal-empty{color:#ffffff80;font-size:.92rem;font-style:italic}.reveal-cta{color:#ffffffa6;margin-bottom:18px;font-size:.85rem;line-height:1.7}.reveal-start-btn{color:#1a0e3a;cursor:pointer;background:linear-gradient(135deg,#ffc94a,#ff8a3d,#ff3d8b) 0 0/200% 200%;border:none;border-radius:18px;width:100%;padding:16px;font-family:Tajawal,Arial,sans-serif;font-size:1.05rem;font-weight:900;transition:transform .2s,box-shadow .3s;animation:5s ease-in-out infinite gradientShift;box-shadow:0 8px 28px #ff8a3d73,inset 0 0 0 1px #fff3}.reveal-start-btn:hover{transform:translateY(-3px);box-shadow:0 14px 40px #ff3d8b8c,inset 0 0 0 1px #ffffff4d}#s-questions{background:radial-gradient(ellipse 60% 40% at 50% 0%,#ffc8a059 0%,transparent 60%),radial-gradient(ellipse 60% 40% at 0% 100%,#ffb4dc40 0%,transparent 60%),radial-gradient(ellipse 60% 40% at 100% 100%,#b4dcff40 0%,transparent 60%),var(--cream);color:var(--dark)}.q-topbar{z-index:20;background:linear-gradient(135deg,#1a0b3d,#4b1b7a,#8b1b72);align-items:center;gap:14px;padding:14px 20px;display:flex;position:sticky;top:0;box-shadow:0 4px 20px #4b1b7a4d}.q-username{color:#fff;white-space:nowrap;font-size:.88rem;font-weight:800}.q-username .uc{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#ffc94a,#ff8a3d);-webkit-background-clip:text;background-clip:text;font-weight:900}.prog-wrap{background:#ffffff26;border-radius:4px;flex:1;height:6px;overflow:hidden}.prog-fill{background:linear-gradient(90deg,#ffc94a,#ff8a3d,#ff3d8b 80%,#a855f7) 0 0/200% 100%;border-radius:4px;height:100%;transition:width .4s cubic-bezier(.22,1,.36,1);animation:3s linear infinite shimmer;box-shadow:0 0 12px #ff8a3d80}.q-count{color:#fff9;white-space:nowrap;font-size:.78rem;font-weight:800}.q-body{z-index:1;max-width:560px;margin:0 auto;padding:26px 20px 48px;position:relative}.card-tag{letter-spacing:2.5px;text-align:center;background:linear-gradient(135deg,var(--terracotta),#ff3d8b);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:8px;font-size:.68rem;font-weight:800}.q-card{background:#fff;border-radius:24px;margin-bottom:18px;animation:.4s cubic-bezier(.22,1,.36,1) both popIn;position:relative;overflow:hidden;box-shadow:0 10px 40px #641e781f,0 2px 8px #0000000a,inset 0 0 0 1px #fffc}.q-card:before{content:"";pointer-events:none;background:radial-gradient(ellipse 80% 40% at 50% 0%,var(--cc,#c4745a) 0%,transparent 60%);position:absolute;inset:0}@supports (color:color-mix(in lab,red,red)){.q-card:before{background:radial-gradient(ellipse 80% 40% at 50% 0%,color-mix(in srgb,var(--cc,#c4745a) 14%,transparent) 0%,transparent 60%)}}.q-card:before{opacity:.7}.q-card-bar{height:6px;background:linear-gradient(90deg,var(--cc,#c4745a) 0%,var(--cc,#c4745a) 100%)!important}@supports (color:color-mix(in lab,red,red)){.q-card-bar{background:linear-gradient(90deg,var(--cc,#c4745a) 0%,color-mix(in srgb,var(--cc,#c4745a) 60%,#ff3d8b) 100%)!important}}.q-card-inner{z-index:1;padding:22px 24px;position:relative}.q-num{color:var(--cc,#c4745a);font-size:.62rem;font-weight:800}@supports (color:color-mix(in lab,red,red)){.q-num{color:color-mix(in srgb,var(--cc,#c4745a) 70%,transparent)}}.q-num{letter-spacing:1.5px;margin-bottom:6px}.q-text{color:var(--dark2);margin-bottom:16px;font-size:1.05rem;font-weight:800;line-height:1.55}.opts{flex-direction:column;gap:10px;display:flex}.opt-btn{background:var(--cc,#c4745a);align-items:center;gap:12px;padding:13px 16px;display:flex}@supports (color:color-mix(in lab,red,red)){.opt-btn{background:color-mix(in srgb,var(--cc,#c4745a) 8%,#fff)}}.opt-btn{color:var(--mocha);cursor:pointer;text-align:right;border:2px solid #0000;border-radius:14px;width:100%;font-family:Tajawal,Arial,sans-serif;font-size:.95rem;font-weight:700;transition:all .2s cubic-bezier(.22,1,.36,1)}.opt-btn:hover{background:var(--cc,#c4745a)}@supports (color:color-mix(in lab,red,red)){.opt-btn:hover{background:color-mix(in srgb,var(--cc,#c4745a) 15%,#fff)}}.opt-btn:hover{border-color:var(--cc,#c4745a);transform:translate(-3px)}.opt-btn.sel{background:linear-gradient(135deg,var(--cc,#c4745a) 0%,var(--cc,#c4745a) 100%)}@supports (color:color-mix(in lab,red,red)){.opt-btn.sel{background:linear-gradient(135deg,var(--cc,#c4745a) 0%,color-mix(in srgb,var(--cc,#c4745a) 70%,#ff3d8b) 100%)}}.opt-btn.sel{border-color:var(--cc,#c4745a);color:#fff;box-shadow:0 6px 20px var(--cc,#c4745a)}@supports (color:color-mix(in lab,red,red)){.opt-btn.sel{box-shadow:0 6px 20px color-mix(in srgb,var(--cc,#c4745a) 40%,transparent)}}.opt-btn.sel{transform:translate(-3px)}.opt-dot{opacity:.45;border:2px solid;border-radius:50%;width:20px;min-width:20px;height:20px;transition:all .2s}.opt-btn.sel .opt-dot{opacity:1;background:#fff;border-color:#fff;box-shadow:inset 0 0 0 4px #ffffff40}.q-funny{text-align:center;color:#0006;min-height:20px;margin-top:12px;font-size:.82rem;font-style:italic;font-weight:500}.nav-row{gap:10px;margin-top:8px;display:flex}.nav-btn{cursor:pointer;border:none;border-radius:16px;flex:1;padding:15px;font-family:Tajawal,Arial,sans-serif;font-size:.98rem;font-weight:800;transition:all .25s}.nav-prev{color:var(--mocha);background:#fff;box-shadow:0 4px 14px #00000014,inset 0 0 0 1px #0000000d}.nav-prev:hover{transform:translate(2px);box-shadow:0 6px 18px #0000001f}.nav-next{color:#fff;background:linear-gradient(135deg,#1a0b3d,#4b1b7a 60%,#8b1b72);box-shadow:0 6px 22px #4b1b7a66,inset 0 0 0 1px #ffffff1a}.nav-next:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 30px #8b1b7280,inset 0 0 0 1px #ffffff26}.nav-next:disabled{opacity:.35;cursor:not-allowed}#s-code{text-align:center;background:radial-gradient(60% 40% at 70% 20%,#ff8a3d38,#0000 55%),radial-gradient(50% 40% at 20% 80%,#ff3d8b33,#0000 55%),radial-gradient(50% 40% at 90% 90%,#a855f72e,#0000 55%),linear-gradient(160deg,#0b0420,#1a0b3d 60%,#2e0f5a);justify-content:center;align-items:center;padding:40px 24px;position:relative;overflow:hidden}#s-code:before{content:"";pointer-events:none;opacity:.5;background-image:radial-gradient(#ffc87814 1.5px,#0000 1.5px);background-size:40px 40px;position:absolute;inset:0}.code-done-emoji{filter:drop-shadow(0 8px 24px #ffc86466);margin-bottom:18px;font-size:4.2rem;animation:2.5s ease-in-out infinite breathe;display:block}.code-done-title{color:#fff;margin-bottom:10px;font-size:1.9rem;font-weight:900}.code-done-title>span{background:linear-gradient(135deg,#ffc94a,#ff8a3d,#ff3d8b);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent!important;color:#0000!important}.code-done-sub{color:#fff9;max-width:400px;margin-bottom:36px;font-size:.92rem;line-height:1.6}.code-box-label{letter-spacing:2px;-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#ffc94a,#ff3d8b);-webkit-background-clip:text;background-clip:text;margin-bottom:10px;font-size:.68rem;font-weight:800}.code-display{color:#ffe6c8d9;word-break:break-all;letter-spacing:.5px;text-align:left;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);direction:ltr;background:linear-gradient(135deg,#ffffff12,#ffffff08);border:1px solid #ffc87840;border-radius:18px;max-width:440px;margin-bottom:14px;padding:20px 22px;font-family:monospace;font-size:.78rem;line-height:1.7;box-shadow:0 10px 30px #0000004d,inset 0 0 0 1px #ffc8781a}.copy-code-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ff8a3d,#ff3d8b) 0 0/200% 200%;border:none;border-radius:14px;width:100%;max-width:440px;margin-bottom:10px;padding:14px 32px;font-family:Tajawal,Arial,sans-serif;font-size:1rem;font-weight:900;transition:transform .2s,box-shadow .3s;animation:5s ease-in-out infinite gradientShift;display:block;box-shadow:0 8px 28px #ff3d8b66,inset 0 0 0 1px #ffffff26}.copy-code-btn:hover{transform:translateY(-2px);box-shadow:0 14px 38px #ff3d8b8c,inset 0 0 0 1px #fff3}.copy-code-btn.copied{background:linear-gradient(135deg,#4de3b0,#22d3ee);animation:none;box-shadow:0 8px 28px #22d3ee73,inset 0 0 0 1px #ffffff26}.divider{background:linear-gradient(90deg,#0000,#ffc8784d,#0000);width:100%;max-width:440px;height:1px;margin:30px 0}.share-instruction{text-align:right;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff0d;border:1px dashed #ffc87847;border-radius:16px;max-width:440px;margin-bottom:24px;padding:18px 22px}.share-instruction p{color:#ffffffa6;font-size:.88rem;line-height:1.9}.share-instruction strong{color:#ffc94a;font-weight:900}.view-results-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#a855f7,#ec4899,#ff8a3d) 0 0/200% 200%;border:none;border-radius:16px;width:100%;max-width:440px;margin-top:4px;padding:16px;font-family:Tajawal,Arial,sans-serif;font-size:1.05rem;font-weight:900;transition:transform .2s,box-shadow .3s;animation:5s ease-in-out infinite gradientShift;box-shadow:0 10px 32px #a855f773,inset 0 0 0 1px #ffffff26}.view-results-btn:hover{transform:translateY(-3px);box-shadow:0 16px 44px #ec48998c,inset 0 0 0 1px #ffffff40}#s-enter-code{text-align:center;background:radial-gradient(50% 40% at 30% 70%,#4de3b033,#0000 55%),radial-gradient(50% 40% at 70% 20%,#22d3ee33,#0000 55%),radial-gradient(40% 40% at 90% 90%,#a855f72e,#0000 55%),linear-gradient(160deg,#0b0420,#0f2840 60%,#1a3752);justify-content:center;align-items:center;padding:40px 24px;position:relative;overflow:hidden}#s-enter-code:before{content:"";pointer-events:none;opacity:.5;background-image:radial-gradient(#78dcc814 1.5px,#0000 1.5px);background-size:40px 40px;position:absolute;inset:0}.ec-emoji{filter:drop-shadow(0 8px 24px #4de3b066);margin-bottom:18px;font-size:3.8rem;animation:2.5s ease-in-out infinite breathe;display:block}.ec-title{color:#fff;margin-bottom:10px;font-size:1.9rem;font-weight:900}.ec-sub{color:#ffffff8c;margin-bottom:32px;font-size:.92rem}.ec-name{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#4de3b0,#22d3ee);-webkit-background-clip:text;background-clip:text;font-weight:900}.code-input-area{color:#dcfff0e6;text-align:left;resize:none;letter-spacing:.5px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);direction:ltr;background:#ffffff0f;border:2px solid #4de3b040;border-radius:18px;outline:none;width:100%;max-width:440px;height:130px;padding:18px 20px;font-family:monospace;font-size:.8rem;transition:border-color .2s,box-shadow .2s,background .2s}.code-input-area:focus{background:#4de3b014;border-color:#4de3b0b3;box-shadow:0 0 0 4px #4de3b01f}.code-input-area::placeholder{color:#ffffff40}.submit-code-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#4de3b0,#22d3ee 55%,#a855f7) 0 0/200% 200%;border:none;border-radius:16px;width:100%;max-width:440px;margin-top:14px;padding:16px;font-family:Tajawal,Arial,sans-serif;font-size:1.05rem;font-weight:900;transition:transform .2s,box-shadow .3s;animation:5s ease-in-out infinite gradientShift;box-shadow:0 10px 32px #4de3b066,inset 0 0 0 1px #ffffff26}.submit-code-btn:hover{transform:translateY(-3px);box-shadow:0 16px 44px #22d3ee8c,inset 0 0 0 1px #ffffff40}.code-error{color:#ff8a9d;min-height:22px;margin-top:10px;font-size:.85rem;font-weight:600}.skip-btn{color:#ffdcb4bf;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff0f;border:1px solid #ffc87840;border-radius:14px;width:100%;max-width:440px;margin-top:12px;padding:12px 24px;font-family:Tajawal,Arial,sans-serif;font-size:.88rem;font-weight:800;transition:all .25s}.skip-btn:hover{color:#ffc94a;background:#ffc87814;border-color:#ffc8788c;transform:translateY(-1px)}#s-results{background:radial-gradient(60% 40% at 50% 0,#ff8a3d33,#0000 55%),radial-gradient(50% 40% at 0 40%,#ff3d8b2e,#0000 55%),radial-gradient(50% 40% at 100% 60%,#4de3b02e,#0000 55%),radial-gradient(60% 40% at 50% 100%,#a855f738,#0000 55%),linear-gradient(160deg,#0b0420,#1a0b3d,#0f2840);padding:36px 20px 64px;position:relative;overflow:hidden}#s-results:before{content:"";pointer-events:none;opacity:.5;background-image:radial-gradient(#ffdcb40f 1.5px,#0000 1.5px);background-size:38px 38px;position:absolute;inset:0}.res-inner{z-index:1;max-width:640px;margin:0 auto;position:relative}.res-top{text-align:center;margin-bottom:36px}.res-emoji{filter:drop-shadow(0 10px 28px #ff965073);margin-bottom:14px;font-size:4rem;animation:3s ease-in-out infinite breathe;display:block}.res-title{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#ffc94a,#ff8a3d,#ff3d8b);-webkit-background-clip:text;background-clip:text;margin-bottom:8px;font-size:2.1rem;font-weight:900}.res-sub{color:#fff9;font-size:.95rem}.score-row{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:32px;display:grid}.score-card{text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(160deg,#ffffff17,#ffffff08);border:1px solid #ffffff24;border-radius:18px;padding:16px 12px;transition:transform .3s;box-shadow:0 10px 30px #0003,inset 0 0 0 1px #ffffff0f}.score-card:hover{transform:translateY(-4px)}.sc-label{letter-spacing:1.5px;color:#ffffff8c;margin-bottom:10px;font-size:.68rem;font-weight:800}.sc-bar-wrap{background:#ffffff14;border-radius:4px;height:7px;margin-bottom:8px;position:relative;overflow:hidden}.sc-bar{background-size:200% 100%;border-radius:4px;height:100%;transition:width 1s cubic-bezier(.22,1,.36,1);animation:3s linear infinite shimmer;box-shadow:0 0 12px}.sc-pct{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#fff,#ffd4e0);-webkit-background-clip:text;background-clip:text;font-size:1.45rem;font-weight:900}.section-title{letter-spacing:2px;color:#ffffff8c;align-items:center;gap:12px;margin-bottom:16px;font-size:.7rem;font-weight:800;display:flex}.section-title:before{content:"✦";color:var(--gold);font-size:.9rem;animation:2.5s ease-in-out infinite sparkle}.section-title:after{content:"";background:linear-gradient(90deg,#ffc87859,#ffffff0d);flex:1;height:1px}.match-item{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:linear-gradient(135deg,#ffffff12,#ffffff05);border:1px solid #ffffff17;border-radius:16px;margin-bottom:10px;padding:16px 18px;transition:transform .25s,border-color .25s}.match-item:hover{border-color:#ffc8784d;transform:translate(-4px)}.mi-q{color:#ffffffb3;margin-bottom:10px;font-size:.82rem;font-weight:700}.mi-icon{border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;margin-left:8px;font-size:.7rem;font-weight:900;display:inline-flex}.yes-icon{color:#0f3a2a;background:linear-gradient(135deg,#4de3b0,#22d3ee);box-shadow:0 0 12px #4de3b080}.no-icon{color:#3a0f1e;background:linear-gradient(135deg,#ff8a9d,#ff3d8b);box-shadow:0 0 12px #ff3d8b73}.mi-answers{flex-wrap:wrap;gap:8px;display:flex}.apill{border-radius:22px;align-items:center;gap:7px;padding:6px 14px;font-size:.78rem;font-weight:800;display:flex}.apill-maha{color:#ffb8ce;background:linear-gradient(135deg,#ff3d8b33,#ff3d8b14);border:1px solid #ff3d8b66;box-shadow:0 4px 14px #ff3d8b26}.apill-mahmoud{color:#a0eef5;background:linear-gradient(135deg,#22d3ee33,#22d3ee14);border:1px solid #22d3ee66;box-shadow:0 4px 14px #22d3ee26}.apill-dot{border-radius:50%;width:7px;height:7px}.maha-dot{background:#ff3d8b;box-shadow:0 0 8px #ff3d8bb3}.mahmoud-dot{background:#22d3ee;box-shadow:0 0 8px #22d3eeb3}.verdict{text-align:center;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:radial-gradient(at 50% 0,#ff8a3d40,#0000 60%),linear-gradient(135deg,#a855f72e,#ec489926,#4de3b026);border:1px solid #ffc8784d;border-radius:24px;margin-bottom:22px;padding:32px 26px;position:relative;overflow:hidden;box-shadow:0 20px 50px #00000059,inset 0 0 0 1px #ffffff14,0 0 60px #ff8a3d26}.verdict:before{content:"";pointer-events:none;background:radial-gradient(60% 60% at 50% 120%,#ffc86433,#0000 60%);position:absolute;inset:0}.v-emoji{filter:drop-shadow(0 8px 22px #ffc86466);z-index:1;margin-bottom:12px;font-size:3.2rem;animation:2.8s ease-in-out infinite breathe;display:block;position:relative}.v-label{letter-spacing:2px;-webkit-text-fill-color:transparent;z-index:1;background:linear-gradient(135deg,#ffc94a,#ff8a3d);-webkit-background-clip:text;background-clip:text;margin-bottom:8px;font-size:.7rem;font-weight:800;position:relative}.v-text{color:#fff;text-shadow:0 2px 14px #0000004d;z-index:1;margin-bottom:10px;font-size:1.3rem;font-weight:900;line-height:1.45;position:relative}.v-comment{color:#ffffffb3;z-index:1;font-size:.88rem;font-style:italic;position:relative}.restart-btn{color:#ffffffd9;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff14;border:1px solid #ffffff2e;border-radius:16px;width:100%;padding:16px;font-family:Tajawal,Arial,sans-serif;font-size:.95rem;font-weight:800;transition:all .25s}.restart-btn:hover{color:#fff;background:#ffffff24;border-color:#ffc87866;transform:translateY(-2px);box-shadow:0 8px 24px #ffc87826}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}