.story-body{z-index:1;position:relative}.back-link{z-index:1;color:var(--muted);align-items:center;gap:6px;font-size:.9rem;font-weight:700;text-decoration:none;transition:color .2s;display:inline-flex;position:relative}.back-link:hover{color:var(--orange)}.story-container{z-index:1;max-width:860px;margin:0 auto;padding:24px 24px 60px;position:relative}.story-hero{text-align:center;padding:40px 20px 32px}.story-hero .rocket-emoji{margin-bottom:12px;font-size:80px;animation:4s ease-in-out infinite floatCard;display:block}.story-hero h1{background:linear-gradient(135deg, var(--orange), var(--pink));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-family:"Baloo 2",cursive;font-size:clamp(2rem,6vw,3.2rem);font-weight:800;line-height:1.1}.story-hero .tagline{color:var(--purple);margin-top:12px;font-size:1.1rem;font-weight:700}.story-hero .intro-text{max-width:600px;color:var(--muted);margin:18px auto 0;font-size:1rem;line-height:1.7}.story-tabs{flex-wrap:wrap;justify-content:center;gap:8px;margin:28px 0 8px;display:flex}.story-tab-btn{color:var(--muted);border-radius:var(--btn-radius);cursor:pointer;background:#fff;border:2.5px solid #ffe5cc;padding:8px 18px;font-family:Nunito,sans-serif;font-size:.9rem;font-weight:800;transition:all .2s}.story-tab-btn:hover{border-color:var(--orange);color:var(--text);transform:translateY(-2px)}.story-tab-btn.active{background:linear-gradient(135deg, var(--orange), var(--pink));color:#fff;border-color:#0000;box-shadow:0 6px 16px #ff6b354d}.story-chapter{padding-top:8px;display:none}.story-chapter.active{display:block}.story-card{border-radius:var(--card-radius);background:#fff;border:2px solid #fff0e0;margin:20px 0;padding:28px;position:relative;overflow:hidden;box-shadow:0 6px 24px #0000000d}.story-card:before{content:"";background:var(--orange);width:5px;height:100%;position:absolute;top:0;left:0}.story-card.electric:before{background:var(--blue)}.story-card.green:before{background:var(--green)}.story-card.rocket:before{background:var(--pink)}.story-card h2{color:var(--orange);margin-bottom:12px;font-family:"Baloo 2",cursive;font-size:1.5rem;font-weight:800}.story-card.electric h2{color:var(--blue)}.story-card.green h2{color:#1b9e63}.story-card.rocket h2{color:var(--pink)}.story-card p{color:var(--text);margin-bottom:10px;font-size:.97rem;line-height:1.8}.story-card p:last-child{margin-bottom:0}.story-card .emoji-lead{margin-bottom:10px;font-size:2.2rem;display:block}.fun-fact{border:2px dashed var(--yellow);background:#fffbea;border-radius:16px;align-items:flex-start;gap:12px;margin:16px 0;padding:16px 20px;display:flex}.fun-fact .label{background:var(--yellow);color:#5a3a00;border-radius:var(--btn-radius);white-space:nowrap;letter-spacing:.5px;margin-top:2px;padding:4px 10px;font-family:Nunito,sans-serif;font-size:.7rem;font-weight:800}.fun-fact p{color:var(--text);font-size:.93rem;line-height:1.7}.timeline{margin-top:16px;padding-left:34px;position:relative}.timeline:before{content:"";background:linear-gradient(to bottom, var(--orange), var(--blue), var(--green));border-radius:3px;width:3px;position:absolute;top:0;bottom:0;left:10px}.tl-item{margin-bottom:28px;position:relative}.tl-item:before{content:attr(data-icon);border:2.5px solid var(--orange);background:#fff;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;font-size:14px;display:flex;position:absolute;top:0;left:-34px;box-shadow:0 2px 8px #00000014}.tl-year{color:var(--orange);letter-spacing:1px;text-transform:uppercase;font-family:"Baloo 2",cursive;font-size:.8rem;font-weight:800}.tl-title{color:var(--text);margin:2px 0 4px;font-size:1rem;font-weight:700}.tl-desc{color:var(--muted);font-size:.88rem;line-height:1.6}.tech-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin:16px 0;display:grid}.tech-card{text-align:center;background:#f0f8ff;border:2px solid #cce9fb;border-radius:16px;padding:18px}.tech-card .icon{margin-bottom:8px;font-size:2rem;display:block}.tech-card h3{color:var(--text);margin-bottom:6px;font-family:"Baloo 2",cursive;font-size:1rem}.tech-card p{color:var(--muted);font-size:.82rem;line-height:1.6}.quiz-question{border-radius:var(--card-radius);background:#fff;border:2px solid #fff0e0;margin:16px 0;padding:22px;box-shadow:0 4px 20px #0000000d}.quiz-q{color:var(--text);margin-bottom:14px;font-family:"Baloo 2",cursive;font-size:1.05rem;font-weight:800}.quiz-options{flex-direction:column;gap:8px;display:flex}.quiz-opt{color:var(--text);cursor:pointer;text-align:left;background:#fff9f0;border:2px solid #ffe5cc;border-radius:12px;padding:10px 16px;font-family:Nunito,sans-serif;font-size:.92rem;font-weight:600;transition:all .2s}.quiz-opt:hover{border-color:var(--orange);background:#fff0e6}.quiz-opt.correct{border-color:var(--green);color:#1b9e63;background:#e9fbf3}.quiz-opt.wrong{color:#e24444;background:#ffefef;border-color:#ff6b6b}.quiz-opt:disabled{cursor:default}.quiz-result{min-height:20px;margin-top:10px;font-size:.9rem;font-weight:800}.lessons{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;margin:16px 0;display:grid}.lesson-card{text-align:center;background:#f8f0ff;border:2px solid #e5ccff;border-radius:16px;padding:20px 16px;transition:transform .2s}.lesson-card:hover{transform:translateY(-4px)}.lesson-card .big{margin-bottom:8px;font-size:2.4rem;display:block}.lesson-card h3{color:var(--text);margin-bottom:6px;font-family:"Baloo 2",cursive;font-size:.98rem}.lesson-card p{color:var(--muted);font-size:.82rem;line-height:1.55}.score-badge{text-align:center;border-radius:var(--card-radius);background:linear-gradient(135deg,#fff0e6 0%,#ffe0f5 50%,#e8f0ff 100%);border:3px solid #ffe5cc;margin-top:20px;padding:28px}.score-badge .big-num{color:var(--orange);font-family:"Baloo 2",cursive;font-size:3rem;font-weight:800;display:block}.score-badge p{color:var(--muted);margin-top:4px;font-size:.95rem;font-weight:700}.story-footer{text-align:center;color:var(--muted);padding:30px 20px 10px;font-size:.85rem}@media (max-width:480px){.tech-grid,.lessons{grid-template-columns:1fr 1fr}}