.fancy-message,.fancy-text,.label,.modal-description,.question-text,body,input,li,p,ul{font-size:clamp(1rem, 1.5vw, 1.2rem)!important}:root{--bg:#0b1020;--surface:#0f1530;--surface-2:#0d132a;--text:#eaf0ff;--muted:#a3b0d0;--line:rgba(255, 255, 255, .08);--accent-a:#7c5cff;--accent-b:#2ec8ff;--accent-c:#00e0b8;--glow:0 20px 60px rgba(124, 92, 255, .35);--shadow:0 10px 35px rgba(0, 0, 0, .45);--r:18px}body{font-family:'Plus Jakarta Sans',Montserrat,sans-serif!important}body,html{font-family:Montserrat,sans-serif;color:#f0f0f0;margin:0;padding:0 1rem;overflow-x:hidden!important;background-attachment:fixed;background-size:cover;background-repeat:no-repeat}body::before{content:'';position:fixed;inset:0;z-index:-2;background:radial-gradient(circle 1200px at 15% -10%,rgba(124,92,255,.25) 0,rgba(80,60,180,.1) 45%,transparent 100%),radial-gradient(circle 1000px at 120% 10%,rgba(46,200,255,.18) 0,rgba(46,200,255,.07) 50%,transparent 100%),radial-gradient(circle 1600px at 50% 120%,rgba(0,224,184,.12) 0,rgba(0,150,130,.05) 55%,transparent 100%),var(--bg);background-blend-mode:screen,lighten,normal;background-attachment:fixed;background-size:140% 140%;animation:40s ease-in-out infinite alternate gradientFloat;filter:brightness(1.05) contrast(1.1) saturate(1.1)}@keyframes gradientFloat{0%,100%{background-position:0 0,100% 0,50% 100%}50%{background-position:10% 20%,90% 10%,50% 90%}}body::after{content:'';inset:0;pointer-events:none;background:conic-gradient(from 180deg at 50% 50%,rgba(46,200,255,.04) 0deg,rgba(124,92,255,.05) 120deg,rgba(0,224,184,.04) 240deg,rgba(46,200,255,.04) 360deg);mix-blend-mode:screen;opacity:.35;filter:blur(60px) brightness(1.1);animation:60s ease-in-out infinite alternate auroraShift;content:'';position:fixed;inset:0;z-index:-1;pointer-events:none;mix-blend-mode:screen;opacity:.25;filter:blur(.6px)}@keyframes auroraShift{0%,100%{transform:rotate(0) scale(1)}50%{transform:rotate(5deg) scale(1.05)}}.footer-section{margin-top:50px;text-align:center}.next-up-button{font-size:clamp(14px, 1.2vw, 18px);padding:12px 28px;background:linear-gradient(135deg,#00e5ff,#00bcd4);color:#fff;text-decoration:none;border-radius:6px;box-shadow:0 0 15px rgba(0,230,255,.6),0 0 30px rgba(0,210,241,.3);font-weight:700;transition:transform .3s,box-shadow .3s,background .3s}.next-up-button:hover{background:linear-gradient(135deg,#0ff,#09c);transform:scale(1.12);box-shadow:0 0 20px rgba(0,255,255,.8),0 0 40px rgba(0,200,255,.4)}.scenario-box{max-width:800px;margin:0 auto;border-radius:16px;overflow:hidden;background:rgba(0,15,27,.85);border:none;padding:0!important}.scenario-toggle{display:block;width:100%;margin:0;border:0;appearance:none;-webkit-appearance:none;background:linear-gradient(135deg,#0ff,#09c);color:#fff;font-weight:700;font-size:1.1rem;padding:1rem 1.25rem;text-align:center;cursor:pointer}.scenario-toggle:hover{background:linear-gradient(135deg,#3ff,#0af);box-shadow:0 0 25px rgba(0,255,255,.5),0 0 40px rgba(0,170,255,.25);filter:brightness(1.5)}.scenario-content{max-height:0;opacity:0;overflow:hidden;background:0 0;color:#fff;padding:0 1.5rem;border-top:1px solid rgba(0,210,241,.25);transition:max-height .5s cubic-bezier(.25, 1, .3, 1),opacity .4s}.scenario-content.show{max-height:800px;opacity:1;padding:1.5rem;display:block}.tir-canvas-wrapper{width:100%;max-width:500px;margin:0 auto;background:radial-gradient(circle at center,#046,#001f33);border-radius:16px;box-shadow:0 0 12px rgba(0,210,241,.3);padding:10px}canvas#tirCanvas{width:100%;height:auto;border-radius:12px}.tir-fancy-box{display:none;padding:18px;background:linear-gradient(135deg,#002c41,#004f66);color:#d9f8ff;font-size:1rem;border-radius:12px;box-shadow:0 6px 16px rgba(0,210,241,.25);animation:.6s ease-out fadeInBox;max-width:800px;width:100%;margin:20px auto}@keyframes fadeInBox{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.comparison-table-wrapper{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;margin-top:1rem}.comparison-table table{width:100%;table-layout:fixed;border-collapse:collapse;word-break:break-word;background-color:rgba(255,255,255,.03);border-radius:12px;overflow:hidden;box-shadow:0 0 20px rgba(0,210,241,.1);margin:0 auto;min-width:800px}.comparison-table td,.comparison-table th{padding:16px;text-align:center;color:#fff;border-bottom:1px solid rgba(255,255,255,.1);font-size:1rem;white-space:normal}.comparison-table th{background-color:rgba(0,210,241,.08);font-size:1.1rem;text-transform:uppercase;letter-spacing:1px}.comparison-table tr:last-child td{border-bottom:none}.comparison-table code{color:#f0f0f0;background-color:rgba(255,255,255,.08);padding:2px 6px;border-radius:4px;font-family:monospace}.section-box{max-width:1500px!important;width:100%}.dragdrop-quiz-section{padding:2rem 1rem;border-radius:1rem;margin-top:3rem}.drop-target{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:6px;padding:1rem;border:2px dashed rgba(255,255,255,.5);border-radius:12px;background:linear-gradient(135deg,rgba(255,255,255,.05),rgba(0,0,0,.1));transition:background .3s,border-color .3s;box-shadow:0 0 10px rgba(0,0,0,.15);color:#fff}.drop-target.hovered{border-color:#fff;color:#fff;background:linear-gradient(135deg,rgba(0,210,241,.2),rgba(0,150,200,.1))}.examples-box{margin-top:1rem;gap:.5rem;flex-wrap:wrap}.draggable{background:linear-gradient(135deg,#3498db,#2ecc71);color:#fff;font-size:.85rem;font-weight:600;padding:6px 10px;border-radius:8px;cursor:grab;user-select:none;box-shadow:0 2px 6px rgba(0,0,0,.3);transition:transform .2s}.draggable:hover{transform:scale(1.05)}@media (max-width:768px){.drop-target{width:100%}.examples-box{justify-content:center}canvas{height:150px!important;aspect-ratio:2/1}}.quiz-info-container{position:absolute;top:0;right:0;margin:1rem}.example-group{display:flex;flex-direction:column;align-items:flex-start;background:rgba(255,255,255,.05);padding:1rem;border-radius:12px;min-width:220px;max-width:280px;gap:.4rem;box-shadow:0 0 8px rgba(0,0,0,.2)}.drop-correct{background:linear-gradient(135deg,rgba(0,200,100,.25),rgba(0,255,150,.2));border-color:rgba(0,255,150,.8)}.drop-wrong{background:linear-gradient(135deg,rgba(255,50,50,.25),rgba(255,0,0,.2));border-color:rgba(255,80,80,.8)}.info-popup i.fa{margin-right:.5rem;color:gold}.math-problem-box{background:linear-gradient(15deg,rgba(2,38,63,.35),hsla(180,100%,1%,.062));border-radius:16px;box-shadow:0 0 25px rgba(0,210,241,.15);padding:1rem 0;color:#e0f7fa;margin:0 auto;animation:.8s ease-out fadeInIntro;max-width:900px;width:100%}.math-problem-body{display:flex;flex-direction:column;align-items:center}.math-problem-header{font-size:1.4rem;font-weight:700;color:#00d2f1;display:flex;align-items:center;justify-content:center;text-transform:uppercase;letter-spacing:1px}.input-container{margin-top:1rem;display:flex;justify-content:center;align-items:center;gap:6px}.input-field{padding:8px 16px;border-radius:8px;border:1px solid #00d2f1;background-color:#132a3c;color:#e0f7fa;width:250px;text-align:center}.simulation-box{width:100%;max-width:800px;height:200px;margin:0 auto;border-radius:12px;overflow:hidden;background:radial-gradient(circle,#3e88a5 30%,#021e2c);position:relative}.info-button-wrapper{display:flex;align-items:center;justify-content:center;padding-bottom:5px}.info-btn{background:0 0;border:none;padding:4px;margin:0;font-size:1.4rem;color:#00d2f1;display:flex;align-items:center;justify-content:center;transition:.2s}.physiworld-title:hover{color:#00d2f1;text-shadow:0 0 6px rgba(0,255,255,.5)}.info-btn:hover{color:#00d2f1;text-shadow:0 0 6px rgba(0,255,255,.5);transform:scale(1.2)}.info-btn i{line-height:1;vertical-align:middle;transform:translateY(1px)}@media (max-width:576px){.info-button-wrapper{margin-left:4px}.info-btn{font-size:1.2rem;padding:2px}}#info-box{text-align:center;max-width:800px}.info-btn-help{background:linear-gradient(135deg,#00d2f1,#007d9c);border:none;color:#fff;font-size:.95rem;border-radius:50%;width:24px;height:24px;box-shadow:0 4px 12px rgba(0,210,241,.4);cursor:pointer;transition:transform .2s}.info-btn-help:hover{transform:scale(1.1)}.info-container{position:relative;display:inline-flex;align-items:center}.info-popup{position:absolute;top:calc(100% + 8px);right:0;left:auto;transform:translateY(-4px);width:auto;min-width:220px;max-width:320px;padding:10px 12px;background:#0a4c6b;color:#dff7ff;border:1px solid #15405a;border-radius:10px;box-shadow:0 8px 20px rgba(0,0,0,.35);z-index:20;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .18s,transform .18s,visibility 0s linear .18s}.info-popup .fancy-message{text-transform:none!important}.info-popup.show{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0);transition:opacity .18s,transform .18s,visibility}.info-popup.align-center{left:50%;right:auto;transform:translate(-50%,-4px)}.info-popup.align-center.show{transform:translate(-50%,0)}.formula-accent{font-size:clamp(.8rem, 4vw, 2.2rem);max-width:100%;overflow-x:auto;white-space:nowrap;margin:0 auto;padding-inline:8px;-webkit-overflow-scrolling:touch;--formula-color:#aef6ff;--formula-glow:rgba(0, 210, 241, .35);color:var(--formula-color);text-shadow:0 0 6px var(--formula-glow),0 0 1px rgba(255,255,255,.25)}.formula-accent.gradient mjx-container .mjx-math{background:linear-gradient(90deg,#9ae6ff,#7cf7d4);-webkit-background-clip:text;background-clip:text;color:transparent!important}.formula-accent::-webkit-scrollbar{height:8px}.formula-accent::-webkit-scrollbar-thumb{background:rgba(0,210,241,.45);border-radius:999px}.xp-bar-right{margin-left:auto!important}.logout-btn{background:0 0;border:none;cursor:pointer;color:#00e5ff;font-size:1.6rem;transition:color .2s}.logout-btn:hover{color:#00faff}.site-footer{text-align:center;font-size:.9rem;color:#aaa;padding:20px 10px;margin-top:40px;margin-bottom:60px}.site-footer p{margin:0;font-family:Montserrat,sans-serif;letter-spacing:.5px}.reveal{opacity:0;transform:translateY(50px);transition:opacity .8s,transform .8s}.reveal.visible{opacity:1;transform:translateY(0)}.fancy-subtitle,.fancy-title{color:var(--accent);text-shadow:0 0 8px color-mix(in srgb,var(--accent) 50%,#000)}.check-answer{background:linear-gradient(135deg,var(--accent),var(--accent2))}@keyframes floaty{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}.simulation-box canvas{animation:4s ease-in-out infinite floaty}body[data-page-id^=astro-]::after,body[data-page-id^=dynamics-]::after,body[data-page-id^=electro-]::after,body[data-page-id^=fluid-]::after,body[data-page-id^=gravity-]::after,body[data-page-id^=nuclear-]::after,body[data-page-id^=optics-]::after,body[data-page-id^=thermodynamics-]::after,body[data-page-id^=units-]::after,body[data-page-id^=vibrations-]::after{background-image:repeating-linear-gradient(45deg,rgba(0,180,255,.05) 0 2px,transparent 2px 18px),repeating-linear-gradient(-45deg,rgba(0,180,255,.05) 0 2px,transparent 2px 18px);background-size:160px 160px,180px 180px;animation:60s ease-in-out infinite vibWavefield;opacity:.22;filter:blur(.4px)}@keyframes vibWavefield{0%,100%{background-position:0 0,0 0}50%{background-position:60px 60px,-60px -60px}}body[data-page-id^="-"]::after{background-image:radial-gradient(rgba(255,255,255,.07) 1px,transparent 1px),radial-gradient(circle at 50% 50%,rgba(0,120,255,.1),transparent 80%);background-size:3px 150px,200% 200%;animation:130s linear infinite gravityDrift;opacity:.16;filter:blur(.8px)}@keyframes gravityDrift{0%,100%{background-position:0 0,0 0;transform:scale(1)}50%{background-position:0 900px,50% 100%;transform:scale(1.02)}}p{color:#c7d9f8!important}.learn-popup{position:fixed;inset:0;background:rgba(0,0,0,.65);display:flex;align-items:center;justify-content:center;z-index:5000;backdrop-filter:blur(6px);opacity:0;pointer-events:none;transition:opacity .4s}.learn-popup.visible{opacity:1;pointer-events:auto}.learn-popup-content{background:rgba(8,20,30,.92);border:1.5px solid rgba(0,210,241,.35);border-radius:18px;box-shadow:0 0 35px rgba(0,210,241,.35);padding:30px 32px;color:#eaf8ff;font-family:'Plus Jakarta Sans',sans-serif;max-width:480px;width:90%;text-align:center;animation:.45s both fadeInUp;line-height:1.55}.learn-popup-content h3{font-size:1.5rem;color:#00e5ff;font-weight:700;margin-bottom:1rem;text-align:center}.learn-popup-content p{color:#b7cad8;font-size:.95rem;margin-bottom:1rem}.learn-popup-content strong{color:#00e5ff;font-weight:600}.learn-popup-content button{display:block;margin:1.3rem auto 0;background:linear-gradient(135deg,#00d2f1,#00ffa3);color:#05141d;font-weight:700;padding:9px 24px;border-radius:10px;border:none;cursor:pointer;font-size:.9rem;letter-spacing:.3px;transition:.25s}.learn-popup-content button:hover{transform:scale(1.05);box-shadow:0 0 18px rgba(0,255,200,.4)}@keyframes fadeInUp{from{opacity:0;transform:translateY(25px)}to{opacity:1;transform:translateY(0)}}