body{overflow-y:auto;overflow-x:hidden;min-height:100vh;min-height:100dvh;overscroll-behavior-y:none;position:relative}#bgCanvas{position:fixed;top:0;left:0;width:100vw;height:100dvh;z-index:0}.flex-1{z-index:10;position:relative}.no-scrollbar::-webkit-scrollbar{display:none}.grid-bg{background-image:radial-gradient(rgb(160 168 177 / .37) 1.5px,transparent 1.5px);background-size:24px 24px}.dark .grid-bg{background-image:radial-gradient(rgb(92 105 126 / .4) 1.5px,transparent 1.5px)}#atomList{perspective:1000px;transform-style:preserve-3d;will-change:transform}.atom-btn{transform-style:preserve-3d;transition:z-index 0s;z-index:1;background:transparent!important;border:none!important;box-shadow:none!important;user-select:none;touch-action:none;cursor:grab!important;-webkit-user-drag:none}.atom-btn:active{cursor:grabbing!important}.atom-inner{width:100%;height:100%;border-radius:.75rem;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:transform 0.2s cubic-bezier(.2,.8,.2,1),box-shadow 0.2s;border:1px solid rgb(255 255 255 / .2);font-weight:700;pointer-events:none}.atom-btn:hover{z-index:50}.atom-btn::after{content:'';position:absolute;inset:0;z-index:100;border-radius:.75rem;background:#fff0}.atom-btn:hover .atom-inner{transform:scale(1.1) rotateX(0deg) rotateY(0deg)!important;box-shadow:0 10px 20px rgb(0 0 0 / .2)}#carousel-stage{perspective:800px;overflow:hidden;display:flex;justify-content:center;align-items:center;height:300px;width:100%;padding-top:20px;padding-bottom:20px}#discoveryCarousel{position:relative;min-height:260px;overflow:visible;perspective:1000px;display:flex;align-items:center;justify-content:center}.molecule-card{position:absolute;left:50%;top:50%;width:13rem;height:14rem;margin-left:-6.5rem;margin-top:-7rem;transition:all 0.6s cubic-bezier(.34,1.56,.64,1);transform-origin:center center;opacity:0;pointer-events:none;transform:translateX(60px) scale(.8) rotate(5deg);z-index:0;display:flex;flex-direction:column;justify-content:center}.dark .molecule-card{background:linear-gradient(135deg,#1f2937 0%,#111827 100%);border:1px solid rgb(255 255 255 / .05)}.molecule-card.active{opacity:1;transform:translateX(0) scale(1.1) rotate(0deg);z-index:20;filter:blur(0)}.molecule-card.prev-1{opacity:.7;transform:translateX(-150px) scale(.9) rotate(-8deg);z-index:10;filter:blur(0)}.molecule-card.prev-2{opacity:.3;transform:translateX(-240px) scale(.8) rotate(-15deg);z-index:5;filter:blur(1px)}#emptyState{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:0;transition:opacity 0.3s ease}.drag-proxy{position:fixed;pointer-events:none;z-index:9999;transition:none!important}.button-outline-placeholder{position:absolute;inset:0;border:2px dashed rgb(156 163 175 / .5);border-radius:.75rem;pointer-events:none;opacity:0;transition:opacity 0.2s ease;z-index:0}.button-outline-placeholder.active{opacity:1}.dark .button-outline-placeholder{border-color:rgb(255 255 255 / .15)}.font-hand{font-family:'Patrick Hand',cursive}.notebook-lines{background-color:#fff0;background-image:linear-gradient(transparent 31px,#cbd5e1 31px);background-size:100% 32px;background-attachment:local}@keyframes super-pop{0%{transform:scale(.3);opacity:0}40%{transform:scale(1.25)}60%{transform:scale(.9)}80%{transform:scale(1.05)}100%{transform:scale(1);opacity:1}}.gpu-layer{will-change:transform,opacity;backface-visibility:hidden}.animate-super-pop{animation:super-pop 0.6s cubic-bezier(.34,1.56,.64,1) forwards}.perspective-container{perspective:2000px;overflow:hidden}#feedbackBtn{transition:all 0.4s cubic-bezier(.2,0,.2,1)}#feedbackBtn:hover{background-color:#f3e8ff}.dark #feedbackBtn:hover{background-color:#374151}#feedbackBackdrop,#modalBackdrop{background-color:rgb(0 0 0 / .3);backdrop-filter:blur(4px)}.world-wrapper{position:absolute;inset:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;transform-style:preserve-3d;pointer-events:none}#feedbackContent{pointer-events:auto!important}#feedbackModal.active #feedbackBackdrop{display:flex;opacity:1}.world-wrapper.show-box .dropbox-3d{opacity:1}:root{--throw-speed:1.0s;--jump-height:-350px;--throw-depth-end:-330px;--squash-x:1.25;--squash-y:0.75;--stretch-x:0.75;--stretch-y:1.25}.card-3d-container{position:relative;display:flex;justify-content:center;align-items:center;width:100%;height:100%;transform-style:preserve-3d;transform:translate3d(0,0,0);pointer-events:none!important;will-change:transform;z-index:10}@keyframes physicalThrow{0%{transform:translate3d(0,0,0) scale(1) rotateX(0deg);animation-timing-function:cubic-bezier(.25,.46,.45,.94);opacity:1}20%{transform:translate3d(0,50px,0) scale(var(--squash-x),var(--squash-y)) rotateX(-15deg);animation-timing-function:ease-in}35%{transform:translate3d(0,-150px,0) scale(var(--stretch-x),var(--stretch-y)) rotateX(10deg);animation-timing-function:linear}50%{transform:translate3d(0,var(--jump-height),-50px) scale(1) rotateX(100deg);animation-timing-function:ease-in;opacity:1}99%{opacity:1}100%{transform:translate3d(0,100px,var(--throw-depth-end)) scale(.2) rotateX(360deg);opacity:0}}#designerCanvas{touch-action:none!important}.world-wrapper.is-throwing .card-3d-container{animation:physicalThrow var(--throw-speed) linear forwards}.world-wrapper.finish-anim .dropbox-3d{opacity:0!important;transform:translate3d(0,50px,var(--throw-depth)) scale(.8);transition:all 0.6s ease-in}#thankYouOverlay.active{opacity:1;pointer-events:auto}#thankYouText{position:relative;display:inline-block;z-index:100;text-align:center;width:100%;line-height:1;font-family:'Patrick Hand';font-weight:900;font-size:clamp(3.5rem, 15vw, 6rem);font-style:normal;letter-spacing:-.05em;background:linear-gradient(to bottom,#bfdbfe 0%,#3b82f6 50%,#2d52ce 100%);-webkit-background-clip:text;-webkit-text-fill-color:#fff0;-webkit-text-stroke:.1px rgb(255 255 255);filter:drop-shadow(0 0 4px rgb(255 255 255 / .6))}#thankYouText::before,#thankYouText::after{content:none;display:none}#thankYouOverlay.active #thankYouText{transform:scale(1)}.world-wrapper.final-fade{opacity:0;transition:opacity 2s ease-in-out}@keyframes boxSquash{0%{transform:translate3d(0,0,20px) scale(1,1)}15%{transform:translate3d(0,40px,20px) scale(1.3,.7)}40%{transform:translate3d(0,-20px,20px) scale(.9,1.2)}100%{transform:translate3d(0,0,20px) scale(1,1)}}.world-wrapper.is-impact .box-front,.world-wrapper.is-impact .box-back{animation:boxSquash 0.5s cubic-bezier(.175,.885,.32,1.275) 0.4s forwards}.world-wrapper.is-throwing .card-3d-container{animation:physicalThrow 1.1s cubic-bezier(.2,.8,.2,1) forwards}.dropbox-3d{position:absolute;bottom:20%;width:240px;height:120px;transform-style:preserve-3d;transform:translate3d(0,0,0);will-change:transform,opacity;opacity:0;transition:opacity 0.4s ease;z-index:50}.box-back{position:absolute;inset:0;background:#1e3a8a;border-radius:12px;transform:translate3d(0,0,-20px);box-shadow:inset 0 0 20px rgb(0 0 0 / .4)}.box-front{position:absolute;inset:0;background:#2563eb;border-radius:12px;transform:translate3d(0,0,20px);display:flex;justify-content:center;align-items:center;box-shadow:0 20px 40px -5px rgb(30 58 138 / .4);border-top:1px solid rgb(255 255 255 / .3)}.box-label-container{background-color:#f3f4f6;padding:8px 32px;transform:translateZ(2px) rotate(-2deg);box-shadow:0 2px 4px rgb(0 0 0 / .1);border-left:2px dashed rgb(0 0 0 / .1);border-right:2px dashed rgb(0 0 0 / .1)}.box-label{font-family:'Patrick Hand',cursive;color:#1e293b;font-weight:700;font-size:24px;letter-spacing:1px}@keyframes flashWhite{0%{filter:brightness(1)}50%{filter:brightness(10);background-color:#fff}100%{filter:brightness(1);background-color:#fdfbf7}}.is-flashing{animation:flashWhite 0.2s ease-out forwards;will-change:filter}*{margin:0;padding:0;box-sizing:border-box;font-family:"Inter",sans-serif!important}.slider-container{width:100%;display:flex;justify-content:center;perspective:1200px;pointer-events:none}.card-wrapper{max-width:1100px;width:100%;padding:40px 0 100px;overflow:visible!important;position:relative;pointer-events:auto}#modalContent,#controlsModal *{font-family:'Inter',sans-serif!important}.card-list .card-item{list-style:none;width:340px;height:auto;transform-style:preserve-3d;backface-visibility:hidden;-webkit-backface-visibility:hidden;will-change:transform,opacity;transform:translateZ(0)}.card-list .card-item .card-link{user-select:none;display:block;background:#fff;padding:18px;border-radius:12px;text-decoration:none;border:2px solid #fff0;box-shadow:0 4px 6px rgb(0 0 0 / .1);transition:border-color 0.3s ease,transform 0.3s ease;position:relative;overflow:visible}.card-list .card-item .card-link:hover{border-color:#5372F0;transform:translateY(-3px)}.card-list .card-link .card-image{width:100%;aspect-ratio:754 / 554;object-fit:cover;border-radius:10px;display:block;pointer-events:none;border:1px solid #d1d5db}.card-list .card-link .badge{position:absolute;z-index:20;top:-15px;left:50%;transform:translateX(-50%);color:#5372F0;padding:8px 18px;font-size:.95rem;font-weight:600;margin:0;background:#DDE4FF;width:fit-content;border-radius:50px;box-shadow:0 4px 15px rgb(0 0 0 / .2);white-space:nowrap}.card-list .card-link .badge.atom{color:#0f3d64;background:#d0e6f7}.card-list .card-link .badge.bonding{color:#B22485;background:#F7DFF5}.card-list .card-link .badge.valency{color:#856404;background:#fff3cd}.card-list .card-link .badge.menu{color:#205C20;background:#D6F8D6}.card-list .card-link .card-title{font-size:1rem;color:#4b5563;font-weight:500;text-align:center;line-height:1.5;margin-top:15px;background-color:#f3f4f6;padding:14px 16px;border-radius:8px;transition:all 0.3s ease}.card-list .card-link .card-title strong{color:#000;font-weight:800;font-size:1.05em;transition:color 0.3s ease}.card-list .card-link:hover .card-title strong{color:#5372F0}.swiper{overflow:visible!important}.swiper-pagination{bottom:auto!important;top:-30px!important;z-index:200!important}.swiper-button-prev,.swiper-button-next{background-image:none;margin-top:0;top:50%;transform:translateY(-50%);width:56px!important;height:56px!important;min-width:56px!important;flex-shrink:0;border-radius:50%!important;background-color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 20px rgb(0 0 0 / .15);transition:all 0.3s cubic-bezier(.25,.8,.25,1);opacity:1;z-index:50}.swiper-button-prev::after,.swiper-button-next::after{color:#5372F0;font-size:1.6rem!important;font-weight:700}.swiper-button-prev:hover,.swiper-button-next:hover{box-shadow:0 12px 25px rgb(83 114 240 / .4);transform:translateY(-50%) scale(1.1)}.swiper-button-disabled{opacity:0!important;cursor:not-allowed;pointer-events:none}.swiper-button-prev{left:20px}.swiper-button-next{right:20px}.swiper-pagination-bullet{background:#ffffff!important;opacity:0.5!important}.swiper-pagination-bullet-active{background:#5372F0!important;opacity:1!important}.got-it-btn{position:absolute;bottom:-60px;left:50%;width:150px;margin-left:-75px;background-color:#22c55e;color:#fff;border:none;padding:10px 0;font-size:1.1rem;font-weight:700;border-radius:50px;box-shadow:0 10px 25px rgb(34 197 94 / .5);cursor:pointer;z-index:50;letter-spacing:.5px;opacity:0;transform:scale(0);pointer-events:none}.got-it-btn:hover{background-color:#16a34a}@keyframes simplePopIn{0%{opacity:0;transform:scale(0)}100%{opacity:1;transform:scale(1)}}@keyframes simplePopOut{0%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(0)}}.card-list .card-link .badge.mode{color:#6b21a8;background:#f3e8ff}.got-it-btn.pop-in{pointer-events:auto;animation:simplePopIn 0.6s cubic-bezier(.175,.885,.32,1.275) forwards}.got-it-btn.pop-out{pointer-events:none;animation:simplePopOut 0.3s ease-in forwards}.swiper-slide{transition:opacity 0.3s ease,transform 0.3s ease;opacity:.4}.swiper-slide-active{opacity:1!important;z-index:10!important}.card-list .card-item{transform-style:flat}input:checked~.dot{transform:translateX(100%)}input:checked~.block{background-color:#3B82F6!important}input:checked~.dot #iconSimple{opacity:0}input:checked~.dot #iconAtomic{opacity:1}.seo-text{mix-blend-mode:difference;filter:grayscale(100%)}.custom-scrollbar::-webkit-scrollbar{width:6px}.custom-scrollbar::-webkit-scrollbar-track{background:#fff0;margin:4px}.custom-scrollbar::-webkit-scrollbar-thumb{background-color:rgb(209 213 219 / .5);border-radius:20px;border:2px solid #fff0;background-clip:content-box}.dark .custom-scrollbar::-webkit-scrollbar-thumb{background-color:rgb(75 85 99 / .6)}.group.menu-open #langTooltip{display:none!important}@keyframes shimmer-sweep{0%{transform:translateX(-100%) skewX(-15deg);opacity:0}10%{opacity:1}100%{transform:translateX(200%) skewX(-15deg);opacity:0}}.shimmer-active::after{content:'';position:absolute;top:0;left:0;width:50%;height:100%;background:linear-gradient(to right,transparent 0%,rgb(255 255 255 / .6) 50%,transparent 100%);transform:translateX(-150%) skewX(-15deg);animation:shimmer-sweep 0.6s cubic-bezier(.4,0,.2,1) forwards;pointer-events:none;z-index:20}