/*! tailwindcss v4.2.1 | 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-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;--spacing:.25rem;--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}.relative{position:relative}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.hidden{display:none}.table{display:table}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.blur{--tw-blur:blur(8px);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,)}.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,)}}:root{--cream:#fffaf0;--paper:#fffefd;--ink:#2d2321;--muted:#796b66;--navy:#104888;--orange:#ffa23f;--orange-deep:#e9872e;--glass:#b9eff4;--cyan:#54dced;--mint:#a9ead5;--lavender:#c9c3e4;--rose:#f2ccd6;--line:#241b181c;--shadow:0 30px 80px #372c261c}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--cream)}body{background:var(--cream);color:var(--ink);margin:0;font-family:SF Arabic,Noto Sans Arabic,Segoe UI,Tahoma,Arial,sans-serif;font-weight:400}button,input{font:inherit}button{-webkit-tap-highlight-color:transparent}.app-shell{min-height:100vh;overflow:hidden}.topbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:24px;width:min(1180px,100% - 48px);min-height:92px;margin:0 auto;display:flex}.brand{align-items:center;width:116px;height:72px;display:inline-flex}.brand img{object-fit:contain;width:100%;height:100%;display:block}.lesson-meta{color:var(--muted);align-items:center;gap:9px;font-size:14px;display:inline-flex}.lesson{width:min(1180px,100% - 48px);margin:0 auto;padding:32px 0 72px}.experience-nav{scrollbar-width:none;gap:12px;margin:0 0 34px;padding:2px;display:flex;overflow-x:auto}.experience-nav::-webkit-scrollbar{display:none}.experience-tab{min-width:190px;min-height:64px;color:var(--muted);background:#ffffff8c;border:1px solid #1048881c;border-radius:20px;align-items:center;gap:11px;padding:9px 12px;text-decoration:none;transition:border-color .18s,box-shadow .18s,transform .18s;display:inline-flex}.experience-tab:hover{border-color:#10488838;transform:translateY(-2px)}.experience-tab.active{background:var(--paper);color:var(--ink);border-color:#1048883d;box-shadow:0 10px 24px #372c2614}.experience-number{width:38px;height:38px;color:var(--navy);background:#b8f0f894;border-radius:13px;flex:none;place-items:center;font-size:14px;font-weight:700;display:grid}.experience-tab.active .experience-number{background:var(--orange);color:#352213}.experience-copy{flex-direction:column;gap:1px;min-width:0;display:flex}.experience-copy small{color:var(--muted);font-size:11px}.experience-copy b{white-space:nowrap;font-size:14px;font-weight:600}.steps{direction:rtl;grid-template-columns:repeat(4,1fr);max-width:580px;margin:0 auto 42px;display:grid}.step{color:#a59b96;flex-direction:column;align-items:center;gap:8px;font-size:13px;display:flex;position:relative}.step:not(:last-child):after{content:"";background:#e2ddd7;width:calc(100% - 36px);height:2px;position:absolute;top:15px;right:calc(50% + 18px)}.step-dot{z-index:1;background:var(--cream);border:2px solid #ddd6cf;border-radius:50%;place-items:center;width:32px;height:32px;font-size:12px;display:grid;position:relative}.step.active{color:var(--ink);font-weight:500}.step.active .step-dot{border-color:var(--orange);background:var(--orange);color:#fff;box-shadow:0 0 0 7px #ffa83021}.step.done .step-dot{border-color:var(--mint);background:var(--mint);color:var(--navy)}.lesson-heading{max-width:750px;margin:0 0 28px auto}.eyebrow{color:var(--orange-deep);letter-spacing:.02em;margin:0 0 8px;font-size:13px;font-weight:500}.lesson-heading h1{letter-spacing:-.025em;margin:0;font-size:clamp(34px,5vw,58px);font-weight:500;line-height:1.18}.lesson-heading>p:last-child{max-width:690px;color:var(--muted);margin:14px 0 0;font-size:18px;line-height:1.9}.lab-card{box-shadow:var(--shadow);background:#ffffffd1;border:1px solid #1048881c;border-radius:38px;overflow:hidden}.lab-toolbar{border-bottom:1px solid var(--line);background:#fffefae6;justify-content:space-between;align-items:center;gap:20px;min-height:72px;padding:0 28px;display:flex}.lab-toolbar-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.status{color:var(--muted);align-items:center;gap:9px;font-size:14px;display:inline-flex}.status-light{background:#d8d2cc;border-radius:50%;width:11px;height:11px;box-shadow:0 0 0 5px #d8d2cc40}.is-connected .status-light{background:var(--orange);box-shadow:0 0 0 5px #ffa8302e}.is-reacting .status-light{background:#55c9a6;box-shadow:0 0 0 5px #55c9a633}.text-button{min-height:44px;color:var(--navy);cursor:pointer;background:0 0;border:0;padding:8px 12px}.diorama{--lamp-left-x:-35px;--lamp-right-x:23px;--lamp-socket-y:69px;--battery-socket-x:50px;--battery-socket-y:-67px;touch-action:none;-webkit-user-select:none;user-select:none;background:linear-gradient(168deg,#c9c3e475 0 20%,#0000 20.2%),linear-gradient(8deg,#b9eff42e,#0000 42%),#f5f4f6;min-height:570px;position:relative;overflow:hidden}.diorama-shadow{filter:blur(22px);background:#3b344621;border-radius:50%;height:22%;position:absolute;bottom:7%;left:13%;right:14%;transform:skew(-18deg)}.scene-decor i{background:#ffffff52;border:1px solid #10488814;border-radius:50%;position:absolute}.scene-decor i:first-child{width:62px;height:62px;top:12%;left:8%}.scene-decor i:nth-child(2){background:#a9ead557;width:32px;height:32px;top:29%;right:7%}.scene-decor i:nth-child(3){background:#f2ccd657;width:45px;height:45px;bottom:10%;right:19%}.paper-platform{background:#fff6f4c7;border:1.5px solid #1048882b;border-radius:30px;position:absolute;inset:18% 10% 13%;transform:perspective(1200px)rotateX(9deg)rotate(-1.15deg);box-shadow:0 12px #dcc5cb9e,0 35px 34px #4b41511f,inset 0 0 0 9px #ffffff85}.paper-platform:before,.paper-platform:after,.paper-platform span{content:"";border:1px solid #1048881f;border-radius:8px;position:absolute}.paper-platform:before{width:22%;height:18%;bottom:10%;left:8%}.paper-platform:after{width:13%;height:9%;top:10%;right:9%}.paper-platform span:first-child{width:18%;height:2px;bottom:15%;right:8%}.paper-platform span:nth-child(2){width:13%;height:2px;bottom:10%;right:8%}.paper-platform span:nth-child(3){width:8%;height:2px;bottom:5%;right:8%}.wire-canvas{pointer-events:none;z-index:3;width:100%;height:100%;position:absolute;inset:0}.apparatus{z-index:5;cursor:grab;touch-action:none;background:0 0;border:0;padding:0;transition:filter .18s,transform .18s;position:absolute;transform:translate(-50%,-50%)}.apparatus:active{cursor:grabbing}.apparatus.dragging{z-index:12;filter:drop-shadow(0 24px 16px #312b3b33);transform:translate(-50%,calc(-50% - 7px))}.battery{width:238px;height:238px;color:var(--navy)}.apparatus-image{object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;filter:drop-shadow(0 18px 16px #363b522b);width:100%;height:100%;display:block;position:absolute;inset:0}.battery-image{animation:4.2s ease-in-out infinite apparatus-idle}.battery-label{z-index:2;pointer-events:none;background:#ffffffb8;border:1px solid #10488829;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:1px;width:72px;min-height:45px;display:flex;position:absolute;top:55%;left:50%;transform:translate(-50%,-50%);box-shadow:0 5px 12px #10488814}.battery-label small{color:#104888a6;font-size:10px}.battery-label b{direction:ltr;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:16px;font-weight:500}.battery-polarity{z-index:2;color:var(--navy);pointer-events:none;font-size:13px;font-style:normal;position:absolute;inset:19.5% 0 auto}.battery-polarity i{text-align:center;width:32px;font-style:normal;font-weight:700;position:absolute}.battery-polarity i:first-child{left:25.5%}.battery-polarity i:last-child{right:21.5%}.lamp{width:245px;height:245px}.lamp-image{z-index:2;transition:filter .22s,opacity .18s,transform .22s;animation:3.8s ease-in-out infinite reverse apparatus-idle}.lamp-image-on,.lamp.lit .lamp-image-off{opacity:0}.lamp.lit .lamp-image-on{opacity:1}.lamp-aura{z-index:1;filter:blur(8px);opacity:0;background:radial-gradient(circle,#ffdc7dc7,#ffa23f47 48%,#0000 72%);border-radius:50%;width:104px;height:104px;transition:opacity .22s,transform .22s;position:absolute;top:31%;left:50%;transform:translate(-50%,-50%)scale(.8)}.lamp.lit .lamp-aura{opacity:calc(.35 + var(--lamp-brightness) * .65);transform:translate(-50%, -50%) scale(calc(.82 + var(--lamp-brightness) * .34));animation:1.35s ease-in-out infinite lamp-pulse}.lamp.lit .lamp-image-on{filter:drop-shadow(0 0 calc(16px + var(--lamp-brightness) * 16px) rgba(255, 162, 63, calc(var(--lamp-brightness) * .62))) drop-shadow(0 18px 16px #363b5224)}.socket,.wire-handle{z-index:8;cursor:pointer;touch-action:none;place-items:center;display:grid;position:absolute;transform:translate(-50%,-50%)}.socket{background:0 0;border:0;border-radius:50%;width:48px;height:48px;padding:0}.socket:before,.socket:after{content:"";border-radius:50%;transition:background .18s,border-color .18s,transform .18s;position:absolute}.socket:before{background:#ffffff80;border:3px solid #10488857;width:27px;height:27px;box-shadow:0 6px 12px #3d36311f,inset 0 0 0 4px #ffffff6b}.socket:after{background:var(--navy);width:10px;height:10px;box-shadow:inset 0 2px 2px #0003}.socket.ready{animation:1.15s ease-in-out infinite socket-pulse}.socket.ready:before{border-color:var(--orange);background:#fff0dce0}.socket.occupied{z-index:7}.socket.occupied:before{background:#a9ead5c7;border-color:#73c9ad}.socket.occupied:after{background:var(--navy)}.wire-handle{background:var(--navy);color:#fff;border:5px solid #fffefdfa;border-radius:50%;width:48px;height:48px;padding:0;font-size:12px;transition:box-shadow .18s,transform .18s;box-shadow:0 0 0 2px #1048882e,0 10px 18px #28314130,inset 4px 4px #ffffff29}.wire-handle:before{content:"";background:#ffffff2e;border-radius:50%;width:23px;height:23px;position:absolute}.wire-handle:after{content:"";background:#f7dfa7;border-radius:50%;width:9px;height:9px;position:absolute;box-shadow:inset 0 1px 2px #6e4c2447}.wire-handle>span{z-index:3;font-size:14px;font-weight:700;position:relative}.wire-handle.wire-1{background:#f19a43}.wire-handle:not(.plugged):not(.selected){animation:2.6s ease-in-out infinite wire-ready}.wire-handle.selected{transform:translate(-50%,-50%)scale(1.06);box-shadow:0 0 0 8px #ffa23f38,0 12px 19px #28314133,inset 6px 5px #ffffff26}.wire-handle.plugged{border-width:4px;width:42px;height:42px;box-shadow:0 0 0 4px #a9ead547,0 7px 12px #2831412b,inset 4px 4px #ffffff24}.wire-handle.plugged:after{opacity:0}.gesture-hint{z-index:10;min-height:42px;color:var(--muted);pointer-events:none;background:#fffdf7d9;border:1px solid #1048881a;border-radius:14px;align-items:center;gap:9px;padding:8px 15px;font-size:13px;display:inline-flex;position:absolute;bottom:27px;left:50%;transform:translate(-50%);box-shadow:0 8px 18px #3d363114}.gesture-dot{border:3px solid var(--orange);border-radius:50%;width:11px;height:11px}.is-connected .gesture-hint,.gesture-hint.hidden{opacity:0}.chemistry-diorama{background:linear-gradient(164deg,#a9ead557 0 21%,#0000 21.2%),linear-gradient(12deg,#c9c3e442,#0000 45%),#f5f4f6;min-height:590px}.chemistry-shadow{bottom:8%;left:12%;right:22%}.chemistry-platform{background:#fbfbf6d1;inset:16% 9% 12%}.chem-flask,.chem-scoop{z-index:5;touch-action:none;-webkit-tap-highlight-color:transparent;background:0 0;border:0;padding:0;position:absolute;transform:translate(-50%,-50%)}.chem-flask{cursor:pointer;width:360px;height:360px}.chem-flask:disabled{cursor:default;opacity:1}.chem-flask-image{transition:opacity .24s,filter .24s,transform .24s;animation:4.6s ease-in-out infinite apparatus-idle}.chem-flask-reacting,.chem-flask.reacting .chem-flask-idle{opacity:0}.chem-flask.reacting .chem-flask-reacting{opacity:1;filter:drop-shadow(0 0 24px #55c9a642)drop-shadow(0 18px 16px #363b5224);animation:.62s cubic-bezier(.2,.8,.2,1) both reaction-pop}.chem-flask.mixing .chem-flask-idle{filter:drop-shadow(0 0 16px #ffa23f3d);animation:.18s ease-in-out infinite alternate chemistry-mix-vessel}.chem-flask.mixing .chem-liquid-shimmer{opacity:.82;animation-duration:.7s}.chem-liquid-shimmer{z-index:3;opacity:.42;filter:blur(1px);pointer-events:none;background:linear-gradient(90deg,#0000,#ffffffb8,#0000);border-radius:50%;width:44%;height:12px;animation:2.8s ease-in-out infinite liquid-shimmer;position:absolute;top:66%;left:28%;transform:translate(-1%)}.chem-flask.reacting .chem-liquid-shimmer{opacity:.68;animation-duration:1.15s}.chem-bubble-stream{z-index:4;opacity:0;pointer-events:none;width:22%;height:66%;transition:opacity .2s;position:absolute;top:2%;left:39%}.chem-flask.reacting .chem-bubble-stream{opacity:1}.chem-bubble-stream i{opacity:0;background:#ffffff9e;border:1.5px solid #10488838;border-radius:50%;width:13px;height:13px;animation:1.8s ease-in infinite chemistry-bubble;position:absolute;bottom:0;box-shadow:inset 3px 3px #ffffff7a}.chem-bubble-stream i:first-child{animation-delay:-.2s;left:6%}.chem-bubble-stream i:nth-child(2){width:9px;height:9px;animation-duration:1.5s;animation-delay:-1.1s;left:31%}.chem-bubble-stream i:nth-child(3){width:17px;height:17px;animation-duration:2.1s;animation-delay:-.65s;left:59%}.chem-bubble-stream i:nth-child(4){width:8px;height:8px;animation-duration:1.65s;animation-delay:-1.45s;left:79%}.chem-bubble-stream i:nth-child(5){width:11px;height:11px;animation-duration:2.3s;animation-delay:-1.7s;left:19%}.chem-bubble-stream i:nth-child(6){width:7px;height:7px;animation-duration:1.4s;animation-delay:-.9s;left:48%}.chem-bubble-stream i:nth-child(7){width:12px;height:12px;animation-duration:1.9s;animation-delay:-.35s;left:70%}.chem-bubble-stream i:nth-child(8){width:15px;height:15px;animation-duration:2.4s;animation-delay:-2s;left:40%}.apparatus-tag{z-index:3;min-height:34px;color:var(--navy);pointer-events:none;background:#ffffffd1;border:1px solid #10488824;border-radius:12px;justify-content:center;align-items:center;padding:6px 12px;font-size:12px;display:inline-flex;position:absolute;box-shadow:0 7px 16px #372c2617}.flask-tag{bottom:19%;left:50%;transform:translate(-50%)}.chem-scoop{cursor:grab;width:300px;height:300px;transition:opacity .22s,filter .18s,transform .18s}.chem-scoop:not(.dragging):not(.used) .apparatus-image{animation:3.1s ease-in-out infinite scoop-ready}.chem-scoop:active,.chem-scoop.dragging{z-index:12;cursor:grabbing;filter:drop-shadow(0 22px 16px #312b3b33);transform:translate(-50%,calc(-50% - 7px))scale(1.03)}.chem-scoop.locked{cursor:not-allowed;filter:grayscale(.3);opacity:.58}.chem-scoop.used{opacity:0;pointer-events:none;transform:translate(-50%,-50%)scale(.45)rotate(-9deg)}.scoop-tag{bottom:15%;right:7%}.chem-drop-target{z-index:4;width:94px;height:94px;color:var(--orange-deep);opacity:0;pointer-events:none;background:#fff0dc59;border:2px dashed #ffa23fb8;border-radius:50%;place-items:center;transition:opacity .16s,transform .16s;display:grid;position:absolute;transform:translate(-50%,-50%)scale(.78)}.chem-drop-target span{background:#ffffffe0;border-radius:50%;place-items:center;width:34px;height:34px;font-size:20px;display:grid;box-shadow:0 6px 14px #372c261a}.chem-drop-target.visible{opacity:1;animation:1s ease-in-out infinite target-pulse;transform:translate(-50%,-50%)scale(1)}.chem-drop-target.ready{background:#fff0d5e0;border-style:solid;transform:translate(-50%,-50%)scale(1.09);box-shadow:0 0 0 13px #ff9d3d33}.chem-powder-fall{z-index:14;opacity:0;pointer-events:none;width:92px;height:176px;position:absolute;transform:translate(-50%,-18%)}.chem-powder-fall.visible{opacity:1}.chem-powder-fall:before{content:"";filter:drop-shadow(0 0 5px #ffa23f9e);border-left:3px dashed #1048886b;position:absolute;top:9px;bottom:20px;left:48%;transform:rotate(-7deg)}.chem-powder-fall i{background:#ffc66b;border:2px solid #10488885;border-radius:42%;width:14px;height:14px;animation:.72s ease-in both chemistry-powder-fall;position:absolute;top:0;left:50%;box-shadow:0 3px 8px #10488857,inset 2px 2px #ffffffb3}.chem-powder-fall i:nth-child(2){width:11px;height:11px;animation-delay:60ms;left:31%}.chem-powder-fall i:nth-child(3){animation-delay:.12s;left:67%}.chem-powder-fall i:nth-child(4){width:16px;height:16px;animation-delay:.19s;left:40%}.chem-powder-fall i:nth-child(5){width:10px;height:10px;animation-delay:.27s;left:61%}.chem-powder-fall i:nth-child(6){animation-delay:.34s;left:25%}@keyframes chemistry-powder-fall{0%{opacity:0;transform:translateY(0)rotate(0)}16%{opacity:1}to{opacity:.16;transform:translateY(142px)rotate(190deg)}}@keyframes chemistry-mix-vessel{to{transform:translate(2px)rotate(.35deg)}}.reaction-badge{z-index:9;min-height:44px;color:var(--muted);opacity:0;pointer-events:none;background:#ffffffe6;border:1px solid #55c9a652;border-radius:15px;align-items:center;gap:8px;padding:7px 13px;font-size:13px;transition:opacity .2s,transform .24s;display:flex;position:absolute;top:22%;left:53%;transform:translateY(10px)scale(.92);box-shadow:0 12px 24px #372c261a}.reaction-badge span{min-width:40px;height:30px;color:var(--navy);direction:ltr;background:#a9ead58f;border-radius:10px;place-items:center;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-weight:700;display:grid}.reaction-badge.visible{opacity:1;transform:translateY(0)scale(1)}.chemistry-controls{grid-template-columns:minmax(250px,1fr) minmax(280px,1.35fr) auto}.prediction-control{gap:8px;display:grid}.prediction-control>span{color:var(--muted);font-size:12px}.prediction-control>div{gap:8px;display:flex}.prediction-control button{min-height:42px;color:var(--muted);cursor:pointer;background:#fff;border:1px solid #10488824;border-radius:13px;padding:8px 12px}.prediction-control button.selected{border-color:var(--orange);color:var(--ink);background:#fff0dc;box-shadow:inset 0 0 0 2px #ffa23f24}.prediction-control button:disabled{cursor:default}.safety-note{color:var(--muted);align-items:flex-start;gap:11px;margin:20px 6px 0;font-size:13px;line-height:1.7;display:flex}.safety-note span{width:25px;height:25px;color:var(--orange-deep);background:#ffa23f2e;border-radius:9px;flex:none;place-items:center;font-weight:800;display:grid}@keyframes reaction-pop{0%{transform:scale(.96)}55%{transform:scale(1.025)}to{transform:scale(1)}}@keyframes apparatus-idle{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-3px)rotate(.25deg)}}@keyframes lamp-pulse{0%,to{filter:blur(8px)}50%{filter:blur(11px)brightness(1.12)}}@keyframes wire-ready{0%,to{box-shadow:0 0 0 2px #1048882e,0 10px 18px #28314130,inset 4px 4px #ffffff29}50%{box-shadow:0 0 0 6px #b8f0f833,0 12px 20px #28314133,inset 4px 4px #fff3}}@keyframes liquid-shimmer{0%,to{opacity:.3;transform:translate(-8%)scaleX(.9)}50%{opacity:.62;transform:translate(8%)scaleX(1.08)}}@keyframes chemistry-bubble{0%{opacity:0;transform:translate(0)scale(.65)}16%{opacity:.9}78%{opacity:.76}to{opacity:0;transform:translate(7px,-220px)scale(1.08)}}@keyframes scoop-ready{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-4px)rotate(-1.1deg)}}@keyframes target-pulse{50%{box-shadow:0 0 0 11px #ffa23f1a}}.lab-controls{border-top:1px solid var(--line);background:var(--paper);grid-template-columns:minmax(220px,.8fr) minmax(280px,1.5fr) auto;align-items:center;gap:26px;min-height:114px;padding:20px 24px;display:grid}.control-label{color:var(--muted);justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:7px;font-size:13px;display:flex}.control-label output{color:var(--ink);font-family:ui-monospace,SFMono-Regular,Menlo,monospace}input[type=range]{width:100%;min-height:38px;accent-color:var(--orange);cursor:pointer}.observation{color:var(--muted);align-items:flex-start;gap:12px;font-size:14px;line-height:1.7;display:flex}.observation p{margin:0}.observation-icon{width:28px;height:28px;color:var(--navy);background:#40e0f82b;border-radius:50%;flex:none;place-items:center;display:grid}.primary-action{background:var(--orange);color:#352213;cursor:pointer;border:0;border-radius:16px;min-width:166px;min-height:54px;padding:12px 20px;font-weight:500;box-shadow:0 5px #d9821d}.primary-action:disabled{color:#9f958f;cursor:not-allowed;background:#e8e2dc;box-shadow:0 5px #d7d0ca}.completion-actions{justify-content:flex-end;align-items:center;gap:10px;min-width:166px;display:flex}.completion-actions[data-completed=true]{grid-column:1/-1;grid-template-columns:minmax(260px,1fr) auto auto;width:100%;padding-top:4px;display:grid}.completion-position{min-width:42px;color:var(--muted);text-align:center;direction:ltr;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.completion-feedback{min-width:290px;color:var(--ink);background:#a9ead53d;border:1px solid #319d7433;border-radius:18px;align-items:center;gap:12px;padding:12px 14px;animation:.42s cubic-bezier(.2,.8,.2,1) both completion-arrive;display:flex;position:relative;overflow:hidden}.completion-feedback>span:nth-child(2){flex-direction:column;gap:2px;display:flex}.completion-feedback b{font-size:14px;font-weight:700}.completion-feedback small{color:var(--muted);font-size:11px}.completion-check{color:#fff;background:#5ac89f;border-radius:14px;flex:none;place-items:center;width:38px;height:38px;font-size:20px;font-weight:800;display:grid;box-shadow:0 5px #35a77f}.completion-spark{color:var(--orange);pointer-events:none;font-style:normal;animation:.68s ease-out both completion-spark;position:absolute}.completion-spark.spark-one{top:7px;left:15px}.completion-spark.spark-two{color:var(--cyan);font-size:8px;animation-delay:80ms;bottom:3px;right:48%}.completion-next{color:#352213;min-width:200px;min-height:62px;padding:9px 46px 9px 18px;text-decoration:none;display:grid;position:relative}.completion-next span{opacity:.72;font-size:11px;font-weight:500}.completion-next b{font-size:14px}.completion-next i{font-size:20px;font-style:normal;transition:transform .18s;position:absolute;top:50%;right:18px;transform:translateY(-50%)}.completion-next:hover i{transform:translate(-4px,-50%)}.completion-catalogue{min-height:44px;color:var(--navy);text-underline-offset:4px;padding:12px 8px;font-size:12px;font-weight:600}@keyframes completion-arrive{0%{opacity:0;transform:translateY(9px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes completion-spark{0%{opacity:0;transform:translateY(8px)scale(.5)rotate(0)}45%{opacity:1}to{opacity:0;transform:translateY(-16px)scale(1.25)rotate(22deg)}}.outcomes{grid-template-columns:.7fr 1.3fr;gap:60px;margin-top:52px;padding:0 6px;display:grid}.outcomes h2{margin:0;font-size:clamp(27px,3vw,38px);font-weight:500}.outcomes ul{gap:14px;margin:0;padding:0;list-style:none;display:grid}.outcomes li{color:var(--muted);align-items:center;gap:13px;font-size:16px;display:flex}.outcomes li span{width:30px;height:30px;color:var(--navy);background:#b8f0f88c;border-radius:50%;flex:none;place-items:center;font-size:12px;font-weight:500;display:grid}button:focus-visible,input:focus-visible,a:focus-visible{outline:3px solid var(--cyan);outline-offset:4px}@keyframes socket-pulse{50%{filter:drop-shadow(0 0 8px #ffa23f75);transform:translate(-50%,-50%)scale(1.08)}}@media (width<=840px){.topbar,.lesson{width:min(100% - 28px,760px)}.lesson{padding-top:24px}.diorama{--lamp-left-x:-35px;--lamp-right-x:23px;--lamp-socket-y:69px;--battery-socket-x:50px;--battery-socket-y:-67px;min-height:480px}.chemistry-diorama{min-height:540px}.chem-flask{width:330px;height:330px}.chem-scoop{width:280px;height:280px}.paper-platform{inset-inline:7%}.lab-controls{grid-template-columns:1fr 1fr}.observation{grid-area:2/1/auto/-1}.outcomes{grid-template-columns:1fr;gap:22px}}@media (width<=560px){.topbar{min-height:76px}.brand{width:91px;height:59px}.lesson-meta{flex-wrap:wrap;justify-content:flex-end;gap:3px 7px;max-width:145px;font-size:12px}.experience-nav{margin-bottom:28px}.experience-tab{border-radius:17px;min-width:172px;min-height:58px}.steps{margin-bottom:30px}.step{font-size:11px}.step-dot{width:28px;height:28px}.step:not(:last-child):after{top:13px}.lesson-heading h1{font-size:34px}.lesson-heading>p:last-child{font-size:16px}.lab-card{border-radius:23px}.lab-toolbar{padding-inline:15px}.status,.text-button{font-size:12px}.diorama{--lamp-left-x:-29px;--lamp-right-x:19px;--lamp-socket-y:57px;--battery-socket-x:41px;--battery-socket-y:-55px;min-height:460px}.chemistry-diorama{min-height:500px}.chem-flask{width:280px;height:280px}.chem-scoop{width:245px;height:245px}.apparatus-tag{min-height:30px;padding:5px 9px;font-size:10px}.reaction-badge{top:18%;left:48%}.paper-platform{inset:14% 4% 16%}.battery,.lamp{transform:translate(-50%,-50%)scale(.82)}.battery.dragging,.lamp.dragging{transform:translate(-50%,calc(-50% - 7px))scale(.82)}.gesture-hint{text-align:center;justify-content:center;width:calc(100% - 28px);bottom:15px}.lab-controls{grid-template-columns:1fr;gap:14px;padding:18px}.prediction-control>div{flex-wrap:wrap}.prediction-control button{flex:120px}.observation,.primary-action{grid-area:auto}.primary-action{width:100%}.completion-actions{flex-wrap:wrap;width:100%}.completion-actions[data-completed=true]{grid-column:auto;display:flex}.completion-feedback,.completion-next,.completion-catalogue{width:100%}.completion-feedback{min-width:0}.completion-next{min-height:68px}.completion-catalogue{text-align:center}.outcomes{margin-top:38px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.catalogue-nav-link{min-width:178px;min-height:64px;color:var(--navy);background:#b8f0f838;border:1px dashed #10488847;border-radius:20px;align-items:center;gap:10px;padding:10px 14px;text-decoration:none;transition:transform .18s,background .18s;display:inline-flex}.catalogue-nav-link:hover{background:#b8f0f870;transform:translateY(-2px)}.catalogue-nav-link>span:last-child{flex-direction:column;display:flex}.catalogue-nav-link small{color:var(--muted);font-size:11px}.catalogue-nav-link b{font-size:14px}.catalogue-nav-spark{background:var(--navy);color:#fff;border-radius:13px;place-items:center;width:38px;height:38px;animation:3s ease-in-out infinite catalogue-spark;display:grid}.catalogue-page{background:radial-gradient(circle at 8% 13%, #c9c3e461 0 120px, transparent 121px), radial-gradient(circle at 92% 9%, #a9ead540 0 165px, transparent 166px), var(--cream);min-height:100vh;padding-bottom:90px;overflow:hidden}.catalogue-topbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:24px;width:min(1180px,100% - 48px);min-height:92px;margin:0 auto;display:flex}.catalogue-back{min-height:44px;color:var(--navy);background:#ffffff9e;border:1px solid #10488824;border-radius:15px;align-items:center;gap:9px;padding:9px 16px;font-size:14px;font-weight:650;text-decoration:none;display:inline-flex}.catalogue-hero{grid-template-columns:minmax(0,1fr) 390px;align-items:center;gap:60px;width:min(1180px,100% - 48px);min-height:390px;margin:0 auto;padding:58px 0 46px;display:grid}.catalogue-hero-copy{max-width:710px}.catalogue-kicker{color:var(--orange-deep);margin:0 0 12px;font-size:14px;font-weight:700}.catalogue-hero h1{letter-spacing:-.035em;max-width:670px;margin:0;font-size:clamp(44px,6vw,72px);font-weight:580;line-height:1.18}.catalogue-hero-copy>p:last-child{max-width:680px;color:var(--muted);margin:20px 0 0;font-size:18px;line-height:1.9}.catalogue-orbit{background:linear-gradient(150deg,#ffffffd1,#b8f0f885);border-radius:44% 56% 53% 47%;width:330px;height:330px;margin-inline:auto;animation:7s ease-in-out infinite orbit-float;position:relative;box-shadow:0 30px 80px #1048881f}.orbit{border:2px solid #1048882e;border-radius:50%;position:absolute;inset:56px;transform:rotate(-18deg)scaleY(.54)}.orbit-two{border-color:#ffa23f5c;inset:88px 38px;transform:rotate(54deg)scaleY(.62)}.orbit-core{background:var(--navy);color:#fff;border-radius:38px;place-items:center;width:114px;height:114px;font-family:Arial,sans-serif;font-size:42px;font-weight:750;display:grid;position:absolute;inset:50%;transform:translate(-50%,-50%)rotate(-6deg);box-shadow:0 18px 45px #10488840}.orbit-dot{background:var(--orange);border-radius:50%;width:27px;height:27px;position:absolute;box-shadow:0 0 0 9px #ffa23f21}.dot-one{animation:2.7s ease-in-out infinite dot-pulse;top:55px;right:74px}.dot-two{background:var(--mint);width:20px;height:20px;animation:3.2s ease-in-out .5s infinite dot-pulse;bottom:66px;left:46px;box-shadow:0 0 0 8px #a9ead530}.dot-three{background:var(--lavender);width:13px;height:13px;box-shadow:none;bottom:37px;right:91px}.catalogue-progress{background:#ffffffb8;border:1px solid #1048881f;border-radius:22px;grid-template-columns:minmax(290px,.8fr) 1.2fr;align-items:center;gap:26px;width:min(1180px,100% - 48px);margin:0 auto 28px;padding:18px 22px;display:grid;box-shadow:0 12px 34px #372c260f}.catalogue-progress>div:first-child{flex-direction:column;gap:3px;display:flex}.catalogue-progress b{font-size:15px}.catalogue-progress span{color:var(--muted);font-size:12px}.catalogue-progress-track{background:#ece7df;border-radius:999px;height:13px;overflow:hidden}.catalogue-progress-track span{border-radius:inherit;background:linear-gradient(90deg, var(--navy), #39b9ca);height:100%;animation:.9s cubic-bezier(.2,.8,.2,1) both progress-arrive;display:block}.catalogue-controls{z-index:10;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffaf0e0;border:1px solid #1048881c;border-radius:24px;grid-template-columns:1fr 1fr;gap:20px;width:min(1180px,100% - 48px);margin:0 auto 20px;padding:16px 18px;display:grid;position:sticky;top:12px;box-shadow:0 18px 44px #372c2614}.catalogue-profile-chip{min-height:48px;color:var(--navy);background:#a9ead545;border-radius:16px;grid-column:1/-1;align-items:center;gap:10px;padding:8px 12px;display:flex}.catalogue-profile-chip span{color:var(--muted);font-size:11px}.catalogue-profile-chip b{font-size:13px}.catalogue-profile-chip a{color:var(--navy);background:#ffffffb8;border-radius:10px;margin-inline-start:auto;padding:6px 10px;font-size:11px;font-weight:700;text-decoration:none}.catalogue-filter-group{align-items:center;gap:12px;min-width:0;display:flex}.catalogue-filter-group>span{color:var(--muted);flex:none;font-size:12px;font-weight:700}.catalogue-pills{scrollbar-width:none;gap:7px;min-width:0;display:flex;overflow-x:auto}.catalogue-pills::-webkit-scrollbar{display:none}.catalogue-pills button{min-height:38px;color:var(--muted);cursor:pointer;background:#ffffffa8;border:1px solid #1048881a;border-radius:13px;flex:none;padding:7px 13px;font-size:12px;font-weight:600}.catalogue-pills button.active{border-color:var(--navy);background:var(--navy);color:#fff}.catalogue-results{width:min(1180px,100% - 48px);color:var(--muted);margin:25px auto 14px;font-size:13px}.catalogue-results b{color:var(--ink);font-family:Arial,sans-serif;font-size:19px}.experiment-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;width:min(1180px,100% - 48px);margin:0 auto;display:grid}.experiment-catalogue-card{min-width:0;color:inherit;background:#ffffffc9;border:1px solid #1048881c;border-radius:30px;text-decoration:none;transition:transform .22s,box-shadow .22s,border-color .22s;overflow:hidden;box-shadow:0 16px 42px #372c2612}.experiment-catalogue-card.is-ready:hover{border-color:#10488847;transform:translateY(-7px);box-shadow:0 26px 60px #372c2621}.experiment-preview{isolation:isolate;background:#eaf7fa;height:236px;position:relative;overflow:hidden}.tone-orange{background:linear-gradient(145deg,#fff4df,#ffdcb8)}.tone-cyan{background:linear-gradient(145deg,#effcff,#c5eff5)}.tone-mint{background:linear-gradient(145deg,#f1fcf7,#c9eddf)}.tone-lavender{background:linear-gradient(145deg,#f7f5fc,#dcd7ef)}.tone-rose{background:linear-gradient(145deg,#fff7f7,#f3d9df)}.preview-no{z-index:3;width:38px;height:38px;color:var(--navy);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffb3;border:1px solid #1048881a;border-radius:13px;place-items:center;font-family:Arial,sans-serif;font-size:13px;font-weight:700;display:grid;position:absolute;top:17px;right:18px}.preview-orb{background:#ffffff73;border-radius:46% 54% 58% 42%;position:absolute}.orb-a{width:180px;height:180px;animation:9s ease-in-out infinite preview-drift-a;top:-71px;left:-48px}.orb-b{background:#1048880d;width:110px;height:110px;animation:7s ease-in-out infinite preview-drift-b;bottom:-57px;right:29px}.preview-glyph{z-index:2;width:118px;height:105px;color:var(--navy);background:#ffffffa3;border:1px solid #10488821;border-radius:40% 60% 48% 52%;place-items:center;font-family:Arial,sans-serif;font-size:34px;font-weight:750;animation:4.8s ease-in-out infinite glyph-float;display:grid;position:absolute;top:48%;left:50%;transform:translate(-50%,-50%)rotate(-4deg);box-shadow:0 22px 30px #372c261a}.experiment-preview .course-cover-image{z-index:1;object-fit:cover;width:100%;height:100%;transition:transform .45s,filter .45s;animation:9s ease-in-out infinite course-cover-breathe;position:absolute;inset:0;transform:scale(1.015)}.experiment-preview.has-cover:after{content:"";z-index:2;pointer-events:none;background:linear-gradient(#fffaf005 48%,#10488814 100%);position:absolute;inset:0}.experiment-preview.has-cover .preview-orb,.experiment-preview.has-cover .preview-shadow{display:none}.experiment-catalogue-card:hover .course-cover-image{filter:saturate(1.04)contrast(1.02)}.preview-shadow{filter:blur(7px);background:#2d23211c;border-radius:50%;width:110px;height:20px;animation:4.8s ease-in-out infinite shadow-breathe;position:absolute;bottom:23px;left:50%;transform:translate(-50%)}@keyframes course-cover-breathe{0%,to{transform:scale(1.015)translate(0)}50%{transform:scale(1.055)translateY(-3px)}}.experiment-card-body{flex-direction:column;min-height:300px;padding:22px 22px 19px;display:flex}.experiment-tags{flex-wrap:wrap;gap:7px;display:flex}.experiment-tags span{color:var(--navy);background:#b8f0f854;border-radius:999px;padding:5px 9px;font-size:10px;font-weight:650}.experiment-tags span:last-child{color:#70454f;background:#f2ccd652}.experiment-card-body h2{margin:17px 0 8px;font-size:23px;font-weight:650;line-height:1.35}.experiment-card-body>p{color:var(--muted);margin:0;font-size:14px;line-height:1.8}.experiment-action{border-top:1px solid var(--line);flex-direction:column;gap:13px;margin-top:auto;padding-top:20px;display:flex}.experiment-action>span{color:var(--muted);font-size:11px}.experiment-action b{color:var(--navy);justify-content:space-between;align-items:center;font-size:13px;display:inline-flex}.experiment-action b i{font-style:normal}.planned-label{gap:8px;font-weight:550;color:var(--muted)!important;justify-content:flex-start!important}.planned-label i{background:var(--orange);border-radius:50%;width:8px;height:8px;animation:2.4s ease-in-out infinite dot-pulse;box-shadow:0 0 0 5px #ffa23f21}.catalogue-footnote{background:var(--navy);color:#fff;border-radius:28px;align-items:center;gap:22px;width:min(1180px,100% - 48px);margin:54px auto 0;padding:28px 30px;display:flex}.catalogue-footnote>span{background:var(--orange);width:54px;height:54px;color:var(--ink);border-radius:18px;flex:none;place-items:center;font-size:22px;display:grid}.catalogue-footnote h2{margin:0 0 5px;font-size:20px}.catalogue-footnote p{color:#ffffffba;margin:0;font-size:13px;line-height:1.75}@keyframes catalogue-spark{50%{transform:rotate(12deg)scale(1.08)}}@keyframes orbit-float{50%{transform:translateY(-9px)rotate(2deg)}}@keyframes dot-pulse{50%{opacity:.72;transform:scale(1.15)}}@keyframes progress-arrive{0%{transform-origin:100%;transform:scaleX(0)}}@keyframes preview-drift-a{50%{transform:translate(16px,10px)rotate(16deg)}}@keyframes preview-drift-b{50%{transform:translate(-10px,-8px)rotate(-13deg)}}@keyframes glyph-float{50%{transform:translate(-50%,calc(-50% - 8px))rotate(3deg)}}@keyframes shadow-breathe{50%{opacity:.64;transform:translate(-50%)scaleX(.82)}}@media (width<=940px){.catalogue-hero{grid-template-columns:minmax(0,1fr) 270px;gap:34px}.catalogue-orbit{width:260px;height:260px}.experiment-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.catalogue-controls{grid-template-columns:1fr}}@media (width<=680px){.catalogue-topbar,.catalogue-hero,.catalogue-progress,.catalogue-controls,.catalogue-results,.experiment-grid,.catalogue-footnote{width:min(100% - 28px,620px)}.catalogue-topbar{min-height:76px}.catalogue-back{min-height:40px;padding:7px 12px;font-size:12px}.catalogue-hero{grid-template-columns:1fr;min-height:0;padding:42px 0 34px}.catalogue-hero h1{font-size:42px}.catalogue-hero-copy>p:last-child{font-size:16px}.catalogue-orbit{display:none}.catalogue-progress{grid-template-columns:1fr;gap:14px}.catalogue-filter-group{flex-direction:column;align-items:flex-start;gap:8px}.catalogue-pills{width:100%}.experiment-grid{grid-template-columns:1fr}.experiment-preview{height:218px}.experiment-card-body{min-height:272px}.catalogue-footnote{align-items:flex-start;padding:24px}}.onboarding-shell{background:radial-gradient(circle at 11% 12%, #c9c3e46b, transparent 25%), radial-gradient(circle at 90% 86%, #a9ead554, transparent 27%), var(--cream);grid-template-rows:auto 1fr auto;min-height:100svh;display:grid;position:relative;overflow:hidden}.onboarding-ambient{pointer-events:none;position:absolute;inset:0}.onboarding-ambient i{background:#ffffff52;border:1px solid #10488814;border-radius:50%;animation:9s ease-in-out infinite onboarding-drift;position:absolute}.onboarding-ambient i:first-child{background:#b8f0f861;width:64px;height:64px;top:14%;right:7%}.onboarding-ambient i:nth-child(2){background:#ffa23f57;width:24px;height:24px;animation-delay:-2s;top:24%;left:12%}.onboarding-ambient i:nth-child(3){background:#f2ccd64a;width:90px;height:90px;animation-delay:-4s;bottom:12%;left:5%}.onboarding-ambient i:nth-child(4){background:var(--mint);width:15px;height:15px;animation-delay:-6s;bottom:25%;right:14%}.onboarding-topbar{z-index:5;grid-template-columns:72px minmax(160px,420px) 72px;justify-content:space-between;align-items:center;gap:24px;width:min(1040px,100% - 48px);min-height:82px;margin:0 auto;display:grid;position:relative}.onboarding-back,.onboarding-skip{border-radius:15px;min-height:44px}.onboarding-back{width:44px;color:var(--navy);cursor:pointer;background:#ffffff9e;border:1px solid #10488821;place-items:center;font-size:20px;transition:transform .18s,background .18s;display:grid}.onboarding-back:hover{background:#fff;transform:translate(3px)}.onboarding-back-placeholder{width:44px}.onboarding-skip{color:var(--muted);place-items:center;font-size:13px;font-weight:650;text-decoration:none;display:grid}.onboarding-progress{background:#10488817;border-radius:999px;height:7px;overflow:hidden}.onboarding-progress span{border-radius:inherit;background:linear-gradient(90deg, var(--navy), #34bdd0);height:100%;transition:width .42s cubic-bezier(.2,.8,.2,1);display:block}.onboarding-stage{z-index:2;place-items:center;width:min(940px,100% - 48px);min-height:650px;margin:0 auto;padding:34px 0 46px;display:grid;position:relative}.onboarding-panel{text-align:center;width:100%;max-width:850px;animation:.42s cubic-bezier(.2,.8,.2,1) both onboarding-enter}.onboarding-logo-wrap{place-items:center;width:min(400px,72vw);height:245px;margin:-15px auto -12px;display:grid;position:relative}.onboarding-logo-wrap img{z-index:2;object-fit:contain;filter:drop-shadow(0 26px 28px #1048881f);width:100%;height:100%;animation:5s ease-in-out infinite onboarding-logo-float;display:block;position:relative}.logo-halo{filter:blur(3px);background:#b8f0f863;border-radius:50%;width:265px;height:170px;animation:5s ease-in-out infinite onboarding-halo;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-5deg)}.onboarding-eyebrow{color:var(--orange-deep);margin:0 0 10px;font-size:13px;font-weight:750}.onboarding-panel h1{color:var(--ink);letter-spacing:-.03em;margin:0;font-size:clamp(38px,5.4vw,64px);font-weight:620;line-height:1.22}.onboarding-lead{max-width:650px;color:var(--muted);margin:17px auto 0;font-size:18px;line-height:1.9}.onboarding-primary{background:var(--navy);color:#fff;cursor:pointer;border:0;border-radius:20px;justify-content:space-between;align-items:center;width:min(330px,100%);min-height:62px;margin:32px auto 0;padding:13px 22px;font-size:16px;font-weight:700;text-decoration:none;transition:transform .18s,box-shadow .18s;display:flex;box-shadow:0 18px 40px #10488833,0 5px #0b3769}.onboarding-primary:hover{transform:translateY(-3px);box-shadow:0 22px 48px #10488840,0 6px #0b3769}.onboarding-primary:active{transform:translateY(3px);box-shadow:0 8px 22px #1048882e,0 2px #0b3769}.onboarding-primary span{background:#ffffff21;border-radius:12px;place-items:center;width:34px;height:34px;font-size:18px;display:grid}.onboarding-welcome>small{color:#998e88;margin-top:17px;font-size:11px;display:block}.question-number{background:var(--orange);width:46px;height:46px;color:var(--ink);border-radius:16px;place-items:center;margin:0 auto 18px;font-family:Arial,sans-serif;font-size:16px;font-weight:800;display:grid;box-shadow:0 0 0 8px #ffa23f21}.cycle-choice-grid{gap:13px;max-width:760px;margin:38px auto 0;display:grid}.onboarding-choice{width:100%;min-height:92px;color:var(--ink);cursor:pointer;text-align:right;background:#ffffffc7;border:1px solid #1048881f;border-radius:24px;grid-template-columns:52px 1fr 44px;align-items:center;gap:16px;padding:15px 18px;transition:transform .18s,border-color .18s,box-shadow .18s;display:grid;position:relative;box-shadow:0 12px 28px #372c260f}.onboarding-choice:hover{border-color:#1048884d;transform:translate(-7px);box-shadow:0 20px 42px #372c261a}.choice-key{background:var(--cyan);width:52px;height:52px;color:var(--navy);border-radius:17px;place-items:center;font-family:Arial,sans-serif;font-size:16px;font-weight:800;display:grid}.choice-mint .choice-key{background:var(--mint)}.choice-orange .choice-key{background:#ffd099}.choice-copy{flex-direction:column;gap:4px;display:flex}.choice-copy b{font-size:18px;font-weight:700}.choice-copy small{color:var(--muted);font-size:12px}.choice-arrow{width:39px;height:39px;color:var(--navy);background:#1048880f;border-radius:13px;place-items:center;font-size:18px;display:grid}.level-choice-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;max-width:780px;margin:40px auto 0;display:grid}.level-choice-grid.is-dense{grid-template-columns:repeat(3,minmax(0,1fr))}.level-choice{min-height:132px;color:var(--ink);cursor:pointer;background:#ffffffc4;border:1px solid #1048881f;border-radius:25px;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:18px 14px;transition:transform .18s,border-color .18s,background .18s;display:flex;box-shadow:0 12px 28px #372c260f}.level-choice:hover{border-color:var(--orange);background:#fff;transform:translateY(-6px)rotate(-1deg)}.level-choice span{width:36px;height:36px;color:var(--navy);background:#b8f0f88c;border-radius:12px;place-items:center;font-family:Arial,sans-serif;font-size:13px;font-weight:800;display:grid}.level-choice b{font-size:15px;line-height:1.45}.complete-mark{background:var(--mint);border-radius:42% 58% 50% 50%;place-items:center;width:128px;height:128px;margin:0 auto 28px;animation:.62s cubic-bezier(.2,1.4,.3,1) both complete-pop;display:grid;position:relative}.complete-mark span{width:68px;height:68px;color:var(--navy);background:#fff;border-radius:50%;place-items:center;font-size:32px;font-weight:800;display:grid;box-shadow:0 15px 28px #10488821}.complete-mark i{background:var(--orange);border-radius:50%;width:12px;height:12px;animation:2.4s ease-in-out infinite complete-speck;position:absolute}.complete-mark i:first-of-type{top:-16px;right:12px}.complete-mark i:nth-of-type(2){background:var(--lavender);animation-delay:-800ms;top:52px;left:-20px}.complete-mark i:nth-of-type(3){background:var(--cyan);animation-delay:-1.5s;bottom:5px;right:-13px}.onboarding-complete .onboarding-lead b{color:var(--navy)}.onboarding-reset{color:var(--muted);cursor:pointer;text-underline-offset:4px;background:0 0;border:0;margin-top:20px;padding:8px 14px;font-size:12px;text-decoration:underline}.onboarding-footer{z-index:3;color:#918680;justify-content:center;align-items:center;gap:11px;min-height:54px;padding:0 20px 14px;font-size:11px;display:flex;position:relative}.onboarding-footer i{background:var(--orange);border-radius:50%;width:4px;height:4px}@keyframes onboarding-enter{0%{opacity:0;transform:translateY(18px)scale(.985)}}@keyframes onboarding-logo-float{50%{transform:translateY(-8px)rotate(1deg)}}@keyframes onboarding-halo{50%{transform:translate(-50%,-50%)rotate(4deg)scale(1.06)}}@keyframes onboarding-drift{50%{transform:translateY(-14px)rotate(14deg)}}@keyframes complete-pop{0%{opacity:0;transform:scale(.55)rotate(-12deg)}}@keyframes complete-speck{50%{opacity:.65;transform:translateY(-8px)scale(1.25)}}@media (width<=720px){.onboarding-topbar,.onboarding-stage{width:min(100% - 28px,660px)}.onboarding-topbar{grid-template-columns:52px 1fr 52px;gap:12px}.onboarding-stage{min-height:610px;padding-top:22px}.onboarding-logo-wrap{height:205px}.logo-halo{width:220px;height:140px}.onboarding-panel h1{font-size:40px}.onboarding-lead{font-size:16px}.level-choice-grid,.level-choice-grid.is-dense{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=470px){.onboarding-shell{overflow-y:auto}.onboarding-stage{min-height:calc(100svh - 136px);padding-bottom:32px}.onboarding-logo-wrap{width:min(330px,86vw);height:185px}.onboarding-panel h1{font-size:35px}.cycle-choice-grid{margin-top:28px}.onboarding-choice{border-radius:21px;grid-template-columns:46px 1fr 34px;gap:11px;min-height:84px;padding:13px}.choice-key{width:46px;height:46px}.choice-copy b{font-size:15px}.choice-copy small{font-size:10px}.choice-arrow{width:32px;height:32px}.level-choice-grid,.level-choice-grid.is-dense{gap:10px;margin-top:28px}.level-choice{border-radius:20px;min-height:108px;padding:12px 8px}.level-choice b{font-size:13px}.onboarding-footer{flex-wrap:wrap}}@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-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}._page_oj9kf_1{background:radial-gradient(circle at 84% 12%, #b9eff46b, transparent 42%), radial-gradient(circle at 12% 82%, #ffa23f29, transparent 46%), var(--cream);place-items:center;min-height:100dvh;padding:40px 20px 64px;display:grid}._wrap_oj9kf_12{text-align:center;width:100%;max-width:620px}._stage_oj9kf_19{width:190px;height:210px;margin:0 auto 30px;position:relative}._beaker_oj9kf_26{position:absolute;inset:0;overflow:visible}._liquid_oj9kf_32{transform-origin:50%;animation:5.5s ease-in-out infinite _sway_oj9kf_1}._bubble_oj9kf_37{opacity:0;animation:3.4s ease-in infinite _rise_oj9kf_1}._bubble_oj9kf_37:nth-of-type(2){animation-delay:1.1s}._bubble_oj9kf_37:nth-of-type(3){animation-delay:2.2s}@keyframes _sway_oj9kf_1{50%{transform:skew(2.5deg)translateY(-2px)}}@keyframes _rise_oj9kf_1{0%{opacity:0;transform:translateY(0)scale(.6)}25%{opacity:.85}to{opacity:0;transform:translateY(-58px)scale(1)}}._code_oj9kf_71{color:var(--navy);letter-spacing:.06em;background:#10488814;border-radius:999px;margin-bottom:14px;padding:6px 15px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;font-weight:700;display:inline-block}._title_oj9kf_84{color:var(--ink);text-wrap:balance;margin:0 0 14px;font-size:clamp(30px,6vw,44px);font-weight:800;line-height:1.25}._lede_oj9kf_93{max-width:46ch;color:var(--muted);margin:0 auto 34px;font-size:clamp(15px,2.4vw,17px);line-height:1.75}._actions_oj9kf_102{flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:44px;display:flex}._primary_oj9kf_110,._secondary_oj9kf_111{border-radius:18px;align-items:center;gap:9px;padding:14px 26px;font-size:15px;font-weight:700;text-decoration:none;transition:transform .18s,box-shadow .18s;display:inline-flex}._primary_oj9kf_110{background:var(--orange);color:#4a2a06;box-shadow:0 12px 26px #e9872e47}._secondary_oj9kf_111{background:var(--paper);color:var(--navy);border:1px solid var(--line);box-shadow:0 8px 20px #372c2612}._primary_oj9kf_110:hover,._secondary_oj9kf_111:hover{transform:translateY(-2px)}._primary_oj9kf_110:focus-visible,._secondary_oj9kf_111:focus-visible{outline:3px solid var(--navy);outline-offset:3px}._suggest_oj9kf_148{border-top:1px solid var(--line);padding-top:30px}._suggestTitle_oj9kf_153{color:var(--muted);letter-spacing:.04em;margin:0 0 16px;font-size:13px;font-weight:700}._links_oj9kf_161{flex-wrap:wrap;justify-content:center;gap:10px;margin:0;padding:0;list-style:none;display:flex}._chip_oj9kf_171{background:var(--paper);border:1px solid var(--line);color:var(--ink);border-radius:14px;align-items:center;gap:8px;padding:10px 16px;font-size:14px;font-weight:600;text-decoration:none;transition:transform .18s,border-color .18s;display:inline-flex}._chip_oj9kf_171:hover{border-color:#1048884d;transform:translateY(-2px)}._chip_oj9kf_171:focus-visible{outline:3px solid var(--navy);outline-offset:2px}._chip_oj9kf_171 i{background:var(--cyan);border-radius:50%;flex:none;width:9px;height:9px}._chip_oj9kf_171:nth-child(2) i{background:var(--mint)}._chip_oj9kf_171:nth-child(3) i{background:var(--orange)}._chip_oj9kf_171:nth-child(4) i{background:var(--rose)}@media (width<=600px){._stage_oj9kf_19{width:150px;height:170px;margin-bottom:22px}._actions_oj9kf_102{margin-bottom:34px}._primary_oj9kf_110,._secondary_oj9kf_111{flex:100%;justify-content:center}}@media (prefers-reduced-motion:reduce){._liquid_oj9kf_32,._bubble_oj9kf_37{animation:none!important}._bubble_oj9kf_37{opacity:.5}._primary_oj9kf_110:hover,._secondary_oj9kf_111:hover,._chip_oj9kf_171:hover{transform:none}}