*,*:before,*:after{box-sizing:border-box}*{margin:0}html{interpolate-size:allow-keywords}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p{overflow-wrap:break-word;text-wrap:pretty}h1,h2,h3,h4,h5,h6{overflow-wrap:break-word;text-wrap:balance}#root,#app{isolation:isolate}:root{font-family:ui-rounded,SF Pro Rounded,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;color-scheme:light dark;--color-bg: #fbf7f0;--color-lavender: #cdb8f0;--color-lavender-soft: #e7defa;--color-peach: #ffcdb0;--color-peach-soft: #ffe6d9;--color-sky: #b8def8;--color-sky-soft: #ddeefb;--color-mint: #b3ecd2;--color-mint-soft: #dff6ea;--color-text: #4a4458;--color-text-muted: #83788f;--color-card-bg: rgba(255, 255, 255, .55);--color-card-border: rgba(255, 255, 255, .7);--color-option-bg: rgba(255, 255, 255, .5);--shadow-soft: 0 24px 60px -28px rgba(130, 110, 170, .4);--radius-lg: 28px;--radius-pill: 999px}@media(prefers-color-scheme:dark){:root{--color-bg: #241f33;--color-lavender: #8d78c9;--color-lavender-soft: #3a3253;--color-peach: #d99a77;--color-peach-soft: #43324a;--color-sky: #6fa7cf;--color-sky-soft: #2c3a4d;--color-mint: #5fc191;--color-mint-soft: #263f37;--color-text: #f1ecfa;--color-text-muted: #b7abd0;--color-card-bg: rgba(45, 38, 64, .55);--color-card-border: rgba(255, 255, 255, .1);--color-option-bg: rgba(255, 255, 255, .06);--shadow-soft: 0 24px 60px -28px rgba(0, 0, 0, .55)}}body{min-height:100dvh;color:var(--color-text);background:radial-gradient(ellipse 60% 45% at 12% 15%,var(--color-lavender-soft),transparent 60%),radial-gradient(ellipse 55% 45% at 88% 12%,var(--color-sky-soft),transparent 60%),radial-gradient(ellipse 60% 50% at 85% 90%,var(--color-mint-soft),transparent 60%),radial-gradient(ellipse 55% 45% at 10% 92%,var(--color-peach-soft),transparent 60%),var(--color-bg);background-attachment:fixed}.page{max-width:80ch;margin-inline:auto;padding:clamp(2rem,6vw,4rem) 2rem}.page h1{font-size:clamp(2rem,5vw,2.75rem);font-weight:600;margin-bottom:.75rem}.screen{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;min-height:100dvh;padding:clamp(1.5rem,6vw,3rem) 1.5rem;overflow:hidden;animation:screen-in .7s ease both}@keyframes screen-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.card{position:relative;z-index:1;width:min(560px,100%);background:var(--color-card-bg);border:1px solid var(--color-card-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);padding:clamp(2rem,6vw,3.5rem);text-align:center;display:flex;flex-direction:column;align-items:center;gap:1.25rem}.glow{position:absolute;z-index:0;width:46vmax;height:46vmax;border-radius:50%;filter:blur(64px);opacity:.5;pointer-events:none;animation:drift 18s ease-in-out infinite alternate}.glow--lavender{top:-16%;left:-12%;background:var(--color-lavender)}.glow--peach{right:-14%;bottom:-18%;background:var(--color-peach);animation-duration:22s}.glow--sky{top:-18%;right:-16%;background:var(--color-sky);animation-duration:20s}.glow--mint{left:-14%;bottom:-16%;background:var(--color-mint);animation-duration:24s}@keyframes drift{0%{transform:translate(0) scale(1)}to{transform:translate(4%,6%) scale(1.08)}}@media(prefers-reduced-motion:reduce){.screen,.glow{animation:none}}.eyebrow{font-size:.8rem;letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-muted);font-weight:500}.button{border:none;border-radius:var(--radius-pill);padding:.9rem 2.25rem;font-size:1rem;font-weight:600;cursor:pointer;transition:transform .25s ease,box-shadow .25s ease}.button--primary{color:#46395f;background:linear-gradient(135deg,var(--color-lavender),var(--color-sky),var(--color-mint));box-shadow:0 12px 30px -12px #826eaa8c}.button--primary:hover{transform:translateY(-2px);box-shadow:0 16px 34px -12px #826eaa99}.button--primary:active{transform:translateY(0)}.landing__title{font-size:clamp(2rem,5vw,2.75rem);font-weight:600;line-height:1.15}.landing__subtitle{color:var(--color-text-muted);font-weight:300;font-size:1.05rem;line-height:1.6}.progress{position:relative;z-index:1;width:min(560px,100%);height:10px;border-radius:var(--radius-pill);background:var(--color-option-bg);overflow:hidden;margin-bottom:.75rem}.progress__fill{height:100%;border-radius:var(--radius-pill);background:linear-gradient(90deg,var(--color-lavender),var(--color-sky),var(--color-mint));transition:width .5s ease}.quiz__counter{position:relative;z-index:1;color:var(--color-text-muted);font-size:.9rem;font-weight:500;margin-bottom:1.25rem}.quiz__question{font-size:clamp(1.3rem,3.4vw,1.6rem);font-weight:600;line-height:1.4}.quiz__options{display:grid;gap:.85rem;width:100%}.quiz__option{border:1px solid var(--color-card-border);background:var(--color-option-bg);border-radius:18px;padding:.9rem 1.25rem;font-size:1rem;font-weight:500;color:var(--color-text);cursor:pointer;text-align:left;transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease}.quiz__option:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 24px -14px #826eaa80}.quiz__option:disabled{cursor:default}.quiz__option--correct{background:var(--color-mint-soft);border-color:var(--color-mint)}.quiz__option--incorrect{background:var(--color-peach-soft);border-color:var(--color-peach)}.quiz__feedback{font-weight:500}.results__title{font-size:clamp(1.6rem,4vw,2.2rem);font-weight:600}.results__score{font-size:clamp(2.5rem,8vw,3.5rem);font-weight:600;background:linear-gradient(135deg,var(--color-lavender),var(--color-sky),var(--color-mint));-webkit-background-clip:text;background-clip:text;color:transparent}.results__message{color:var(--color-text-muted);font-weight:300;line-height:1.6}