@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-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--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:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, 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;--color-white:#fff;--spacing:.25rem;--container-6xl:72rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--font-weight-medium:500;--font-weight-semibold:600;--radius-xl:.75rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--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,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, 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:where(:not(iframe)){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{.\@container\/card-header{container:card-header/inline-size}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.inset-0{inset:0}.inset-x-0{inset-inline:0}.top-\[55\%\]{top:55%}.right-3{right:calc(var(--spacing) * 3)}.left-3{left:calc(var(--spacing) * 3)}.isolate{isolation:isolate}.col-start-2{grid-column-start:2}.row-span-2{grid-row:span 2/span 2}.row-start-1{grid-row-start:1}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-flex{display:inline-flex}.table{display:table}.size-6{width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6)}.size-8{width:calc(var(--spacing) * 8);height:calc(var(--spacing) * 8)}.size-9{width:calc(var(--spacing) * 9);height:calc(var(--spacing) * 9)}.size-10{width:calc(var(--spacing) * 10);height:calc(var(--spacing) * 10)}.size-full{width:100%;height:100%}.h-6{height:calc(var(--spacing) * 6)}.h-8{height:calc(var(--spacing) * 8)}.h-9{height:calc(var(--spacing) * 9)}.h-10{height:calc(var(--spacing) * 10)}.w-10{width:calc(var(--spacing) * 10)}.w-fit{width:fit-content}.w-full{width:100%}.max-w-6xl{max-width:var(--container-6xl)}.max-w-full{max-width:100%}.min-w-0{min-width:0}.shrink-0{flex-shrink:0}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.auto-rows-min{grid-auto-rows:min-content}.grid-rows-\[auto_auto\]{grid-template-rows:auto auto}.flex-col{flex-direction:column}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-center{justify-content:center}.gap-1{gap:var(--spacing)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-6{gap:calc(var(--spacing) * 6)}.self-start{align-self:flex-start}.justify-self-end{justify-self:flex-end}.overflow-hidden{overflow:hidden}.overflow-x-hidden{overflow-x:hidden}.rounded{border-radius:.25rem}.rounded-full{border-radius:2147483647px}.rounded-md{border-radius:var(--radius-control)}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-border,.border-input{border-color:var(--line)}.border-transparent{border-color:#0000}.bg-background,.bg-card{background-color:var(--dw)}.bg-destructive{background-color:var(--destructive)}.bg-primary{background-color:var(--accent)}.bg-secondary{background-color:var(--chip)}.bg-transparent{background-color:#0000}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-6{padding-inline:calc(var(--spacing) * 6)}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-1{padding-block:var(--spacing)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-6{padding-block:calc(var(--spacing) * 6)}.text-center{text-align:center}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.leading-none{--tw-leading:1;line-height:1}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.whitespace-nowrap{white-space:nowrap}.text-card-foreground,.text-foreground{color:var(--ink)}.text-muted-foreground{color:var(--mut)}.text-primary{color:var(--accent)}.text-primary-foreground{color:var(--dw)}.text-secondary-foreground{color:var(--ink)}.text-white{color:var(--color-white)}.underline-offset-4{text-underline-offset:4px}.shadow,.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-xs{--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.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,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[color\,box-shadow\]{transition-property:color,box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.outline-none{--tw-outline-style:none;outline-style:none}.selection\:bg-primary ::selection,.selection\:bg-primary::selection{background-color:var(--accent)}.selection\:text-primary-foreground ::selection,.selection\:text-primary-foreground::selection{color:var(--dw)}.file\:inline-flex::file-selector-button{display:inline-flex}.file\:h-7::file-selector-button{height:calc(var(--spacing) * 7)}.file\:border-0::file-selector-button{border-style:var(--tw-border-style);border-width:0}.file\:bg-transparent::file-selector-button{background-color:#0000}.file\:text-base::file-selector-button{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.file\:font-medium::file-selector-button{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.file\:text-foreground::file-selector-button{color:var(--ink)}.placeholder\:text-muted-foreground::placeholder{color:var(--mut)}@media (hover:hover){.hover\:bg-accent:hover{background-color:var(--sel)}.hover\:bg-destructive\/90:hover{background-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-destructive\/90:hover{background-color:color-mix(in oklab, var(--destructive) 90%, transparent)}}.hover\:bg-primary\/90:hover{background-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-primary\/90:hover{background-color:color-mix(in oklab, var(--accent) 90%, transparent)}}.hover\:bg-secondary\/80:hover{background-color:var(--chip)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-secondary\/80:hover{background-color:color-mix(in oklab, var(--chip) 80%, transparent)}}.hover\:text-accent-foreground:hover{color:var(--ink)}.hover\:underline:hover{text-decoration-line:underline}}.focus-visible\:border-ring:focus-visible{border-color:var(--accent)}.focus-visible\:ring-\[3px\]:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus-visible\:ring-destructive\/20:focus-visible{--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.focus-visible\:ring-destructive\/20:focus-visible{--tw-ring-color:color-mix(in oklab, var(--destructive) 20%, transparent)}}.focus-visible\:ring-ring\/50:focus-visible{--tw-ring-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.focus-visible\:ring-ring\/50:focus-visible{--tw-ring-color:color-mix(in oklab, var(--accent) 50%, transparent)}}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}.has-data-\[slot\=card-action\]\:grid-cols-\[1fr_auto\]:has([data-slot=card-action]){grid-template-columns:1fr auto}.has-\[\>svg\]\:px-1\.5:has(>svg){padding-inline:calc(var(--spacing) * 1.5)}.has-\[\>svg\]\:px-2\.5:has(>svg){padding-inline:calc(var(--spacing) * 2.5)}.has-\[\>svg\]\:px-3:has(>svg){padding-inline:calc(var(--spacing) * 3)}.has-\[\>svg\]\:px-4:has(>svg){padding-inline:calc(var(--spacing) * 4)}.aria-invalid\:border-destructive[aria-invalid=true]{border-color:var(--destructive)}.aria-invalid\:ring-destructive\/20[aria-invalid=true]{--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.aria-invalid\:ring-destructive\/20[aria-invalid=true]{--tw-ring-color:color-mix(in oklab, var(--destructive) 20%, transparent)}}@media (prefers-color-scheme:dark){.dark\:border-input{border-color:var(--line)}.dark\:bg-destructive\/60{background-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.dark\:bg-destructive\/60{background-color:color-mix(in oklab, var(--destructive) 60%, transparent)}}.dark\:bg-input\/30{background-color:var(--line)}@supports (color:color-mix(in lab, red, red)){.dark\:bg-input\/30{background-color:color-mix(in oklab, var(--line) 30%, transparent)}}@media (hover:hover){.dark\:hover\:bg-accent\/50:hover{background-color:var(--sel)}@supports (color:color-mix(in lab, red, red)){.dark\:hover\:bg-accent\/50:hover{background-color:color-mix(in oklab, var(--sel) 50%, transparent)}}.dark\:hover\:bg-input\/50:hover{background-color:var(--line)}@supports (color:color-mix(in lab, red, red)){.dark\:hover\:bg-input\/50:hover{background-color:color-mix(in oklab, var(--line) 50%, transparent)}}}.dark\:focus-visible\:ring-destructive\/40:focus-visible{--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.dark\:focus-visible\:ring-destructive\/40:focus-visible{--tw-ring-color:color-mix(in oklab, var(--destructive) 40%, transparent)}}.dark\:aria-invalid\:ring-destructive\/40[aria-invalid=true]{--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.dark\:aria-invalid\:ring-destructive\/40[aria-invalid=true]{--tw-ring-color:color-mix(in oklab, var(--destructive) 40%, transparent)}}}.\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.\[\&_svg\]\:shrink-0 svg{flex-shrink:0}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3 svg:not([class*=size-]){width:calc(var(--spacing) * 3);height:calc(var(--spacing) * 3)}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 svg:not([class*=size-]){width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.\[\.border-b\]\:pb-6.border-b{padding-bottom:calc(var(--spacing) * 6)}.\[\.border-t\]\:pt-6.border-t{padding-top:calc(var(--spacing) * 6)}.\[\&\>svg\]\:pointer-events-none>svg{pointer-events:none}.\[\&\>svg\]\:size-3>svg{width:calc(var(--spacing) * 3);height:calc(var(--spacing) * 3)}@media (hover:hover){a.\[a\&\]\:hover\:bg-accent:hover{background-color:var(--sel)}a.\[a\&\]\:hover\:bg-destructive\/90:hover{background-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){a.\[a\&\]\:hover\:bg-destructive\/90:hover{background-color:color-mix(in oklab, var(--destructive) 90%, transparent)}}a.\[a\&\]\:hover\:bg-primary\/90:hover{background-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){a.\[a\&\]\:hover\:bg-primary\/90:hover{background-color:color-mix(in oklab, var(--accent) 90%, transparent)}}a.\[a\&\]\:hover\:bg-secondary\/90:hover{background-color:var(--chip)}@supports (color:color-mix(in lab, red, red)){a.\[a\&\]\:hover\:bg-secondary\/90:hover{background-color:color-mix(in oklab, var(--chip) 90%, transparent)}}a.\[a\&\]\:hover\:text-accent-foreground:hover{color:var(--ink)}a.\[a\&\]\:hover\:underline:hover{text-decoration-line:underline}}}@font-face{font-family:Nunito;font-style:normal;font-weight:200 900;font-display:swap;src:url(/fonts/nunito-variable.woff2)format("woff2")}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/jetbrains-mono-500.ttf)format("truetype")}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/jetbrains-mono-700.ttf)format("truetype")}@font-face{font-family:KaTeX_Main;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/katex-main-regular.woff2)format("woff2")}@font-face{font-family:KaTeX_Main;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/katex-main-bold.woff2)format("woff2")}@font-face{font-family:KaTeX_Math;font-style:italic;font-weight:400;font-display:swap;src:url(/fonts/katex-math-italic.woff2)format("woff2")}:root{--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--ink:#202b48;--ctrl:#ffffffe6;--pill:#edf0f8;--ring:#adbadc;--dw:#fff;--chip:#eef1f8;--line:#dce2ee;--sel:#e1e7fd;--dim:#e7ebf3;--mut:#56647f;--accent:#4055ce;--accent-soft:#e9edff;--destructive:#d9384b;--shadow:0 12px 40px #24365c0b;--radius-card:24px;--radius-control:14px}@media (prefers-color-scheme:dark){:root:not([data-theme]){--ink:#edf1e9;--ctrl:#17221c;--pill:#1e2c23;--ring:#40614f;--dw:#111a16;--chip:#213027;--line:#314236;--sel:#2e4435;--dim:#24352b;--mut:#b0bdb2;--accent:#c3dfb3;--accent-soft:#263b2d;--shadow:0 14px 40px #0003}}:root[data-theme=midnight]{--ink:#edf1e9;--ctrl:#17221c;--pill:#1e2c23;--ring:#40614f;--dw:#111a16;--chip:#213027;--line:#314236;--sel:#2e4435;--dim:#24352b;--mut:#b0bdb2;--accent:#c3dfb3;--accent-soft:#263b2d;--shadow:0 14px 40px #0003}:root[data-theme=dusk]{--ink:#fff;--ctrl:#35428e;--pill:#3f4d97;--ring:#8b9edf;--dw:#303c80;--chip:#3f4c92;--line:#6675b3;--sel:#5263ae;--dim:#455295;--mut:#e2e7ff;--accent:#d6e0ff;--accent-soft:#485a9a;--shadow:0 14px 40px #11184940}:root[data-theme=noir]{--ink:#d6d6d6;--ctrl:#3a3b40;--pill:#45464c;--ring:#8d8e96;--dw:#34353a;--chip:#3e3f46;--line:#5c5d66;--sel:#4a4b53;--dim:#38393e;--mut:#b7b8c0;--accent:#abbcff;--accent-soft:#3a3b42;--destructive:#d9384b;--shadow:0 14px 40px #0004;scrollbar-color:#6e6f76 #2c2d31}:root[data-theme=noir] ::selection{color:#f4f6ff;background:#5c6478}:root[data-theme=noir] #tn{background:0 0}:root[data-theme=noir] .dialog-overlay{background:#0009}:root[data-theme=noir] .dialog-content{box-shadow:0 28px 100px #0008}.launch-screen{min-height:100dvh;padding:calc(32px + env(safe-area-inset-top)) calc(32px + env(safe-area-inset-right)) calc(32px + env(safe-area-inset-bottom)) calc(32px + env(safe-area-inset-left));text-align:center;align-content:center;justify-items:center;gap:16px;display:grid}.launch-screen>svg{width:48px;height:48px;color:var(--accent)}.launch-screen p{margin:0}.welcome-page{flex-direction:column;max-width:1400px;min-height:100dvh;margin:0 auto;display:flex}.welcome-header{padding:calc(24px + env(safe-area-inset-top)) 32px 16px;justify-content:space-between;align-items:center;gap:16px;display:flex}.welcome-header .text-button{min-height:44px;margin:0}.welcome-layout{flex:1;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:center;gap:48px;width:100%;max-width:1200px;margin:auto;padding:24px 32px 40px;display:grid}.welcome-demo{min-width:0}.welcome-canvas{border:1px solid var(--line);background:radial-gradient(ellipse at 50% 45%, var(--accent-soft), transparent 68%);touch-action:none;-webkit-user-select:none;user-select:none;border-radius:40px;height:clamp(340px,45vw,520px);position:relative;overflow:hidden}.welcome-demo-label{z-index:2;color:var(--mut);pointer-events:none;font-size:13px;position:absolute;top:20px;left:20px}.welcome-interaction{z-index:0;isolation:isolate;border-radius:inherit;position:absolute;inset:0}.welcome-interaction:focus-visible{outline-offset:-5px}.welcome-pause{z-index:2;position:absolute;top:12px;right:12px}.welcome-demo-arrows{z-index:2;pointer-events:none;justify-content:space-between;display:flex;position:absolute;inset:auto 20px 20px}.welcome-demo-arrows>button{pointer-events:auto}.welcome-demo-tools{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-top:16px;display:flex}.welcome-demo-note{color:var(--mut);text-align:center;margin:12px 0 0;font-size:11px}.welcome-swipe{z-index:2;pointer-events:none;width:80px;height:26px;position:absolute;bottom:30px;left:calc(50% - 40px)}.welcome-swipe>span{background:var(--mut);height:2px;position:absolute;inset:12px 0 auto}.welcome-swipe>i{border:2px solid var(--ink);background:var(--dw);border-radius:50%;width:26px;height:26px;position:absolute;left:28px}.welcome-copy{min-width:0}.welcome-progress{align-items:center;gap:4px;margin-bottom:20px;display:flex}.welcome-progress>.n{color:var(--mut);margin-left:12px;font-size:12px}.welcome-step{background:0 0;border:0;border-radius:14px;place-items:center;min-width:44px;min-height:44px;padding:0;display:grid}.welcome-step>span{background:var(--line);border-radius:999px;width:28px;height:5px}.welcome-step[aria-current=step]>span{background:var(--accent)}.welcome-step-content{gap:20px;display:grid}.welcome-step-content>*{margin:0}.welcome-step-content h1{letter-spacing:-1.8px;outline:none;font-size:clamp(34px,4.3vw,56px);line-height:1.1}.welcome-step-content h1:focus-visible{outline:none}.welcome-description{color:var(--mut);font-size:17px;line-height:1.65}.welcome-points{gap:10px;padding:0;font-size:14px;list-style:none;display:grid}.welcome-points li{align-items:start;gap:10px;display:flex}.welcome-points svg{color:var(--accent);flex-shrink:0;margin-top:2px}.welcome-preview{background:var(--chip);border:1px solid var(--line);border-radius:24px;align-items:center;gap:20px;padding:16px;display:flex}.welcome-image{border:1px solid var(--line);border-radius:14px;flex-shrink:0;width:110px;height:auto;display:block}.welcome-preview p{margin:0;font-size:14px;line-height:1.6}.welcome-preview .action-button,.welcome-preview .panel-copy{margin-top:12px}.welcome-navigation{z-index:5;padding:20px 32px calc(20px + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:var(--dw);justify-content:space-between;align-items:center;gap:16px;display:flex;position:sticky;bottom:0}@supports (color:color-mix(in lab, red, red)){.welcome-navigation{background:color-mix(in srgb, var(--dw) 94%, transparent)}}.welcome-navigation{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.welcome-navigation-note{color:var(--mut);font-size:13px}@media (max-width:759px){.welcome-page{padding-bottom:calc(90px + env(safe-area-inset-bottom))}.welcome-header{padding:calc(12px + env(safe-area-inset-top)) 16px 12px;gap:8px}.welcome-header .brand-link strong{font-size:21px}.welcome-header .text-button{font-size:12px}.welcome-header .text-button svg{display:none}.welcome-layout{grid-template-columns:1fr;gap:24px;padding:0 18px 24px}.welcome-canvas{border-radius:28px;height:230px}.welcome-demo-tools{margin-top:10px}.welcome-demo-note{margin-top:8px}.welcome-progress{margin-bottom:12px}.welcome-step-content{gap:16px}.welcome-step-content h1{letter-spacing:-1px;font-size:34px}.welcome-description{font-size:15px}.welcome-preview{gap:14px;padding:12px}.welcome-image{width:88px}.welcome-preview p{font-size:13px}.welcome-navigation{padding:12px 18px calc(12px + env(safe-area-inset-bottom));position:fixed;inset:auto 0 0}.welcome-navigation-note{display:none}}*{box-sizing:border-box}html{scroll-behavior:smooth;min-height:100%}body{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);min-width:280px;min-height:100dvh;color:var(--ink);overscroll-behavior-y:none;margin:0;font-family:Geist,system-ui,sans-serif;font-size:16px;font-weight:400;line-height:1.55}button,input,select,textarea{font:inherit;color:inherit}input,select,textarea{font-size:16px}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}button svg{pointer-events:none;flex-shrink:0}a{color:var(--accent);text-underline-offset:4px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--accent);outline-offset:3px}h1,h2,h3,p{margin:0}h1,h2,h3{text-wrap:balance;font-weight:800;line-height:1.18}h2{letter-spacing:-.55px;font-size:25px}h3{letter-spacing:-.25px;font-size:18px}p{text-wrap:pretty;margin-top:12px}small{font-size:13px}.n{font-variant-numeric:tabular-nums;font-family:JetBrains Mono,monospace;font-weight:500}.chem,.n.chem,.configuration,.reference-configuration,.sandbox-formula{font-family:KaTeX_Main,Nunito,serif;font-weight:400}.unit{font-family:KaTeX_Math,KaTeX_Main,serif;font-style:italic;font-weight:400}.skip-link{z-index:100;background:var(--dw);border-radius:12px;padding:12px 18px;position:fixed;top:8px;left:16px;transform:translateY(-160%)}.skip-link:focus{transform:none}.explorer-shell{max-width:1512px;min-height:100dvh;padding-bottom:env(safe-area-inset-bottom);margin:auto}.site-header{padding:calc(18px + env(safe-area-inset-top)) 32px 20px;z-index:10;justify-content:space-between;align-items:center;gap:16px;display:flex;position:relative}.brand-link,.reference-brand{color:var(--ink);align-items:center;gap:12px;text-decoration:none;display:flex}.brand-link svg{color:var(--accent);width:38px;height:38px}.brand-link strong{letter-spacing:-1px;font-size:25px;font-weight:900;line-height:1.1;display:block}.brand-link small{color:var(--mut);letter-spacing:.1px;font-size:12px;line-height:1.5;display:block}.header-actions{align-items:center;gap:8px;display:flex}.library-link{margin-right:14px;font-size:14px;font-weight:700;text-decoration:none}.icon-button{border:1px solid var(--line);background:var(--dw);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;padding:0;transition:transform .25s cubic-bezier(.34,1.5,.5,1),background .16s;display:inline-flex}.icon-button:hover,.tool-button:hover{background:var(--sel)}.icon-button:active,.tool-button:active{transition-duration:90ms;transform:scale(.9)}.is-favorite{color:#cf346b;background:var(--accent-soft)}.is-favorite svg{fill:#cf346b20}.menu{right:28px;top:calc(76px + env(safe-area-inset-top));border:1px solid var(--line);background:var(--dw);max-width:calc(100vw - 24px);box-shadow:var(--shadow);z-index:25;border-radius:24px;flex-wrap:wrap;align-items:center;gap:3px;padding:6px;animation:.18s ease-out panel-in;display:flex;position:absolute}.menu button{background:0 0;border:0;border-radius:18px;min-height:38px;padding:0 11px;font-size:13px;font-weight:700}.menu button.on{background:var(--accent-soft);color:var(--accent)}.explorer-layout{grid-template-columns:250px minmax(0,1fr) 290px;align-items:start;gap:24px;padding:0 32px 24px;display:grid}.journey-rail,.story-rail{gap:16px;min-width:0;display:grid}.rail-card{align-content:start;gap:var(--space-4);background:var(--dw);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:var(--radius-card);padding:22px;display:grid;overflow:hidden}.rail-card>*,.rail-card>p,.rail-card>.eyebrow,.rail-card>.level-copy,.rail-card>.learning-progress,.rail-card>.story-symbol,.rail-card>.section-heading,.rail-card>.family-list,.rail-card>.fact-callout{margin-block:0}.rail-card>.action-button,.rail-card>.text-link,.rail-card>.text-button{justify-self:start;margin-top:0}.eyebrow,.reference-eyebrow{color:var(--mut);letter-spacing:.75px;text-transform:uppercase;align-items:center;gap:7px;margin-bottom:12px;font-size:12px;font-weight:800;display:flex}.eyebrow svg{width:16px;height:16px}.journey-card h2{font-size:26px}.level-copy{justify-content:space-between;gap:8px;margin:16px 0 10px;font-size:14px;font-weight:700;display:flex}.level-copy .n{color:var(--mut);font-size:12px}.panel-copy{color:var(--mut);font-size:14px;line-height:1.55}.lead-copy{font-size:17px;font-weight:600;line-height:1.55}.section-heading{justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px;display:flex}.section-heading h3{font-size:16px}.mission-mini{padding:var(--space-3) 0;border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:10px;display:flex}.rail-card:has(.mission-mini){gap:0}.rail-card:has(.mission-mini)>.section-heading{margin-bottom:var(--space-2)}.rail-card:has(.mission-mini)>.text-button{margin-top:var(--space-4)}.mission-mini b{font-size:14px;font-weight:700;display:block}.mission-mini small{color:var(--mut);font-size:12px;display:block}.mission-mini>span{color:var(--accent)}.mission-dot{border:2px solid var(--line);border-radius:50%;width:12px;height:12px;display:block}.family-list{gap:2px;margin-top:12px;display:grid}.family-link{text-align:left;background:0 0;border:0;border-radius:10px;align-items:center;gap:9px;min-height:36px;padding:6px;font-size:13px;font-weight:600;display:flex}.family-link:hover{background:var(--chip)}.family-link>span{border-radius:50%;width:9px;height:9px;box-shadow:0 0 0 1px #0002}.family-link svg{width:14px;height:14px;color:var(--mut);margin-left:auto}.atom-column{flex-direction:column;min-width:0;height:max(700px,100svh - 117px);max-height:1080px;display:flex}#pr{height:32px;color:var(--mut);flex-shrink:0;justify-content:space-between;align-items:center;gap:8px;padding:0 8px;font-size:12px;display:flex}.save-indicator{font-family:Geist,system-ui,sans-serif;font-size:11px;font-weight:600}#app{border:1px solid var(--line);background:var(--dw);border-radius:32px;flex:1;width:100%;min-height:440px;position:relative;overflow:hidden}@supports (color:color-mix(in lab, red, red)){#app{background:color-mix(in srgb, var(--dw) 70%, transparent)}}#app{touch-action:none;-webkit-user-select:none;user-select:none}.ab{pointer-events:none;position:absolute;inset:0}#gl{z-index:1}#tn{background:radial-gradient(60vmax 60vmax at 50% 48%, var(--family-glow), transparent);opacity:1;animation:.7s both ambient-in}#gh{text-align:center;opacity:.055;pointer-events:none;font-size:clamp(130px,13vw,190px);line-height:1;position:absolute;top:17%;left:0;right:0}.stage-topline{z-index:2;justify-content:space-between;align-items:center;gap:12px;display:flex;position:absolute;top:18px;left:18px;right:18px}.family-badge{background:var(--dw);border:1px solid var(--line);color:inherit;cursor:pointer;border-radius:30px;align-items:center;gap:8px;padding:7px 12px;font-size:12px;font-weight:800;display:inline-flex}.family-badge>span{background:var(--family-color);border-radius:50%;width:9px;height:9px;box-shadow:0 0 0 1px #0002}.stage-modes{z-index:2;justify-content:space-between;align-items:center;gap:8px;display:flex;position:absolute;top:73px;left:18px;right:18px}.segmented{background:var(--chip);border-radius:22px;flex-wrap:wrap;align-items:center;gap:4px;width:fit-content;max-width:100%;padding:4px;display:flex}.segmented button{background:0 0;border:0;border-radius:18px;justify-content:center;align-items:center;gap:6px;min-height:34px;padding:5px 12px;font-size:13px;font-weight:800;display:inline-flex}.segmented button[aria-pressed=true],.segmented button.active{background:var(--dw);color:var(--accent);box-shadow:0 2px 6px #0001}.segmented button svg{width:16px;height:16px}.model-button{background:var(--dw);border:0;border-radius:20px;align-items:center;gap:5px;min-height:40px;padding:8px 11px;font-size:12px;font-weight:700;display:flex}.model-button svg{width:15px;height:15px;color:var(--accent)}.g{background:var(--ctrl);border:1px solid var(--line);box-shadow:var(--shadow)}.wp{background:var(--dw);border:1px solid var(--line);min-height:44px;box-shadow:var(--shadow);cursor:grab;touch-action:none;z-index:2;border-radius:22px;align-items:center;gap:5px;padding:0 12px;font-size:13px;font-weight:800;transition:transform .4s cubic-bezier(.34,1.8,.5,1);display:flex;position:absolute;top:41%}.wp.left-3{left:14px}.wp.right-3{right:14px}.ar{z-index:2;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;padding:0;transition:transform .3s cubic-bezier(.34,1.8,.5,1);display:flex;position:absolute;right:18px}.ar:active{transform:scale(.9)}#au{top:29%}#ad{top:54%}.stage-lower{pointer-events:none;z-index:4;flex-direction:column;gap:12px;display:flex;position:absolute;bottom:60px;left:16px;right:16px}.scene-feedback{pointer-events:none;z-index:4;flex-direction:column;gap:10px;display:flex}.camera-tools{pointer-events:auto;z-index:2;justify-content:center;gap:6px;display:flex}.camera-tools .icon-button{background:var(--ctrl);width:40px;height:40px}#hint{text-align:center;color:var(--mut);pointer-events:none;z-index:2;font-size:12px;font-weight:600}.learning-tip{opacity:1;transition:opacity .65s ease-out}.learning-tip[aria-hidden=true]{opacity:0;pointer-events:none}#pk{white-space:nowrap;opacity:0;pointer-events:none;z-index:3;border-radius:22px;padding:10px 14px;font-size:12px;transition:transform .3s cubic-bezier(.34,1.7,.5,1),opacity .2s;position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%)scale(.8)}#pk.on{opacity:1;transform:translate(-50%)scale(1)}.onboarding-card{border:1px solid var(--line);background:var(--dw);z-index:2;box-shadow:var(--shadow);border-radius:14px;justify-content:space-between;align-items:center;gap:12px;padding:9px 12px;font-size:12px;display:flex;position:absolute;top:126px;left:20px;right:20px}.onboarding-card .text-button{white-space:nowrap;min-height:32px;margin:0;font-size:12px}.element-footer{pointer-events:auto;z-index:2;justify-content:center;align-items:center;gap:12px;display:flex}.element-identity{text-align:center;background:0 0;border:0;border-radius:20px;flex:1;min-width:0;padding:8px 4px;display:block}.element-identity:hover{background:var(--dw)}@supports (color:color-mix(in lab, red, red)){.element-identity:hover{background:color-mix(in srgb, var(--dw) 60%, transparent)}}.element-number{color:var(--mut);font-size:13px;line-height:1.3}.element-identity h1{letter-spacing:-1.2px;overflow-wrap:anywhere;margin:5px 0 7px;font-size:clamp(26px,3.2vw,40px)}.element-identity small{color:var(--mut);font-size:12px;display:block}.element-identity small>span{color:var(--accent);justify-content:center;align-items:center;gap:4px;margin-top:5px;font-size:11px;font-weight:700;display:flex}.element-identity small svg{width:12px;height:12px}.element-nav{width:40px;height:40px}.stage-bottom-tools{z-index:2;justify-content:space-between;align-items:center;gap:8px;display:flex;position:absolute;bottom:14px;left:16px;right:16px}.tool-button{border:1px solid var(--line);background:var(--dw);border-radius:22px;align-items:center;gap:6px;min-height:40px;padding:8px 12px;font-size:11px;font-weight:800;transition:transform .25s cubic-bezier(.34,1.5,.5,1);display:flex}.tool-button.act{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.tool-button svg{width:16px;height:16px}.model-caption{color:var(--mut);text-align:center;max-width:160px;font-size:10px;line-height:1.3}.shell-inspector{z-index:3;align-items:center;gap:8px;font-size:12px;display:flex;position:absolute;top:126px;left:20px;right:20px}.shell-inspector label{white-space:nowrap;font-weight:800}.shell-inspector select{border:1px solid var(--line);background:var(--dw);border-radius:12px;width:100%;min-width:0;padding:9px;font-size:16px}.atom-stage:has(.shell-inspector) .onboarding-card{display:none}.inspection-card{pointer-events:auto;background:var(--dw);border:1px solid var(--line);box-shadow:var(--shadow);z-index:4;border-radius:18px;align-items:start;gap:8px;padding:12px;display:flex}.inspection-card b{font-size:14px}.inspection-card p{color:var(--mut);margin-top:5px;font-size:12px}.inspection-card .icon-button{width:32px;height:32px;margin-left:auto}.atom-unavailable{z-index:2;background:var(--dw);border-radius:12px;margin:12px;padding:12px}.explorer-nav{z-index:5;border:1px solid var(--ink);justify-content:center;align-items:center;gap:2px;width:max-content;max-width:calc(100% - 24px);min-height:0;margin:12px auto 0;padding:6px;display:flex;position:relative}@supports (color:color-mix(in lab, red, red)){.explorer-nav{border:1px solid color-mix(in srgb, var(--ink) 16%, transparent)}}.explorer-nav{background:var(--ctrl);border-radius:999px}@supports (color:color-mix(in lab, red, red)){.explorer-nav{background:color-mix(in srgb, var(--ctrl) 88%, transparent)}}.explorer-nav{box-shadow:inset 0 1px 1px var(--ink), 0 5px 20px #0001}@supports (color:color-mix(in lab, red, red)){.explorer-nav{box-shadow:inset 0 1px 1px color-mix(in srgb, var(--ink) 12%, transparent), 0 5px 20px #0001}}.explorer-nav{-webkit-backdrop-filter:blur(20px)saturate(120%);isolation:isolate;flex-shrink:0}.explorer-nav button,.explorer-nav .dock-link{width:62px;min-width:48px;height:48px;min-height:48px;color:var(--mut);background:0 0;border:0;border-radius:999px;justify-content:center;align-items:center;padding:0;text-decoration:none;display:flex;position:relative}.explorer-nav button:is(:hover,[data-active=true]),.explorer-nav .dock-link:is(:hover,[aria-current=page]){color:var(--ink)}.dock-selection{border-radius:inherit;background:var(--ink);position:absolute;inset:0}@supports (color:color-mix(in lab, red, red)){.dock-selection{background:color-mix(in srgb, var(--ink) 14%, var(--dw))}}.dock-selection{box-shadow:inset 0 1px 0 var(--ink)}@supports (color:color-mix(in lab, red, red)){.dock-selection{box-shadow:inset 0 1px 0 color-mix(in srgb, var(--ink) 8%, transparent)}}.dock-selection{pointer-events:none;z-index:-1}.dock-icon{pointer-events:none;display:inline-flex}.dock-icon svg{width:26px;height:26px}:root[data-theme=noir] .explorer-nav{background:#111111e8;box-shadow:inset 0 1px 1px #ffffff18,0 5px 20px #0006}:root[data-theme=noir] .dock-selection{background:#383838}.story-symbol{text-shadow:0 1px #0002;margin:10px 0;font-size:54px;line-height:1.2;display:block}.story-card h2{overflow-wrap:anywhere;font-size:27px}.story-card p{font-size:14px}.story-card .lead-copy{font-size:16px}.connection-card p{margin-top:0;font-size:14px}.fact-callout{background:var(--accent-soft);border-radius:16px;align-items:start;gap:9px;margin:18px 0;padding:14px;display:flex}.fact-callout>svg{color:var(--accent);flex-shrink:0;width:18px;height:18px;margin-top:2px}.fact-callout p{margin:0;font-size:14px;line-height:1.5}.action-button{border:1px solid var(--line);border-radius:var(--radius-control);background:var(--dw);min-height:44px;color:var(--ink);justify-content:center;align-items:center;gap:8px;padding:10px 15px;font-size:14px;font-weight:800;text-decoration:none;transition:background .15s,transform .2s;display:inline-flex}.action-button:hover{background:var(--sel)}.action-button:active{transform:scale(.97)}.action-button svg{width:18px;height:18px}.primary-action{background:var(--accent-soft);color:var(--accent);margin-top:17px}.text-button,.text-link{color:var(--accent);background:0 0;border:0;align-items:center;gap:5px;min-height:36px;margin-top:12px;padding:5px 0;font-size:13px;font-weight:800;text-decoration:none;display:inline-flex}.text-button svg,.text-link svg{width:15px;height:15px}.tag{border:1px solid var(--line);background:var(--chip);min-height:30px;color:var(--ink);border-radius:20px;justify-content:center;align-items:center;gap:6px;padding:5px 10px;font-size:12px;font-weight:700;display:inline-flex}button.tag{min-height:38px}.toast{left:50%;bottom:calc(30px + env(safe-area-inset-bottom));background:var(--ink);max-width:calc(100% - 32px);color:var(--dw);text-align:center;box-shadow:var(--shadow);opacity:0;pointer-events:none;z-index:80;border-radius:30px;padding:12px 20px;font-size:13px;font-weight:700;transition:opacity .2s,transform .3s cubic-bezier(.34,1.5,.5,1);position:fixed;transform:translate(-50%)translateY(20px)}.toast.on{opacity:1;transform:translate(-50%)translateY(0)}.dialog-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:40;background:#0b14325e;position:fixed;inset:0}.dialog-content{width:min(760px,100vw - 32px);max-height:min(88dvh, 900px, calc(100dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom) - 24px));background:var(--dw);color:var(--ink);border:1px solid var(--line);overscroll-behavior:contain;z-index:50;touch-action:pan-y;border-radius:28px;position:fixed;inset:50% auto auto 50%;overflow:auto;translate:-50% -50%;box-shadow:0 28px 100px #09112f40}.dialog-body{min-width:0}.dh{background:var(--dw);z-index:6;border-radius:28px 28px 0 0;justify-content:space-between;align-items:center;gap:16px;padding:22px 24px 12px;display:flex;position:sticky;top:0}.dh .eyebrow{margin-bottom:4px}.dh h2{font-size:24px}.dh>b{font-size:24px;font-weight:800}.panel-content{gap:var(--space-4);padding:var(--space-3) var(--space-6) var(--space-6);display:grid}.panel-content>*{margin-block:0}.panel-content>p,.panel-content>.comparison-scroll,.panel-content>.sandbox-illustration,.panel-content>.search-suggestions,.panel-content>.field-label{margin:0}.field-group{gap:var(--space-2);display:grid}.field-group>.field-label{margin:0}.panel-section{gap:var(--space-3);padding-top:var(--space-4);border-top:1px solid var(--line);margin:0;display:grid}.panel-section>*{margin-block:0}.panel-section>h3,.panel-section>p,.panel-section>.panel-title,.panel-section>.field-label,.panel-section>.text-link,.panel-section>.text-button,.panel-section>.learning-progress,.panel-section>.property-list,.panel-section>.element-chips,.feature-card>.learning-progress,.feature-card>.element-chips{margin:0}.panel-section:first-child{border-top:0;padding-top:0}.panel-content>.action-button,.panel-section>.action-button,.panel-section>.tag{justify-self:start}.panel-title{margin-bottom:14px;font-size:21px}.feature-grid{gap:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));margin:0;display:grid}.feature-card{align-content:start;gap:var(--space-3);border:1px solid var(--line);background:var(--chip);border-radius:20px;min-width:0;padding:18px;display:grid}.feature-card>*{margin-block:0}.feature-card>.tag,.feature-card>.action-button{justify-self:start}.feature-card .panel-title,.feature-card p{margin:0}.feature-card h3{overflow-wrap:anywhere;font-size:17px}.feature-card p{font-size:14px;line-height:1.5}.feature-card .action-button{background:var(--dw);margin-top:0}.stat-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0;display:grid}.stat{border:1px solid var(--line);background:var(--chip);border-radius:18px;flex-direction:column;align-items:start;gap:4px;padding:14px;display:flex}.stat strong,.stat b{font-size:26px;font-weight:900}.stat span,.stat small{color:var(--mut);font-size:12px}.learning-progress{appearance:none;background:var(--chip);width:100%;height:7px;accent-color:var(--accent);border:0;border-radius:7px;margin:12px 0;display:block;overflow:hidden}.learning-progress::-webkit-progress-bar{background:var(--line);border-radius:7px}.learning-progress::-webkit-progress-value{background:var(--accent);border-radius:7px}.learning-progress::-moz-progress-bar{background:var(--accent);border-radius:7px}.element-chips{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.field-label{margin:16px 0 7px;font-size:14px;font-weight:800;display:block}.field-label:has(>svg){align-items:center;gap:var(--space-2);display:flex}.field-label>svg{flex-shrink:0}.form-input{border:1px solid var(--line);background:var(--dw);border-radius:13px;width:100%;min-height:46px;padding:10px 12px;font-size:16px;display:block}input[type=file].form-input{font-size:16px}.settings-toggle{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:15px;min-height:54px;padding:10px 0;font-size:15px;font-weight:700;display:flex}.settings-toggle input{accent-color:var(--accent);flex-shrink:0;width:22px;height:22px}.property-list{margin:12px 0}.property-list>div{border-bottom:1px solid var(--line);grid-template-columns:1fr 1.4fr;gap:18px;padding:12px 0;display:grid}.property-list dt{font-size:14px;font-weight:700}.property-list dd{overflow-wrap:anywhere;margin:0;font-size:13px}.property-list small{color:var(--mut);margin-top:4px;font-size:12px;line-height:1.5;display:block}.source-links{flex-wrap:wrap;gap:12px;font-size:13px;font-weight:700;display:flex}.action-row{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.icon-action,.tool-button.icon-action,.action-button.icon-action,.chip.icon-action{flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;min-height:44px;padding:0;display:inline-flex}.icon-action>svg{width:20px;height:20px}.segmented button.icon-action{width:44px;height:auto;min-height:34px;padding-inline:0}.detail-orbit{grid-template-columns:190px minmax(0,1fr);align-items:center;gap:24px;margin:0;display:grid}.detail-atom-copy{gap:var(--space-3);display:grid}.detail-atom-copy>*{margin:0}.element-structure>svg{max-width:100%;height:auto}.element-structure{text-align:center;margin:0}.element-structure>svg{margin:auto;display:block}.element-structure figcaption{margin-top:12px}.structure-electrons{transform-box:view-box;transform-origin:50%;animation:structure-orbit var(--orbit-duration) linear infinite;animation-play-state:paused}.element-structure[data-playing=true] .structure-electrons{animation-play-state:running}.structure-control{align-items:center;gap:8px;min-height:44px;display:inline-flex}@keyframes structure-orbit{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.structure-electrons{animation:none!important}}.configuration{overflow-wrap:anywhere;background:var(--chip);border-radius:12px;padding:10px 12px;font-size:13px}.fa{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0;display:grid}.fa>div{background:var(--chip);color:var(--mut);border-radius:16px;padding:12px;font-size:12px}.fa b{color:var(--ink);overflow-wrap:anywhere;margin-top:5px;font-size:14px;font-weight:700;display:block}.comparison-scroll{border:1px solid var(--line);border-radius:16px;margin-top:16px;overflow:auto}.comparison-table{border-collapse:collapse;width:100%;min-width:430px;font-size:14px}.comparison-table th,.comparison-table td{text-align:left;border-bottom:1px solid var(--line);vertical-align:top;padding:13px}.comparison-table th{background:var(--chip);font-weight:800}.comparison-table small{color:var(--mut);margin-top:4px;font-size:11px;display:block}.search-suggestions{flex-wrap:wrap;gap:7px;margin:8px 0;display:flex}.sandbox-illustration{text-align:center;background:var(--accent-soft);margin-top:18px}.sandbox-illustration svg{width:min(100%,360px);height:auto;margin:0 auto;display:block}.sandbox-formula{margin:12px 0;font-size:36px}.discovery-card{background:radial-gradient(140px 120px at 100% 100%, var(--family-color), transparent 72%), linear-gradient(180deg, var(--dw), var(--dw))}@supports (color:color-mix(in lab, red, red)){.discovery-card{background:radial-gradient(140px 120px at 100% 100%, color-mix(in srgb, var(--family-color) 48%, transparent), transparent 72%), linear-gradient(180deg, color-mix(in srgb, var(--dw) 82%, var(--chip)), var(--dw))}}.discovery-card{border:1px solid var(--family-color)}@supports (color:color-mix(in lab, red, red)){.discovery-card{border:1px solid color-mix(in srgb, var(--family-color) 34%, var(--line))}}.discovery-card{gap:var(--space-3);border-radius:24px;margin:0;padding:24px;display:grid;position:relative;overflow:hidden}.discovery-card>*{margin-block:0}.discovery-card>.tag{justify-self:start}.discovery-card-number{color:var(--mut);font-size:12px;display:block}.discovery-card-symbol{color:var(--ink);margin:0;font-family:JetBrains Mono,monospace;font-size:100px;font-weight:700;line-height:1.15}.discovery-card .panel-title,.discovery-card p{margin:0}.panel-content p[role=status]:empty{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.discovery-personality{font-style:italic}.keyboard-help>div{border-bottom:1px solid var(--line);grid-template-columns:120px 1fr;padding:9px 0;font-size:14px;display:grid}.keyboard-help dt{font-family:JetBrains Mono,monospace;font-size:12px;font-weight:700}.keyboard-help dd{color:var(--mut);margin:0}.search-input-row{border:1px solid var(--line);background:var(--chip);border-radius:15px;align-items:center;gap:10px;padding:0 14px;display:flex}.search-input-row svg{color:var(--mut);flex-shrink:0}.search-input-row .search-input{background:0 0;border:0;outline:none;width:100%;min-width:0;min-height:52px;font-size:16px}.search-input-row:focus-within{outline:3px solid var(--accent);outline-offset:2px}.search-filter-label{justify-content:space-between;align-items:center;gap:12px;margin:16px 0;font-size:13px;font-weight:700;display:flex}.search-family{border:1px solid var(--line);background:var(--dw);border-radius:12px;max-width:70%;min-height:40px;padding:5px 10px;font-size:16px}.search-shortcuts{flex-wrap:wrap;align-items:center;gap:6px;margin:14px 0;display:flex}.search-shortcuts>span{color:var(--mut);font-size:12px}.search-shortcut{border:1px solid var(--line);background:var(--chip);border-radius:18px;min-height:34px;padding:6px 11px;font-size:12px;font-weight:700}.search-results{gap:5px;max-height:340px;margin:0;padding:0;list-style:none;display:grid;overflow:auto}.search-result{text-align:left;background:0 0;border:1px solid #0000;border-radius:16px;align-items:center;gap:12px;width:100%;min-height:62px;padding:10px;display:flex}.search-result[aria-selected=true],.search-result:hover{background:var(--accent-soft);border-color:var(--line)}.search-symbol{background:var(--chip);width:40px;height:40px;color:var(--ink);border:1px solid var(--line);border-radius:28%;flex-shrink:0;justify-content:center;align-items:center;font-family:JetBrains Mono,monospace;font-size:14px;font-weight:700;display:flex}.search-result-name{overflow-wrap:anywhere;flex-direction:column;flex:1;min-width:0;font-size:15px;font-weight:800;display:flex}.search-result-name small{color:var(--mut);font-size:12px;font-weight:500}.search-atomic-number{color:var(--mut);flex-shrink:0;margin-left:auto;font-family:JetBrains Mono,monospace;font-size:12px}.search-status{min-height:20px;color:var(--mut);margin:12px 0 0;font-size:12px}.table-dialog{width:min(1160px,100vw - 32px)}#dw{flex-direction:column;height:min(74dvh,740px);min-height:350px;display:flex}.chips{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;padding:0 20px 14px;display:flex}.chip{background:var(--chip);border:1px solid var(--line);border-radius:20px;justify-content:center;align-items:center;min-height:38px;padding:5px 14px;font-size:13px;font-weight:800;display:inline-flex}#tb{--cs:56px;touch-action:pan-x pan-y;grid-template-columns:repeat(18, var(--cs));grid-template-rows:26px repeat(7, max(48px, calc(var(--cs)*1.2))) 8px repeat(2, max(48px, calc(var(--cs)*1.2)));scrollbar-width:thin;flex:1;align-content:start;gap:4px;min-height:0;padding:0 20px 20px;display:grid;overflow:auto}#tb em{text-align:center;color:var(--mut);border-bottom:1px solid var(--line);font:500 12px JetBrains Mono,monospace}.c{justify-content:center;align-items:center;gap:clamp(2px, calc(var(--cs)*.05), 4px);padding:clamp(2px, calc(var(--cs)*.05), 4px) 0;background:0 0;border:1px solid #0000;border-radius:14px;flex-direction:column;display:flex}.c i{font:500 11px JetBrains Mono,monospace;font-size:clamp(9px, calc(var(--cs)*.2), 12px);color:var(--mut);line-height:1.1}.c b{width:calc(var(--cs)*.75);height:calc(var(--cs)*.75);font-size:clamp(10px, calc(var(--cs)*.27), 18px);color:#152043;background:radial-gradient(circle at 35% 28%, var(--c), var(--c) 65%);border-radius:28%;justify-content:center;align-items:center;font-weight:900;line-height:1;display:flex}@supports (color:color-mix(in lab, red, red)){.c b{background:radial-gradient(circle at 35% 28%, color-mix(in srgb, var(--c) 40%, #fff), var(--c) 65%)}}.c b{transition:transform .35s cubic-bezier(.34,1.8,.5,1);box-shadow:inset 0 -3px 6px #0002}.c:active b{transform:scale(.88)}.c.sel{background:var(--sel);border-color:var(--accent)}#dw.open .c{animation:.45s both drop;animation-delay:var(--d)}.table-legend{color:var(--mut);flex-wrap:wrap;gap:12px;padding:10px 20px;font-size:12px;display:flex}.table-legend span{align-items:center;gap:5px;display:flex}.table-legend i{border-radius:50%;width:8px;height:8px}.card{background:var(--chip);text-align:center;border-radius:24px;margin:10px 24px 20px;padding:24px 18px}#qq{margin-bottom:20px;font-size:25px;font-weight:800;line-height:1.3}#qa{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.opt{border:1px solid var(--line);background:var(--dw);overflow-wrap:anywhere;border-radius:16px;min-height:54px;padding:10px 8px;font-size:16px;font-weight:800;transition:transform .35s cubic-bezier(.34,1.8,.5,1)}.opt:active{transform:scale(.94)}.opt.ok{color:#124834;opacity:1;background:#b1f0d7;border-color:#389a70;animation:.5s pop}.opt.no{color:#8f1738;opacity:1;background:#ffd4db;border-color:#cf5974;animation:.35s shake}.quiz-intro{margin-top:0;padding:0 24px 12px}.quiz-clue{color:var(--mut);margin-bottom:20px;font-size:15px}.quiz-explanation{padding:0 24px 24px}.quiz-explanation p{color:var(--mut);font-size:14px}.quiz-explanation .action-button{margin-top:12px}.cf{z-index:9;pointer-events:none;border-radius:2px;width:8px;height:12px;animation:1.1s cubic-bezier(.2,.7,.3,1) both confetti;position:absolute}.native-status{z-index:101;flex-wrap:wrap;align-items:center;gap:8px;max-width:calc(100vw - 40px);font-size:12px;display:flex;position:fixed;bottom:20px;left:20px}.native-status>span,.native-status-action{background:var(--dw);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:20px;padding:8px 12px;font-weight:700}.native-status-action{cursor:pointer;align-items:center;gap:6px;min-height:38px;display:inline-flex}.reference-page{max-width:1120px;padding:calc(24px + env(safe-area-inset-top)) 24px calc(80px + env(safe-area-inset-bottom));margin:auto}.reference-header{justify-content:space-between;align-items:center;gap:14px;margin-bottom:50px;display:flex}.reference-brand{letter-spacing:-.7px;font-size:23px;font-weight:900}.reference-brand svg{color:var(--accent)}.reference-action{border:1px solid var(--line);background:var(--dw);min-height:44px;color:var(--ink);border-radius:15px;align-items:center;gap:8px;padding:10px 16px;font-size:14px;font-weight:800;text-decoration:none;display:inline-flex}.reference-intro{max-width:800px;margin-bottom:36px;position:relative}.reference-intro h1{letter-spacing:-2px;margin:14px 0;font-size:clamp(36px,6vw,64px)}.reference-intro p{color:var(--mut);max-width:680px;font-size:18px;line-height:1.7}.reference-hero-symbol{background:var(--accent-soft);border:1px solid var(--line);min-width:110px;height:110px;color:var(--ink);border-radius:30px;justify-content:center;align-items:center;font-family:JetBrains Mono,monospace;font-size:60px;font-weight:700;display:inline-flex}.reference-content-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.reference-card,.reference-section{background:var(--dw);border:1px solid var(--line);border-radius:24px;margin:20px 0;padding:26px}.reference-content-grid .reference-card{margin:0}.reference-card h2,.reference-section h2{margin-bottom:14px;font-size:24px}.reference-card p,.reference-section p{line-height:1.7}.reference-configuration{background:var(--chip);overflow-wrap:anywhere;border-radius:12px;padding:15px;font-family:JetBrains Mono,monospace;font-size:14px}.reference-facts{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:20px 0;display:grid}.reference-facts>div{background:var(--chip);border-radius:15px;padding:15px}.reference-facts dt{color:var(--mut);font-size:12px;font-weight:700}.reference-facts dd{margin:6px 0 0;font-size:16px}.reference-properties{margin:0}.reference-properties>div{border-bottom:1px solid var(--line);grid-template-columns:1fr 1.5fr;gap:20px;padding:16px 0;display:grid}.reference-properties dt{font-size:15px;font-weight:800}.reference-properties dd{overflow-wrap:anywhere;margin:0}.reference-properties small{color:var(--mut);margin-top:5px;font-size:12px;line-height:1.6;display:block}.reference-pagination{justify-content:space-between;gap:14px;margin-top:24px;display:flex}.reference-footer{border-top:1px solid var(--line);color:var(--mut);margin-top:42px;padding-top:24px;font-size:13px}.reference-family-nav{flex-wrap:wrap;gap:8px;margin:20px 0 36px;display:flex}.reference-family-nav a{border:1px solid var(--line);background:var(--dw);border-radius:20px;padding:8px 12px;font-size:13px;font-weight:700;text-decoration:none}.reference-family{margin:36px 0;scroll-margin-top:24px}.reference-family h2{margin-bottom:16px}.reference-grid{grid-template-columns:repeat(auto-fill,minmax(145px,1fr));gap:12px;display:grid}.reference-element-link{border:1px solid var(--line);background:var(--dw);min-height:130px;color:var(--ink);border-radius:20px;flex-direction:column;gap:4px;padding:16px;text-decoration:none;transition:transform .2s;display:flex}.reference-element-link:hover{background:var(--accent-soft);transform:translateY(-3px)}.reference-number{color:var(--mut);font-family:JetBrains Mono,monospace;font-size:12px}.reference-symbol{font-family:JetBrains Mono,monospace;font-size:30px;font-weight:700}@keyframes panel-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}@keyframes ambient-in{0%{opacity:0}to{opacity:1}}@keyframes drop{0%{opacity:0;transform:translateY(-14px)scale(.88)}to{opacity:1;transform:none}}@keyframes pop{0%{transform:scale(.7)}60%{transform:scale(1.08)}to{transform:scale(1)}}@keyframes shake{25%{transform:translate(-6px)}75%{transform:translate(6px)}}@keyframes confetti{45%{transform:translate(calc(var(--x)*.7), var(--y)) rotate(calc(var(--r)*.5))}to{transform:translate(var(--x), calc(var(--y) + 420px)) rotate(var(--r));opacity:0}}@media (min-width:1600px){.atom-column{height:min(950px,100svh - 120px)}}@media (max-width:1199px){.explorer-layout{grid-template-columns:minmax(0,1fr) 290px;gap:20px;max-width:1000px;margin:auto;padding:0 24px 20px}.journey-rail{display:none}.site-header{padding-left:24px;padding-right:24px}.atom-column{height:max(690px,100svh - 117px)}}@media (max-width:899px){.explorer-layout{max-width:700px;padding:0 16px 12px;display:block}.story-rail{display:none}.site-header{max-width:720px;padding:calc(14px + env(safe-area-inset-top)) 20px 14px;margin:auto}.atom-column{height:max(660px,100svh - 95px);max-height:980px}.save-indicator{font-size:10px}.toast{bottom:calc(82px + env(safe-area-inset-bottom))}.native-status{bottom:calc(82px + env(safe-area-inset-bottom));left:12px}.library-link{display:none}}@media (max-width:599px){.site-header{padding:calc(12px + env(safe-area-inset-top)) 16px 12px;gap:8px}.brand-link{gap:8px}.brand-link svg{width:30px;height:30px}.brand-link strong{font-size:22px}.brand-link small{letter-spacing:0;font-size:9px}.header-actions{gap:5px}.header-actions .icon-button{width:40px;height:40px}.settings-trigger{display:none}.explorer-layout{padding:0 8px 8px}.atom-column{height:max(655px,100svh - 76px);max-height:none}#pr{height:30px;padding:0 10px;font-size:10px}.save-indicator{font-size:9px}#app{border-radius:26px;min-height:475px}.stage-topline{top:14px;left:14px;right:14px}.stage-modes{gap:5px;top:68px;left:14px;right:14px}.segmented button{padding:5px 9px;font-size:12px}.model-button{gap:3px;padding:6px 8px;font-size:10px}.model-button svg{width:12px;height:12px}.family-badge{font-size:11px}.camera-tools{gap:5px}.camera-tools .icon-button{width:38px;height:38px}.wp{min-height:40px;padding:0 10px;font-size:12px}.wp.left-3{left:10px}.wp.right-3{right:10px}.ar{width:40px;height:40px;right:12px}.stage-lower{bottom:58px;left:12px;right:12px}.element-footer{gap:7px}.element-identity h1{letter-spacing:-.9px;font-size:32px}.element-identity small,.element-number{font-size:11px}.element-nav{width:36px;height:36px}.stage-bottom-tools{bottom:12px;left:12px;right:12px}.tool-button{gap:4px;padding:8px 10px;font-size:10px}.model-caption{max-width:130px;font-size:9px}.onboarding-card{font-size:11px;top:119px;left:14px;right:14px}.explorer-nav{margin-top:10px}.explorer-nav button,.explorer-nav .dock-link{width:56px}.dialog-content{width:calc(100vw - 16px);max-height:min(90dvh, calc(100dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom) - 16px));inset:auto auto calc(8px + env(safe-area-inset-bottom)) 50%;border-radius:24px;translate:-50%}.dh{border-radius:24px 24px 0 0;padding:18px 18px 12px}.dh h2,.dh>b{font-size:21px}.panel-content{padding:var(--space-3) 18px var(--space-6)}.panel-title{font-size:19px}.feature-grid{gap:10px}.feature-card{border-radius:17px;padding:14px}.feature-card h3{font-size:15px}.feature-card p{font-size:13px}.action-button{padding:9px 12px;font-size:12px}.stat-grid{gap:7px}.stat{padding:12px}.stat strong,.stat b{font-size:22px}.stat small{font-size:11px}.detail-orbit{grid-template-columns:1fr;gap:12px}.detail-orbit .element-structure>svg{width:160px;margin:auto}.fa{gap:7px}.fa>div{padding:10px;font-size:11px}.fa b{font-size:12px}.property-list>div{grid-template-columns:1fr 1.3fr;gap:10px}.search-results{max-height:calc(100dvh - 310px)}.search-family{font-size:16px}.table-dialog{width:calc(100vw - 12px)}#dw{height:78dvh;min-height:320px}#tb{padding:0 12px 14px}.chips{padding:0 12px 12px}.card{margin:10px 18px 18px;padding:22px 15px}#qq{font-size:22px}.quiz-intro,.quiz-explanation{padding-left:18px;padding-right:18px}.reference-page{padding:calc(20px + env(safe-area-inset-top)) 16px calc(70px + env(safe-area-inset-bottom))}.reference-header{flex-wrap:wrap;margin-bottom:32px}.reference-brand{font-size:21px}.reference-action{padding:9px 12px;font-size:12px}.reference-intro h1{letter-spacing:-1.5px;font-size:42px}.reference-intro p{font-size:16px}.reference-content-grid{grid-template-columns:1fr}.reference-card,.reference-section{border-radius:20px;padding:20px}.reference-facts{gap:8px}.reference-facts>div{padding:12px}.reference-facts dd{font-size:13px}.reference-properties>div{grid-template-columns:1fr;gap:5px}.reference-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:359px){.brand-link small{display:none}.brand-link strong{font-size:20px}.header-actions .icon-button{width:36px;height:36px}.model-button{font-size:9px}.model-button svg{display:none}.element-identity h1{font-size:28px}.feature-grid{grid-template-columns:1fr}.menu{right:8px}.menu button{padding:0 8px;font-size:11px}}@media (max-height:600px) and (min-width:600px){.atom-column{height:640px}.dialog-content{max-height:92dvh}.native-status{bottom:12px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation:none!important}}@media (prefers-contrast:more){:root{--line:var(--mut)}.g,.rail-card,.dialog-content,.feature-card{border-width:2px}.save-indicator,.model-caption{color:var(--ink)}}.search-filter-label{flex-wrap:wrap}.search-family{min-width:0;max-width:100%}.element-identity[data-long-name=true] h1{font-size:clamp(22px,2.3vw,32px)}.text-link svg{vertical-align:middle;width:14px;height:14px;display:inline-block}@media (max-width:640px){.element-identity[data-long-name=true] h1{font-size:clamp(19px,6.5vw,28px)}}@media (max-width:359px){.onboarding-card{padding:6px 10px;font-size:10px;top:112px}}@supports (corner-shape:squircle){:is(#app,.welcome-canvas,.welcome-step,.welcome-preview,.welcome-image,.skip-link,.menu,.menu button,.rail-card,.family-link,.onboarding-card,.element-identity,.shell-inspector select,.inspection-card,.atom-unavailable,.fact-callout,.action-button,.dialog-content,.dh,.feature-card,.stat,.form-input,.configuration,.fa>div,.comparison-scroll,.discovery-card,.search-input-row,.search-family,.search-result,.search-symbol,.c,.c b,.card,.opt,.reference-action,.reference-hero-symbol,.reference-card,.reference-section,.reference-configuration,.reference-facts>div,.reference-family-nav a,.reference-element-link,[data-slot=card],[data-slot=button]:not([data-variant=unstyled]),[data-slot=input]:not([type=checkbox]):not([type=radio]):not([type=range])){corner-shape:squircle}:is(.c b,.search-symbol,.reference-hero-symbol){border-radius:50%}.welcome-interaction{corner-shape:inherit}}.playground-page{min-height:100dvh;color:var(--ink);padding-bottom:max(24px, env(safe-area-inset-bottom))}.playground-header{max-width:1240px;padding:max(20px, env(safe-area-inset-top)) 32px 20px;border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;margin:auto;display:flex}.game-brand{color:var(--ink);align-items:center;gap:12px;font-size:19px;font-weight:850;text-decoration:none;display:flex}.game-brand>svg{width:28px;height:28px}.game-brand b{color:var(--mut);margin-left:5px;font-size:14px;font-weight:650}.game-toolbar{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.game-xp{color:var(--mut);white-space:nowrap;font-size:13px}.playground-main{max-width:1180px;margin:auto;padding:40px 24px 16px}.playground-intro{max-width:710px;margin:0 0 32px}.playground-intro h1{letter-spacing:-.045em;margin:12px 0 18px;font-size:clamp(36px,5vw,60px);font-weight:900;line-height:1.06}.playground-intro>p{color:var(--mut);max-width:630px;font-size:18px;line-height:1.6}.playground-main h2{letter-spacing:-.025em;margin:0 0 20px;font-size:23px;font-weight:850;line-height:1.25}.playground-overview{grid-template-columns:1.7fr 1fr;gap:20px;margin-bottom:40px;display:grid}.game-daily-card,.game-progress-card,.playground-game-card,.game-workspace,.game-creation,.game-empty-lab{border:1px solid var(--line);background:var(--dw);box-shadow:var(--shadow);border-radius:28px}.game-daily-card{background:linear-gradient(135deg, var(--dw), var(--accent-soft));align-items:center;gap:20px;padding:28px;display:flex}.game-daily-card>svg{width:35px;height:35px;color:var(--accent);flex-shrink:0}.game-daily-card>div{flex:1}.game-daily-card h2{margin:7px 0 9px;font-size:23px}.game-daily-card p,.game-progress-card p{color:var(--mut);font-size:14px;line-height:1.6}.game-progress-card{flex-direction:column;align-items:flex-start;gap:8px;padding:25px;display:flex}.game-progress-card>strong{font-size:34px;line-height:1.2}.game-progress-card strong small{color:var(--mut);margin-left:5px;font-size:18px}.game-progress-card>p{margin:0}.playground-page progress{appearance:none;background:var(--chip);border:0;border-radius:6px;width:100%;height:6px;overflow:hidden}.playground-page progress::-webkit-progress-bar{background:var(--chip)}.playground-page progress::-webkit-progress-value{background:var(--accent);border-radius:6px}.playground-page progress::-moz-progress-bar{background:var(--accent);border-radius:6px}.playground-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;display:grid}.playground-grid>div{display:flex}.playground-game-card{flex-direction:column;gap:14px;width:100%;padding:24px;display:flex}.game-card-top{justify-content:space-between;align-items:center;display:flex}.game-card-icon{background:var(--accent-soft);color:var(--accent);border-radius:16px;place-items:center;width:48px;height:48px;display:grid}.game-card-icon>svg{width:24px;height:24px}.playground-game-card h3{letter-spacing:-.025em;margin:0;font-size:20px;font-weight:850;line-height:1.25}.playground-game-card>p{color:var(--mut);flex:1;margin:0;font-size:14px;line-height:1.6}.game-card-mastery{align-items:center;gap:8px;font-size:12px;display:flex}.game-card-mastery>span:first-child{color:var(--accent)}.game-card-mastery>span:last-child{color:var(--mut)}.playground-page .action-button{white-space:normal;text-align:center;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:10px 14px;line-height:1.35;text-decoration:none;display:inline-flex}.playground-game-card>.action-button{justify-content:space-between;margin-top:4px;font-size:13px}.playground-page .game-primary{background:var(--ink);color:var(--dw);border-color:var(--ink)}.playground-page .icon-button{min-width:44px;min-height:44px}.game-achievements,.game-collection{margin-top:40px}.game-badge-row{flex-wrap:wrap;gap:12px;display:flex}.game-badge-row>span{border:1px solid var(--line);color:var(--mut);background:var(--dw);border-radius:18px;align-items:center;gap:8px;padding:14px 18px;font-size:13px;display:flex}.game-badge-row>.earned{color:var(--accent);background:var(--accent-soft)}.game-section-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.game-section-heading>h2{margin:0}.game-collection>p{max-width:660px;margin:12px 0 20px}.game-empty-lab{align-items:center;gap:18px;padding:28px;display:flex}.game-empty-lab>p{color:var(--mut);flex:1;max-width:700px;font-size:14px;line-height:1.6}.game-empty-lab>svg{color:var(--accent);width:28px;height:28px}.game-creation-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.game-creation{flex-direction:column;gap:12px;padding:20px;display:flex}.game-creation>svg{background:var(--chip);border-radius:18px;width:100%;height:auto}.game-creation>h3{overflow-wrap:anywhere;font-size:17px;font-weight:800;line-height:1.4}.game-creation>p{color:var(--mut);margin:0;font-size:13px}.game-footnote{color:var(--mut);max-width:830px;margin:26px 0 0;font-size:12px;line-height:1.8}.playground-page a:not(.action-button):not(.game-brand){color:var(--accent);text-underline-offset:3px;text-decoration:underline}.game-notice{color:var(--ink);margin-top:16px;font-size:14px;line-height:1.6}.game-heading{align-items:center;gap:15px;max-width:940px;margin:0 auto 22px;display:flex}.game-heading>div{flex:1}.game-heading h1{letter-spacing:-.035em;margin:4px 0 0;font-size:clamp(25px,4vw,38px);font-weight:900;line-height:1.15}.game-heading h1:focus{outline:none}.game-options{flex-wrap:wrap;align-items:center;gap:12px;max-width:940px;margin:0 auto 18px;display:flex}.game-options>label:first-child{flex:1;min-width:180px;max-width:260px}.game-toggle{min-height:44px;color:var(--mut);align-items:center;gap:8px;font-size:14px;display:inline-flex}.game-toggle>input{width:20px;height:20px;accent-color:var(--accent);flex-shrink:0}.game-time{font-size:14px}.game-workspace{max-width:940px;margin:auto;padding:28px}.game-body{flex-direction:column;gap:20px;display:flex}.game-task{max-width:760px;margin:0;font-size:16px;line-height:1.7}.game-model{background:radial-gradient(ellipse at 50% 40%, var(--accent-soft), var(--chip) 75%);border:1px solid var(--line);border-radius:24px;margin:0;position:relative;overflow:hidden}.game-canvas{width:100%;height:clamp(260px,38vw,350px)}.game-canvas>canvas{touch-action:none;cursor:grab;display:block}.game-canvas>canvas:active{cursor:grabbing}.game-model figcaption{pointer-events:none;flex-direction:column;gap:5px;padding:14px 18px 18px;font-size:14px;display:flex}.game-model figcaption>span{color:var(--mut);font-size:12px;line-height:1.5}.game-camera-tools{gap:4px;display:flex;position:absolute;top:12px;right:12px}.game-model-fallback{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:20px;height:100%;padding:35px;line-height:1.6;display:flex}.game-palette{flex-wrap:wrap;gap:10px;display:flex}.game-ingredient{background:var(--chip);cursor:pointer;min-width:78px;min-height:72px;color:var(--ink);touch-action:pan-y;border:2px solid #0000;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:8px 12px;display:flex}.game-ingredient[draggable=true]{touch-action:none}.game-ingredient>span{color:var(--accent);font-size:24px;line-height:1.3}.game-ingredient>small{color:var(--mut);font-size:11px}.game-ingredient[aria-pressed=true]{border-color:var(--accent);background:var(--accent-soft)}.game-slots{flex-wrap:wrap;gap:10px;display:flex}.game-slot{align-items:center;gap:2px;display:flex}.game-slot>.action-button{min-width:90px}@media (max-width:520px){.family-results{gap:10px}}.family-filters{scrollbar-width:none;flex-wrap:nowrap;gap:8px;margin:14px 0 8px;padding:6px 2px 10px;display:flex;overflow-x:auto}.family-filters::-webkit-scrollbar{display:none}.family-filter{border:1px solid var(--line);background:var(--chip);flex:none;align-items:center;gap:8px;min-height:40px;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.family-filter{background:color-mix(in srgb, var(--chip) 88%, var(--dw))}}.family-filter{color:inherit;cursor:pointer;border-radius:999px;padding:6px 14px;font-size:13px;font-weight:800;transition:box-shadow .28s,background .28s,border-color .28s,transform .28s cubic-bezier(.16,1,.3,1)}.family-filter[aria-pressed=true]{background:var(--accent);border-color:#0000}@supports (color:color-mix(in lab, red, red)){.family-filter[aria-pressed=true]{background:color-mix(in srgb, var(--accent) 24%, var(--dw))}}.family-filter[aria-pressed=true]{box-shadow:0 0 0 1.5px var(--accent), 0 0 18px var(--accent)}@supports (color:color-mix(in lab, red, red)){.family-filter[aria-pressed=true]{box-shadow:0 0 0 1.5px var(--accent), 0 0 18px color-mix(in srgb, var(--accent) 70%, transparent)}}.family-filter i{background:var(--family-color);width:8px;height:8px;box-shadow:0 0 8px var(--family-color);border-radius:50%;display:block}.family-results{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;max-height:min(62dvh,640px);margin:0;padding:4px 2px 8px;list-style:none;display:grid;overflow:auto}.element-card-item{gap:8px;min-width:0;display:grid}.element-card{border:1px solid var(--family-color);border-radius:22px;flex-direction:column;align-items:stretch;width:100%;min-height:168px;padding:14px 16px 16px;display:flex;position:relative}@supports (color:color-mix(in lab, red, red)){.element-card{border:1px solid color-mix(in srgb, var(--family-color) 36%, var(--line))}}.element-card{background:radial-gradient(110px 96px at 92% 92%, var(--family-color), transparent 70%), linear-gradient(165deg, var(--chip), var(--dw))}@supports (color:color-mix(in lab, red, red)){.element-card{background:radial-gradient(110px 96px at 92% 92%, color-mix(in srgb, var(--family-color) 58%, transparent), transparent 70%), linear-gradient(165deg, color-mix(in srgb, var(--chip) 72%, var(--dw)), var(--dw))}}.element-card{color:inherit;text-align:left;cursor:pointer;animation:.46s cubic-bezier(.16,1,.3,1) both element-card-in;animation-delay:calc(var(--i,0) * 32ms);transition:transform .22s cubic-bezier(.16,1,.3,1),border-color .22s,box-shadow .22s;overflow:hidden}.element-card:hover{transform:translateY(-2px)}.element-card:active{transform:scale(.985)}.element-card[aria-current=true]{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent), 0 12px 28px var(--accent)}@supports (color:color-mix(in lab, red, red)){.element-card[aria-current=true]{box-shadow:0 0 0 2px var(--accent), 0 12px 28px color-mix(in srgb, var(--accent) 28%, transparent)}}.element-card-top,.element-card-foot{justify-content:space-between;align-items:center;gap:8px;display:flex}.element-card-z{color:var(--mut);font-size:14px;font-weight:700}.element-card-phase{letter-spacing:.01em;background:var(--ink);border-radius:999px;padding:3px 9px;font-size:11px;font-weight:800}@supports (color:color-mix(in lab, red, red)){.element-card-phase{background:color-mix(in srgb, var(--ink) 8%, var(--dw))}}.element-card-phase{color:var(--mut)}.element-card-phase[data-phase=l]{background:#3d8bfd}@supports (color:color-mix(in lab, red, red)){.element-card-phase[data-phase=l]{background:color-mix(in srgb, #3d8bfd 18%, var(--dw))}}.element-card-phase[data-phase=l]{color:#3d8bfd}@supports (color:color-mix(in lab, red, red)){.element-card-phase[data-phase=l]{color:color-mix(in srgb, #3d8bfd 62%, var(--ink))}}.element-card-phase[data-phase=g]{background:#9b6bff}@supports (color:color-mix(in lab, red, red)){.element-card-phase[data-phase=g]{background:color-mix(in srgb, #9b6bff 18%, var(--dw))}}.element-card-phase[data-phase=g]{color:#9b6bff}@supports (color:color-mix(in lab, red, red)){.element-card-phase[data-phase=g]{color:color-mix(in srgb, #9b6bff 62%, var(--ink))}}.element-card-phase[data-phase=u]{border:1px dashed var(--line);background:0 0}.element-card-symbol{letter-spacing:-.05em;margin-top:10px;font-size:clamp(36px,6vw,44px);font-weight:800;line-height:.95;display:block}.element-card-name{letter-spacing:-.02em;margin-top:4px;font-size:16px;font-weight:750;display:block}.element-card-foot{margin-top:auto;padding-top:18px}.element-card-mass{color:var(--mut);font-size:13px;font-weight:700}.element-card-dot{background:var(--family-color);width:12px;height:12px;box-shadow:0 0 0 4px var(--family-color), 0 0 16px var(--family-color);border-radius:50%}@supports (color:color-mix(in lab, red, red)){.element-card-dot{box-shadow:0 0 0 4px color-mix(in srgb, var(--family-color) 24%, transparent), 0 0 16px var(--family-color)}}.element-card-dot{animation:2.8s ease-in-out infinite family-dot}.element-card-actions{justify-content:space-between;align-items:center;gap:8px;display:flex}@keyframes element-card-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes family-dot{50%{transform:scale(1.18)}}@media (prefers-reduced-motion:reduce){.element-card,.element-card-dot,.family-filter{transition:none;animation:none}.element-card:hover,.element-card:active{transform:none}}.family-story{border:1px solid var(--line);background:var(--chip);min-height:36px;color:inherit;cursor:pointer;border-radius:999px;padding:6px 12px;font-size:12px;font-weight:800}.family-empty{color:var(--mut);margin:12px 0 0;font-size:14px}.game-slot .n{color:var(--mut);font-size:12px}.game-source{color:var(--mut);font-size:13px;line-height:1.7}.game-source>summary{cursor:pointer;text-underline-offset:4px;align-items:center;width:fit-content;min-height:44px;text-decoration:underline;display:flex}.game-source>a{padding-block:6px;display:block}.game-source>p{margin-bottom:8px}.game-hint{background:var(--accent-soft);border:1px solid var(--line);color:var(--ink);border-radius:16px;margin-top:0;padding:14px 18px;font-size:14px;line-height:1.7}.game-workspace>.game-hint{margin-top:20px}.game-actions{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:24px;padding-top:20px;display:flex}.game-result{margin-top:0;font-size:15px;line-height:1.7}.game-result:not(:empty){background:var(--chip);border-radius:18px;margin-top:20px;padding:18px}.game-result p{margin:6px 0 0}.game-result-correct{border:1px solid var(--accent)}.particle-controls{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.particle-control{background:var(--chip);border-radius:20px;flex-direction:column;gap:10px;padding:14px;display:flex}.particle-control>span{font-size:14px;font-weight:800}.particle-control>div{align-items:center;gap:4px;display:flex}.particle-control .form-input{text-align:center;width:100%;min-width:0;padding-inline:4px;font-size:17px}.particle-control input::-webkit-inner-spin-button{appearance:none}.game-readout{flex-wrap:wrap;gap:12px 24px;font-size:14px;line-height:1.6;display:flex}.game-readout>strong{width:100%;font-size:18px}.equation-line{background:var(--chip);border-radius:24px;flex-wrap:wrap;justify-content:center;align-items:center;gap:18px;padding:30px 12px;display:flex}.equation-term{align-items:center;gap:18px;display:flex}.equation-term label{align-items:center;gap:8px;display:flex}.equation-term .form-input{text-align:center;width:68px;padding-inline:8px;font-size:22px}.equation-term label>span{font-size:clamp(20px,3vw,28px)}.equation-operator{color:var(--mut);font-size:24px}.game-counts{border-collapse:collapse;text-align:left;width:100%;font-size:14px}.game-counts caption{text-align:left;padding-bottom:16px;font-size:16px;font-weight:800}.game-counts th,.game-counts td{border-bottom:1px solid var(--line);padding:12px}.game-counts thead{color:var(--mut)}.game-table-scroll{padding-bottom:10px;overflow-x:auto}.game-mini-table{grid-template-rows:repeat(4,64px);grid-template-columns:repeat(18,44px);gap:3px;width:max-content;display:grid}.game-tile{background:var(--chip);border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:4px;font-size:18px;display:flex}.game-tile>span{color:var(--mut);font-size:11px}.game-tile>small{font-size:8px}.game-tile-hole{border:2px dashed var(--accent);background:var(--accent-soft);cursor:pointer;color:var(--ink)}.game-object{aspect-ratio:400/240;background:var(--chip);border-radius:24px;width:min(100%,600px);margin-inline:auto;position:relative}.game-object-svg{width:100%;height:100%;color:var(--mut)}.game-hotspot{background:var(--dw);border:2px solid var(--accent);color:var(--ink);width:44px;height:44px;box-shadow:var(--shadow);cursor:pointer;border-radius:50%;place-items:center;font-weight:800;display:grid;position:absolute;transform:translate(-50%,-50%)}.game-hotspot[aria-pressed=true]{background:var(--accent);color:var(--dw)}.game-part-list{flex-wrap:wrap;gap:8px;display:flex}.playground-page .action-button[aria-pressed=true]{border-color:var(--accent);background:var(--accent-soft)}.game-part-list .action-button>strong{margin-left:8px}.game-explanations{padding-left:20px;font-size:14px;line-height:1.7;list-style:outside}.game-explanations>li+li{margin-top:12px}.mystery-orb{background:radial-gradient(circle at 35% 25%, var(--accent-soft), var(--chip));border:1px solid var(--line);border-radius:50%;place-items:center;width:135px;height:135px;margin:10px auto;display:grid}.mystery-orb>svg{width:65px;height:65px;color:var(--accent)}.game-clues{padding-left:26px;font-size:17px;line-height:1.7;list-style:decimal}.game-clues>li+li{margin-top:12px}.property-order{flex-direction:column;gap:12px;padding:0;list-style:none;display:flex}.property-order>li{border:1px solid var(--line);background:var(--chip);border-radius:20px;align-items:center;gap:12px;min-height:80px;padding:14px;display:flex}.property-order>li[draggable=true]{cursor:grab}.game-rank{color:var(--mut);font-size:13px}.game-property-element{color:var(--ink);text-align:left;flex:1;align-items:center;gap:12px;min-height:44px;display:flex}.game-property-element>strong{min-width:40px;font-size:26px}.game-property-element>span{font-size:14px}.game-property-value{color:var(--mut);font-size:13px}.playground-page .form-input{min-height:44px}@supports (corner-shape:squircle){.game-workspace,.game-model,.game-ingredient,.particle-control,.game-card-icon,.game-creation>svg,.game-empty-lab,.game-badge-row>span,.game-object,.property-order>li,.equation-line,.game-result:not(:empty),.game-tile{corner-shape:squircle}}:root[data-theme=noir] .game-ingredient{--element-color:#bbb!important}@media (max-width:1050px){.playground-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.game-daily-card{flex-wrap:wrap}.game-daily-card>.action-button{margin-left:55px}}@media (max-width:650px){.playground-header{padding:max(16px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) 16px max(16px, env(safe-area-inset-left))}.game-brand{gap:8px;font-size:17px}.game-brand b{margin-left:0;font-size:11px;display:block}.playground-main{padding:28px 16px 8px}.playground-intro>p{font-size:16px}.playground-overview{grid-template-columns:1fr;gap:14px;margin-bottom:32px}.game-daily-card{gap:12px;padding:20px}.game-daily-card>.action-button{margin-left:47px}.game-progress-card{padding:20px}.playground-grid{gap:12px}.playground-game-card{border-radius:22px;gap:12px;padding:18px 14px}.playground-game-card h3{font-size:18px}.playground-game-card>p{font-size:13px}.playground-game-card>.action-button{padding-inline:10px;font-size:12px}.game-card-mastery{flex-wrap:wrap;gap:4px}.game-heading{gap:10px}.game-heading .eyebrow{font-size:10px}.game-workspace{border-radius:24px;padding:18px 14px}.game-canvas{height:290px}.game-task{font-size:15px}.particle-controls{grid-template-columns:1fr;gap:10px}.particle-control{flex-direction:row;justify-content:space-between;align-items:center;padding:12px}.particle-control>div{max-width:180px}.game-options{gap:8px}.game-options>label:first-child{min-width:165px}.game-readout{gap:8px 16px}.game-actions{gap:14px}.game-actions>.game-toolbar{gap:3px}.game-actions>.game-primary{flex:1}.equation-line{gap:10px;padding:22px 12px}.equation-term,.equation-term label{gap:8px}.equation-term .form-input{width:54px;font-size:18px}.game-counts th,.game-counts td{padding:10px 5px;font-size:12px}.property-order>li{flex-wrap:wrap;gap:5px;padding:10px}.game-property-element{gap:6px}.game-property-element>span{font-size:12px}.game-property-value{order:5;width:100%;padding-left:23px}.game-property-value:empty{display:none}.game-empty-lab{flex-wrap:wrap;padding:22px}.game-empty-lab>p{flex-basis:75%}.game-empty-lab>.action-button{width:100%}.game-creation-grid{grid-template-columns:1fr}.game-hotspot{width:44px;height:44px;font-size:12px}.game-part-list>.action-button{flex:40%;font-size:12px}}@media (max-width:359px){.playground-grid{grid-template-columns:1fr}.game-brand>svg{display:none}.game-heading h1{font-size:23px}}.game-canvas[data-renderer=fallback]>canvas{display:none}.game-card-play{align-self:flex-end;margin-top:4px}.game-object-leaders{pointer-events:none;width:100%;height:100%;color:var(--mut);position:absolute;inset:0}.workspace-dialog{flex-direction:column;display:flex;overflow:hidden}.sheet-drag-handle{display:none}.workspace-dialog .dialog-body{min-height:0;max-height:inherit;flex-direction:column;flex:1;display:flex}.panel-workspace{min-height:0;max-height:inherit;flex-direction:column;display:flex}.workspace-header{background:var(--dw);border-bottom:1px solid var(--line);z-index:6;flex:none}.workspace-header .dh{position:static}.workspace-tabs{background:var(--ink);border-radius:16px;gap:4px;margin:0 24px 16px;padding:4px;display:flex}@supports (color:color-mix(in lab, red, red)){.workspace-tabs{background:color-mix(in srgb, var(--ink) 6%, var(--dw))}}.workspace-tabs{isolation:isolate}.workspace-tab{min-width:0;min-height:44px;color:var(--mut);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:12px;flex:1;padding:8px 12px;font-size:13px;font-weight:800;position:relative}.workspace-tab[data-state=active]{color:var(--ink)}.workspace-selection{background:var(--ctrl);border:1px solid var(--line);border-radius:inherit;z-index:-1;position:absolute;inset:0;box-shadow:0 2px 6px #0001}.workspace-view{overscroll-behavior:contain;scrollbar-gutter:stable;min-height:0;overflow:auto}.workspace-view[data-state=active]{animation:.18s ease-out workspace-enter}.workspace-view[hidden]{display:none}@keyframes workspace-enter{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.library-dialog{width:min(900px,100vw - 32px)}.library-controls{padding:0 24px 12px}.library-controls .search-input-row{margin:0}.library-controls .search-input{min-width:0;font-size:16px}.library-filter-row{align-items:center;gap:16px;margin-top:10px;display:flex}.library-filter-row .search-filter-label{flex:1;min-width:0;margin:0}.library-filter-row .search-status{flex:1;margin:0;font-size:12px}.library-search-results,.library-cards{padding:12px 24px 20px}.library-cards .family-results{grid-template-columns:repeat(3,minmax(0,1fr));max-height:none;overflow:visible}.library-cards .family-filters{margin-top:0}.library-dialog .search-results,.library-dialog #dw{max-height:none}.library-dialog #tb .c[data-match=false]{opacity:.22;filter:grayscale()}.practice-modes{flex-wrap:wrap;gap:8px;padding:16px 24px 0;display:flex}.practice-modes .chip[aria-pressed=true]{background:var(--ctrl);box-shadow:inset 0 0 0 2px var(--accent)}.panel-workspace #qz .dh{position:static}.playground-navigation{width:max-content;max-width:calc(100% - 24px);margin:16px auto 0}.playground-navigation .explorer-nav{margin:0}@media (max-width:599px){.sheet-drag-handle{touch-action:none;cursor:grab;flex:none;justify-content:center;align-items:center;height:24px;display:flex}.sheet-drag-handle span{background:var(--ink);border-radius:999px;width:36px;height:4px}@supports (color:color-mix(in lab, red, red)){.sheet-drag-handle span{background:color-mix(in srgb, var(--ink) 24%, var(--dw))}}.workspace-header .dh{padding-top:4px}.workspace-dialog{width:calc(100vw - 12px)}.workspace-tabs{margin:0 16px 12px}.workspace-tab{padding:8px 6px;font-size:12px}.library-controls{padding:0 16px 12px}.library-filter-row{flex-direction:column;align-items:stretch;gap:8px}.library-search-results,.library-cards{padding:12px 14px 20px}.library-cards .family-results{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.practice-modes{padding-inline:18px}}@media (prefers-reduced-motion:reduce){.workspace-view[data-state=active]{animation:none}}@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-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@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}
@font-face{font-family:Geist;src:url(/fonts/geist-400.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Geist;src:url(/fonts/geist-700.ttf)format("truetype");font-weight:700;font-style:normal;font-display:swap}.hydro-experience{--exp-bg:#0c1210;--exp-panel:#111a16;--exp-border:#ffffff16;--exp-ink:#edf1e9;--exp-muted:#9ca9a0;--exp-accent:#c3dfb3;--exp-button-ink:#17221b;background:var(--exp-bg);max-width:none;color:var(--exp-ink);font-family:Geist,system-ui,sans-serif;overflow-x:hidden}:root[data-theme=day] .hydro-experience{--exp-bg:#f1f3eb;--exp-panel:#e8ede3;--exp-border:#1a352a22;--exp-ink:#1b3027;--exp-muted:#52665a;--exp-accent:#305f42;--exp-button-ink:#fff}@media (prefers-color-scheme:light){:root:not([data-theme]) .hydro-experience{--exp-bg:#f1f3eb;--exp-panel:#e8ede3;--exp-border:#1a352a22;--exp-ink:#1b3027;--exp-muted:#52665a;--exp-accent:#305f42;--exp-button-ink:#fff}}.hydro-experience button,.hydro-experience a{-webkit-tap-highlight-color:transparent}.hydro-experience button:focus-visible,.hydro-experience a:focus-visible{outline:2px solid var(--aura-color);outline-offset:5px}.hydro-experience .site-header{border-bottom:1px solid var(--exp-border);gap:32px;max-width:1440px;margin:auto;padding:28px 56px}.hydro-experience .brand-link{color:var(--exp-ink);gap:10px}.hydro-experience .brand-link svg{color:var(--exp-accent);width:31px;height:31px}.hydro-experience .brand-link strong{letter-spacing:-1.4px;font-size:26px;font-weight:700}.hydro-experience .brand-period{color:var(--exp-accent)}.desktop-navigation{align-items:center;gap:36px;margin-left:56px;display:flex}.desktop-navigation button,.desktop-navigation a{color:var(--exp-muted);cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;min-height:44px;padding:0;font-size:12px;text-decoration:none;display:flex}.desktop-navigation button.active{color:var(--exp-ink);position:relative}.desktop-navigation button.active:after{content:"";background:var(--exp-accent);width:100%;height:2px;position:absolute;bottom:-29px}.hydro-experience .library-link{display:none}.hydro-experience .icon-button,.hydro-experience .tool-button{border:1px solid var(--exp-border);width:40px;height:40px;color:var(--exp-ink);background:0 0;border-radius:50%}.hydro-experience .icon-button:hover,.hydro-experience .tool-button:hover{background:var(--exp-border)}.hydro-experience .header-actions{gap:10px}.hydro-experience .explorer-layout{grid-template-columns:1fr 1fr;gap:0 32px;max-width:1440px;margin:auto;padding:0 56px;display:grid}.experience-intro{grid-column:1/-1;justify-content:space-between;align-items:flex-end;gap:32px;padding:48px 0 32px;display:flex}.experience-intro>div>p{text-transform:uppercase;letter-spacing:2px;color:var(--exp-accent);margin:0 0 12px;font-size:9px;font-weight:700}.experience-intro h2{letter-spacing:-1.9px;margin:0;font-size:clamp(28px,3.4vw,48px);font-weight:400;line-height:1.15}.experience-intro h2 em{color:var(--exp-accent);font-family:Georgia,serif;font-weight:400}.experience-intro .intro-note{color:var(--exp-muted);max-width:300px;margin:0 0 3px;font-size:11px;line-height:1.9}.hydro-experience .atom-column{grid-column:1/-1;height:auto;max-height:none;display:flex;position:relative}.hydro-experience #pr{letter-spacing:.5px;height:34px;color:var(--exp-muted);border-bottom:1px solid var(--exp-border);order:2;margin:0 0 28px;padding:0 1px;font-family:Geist,sans-serif;font-size:9px}.hydro-experience .save-indicator{font:9px Geist,sans-serif}.hydro-experience #app{border:1px solid var(--exp-border);background:var(--exp-panel);isolation:isolate;border-radius:20px;flex:none;min-height:530px;overflow:hidden}.hydro-experience #tn{z-index:-1;opacity:.45;background:radial-gradient(ellipse at 66% 46%, color-mix(in srgb, var(--aura-color) 8%, transparent), transparent 65%)}.hydro-experience #gh{z-index:0;color:var(--aura-text,var(--aura-color));opacity:.025;letter-spacing:-24px;font:700 clamp(220px,27vw,380px)/1 Geist,sans-serif;top:28px;left:auto;right:2%}.elemental-canvas{z-index:1;width:68%;top:-3%;bottom:-3%;right:0;position:absolute!important}.elemental-control-dock{z-index:8;color:#f4f8f7;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;flex-direction:column;align-items:center;gap:8px;width:min(100%,660px);margin:12px auto 24px;display:flex;position:sticky;bottom:12px}.hydro-experience .elemental-control-dock{bottom:max(12px, env(safe-area-inset-bottom));z-index:40;width:min(100% - 32px,660px);margin:0;position:fixed;left:50%;transform:translate(-50%)}.hydro-experience .explorer-layout{padding-bottom:160px}.elemental-mode-pill,.elemental-scrubber-dock{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0f1b1ef0;border:1px solid #fff3;box-shadow:0 8px 24px #00000024}.elemental-mode-pill{border-radius:32px;padding:4px;display:flex}.elemental-control-dock button{min-width:44px;min-height:44px;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:24px;justify-content:center;align-items:center;gap:7px;padding:8px 12px;font-size:11px;font-weight:600;display:inline-flex;position:relative}.elemental-control-dock button>svg,.elemental-control-dock button>span:not(.elemental-mode-indicator){position:relative}.elemental-control-dock button:disabled{opacity:.4;cursor:default}.elemental-control-dock button:hover:not(:disabled){background:#ffffff1a}.elemental-mode-indicator{border-radius:inherit;background:#ffffff26;border:1px solid #ffffff40;position:absolute;inset:0}.elemental-control-dock .elemental-mute{border-left:1px solid #ffffff2e;margin-left:4px;padding:8px}.elemental-scrubber-dock{border-radius:20px;align-items:center;gap:4px;width:100%;min-height:64px;padding:6px;display:flex}.elemental-scrubber-identity{flex-shrink:0;align-items:center;gap:9px;width:140px;min-width:0;display:flex}.elemental-scrubber-identity>strong{color:#09111b;border-radius:11px;flex-shrink:0;place-items:center;width:38px;height:38px;font-size:15px;display:grid}.elemental-scrubber-identity>span{flex-direction:column;gap:3px;min-width:0;display:flex}.elemental-scrubber-identity small{color:#bac9cb;font:9px GeistMono,monospace}.elemental-scrubber-identity b{text-overflow:ellipsis;font-size:11px;overflow:hidden}.elemental-scrubber-track{border-radius:8px;flex:1;min-width:44px;height:44px;position:relative}.elemental-scrubber-ticks{pointer-events:none;justify-content:space-between;align-items:center;display:flex;position:absolute;inset:0 8px}.elemental-scrubber-ticks>span{background:#e9f4f2;border-radius:2px;width:2px}.elemental-scrubber-track input{opacity:0;cursor:ew-resize;touch-action:none;width:100%;height:100%;margin:0;position:absolute;inset:0}.elemental-scrubber-track:focus-within,.elemental-control-dock button:focus-visible{outline-offset:3px;outline:2px solid #bcf9e9}.elemental-stage-actions{color:var(--exp-muted);justify-content:space-between;align-items:center;gap:12px;padding:12px 4px 0;font-size:11px;display:flex}.elemental-excite{min-height:44px;color:var(--exp-text,inherit);cursor:pointer;font:inherit;background:0 0;border:1px solid;border-radius:24px;justify-content:space-between;align-items:center;gap:24px;padding:8px 18px;display:inline-flex}.reference-stage{isolation:isolate;border:1px solid var(--exp-border,#66747b);border-radius:24px;grid-template-columns:1fr 1fr;gap:24px;margin:32px 0;padding:24px;display:grid;position:relative}.reference-stage-model{touch-action:none;cursor:grab;min-height:300px;position:relative}.reference-stage-model:active{cursor:grabbing}.reference-stage .elemental-canvas{width:100%;inset:0}.reference-stage-copy{align-self:center}.reference-stage-copy>span,.reference-stage-copy>small{font-size:11px}.reference-stage-copy h2{letter-spacing:-.04em;flex-wrap:wrap;align-items:baseline;gap:16px;margin:16px 0;font-size:clamp(28px,4vw,48px);display:flex}.reference-stage-copy h2 small{font-size:.5em}.reference-stage-copy p{line-height:1.7}.reference-stage-copy .elemental-excite{margin-top:20px;font-size:12px;display:flex}.reference-stage .elemental-control-dock{grid-column:1/-1;margin:0 auto;position:relative;bottom:auto}@media (max-width:620px){.elemental-mode-pill button>span:not(.elemental-mode-indicator){display:none}.elemental-mode-pill button{min-width:54px}.elemental-scrubber-identity{gap:6px;width:100px}.elemental-scrubber-identity>strong{width:32px;height:34px}.elemental-scrubber-identity b{max-width:60px;font-size:10px}.elemental-scrubber-identity small{font-size:8px}.elemental-control-dock button{padding:6px}.elemental-stage-actions>span{text-align:right;max-width:120px}.reference-stage{grid-template-columns:1fr;gap:16px;padding:16px}.reference-stage-model{min-height:250px}}.elemental-canvas>div{width:100%;height:100%}.elemental-fallback{z-index:4;background:var(--exp-panel);flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.elemental-fallback img{object-fit:contain;max-width:85%;height:auto}.elemental-fallback span{color:var(--exp-muted);text-align:center;max-width:230px;font:11px/1.6 Geist,sans-serif}.hydro-experience .stage-topline{align-items:start;top:28px;left:36px;right:28px}.hydro-experience .family-badge{letter-spacing:.2px;min-height:40px;color:var(--exp-muted);background:0 0;border:0;border-radius:0;gap:7px;padding:0;font:10px Geist,sans-serif}.hydro-experience .family-badge>span{width:6px;height:6px;box-shadow:none;background:var(--aura-color)}.hydro-experience .stage-lower{z-index:3;text-align:left;pointer-events:none;width:340px;inset:108px auto auto 36px}.hydro-experience .stage-lower button{pointer-events:auto}.hydro-experience .element-footer{text-align:left;gap:0;display:block}.element-kicker{letter-spacing:1px;text-transform:uppercase;color:var(--exp-muted);margin:0 0 16px;font-size:9px}.hydro-experience .element-identity{text-align:left;flex-direction:column;align-items:flex-start;gap:0;width:auto;max-width:100%;display:flex}.hydro-experience .element-number{letter-spacing:1px;color:var(--aura-text,var(--aura-color));margin-bottom:4px;font-size:10px}.hydro-experience .element-identity h1{letter-spacing:-4px;overflow-wrap:anywhere;margin:0 0 8px;font:400 clamp(44px,5.5vw,80px)/1.12 Geist,sans-serif}.hydro-experience .element-identity h1:after{content:".";color:var(--aura-text,var(--aura-color))}.hydro-experience .element-identity small{color:var(--exp-muted);margin:0;font:10px Geist,sans-serif}.element-story{color:var(--exp-muted);max-width:275px;margin:20px 0 24px;font:12px/1.9 Geist,sans-serif}.element-actions{align-items:center;gap:12px;display:flex}.explore-element{background:var(--exp-accent);min-height:44px;color:var(--exp-button-ink);cursor:pointer;border:0;border-radius:5px;justify-content:space-between;align-items:center;gap:28px;padding:13px 18px;font:700 11px Geist,sans-serif;text-decoration:none;transition:transform .25s,filter .25s;display:inline-flex}.explore-element:hover{filter:brightness(1.08);transform:translateY(-2px)}.element-next{border:1px solid var(--exp-border);cursor:pointer;background:0 0;border-radius:50%;place-items:center;width:44px;height:44px;display:grid}.element-next:hover{background:var(--exp-border)}.element-art-note{color:var(--exp-muted);margin:14px 0 0;font-size:9px}.hydro-experience #hint{width:420px;color:var(--exp-muted);text-align:center;white-space:nowrap;margin:0;font:9px Geist,sans-serif;position:absolute;top:340px;left:calc(100% + 50px);transform:translate(-15%)}.hydro-experience #pk{width:230px;color:var(--aura-text,var(--aura-color));background:var(--exp-bg);border:1px solid var(--exp-border);font-size:11px;position:absolute;top:10px;left:calc(100% + 120px)}.hydro-experience .onboarding-card{background:var(--exp-bg);width:auto;color:var(--exp-ink);z-index:5;border:0;font:10px Geist,sans-serif;inset:auto 32px 80px auto}.hydro-experience .onboarding-card button{color:var(--aura-text,var(--aura-color))}.hydro-experience .stage-bottom-tools{align-items:center;bottom:22px;left:36px;right:28px}.hydro-experience .model-caption{color:var(--exp-muted);max-width:none;font:9px Geist,sans-serif}.scene-orbit-label{z-index:2;color:var(--exp-muted);letter-spacing:1.7px;pointer-events:none;align-items:center;gap:7px;margin-right:54px;font-size:8px;display:flex;position:absolute;top:42px;right:30px}.scene-orbit-label>span{background:var(--aura-color);width:4px;height:4px;box-shadow:0 0 10px var(--aura-color);border-radius:50%}.hydro-experience .aura-section{order:3;min-width:0}.aura-heading{align-items:center;gap:20px;margin:0 0 16px;display:flex}.aura-heading h2{letter-spacing:-.6px;margin:0;font:400 20px Geist,sans-serif}.aura-heading>span{color:var(--exp-muted);font-size:10px}.aura-heading small{color:var(--exp-muted);align-items:center;gap:8px;margin-left:auto;font-size:9px;display:flex}.aura-viewport{touch-action:pan-y;min-width:0;margin:-3px;padding:3px;overflow:hidden}.aura-track{gap:12px;display:flex;position:relative}.aura-card{text-align:left;border:1px solid var(--exp-border);background:var(--exp-bg);cursor:pointer;border-radius:10px;flex:1;align-items:center;gap:4px;min-width:0;min-height:118px;padding:20px 16px 20px 4px;transition:background .3s,border-color .3s;display:flex;position:relative;overflow:hidden}.aura-card[aria-pressed=true]{background:color-mix(in srgb, var(--aura-color) 5%, var(--exp-bg));border-color:color-mix(in srgb, var(--aura-color) 45%, transparent)}.aura-card:hover{background:color-mix(in srgb, var(--aura-color) 8%, var(--exp-bg))}.aura-card>img{object-fit:contain;filter:saturate(.7);pointer-events:none;flex-shrink:0;width:100px;height:90px;transition:transform .6s}.aura-card:hover>img{transform:scale(1.1)rotate(-8deg)}.aura-card-copy{flex-direction:column;gap:4px;display:flex}.aura-card-copy>small{text-transform:uppercase;letter-spacing:1.3px;color:var(--exp-muted);font-size:8px}.aura-card-copy>strong{letter-spacing:-.8px;color:var(--aura-text,var(--aura-color));font-size:22px;font-weight:400;line-height:1.1}.aura-card-copy>span{white-space:nowrap;color:var(--exp-muted);font-size:9px}.aura-check{border:1px solid var(--exp-border);width:19px;height:19px;color:var(--exp-muted);border-radius:50%;place-items:center;display:grid;position:absolute;top:10px;right:10px}.aura-card[aria-pressed=true] .aura-check{color:var(--exp-button-ink);background:var(--aura-color);border:0}.aura-caption{color:var(--exp-muted);margin:12px 0 0;font:8px Geist,sans-serif}.hydro-experience .explorer-nav{background:var(--exp-panel);border:1px solid var(--exp-border);min-height:54px;box-shadow:none;border-radius:100px;order:4;gap:8px;margin:28px auto 0;padding:4px 8px}.hydro-experience .explorer-nav button,.hydro-experience .explorer-nav a{color:var(--exp-muted);width:52px;min-width:44px;height:42px}.hydro-experience .dock-selection{background:var(--exp-border)}.hydro-experience .explorer-nav button[data-active=true]{color:var(--exp-accent)}.hydro-experience .explorer-nav svg{width:20px;height:20px}.discovery-intro{grid-column:1/-1;max-width:780px;padding:140px 0 56px}.discovery-thought{letter-spacing:-2px;margin:0;font-size:clamp(32px,4.8vw,62px);font-weight:400;line-height:1.2}.hydro-experience .journey-rail,.hydro-experience .story-rail{gap:16px;min-width:0;display:grid}.hydro-experience .journey-rail{grid-column:1}.hydro-experience .story-rail{grid-column:2}.hydro-experience .rail-card{background:var(--exp-panel);color:var(--exp-ink);border:1px solid var(--exp-border);box-shadow:none;border-radius:10px;gap:20px;padding:32px}.hydro-experience .rail-card p,.hydro-experience .rail-card .panel-copy{color:var(--exp-muted)}.hydro-experience .rail-card h2{letter-spacing:-.8px;font-size:30px;font-weight:400}.hydro-experience .rail-card h3{letter-spacing:-.5px;font-size:18px;font-weight:400}.hydro-experience .rail-card .eyebrow{color:var(--exp-accent);letter-spacing:1px;font:9px Geist,sans-serif}.hydro-experience .rail-card .story-symbol{font-size:56px;color:var(--aura-color)!important}.hydro-experience .rail-card .tag{background:var(--exp-border);color:var(--exp-muted);font-size:10px}.hydro-experience .rail-card .level-copy{font-size:11px}.hydro-experience .rail-card .action-button{background:var(--exp-accent);color:var(--exp-button-ink);border:0;border-radius:5px;width:fit-content;min-width:44px;font-size:11px}.hydro-experience .rail-card .text-button,.hydro-experience .rail-card .text-link{color:var(--exp-accent);font:11px Geist,sans-serif}.hydro-experience .mission-mini{border-color:var(--exp-border);font-size:11px}.hydro-experience .mission-mini b{font-weight:400}.hydro-experience .mission-mini small{color:var(--exp-muted);font-size:9px}.hydro-experience .fact-callout{background:var(--exp-border);color:var(--exp-muted);font-size:12px}.hydro-experience .learning-progress{accent-color:var(--exp-accent);background:var(--exp-border)}.hydro-experience .learning-progress::-webkit-progress-bar{background:var(--exp-border)}.hydro-experience .learning-progress::-webkit-progress-value{background:var(--exp-accent)}.hydro-experience .lead-copy{font-size:16px}.hydro-experience .connection-card p{font-size:12px}.element-marquee{border-top:1px solid var(--exp-border);border-bottom:1px solid var(--exp-border);grid-column:1/-1;margin:128px -56px 0;padding:24px 0;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000);mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000)}.element-marquee>div{width:max-content;animation:90s linear infinite element-drift;display:flex}.element-marquee span{width:140px;color:var(--exp-accent);align-items:center;gap:12px;font-size:28px;display:flex}.element-marquee small{color:var(--exp-muted);font-size:9px}@keyframes element-drift{to{transform:translate(-50%)}}.experience-footer{grid-column:1/-1;grid-template-columns:1fr auto;align-items:center;gap:60px;padding:112px 0 28px;display:grid}.experience-footer p{text-transform:uppercase;letter-spacing:1px;color:var(--exp-muted);margin:0 0 20px;font-size:10px}.experience-footer h2{letter-spacing:-2px;margin:0;font-size:clamp(32px,4.5vw,60px);font-weight:400;line-height:1.15}.experience-footer small,.experience-footer>a{color:var(--exp-muted);font-size:9px}.experience-footer>a{justify-self:end;align-items:center;gap:8px;min-height:44px;text-decoration:none;display:flex}@media (min-width:1600px){.hydro-experience #app{min-height:600px}.hydro-experience .stage-lower{top:140px}.hydro-experience #hint{top:370px}}@media (max-width:1199px){.hydro-experience .site-header{padding:24px 32px}.hydro-experience .explorer-layout{gap:0 20px;padding:0 32px}.desktop-navigation{gap:24px;margin-left:0}.desktop-navigation button.active:after{bottom:-25px}.experience-intro{padding:40px 0 28px}.experience-intro .intro-note{max-width:235px;font-size:10px}.hydro-experience #app{min-height:490px}.hydro-experience .stage-lower{width:300px;top:100px;left:28px}.hydro-experience .stage-topline{left:28px}.hydro-experience .element-identity h1{font-size:64px}.element-story{max-width:240px;font-size:11px}.hydro-experience #hint{width:300px;top:300px;left:calc(100% + 30px)}.aura-card{padding:20px 10px 20px 0}.aura-card>img{width:80px;height:80px}.aura-card-copy>strong{font-size:20px}.aura-card-copy>span{font-size:8px}.element-marquee{margin-left:-32px;margin-right:-32px}}@media (max-width:899px){.hydro-experience .site-header{max-width:none;padding:20px 24px}.hydro-experience .explorer-layout{max-width:none;padding:0 24px}.desktop-navigation{gap:20px}.desktop-navigation button,.desktop-navigation a{font-size:10px}.desktop-navigation button.active:after{bottom:-21px}.experience-intro h2{font-size:34px}.experience-intro .intro-note{max-width:205px;font-size:9px}.hydro-experience .atom-column{height:auto}.hydro-experience #app{min-height:490px}.hydro-experience .stage-lower{width:250px;top:100px;left:24px}.hydro-experience .element-identity h1{letter-spacing:-2.5px;font-size:52px}.element-story{max-width:210px;font-size:11px}.element-kicker{max-width:180px;font-size:8px}.scene-orbit-label{font-size:7px;right:18px}.hydro-experience .onboarding-card{font-size:8px;bottom:72px;right:20px}.hydro-experience #hint{display:none}.hydro-experience .stage-topline,.hydro-experience .stage-bottom-tools{left:24px;right:20px}.aura-track{gap:12px}.aura-card{flex:0 0 calc(50% - 6px);padding:18px 12px}.aura-card>img{width:100px}.aura-card-copy>span{font-size:9px}.aura-heading>span{display:none}.aura-heading h2{font-size:19px}.discovery-intro{padding-top:112px}.hydro-experience .rail-card{padding:24px}.hydro-experience .rail-card h2{font-size:24px}.element-marquee{margin:96px -24px 0}.experience-footer{padding-top:80px}}@media (max-width:599px){.hydro-experience .site-header{gap:12px;padding:16px 20px}.hydro-experience .brand-link strong{font-size:24px}.hydro-experience .brand-link svg{width:26px;height:26px}.desktop-navigation{display:none}.hydro-experience .header-actions{gap:8px}.hydro-experience .header-actions .icon-button{width:36px;height:36px;min-height:36px}.hydro-experience .explorer-layout{grid-template-columns:1fr;gap:0;padding:0 16px;display:grid}.experience-intro{padding:28px 4px 24px}.experience-intro>div>p{letter-spacing:1.4px;margin-bottom:10px;font-size:7px}.experience-intro h2{letter-spacing:-1.4px;font-size:32px}.experience-intro .intro-note{display:none}.hydro-experience #app{touch-action:pan-y;border-radius:14px;min-height:600px}.hydro-experience .atom-column{height:auto;max-height:none}.elemental-canvas{width:100%;height:345px;top:46px;bottom:auto;right:0}.hydro-experience #gh{letter-spacing:-14px;opacity:.035;font-size:260px;top:72px;right:10%}.hydro-experience .stage-topline{top:14px;left:20px;right:16px}.hydro-experience .family-badge{font-size:9px}.scene-orbit-label{letter-spacing:1px;margin-right:52px;font-size:6px;top:30px;right:16px}.hydro-experience .stage-topline .icon-button{width:34px;height:34px;min-height:34px}.hydro-experience .stage-topline .icon-button svg{width:16px;height:16px}.hydro-experience .stage-lower{width:auto;display:block;inset:370px 20px auto}.hydro-experience .element-footer{position:relative}.element-kicker{max-width:none;margin:0 0 8px;font-size:7px}.hydro-experience .element-identity h1{letter-spacing:-2px;margin:0 0 4px;font-size:46px;line-height:1.1}.hydro-experience .element-identity[data-long-name=true] h1{font-size:40px}.hydro-experience .element-number{letter-spacing:.8px;margin:0 0 3px;font-size:8px}.hydro-experience .element-identity small{font-size:9px}.element-story{-webkit-line-clamp:2;-webkit-box-orient:vertical;max-width:90%;margin:12px 0 16px;font-size:10px;line-height:1.65;display:-webkit-box;overflow:hidden}.element-actions{gap:6px;position:absolute;top:18px;right:0}.element-actions .explore-element{border-radius:50%;justify-content:center;width:38px;min-height:38px;padding:0;font-size:0}.element-actions .explore-element svg{width:17px;height:17px}.element-next{width:32px;height:32px;min-height:32px}.element-art-note{display:none}.hydro-experience .stage-bottom-tools{bottom:16px;left:20px;right:20px}.hydro-experience .stage-bottom-tools .tool-button{width:32px;height:32px;min-height:32px;padding:0}.hydro-experience .stage-bottom-tools .tool-button svg{width:15px;height:15px}.hydro-experience .model-caption{max-width:180px;font-size:7px}.hydro-experience #pk{width:auto;font-size:9px;top:-250px;left:25%}.hydro-experience .onboarding-card{justify-content:center;padding:5px 8px;font-size:8px;inset:auto 16px 236px}.hydro-experience .onboarding-card button{min-height:28px;font-size:8px}.hydro-experience #pr{height:32px;margin-bottom:24px;font-size:8px}.hydro-experience .save-indicator{font-size:7px}.aura-heading{margin-bottom:14px}.aura-heading h2{font-size:19px}.aura-heading small{gap:6px;font-size:8px}.aura-card{flex:0 0 calc(100% - 68px);min-height:112px;padding:14px 14px 14px 0}.aura-card>img{width:110px;height:86px}.aura-card-copy>strong{font-size:24px}.aura-card-copy>small{font-size:7px}.aura-card-copy>span{font-size:9px}.aura-caption{max-width:280px;font-size:7px;line-height:1.6}.hydro-experience .explorer-nav{min-height:52px;margin-top:24px}.hydro-experience .explorer-nav button,.hydro-experience .explorer-nav a{width:48px;height:40px}.discovery-intro{padding:96px 4px 32px}.discovery-thought{letter-spacing:-1.2px;font-size:34px;line-height:1.2}.hydro-experience .journey-rail,.hydro-experience .story-rail{grid-column:1;gap:12px;display:grid}.hydro-experience .story-rail{margin-top:12px}.hydro-experience .rail-card{padding:24px}.hydro-experience .rail-card.story-card{gap:16px}.hydro-experience .connection-card{margin-top:0}.element-marquee{margin:80px -16px 0;padding:20px 0}.element-marquee span{width:120px;font-size:24px}.element-marquee small{font-size:8px}.experience-footer{grid-template-columns:1fr;gap:28px;padding:64px 4px 24px}.experience-footer h2{letter-spacing:-1.4px;font-size:38px}.experience-footer .explore-element{width:fit-content}.experience-footer small{margin-top:20px}.experience-footer>a{justify-self:start;margin-top:-20px}}@media (prefers-reduced-motion:reduce){.element-marquee>div{animation:none}.hydro-experience *{scroll-behavior:auto}.aura-card>img,.explore-element{transition:none}}.hydro-experience .element-identity:hover{background:0 0}.hydro-experience .element-story{font-size:14px;line-height:1.7}@media (max-width:599px){.hydro-experience .header-actions .icon-button{width:44px;height:44px;min-height:44px}.hydro-experience .element-actions{gap:8px;top:-12px}.hydro-experience .element-actions .explore-element{gap:0;width:44px;height:44px;min-height:44px}.hydro-experience .element-next{width:44px;height:44px;min-height:44px}.hydro-experience .element-story{font-size:12px;line-height:1.6}.hydro-experience .stage-topline .icon-button,.hydro-experience .stage-bottom-tools .tool-button{width:44px;height:44px;min-height:44px}.hydro-experience .stage-bottom-tools{bottom:10px}.hydro-experience .scene-orbit-label{margin-right:58px;top:34px}}.hydro-experience .element-identity[data-long-name=true] h1{font-size:clamp(32px,3.4vw,48px)}@media (max-width:599px){.hydro-experience .element-identity[data-long-name=true] h1{font-size:clamp(28px,8.8vw,36px)}}.hydro-experience,.aura-card{--aura-text:var(--aura-color)}:root[data-theme=day] .hydro-experience,:root[data-theme=day] .aura-card{--aura-text:var(--aura-ink)}@media (prefers-color-scheme:light){:root:not([data-theme]) .hydro-experience,:root:not([data-theme]) .aura-card{--aura-text:var(--aura-ink)}}.element-card-mass{overflow-wrap:anywhere}.isotope-reference details{margin-top:1rem}.isotope-reference{grid-template-columns:minmax(0,1fr);min-width:0}.isotope-reference>*{min-width:0;max-width:100%}.reference-facts dd{overflow-wrap:anywhere}.privacy-page{max-width:52rem}.privacy-title{letter-spacing:-.04em;overflow-wrap:anywhere;margin-bottom:1.25rem;font-size:clamp(2rem,4vw,3rem);font-weight:700;line-height:1.08}.isotope-reference summary{cursor:pointer;padding-block:.75rem;font-weight:700}.isotope-reference .comparison-table{min-width:42rem}.isotope-reference th small{font-weight:400;display:block}.isotope-reference .comparison-scroll:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.property-list dd a,.reference-properties dd a{text-underline-offset:.15em;text-decoration:underline}.hydro-experience .stage-bottom-tools{z-index:5;gap:8px;width:96px;inset:28px 84px auto auto}.hydro-experience .stage-model-caption{text-align:center;pointer-events:none;z-index:3;position:absolute;bottom:24px;left:80px;right:80px}.hydro-experience .scene-orbit-label{right:208px}@media (max-width:599px){.hydro-experience .stage-bottom-tools{top:15px;right:72px}.hydro-experience .scene-orbit-label{margin-right:0;top:70px;right:20px}}