/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */
@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-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--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-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--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;-webkit-text-decoration:inherit;-webkit-text-decoration: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}.block{display:block}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.italic{font-style:italic}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-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,)}}@font-face{font-family:LPMQ;src:url(/assets/font_lpmq-CS-Nk2zj.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;text-rendering:optimizelegibility}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:#07110f;min-width:320px;min-height:100vh;margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}button:focus-visible,a:focus-visible{outline-offset:3px;outline:2px solid #e6bb75}.quran-app{--ink:#f7edda;--muted:#91a19c;--line:#deeae21f;isolation:isolate;min-height:100svh;color:var(--ink);font-family:var(--sans);background:radial-gradient(circle at 20% 8%,#2a584d4d,#0000 31rem),radial-gradient(circle at 82% 42%,#6f481e2e,#0000 32rem),linear-gradient(145deg,#0c1b18 0%,#081310 44%,#050c0a 100%);position:relative;overflow:hidden}.quran-app:before{content:"";z-index:-2;opacity:.22;pointer-events:none;background-image:linear-gradient(#ffffff06 1px,#0000 1px),linear-gradient(90deg,#ffffff06 1px,#0000 1px);background-size:72px 72px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle at 50% 40%,#000,#0000 76%);mask-image:radial-gradient(circle at 50% 40%,#000,#0000 76%)}.quran-app:after{content:"";z-index:80;opacity:.028;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E");position:absolute;inset:0}.ambient-orb{z-index:-1;pointer-events:none;filter:blur(5px);border-radius:999px;position:absolute}.ambient-orb-one{background:radial-gradient(circle,#e0ae5d38,#e0ae5d00);width:38rem;height:38rem;top:-23rem;left:42%}.ambient-orb-two{background:radial-gradient(circle,#3b978430,#3b978400);width:32rem;height:32rem;bottom:-18rem;right:-17rem}.background-stars{z-index:-1;pointer-events:none;opacity:.5;background-image:radial-gradient(circle,#f4d393cc 0 1px,#0000 1.5px),radial-gradient(circle,#77cfc08c 0 1px,#0000 1.5px);background-position:4% 19%,83% 13%;background-size:19rem 17rem,27rem 23rem;position:absolute;inset:0}.topbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;width:min(1180px,100% - 48px);min-height:86px;margin:0 auto;display:flex}.brand{color:#f3d49c;font-family:var(--serif);letter-spacing:.22em;align-items:center;gap:11px;font-size:13px;font-weight:700;text-decoration:none;display:inline-flex}.brand-mark{color:#21392f;background:linear-gradient(145deg,#f2d39b,#af7540);border-radius:50%;place-items:center;width:30px;height:30px;display:grid;box-shadow:0 0 24px #e8b76638}.topbar-note{color:#74857f;font-family:var(--serif);letter-spacing:.05em;font-size:12px;font-style:italic}.experience-shell{grid-template:"stage intro""stage choices"1fr/minmax(0,1.08fr) minmax(390px,.92fr);align-items:start;gap:0 clamp(34px,5vw,74px);width:min(1180px,100% - 48px);margin:22px auto 0;display:grid}.jar-stage{background:radial-gradient(circle at 50% 42%,#42786929,#0000 40%),linear-gradient(150deg,#ffffff09,#ffffff02);border:1px solid #d7e9de1a;border-radius:34px;grid-area:stage;min-width:0;height:min(640px,100svh - 142px);min-height:550px;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff0b,0 40px 90px #0000003d}.jar-stage:before,.jar-stage:after{content:"";pointer-events:none;position:absolute}.jar-stage:before{opacity:.65;border:1px solid #e2c07f1a;border-radius:50%;inset:9.5%}.jar-stage:after{background:linear-gradient(90deg,#0000,#e3c58b3d,#0000);width:60%;height:1px;bottom:82px;left:20%}.stage-topline{z-index:4;pointer-events:none;justify-content:space-between;align-items:center;display:flex;position:absolute;top:24px;left:24px;right:24px}.live-pill{color:#b9c8c2;letter-spacing:.16em;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#030d0a42;border:1px solid #d3e5db1c;border-radius:999px;align-items:center;gap:8px;padding:7px 11px;font-size:9px;font-weight:700;display:inline-flex}.live-dot{background:#76cbbb;border-radius:50%;width:5px;height:5px;animation:2.2s ease-in-out infinite live-pulse;box-shadow:0 0 0 4px #76cbbb1a,0 0 14px #76cbbbb3}.stage-status{color:#dbe4df61;font-family:var(--serif);font-size:11px;font-style:italic}.jar-canvas{z-index:2;opacity:0;transition:opacity .9s,transform 1.1s cubic-bezier(.16,1,.3,1);position:absolute;inset:38px 0 45px;transform:translateY(16px)scale(.98)}.jar-canvas.is-ready{opacity:1;transform:translateY(0)scale(1)}.jar-canvas canvas{width:100%;height:100%;display:block}.stage-hint{z-index:5;color:#bac7c2;pointer-events:none;align-items:center;gap:11px;width:max-content;max-width:calc(100% - 40px);display:flex;position:absolute;bottom:22px;left:50%;transform:translate(-50%)}.hint-icon{color:#d5ad70;background:#040e0b80;border:1px solid #e5bf7e33;border-radius:50%;flex:none;place-items:center;width:34px;height:34px;animation:2.8s ease-in-out infinite hint-drift;display:grid}.stage-hint>span:last-child{flex-direction:column;gap:2px;display:flex}.stage-hint strong{font-size:11px;font-weight:600}.stage-hint small{color:#60716b;font-size:9px}.selection-panel{grid-area:choices;min-width:0;padding-top:20px}.intro-copy{border-bottom:1px solid var(--line);grid-area:intro;padding:8px 0 22px}.eyebrow{color:#c4975b;letter-spacing:.2em;align-items:center;gap:10px;margin:0 0 14px;font-size:9px;font-weight:700;display:flex}.eyebrow span{background:#c4975b;width:24px;height:1px}.intro-copy h1{color:#f8f0df;font-family:var(--serif);letter-spacing:-.055em;margin:0;font-size:clamp(51px,4.7vw,68px);font-weight:400;line-height:.93}.intro-copy h1 em{color:#d7a761;font-weight:400}.lead{color:#91a19c;max-width:31rem;font-family:var(--serif);margin:17px 0 0;font-size:14px;line-height:1.65}.feeling-section{margin-top:0}.feeling-heading{color:#d5ded9;letter-spacing:.03em;justify-content:space-between;align-items:center;margin-bottom:14px;font-size:10px;font-weight:600;display:flex}.feeling-count{color:#52635d;font-family:var(--serif);font-size:10px;font-style:italic}.feeling-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;display:grid}.feeling-button{color:#dce5e1;text-align:left;cursor:pointer;min-height:68px;animation:.65s cubic-bezier(.16,1,.3,1) both button-enter;animation-delay:var(--delay);background:#ffffff07;border:1px solid #d5e5dd1a;border-radius:15px;grid-template-columns:21px 32px minmax(0,1fr) 16px;align-items:center;gap:9px;padding:10px 12px;transition:transform .26s cubic-bezier(.16,1,.3,1),border-color .26s,background .26s,box-shadow .26s;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff05}.feeling-button:before{content:"";opacity:0;background:radial-gradient(circle at 35% 50%, var(--feeling), transparent 67%);position:absolute;inset:0}@supports (color:color-mix(in lab, red, red)){.feeling-button:before{background:radial-gradient(circle at 35% 50%, color-mix(in srgb, var(--feeling) 18%, transparent), transparent 67%)}}.feeling-button:before{transition:opacity .26s}.feeling-button:hover{z-index:2;border-color:var(--feeling);transform:translateY(-3px)}@supports (color:color-mix(in lab, red, red)){.feeling-button:hover{border-color:color-mix(in srgb, var(--feeling) 43%, transparent)}}.feeling-button:hover{background:#ffffff0d;box-shadow:0 13px 30px #0000002e,inset 0 1px #ffffff0b}.feeling-button:hover:before,.feeling-button.is-active:before{opacity:1}.feeling-button.is-active{border-color:var(--feeling)}@supports (color:color-mix(in lab, red, red)){.feeling-button.is-active{border-color:color-mix(in srgb, var(--feeling) 58%, transparent)}}.feeling-button.is-active{box-shadow:0 0 0 1px var(--feeling), 0 14px 34px #0000002b;background:#fff1}@supports (color:color-mix(in lab, red, red)){.feeling-button.is-active{box-shadow:0 0 0 1px color-mix(in srgb, var(--feeling) 14%, transparent), 0 14px 34px #0000002b}}.feeling-number,.feeling-symbol,.feeling-copy,.feeling-arrow{z-index:1;position:relative}.feeling-number{color:#4d5f58;font-family:var(--serif);font-size:9px;font-style:italic}.feeling-symbol{width:30px;height:30px;color:var(--feeling);border:1px solid var(--feeling);place-items:center;display:grid}@supports (color:color-mix(in lab, red, red)){.feeling-symbol{border:1px solid color-mix(in srgb, var(--feeling) 28%, transparent)}}.feeling-symbol{background:var(--feeling);border-radius:10px}@supports (color:color-mix(in lab, red, red)){.feeling-symbol{background:color-mix(in srgb, var(--feeling) 9%, transparent)}}.feeling-symbol{transition:transform .26s,box-shadow .26s}.feeling-symbol svg{fill:var(--feeling)}@supports (color:color-mix(in lab, red, red)){.feeling-symbol svg{fill:color-mix(in srgb, var(--feeling) 50%, transparent)}}.feeling-button:hover .feeling-symbol{box-shadow:0 0 22px var(--feeling);transform:rotate(-8deg)scale(1.06)}@supports (color:color-mix(in lab, red, red)){.feeling-button:hover .feeling-symbol{box-shadow:0 0 22px color-mix(in srgb, var(--feeling) 18%, transparent)}}.feeling-copy{flex-direction:column;gap:2px;min-width:0;display:flex}.feeling-copy strong{color:#e5ebe8;text-overflow:ellipsis;font-size:12px;font-weight:600;overflow:hidden}.feeling-copy small{color:#60706a;font-family:var(--serif);font-size:9px;font-style:italic}.feeling-arrow{color:#4f605a;font-size:13px;transition:color .22s,transform .22s}.feeling-button:hover .feeling-arrow{color:var(--feeling);transform:translate(2px,-2px)}.audio-note{color:#788a83;align-items:center;gap:11px;margin-top:18px;display:flex}.audio-note-icon{color:#ad8954;border:1px solid #d8ad6921;border-radius:50%;flex:none;place-items:center;width:31px;height:31px;display:grid}.audio-note p{flex-direction:column;gap:1px;margin:0;display:flex}.audio-note strong{color:#91a19b;font-size:9px;font-weight:600}.audio-note span:last-child{color:#4e615a;font-family:var(--serif);font-size:9px;font-style:italic}.page-footer{color:#485a54;width:min(1180px,100% - 48px);font-family:var(--serif);justify-content:center;align-items:center;gap:16px;margin:24px auto;font-size:9px;font-style:italic;display:flex}.footer-line{background:#30413b;width:34px;height:1px}.verse-overlay{z-index:50;visibility:hidden;opacity:0;pointer-events:none;-webkit-backdrop-filter:blur(15px)saturate(.75);backdrop-filter:blur(15px)saturate(.75);background:radial-gradient(circle at 50% 42%,#2a514540,#0000 44%),#020806c7;place-items:center;padding:22px;transition:opacity .32s,visibility 0s linear .32s;display:grid;position:fixed;inset:0}.verse-overlay.is-visible{visibility:visible;opacity:1;pointer-events:auto;transition-delay:0s}.verse-card{color:#3e3427;background:radial-gradient(circle at 78% 4%, var(--feeling), transparent 37%), linear-gradient(145deg, #fffaf0, #f0e5cf 74%, #e9d8b8);border:1px solid #fff8e4b8;border-radius:28px;width:min(630px,100%);max-height:calc(100svh - 44px);position:relative;overflow:auto}@supports (color:color-mix(in lab, red, red)){.verse-card{background:radial-gradient(circle at 78% 4%, color-mix(in srgb, var(--feeling) 8%, transparent), transparent 37%), linear-gradient(145deg, #fffaf0, #f0e5cf 74%, #e9d8b8)}}.verse-card{transform-origin:50% 65%;scrollbar-width:thin;transition:transform .52s cubic-bezier(.16,1,.3,1);transform:translateY(24px)scale(.94)rotateX(4deg);box-shadow:0 45px 120px #00000085,inset 0 1px #fff}.verse-card:before{content:"";pointer-events:none;border:1px solid #5e472a1f;border-radius:20px;position:absolute;inset:11px}.verse-overlay.is-visible .verse-card{transform:translateY(0)scale(1)rotateX(0)}.card-glow{opacity:.18;background:var(--feeling);filter:blur(35px);border-radius:50%;width:230px;height:230px;position:absolute;top:-140px;right:-60px}.card-accent{background:var(--feeling);width:112px;height:5px;box-shadow:0 4px 18px var(--feeling);border-radius:0 0 99px 99px;position:absolute;top:0;left:50%;transform:translate(-50%)}@supports (color:color-mix(in lab, red, red)){.card-accent{box-shadow:0 4px 18px color-mix(in srgb, var(--feeling) 32%, transparent)}}.card-inner{padding:32px 38px 30px;position:relative}.card-header{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.card-kicker{align-items:center;gap:11px;display:flex}.card-star{width:31px;height:31px;color:var(--feeling);border:1px solid var(--feeling);place-items:center;display:grid}@supports (color:color-mix(in lab, red, red)){.card-star{border:1px solid color-mix(in srgb, var(--feeling) 28%, transparent)}}.card-star{background:var(--feeling);border-radius:50%}@supports (color:color-mix(in lab, red, red)){.card-star{background:color-mix(in srgb, var(--feeling) 8%, transparent)}}.card-star svg{fill:var(--feeling)}@supports (color:color-mix(in lab, red, red)){.card-star svg{fill:color-mix(in srgb, var(--feeling) 45%, transparent)}}.card-kicker>span:last-child{flex-direction:column;gap:2px;display:flex}.card-kicker small{color:#998a74;font-family:var(--sans);letter-spacing:.15em;text-transform:uppercase;font-size:8px;font-weight:700}.card-kicker strong{color:#50412e;font-family:var(--serif);font-size:17px;font-style:italic;font-weight:500}.icon-button{color:#897b67;cursor:pointer;background:#ffffff57;border:1px solid #5b462a21;border-radius:50%;place-items:center;width:34px;height:34px;transition:color .18s,border-color .18s,transform .18s;display:grid}.icon-button:hover{color:#3d3326;border-color:#5b462a47;transform:rotate(5deg)}.ornament{color:#b6925d;justify-content:center;align-items:center;gap:10px;margin:23px auto 16px;display:flex}.ornament span{background:linear-gradient(90deg,#0000,#805e3066);width:38px;height:1px}.ornament span:last-child{transform:rotate(180deg)}.arabic-verse{color:#30271e;text-align:center;margin:0 auto;font-family:LPMQ,Amiri,serif;font-size:clamp(27px,4.5vw,36px);line-height:2.25}.translation{color:#625442;max-width:33rem;font-family:var(--serif);text-align:center;margin:17px auto 0;font-size:15px;font-style:italic;line-height:1.78}.verse-reference{color:#a17640;font-family:var(--sans);letter-spacing:.16em;text-align:center;text-transform:uppercase;margin:12px 0 0;font-size:9px;font-weight:700}.card-divider{background:linear-gradient(90deg,#0000,#624b2d2e,#0000);width:100%;height:1px;margin:25px 0 19px}.card-actions{justify-content:space-between;align-items:center;gap:12px;display:flex}.audio-button,.shuffle-button{cursor:pointer;border:0}.audio-button{color:#5c4c39;background:#ffffff59;border:1px solid #5f492c21;border-radius:999px;align-items:center;gap:10px;min-width:192px;padding:8px 13px 8px 8px;transition:border-color .2s,background .2s;display:flex}.audio-button:hover,.audio-button.is-playing{border-color:var(--feeling)}@supports (color:color-mix(in lab, red, red)){.audio-button:hover,.audio-button.is-playing{border-color:color-mix(in srgb, var(--feeling) 35%, #5f492c21)}}.audio-button:hover,.audio-button.is-playing{background:#ffffff94}.play-symbol{color:#fff;background:#4c674e;border-radius:50%;flex:none;place-items:center;width:32px;height:32px;display:grid;box-shadow:0 5px 15px #304f3738}.audio-button>span:nth-child(2){flex-direction:column;align-items:flex-start;gap:2px;display:flex}.audio-button small{color:#a08d72;letter-spacing:.11em;font-size:7px;font-weight:700}.audio-button strong{color:#554633;font-family:var(--serif);font-size:11px;font-style:italic;font-weight:500}.equalizer{align-items:end;gap:2px;height:15px;margin-left:auto;display:flex}.equalizer i{background:var(--feeling);border-radius:99px;width:2px;height:6px;animation:.75s ease-in-out infinite alternate equalize}.equalizer i:nth-child(2){animation-delay:-.28s}.equalizer i:nth-child(3){animation-delay:-.48s}.shuffle-button{color:#7b6c57;background:0 0;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:11px 15px;font-size:10px;font-weight:600;transition:color .18s,background .18s;display:inline-flex}.shuffle-button:hover{color:#443828;background:#60462612}.shuffle-button:hover svg{transition:transform .42s;transform:rotate(150deg)}@keyframes live-pulse{0%,to{opacity:.55;transform:scale(.88)}50%{opacity:1;transform:scale(1.12)}}@keyframes hint-drift{0%,to{transform:translate(-2px)}50%{transform:translate(3px)}}@keyframes button-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes equalize{0%{height:4px}to{height:14px}}@media (width<=1080px){.experience-shell{grid-template-columns:minmax(0,1fr) minmax(350px,.88fr);gap:36px}.feeling-button{grid-template-columns:28px minmax(0,1fr) 14px}.feeling-number{display:none}}@media (width<=880px){.quran-app{overflow:clip}.experience-shell{grid-template:"intro""choices""stage"/1fr;gap:22px;max-width:680px}.jar-stage{height:540px;min-height:0}.selection-panel{padding:0}.intro-copy{padding-top:4px}.intro-copy h1{font-size:clamp(48px,10vw,70px)}.lead{max-width:38rem}}@media (width<=600px){.topbar,.experience-shell,.page-footer{width:min(100% - 28px,680px)}.topbar{min-height:64px}.topbar-note{display:none}.experience-shell{gap:18px;margin-top:12px}.jar-stage{border-radius:25px;height:430px}.jar-stage:before{inset:13%}.stage-topline{top:17px;left:17px;right:17px}.jar-canvas{inset:32px -8px 39px}.stage-hint{bottom:15px}.stage-hint small{max-width:190px;line-height:1.35;display:block}.intro-copy{padding:2px 0 17px}.intro-copy h1{font-size:clamp(44px,14.5vw,59px);line-height:.91}.lead{margin-top:12px;font-size:12px;line-height:1.55}.eyebrow{margin-bottom:10px}.feeling-grid{gap:8px}.feeling-button{border-radius:13px;grid-template-columns:29px minmax(0,1fr) 12px;gap:8px;min-height:60px;padding-inline:10px}.feeling-copy strong,.feeling-arrow{font-size:11px}.page-footer{margin-block:30px 20px}.page-footer span:last-child,.footer-line{display:none}.verse-overlay{align-items:center;padding:12px}.verse-card{border-radius:24px;width:100%;max-height:calc(100svh - 24px);transform:translateY(20px)scale(.97)}.card-inner{padding:27px 22px 22px}.ornament{margin-top:18px}.arabic-verse{font-size:27px;line-height:2.08}.translation{margin-top:12px;font-size:13px;line-height:1.65}.card-divider{margin-block:20px 16px}.card-actions{flex-direction:column;align-items:stretch}.audio-button{width:100%}.shuffle-button{width:100%;padding-block:10px}}@media (width<=380px){.jar-stage{height:400px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@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-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@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}