@import "https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;800&family=Tiro+Devanagari+Sanskrit&family=DynaPuff:wght@700&display=swap";:root{--bg-color:#fff8f0;--primary-color:#e8210a;--secondary-color:#1fa8a5;--accent-color:#f5b800;--warm-orange:#ff7b35;--purple:#7c5cbf;--text-dark:#1a1a2e;--text-secondary:#4a4a6a;--text-light:#fff;--link-color:#1fa8a5;--card-bg:#fff;--info-surface:#f0f7ff;--border-radius:8px;--spacing-unit:4px;--font-english:"abcsans rounded", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;--font-sanskrit:"Kokila", "Annapurna", "Anpoorna", "Tiro Devanagari Sanskrit", serif;font-family:var(--font-english);background-color:var(--bg-color);color:var(--text-dark)}*{box-sizing:border-box}body{background:var(--bg-color);width:100vw;min-height:100vh;margin:0;font-size:14px;display:flex;overflow-x:hidden}h1,h2{font-family:var(--font-english);font-size:32px}#root{box-sizing:border-box;width:100%}.sanskrit-text{font-family:var(--font-sanskrit);color:var(--primary-color);text-shadow:2px 2px 4px #0000001a;margin-bottom:5px;font-size:3rem;font-weight:400}button{font-family:var(--font-english);border-radius:var(--border-radius);cursor:pointer;background-color:var(--primary-color);color:#fff;text-transform:uppercase;letter-spacing:1px;border:none;padding:15px 30px;font-size:1.2rem;font-weight:800;transition:all .2s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 5px 15px #0000001a}button:hover{transform:translateY(-5px)scale(1.05);box-shadow:0 10px 20px #00000026}button:active{transform:translateY(2px)}.card{background:var(--card-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--border-radius);border:2px solid var(--accent-color);text-align:center;padding:40px;animation:.6s ease-out forwards slideUp;box-shadow:0 20px 40px #0000000d}@keyframes slideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.title-icon{margin-bottom:20px;font-size:5rem;animation:2s ease-in-out infinite bounce;display:inline-block}.fairy-particle{pointer-events:none;font-size:1.5rem;animation:.7s cubic-bezier(.25,1,.5,1) forwards floatAway;position:absolute}@keyframes floatAway{0%{opacity:1;transform:translate(-50%,-50%)scale(1)rotate(0)}to{opacity:0;transform:translate(-50%,-150%)scale(0)rotate(180deg)}}.flashcard-container{perspective:1000px;cursor:pointer;flex-shrink:0;width:380px;height:460px}.flashcard{width:100%;height:100%;transform-style:preserve-3d;border-radius:var(--border-radius);background-color:#0000;transition:transform .6s cubic-bezier(.175,.885,.32,1.275);position:relative;box-shadow:0 15px 35px #00000026}.flashcard.flipped{transform:rotateY(180deg)}.flashcard-front,.flashcard-back{backface-visibility:hidden;border-radius:var(--border-radius);box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:30px;display:flex;position:absolute}.flashcard-front{border:4px solid var(--secondary-color);background:#fff}.flashcard-back{border:4px solid var(--primary-color);text-align:center;background:#fff;transform:rotateY(180deg)}.flip-hint{color:#aaa;font-size:1rem;animation:2s ease-in-out infinite bounce;position:absolute;bottom:20px}.snake-map-node{width:320px;box-shadow:none;border-radius:20px;align-items:center;gap:16px;padding:16px 24px;transition:all .3s cubic-bezier(.175,.885,.32,1.275);display:flex;position:relative}.map-node-content{text-align:left;flex-direction:column;flex:1;display:flex}.map-node-meta{opacity:.7;text-transform:uppercase;letter-spacing:1px;font-size:.75rem;font-weight:600}.map-node-badge{background:var(--accent-color);color:var(--text-dark);text-transform:uppercase;border-radius:10px;padding:4px 12px;font-size:.7rem;font-weight:800;position:absolute;top:-12px;right:20px;box-shadow:0 4px 8px #0000001a}.current-stage{border-width:4px!important;box-shadow:0 10px 30px #0000001a!important}.snake-map-node.unlocked{box-shadow:0 5px 15px #00000026}.snake-node-left{transform:translate(-30%)}.snake-node-right{transform:translate(30%)}.snake-map-node.unlocked:hover.snake-node-left{transform:translate(-30%)scale(1.05)}.snake-map-node.unlocked:hover.snake-node-right{transform:translate(30%)scale(1.05)}@media (orientation:portrait){.snake-node-left,.snake-node-right{transform:translate(0)!important}.snake-map-node.unlocked:hover{transform:scale(1.05)!important}.snake-map-node{width:90%;max-width:320px}.sanskrit-text{font-size:2rem}h1,h2{font-size:24px}.flashcard-container{max-width:90vw;height:360px}.card{padding:20px}}.particle{pointer-events:none;-webkit-user-select:none;user-select:none;will-change:transform, opacity;opacity:0}.particle-correct{animation:burstOut var(--duration) ease-out var(--delay) forwards}.particle-wrong{animation:droop var(--duration) ease-in-out var(--delay) forwards}.particle-celebration{animation:firework var(--duration) cubic-bezier(.25, 1, .5, 1) var(--delay) forwards}@keyframes burstOut{0%{opacity:1;transform:translate(-50%,-50%)scale(0)rotate(0)}60%{opacity:1;transform:translate(var(--tx), var(--ty)) scale(var(--scale)) rotate(var(--r))}to{opacity:0;transform:translate(calc(var(--tx) * 1.5), calc(var(--ty) * 1.5)) scale(0) rotate(calc(var(--r) * 1.5))}}@keyframes droop{0%{opacity:1;transform:translate(-50%,-50%)scale(1)rotate(0)}30%{opacity:1;transform:translate(var(--tx), -20px) scale(1.2) rotate(var(--r))}to{opacity:0;transform:translate(var(--tx), 100px) scale(0) rotate(var(--r))}}@keyframes firework{0%{opacity:0;transform:translate(-50%)scale(0)rotate(0)}10%{opacity:1}80%{opacity:1;transform:translate(var(--tx), var(--ty)) scale(var(--scale)) rotate(var(--r))}to{opacity:0;transform:translate(var(--tx), calc(var(--ty) + 200px)) scale(max(0, calc(var(--scale) - .5))) rotate(calc(var(--r) + 90deg))}}@keyframes floatUp{0%{opacity:0;transform:translateY(0)scale(.6)}20%{opacity:.9;transform:translateY(-40px)scale(1)}to{opacity:0;transform:translateY(-260px)scale(.5)rotate(20deg)}}@keyframes ringPulse{0%,to{opacity:.35;transform:translate(-50%,-50%)scale(1)}50%{opacity:.15;transform:translate(-50%,-50%)scale(1.08)}}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeSlideInLeft{0%{opacity:0;transform:translate(-36px)}to{opacity:1;transform:translate(0)}}@keyframes accentFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes omPulse{0%,to{opacity:.75;transform:scale(1)}50%{opacity:1;transform:scale(1.08)}}.welcome-outer-wrap{background:#fffae8 50%/cover no-repeat;justify-content:center;align-items:center;width:100vw;min-height:100vh;display:flex;position:relative;overflow:hidden}.welcome-glow-ring{pointer-events:none;z-index:0;border-radius:50%;position:absolute;top:50%;left:30%;transform:translate(-50%,-50%)}.welcome-glow-ring.ring-1{background:radial-gradient(circle,#f5b8002e 0%,#0000 70%);width:520px;height:520px;animation:4s ease-in-out infinite ringPulse}.welcome-glow-ring.ring-2{background:radial-gradient(circle,#e8210a17 0%,#0000 70%);width:720px;height:720px;animation:5s ease-in-out infinite reverse ringPulse}.welcome-layout{z-index:1;box-sizing:border-box;flex-direction:row;justify-content:center;align-items:center;gap:0;width:100%;max-width:1280px;min-height:100vh;padding:0 48px;display:flex;position:relative}.welcome-logo-wrap{justify-content:center;align-items:center;display:flex}.welcome-logo-img{object-fit:contain;z-index:1;width:460px;height:460px;position:relative}@keyframes logoFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-18px)}}.welcome-logo-float{animation:4s ease-in-out infinite logoFloat}.welcome-app-name-mobile{display:none}@media (orientation:landscape){.welcome-app-name-mobile{display:none!important}}.welcome-app-name{flex-direction:column;margin:0 0 12px;line-height:1;display:flex}.app-name-sanskrit,.app-name-gems{font-family:"DynaPuff", var(--font-english);letter-spacing:-1px;-webkit-text-stroke:3px white;paint-order:stroke fill;font-size:clamp(3rem,6vw,5rem);font-weight:700;display:block}.app-name-sanskrit{color:#e8210a}.app-name-gems{color:#1fa8a5}.welcome-fun-badge{color:var(--warm-orange);border:2px solid var(--warm-orange);letter-spacing:.3px;background:#ff7b3512;border-radius:999px;margin:10px 0 8px;padding:8px 20px;font-size:clamp(.9rem,1.3vw,1.05rem);font-weight:700;display:inline-block;box-shadow:0 2px 10px #ff7b3526}.welcome-subtitle-meaning{color:var(--text-secondary);letter-spacing:.3px;margin:0 0 24px;font-size:clamp(1rem,1.6vw,1.3rem);font-style:italic;font-weight:500}.vowel-row{justify-content:center;gap:10px;margin-top:20px;display:flex}.vtile{width:64px;height:68px;font-family:"Annapurna SIL", "Annapurna", var(--font-sanskrit);color:#fff;cursor:default;box-shadow:0 4px 0 var(--tile-shadow), 0 6px 16px #00000026;border:2px solid #ffffff59;border-radius:14px;justify-content:center;align-items:center;font-size:32px;font-weight:700;transition:transform .18s cubic-bezier(.34,1.56,.64,1),box-shadow .18s;animation:.5s cubic-bezier(.34,1.56,.64,1) backwards tileIn;display:flex}.vtile:hover{box-shadow:0 10px 0 var(--tile-shadow), 0 14px 28px #0003;transform:translateY(-6px)scale(1.12)}.vt1{background:var(--primary-color);--tile-shadow:#891205;animation-delay:.3s}.vt2{background:var(--secondary-color);--tile-shadow:#0f6160;animation-delay:.4s}.vt3{background:var(--purple);--tile-shadow:#4a3070;animation-delay:.5s}.vt4{background:var(--warm-orange);--tile-shadow:#994918;animation-delay:.6s}.vt5{--tile-shadow:#9e2856;background:#ef4c8b;animation-delay:.7s}@keyframes tileIn{0%{opacity:0;transform:scale(0)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}.welcome-badges{flex-direction:column;gap:10px;margin-bottom:40px;display:flex}.welcome-badge{box-shadow:none;text-transform:none;letter-spacing:.2px;background:0 0;border-radius:999px;align-items:center;gap:6px;width:fit-content;padding:8px 18px;font-size:.92rem;font-weight:600;display:inline-flex;transform:none}.welcome-badge:hover{box-shadow:none;transform:none}.badge-teal{border:1.5px solid var(--secondary-color);color:var(--secondary-color)}.badge-gold{border:1.5px solid var(--warm-orange);color:var(--warm-orange)}.badge-purple{border:1.5px solid var(--purple);color:var(--purple)}@media (orientation:portrait){.welcome-logo-img{width:min(82vw,320px);height:auto}.app-name-sanskrit,.app-name-gems{font-size:clamp(3rem,12vw,4.5rem)}}.welcome-left{flex-direction:column;flex:none;justify-content:center;align-items:center;padding:40px 16px;animation:.75s cubic-bezier(.22,1,.36,1) both fadeSlideInLeft;display:flex}.welcome-right{flex-direction:column;flex:1 1 0;justify-content:center;align-items:flex-start;padding:40px 32px 40px 52px;animation:.75s cubic-bezier(.22,1,.36,1) .1s both fadeSlideIn;display:flex;position:relative}.welcome-right:before{content:"";background:linear-gradient(#0000,#f5b8008c 30%,#e8210a52 70%,#0000);border-radius:2px;width:1.5px;height:76%;position:absolute;top:12%;left:0}.welcome-title-block{margin-bottom:18px}.welcome-om{color:var(--primary-color);margin-bottom:6px;font-size:2.8rem;line-height:1;animation:4s ease-in-out infinite omPulse;display:block}.welcome-title{color:var(--text-dark);letter-spacing:-.5px;margin:0 0 6px;font-size:clamp(2rem,3.6vw,3.2rem);font-weight:800;line-height:1.1}.welcome-subtitle{color:var(--secondary-color);letter-spacing:.8px;text-transform:uppercase;margin:0;font-size:clamp(2rem,3.2vw,2.8rem);font-weight:600}.welcome-devanagari-accent{justify-content:flex-start;gap:14px;margin:16px 0 20px;display:flex}.welcome-devanagari-accent span{color:var(--primary-color);opacity:.72;font-size:1.85rem;animation:3s ease-in-out infinite accentFloat;display:inline-block}.welcome-devanagari-accent span:nth-child(2){animation-delay:.22s}.welcome-devanagari-accent span:nth-child(3){animation-delay:.44s}.welcome-devanagari-accent span:nth-child(4){animation-delay:.66s}.welcome-devanagari-accent span:nth-child(5){animation-delay:.88s}.welcome-devanagari-accent span:nth-child(6){animation-delay:1.1s}.welcome-tagline{color:var(--text-secondary);max-width:400px;margin:0 0 26px;font-size:clamp(.88rem,1.3vw,1rem);line-height:1.65}.welcome-start-btn{letter-spacing:1.5px;text-transform:uppercase;color:#fff;background:linear-gradient(135deg, var(--primary-color) 0%, #c9190c 100%);cursor:pointer;border:none;border-radius:16px;justify-content:center;align-items:center;gap:10px;width:auto;min-width:240px;padding:17px 36px;font-size:clamp(.95rem,1.5vw,1.15rem);font-weight:800;transition:transform .2s cubic-bezier(.175,.885,.32,1.275),box-shadow .2s,background .2s;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 6px 20px #e8210a61,0 2px 4px #0000001f}.welcome-start-btn:before{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(135deg,#ffffff2e 0%,#0000 60%);position:absolute;inset:0}.welcome-start-btn:hover{background:linear-gradient(135deg,#f52d15 0%,#c0150a 100%);transform:translateY(-4px)scale(1.03);box-shadow:0 12px 32px #e8210a7a,0 4px 8px #00000024}.welcome-start-btn:active{transform:translateY(1px)scale(.99);box-shadow:0 4px 12px #e8210a4d}.btn-icon{font-size:1.3rem}.btn-arrow{font-size:1.2rem;transition:transform .2s}.welcome-start-btn:hover .btn-arrow{transform:translate(4px)}.welcome-hint{color:var(--text-secondary);opacity:.75;margin:16px 0 0;font-size:.82rem}@media (orientation:portrait){.welcome-outer-wrap{height:100svh;min-height:unset;overflow:hidden;background-image:var(--mobile-bg)!important;background-position:50%!important;background-size:cover!important}.welcome-glow-ring{top:28%;left:50%}.welcome-layout{height:100%;min-height:unset;flex-direction:column;justify-content:flex-start;gap:18px;padding:32px 20px 16px;overflow:hidden}.welcome-left{flex-shrink:0;padding:0;animation:.75s cubic-bezier(.22,1,.36,1) both fadeSlideIn}.vtile{border-radius:12px;width:56px;height:62px;font-size:28px}.vowel-row{gap:8px;margin-top:24px;margin-bottom:0}.badge-purple{display:none}.welcome-app-name-mobile{flex-direction:row;justify-content:center;align-items:baseline;gap:10px;margin-bottom:14px;padding:0 45px;display:flex}.welcome-app-name-mobile .app-name-sanskrit,.welcome-app-name-mobile .app-name-gems{font-size:clamp(3.2rem,13vw,5rem)}.welcome-title-block .welcome-app-name{display:none}.welcome-right{text-align:center;flex:none;justify-content:flex-start;align-items:center;padding:0}.welcome-right:before{display:none}.welcome-title-block{margin-bottom:8px}.welcome-om{margin-bottom:4px;font-size:2rem}.welcome-title{font-size:clamp(1.7rem,7vw,2.4rem)}.welcome-subtitle{margin-bottom:2px;font-size:clamp(1.8rem,7.5vw,2.6rem)}.welcome-subtitle-meaning{margin-bottom:10px;font-size:.82rem}.welcome-fun-badge{margin:5px 0;padding:5px 14px;font-size:.82rem}.welcome-devanagari-accent{justify-content:center;margin:8px 0 10px}.welcome-devanagari-accent span{font-size:1.4rem}.welcome-tagline{max-width:100%;margin-bottom:14px;font-size:.88rem}.welcome-badges{align-items:center;gap:7px;margin-bottom:16px}.welcome-badge{padding:5px 14px;font-size:.82rem}.welcome-start-btn{width:100%;min-width:unset;padding:14px 24px;font-size:1rem}.welcome-hint{margin-top:10px;font-size:.78rem}}@keyframes rotatePhone{0%{transform:rotate(0)}25%{transform:rotate(-20deg)}75%{transform:rotate(90deg)}to{transform:rotate(90deg)}}@keyframes promptFadeIn{0%{opacity:0;transform:scale(.88)}to{opacity:1;transform:scale(1)}}@keyframes arrowBounce{0%,to{transform:translate(0)}50%{transform:translate(8px)}}.orientation-overlay{z-index:9999;-webkit-backdrop-filter:blur(12px);background:#1a1a2ee0;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.orientation-card{text-align:center;background:#fffffff7;border-radius:28px;width:100%;max-width:340px;padding:44px 36px 36px;animation:.45s cubic-bezier(.22,1,.36,1) both promptFadeIn;position:relative;overflow:hidden;box-shadow:0 8px 32px #0000003d,inset 0 0 0 1.5px #f5b80080}.orientation-card:before{content:"";background:linear-gradient(90deg, var(--accent-color), var(--primary-color), var(--secondary-color));border-radius:28px 28px 0 0;height:5px;position:absolute;top:0;left:0;right:0}.orientation-phone-icon{transform-origin:50%;margin:0 auto 16px;font-size:4.5rem;line-height:1;animation:2.4s cubic-bezier(.4,0,.2,1) infinite rotatePhone;display:block}.orientation-om{color:var(--primary-color);opacity:.7;font-size:1.6rem;font-family:var(--font-sanskrit);margin-bottom:6px;display:block}.orientation-title{color:var(--text-dark);margin:0 0 10px;font-size:1.4rem;font-weight:800;line-height:1.2}.orientation-body{color:var(--text-secondary);margin:0 0 28px;font-size:.95rem;line-height:1.6}.orientation-deva-strip{font-family:var(--font-sanskrit);justify-content:center;gap:10px;margin-bottom:24px;display:flex}.orientation-deva-strip span{color:var(--primary-color);opacity:.65;font-size:1.4rem}.orientation-skip-btn{box-shadow:none;color:var(--text-secondary);opacity:.7;cursor:pointer;text-transform:none;letter-spacing:0;background:0 0;border:none;align-items:center;gap:6px;padding:6px 12px;font-size:.82rem;font-weight:400;transition:opacity .2s;display:inline-flex}.orientation-skip-btn:hover{opacity:1;box-shadow:none;background:0 0;transform:none}.orientation-skip-arrow{animation:1.2s ease-in-out infinite arrowBounce;display:inline-block}.map-shell{background:var(--bg-color);flex-direction:column;width:100vw;min-height:100vh;display:flex;overflow-x:hidden}.map-header{background:linear-gradient(135deg, var(--primary-color) 0%, #c9190c 100%);color:#fff;flex-shrink:0;align-items:center;gap:20px;padding:18px 36px;display:flex}.map-header-icon{flex-shrink:0;font-size:2rem}.map-header-text{flex:1}.map-title{color:#fff;margin:0;font-size:clamp(1.3rem,2.5vw,1.9rem);font-weight:800;line-height:1.1}.map-subtitle{color:#ffffffc7;margin:2px 0 0;font-size:.88rem}.map-pagination{flex-shrink:0;align-items:center;gap:12px;display:flex}.map-page-btn{cursor:pointer;white-space:nowrap;color:#fff!important;text-transform:none!important;letter-spacing:0!important;box-shadow:none!important;background:#ffffff2e!important;border:none!important;border-radius:20px!important;padding:8px 18px!important;font-size:.9rem!important;font-weight:700!important;transition:background .2s!important}.map-page-btn:hover:not(:disabled){background:#ffffff52!important;transform:none!important}.map-page-btn:disabled{opacity:.38;cursor:not-allowed}.map-page-label{white-space:nowrap;color:#ffffffe6;font-size:.9rem;font-weight:700}.map-body{flex-direction:column;flex:1;align-items:center;padding:36px 36px 40px;display:flex;overflow-y:auto}.map-stage-badge{border:3px solid var(--primary-color);color:var(--primary-color);background:#fff;border-radius:30px;margin-bottom:36px;padding:10px 28px;font-size:1.4rem;font-weight:800;box-shadow:0 4px 12px #00000014}.map-nodes{flex-direction:column;align-items:center;gap:30px;width:100%;display:flex;position:relative}.map-nodes:before{content:"";background:var(--info-surface);z-index:0;border-radius:4px;width:6px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.map-node-num{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:1.1rem;font-weight:800;display:flex}.map-node-label{text-align:center;flex:1;margin:0 10px;font-size:1.05rem;font-weight:700}.map-node-icon{flex-shrink:0;font-size:1.2rem}.map-lock-notice{color:var(--warm-orange);text-align:center;margin-top:24px;font-size:.88rem}@media (orientation:portrait){.map-header{flex-direction:column;align-items:flex-start;gap:12px;padding:16px 20px}.map-pagination{justify-content:space-between;width:100%}.map-body{padding:24px 16px 32px}.map-stage-badge{margin-bottom:24px;padding:8px 20px;font-size:1.1rem}}.fc-shell{background:var(--bg-color);flex-direction:column;width:100vw;min-height:100vh;display:flex}.fc-header{background:var(--secondary-color);color:#fff;flex-shrink:0;justify-content:space-between;align-items:center;padding:14px 32px;display:flex}.fc-exit-btn{cursor:pointer;color:#fff!important;text-transform:none!important;letter-spacing:0!important;box-shadow:none!important;background:#ffffff2e!important;border:none!important;border-radius:20px!important;padding:6px 16px!important;font-size:.88rem!important;font-weight:700!important;transition:background .2s!important}.fc-exit-btn:hover{background:#ffffff4d!important;transform:none!important}.fc-counter{background:#ffffff2e;border-radius:20px;padding:5px 14px;font-size:.9rem;font-weight:700}.fc-body{background:radial-gradient(at 30%,#fff3e6 0%,#fffaf5 60%,#f0f7ff 100%);flex-direction:row;flex:1;justify-content:center;align-items:center;gap:56px;padding:32px 56px;display:flex;overflow:auto}.fc-card-area{flex:0 0 380px;justify-content:center;align-items:center;height:460px;display:flex;position:relative}.fc-controls{flex-direction:column;flex:1;align-items:flex-start;gap:24px;max-width:320px;display:flex}.fc-flip-label{color:var(--text-secondary);margin:0;font-size:.9rem;font-style:italic}.fc-nav-btns{gap:14px;width:100%;display:flex}.fc-nav-btn{cursor:pointer;flex:1;text-transform:none!important;letter-spacing:0!important;border:none!important;border-radius:12px!important;padding:14px 20px!important;font-size:1rem!important;font-weight:800!important}.fc-prev{background:var(--info-surface)!important;color:var(--primary-color)!important;border:1.5px solid var(--primary-color)!important;box-shadow:none!important}.fc-prev:hover:not(:disabled){background:#e0eeff!important;transform:translateY(-2px)!important}.fc-next{background:linear-gradient(135deg, var(--secondary-color) 0%, #178a87 100%)!important;color:#fff!important;box-shadow:0 4px 14px #1fa8a559!important}.fc-next:hover{transform:translateY(-3px)scale(1.03)!important}.fc-quiz{background:linear-gradient(135deg, var(--accent-color) 0%, #e0a800 100%)!important;color:var(--text-dark)!important;box-shadow:0 4px 14px #f5b80066!important}.fc-quiz:hover{transform:translateY(-3px)scale(1.03)!important}.fc-dots{flex-wrap:wrap;gap:6px;display:flex}.fc-dot{background:#d4d4d4;border-radius:50%;width:9px;height:9px;transition:background .25s,transform .25s}.fc-dot-active{background:var(--primary-color);transform:scale(1.35)}.fc-dot-done{background:var(--secondary-color)}@media (orientation:portrait){.fc-body{flex-direction:column;gap:24px;padding:24px 16px 32px;overflow-y:auto}.fc-controls{align-items:center;gap:16px;width:100%;max-width:100%}.fc-flip-label{text-align:center}.fc-nav-btns{width:100%}.flashcard-container{width:min(90vw,380px);height:340px}}.result-shell{background:var(--bg-color);flex-direction:row;align-items:stretch;width:100vw;min-height:100vh;animation:.5s cubic-bezier(.22,1,.36,1) both fadeSlideIn;display:flex;overflow:hidden}.result-visual{background:radial-gradient(at 40%,#fff3e6 0%,#fffaf5 60%,#f0f7ff 100%);flex:1 1 0;justify-content:center;align-items:center;min-height:100%;display:flex}.result-spline-wrap{cursor:grab;width:100%;height:100%;min-height:300px}.result-emoji-wrap{flex-direction:column;justify-content:center;align-items:center;display:flex}.result-content{text-align:center;border-left:1.5px solid #f5b8004d;flex-direction:column;flex:none;justify-content:center;align-items:center;width:min(50%,520px);padding:48px;display:flex}.result-label{letter-spacing:1.5px;text-transform:uppercase;color:var(--secondary-color);margin:0 0 12px;font-size:.85rem;font-weight:800}.result-score{align-items:baseline;gap:6px;margin-bottom:16px;display:flex}.result-score-num{color:var(--primary-color);font-size:clamp(3.5rem,8vw,5.5rem);font-weight:800;line-height:1}.result-score-sep{color:var(--text-secondary);font-size:clamp(2rem,5vw,3.5rem);font-weight:300}.result-score-total{color:var(--text-dark);font-size:clamp(2rem,5vw,3.5rem);font-weight:700;line-height:1}.result-message{color:var(--text-secondary);max-width:340px;margin:0 0 32px;font-size:clamp(.95rem,1.6vw,1.15rem);line-height:1.55}.result-actions{flex-direction:column;gap:14px;width:100%;max-width:300px;display:flex}.result-btn{cursor:pointer;text-transform:none!important;letter-spacing:0!important;border:none!important;border-radius:14px!important;width:100%!important;padding:15px 24px!important;font-size:1.05rem!important;font-weight:800!important;transition:transform .2s,box-shadow .2s!important}.result-btn-primary{background:linear-gradient(135deg, var(--accent-color) 0%, #e0a800 100%)!important;color:var(--text-dark)!important;box-shadow:0 6px 20px #f5b80066!important}.result-btn-primary:hover{transform:translateY(-3px)scale(1.03)!important;box-shadow:0 10px 28px #f5b80080!important}.result-btn-secondary{background:var(--info-surface)!important;color:var(--text-secondary)!important;box-shadow:none!important}.result-btn-secondary:hover{background:#e0eeff!important;transform:translateY(-2px)!important;box-shadow:0 4px 12px #00000012!important}.result-btn-pair{background:linear-gradient(135deg, var(--purple) 0%, #5c3a9c 100%)!important;color:#fff!important;box-shadow:0 5px 16px #7c5cbf59!important}.result-btn-pair:hover{transform:translateY(-3px)scale(1.02)!important;box-shadow:0 10px 24px #7c5cbf7a!important}@media (orientation:portrait){.result-shell{flex-direction:column}.result-visual{min-height:220px;max-height:35vh}.result-content{border-top:1.5px solid #f5b8004d;border-left:none;width:100%;padding:28px 24px 40px}.result-score-num{font-size:clamp(3rem,14vw,5rem)}.result-actions{max-width:100%}}.onboarding-wrap{background:radial-gradient(#fff3e6 0%,#fffaf5 50%,#f0f7ff 100%);justify-content:center;align-items:center;width:100vw;min-height:100vh;padding:24px;display:flex;position:relative;overflow:hidden}.onboarding-card{z-index:1;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);text-align:center;background:#fffffff2;border-radius:24px;width:100%;max-width:780px;padding:40px 48px;animation:.6s cubic-bezier(.22,1,.36,1) both fadeSlideIn;position:relative;box-shadow:0 12px 40px #00000014,inset 0 0 0 1px #f5b8004d}.onboarding-instruction{color:var(--text-secondary);margin:0 0 32px;font-size:1.1rem}.role-grid{justify-content:center;gap:16px;margin-bottom:40px;display:flex}.role-option{cursor:pointer;background:#fff;border:2px solid #eaeaea;border-radius:16px;flex:1;min-width:140px;padding:24px 16px;transition:all .2s;position:relative}.role-option:hover{border-color:#f5b80080;transform:translateY(-4px);box-shadow:0 8px 24px #0000000f}.role-option.selected{border-color:var(--primary-color);background:#e8210a08;box-shadow:0 8px 24px #e8210a14}.role-icon{margin-bottom:12px;font-size:2.5rem}.role-label{color:var(--text-dark);margin-bottom:6px;font-size:1.2rem;font-weight:800}.role-desc{color:var(--text-secondary);font-size:.85rem;line-height:1.3}.role-check{background:var(--primary-color);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:.9rem;font-weight:700;animation:.3s ease-out both promptFadeIn;display:flex;position:absolute;top:-10px;right:-10px;box-shadow:0 4px 10px #e8210a33}.onboarding-footer{justify-content:center;display:flex}.onboarding-continue-btn{min-width:200px}.onboarding-continue-btn.disabled{opacity:.5;cursor:not-allowed;box-shadow:none;background:gray;transform:none}@media (orientation:portrait){.onboarding-card{padding:32px 24px}.role-grid{flex-direction:column;gap:12px}.role-option{text-align:left;align-items:center;gap:16px;padding:16px;display:flex}.role-icon{margin-bottom:0;font-size:2rem}.role-label{margin-bottom:2px;font-size:1.1rem}.role-check{top:50%;transform:translateY(-50%)}.role-option.selected .role-check{animation:none}}.app-container{flex-direction:column;justify-content:center;align-items:center;width:100vw;min-height:100vh;display:flex}