@import url(https://fonts.googleapis.com/css2?family=Nunito:wght@300;400;600;700;800&family=Comfortaa:wght@300;400;600;700&family=Kalam:wght@300;400;700&family=Caveat:wght@400;600;700&display=swap);@tailwind base;@tailwind components;@tailwind utilities;body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.main-container{animation:flowingWaves 8s ease-in-out infinite;background:linear-gradient(45deg,#a6e3e9,#7dd3fc,#93c5fd,#a6e3e9);background-size:400% 400%;overflow:hidden;position:relative}.main-container:before{animation:waterBubbles 6s ease-in-out infinite;background:radial-gradient(circle at 20% 50%,#7dd3fc4d 0,#0000 50%),radial-gradient(circle at 80% 20%,#a6e3e966 0,#0000 50%),radial-gradient(circle at 40% 80%,#93c5fd4d 0,#0000 50%);opacity:.8}.main-container:after,.main-container:before{bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.main-container:after{animation:waterFlow 4s linear infinite;background:linear-gradient(180deg,#0000,#7dd3fc1a 20%,#a6e3e933 40%,#93c5fd1a 60%,#0000 80%);opacity:.6}@keyframes flowingWaves{0%{background-position:0 50%;transform:rotate(0deg)}25%{background-position:100% 25%;transform:rotate(.5deg)}50%{background-position:100% 50%;transform:rotate(0deg)}75%{background-position:0 75%;transform:rotate(-.5deg)}to{background-position:0 50%;transform:rotate(0deg)}}@keyframes waterBubbles{0%,to{opacity:.8;transform:translateY(0) scale(1)}33%{opacity:.6;transform:translateY(-10px) scale(1.1)}66%{opacity:1;transform:translateY(5px) scale(.9)}}@keyframes waterFlow{0%{background-position:0 0;transform:translateX(0)}50%{background-position:100% 100%;transform:translateX(10px)}to{background-position:0 0;transform:translateX(0)}}.bubble-container{animation:floatInWater 3s ease-in-out infinite;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:1px solid #ffffff4d;box-shadow:0 8px 32px #0000001a,inset 0 1px 0 #fff6;position:relative}@keyframes floatInWater{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-3px) rotate(.5deg)}}:root{--bg:#e0f7fa;--drawer:#cdeeea;--accent:#0288d1;--accent-d:#01579b;--ok:#a6e3e9;--warn:#ffd180;--bad:#ff8a80;--event:#ef5350;--kawaii-pink:#ffb3d1;--kawaii-yellow:#fff2b3;--kawaii-purple:#d1b3ff;--soft-blue:#e6f3ff}.font-kawaii,.font-kawaii *{font-family:Comfortaa,cursive!important}.font-brush,.font-brush *{font-family:Caveat,cursive!important}.font-handwritten,.font-handwritten *{font-family:Kalam,cursive!important}*,:after,:before{box-sizing:border-box}body,html{background:#e0f7fa;background:var(--bg);font-family:Segoe UI,Roboto,sans-serif;margin:0;overflow:hidden;touch-action:manipulation}.app,body,html{height:100vh;width:100vw}.app{position:relative}.fab{align-items:center;background:#0288d1;background:var(--accent);border:none;border-radius:50%;box-shadow:0 4px 8px #00000040;cursor:pointer;display:flex;height:46px;justify-content:center;position:fixed;transition:.25s;width:46px;z-index:1200}.fab:hover{transform:scale(1.1)}.fab:active{transform:scale(.9)}.fab .emoji{font-size:22px;pointer-events:none}#menu{left:12px;top:12px}#drawerBtn{left:70px;top:12px}#statusBtn{bottom:78px;left:12px}.side{height:44px;right:12px;width:44px}#addBtn{top:50%;transform:translateY(-150px)}#undoBtn{top:50%;transform:translateY(-90px)}#delBtn{top:50%;transform:translateY(-30px)}#soundBtn{top:50%;transform:translateY(30px)}#menu.open{background:#01579b;background:var(--accent-d);transform:rotate(45deg)}.menu-dropdown{animation:slideDown .3s ease;background:#fff;border-radius:14px;box-shadow:0 4px 12px #00000026;display:flex;flex-direction:column;gap:8px;left:12px;padding:12px;position:fixed;top:70px;z-index:1150}.menu-dropdown button{background:#cdeeea;background:var(--drawer);border:none;border-radius:8px;cursor:pointer;font-family:inherit;padding:8px 12px;text-align:left;transition:background .2s}.menu-dropdown button:hover{background:#0288d1;background:var(--accent);color:#fff}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}#timer{background:#ffffffe6;border-radius:8px;box-shadow:0 2px 8px #0003;display:flex;flex-direction:column;font-size:16px;padding:6px 12px;position:fixed;right:12px;top:12px;z-index:1100}.timerRow{display:flex;justify-content:space-between;margin:2px 0}.timerLabel{font-weight:700;margin-right:12px}#messageBar{animation:fadeIn .3s ease-in;background:#000000b3;border-radius:8px;bottom:130px;box-shadow:0 2px 8px #0000004d;color:#fff;font-size:14px;left:50%;min-width:250px;padding:10px 16px;position:fixed;text-align:center;transform:translateX(-50%);z-index:1100}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}#eventNotification{animation:slideIn .5s ease-out;background:#ef5350;background:var(--event);border-radius:8px;box-shadow:0 4px 12px #0000004d;color:#fff;font-size:16px;left:12px;padding:10px 16px;position:fixed;right:12px;top:60px;z-index:1150}#eventNotification button{background:none;border:none;color:#fff;cursor:pointer;font-size:18px;position:absolute;right:10px;top:5px}@keyframes slideIn{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}#eventTitle{font-weight:700;margin-bottom:4px}#eventDesc{font-size:14px;margin-bottom:6px}#eventSolution{font-size:13px;font-style:italic;opacity:.9}#drawer{-webkit-overflow-scrolling:touch;background:#cdeeea;background:var(--drawer);border-radius:14px;box-shadow:0 4px 12px #00000026;display:none;gap:12px;left:12px;overflow-x:auto;padding:12px;position:fixed;right:12px;scroll-snap-type:x mandatory;top:70px;white-space:nowrap;z-index:1100}#drawer[style*=block]{display:flex!important}.tool{align-items:center;border-radius:8px;cursor:grab;display:inline-flex;flex-direction:column;padding:4px;scroll-snap-align:center;touch-action:none;transition:background .2s;-webkit-user-select:none;user-select:none;width:50px}.tool:hover{background:#ffffff4d}.tool:active{cursor:grabbing}.tool .emoji{font-size:28px;margin-bottom:4px}#wrap{height:calc(100vh - 100px);overflow:scroll;position:relative;width:100vw}#world{background:radial-gradient(circle at 20% 30%,#b3d9ff1a 0,#0000 50%),radial-gradient(circle at 80% 70%,#ffb3d11a 0,#0000 50%);height:3000px;width:5000px}#world,.bubble{position:absolute}.bubble{align-items:center;animation:bubbleFloat 4s ease-in-out infinite;border:2px solid #0000;border-radius:50%;box-shadow:0 4px 12px #0000001a,inset 0 2px 4px #ffffff4d;cursor:move;display:flex;justify-content:center;overflow:hidden;touch-action:none;transition:.3s}.bubble:hover{box-shadow:0 6px 16px #00000026;transform:scale(1.02)}.bubble.selected{border-color:#01579b;border-color:var(--accent-d);box-shadow:0 0 16px #0288d1;box-shadow:0 0 16px var(--accent)}.bubble.dead{animation:none;filter:grayscale(100%);opacity:.6}@keyframes bubbleFloat{0%,to{transform:translateY(0) rotate(0deg)}25%{transform:translateY(-8px) rotate(1deg)}50%{transform:translateY(0) rotate(0deg)}75%{transform:translateY(-4px) rotate(-1deg)}}.fish{border-radius:50%;height:50px;object-fit:cover;pointer-events:none;width:50px;z-index:1}.animated-fish{animation:fishSwim 6s ease-in-out infinite}@keyframes fishSwim{0%,to{transform:translateX(0) translateY(0) rotate(0deg)}25%{transform:translateX(8px) translateY(-6px) rotate(5deg)}50%{transform:translateX(0) translateY(-8px) rotate(0deg)}75%{transform:translateX(-8px) translateY(-6px) rotate(-5deg)}}.bg-effects{height:100%;pointer-events:none;position:absolute;width:100%;z-index:0}.plant-growth{animation:plantGrow 4s ease-in-out infinite;font-size:12px;opacity:.8;position:absolute}.algae-normal{animation:algaeFloat 2s ease-in-out infinite;font-size:10px;opacity:.6;position:absolute;top:20%}.algae-bloom-heavy{animation:algaeFloat 1s ease-in-out infinite;color:#228b22;font-size:8px;left:0;opacity:.9;position:absolute;right:0;text-align:center;top:10%}.shells-scatter{animation:shellsSettle 3s ease-in-out infinite;bottom:5%;font-size:8px;opacity:.7;position:absolute}.coral-growth{animation:coralSway 4s ease-in-out infinite;font-size:10px;opacity:.8;position:absolute}@keyframes plantGrow{0%,to{transform:scale(1) rotate(-2deg)}50%{transform:scale(1.1) rotate(2deg)}}@keyframes algaeFloat{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-5px) rotate(5deg)}}@keyframes shellsSettle{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}@keyframes coralSway{0%,to{transform:rotate(-3deg) scale(1)}50%{transform:rotate(3deg) scale(1.05)}}.oil-slick{animation:oilSpread 3s ease-in-out infinite;font-size:10px;position:absolute;z-index:1}@keyframes oilSpread{0%,to{transform:scale(1) rotate(0deg)}50%{transform:scale(1.2) rotate(10deg)}}.plankton-healthy{animation:planktonSwim 2s ease-in-out infinite;font-size:12px;left:25%;opacity:.8;position:absolute;top:30%}.plankton-moderate{animation:planktonSwarm 3s ease-in-out infinite;font-size:10px;left:20%;opacity:.9;position:absolute;top:20%}.algae-bloom-warning{animation:bloomPulse 1.5s ease-in-out infinite;color:#f44;font-size:8px;left:0;position:absolute;right:0;text-align:center;top:10%;z-index:2}@keyframes planktonSwim{0%,to{transform:translateX(0) translateY(0)}25%{transform:translateX(5px) translateY(-3px)}75%{transform:translateX(-5px) translateY(3px)}}@keyframes planktonSwarm{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes bloomPulse{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}.coral-structure{animation:coralGrow 4s ease-in-out infinite;font-size:14px;opacity:.9;position:absolute}@keyframes coralGrow{0%,to{transform:scale(1) rotate(-1deg)}50%{transform:scale(1.05) rotate(1deg)}}.seaweed-sway{animation:seaweedWave 3s ease-in-out infinite;font-size:16px;opacity:.8;position:absolute}@keyframes seaweedWave{0%,to{transform:rotate(-5deg) translateY(0)}50%{transform:rotate(5deg) translateY(-3px)}}.cleanup-effect{animation:cleanupSparks 2s ease-in-out infinite;font-size:12px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:3}@keyframes cleanupSparks{0%,to{opacity:.8;transform:translate(-50%,-50%) scale(1) rotate(0deg)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.2) rotate(180deg)}}.disaster-oil-leak{animation:disasterAlert 1s ease-in-out infinite;font-size:10px;left:0;position:absolute;right:0;text-align:center;top:5%;z-index:4}.disaster-heat-wave{animation:heatShimmer 2s ease-in-out infinite;font-size:14px;position:absolute;right:5%;top:5%;z-index:4}.disaster-toxic-bloom{animation:toxicPulse 1.5s ease-in-out infinite;bottom:5%;font-size:12px;left:50%;position:absolute;transform:translateX(-50%);z-index:4}@keyframes disasterAlert{0%,to{color:red;transform:scale(1)}50%{color:#f66;transform:scale(1.1)}}@keyframes heatShimmer{0%,to{transform:scale(1) rotate(-5deg)}50%{transform:scale(1.1) rotate(5deg)}}@keyframes toxicPulse{0%,to{opacity:.8;transform:translateX(-50%) scale(1)}50%{opacity:1;transform:translateX(-50%) scale(1.2)}}.contents{inset:0;pointer-events:none;position:absolute;z-index:2}.contents .emoji{animation:elementFloat 3s ease-in-out infinite;font-size:24px;pointer-events:auto;position:absolute;touch-action:none}@keyframes elementFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.bubble.drop-active{border:2px dashed #0288d1;border:2px dashed var(--accent)}.bubble.drop-target{border:2px solid #01579b;border:2px solid var(--accent-d);transform:scale(1.05);transition:transform .2s}#panel{bottom:-220px;left:0;margin:auto;max-width:380px;position:fixed;right:0;transition:bottom .3s;width:92%;z-index:1100}#panel.show{bottom:10px}#stats{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#fff;border-radius:14px;box-shadow:0 4px 12px #0003;padding:12px 16px}.grp{color:#004d40;font-size:14px;font-weight:700;margin-bottom:8px}.barO{background:#cfd8dc;border-radius:8px;height:14px;overflow:hidden}.barI{background:#4db6ac;height:100%;transition:width .3s;width:100%}#overlay{align-items:center;background:#0006;display:flex;inset:0;justify-content:center;position:fixed;z-index:2000}.modal{background:#fff;border-radius:16px;box-shadow:0 8px 20px #00000059;max-height:80vh;max-width:370px;overflow-y:auto;padding:22px 24px;text-align:center;width:90%}.modal h2{color:#c62828;margin:0 0 10px}.modal button{background:#0288d1;background:var(--accent);border:none;cursor:pointer;margin-top:16px;padding:6px 18px}.modal button,.status-effect{border-radius:10px;color:#fff}.status-effect{background:#0009;font-size:10px;left:5px;padding:2px 6px;pointer-events:none;position:absolute;top:5px;z-index:10}.eco-diary-page,.help-page,.info-page,.learning-page,.settings-page{background:#e0f7fa;background:var(--bg);height:100vh;overflow-y:auto;padding:80px 20px 20px}.eco-diary-page h1,.help-page h1,.info-page h1,.learning-page h1,.settings-page h1{color:#01579b;color:var(--accent-d);font-family:inherit;font-size:28px;font-weight:700;margin-bottom:24px;text-align:center}.diary-container{grid-gap:20px;display:grid;gap:20px;grid-template-columns:40% 60%;height:calc(100vh - 120px);margin:0 auto;max-width:1400px;padding:0 20px}@media (max-width:968px){.diary-container{gap:15px;grid-template-columns:40% 60%;height:calc(100vh - 140px)}}.calendar-section{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:none;box-shadow:0 4px 16px #0000001a;overflow-y:auto}.calendar-section,.diary-stats{border-radius:15px;padding:15px;position:relative}.diary-stats{background:#fffc;box-shadow:inset 0 2px 4px #fff9;margin-top:20px;text-align:center;z-index:1}.diary-stats p{color:#d63384;font-weight:600;margin:0}.entry-section{background:linear-gradient(135deg,#f8f9fa,#fff);border:none;border-radius:15px;box-shadow:0 4px 16px #0000001a;display:flex;flex-direction:column;padding:20px;position:relative}.entry-content{display:flex;flex:1 1;flex-direction:column;gap:16px}.diary-textarea{background:#fffc;border:none;border-radius:20px;box-shadow:inset 0 2px 8px #ffb6c11a,0 2px 4px #fffc;flex:1 1;font-family:inherit;font-size:16px;line-height:1.6;min-height:200px;padding:20px;position:relative;resize:vertical;transition:all .3s ease;z-index:1}.diary-textarea:focus{box-shadow:inset 0 2px 8px #ffb6c133,0 4px 16px #ffb6c14d,0 2px 4px #fffc;outline:none;transform:scale(1.01)}.entry-actions{align-items:center;border-top:2px solid #ffb6c133;display:flex;gap:15px;margin-top:auto;padding-top:20px;position:relative;z-index:1}.save-button,.upload-button{background:linear-gradient(135deg,#ff9a9e,#fecfef 50%,#fecfef);border:none;border-radius:25px;box-shadow:0 4px 16px #ff9a9e4d,inset 0 2px 4px #fffc;color:#d63384;cursor:pointer;font-family:inherit;font-weight:600;overflow:hidden;padding:15px 25px;position:relative;transition:all .3s ease}.save-button:before,.upload-button:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.save-button:hover:before,.upload-button:hover:before{left:100%}.save-button:hover,.upload-button:hover{box-shadow:0 8px 24px #ff9a9e66,inset 0 2px 4px #ffffffe6;transform:translateY(-2px)}.save-button:active,.upload-button:active{box-shadow:0 2px 8px #ff9a9e4d,inset 0 2px 4px #fffc;transform:translateY(0)}.image-preview{border:2px solid #0288d1;border:2px solid var(--accent);border-radius:12px;margin-top:16px;max-width:100%;overflow:hidden}.image-preview img{max-height:200px;object-fit:cover;width:100%}.remove-image{background:#ff8a80;background:var(--bad);border:none;color:#fff;cursor:pointer;padding:8px 12px;width:100%}.custom-calendar{background:#fff;border-radius:15px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;padding:10px;width:100%}.calendar-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px;padding:0}.calendar-header h3{color:#2c3e50;flex:1 1;font-size:18px;font-weight:600;margin:0;text-align:center}.nav-button{align-items:center;background:#f8f9fa;border:none;border-radius:8px;color:#495057;cursor:pointer;display:flex;font-size:14px;font-weight:600;height:30px;justify-content:center;transition:all .2s ease;width:30px}.nav-button:hover{background:#e9ecef;color:#343a40}.calendar-month-view{grid-gap:3px;background:#f8f9fa;border-radius:12px;display:grid;gap:3px;grid-template-columns:repeat(7,1fr);padding:8px}.weekday-header{background:#0000;color:#6c757d;font-size:10px;font-weight:600;padding:6px 2px;text-align:center;text-transform:uppercase}.calendar-day{align-items:center;aspect-ratio:1;background:#fff;border-radius:6px;color:#495057;cursor:pointer;display:flex;font-size:12px;font-weight:500;justify-content:center;max-height:28px;min-height:28px;position:relative;transition:all .2s ease;width:100%}.calendar-day.valid-day:hover{background:#e3f2fd;color:#1976d2}.calendar-day.selected{background:#1976d2;color:#fff;font-weight:600}.calendar-day.today{background:#ff9800;color:#fff;font-weight:600}.calendar-day.empty-day{background:#0000;color:#adb5bd;cursor:default}.calendar-day.other-month{background:#f8f9fa;color:#adb5bd;opacity:.5}.calendar-day.has-entry:before{background:#28a745;border-radius:50%;content:"";height:3px;position:absolute;right:2px;top:2px;width:3px}.learning-intro{background:linear-gradient(135deg,beige,#f0ead6 50%,linen);border:none;border-radius:25px;box-shadow:0 8px 32px #d2b48c33,inset 0 2px 4px #fffc;margin-bottom:40px;padding:25px;text-align:center}.track-selection{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));margin:0 auto;max-width:1000px}.track-card{background:linear-gradient(135deg,linen,wheat);border:none;border-radius:25px;box-shadow:0 8px 24px #d2b48c33,inset 0 2px 4px #fffc;cursor:pointer;overflow:hidden;padding:30px;position:relative;text-align:center;transition:all .3s ease}.track-card:before{background:linear-gradient(90deg,#0000,#fff6,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.track-card:hover:before{left:100%}.track-card:hover{box-shadow:0 16px 40px #d2b48c4d,inset 0 2px 4px #ffffffe6;transform:translateY(-8px)}.kids-track{background:linear-gradient(135deg,#fff8dc,wheat)}.adults-track{background:linear-gradient(135deg,linen,#ddbea9)}.track-features{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr;margin:20px 0}.feature{background:#fff9;border-radius:15px;box-shadow:inset 0 2px 4px #fff6;font-size:14px;font-weight:600;padding:10px 15px}.learning-progress{background:linear-gradient(135deg,linen,wheat);border:none;border-radius:25px;box-shadow:0 8px 24px #d2b48c33,inset 0 2px 4px #fffc;margin-bottom:30px;padding:25px}.progress-stats{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr);margin-top:15px}.stat{background:#fff9;border-radius:15px;box-shadow:inset 0 2px 4px #fff6;padding:15px;text-align:center}.stat-number{color:#8b4513;display:block;font-size:32px;font-weight:700;text-shadow:0 2px 4px #8b45134d}.stat-label{color:#666;font-size:14px;font-weight:600}.topics-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin-bottom:40px}.enhanced-topic-card{background:linear-gradient(135deg,linen,wheat);border:none;border-radius:20px;box-shadow:0 8px 24px #d2b48c33,inset 0 2px 4px #fffc;cursor:pointer;overflow:hidden;padding:25px;position:relative;transition:all .3s ease}.enhanced-topic-card:hover{box-shadow:0 12px 32px #d2b48c4d,inset 0 2px 4px #ffffffe6;transform:translateY(-4px)}.topic-actions{display:flex;gap:10px;justify-content:center;margin-top:15px}.quiz-topic-btn,.start-topic-btn{background:linear-gradient(135deg,#daa520,#b8860b);border:none;border-radius:20px;box-shadow:0 4px 12px #daa5204d,inset 0 2px 4px #ffffff4d;color:#fff;cursor:pointer;font-family:inherit;font-size:14px;font-weight:600;padding:10px 20px;transition:all .3s ease}.quiz-topic-btn:hover,.start-topic-btn:hover{box-shadow:0 6px 16px #daa52066,inset 0 2px 4px #fff6;transform:translateY(-2px)}.quiz-container{background:linear-gradient(135deg,linen,wheat);border-radius:25px;box-shadow:0 8px 32px #d2b48c33,inset 0 2px 4px #fffc;margin:0 auto;max-width:900px;padding:40px}.quiz-progress{background:#8b45131a;border:2px solid #8b451333;border-radius:20px;color:#8b4513;font-size:18px;font-weight:600;padding:15px 25px;text-align:center}.quiz-progress,.quiz-question{margin-bottom:40px}.quiz-question.hidden{display:none}.quiz-question.active{display:block}.quiz-question h3{color:#8b4513;font-size:24px;font-weight:700;line-height:1.4;margin-bottom:30px;text-align:center}.quiz-options{grid-gap:15px;display:grid;gap:15px;grid-template-columns:1fr;margin-bottom:30px}.quiz-option{background:#ffffffe6;border:3px solid #0000;border-radius:20px;box-shadow:0 4px 12px #d2b48c33,inset 0 2px 4px #fff9;cursor:pointer;font-family:inherit;font-size:16px;font-weight:600;line-height:1.5;overflow:hidden;padding:20px 25px 20px 55px;position:relative;text-align:left;transition:all .3s ease}.quiz-option:before{background:#0000;border:3px solid #daa520;border-radius:50%;content:"";height:20px;left:20px;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s ease;width:20px}.quiz-option:hover{background:#daa5201a;border-color:#daa5204d;box-shadow:0 8px 20px #d2b48c4d,inset 0 2px 4px #fffc;transform:translateY(-2px)}.quiz-option.selected{background:linear-gradient(135deg,#daa520,#b8860b);border-color:#8b4513;box-shadow:0 8px 24px #daa52066,inset 0 2px 4px #ffffff4d;color:#fff;transform:scale(1.02)}.quiz-option.selected:before{background:#fff;border-color:#fff}.quiz-option.selected:after{color:#daa520;content:"✓";font-size:12px;font-weight:700;left:24px;position:absolute;top:50%;transform:translateY(-50%)}.quiz-navigation{align-items:center;display:flex;gap:20px;justify-content:space-between;margin-top:40px}.quiz-close-btn,.quiz-nav-btn,.quiz-submit-btn{background:linear-gradient(135deg,#8b4513,sienna);border:none;border-radius:20px;box-shadow:0 4px 16px #8b45134d,inset 0 2px 4px #ffffff4d;color:#fff;cursor:pointer;font-family:inherit;font-weight:600;padding:12px 25px;transition:all .3s ease}.quiz-close-btn:hover,.quiz-nav-btn:hover,.quiz-submit-btn:hover{box-shadow:0 8px 24px #8b451366,inset 0 2px 4px #fff6;transform:translateY(-2px)}.quiz-results,.quiz-results-detailed{background:linear-gradient(135deg,#fff8dc,khaki);border-radius:20px;box-shadow:0 8px 24px #f0e68c4d,inset 0 2px 4px #fffc;margin-top:20px;padding:25px;text-align:center}.quiz-results h3,.quiz-results-detailed h3{color:#b8860b;font-size:24px;margin-bottom:10px}.quiz-results p,.quiz-results-detailed p{color:#8b6914;font-size:16px;font-weight:600}.wrong-answers-analysis{background:#fffc;border-radius:15px;box-shadow:inset 0 2px 8px #0000001a;margin-top:25px;padding:20px;text-align:left}.wrong-answers-analysis h4{color:#d63384;font-size:18px;margin-bottom:20px;text-align:center}.wrong-answer-item{background:#fff;border-left:4px solid #dc3545;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:15px;padding:20px}.question-text{color:#2c3e50;font-size:16px;font-weight:600;line-height:1.4;margin-bottom:15px}.answers-comparison{grid-gap:15px;display:grid;gap:15px;grid-template-columns:1fr 1fr;margin-bottom:15px}.correct-answer,.user-answer{border-radius:8px;display:flex;flex-direction:column;gap:8px;padding:12px}.user-answer{background:#ffebee;border:1px solid #ffcdd2}.correct-answer{background:#e8f5e8;border:1px solid #c8e6c9}.label{color:#666;font-size:14px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.answer.incorrect{color:#d32f2f;font-weight:600}.answer.correct{color:#2e7d32;font-weight:600}.explanation{background:#f0f7ff;border-left:3px solid #2196f3;border-radius:8px;padding:15px}.explanation .label{color:#1565c0;font-size:14px;font-weight:700}.explanation p{color:#2c3e50;font-size:14px;line-height:1.5;margin:8px 0 0}.close-analysis-btn{background:linear-gradient(135deg,#6c757d,#adb5bd);border:none;border-radius:20px;box-shadow:0 4px 16px #6c757d4d,inset 0 2px 4px #ffffff4d;color:#fff;cursor:pointer;display:block;font-family:inherit;font-weight:600;margin:20px auto 0;padding:12px 25px;transition:all .3s ease}.close-analysis-btn:hover{box-shadow:0 8px 24px #6c757d66,inset 0 2px 4px #fff6;transform:translateY(-2px)}.perfect-score{background:linear-gradient(135deg,#28a745,#20c997);border-radius:20px;box-shadow:0 8px 24px #28a7454d,inset 0 2px 4px #ffffff4d;color:#fff;margin-top:20px;padding:25px;text-align:center}.perfect-score h4{font-size:24px;margin:0 0 10px;text-shadow:0 2px 4px #0003}.perfect-score p{font-size:16px;margin:0;opacity:.9}@media (max-width:768px){.answers-comparison{grid-template-columns:1fr}}.back-button{background:linear-gradient(135deg,#6c757d,#adb5bd);border-radius:20px;box-shadow:0 4px 16px #6c757d4d,inset 0 2px 4px #ffffff4d;font-weight:600;padding:12px 25px;transition:all .3s ease}.study-session{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:20px;box-shadow:0 8px 32px #0000001a;display:flex;flex-direction:column;min-height:80vh;overflow:hidden;padding:0}.study-header{align-items:center;background:linear-gradient(135deg,#343a40,#495057);border-radius:20px 20px 0 0;color:#fff;display:flex;justify-content:space-between;padding:20px 30px}.study-header h2{font-size:24px;font-weight:600;margin:0}.back-to-topic{background:#fff3;border:none;border-radius:15px;color:#fff;cursor:pointer;padding:8px 16px;transition:all .3s ease}.back-to-topic:hover{background:#ffffff4d}.slide-counter{background:#fff3;border-radius:15px;font-weight:500;padding:8px 16px}.slide-content{flex:1 1;overflow-y:auto;padding:40px}.slide-main h3{color:#2c3e50;font-size:28px;font-weight:700;margin-bottom:30px;text-align:center}.slide-image{border-radius:15px;box-shadow:0 8px 24px #00000026;margin:0 auto 30px;max-width:600px;overflow:hidden;width:100%}.slide-image img{height:300px;object-fit:cover;width:100%}.slide-text{color:#495057;font-size:16px;line-height:1.7;margin:0 auto;max-width:800px}.activity-box,.fun-fact-box{background:linear-gradient(135deg,#fff2b3,gold);border-left:5px solid #ffc107;border-radius:15px;margin:25px 0;padding:20px}.research-citation,.scientific-details{background:linear-gradient(135deg,#e3f2fd,#bbdefb);border-left:5px solid #2196f3;border-radius:15px;margin:25px 0;padding:20px}.key-terms{margin:25px 0}.terms-list{display:flex;flex-wrap:wrap;gap:10px;margin-top:15px}.term-tag{background:linear-gradient(135deg,#e8f5e8,#c8e6c9);border:2px solid #4caf50;border-radius:20px;color:#2e7d32;font-size:14px;font-weight:600;padding:8px 16px}.equations-box{background:linear-gradient(135deg,#f3e5f5,#e1bee7);border-left:5px solid #9c27b0;border-radius:15px;margin:25px 0;padding:20px}.equation{background:#ffffffb3;border-radius:8px;color:#7b1fa2;font-family:Courier New,monospace;font-size:16px;font-weight:700;margin-top:10px;padding:10px}.key-points-summary{background:linear-gradient(135deg,#fff3e0,#ffcc02);border-left:5px solid #ff9800;border-radius:15px;margin:25px 0;padding:20px}.key-points-summary ul{margin:15px 0 0;padding-left:20px}.key-points-summary li{color:#e65100;font-weight:500;margin-bottom:10px}.slide-navigation{align-items:center;background:#fff;border-top:1px solid #dee2e6;display:flex;justify-content:space-between;padding:20px 30px}.nav-arrow{background:linear-gradient(135deg,#343a40,#495057);border:none;border-radius:25px;box-shadow:0 4px 16px #343a404d;color:#fff;cursor:pointer;font-weight:600;padding:12px 25px;transition:all .3s ease}.nav-arrow:hover{box-shadow:0 8px 24px #343a4066;transform:translateY(-2px)}.nav-arrow:disabled{cursor:not-allowed;opacity:.5;transform:none}.quiz-start-btn{background:linear-gradient(135deg,#28a745,#20c997);border:none;border-radius:25px;box-shadow:0 4px 16px #28a7454d;color:#fff;cursor:pointer;font-weight:600;padding:12px 25px;transition:all .3s ease}.quiz-start-btn:hover{box-shadow:0 8px 24px #28a74566;transform:translateY(-2px)}.slide-dots{align-items:center;display:flex;gap:8px}.slide-dot{background:#dee2e6;border:none;border-radius:50%;cursor:pointer;height:12px;transition:all .3s ease;width:12px}.slide-dot.active{background:#343a40;transform:scale(1.3)}.slide-dot:hover{background:#6c757d;transform:scale(1.1)}.enhanced-topic-detail{background:#fff;border-radius:20px;box-shadow:0 8px 32px #0000001a;overflow:hidden}.topic-overview{background:linear-gradient(135deg,#f8f9fa,#e9ecef);padding:30px;text-align:center}.study-stats{display:flex;gap:40px;justify-content:center;margin-top:30px}.stat-item{text-align:center}.stat-item .stat-number{color:#343a40;display:block;font-size:32px;font-weight:700;margin-bottom:8px}.stat-item .stat-label{color:#6c757d;font-size:14px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.learning-actions{background:#fff;gap:20px;padding:30px}.study-button{background:linear-gradient(135deg,#007bff,#0056b3);border:none;border-radius:25px;box-shadow:0 4px 16px #007bff4d;color:#fff;cursor:pointer;font-family:inherit;font-size:16px;font-weight:600;padding:15px 30px;transition:all .3s ease}.study-button:hover{box-shadow:0 8px 24px #007bff66;transform:translateY(-2px)}.topic-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:15px}.topic-emoji{font-size:48px}.topic-meta{align-items:flex-end;display:flex;flex-direction:column;gap:8px}.difficulty{border-radius:12px;font-size:12px;font-weight:700;padding:4px 8px}.difficulty.easy{background:#a8e6cf;color:#2d5a3d}.difficulty.medium{background:#ffd3a5;color:#7a4f1a}.difficulty.advanced{background:#ffaaa5;color:#7a1a1a}.difficulty.expert{background:#ff8a95;color:#7a1a2a}.time-estimate{color:#666;font-size:12px}.topic-progress{margin-top:15px}.progress-bar{background:#eee;border-radius:4px;height:8px;margin-bottom:5px;overflow:hidden}.progress-fill{background:#0288d1;background:var(--accent);height:100%;transition:width .3s ease}.progress-text{color:#666;font-size:12px}.emergency-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:20px}.emergency-category{background:#fff;border:3px solid #ef5350;border:3px solid var(--event);border-radius:16px;padding:20px}.emergency-tips{grid-gap:12px;display:grid;gap:12px;margin-top:15px}.tip-card{align-items:center;background:#e6f3ff;background:var(--soft-blue);border-radius:12px;display:flex;gap:12px;padding:16px}.tip-emoji{flex-shrink:0;font-size:24px}.enhanced-topic-detail{margin:0 auto;max-width:1000px}.topic-info{flex:1 1}.content-navigation{display:flex;gap:8px;margin-bottom:30px;overflow-x:auto}.nav-tab{background:#fff;border:2px solid #0288d1;border:2px solid var(--accent);border-radius:8px;cursor:pointer;font-family:inherit;padding:10px 16px;transition:all .2s ease;white-space:nowrap}.nav-tab:hover{background:#e6f3ff;background:var(--soft-blue)}.nav-tab.active{background:#0288d1;background:var(--accent);color:#fff}.content-display{background:#fff;border:3px solid #0288d1;border:3px solid var(--accent);border-radius:20px;margin-bottom:30px;min-height:400px;padding:30px}.kids-activity-section{text-align:center}.activity-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:20px}.activity-card{background:#fff2b3;background:var(--kawaii-yellow);border-radius:12px;cursor:pointer;padding:20px;transition:transform .2s ease}.activity-card:hover{transform:scale(1.05)}.try-button{background:#0288d1;background:var(--accent);border:none;border-radius:8px;color:#fff;cursor:pointer;font-family:inherit;margin-top:10px;padding:8px 16px}.fun-fact{background:#ffb3d1;background:var(--kawaii-pink);border-radius:12px;font-weight:700;margin:15px 0;padding:15px}.safety-rules{grid-gap:10px;display:grid;gap:10px;margin-top:15px}.safety-rule{background:#fff2b3;background:var(--kawaii-yellow);border-left:4px solid #0288d1;border-left:4px solid var(--accent);border-radius:8px;padding:12px}.case-studies-grid{grid-gap:20px;display:grid;gap:20px;margin-top:20px}.case-study-card{background:#e6f3ff;background:var(--soft-blue);border-left:4px solid #0288d1;border-left:4px solid var(--accent);border-radius:12px;padding:20px}.case-details{line-height:1.6;margin-top:10px}.key-points,.research-topics,.strategies,.technical-details{margin-top:20px}.key-points ul,.research-topics ul,.strategies ul,.technical-details ul{margin-top:10px;padding-left:20px}.key-points li,.research-topics li,.strategies li,.technical-details li{line-height:1.5;margin-bottom:8px}.learning-actions{display:flex;gap:16px;justify-content:center;margin-top:30px}.bookmark-button,.quiz-button,.share-button{background:linear-gradient(135deg,#ff9a9e,#fecfef);border:none;border-radius:20px;box-shadow:0 4px 16px #ff9a9e4d,inset 0 2px 4px #fffc;color:#d63384;cursor:pointer;font-family:inherit;font-size:16px;font-weight:600;padding:15px 30px;transition:all .3s ease}.bookmark-button:hover,.quiz-button:hover,.share-button:hover{box-shadow:0 8px 24px #ff9a9e66,inset 0 2px 4px #ffffffe6;transform:translateY(-2px)}.back-button{background:#0288d1;background:var(--accent);border:none;border-radius:8px;color:#fff;cursor:pointer;font-family:inherit;margin-bottom:20px;padding:8px 16px}.back-button:hover{background:#01579b;background:var(--accent-d)}.settings-section{background:#fff;border:3px solid #0288d1;border:3px solid var(--accent);border-radius:20px;box-shadow:0 4px 12px #0000001a;margin-bottom:20px;padding:20px}.settings-section h3{color:#01579b;color:var(--accent-d);font-family:inherit;font-weight:700;margin-bottom:12px}.settings-section input,.settings-section select{color:#01579b;color:var(--accent-d);font-size:14px;padding:8px 12px}.settings-section input,.settings-section select,.settings-section textarea{background:#e6f3ff;background:var(--soft-blue);border:2px solid #0288d1;border:2px solid var(--accent);border-radius:8px;font-family:inherit}.settings-section textarea{min-height:80px;padding:12px;resize:vertical;width:100%}.feedback-info{background:#e6f3ff;background:var(--soft-blue);border-radius:8px;font-size:14px;line-height:1.5;margin-bottom:16px;padding:12px}.rating-section{align-items:center;display:flex;gap:8px;margin:12px 0}.rating-section .star{cursor:pointer;font-size:24px;opacity:.3;transition:opacity .2s}.rating-section .star.filled{opacity:1}.submit-feedback-btn{background:#0288d1;background:var(--accent);border:none;border-radius:12px;color:#fff;cursor:pointer;font-family:inherit;font-weight:600;padding:12px 24px;transition:background .3s}.submit-feedback-btn:hover{background:#01579b;background:var(--accent-d)}.help-section,.info-section{background:#fff;border:3px solid #0288d1;border:3px solid var(--accent);border-radius:20px;box-shadow:0 4px 12px #0000001a;margin-bottom:20px;padding:20px}.help-section h3,.info-section h3{color:#01579b;color:var(--accent-d);font-family:inherit;font-weight:700;margin-bottom:12px}.tool-guide{grid-gap:8px;display:grid;gap:8px}.tool-item{background:#e6f3ff;background:var(--soft-blue);border-radius:8px;font-family:inherit;padding:8px 12px}@media (max-width:968px){.emergency-grid,.progress-stats,.topics-grid,.track-selection{grid-template-columns:1fr}}@media(max-width:480px){.tool{width:46px}.fab{height:40px;width:40px}.fab .emoji{font-size:18px}.enhanced-topic-card{padding:15px}.content-navigation{flex-wrap:wrap}}
/*# sourceMappingURL=main.4c042973.css.map*/