html,body{margin:0}:root{color-scheme:light;--color-background: #f6f4ff;--color-panel: #ffffff;--color-neutral-surface: #f9f7ff;--color-border: rgba(28, 15, 51, .08);--color-border-strong: rgba(28, 15, 51, .15);--color-text: #23183d;--color-text-subtle: #5b5672;--color-text-disabled: rgba(52, 36, 79, .4);--color-primary-from: #f055c7;--color-primary-to: #a36bff;--color-accent-glow: rgba(201, 67, 240, .4);--shadow-soft-rgb: 118, 83, 170;--shadow-strong-rgb: 86, 52, 143;--color-axis-label-bg: #ffffff;--color-axis-label-shadow: 0 4px 10px rgba(var(--shadow-soft-rgb), .28);--color-compass-bg: #ffffff;--color-mobile-toolbar-bg: linear-gradient(180deg, rgba(255, 255, 255, .9) 0%, rgba(255, 255, 255, 1) 85%);--color-overlay-strong: rgba(var(--shadow-strong-rgb), .26);--color-overlay-muted: rgba(var(--shadow-soft-rgb), .18);--color-modal-panel: #ffffff;--color-toolbar-card-shadow: 0 18px 40px rgba(var(--shadow-strong-rgb), .24);--page-background: radial-gradient(circle at 20% 10%, #f4f4f8 0%, #f1effc 46%, #edeaf7 100%), radial-gradient(circle at 80% 0%, #f7f5ff 0%, #f0eefc 38%, #ebe9f6 72%);--shadow-card-light: 0 12px 30px rgba(var(--shadow-soft-rgb), .32);--shadow-sheet-light: 0 18px 40px rgba(var(--shadow-strong-rgb), .28);--quiz-card-bg: var(--color-panel);--quiz-option-bg: #ffffff;--quiz-option-selected-base: #ffffff;--quiz-row-bg: rgba(255, 255, 255, .82);--quiz-topic-bg: var(--color-neutral-surface);--quiz-topic-border: rgba(63, 36, 94, .14);--quiz-topic-color: #35234f;--quiz-topic-shadow: 0 3px 8px rgba(var(--shadow-soft-rgb), .26);--compass-card-border: rgba(var(--shadow-soft-rgb), .22);--compass-card-shadow: 0 26px 52px rgba(var(--shadow-strong-rgb), .32);--compass-card-inner-border: rgba(var(--shadow-soft-rgb), .18);--compass-axis-pill-border: rgba(var(--shadow-soft-rgb), .18);--compass-axis-pill-color: #28253a;--compass-close-bg: #ffffff;--compass-close-border: #e1e1ec;--compass-close-shadow: 0 12px 26px rgba(var(--shadow-strong-rgb), .28);--compass-heading-strong: #23183d;--compass-heading-muted: #5b5672;--selection-bg: rgba(217, 70, 239, .2);--selection-color: #2f1537;--scrollbar-track: #f0eaff;--scrollbar-border: #dbcff8;--scrollbar-thumb: #b174f5;--scrollbar-thumb-hover: #a163ee;--compass-stop1: .62;--compass-stop2: .32;--compass-stop3: .2;--compass-blend-mode: screen;--compass-box-vignette-inner: .08;--compass-box-vignette-mid: .1;--compass-box-vignette-outer: .16;--compass-box-toplight-0: .2;--compass-box-toplight-1: .06;--compass-box-toplight-2: .02;--compass-quadrant-blend: normal;--highlight-pink: #e75cf8;--highlight-pink-strong: #ec48ff;--highlight-pink-border: rgba(236, 72, 255, .85);--highlight-pink-bg: rgba(236, 72, 255, .18);--quiz-selected-stroke: rgba(236, 72, 255, .92);--quiz-highlight-duration: .22s;--mobile-toolbar-bar-shadow: 0 -18px 38px rgba(var(--shadow-strong-rgb), .22)}@media(prefers-color-scheme:dark){:root{color-scheme:dark;--color-background: #0c0716;--color-panel: #130e26;--color-neutral-surface: rgba(255,255,255,.04);--color-border: #2c1e41;--color-border-strong: #3b2a54;--color-text: #f3e8ff;--color-text-subtle: #d3c2f0;--color-text-disabled: rgba(243, 232, 255, .4);--color-primary-from: #d946ef;--color-primary-to: #8b5cf6;--color-accent-glow: rgba(217, 70, 239, .7);--color-axis-label-bg: rgba(10, 7, 21, .85);--color-axis-label-shadow: 0 6px 14px rgba(0,0,0,.3);--color-compass-bg: #0f0b1d;--color-mobile-toolbar-bg: linear-gradient(180deg, rgba(12,7,22,0) 0%, rgba(12,7,22,.82) 35%, rgba(12,7,22,.95) 100%);--color-overlay-strong: rgba(6, 4, 10, .78);--color-overlay-muted: rgba(5, 2, 8, .65);--color-modal-panel: linear-gradient(145deg, rgba(12,7,22,.95) 0%, rgba(11,6,20,.92) 55%, rgba(9,5,18,.92) 100%);--color-toolbar-card-shadow: 0 18px 40px rgba(0,0,0,.26);--page-background: radial-gradient(circle at 20% 20%, #1a0f2f 0, #0e081a 28%, #0a0613 50%), radial-gradient(circle at 80% 0%, #231135 0, #0e081a 35%, #08040f 60%);--shadow-card-light: 0 18px 40px rgba(0,0,0,.26);--shadow-sheet-light: 0 28px 80px rgba(0,0,0,.35);--quiz-card-bg: var(--color-background);--quiz-option-bg: var(--color-panel);--quiz-option-selected-base: var(--color-panel);--quiz-row-bg: rgba(255, 255, 255, .04);--quiz-topic-bg: rgba(232, 121, 249, .13);--quiz-topic-border: rgba(232, 121, 249, .4);--quiz-topic-color: #e879f9;--quiz-topic-shadow: none;--compass-card-border: rgba(255, 255, 255, .08);--compass-card-shadow: 0 20px 46px rgba(0, 0, 0, .35);--compass-card-inner-border: rgba(255, 255, 255, .05);--compass-axis-pill-border: rgba(255,255,255,.12);--compass-axis-pill-color: #f3e8ff;--compass-close-bg: rgba(19, 14, 38, .92);--compass-close-border: rgba(255,255,255,.08);--compass-close-shadow: 0 10px 24px rgba(0,0,0,.4);--compass-heading-strong: #f3e8ff;--compass-heading-muted: #d3c2f0;--selection-bg: rgba(217, 70, 239, .32);--selection-color: #fef8ff;--scrollbar-track: #120b1d;--scrollbar-border: #2a1a3c;--scrollbar-thumb: #7a4bc0;--scrollbar-thumb-hover: #9363d8;--compass-stop1: .18;--compass-stop2: .1;--compass-stop3: .06;--compass-blend-mode: screen;--compass-box-vignette-inner: .085;--compass-box-vignette-mid: .11;--compass-box-vignette-outer: .18;--compass-box-toplight-0: .14;--compass-box-toplight-1: .05;--compass-box-toplight-2: .015;--compass-quadrant-blend: screen;--btn-secondary-bg: rgba(255,255,255,.06);--btn-secondary-text: var(--color-text);--btn-secondary-border: rgba(255,255,255,.12);--btn-secondary-shadow: 0 10px 22px rgba(0,0,0,.28);--highlight-pink: #f084ff;--highlight-pink-strong: #ff6af7;--highlight-pink-border: rgba(246, 109, 255, .92);--highlight-pink-bg: rgba(246, 109, 255, .26);--quiz-selected-stroke: rgba(246, 109, 255, 1);--quiz-highlight-duration: .22s;--mobile-toolbar-bar-shadow: 0 -18px 38px rgba(0, 0, 0, .26), 0 -8px 18px rgba(var(--shadow-strong-rgb), .22)}}body{background:var(--page-background);color:var(--color-text);font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;min-height:100vh}#root{min-height:100vh}::selection{background:var(--selection-bg, rgba(217, 70, 239, .2));color:var(--selection-color, #2f1537);text-shadow:0 0 12px rgba(217,70,239,.35)}*{box-sizing:border-box;scrollbar-color:var(--scrollbar-thumb, #b95bff) var(--scrollbar-track, #ece3ff)}html::-webkit-scrollbar,body::-webkit-scrollbar,*::-webkit-scrollbar{width:8px;height:8px}html::-webkit-scrollbar-track,body::-webkit-scrollbar-track,*::-webkit-scrollbar-track{background:var(--scrollbar-track, #ece3ff);border:1px solid var(--scrollbar-border, #dac8ff);border-radius:999px}html::-webkit-scrollbar-thumb,body::-webkit-scrollbar-thumb,*::-webkit-scrollbar-thumb{background:linear-gradient(145deg,var(--scrollbar-thumb, #b174f5) 0%,var(--scrollbar-thumb-hover, #a163ee) 100%);border-radius:999px;border:1px solid var(--scrollbar-border, #dbcff8);box-shadow:0 2px 6px #601b9b40}html::-webkit-scrollbar-thumb:hover,body::-webkit-scrollbar-thumb:hover,*::-webkit-scrollbar-thumb:hover{background:linear-gradient(145deg,var(--scrollbar-thumb-hover, #a163ee) 0%,var(--scrollbar-thumb, #b174f5) 100%)}.thin-scrollbar{scrollbar-width:thin}.thin-scrollbar::-webkit-scrollbar{width:6px;height:6px}.thin-scrollbar::-webkit-scrollbar-track{background:var(--scrollbar-track, #ece3ff);border:1px solid var(--scrollbar-border, #dac8ff);border-radius:999px}.thin-scrollbar::-webkit-scrollbar-thumb{background:linear-gradient(145deg,var(--scrollbar-thumb, #b174f5) 0%,var(--scrollbar-thumb-hover, #a163ee) 100%);border-radius:999px;border:1px solid var(--scrollbar-border, #dbcff8);box-shadow:0 2px 6px #601b9b40}.thin-scrollbar::-webkit-scrollbar-thumb:hover{background:linear-gradient(145deg,var(--scrollbar-thumb-hover, #a163ee) 0%,var(--scrollbar-thumb, #b174f5) 100%)}@keyframes quiz-press-glow{0%{opacity:0}30%{opacity:.6}to{opacity:0}}@keyframes quiz-tick-fade{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.quiz-option{position:relative;outline:none!important;transition:box-shadow .18s ease,transform .18s ease;overflow:visible}.quiz-option:hover{transform:translateY(-1px);box-shadow:0 12px 28px rgba(var(--shadow-strong-rgb),.32)}.quiz-option:active{transform:translateY(0);box-shadow:0 0 0 3px var(--quiz-selected-stroke),0 14px 30px rgba(var(--shadow-strong-rgb),.42),0 0 28px var(--color-accent-glow)}.quiz-option[data-selected=true]:active{box-shadow:0 0 0 3px var(--quiz-selected-stroke),0 16px 34px rgba(var(--shadow-strong-rgb),.46),0 0 32px var(--color-accent-glow)}.quiz-option,.quiz-option-input,.quiz-option:focus,.quiz-option:focus-visible,.quiz-option:focus-within,.quiz-option-input:focus,.quiz-option-input:focus-visible{outline:none!important}.quiz-option[data-selected=true]{border-color:transparent;box-shadow:var(--quiz-selected-shadow)}.quiz-option[data-selected=true]:after{content:"";position:absolute;inset:-2px;border-radius:inherit;border:4px solid var(--quiz-selected-stroke);pointer-events:none;z-index:1}.multi-select-check{z-index:2}.quiz-option[data-selected=false]{border-color:var(--color-border);box-shadow:var(--shadow-card-light)}.quiz-option[data-selected=false]:focus,.quiz-option[data-selected=false]:focus-visible,.quiz-option[data-selected=false]:focus-within{border-color:var(--color-border);box-shadow:var(--shadow-card-light)}.multi-select-check,.multi-select-check__icon,.choice-marker{outline:none!important;box-shadow:none!important}.multi-select-check[data-selected=false],.choice-marker[data-selected=false],.choice-marker:not([data-selected]){border-color:var(--color-border);box-shadow:var(--shadow-card-light)}.multi-select-check:active,.choice-marker:active{box-shadow:0 0 0 2px var(--quiz-selected-stroke),0 10px 22px rgba(var(--shadow-strong-rgb),.35),0 0 18px var(--color-accent-glow)}.multi-select-check[data-selected=false]:focus,.multi-select-check[data-selected=false]:focus-visible,.multi-select-check[data-selected=false]:focus-within,.choice-marker:focus,.choice-marker:focus-visible,.choice-marker:focus-within{border-color:var(--color-border);box-shadow:var(--shadow-card-light)}.multi-select-check[data-selected=true],.choice-marker[data-selected=true]{border-color:var(--quiz-selected-stroke);box-shadow:var(--quiz-selected-shadow)}.multi-select-check__icon{border-color:transparent}body.using-keyboard button:focus-visible,body.using-keyboard [role=button]:focus-visible,body.using-keyboard a:focus-visible{outline:2px solid rgba(217,70,239,.6);outline-offset:2px;box-shadow:0 0 0 3px #d946ef29;border-radius:10px}.ui-pressable{position:relative;isolation:isolate;--ui-btn-transform: translateZ(0);transition:transform .16s ease,box-shadow .24s ease,filter .22s ease,background .24s ease,border-color .22s ease,opacity .2s ease;transform:var(--ui-btn-transform);will-change:transform,box-shadow}.ui-pressable:hover:not(:disabled):not([aria-disabled=true]){--ui-btn-transform: translateY(-1px)}.ui-pressable:active:not(:disabled):not([aria-disabled=true]){--ui-btn-transform: translateY(1px) scale(.995)}.ui-pressable--primary:hover:not(:disabled):not([aria-disabled=true]){--ui-btn-bg: linear-gradient(135deg, #e75cf8 0%, #9e7bff 100%);--ui-btn-shadow: 0 12px 22px rgba(7, 4, 12, .6), 0 0 0 1px rgba(255, 255, 255, .06);--ui-btn-border-color: rgba(236, 72, 255, .5);filter:brightness(1.02)}.ui-pressable--primary:active:not(:disabled):not([aria-disabled=true]){--ui-btn-bg: linear-gradient(145deg, #d946ef 0%, #8b5cf6 100%);--ui-btn-shadow: 0 8px 16px rgba(6, 3, 12, .55), 0 0 0 1px rgba(255, 255, 255, .05);--ui-btn-border-color: rgba(236, 72, 255, .38);filter:brightness(.985)}.ui-pressable--secondary:hover:not(:disabled):not([aria-disabled=true]){--ui-btn-border-color: rgba(217, 70, 239, .18);--ui-btn-bg: linear-gradient(135deg, rgba(255, 255, 255, .08) 0%, rgba(255, 255, 255, .04) 45%, rgba(var(--shadow-strong-rgb), .2) 100%);--ui-btn-shadow: 0 10px 20px rgba(var(--shadow-strong-rgb), .26)}.ui-pressable--secondary:active:not(:disabled):not([aria-disabled=true]){--ui-btn-border-color: rgba(217, 70, 239, .16);--ui-btn-bg: linear-gradient(135deg, rgba(255, 255, 255, .05) 0%, rgba(var(--shadow-strong-rgb), .24) 100%);--ui-btn-shadow: 0 8px 16px rgba(var(--shadow-strong-rgb), .2);--ui-btn-transform: translateY(1px) scale(.995)}.quiz-option:active:before,.quiz-option[data-selected=true]:active:before{content:"";position:absolute;inset:-6px;border-radius:inherit;pointer-events:none;z-index:0;background:radial-gradient(closest-side,var(--color-accent-glow) 0%,transparent 65%);animation:quiz-press-glow .28s ease-out forwards}.quiz-option:active,.quiz-option[data-selected=true]:active{transform:translateY(0) scale(.992)}.multi-select-check__icon,.choice-marker__icon{animation:quiz-tick-fade var(--quiz-highlight-duration) ease-out;will-change:opacity,transform}