@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-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}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-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,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.invisible{visibility:hidden}.visible{visibility:visible}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.hidden{display:none}.table{display:table}.resize{resize:both}.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)}.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))}}:root{--bg:#030713;--ink:#f2f7ff;--muted:#8f9db2;--lime:#62d8ff;--cyan:#75e8f3;--blue:#5f7cff;--line:#bedcff26}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--ink);margin:0;overflow:hidden}body,button,input{font-family:Arial,Helvetica,sans-serif}button{color:inherit}.app{background:#030713;width:100vw;height:100dvh;min-height:620px}.brand{color:#fff;letter-spacing:.32em;font-size:16px;font-weight:800;text-decoration:none}.brand span{color:var(--lime);font-size:25px}.landing{background:radial-gradient(circle at 72% 43%,#102e58 0,#071225 24%,#030713 61%);width:100%;height:100%;position:relative;overflow:hidden}.landing:after{content:"";pointer-events:none;background:linear-gradient(90deg,#050608db,#0000 64%),linear-gradient(#0000 60%,#050608b3);position:absolute;inset:0}.landing-grid{background-image:linear-gradient(#62d8ff09 1px,#0000 1px),linear-gradient(90deg,#62d8ff09 1px,#0000 1px);background-size:70px 70px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#0000,#000);mask-image:linear-gradient(90deg,#0000,#000)}.landing-orb{aspect-ratio:1;filter:contrast(1.15);background:radial-gradient(circle at 38% 33%,#b9efffeb,#3e8be08c 8%,#0b224abf 28%,#060807 64%);border-radius:50%;width:min(58vw,820px);position:absolute;top:47%;right:5vw;transform:translateY(-50%);box-shadow:inset -70px -50px 130px #000,0 0 160px #4ab0ff33}.landing-orb:before{content:"";border:1px solid #c8ff6333;border-radius:50%;animation:12s linear infinite orbit;position:absolute;inset:-10%}.landing-orb i{aspect-ratio:1;background:radial-gradient(circle,#c8f4ff,#559fe9 28%,#081a34 70%);border-radius:50%;width:9%;position:absolute;box-shadow:0 0 30px #52c9ff}.landing-orb i:first-child{top:12%;left:14%}.landing-orb i:nth-child(2){width:4%;top:46%;right:8%}.landing-orb i:nth-child(3){width:6%;bottom:5%;left:35%}.landing nav{z-index:5;border-bottom:1px solid var(--line);grid-template-columns:1fr auto 1fr;align-items:center;height:98px;padding:0 5vw;display:grid;position:absolute;top:0;left:0;right:0}.landing nav>div{gap:42px;display:flex}.landing nav>div a{letter-spacing:.2em;color:#9ca29d;font-size:9px;text-decoration:none}.landing nav>button{border:1px solid var(--line);letter-spacing:.17em;cursor:pointer;background:#080a0966;justify-self:end;height:44px;padding:0 7px 0 18px;font-size:9px}.landing nav>button b{background:var(--lime);color:#111;place-items:center;width:30px;height:30px;margin-left:14px;display:inline-grid}.hero{z-index:4;width:min(700px,54vw);position:absolute;top:49%;left:8vw;transform:translateY(-50%)}.hero>p{letter-spacing:.28em;color:var(--lime);margin-bottom:26px;font-size:9px}.hero h1{letter-spacing:-.065em;margin:0;font-family:Georgia,serif;font-size:clamp(64px,7vw,112px);font-weight:400;line-height:.89}.hero h1 em{color:#9eaa9f;font-weight:400}.hero-bottom{justify-content:space-between;align-items:flex-end;margin-top:38px;display:flex}.hero-bottom>span{color:#9aa29d;font-family:Georgia,serif;font-size:16px;line-height:1.55}.hero-bottom>div{gap:10px;display:flex}.cta,.watch{border:1px solid var(--line);letter-spacing:.18em;cursor:pointer;background:#0f130fa8;height:54px;padding:0 22px;font-size:9px}.cta{background:var(--lime);color:#10150c;border-color:var(--lime)}.cta b{margin-left:22px;font-size:17px}.watch{color:#c0c5c0}.landing-foot{z-index:5;border-top:1px solid var(--line);color:#697069;letter-spacing:.2em;justify-content:space-between;align-items:center;height:72px;padding:0 5vw;font-size:8px;display:flex;position:absolute;bottom:0;left:0;right:0}.landing-foot b{color:#bec5be;font-size:9px}.chamber{background:radial-gradient(circle,#0b2550,#040918 42%,#020302);place-items:center;width:100%;height:100%;display:grid;position:relative;overflow:hidden}.chamber>.brand{position:absolute;top:40px;left:5vw}.chamber-rings{aspect-ratio:1;border:1px solid #62d8ff1f;border-radius:50%;width:min(80vw,900px);animation:4s ease-in-out infinite breathe;position:absolute;box-shadow:0 0 0 100px #62d8ff05,0 0 0 220px #62d8ff03}.prompt-card{z-index:2;text-align:center;position:relative}.ai-glyph{width:54px;height:54px;color:var(--lime);border:1px solid #62d8ff5c;border-radius:50%;place-items:center;margin:0 auto 24px;display:grid;box-shadow:0 0 35px #62d8ff29}.prompt-card small,.loading p,.world-top small,.region-card small,.world-guide small,.ending p{letter-spacing:.28em;color:#859087;font-size:8px}.prompt-card h2{margin:20px 0 38px;font:400 clamp(40px,5vw,70px)/1.02 Georgia,serif}.prompt-card>button{cursor:pointer;text-align:left;background:#151f17b8;border:1px solid #62d8ff57;justify-content:space-between;align-items:center;width:min(560px,80vw);height:64px;padding:0 8px 0 23px;display:flex}.prompt-card>button span{color:#dce4dc;font-family:Georgia,serif}.prompt-card>button b{background:var(--lime);color:#111;border-radius:50%;place-items:center;width:46px;height:46px;font-size:18px;display:grid}.prompt-card p{color:#515a52;letter-spacing:.18em;margin-top:15px;font-size:7px}.loading{background:#030713;place-content:center;justify-items:center;width:100%;height:100%;display:grid}.cell-loader{width:160px;height:160px;margin-bottom:50px;position:relative}.cell-loader:before{content:"";background:radial-gradient(circle at 35% 30%,#d7f5ff,#5aaae9 18%,#183d70 55%,#071226);border-radius:50%;animation:1.5s ease-in-out infinite breathe;position:absolute;inset:25%;box-shadow:0 0 60px #53beff2e}.cell-loader i{background:var(--lime);width:8px;height:8px;transform:rotate(calc(var(--i)*90deg)) translateX(70px);border-radius:50%;position:absolute;top:50%;left:50%}.cell-loader i:first-child{--i:0}.cell-loader i:nth-child(2){--i:1}.cell-loader i:nth-child(3){--i:2}.cell-loader i:nth-child(4){--i:3}.loading h2{margin:18px 0 30px;font:400 28px Georgia,serif}.load-track{background:#293029;width:340px;height:1px}.load-track span{background:var(--lime);height:1px;transition:width .6s;display:block}.loading small{color:#596159;letter-spacing:.15em;margin-top:12px;font-size:8px}.world{background:#0b0206;width:100%;height:100%;position:relative}.immersive-scene{cursor:crosshair;position:absolute;inset:0}.immersive-scene canvas{width:100%;height:100%;display:block}.world-top{z-index:9;pointer-events:none;background:linear-gradient(#090207bb,#0000);border-bottom:1px solid #ffd2dc21;grid-template-columns:1fr auto 1fr;align-items:center;height:84px;padding:0 4vw;display:grid;position:absolute;top:0;left:0;right:0}.world-top>div{text-align:center;gap:5px;display:grid}.world-top>div b{letter-spacing:.19em;font-size:9px}.world-top>button{letter-spacing:.15em;pointer-events:auto;background:0 0;border:0;justify-self:end;font-size:8px}.world-top>button i{color:#ff6484;margin-left:9px}.region-card{z-index:8;pointer-events:none;background:linear-gradient(90deg,#0d0308b3,#0000);border-left:1px solid #ff5f7e73;width:340px;padding:24px;position:absolute;top:50%;left:4vw;transform:translateY(-50%)}.region-card small{color:#ff7894}.region-card h2{margin:10px 0 16px;font:400 34px Georgia,serif}.region-card p{color:#c0aeb3;font:15px/1.55 Georgia,serif}.region-progress{background:#42222b;height:1px;margin:25px 0 10px}.region-progress span{background:#ff6c88;height:1px;transition:width .6s;display:block}.region-card em{letter-spacing:.17em;color:#7e646b;font-size:7px;font-style:normal}.enter-world{z-index:12;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);cursor:pointer;background:#070205d1;border:1px solid #ffffff40;place-content:center;gap:8px;width:300px;height:86px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.enter-world b{letter-spacing:.2em;font-size:11px}.enter-world span{color:#8f7d83;letter-spacing:.12em;font-size:7px}.world-guide{z-index:10;width:360px;position:absolute;top:110px;right:4vw}.guide-head{border:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);cursor:pointer;text-align:left;background:#080308c2;align-items:center;width:205px;height:58px;margin-left:auto;padding:8px;display:flex}.guide-head>i{color:#d9ffff;background:radial-gradient(circle,#c8ffff,#55bfcc 18%,#0b4049 54%,#0000 65%);border-radius:50%;place-items:center;width:39px;height:39px;margin-right:11px;display:grid;box-shadow:0 0 24px #3cc5d9}.guide-head>span{gap:3px;display:grid}.guide-head b{letter-spacing:.08em;font-size:11px}.guide-head>em{margin-left:auto;font-size:19px;font-style:normal}.guide-body{border:1px solid var(--line);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#080308d6;margin-top:7px;padding:18px}.guide-body>p{color:#c9bec2;margin:0 0 14px;font:14px/1.52 Georgia,serif}.quick{gap:5px;display:flex}.quick button{border:1px solid var(--line);color:#8e8589;cursor:pointer;background:0 0;padding:7px 8px;font-size:8px}.guide-body form{border-top:1px solid var(--line);margin-top:13px;padding-top:13px;display:flex}.guide-body input{color:#fff;background:0 0;border:0;outline:0;flex:1;min-width:0;font-size:11px}.guide-body form button{background:var(--cyan);color:#061315;border:0;border-radius:50%;width:30px;height:30px}.infection-alert{z-index:8;letter-spacing:.2em;color:#ff8297;background:#30030ca8;border:1px solid #ff4d6459;padding:10px 15px;font-size:8px;position:absolute;top:105px;left:50%;transform:translate(-50%)}.infection-alert i{background:#ff264e;border-radius:50%;width:6px;height:6px;margin-right:9px;animation:1s infinite pulse;display:inline-block;box-shadow:0 0 10px #ff264e}.infection-alert span{color:#95636b;margin-left:12px}.ending{z-index:20;text-align:center;background:radial-gradient(circle,#18372fe0,#030706f7 55%);place-content:center;justify-items:center;display:grid;position:absolute;inset:0}.ending>span{color:#7fe8d5;border:1px solid #6be4ce;border-radius:50%;place-items:center;width:50px;height:50px;margin-bottom:24px;display:grid}.ending h2{margin:18px 0 7px;font:400 clamp(42px,5vw,72px)/.98 Georgia,serif}.ending h3{color:#83dacb;margin:0;font:italic 400 28px Georgia,serif}.ending>div{background:#527c74;width:1px;height:55px;margin:25px}.ending>b{letter-spacing:.32em;font-size:20px}.ending>em{letter-spacing:.23em;color:#71817e;margin-top:7px;font-size:8px;font-style:normal}.ending>button{letter-spacing:.18em;cursor:pointer;background:0 0;border:1px solid #598b82;margin-top:25px;padding:12px 18px;font-size:8px}.vr-entry{letter-spacing:.18em!important;background:#04100ec7!important;border:1px solid #79d4ca!important;width:auto!important;font:8px Arial!important;position:absolute!important;bottom:30px!important;left:auto!important;right:4vw!important}.screen-world:after{content:"+";z-index:6;color:#ffffffb3;pointer-events:none;font-size:20px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes orbit{to{transform:rotate(360deg)}}@keyframes breathe{50%{opacity:.8;transform:scale(1.06)}}@keyframes pulse{50%{opacity:.5}}@media (max-width:800px){.app{min-height:650px}.landing nav{height:70px;padding:0 20px}.landing nav>div{display:none}.landing-orb{opacity:.65;width:115vw;right:-36vw}.hero{width:calc(100% - 48px);top:45%;left:24px}.hero h1{font-size:58px}.hero-bottom{display:block}.hero-bottom>span{margin-bottom:22px;display:block}.hero-bottom>div{justify-content:flex-start}.landing-foot{padding:0 20px}.landing-foot span{display:none}.world-top{height:68px;padding:0 20px}.world-top>div{display:none}.region-card{background:#0c0308bd;width:calc(100% - 40px);padding:15px;top:auto;bottom:20px;left:20px;transform:none}.region-card h2{margin:7px 0;font-size:22px}.region-card p{margin:0;font-size:12px}.region-progress,.region-card em{display:none}.world-guide{width:calc(100% - 40px);top:85px;right:20px}.infection-alert{white-space:nowrap;top:78px}.infection-alert span{display:none}.prompt-card h2{font-size:42px}.landing-foot{height:54px}.quick{flex-wrap:wrap}}@media (prefers-reduced-motion:reduce){*{animation-duration:.001ms!important;animation-iteration-count:1!important}}.library{background:radial-gradient(circle at 50% -10%,#173a75 0,#07142e 28%,#030713 68%);width:100%;height:100%;padding-bottom:70px;position:relative;overflow:auto}.library:before{content:"";pointer-events:none;background-image:linear-gradient(#74beff06 1px,#0000 1px),linear-gradient(90deg,#74beff06 1px,#0000 1px);background-size:72px 72px;position:fixed;inset:0}.library-glow{filter:blur(40px);pointer-events:none;background:radial-gradient(#306bff21,#0000 64%);width:70%;height:60%;position:fixed;top:10%;left:15%}.library header{z-index:5;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);grid-template-columns:1fr auto 1fr;align-items:center;height:84px;padding:0 4.5vw;display:grid;position:relative}.library header>div{letter-spacing:.17em;gap:32px;font-size:9px;display:flex}.library header>div span{color:#687a99}.library header>button{color:#7e8ea8;letter-spacing:.18em;cursor:pointer;background:0 0;border:0;justify-self:end;font-size:8px}.library-intro{z-index:2;grid-template-columns:1fr auto;align-items:end;padding:48px 5vw 30px;display:grid;position:relative}.library-intro p{color:var(--cyan);letter-spacing:.25em;grid-column:1/-1;font-size:8px}.library-intro h1{letter-spacing:-.05em;margin:12px 0 0;font:400 clamp(48px,5vw,76px)/.92 Georgia,serif}.library-intro>span{color:#7e8da6;padding-bottom:6px;font:15px Georgia,serif}.lesson-grid{z-index:2;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;padding:0 5vw;display:grid;position:relative}.lesson-card{text-align:left;background:#081127c2;border:1px solid #add3ff21;border-radius:18px;min-width:0;padding:0;transition:all .45s cubic-bezier(.2,.8,.2,1);overflow:hidden;box-shadow:0 22px 55px #00000040}button.lesson-card{cursor:pointer}.lesson-card:hover{border-color:#6fcdff7a;transform:translateY(-9px)scale(1.012);box-shadow:0 28px 75px #0023696b}.art{background:radial-gradient(circle at 58% 45%,#2570b9,#08162f 62%);height:210px;position:relative;overflow:hidden}.art:before,.art:after,.art i{content:"";border-radius:50%;position:absolute}.art:before{border:1px solid #c1edff59;width:190px;height:190px;top:12%;right:8%;box-shadow:0 0 65px #3eb3ff40,inset 0 0 55px #3671ff38}.art:after{border:1px solid #7bcbff4d;width:280px;height:80px;top:38%;right:-5%;transform:rotate(-16deg)}.art i{background:#9cecff;width:8px;height:8px;box-shadow:0 0 16px #75dcff}.art i:first-child{top:25%;left:18%}.art i:nth-child(2){bottom:20%;left:34%}.art i:nth-child(3){top:18%;right:16%}.art strong{color:#d7f7ff;text-shadow:0 0 40px #59bfff;font:400 70px Georgia,serif;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.art em{color:#8decff;letter-spacing:.13em;background:#030f23b3;border:1px solid #67dfff52;border-radius:30px;padding:7px 10px;font-size:7px;font-style:normal;position:absolute;top:15px;left:15px}.rome .art{background:radial-gradient(circle at 58% 45%,#5148a8,#11112d 64%)}.rome .art strong{color:#d9d4ff;text-shadow:0 0 40px #7b6cff}.dna .art{background:radial-gradient(circle at 58% 45%,#0d7180,#061f32 64%)}.dna .art strong{color:#9affee}.earth .art{background:radial-gradient(circle at 58% 45%,#9c441e,#211023 64%)}.earth .art strong{color:#ffb35f;text-shadow:0 0 40px #ff5737}.computer .art{background:radial-gradient(circle at 58% 45%,#2257a8,#060f2d 64%)}.computer .art strong{color:#7dcfff}.card-copy{flex-direction:column;justify-content:space-between;min-height:190px;padding:22px;display:flex}.card-copy small,.generate-copy small{letter-spacing:.15em;color:#607391;font-size:7px}.card-copy h2,.generate-copy h2{margin:9px 0 8px;font:400 25px Georgia,serif}.card-copy p,.generate-copy p{color:#8998ae;margin:0;font:13px/1.5 Georgia,serif}.card-copy>b{color:#8292a9;letter-spacing:.16em;border-top:1px solid #aad2ff17;padding-top:18px;font-size:8px}.card-copy>b span{float:right;color:var(--cyan);font-size:17px}.generate{grid-column:span 1}.generate-art{background:radial-gradient(circle,#153e80,#07132c 68%);justify-content:center;align-items:center;gap:20px;height:145px;display:flex}.generate-art strong{width:60px;height:60px;color:var(--cyan);border:1px solid #7be1ff59;border-radius:50%;place-items:center;font-size:25px;display:grid;box-shadow:0 0 40px #3bb5ff33}.generate-art span{letter-spacing:.2em;color:#a8c9e8;font-size:10px;line-height:1.6}.generate-copy{padding:20px}.generate-copy form{background:#030b1d99;border:1px solid #99cfff2e;margin-top:16px;display:flex}.generate-copy input{color:#fff;background:0 0;border:0;outline:0;flex:1;min-width:0;padding:0 13px;font-size:11px}.generate-copy form button{color:#06111d;letter-spacing:.12em;cursor:pointer;background:#73dcff;border:0;height:42px;padding:0 11px;font-size:8px}.generate-copy form button b{margin-left:7px;font-size:15px}.prompt-chips{flex-wrap:wrap;gap:5px;margin-top:10px;display:flex}.prompt-chips button{color:#667b9b;cursor:pointer;background:0 0;border:1px solid #9bcaff26;padding:6px 8px;font-size:7px}.loading h3{color:#627ca7;margin:-17px 0 28px;font:italic 14px Georgia,serif}.screen-library{background:#030713}@media (max-width:1100px){.lesson-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:700px){.library-intro{padding:32px 20px 24px;display:block}.library-intro>span{margin-top:14px;display:block}.lesson-grid{grid-template-columns:1fr;padding:0 20px}.library header{padding:0 20px}.library header>div{display:none}.art{height:190px}.lesson-card{border-radius:14px}}@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}
.live-voice{color:#8ddfff;letter-spacing:.16em;cursor:pointer;background:#145b9029;border:1px solid #70d5ff47;width:100%;height:38px;margin:0 0 12px;font-size:8px;transition:all .25s}.live-voice:hover{background:#2885be38;border-color:#7df}.live-voice i{background:#7395ae;border-radius:50%;width:7px;height:7px;margin-right:8px;display:inline-block}.live-voice.connecting i{background:#ffd166;animation:1s infinite pulse}.live-voice.live{color:#87ffd8;background:#197d622e;border-color:#56ffcf80}.live-voice.live i{background:#55f2c0;animation:1.1s infinite pulse;box-shadow:0 0 12px #55f2c0}.live-voice.error{color:#ff91a7;border-color:#ff698773}.voice-error{margin:-5px 0 12px;line-height:1.4;color:#ff91a7!important;letter-spacing:.04em!important;display:block!important}.browser-voice{color:#aebcff;letter-spacing:.12em;cursor:pointer;background:#383e8221;border:1px solid #9db1ff33;width:100%;height:38px;margin:-6px 0 12px;font-size:8px}.browser-voice i{background:#7a87bd;border-radius:50%;width:7px;height:7px;margin-right:8px;display:inline-block}.browser-voice.listening{color:#e3e7ff;background:#525bbe38;border-color:#9caaff}.browser-voice.listening i{background:#ff648e;animation:.8s infinite pulse;box-shadow:0 0 12px #ff648e}.browser-voice{display:none!important}
.generate-copy>p:first-of-type:after{content:"Any topic works: AI generates the lesson content, narration, questions, and learning journey. Procedural Three.js visuals are currently a work in progress.";color:#8aa4c3;background:#3fafff12;border-left:2px solid #72dcff;margin-top:10px;padding:9px 10px;font:10px/1.45 Arial,sans-serif;display:block}.generate-copy .prompt-chips{display:none}