@font-face{font-family:Montserrat;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/8298327da6d5bcce-s.fb2d5852.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Montserrat;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/44fac91e6f2d2b1b-s.0a39a854.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Montserrat;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2b402d8aebffd579-s.ec7e94a5.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Montserrat;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/a88409fdd7dc121c-s.62b55a98.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Montserrat;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/e8f2fbee2754df70-s.p.9b7a96b4.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Montserrat Fallback;src:local(Arial);ascent-override:85.79%;descent-override:22.25%;line-gap-override:0.0%;size-adjust:112.83%}.montserrat_a6b8e55e-module__JnHUVq__className{font-family:Montserrat,Montserrat Fallback;font-style:normal}.montserrat_a6b8e55e-module__JnHUVq__variable{--font-montserrat:"Montserrat","Montserrat Fallback"}
:root{--bg-color:#0f172a;--disk-bg:#ffffff0d;--disk-border:#ffffff1a;--text-color:#e2e8f0;--accent-color:#38bdf8;--button-bg:#1e293bcc;--button-hover:#38bdf8;--button-text-hover:#0f172a;--label-color:#94a3b8;--success-color:#22c55e;--success-hover:#16a34a;--panel-bg:#ffffff0d;--panel-border:#ffffff1a}.text-red-400{color:#f87171}.text-red-500{color:#ef4444}.text-green-400{color:#4ade80}.text-gray-200{color:#e2e8f0}.text-gray-300{color:#d1d5db}.text-gray-400{color:#94a3b8}.text-purple-300{color:#d8b4fe}.text-purple-400{color:#c084fc}.text-yellow-400{color:#facc15}.text-white{color:#fff}.text-center{text-align:center}.text-sm{font-size:.875rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.75rem}.text-2xl{font-size:1.5rem}.text-4xl{font-size:2.25rem}.font-bold{font-weight:700}.font-semibold{font-weight:600}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mt-2{margin-top:.5rem}.mt-8{margin-top:2rem}.mr-4{margin-right:1rem}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.m-0{margin:0}.p-0{padding:0}.pb-1{padding-bottom:.25rem}.gap-0{gap:0}.gap-0\.5{gap:.125rem}.leading-tight{line-height:1.25}.leading-none{line-height:1}.w-full{width:100%}.max-w-md{max-width:28rem}.max-w-2xl{max-width:42rem}.max-w-lg{max-width:32rem}body{background-color:var(--bg-color);color:var(--text-color);font-family:var(--font-montserrat),sans-serif;min-height:100vh;margin:0;padding:0}.global-header{z-index:100;background-color:#93c5fd;justify-content:space-between;align-items:center;height:64px;padding:0 1.5rem 0 .5rem;display:flex;position:relative;box-shadow:0 2px 4px #0000001a}.header-left{color:#2563eb;align-items:center;gap:.25rem;font-size:1.25rem;font-weight:700;display:flex}.header-right{color:#1e3a8a;align-items:center;gap:.25rem;font-size:1.25rem;font-weight:700;display:flex}.pink-nav-button{color:#fff;white-space:nowrap;background:#f59e0b;border:1px solid #ffffff4d;border-radius:2.5rem;align-items:center;gap:.75rem;margin-right:4px;padding:.3rem 1rem;font-size:1rem;font-weight:700;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 4px 10px #f59e0b33}.pink-nav-button:hover{filter:brightness(1.1);transform:translateY(-1px)scale(1.01);box-shadow:0 6px 15px #f59e0b66}.scintilla-star{color:#c026d3;text-shadow:0 0 5px #c026d380;font-size:1.25rem}.app-container{justify-content:center;align-items:stretch;min-height:calc(100vh - 64px);padding:0;display:flex}.main-grid{grid-template-columns:1fr;width:100%;min-height:90vh;display:grid}@media (min-width:1024px){.main-grid{grid-template-rows:calc(100vh - 64px);grid-template-columns:20% 1fr;height:calc(90vh - 64px);overflow:hidden}}.welcome-sidebar{color:#fff;background-color:#475569;flex-direction:column;justify-content:flex-start;padding:2.5rem 2rem 1.5rem;display:flex;overflow-y:auto}.welcome-sidebar h1{color:#f59e0b;margin:0 0 .5rem;font-size:3rem;font-weight:700;line-height:.9}.welcome-sidebar h2{color:#f59e0b;margin:0 0 1.2rem;font-size:1.8rem;font-weight:700;line-height:1.1}.welcome-sidebar p{color:#fff;opacity:1;margin-bottom:1.2rem;font-size:1.1rem;font-weight:600;line-height:1.35}.sidebar-start-btn{background-color:var(--success-color);color:#fff;cursor:pointer;text-transform:uppercase;letter-spacing:.05em;border:none;border-radius:.5rem;width:100%;margin-top:2rem;padding:1rem;font-size:1.25rem;font-weight:700;transition:all .2s;box-shadow:0 4px 6px #0003}.sidebar-start-btn:hover{background-color:var(--success-hover);transform:translateY(-2px);box-shadow:0 6px 12px #22c55e4d}.sidebar-start-btn:active{transform:translateY(0)}@keyframes flash-highlight{0%,33.33%,66.66%,to{color:#fff;text-shadow:none}16.66%,50%,83.33%{color:#22c55e;text-shadow:0 0 10px #22c55e80}}@keyframes flash-highlight-blue{0%,33.33%,66.66%,to{color:#fff;text-shadow:none}16.66%,50%,83.33%{color:#38bdf8;text-shadow:0 0 10px #38bdf880}}.flash-animation{animation:1.5s ease-in-out infinite flash-highlight}.flash-animation-blue{animation:1.5s ease-in-out infinite flash-highlight-blue}.main-content-area{grid-template-columns:1fr;gap:1rem;height:100%;padding:.5rem 1rem 1rem;display:grid;overflow-y:auto}@media (min-width:1024px){.main-content-area{grid-template-columns:1fr 2fr;align-items:start;overflow-y:hidden}}.layout-column{flex-direction:column;gap:0;height:100%;min-height:0;display:flex;overflow:hidden}.section-heading{color:#fff;align-items:center;gap:.25rem;font-size:1.25rem;font-weight:800;line-height:1;display:flex}.header-row{justify-content:space-between;align-items:center;width:100%;min-height:4rem;display:flex}.number-badge{color:var(--accent-color);align-items:center;margin-right:.25rem;font-size:3rem;font-weight:700;line-height:1;display:flex}.glass-panel{background:var(--panel-bg);border:1px solid var(--panel-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:.75rem;padding:1rem}.scroll-list{scrollbar-width:auto;scrollbar-color:#ffffff4d transparent;scroll-snap-type:y mandatory;flex:1;grid-template-columns:repeat(3,1fr);gap:.5rem;min-height:0;padding-bottom:2rem;padding-right:.5rem;display:grid;overflow:hidden auto}@media (min-width:2500px){.scroll-list{grid-template-columns:repeat(2,1fr)}.card-image-wrapper{aspect-ratio:4/3!important;height:auto!important}.number-badge{font-size:3rem}}.scroll-list::-webkit-scrollbar{width:8px}.scroll-list::-webkit-scrollbar-thumb{background-color:#ffffff4d;border-radius:4px}.scroll-list::-webkit-scrollbar-thumb:hover{background-color:#ffffff80}.selection-card{cursor:pointer;scroll-snap-align:start;border-radius:.5rem;flex-direction:column;flex-shrink:0;align-items:center;width:100%;padding:.25rem;transition:transform .2s,background-color .2s;display:flex}.selection-card:hover{background:#ffffff0d;transform:translateY(-4px)}.carousel-nav-container{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:.5rem;width:100%;min-height:0;display:flex;position:relative;overflow:hidden}.nav-arrow{border:1px solid var(--panel-border);color:var(--accent-color);cursor:pointer;z-index:10;background:#0f172acc;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:2rem;height:2rem;transition:all .2s;display:flex}.nav-arrow:hover{background:var(--accent-color);color:#0f172a}.nav-arrow:disabled{opacity:.3;cursor:default;color:var(--label-color);background:0 0}.scroll-list-container{flex-direction:column;flex:1;width:30rem;max-width:100%;min-height:0;margin:0;display:flex;position:relative;overflow:hidden}.card-image-wrapper{background:#1e293b;border-radius:.5rem;width:100%;height:6.5rem;margin-bottom:.25rem;overflow:hidden}.card-image{object-fit:cover;width:100%;height:100%}.card-label{text-align:center;font-size:.875rem;font-weight:500}.context-panel{flex-direction:column;gap:1rem;padding:1.5rem 1.5rem .5rem;display:flex}.preview-row{justify-content:center;gap:1rem;display:flex}.preview-box{aspect-ratio:4/3;background:#1e293b;border-radius:.5rem;justify-content:center;align-items:center;width:50%;display:flex;position:relative;overflow:hidden}.quick-facts h3{color:var(--accent-color);margin:0 0 .25rem;font-size:1.125rem;font-weight:700}.quick-facts p{color:#cbd5e1;margin:0;font-size:.875rem;line-height:1.6}.grid-list{grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}.env-item{cursor:pointer;opacity:.7;flex-direction:column;gap:.5rem;transition:opacity .2s;display:flex}.env-item:hover,.env-item.active{opacity:1}.env-image-wrapper{aspect-ratio:4/3;background:#1e293b;border:2px solid #0000;border-radius:.5rem;transition:border-color .2s;overflow:hidden}.env-item.active .env-image-wrapper{border-color:var(--accent-color)}.env-label{text-align:center;color:#94a3b8;font-size:.75rem;font-weight:500}.env-item.active .env-label{color:var(--accent-color)}.input-card{background:#0f172a;border:1px solid #1e293b;border-radius:.75rem;flex-direction:column;gap:1rem;padding:1rem;display:flex;box-shadow:0 4px 6px #0000001a}.input-row{gap:.5rem;display:flex}.behavior-select{color:#fff;background:#1e293b;border:1px solid #334155;border-radius:.5rem;outline:none;flex:1;padding:.5rem}.behavior-select:focus{border-color:var(--accent-color)}.auto-btn{color:var(--accent-color);border:1px solid var(--accent-color);cursor:pointer;background:0 0;border-radius:.5rem;padding:0 .75rem;font-size:.75rem;font-weight:700}.auto-btn:hover{background:#38bdf81a}.story-textarea{color:#cbd5e1;resize:none;box-sizing:border-box;background:#1e293b;border:1px solid #334155;border-radius:.5rem;outline:none;width:100%;height:auto;padding:.75rem;font-family:inherit;font-size:.85rem;line-height:1.5}.story-textarea:focus{border-color:var(--accent-color)}.primary-btn{background:var(--success-color);color:#fff;cursor:pointer;border:none;border-radius:.5rem;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:.75rem;font-size:1.1rem;font-weight:700;transition:background .2s,transform .1s;display:flex}.primary-btn:hover{background:var(--success-hover)}.primary-btn:active{transform:scale(.98)}.primary-btn:disabled{opacity:.7;cursor:not-allowed}.helper-link{text-align:right;margin-top:-.5rem}.helper-link a{color:var(--accent-color);font-size:.75rem;text-decoration:none}.helper-link a:hover{text-decoration:underline}.result-card{background:#0f172a;border:1px solid #1e293b;border-radius:.75rem;flex-direction:column;flex-grow:1;gap:1rem;padding:1rem;display:flex;box-shadow:0 4px 6px #0000001a}.result-image-wrapper{aspect-ratio:4/3;background:#1e293b;border:1px solid #334155;border-radius:.5rem;width:100%;position:relative;overflow:hidden}.zoom-modal{z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000e6;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.zoom-image{object-fit:contain;border-radius:.5rem;max-width:100%;max-height:90vh}.close-btn{color:#fff;cursor:pointer;background:0 0;border:none;font-size:2rem;position:absolute;top:1rem;right:1rem}.main-content{align-items:center;gap:40px;padding:20px;display:flex}.disk-container{aspect-ratio:1;justify-content:center;align-items:center;width:100%;max-width:450px;margin:0 auto;display:flex;position:relative}.disk{background:conic-gradient(#772206 0deg 13.85deg,#d2491d 13.85deg 27.69deg,#ff5a27 27.69deg 41.54deg,#ffb9a3 41.54deg 55.38deg,#6c4b08 55.38deg 69.23deg,#b87107 69.23deg 83.08deg,#ffae0b 83.08deg 96.92deg,#ffd27b 96.92deg 110.77deg,#9c8e14 110.77deg 124.62deg,#817507 124.62deg 138.46deg,#dcc15f 138.46deg 152.31deg,#ffde48 152.31deg 166.15deg,#9abc3f 166.15deg 180deg,#cfdd44 180deg 193.85deg,#f3f19e 193.85deg 207.69deg,#4c6929 207.69deg 221.54deg,#99d18d 221.54deg 235.38deg,#079184 235.38deg 249.23deg,#07acae 249.23deg 263.08deg,#09cad3 263.08deg 276.92deg,#3ae8ff 276.92deg 290.77deg,#086074 290.77deg 304.62deg,#2783b0 304.62deg 318.46deg,#34ebff 318.46deg 332.31deg,#014462 332.31deg 346.15deg,#03a9f4 346.15deg 360deg);border:4px solid #fff;border-radius:50%;width:100%;height:100%;transition:transform .5s;position:relative;box-shadow:0 0 20px #0003}.disk-instruction{text-align:center;color:#fff;z-index:2;pointer-events:none;text-shadow:0 2px 4px #00000080;font-size:1.2rem;font-weight:600;position:absolute;top:20%;left:50%;transform:translate(-50%,-50%)}.disk-center-btn{z-index:20;cursor:pointer;color:#fff;-webkit-user-select:none;user-select:none;text-transform:lowercase;background:#dc2626;border:4px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;font-size:1rem;font-weight:700;transition:transform .1s;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 8px #0f172a}.disk-center-btn:hover{background:#ef4444;transform:translate(-50%,-50%)scale(1.05)}.disk-center-btn:active{transform:translate(-50%,-50%)scale(.95)}.disk-arrow{transform-origin:0%;pointer-events:none;z-index:15;align-items:center;width:185px;height:40px;transition:transform 3s;display:flex;position:absolute;top:50%;left:50%}.arrow-body{background:#1a1a1a;border-radius:0;width:145px;height:8px;display:block;position:absolute;left:0;box-shadow:0 2px 4px #0000004d}.arrow-head{filter:drop-shadow(2px 2px 4px #0006);border-top:15px solid #0000;border-bottom:15px solid #0000;border-left:30px solid #1a1a1a;width:0;height:0;position:absolute;top:50%;left:145px;transform:translateY(-50%)}.arrow-ring{display:none}.alphabet-button{background:var(--button-bg);border:1px solid var(--disk-border);width:40px;height:40px;color:var(--text-color);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:50%;justify-content:center;align-items:center;font-weight:700;transition:all .3s;display:flex;position:absolute;box-shadow:0 4px 6px #0000004d}.alphabet-button:hover{background:var(--button-hover);color:var(--button-text-hover);box-shadow:0 0 15px var(--accent-color);z-index:10;transform:scale(1.2)}.image-column,.environment-column{background:var(--disk-bg);border:1px solid var(--disk-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);scrollbar-width:thin;scrollbar-color:var(--disk-border)transparent;border-radius:20px;flex-direction:column;gap:15px;width:300px;height:600px;padding:20px;display:flex;overflow-y:auto;box-shadow:0 0 30px #0000004d}.image-column::-webkit-scrollbar{width:6px}.environment-column::-webkit-scrollbar{width:6px}.image-column::-webkit-scrollbar-thumb{background-color:var(--disk-border);border-radius:3px}.environment-column::-webkit-scrollbar-thumb{background-color:var(--disk-border);border-radius:3px}.placeholder-text{color:var(--label-color);text-align:center;margin-top:50%;font-size:1.1rem;transform:translateY(-50%)}.animal-card{opacity:0;cursor:pointer;background:#ffffff08;border-radius:12px;flex-direction:column;align-items:center;gap:10px;padding:10px;transition:transform .2s,background .2s;animation:.5s forwards fadeIn;display:flex;transform:translateY(20px)}.animal-card:hover{background:#ffffff14;transform:translateY(-2px)}.animal-card.active{border:1px solid var(--accent-color);background:#38bdf81a}@keyframes fadeIn{to{opacity:1;transform:translateY(0)}}.animal-image{object-fit:cover;background:#1e293b;border-radius:8px;width:100%;height:200px}.animal-name{color:var(--text-color);text-transform:capitalize;font-weight:500}.env-card{opacity:0;cursor:pointer;background:#ffffff08;border-radius:12px;flex-direction:column;align-items:center;gap:10px;padding:15px;transition:transform .2s,background .2s;animation:.5s forwards fadeIn;display:flex;transform:translateY(20px)}.env-card:hover{background:#ffffff14;transform:translateY(-2px)}.env-card.active{border:1px solid var(--accent-color);background:#38bdf81a}.env-image{object-fit:cover;background:#1e293b;border-radius:8px;width:100%;height:200px}.env-name{color:var(--text-color);text-align:center;font-weight:500}.right-column{flex-direction:column;gap:20px;display:flex}.input-section{background:var(--disk-bg);border:1px solid var(--disk-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;flex-direction:column;align-self:stretch;gap:15px;width:390px;height:fit-content;padding:20px;display:flex;box-shadow:0 0 30px #0000004d}.story-button{color:var(--accent-color);border:2px solid var(--accent-color);cursor:pointer;text-align:center;background:0 0;border-radius:8px;width:100%;margin-bottom:10px;padding:8px 16px;font-family:inherit;font-size:1rem;font-weight:600;transition:all .2s}.story-button:hover{background:#38bdf81a;transform:translateY(-2px);box-shadow:0 0 15px #38bdf84d}.text-input{border:1px solid var(--disk-border);width:100%;color:var(--text-color);resize:none;box-sizing:border-box;background:#0003;border-radius:8px;outline:none;padding:10px;font-family:inherit}.text-input:focus{border-color:var(--accent-color)}select.text-input{background-color:#000}.go-button{color:#fff;cursor:pointer;background:#22c55e;border:none;border-radius:8px;align-self:flex-end;padding:10px 20px;font-weight:700;transition:transform .2s,background .2s}.go-button:hover{background:#16a34a;transform:scale(1.05)}.carousel-section{background:var(--disk-bg);border:1px solid var(--disk-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;flex-direction:column;gap:15px;width:390px;padding:20px;display:flex;box-shadow:0 0 30px #0000004d}.carousel-display{aspect-ratio:1;border:1px solid var(--disk-border);background:#0003;border-radius:12px;justify-content:center;align-items:center;width:100%;display:flex;position:relative;overflow:hidden}.carousel-image{object-fit:cover;width:100%;height:100%}.carousel-steps{justify-content:center;gap:12px;padding-top:5px;display:flex}.step-dot{background:var(--disk-border);cursor:pointer;border:2px solid #0000;border-radius:50%;width:12px;height:12px;transition:all .3s cubic-bezier(.4,0,.2,1)}.step-dot:hover{background:var(--label-color)}.step-dot.active{background:var(--accent-color);transform:scale(1.2);box-shadow:0 0 10px #38bdf880}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spinner{vertical-align:middle;border:3px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:16px;height:16px;margin-right:8px;animation:1s linear infinite spin;display:inline-block}.story-btn-container{flex-direction:column;justify-content:center;align-items:center;gap:.5rem;margin:1rem 0;display:flex}.story-arrow-btn{background:var(--accent-color);color:#0f172a;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:4rem;height:4rem;text-decoration:none;transition:all .2s;display:flex;box-shadow:0 0 20px #38bdf866}.story-arrow-btn:hover{transform:scale(1.1);box-shadow:0 0 30px #38bdf899}.story-arrow-btn svg{stroke-width:2.5px;width:2rem;height:2rem}.story-arrow-btn.disabled{background:var(--bg-color);border:1px solid var(--panel-border);color:var(--label-color);box-shadow:none;cursor:not-allowed;opacity:.5;pointer-events:none}.story-btn-label{color:var(--accent-color);letter-spacing:.05em;font-size:1rem;font-weight:600}.story-preview-area{height:calc(100vh - 290px);min-height:400px}@media (min-width:2500px){html{font-size:24px}.main-grid{height:calc(100vh - 64px)!important;min-height:calc(100vh - 64px)!important}.scroll-list-container{width:100%!important}.main-content-area{grid-template-columns:1fr 3fr}.section-heading{font-size:1.3rem!important}.quick-facts h3{color:var(--accent-color);margin:0 0 .25rem;font-size:1.125rem;font-weight:700}.quick-facts p{color:#cbd5e1;margin:0;font-size:.875rem;line-height:1.2}.pink-nav-button{padding:.3rem 1rem!important;font-size:1.1rem!important}.grid-list{gap:.75rem!important}.story-container{max-width:100%!important}.disk-container{margin-top:-.2rem!important}}