:root{--royal-950: #0b143b;--royal-900: #0f1b4c;--royal-800: #16225c;--royal-700: #1b2a6b;--royal-600: #24369a;--royal-500: #2f45c5;--royal-400: #4f66e0;--royal-300: #8496ee;--royal-200: #bcc7f6;--royal-100: #e3e8fc;--phulkari-gold: #f6b01e;--phulkari-gold-deep: #d9910a;--phulkari-magenta: #e5187a;--phulkari-crimson: #d7263d;--phulkari-orange: #ff7a1a;--phulkari-teal: #12b3a6;--phulkari-green: #3fa34d;--paper: #fbf7ef;--paper-2: #f4eddf;--card: #ffffff;--ink-900: #14183a;--ink-700: #33385f;--ink-500: #5b6187;--ink-300: #9aa0be;--hairline: #e7e2d4;--success: #2f9e57;--success-soft: #e5f5ea;--danger: #d7263d;--danger-soft: #fbe6e8;--warn: #e0940f;--grad-royal: linear-gradient(150deg, #24369a 0%, #1b2a6b 46%, #0f1b4c 100%);--grad-royal-soft: linear-gradient(150deg, #2f45c5 0%, #1b2a6b 100%);--grad-gold: linear-gradient(120deg, #ffd76a 0%, #f6b01e 55%, #d9910a 100%);--grad-sunrise: linear-gradient(120deg, #ff7a1a 0%, #e5187a 100%);--shadow-sm: 0 1px 2px rgba(15, 27, 76, .06), 0 1px 3px rgba(15, 27, 76, .05);--shadow-md: 0 6px 18px rgba(15, 27, 76, .1);--shadow-lg: 0 18px 44px rgba(15, 27, 76, .18);--shadow-royal: 0 14px 30px rgba(27, 42, 107, .35);--shadow-gold: 0 10px 26px rgba(217, 145, 10, .32);--r-sm: 10px;--r-md: 16px;--r-lg: 22px;--r-xl: 30px;--r-pill: 999px;--font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-display: "Fraunces", "Georgia", "Times New Roman", serif;--app-max: 480px;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--nav-h: 64px}*,*:before,*:after{box-sizing:border-box}*{margin:0;-webkit-tap-highlight-color:transparent}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{font-family:var(--font-body);background:var(--royal-900);color:var(--ink-900);line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overscroll-behavior-y:none}#root{min-height:100dvh}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}input,select,textarea{font-family:inherit;font-size:16px}a{color:var(--royal-500);text-decoration:none}h1,h2,h3,h4{font-family:var(--font-display);font-weight:600;line-height:1.15;letter-spacing:-.01em;color:var(--ink-900)}img,svg{display:block;max-width:100%}::selection{background:var(--phulkari-gold);color:var(--royal-900)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:#1b2a6b40;border-radius:999px}.app-frame{position:relative;width:100%;max-width:var(--app-max);min-height:100dvh;margin:0 auto;background:var(--paper);overflow:hidden;box-shadow:0 0 0 1px #ffffff0a,0 40px 120px #00000080}@media (min-width: 520px){.app-frame{min-height:min(920px,calc(100dvh - 40px));margin:20px auto;border-radius:34px;border:1px solid rgba(255,255,255,.06)}}.screen{min-height:100dvh;display:flex;flex-direction:column}.screen-scroll{flex:1;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;scroll-behavior:smooth}.pad{padding:20px}.pad-x{padding-left:20px;padding-right:20px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:54px;padding:0 22px;border-radius:var(--r-pill);font-weight:600;font-size:16px;letter-spacing:.01em;transition:transform .14s ease,box-shadow .2s ease,opacity .2s ease,background .2s ease;-webkit-user-select:none;user-select:none}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.45;pointer-events:none}.btn-block{width:100%}.btn-royal{background:var(--grad-royal-soft);color:#fff;box-shadow:var(--shadow-royal)}.btn-gold{background:var(--grad-gold);color:var(--royal-900);box-shadow:var(--shadow-gold)}.btn-ghost{background:transparent;color:var(--royal-600);box-shadow:inset 0 0 0 1.5px var(--royal-200)}.btn-soft{background:var(--royal-100);color:var(--royal-700)}.btn-quiet{min-height:44px;color:var(--ink-500);font-weight:500}.card{background:var(--card);border-radius:var(--r-lg);box-shadow:var(--shadow-md);border:1px solid rgba(231,226,212,.7)}.card-pad{padding:18px}.chip{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:var(--r-pill);font-size:12.5px;font-weight:600;letter-spacing:.02em;background:var(--royal-100);color:var(--royal-700)}.chip-gold{background:#f6b01e29;color:var(--phulkari-gold-deep)}.chip-on-royal{background:#ffffff24;color:#fff}.eyebrow{font-family:var(--font-body);font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--phulkari-gold-deep)}.muted{color:var(--ink-500)}.tiny{font-size:12.5px}.hero{position:relative;background:var(--grad-royal);color:#fff;padding:calc(var(--safe-top) + 22px) 20px 26px;overflow:hidden}.hero h1,.hero h2{color:#fff}.hero-veil{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.5;pointer-events:none}.bottom-nav{position:sticky;bottom:0;z-index:20;display:grid;grid-template-columns:repeat(4,1fr);align-items:center;height:calc(var(--nav-h) + var(--safe-bottom));padding-bottom:var(--safe-bottom);background:#ffffffeb;-webkit-backdrop-filter:saturate(1.4) blur(14px);backdrop-filter:saturate(1.4) blur(14px);border-top:1px solid var(--hairline)}.nav-item{display:flex;flex-direction:column;align-items:center;gap:3px;font-size:10.5px;font-weight:600;color:var(--ink-300);transition:color .18s ease}.nav-item.active{color:var(--royal-600)}.nav-item .nav-ico{width:24px;height:24px}.option{display:flex;align-items:center;gap:14px;width:100%;text-align:left;padding:16px;border-radius:var(--r-md);background:var(--card);border:1.5px solid var(--hairline);box-shadow:var(--shadow-sm);transition:transform .12s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease;font-size:15.5px;color:var(--ink-900)}.option:active{transform:scale(.99)}.option .badge{flex:none;width:30px;height:30px;border-radius:9px;display:grid;place-items:center;font-weight:700;font-size:14px;background:var(--royal-100);color:var(--royal-700)}.option.correct{border-color:var(--success);background:var(--success-soft)}.option.correct .badge{background:var(--success);color:#fff}.option.wrong{border-color:var(--danger);background:var(--danger-soft)}.option.wrong .badge{background:var(--danger);color:#fff}.option.dim{opacity:.55}.meter{height:10px;border-radius:999px;background:var(--royal-100);overflow:hidden}.meter>span{display:block;height:100%;border-radius:999px;background:var(--grad-gold);transition:width .5s cubic-bezier(.22,1,.36,1)}.field{width:100%;min-height:54px;padding:0 16px;border-radius:var(--r-md);background:var(--card);border:1.5px solid var(--hairline);color:var(--ink-900);transition:border-color .18s ease,box-shadow .18s ease}.field:focus{outline:none;border-color:var(--royal-400);box-shadow:0 0 0 4px #4f66e026}.field::placeholder{color:var(--ink-300)}.label{display:block;font-size:13px;font-weight:600;color:var(--ink-700);margin-bottom:8px}.row{display:flex;align-items:center}.between{justify-content:space-between}.center{align-items:center;justify-content:center}.col{display:flex;flex-direction:column}.gap-6{gap:6px}.gap-8{gap:8px}.gap-10{gap:10px}.gap-12{gap:12px}.gap-16{gap:16px}.gap-20{gap:20px}.wrap{flex-wrap:wrap}.grow{flex:1}.mt-4{margin-top:4px}.mt-8{margin-top:8px}.mt-12{margin-top:12px}.mt-16{margin-top:16px}.mt-20{margin-top:20px}.mt-24{margin-top:24px}.mt-32{margin-top:32px}.mb-8{margin-bottom:8px}.mb-12{margin-bottom:12px}.text-center{text-align:center}.display-xl{font-size:clamp(30px,8vw,38px);line-height:1.08}.display-lg{font-size:clamp(24px,6.5vw,30px)}@keyframes floatUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.reveal{animation:floatUp .5s cubic-bezier(.22,1,.36,1) both}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}