:root{--bg: #0f1419;--surface: #1a2332;--surface-2: #243044;--border: #334155;--text: #f1f5f9;--text-muted: #94a3b8;--accent: #38bdf8;--accent-2: #818cf8;--accent-3: #34d399;--warning: #fbbf24;--danger: #f87171;--ram: #6366f1;--cpu: #0ea5e9;--bit-0: #1e293b;--bit-1: #38bdf8;--shadow: 0 8px 32px rgba(0, 0, 0, .4);--radius: 16px;--font: "Inter", system-ui, sans-serif;--mono: "JetBrains Mono", monospace}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font);background:var(--bg);color:var(--text);min-height:100vh;line-height:1.6;overflow-x:hidden}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 20% 20%,rgba(56,189,248,.08) 0%,transparent 50%),radial-gradient(ellipse at 80% 80%,rgba(129,140,248,.08) 0%,transparent 50%);pointer-events:none;z-index:0}#app{position:relative;z-index:1;min-height:100vh;display:flex;flex-direction:column}.header{padding:1rem 1.5rem;border-bottom:1px solid var(--border);background:#1a2332d9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;position:sticky;top:0;z-index:100}.header__title{font-size:1.1rem;font-weight:700;display:flex;align-items:center;gap:.5rem}.header__title span{color:var(--accent)}.progress-bar{flex:1;max-width:400px;height:8px;background:var(--surface-2);border-radius:999px;overflow:hidden}.progress-bar__fill{height:100%;background:linear-gradient(90deg,var(--accent),var(--accent-2));border-radius:999px;transition:width .4s ease}.slide-counter{font-size:.85rem;color:var(--text-muted);font-weight:600;white-space:nowrap}.main{flex:1;display:flex;align-items:center;justify-content:center;padding:2rem 1.5rem 6rem}.slide{width:100%;max-width:900px;animation:slideIn .5s ease}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.slide__badge{display:inline-block;padding:.35rem .85rem;background:#38bdf826;color:var(--accent);border-radius:999px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin-bottom:1rem}.slide__title{font-size:clamp(1.75rem,4vw,2.5rem);font-weight:800;line-height:1.2;margin-bottom:.75rem}.slide__subtitle{font-size:1.1rem;color:var(--text-muted);margin-bottom:2rem;max-width:650px}.slide__content{margin-top:1.5rem}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem;box-shadow:var(--shadow)}.card--highlight{border-color:#38bdf866;background:linear-gradient(135deg,#38bdf814,#818cf80d)}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin-top:1.5rem}.info-box{background:var(--surface-2);border-radius:12px;padding:1.25rem;border:1px solid var(--border)}.info-box__icon{font-size:2rem;margin-bottom:.5rem}.info-box__title{font-weight:700;margin-bottom:.35rem}.info-box__text{font-size:.9rem;color:var(--text-muted)}.analogy{display:flex;gap:1rem;align-items:flex-start;padding:1.25rem;background:#fbbf241a;border:1px solid rgba(251,191,36,.3);border-radius:12px;margin-top:1.5rem}.analogy__icon{font-size:1.5rem;flex-shrink:0}.analogy__text{font-size:.95rem;color:#fde68a}.analogy__text strong{color:var(--warning)}.bit-demo{margin-top:1.5rem}.bit-row{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin:1rem 0}.bit{width:48px;height:48px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-family:var(--mono);font-weight:700;font-size:1.25rem;border:2px solid var(--border);transition:all .3s ease;cursor:default}.bit--0{background:var(--bit-0);color:var(--text-muted)}.bit--1{background:#38bdf840;color:var(--accent);border-color:var(--accent);box-shadow:0 0 12px #38bdf84d}.bit--active{transform:scale(1.15);box-shadow:0 0 20px #38bdf880}.byte-label{text-align:center;font-family:var(--mono);font-size:.85rem;color:var(--text-muted);margin-top:.5rem}.char-preview{text-align:center;margin-top:1rem;font-size:3rem;font-weight:800;color:var(--accent);min-height:4rem;display:flex;align-items:center;justify-content:center}.controls{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;margin-top:1.5rem}.btn{padding:.75rem 1.5rem;border:none;border-radius:10px;font-family:var(--font);font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:.5rem}.btn:hover{transform:translateY(-2px)}.btn:active{transform:translateY(0)}.btn--primary{background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff;box-shadow:0 4px 16px #38bdf84d}.btn--primary:hover{box-shadow:0 6px 24px #38bdf866}.btn--secondary{background:var(--surface-2);color:var(--text);border:1px solid var(--border)}.btn--secondary:hover{border-color:var(--accent);background:var(--surface)}.btn--success{background:var(--accent-3);color:#064e3b}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.input-group{display:flex;flex-direction:column;align-items:center;gap:.5rem;margin-top:1rem}.input-group label{font-size:.85rem;color:var(--text-muted);font-weight:600}.text-input{padding:.75rem 1rem;border:2px solid var(--border);border-radius:10px;background:var(--surface-2);color:var(--text);font-family:var(--mono);font-size:1.5rem;text-align:center;width:80px;outline:none;transition:border-color .2s}.text-input:focus{border-color:var(--accent)}.diagram{position:relative;display:flex;align-items:stretch;justify-content:center;gap:2rem;margin:2rem 0;flex-wrap:wrap}.component{flex:1;min-width:260px;max-width:340px;border-radius:var(--radius);padding:1.5rem;position:relative;transition:all .3s ease}.component--ram{background:linear-gradient(160deg,#6366f133,#6366f10d);border:2px solid var(--ram)}.component--cpu{background:linear-gradient(160deg,#0ea5e933,#0ea5e90d);border:2px solid var(--cpu)}.component--active{box-shadow:0 0 30px #38bdf84d;transform:scale(1.02)}.component__label{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;margin-bottom:.5rem}.component--ram .component__label{color:var(--ram)}.component--cpu .component__label{color:var(--cpu)}.component__name{font-size:1.5rem;font-weight:800;margin-bottom:.25rem}.component__desc{font-size:.85rem;color:var(--text-muted);margin-bottom:1rem}.memory-cells{display:flex;flex-direction:column;gap:.5rem}.memory-cell{display:flex;align-items:center;gap:.75rem;padding:.6rem .85rem;background:#00000040;border-radius:8px;border:1px solid transparent;font-family:var(--mono);font-size:.8rem;transition:all .3s ease}.memory-cell--highlight{border-color:var(--warning);background:#fbbf2426;box-shadow:0 0 16px #fbbf2433}.memory-cell__addr{color:var(--text-muted);min-width:3.5rem}.memory-cell__data{color:var(--accent);flex:1}.cpu-units{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.cpu-unit{padding:.75rem;background:#00000040;border-radius:8px;text-align:center;border:1px solid transparent;transition:all .3s ease}.cpu-unit--active{border-color:var(--accent-3);background:#34d39926;box-shadow:0 0 16px #34d39933}.cpu-unit__name{font-size:.7rem;font-weight:700;text-transform:uppercase;color:var(--text-muted);margin-bottom:.25rem}.cpu-unit__value{font-family:var(--mono);font-size:.85rem;color:var(--accent-3)}.bus-container{position:relative;width:100%;height:60px;margin:1rem 0;display:flex;align-items:center;justify-content:center}.bus-line{position:absolute;top:50%;left:10%;right:10%;height:4px;background:var(--border);border-radius:2px;transform:translateY(-50%)}.bus-line--active{background:linear-gradient(90deg,var(--ram),var(--cpu));box-shadow:0 0 12px #38bdf880}.data-packet{position:absolute;top:50%;left:15%;transform:translate(-50%,-50%);padding:.4rem .85rem;background:var(--warning);color:#78350f;font-family:var(--mono);font-size:.75rem;font-weight:700;border-radius:8px;opacity:0;transition:none;z-index:2;white-space:nowrap}.data-packet--moving{animation:moveData 1.5s ease-in-out forwards}@keyframes moveData{0%{left:15%;opacity:1}20%{opacity:1}80%{opacity:1}to{left:85%;opacity:0}}.step-indicator{text-align:center;margin-top:1rem;padding:1rem;background:var(--surface-2);border-radius:12px;min-height:3.5rem;display:flex;align-items:center;justify-content:center}.step-indicator__text{font-size:1rem;font-weight:600;color:var(--accent)}.cycle-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.75rem;margin-top:1.5rem}.cycle-step{padding:1rem;background:var(--surface-2);border-radius:12px;border:2px solid var(--border);text-align:center;transition:all .3s ease}.cycle-step--active{border-color:var(--accent);background:#38bdf81a;transform:scale(1.05)}.cycle-step--done{border-color:var(--accent-3);opacity:.7}.cycle-step__num{width:28px;height:28px;border-radius:50%;background:var(--border);display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:.85rem;margin-bottom:.5rem}.cycle-step--active .cycle-step__num{background:var(--accent);color:var(--bg)}.cycle-step--done .cycle-step__num{background:var(--accent-3);color:var(--bg)}.cycle-step__name{font-weight:700;font-size:.85rem;margin-bottom:.25rem}.cycle-step__desc{font-size:.75rem;color:var(--text-muted)}.quiz-options{display:flex;flex-direction:column;gap:.75rem;margin-top:1.5rem}.quiz-option{padding:1rem 1.25rem;background:var(--surface-2);border:2px solid var(--border);border-radius:12px;cursor:pointer;transition:all .2s ease;text-align:left;font-family:var(--font);font-size:.95rem;color:var(--text)}.quiz-option:hover:not(.quiz-option--disabled){border-color:var(--accent);background:#38bdf814}.quiz-option--correct{border-color:var(--accent-3)!important;background:#34d39926!important}.quiz-option--wrong{border-color:var(--danger)!important;background:#f8717126!important}.quiz-option--disabled{cursor:default}.quiz-feedback{margin-top:1rem;padding:1rem;border-radius:12px;font-weight:600;text-align:center;display:none}.quiz-feedback--show{display:block}.quiz-feedback--correct{background:#34d39926;color:var(--accent-3)}.quiz-feedback--wrong{background:#f8717126;color:var(--danger)}.score-display{text-align:center;margin-top:1.5rem}.score-display__number{font-size:4rem;font-weight:800;background:linear-gradient(135deg,var(--accent),var(--accent-2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav-footer{position:fixed;bottom:0;left:0;right:0;padding:1rem 1.5rem;background:#1a2332e6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;gap:1rem;z-index:100}.nav-dots{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:center}.nav-dot{width:10px;height:10px;border-radius:50%;background:var(--border);border:none;cursor:pointer;transition:all .2s ease;padding:0}.nav-dot--active{background:var(--accent);transform:scale(1.3)}.nav-dot--visited{background:var(--accent-2)}.nav-buttons{display:flex;gap:.75rem}.hero-icon{font-size:5rem;text-align:center;margin:1.5rem 0;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.hero-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;margin-top:2rem}.hero-feature{text-align:center;padding:1.25rem;background:var(--surface);border-radius:12px;border:1px solid var(--border)}.hero-feature__emoji{font-size:2rem;margin-bottom:.5rem}.hero-feature__text{font-size:.9rem;color:var(--text-muted)}@media(max-width:600px){.header{flex-direction:column;align-items:stretch}.progress-bar{max-width:none}.diagram{flex-direction:column;align-items:center}.component{max-width:100%}.nav-footer{flex-direction:column}.nav-dots{order:-1}.factory-stations{flex-wrap:wrap;justify-content:center}.factory-station{min-width:90px;flex:0 1 90px}.factory-shelves{flex-direction:column;align-items:center}}.factory-scene{background:linear-gradient(180deg,rgba(251,191,36,.06) 0%,transparent 30%);border:1px solid rgba(251,191,36,.2);border-radius:var(--radius);padding:1.25rem}.factory-header{text-align:center;margin-bottom:1.5rem}.factory-sign{font-size:1.4rem;font-weight:800;color:var(--warning);margin-bottom:.35rem}.factory-motto{color:var(--text-muted);font-size:.95rem}.factory-pantry{background:#6366f11f;border:2px dashed var(--ram);border-radius:12px;padding:1rem;margin-bottom:1.5rem}.factory-pantry__title{font-weight:700;color:var(--ram);margin-bottom:.75rem;font-size:.9rem}.factory-shelves{display:flex;gap:.75rem;flex-wrap:wrap;justify-content:center}.shelf{background:var(--surface-2);border:2px solid var(--border);border-radius:10px;padding:.75rem;min-width:110px;text-align:center;transition:all .35s ease}.shelf--active{border-color:var(--warning);background:#fbbf2426;transform:scale(1.08);box-shadow:0 0 20px #fbbf2440}.shelf__num{font-size:.7rem;color:var(--text-muted);font-family:var(--mono);margin-bottom:.35rem}.shelf__box{display:flex;flex-direction:column;align-items:center;gap:.25rem;margin-bottom:.35rem}.shelf__emoji{font-size:1.75rem}.shelf__label{font-weight:800;font-size:1.1rem;color:var(--accent)}.shelf__bits{font-family:var(--mono);font-size:.65rem;color:var(--text-muted)}.factory-belt-wrap{margin-bottom:1.25rem}.factory-belt{position:relative;height:56px;margin-bottom:.5rem}.factory-belt__track{position:absolute;top:50%;left:0;right:0;height:6px;background:repeating-linear-gradient(90deg,var(--border) 0px,var(--border) 12px,var(--surface-2) 12px,var(--surface-2) 24px);border-radius:3px;transform:translateY(-50%)}.factory-belt__arrow{position:absolute;right:0;top:50%;transform:translateY(-50%);color:var(--accent-3);font-size:1.5rem;font-weight:800;animation:arrowPulse 1s ease-in-out infinite}@keyframes arrowPulse{0%,to{opacity:.5}50%{opacity:1}}.factory-packet{position:absolute;top:50%;left:0;transform:translateY(-50%);display:flex;align-items:center;gap:.35rem;padding:.4rem .75rem;background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#78350f;border-radius:10px;font-weight:700;font-size:.85rem;box-shadow:0 4px 16px #fbbf2466;opacity:0;transition:left .7s cubic-bezier(.4,0,.2,1),opacity .3s ease;z-index:5;white-space:nowrap}.factory-packet--moving{animation:packetBounce .7s ease-in-out}@keyframes packetBounce{0%,to{transform:translateY(-50%)}50%{transform:translateY(calc(-50% - 8px))}}.factory-packet__emoji{font-size:1.1rem}.factory-stations{display:flex;gap:.35rem;justify-content:space-between}.factory-station{flex:1;min-width:100px;background:var(--surface);border:2px solid var(--border);border-radius:12px;padding:.65rem .4rem;text-align:center;transition:all .35s ease;position:relative}.factory-station--active{border-color:var(--warning);background:#fbbf241f;transform:translateY(-6px);box-shadow:0 8px 24px #fbbf2433}.factory-station--active .factory-station__worker{animation:workerWork .5s ease-in-out infinite alternate}@keyframes workerWork{0%{transform:scale(1)}to{transform:scale(1.15)}}.factory-station--done{border-color:var(--accent-3);opacity:.85}.factory-station--done:after{content:"✓";position:absolute;top:4px;right:6px;color:var(--accent-3);font-size:.75rem;font-weight:800}.factory-station__worker{font-size:1.5rem;margin-bottom:.25rem}.factory-station__name{font-weight:700;font-size:.72rem;line-height:1.2}.factory-station__tech{font-size:.6rem;color:var(--accent);font-family:var(--mono);margin-top:.15rem}.factory-station__slot{height:4px;margin-top:.35rem;border-radius:2px;background:transparent}.factory-workspace{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.75rem;margin-bottom:1.25rem}.workspace-item{background:var(--surface-2);border-radius:10px;padding:.85rem;border:1px solid var(--border)}.workspace-item__title{font-size:.72rem;color:var(--text-muted);font-weight:600;margin-bottom:.35rem}.workspace-item__value{font-family:var(--mono);font-size:.9rem;font-weight:700;color:var(--accent);min-height:1.4rem}.workspace-item__value--result{color:var(--accent-3);font-size:1.1rem}.factory-story{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:1.25rem;margin-bottom:1rem;min-height:120px}.factory-story__step{font-size:.75rem;font-weight:700;color:var(--accent-2);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem}.factory-story__narrative{font-size:1.05rem;font-weight:600;line-height:1.5;margin-bottom:.75rem}.factory-story__tech{font-size:.85rem;color:var(--text-muted);padding-top:.75rem;border-top:1px dashed var(--border)}.factory-progress{height:6px;background:var(--surface-2);border-radius:999px;overflow:hidden;margin-bottom:1.25rem}.factory-progress__bar{height:100%;width:0%;background:linear-gradient(90deg,var(--warning),var(--accent-3));border-radius:999px;transition:width .4s ease}.factory-legend{display:flex;flex-wrap:wrap;gap:.5rem 1rem;justify-content:center;margin-top:1.25rem;font-size:.75rem;color:var(--text-muted)}.team-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.team-card{background:var(--surface);border:2px solid var(--border);border-radius:14px;padding:1.25rem;text-align:center;cursor:pointer;transition:all .25s ease}.team-card:hover,.team-card--selected{border-color:var(--warning);transform:translateY(-4px);box-shadow:0 8px 24px #fbbf2426}.team-card__emoji{font-size:2.5rem;margin-bottom:.5rem}.team-card__role{font-weight:800;font-size:1rem;margin-bottom:.25rem}.team-card__tech{font-family:var(--mono);font-size:.75rem;color:var(--accent);margin-bottom:.5rem}.team-card__desc{font-size:.85rem;color:var(--text-muted)}.team-detail{margin-top:1.25rem;padding:1.25rem;background:#fbbf241a;border:1px solid rgba(251,191,36,.3);border-radius:12px;text-align:center;font-weight:600;color:#fde68a;min-height:3rem;display:flex;align-items:center;justify-content:center}.labeler-scene{text-align:center}.labeler-ingredient{font-size:4rem;margin:1rem 0;animation:pulse 2s ease-in-out infinite}.labeler-barcode{display:flex;justify-content:center;gap:3px;margin:1rem 0}.barcode-bit{width:14px;height:50px;border-radius:3px;transition:all .3s ease}.barcode-bit--0{background:var(--surface-2);border:1px solid var(--border)}.barcode-bit--1{background:var(--warning);box-shadow:0 0 8px #fbbf2466}.barcode-bit--scan{background:var(--accent-3);transform:scaleY(1.15)}.main--wide .slide{max-width:1100px}.slide-hint{text-align:center;color:var(--text-muted);margin-bottom:1rem;font-size:.95rem}.dual-view{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem;align-items:start}.dual-view__photo{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:.75rem;text-align:center}.dual-view__img{width:100%;max-height:220px;object-fit:contain;border-radius:8px}.dual-view__caption{display:block;margin-top:.5rem;font-size:.8rem;color:var(--text-muted);font-weight:600}.dual-view__animation{background:var(--surface-2);border:1px solid var(--border);border-radius:12px;padding:1.25rem;min-height:180px;display:flex;flex-direction:column;align-items:center;justify-content:center}.dual-view__bridge{text-align:center;margin-top:1rem;font-size:1.05rem;font-weight:600;color:var(--accent);padding:.75rem 1rem;background:#38bdf814;border-radius:10px}.dual-view__tech{text-align:center;margin-top:.5rem;font-size:.8rem;color:var(--text-muted)}.dual-view__tech--hidden{display:none}body.teacher-mode .dual-view__tech--hidden,body.teacher-mode .factory-story__tech{display:block!important}.teacher-toggle{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:1rem;font-size:.85rem;color:var(--text-muted);cursor:pointer}.flow-diagram{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.35rem}.flow-diagram__node{padding:.6rem .9rem;background:var(--surface);border:2px solid var(--border);border-radius:10px;font-weight:700;font-size:.85rem}.flow-diagram__arrow{color:var(--accent-3);font-weight:800;font-size:1.2rem}.hw-board--poster{max-width:900px;border:none;box-shadow:0 8px 32px #00000059;background:#eef6ff}.binary-math{margin-top:1rem;padding-top:1rem;border-top:1px dashed var(--border)}.binary-math__intro{font-size:.9rem;color:var(--text-muted);margin-bottom:.75rem}.binary-math__table{width:100%;border-collapse:collapse;font-size:.82rem;margin-bottom:.75rem}.binary-math__table th{text-align:left;padding:.45rem .5rem;background:var(--surface-2);color:var(--text-muted);font-weight:600;border-bottom:1px solid var(--border)}.binary-math__table td{padding:.4rem .5rem;border-bottom:1px solid rgba(51,65,85,.5);color:var(--text-muted)}.binary-math__row--on td{color:var(--text)}.binary-math__row--on .binary-math__bit{color:var(--warning);font-weight:800}.binary-math__row--hl{background:#fbbf241f}.binary-math__sum{text-align:center;font-size:1.05rem;padding:.65rem;background:#34d3991a;border:1px solid rgba(52,211,153,.35);border-radius:8px;color:var(--accent-3)}.bits-math-section{margin:1rem 0;padding:1rem;background:#38bdf80f;border-radius:12px;border:1px solid rgba(56,189,248,.2)}.bits-math-section__title{font-size:.95rem;color:var(--accent);margin-bottom:.35rem}.bits-math-section__sub{font-size:.85rem;color:var(--text-muted);margin-bottom:.5rem}@media(max-width:640px){.binary-math__table{font-size:.72rem}.binary-math__table th:nth-child(4),.binary-math__table td:nth-child(4){display:none}}.hw-board--premium{max-width:960px;border:1px solid rgba(56,189,248,.25);box-shadow:0 12px 40px #00000073,inset 0 1px #ffffff0a;background:linear-gradient(180deg,#0f172a,#1e293b)}.bits-why{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;margin-bottom:1.25rem}.bits-why__card{position:relative;padding:1rem 1rem 1rem 2.75rem;text-align:left}.bits-why__num{position:absolute;left:.85rem;top:.85rem;width:1.75rem;height:1.75rem;border-radius:50%;background:var(--accent);color:#0f172a;font-weight:800;font-size:.85rem;display:flex;align-items:center;justify-content:center}.bits-why__card h3{font-size:.95rem;margin-bottom:.35rem;color:var(--accent)}.bits-why__card p{font-size:.85rem;color:var(--text-muted);line-height:1.5}.bits-demo__title{font-size:1rem;margin-bottom:.75rem;color:var(--warning)}.bits-demo__formula{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.65rem;margin-bottom:1rem;font-size:.95rem}.bits-demo__eq{color:var(--text-muted);font-size:1.25rem}.bits-demo__binary{font-family:var(--mono);color:var(--warning);letter-spacing:.05em}.bits-demo__explain{text-align:center;font-size:.9rem;color:var(--text-muted);margin:.75rem 0;min-height:1.5rem}.letter-pipeline{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;padding:.75rem;border-radius:12px;border:1px solid var(--border);background:var(--surface-2);transition:all .3s}.letter-pipeline--active{border-color:var(--warning);background:#fbbf2414;box-shadow:0 0 20px #fbbf241a}.letter-pipeline__step{display:flex;flex-direction:column;align-items:center;gap:.25rem;min-width:64px}.letter-pipeline__step--wide{flex:1;min-width:200px}.letter-pipeline__tag{font-size:.65rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-weight:600}.letter-pipeline__value{font-family:var(--mono);font-size:1.25rem;font-weight:700;color:var(--accent)}.letter-pipeline__value--char{font-size:1.75rem;font-family:var(--font);color:var(--accent-3)}.letter-pipeline__arrow{color:var(--text-muted);font-size:1.25rem}.letter-pipeline__switches{display:flex;gap:.35rem;flex-wrap:wrap;justify-content:center}.switch{display:flex;flex-direction:column;align-items:center;gap:.2rem}.switch__track{width:36px;height:20px;border-radius:999px;background:#334155;border:1px solid #475569;position:relative;transition:all .25s}.switch--1 .switch__track{background:#fbbf2440;border-color:#fbbf24;box-shadow:0 0 10px #fbbf2459}.switch__knob{position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:50%;background:#64748b;transition:all .25s}.switch--1 .switch__knob{left:18px;background:#fbbf24;box-shadow:0 0 8px #fbbf2499}.switch--active .switch__track{outline:2px solid var(--accent);outline-offset:2px}.switch__bit{font-family:var(--mono);font-size:.7rem;color:var(--text-muted)}.bits-message__pipelines{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.bits-message__summary{text-align:center;margin-top:.75rem;color:var(--accent-3);font-size:.95rem}.bits-message__summary--hidden{display:none}@media(max-width:768px){.bits-why{grid-template-columns:1fr}.letter-pipeline{flex-direction:column;align-items:stretch}.letter-pipeline__arrow{text-align:center;transform:rotate(90deg)}}.hw-board{max-width:640px;margin:0 auto 1.25rem;border-radius:12px;overflow:hidden;border:2px solid var(--border);background:var(--surface)}.hw-board__img{width:100%;height:auto;display:block;min-height:200px}.hw-cards{display:grid;grid-template-columns:repeat(5,1fr);gap:.75rem;margin-bottom:1.25rem}.hw-cards--5{grid-template-columns:repeat(auto-fit,minmax(110px,1fr))}.hw-card{background:var(--surface);border:2px solid var(--border);border-radius:12px;padding:.75rem;cursor:pointer;transition:all .2s ease;font-family:var(--font);color:var(--text);display:flex;flex-direction:column;align-items:center;gap:.5rem}.hw-card:hover,.hw-card--active{border-color:var(--accent);background:#38bdf814;transform:translateY(-3px);box-shadow:0 6px 20px #38bdf826}.hw-card__img{width:100%;max-height:80px;object-fit:contain}.hw-card__label{font-weight:700;font-size:.85rem}.hotspot-scene{position:relative;max-width:640px;margin:0 auto 1.25rem;border-radius:12px;overflow:hidden;border:2px solid var(--border)}.hotspot-scene__img{width:100%;display:block}.hotspot{position:absolute;background:#38bdf833;border:2px dashed var(--accent);border-radius:8px;color:var(--accent);font-size:.7rem;font-weight:700;cursor:pointer;transition:all .2s ease;font-family:var(--font)}.hotspot:hover,.hotspot--active{background:#fbbf2459;border-color:var(--warning);color:#fde68a;transform:scale(1.02)}.hotspot-detail__inner{display:flex;gap:1rem;align-items:center}.hotspot-detail__img{width:120px;height:120px;object-fit:contain;flex-shrink:0}.hotspot-detail__title{font-size:1.1rem;margin-bottom:.35rem;color:var(--warning)}@media(max-width:600px){.hw-cards{grid-template-columns:repeat(2,1fr)}}.bytes-math{text-align:center;margin-bottom:1rem}.bytes-formula{display:flex;align-items:center;justify-content:center;gap:1rem;flex-wrap:wrap;margin-bottom:.5rem}.bytes-formula__item{padding:.75rem 1.25rem;background:var(--surface-2);border-radius:10px;font-size:1.1rem}.bytes-formula__item--byte{border:2px solid var(--warning);background:#fbbf241a}.bytes-formula__eq{font-size:1.5rem;color:var(--accent);font-weight:800}.bytes-formula__note{font-size:.9rem;color:var(--text-muted)}.bytes-example__title{font-size:1rem;margin-bottom:.75rem;color:var(--accent)}.bytes-example__math{font-size:.9rem;color:var(--text-muted);margin-top:.5rem}.byte-group{border:2px dashed var(--warning);border-radius:10px;padding:.5rem;background:#fbbf240f}.byte-group__bits .letter-row{margin:0}.byte-group__label{font-size:.75rem;color:var(--warning);font-weight:700;text-align:center;margin-top:.35rem}.bytes-all__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.5rem}.byte-practice__title{font-size:1rem;margin-bottom:.75rem}.byte-practice__q{font-weight:600;margin-bottom:.75rem}.byte-practice__options{display:flex;flex-direction:column;gap:.5rem;margin-bottom:.75rem}.byte-practice__btn{padding:.65rem 1rem;border:2px solid var(--border);border-radius:10px;background:var(--surface-2);color:var(--text);font-family:var(--font);cursor:pointer;text-align:left;transition:all .2s}.byte-practice__btn:hover:not(.byte-practice__btn--disabled){border-color:var(--accent)}.byte-practice__btn--correct{border-color:var(--accent-3)!important;background:#34d39926}.byte-practice__btn--wrong{border-color:var(--danger)!important;background:#f871711f}.byte-practice__btn--disabled{cursor:default;opacity:.85}.byte-practice__feedback{min-height:1.25rem;font-size:.9rem}.byte-practice__feedback--ok{color:var(--accent-3)}.byte-practice__feedback--bad{color:var(--warning)}.byte-practice__nav{display:flex;align-items:center;justify-content:space-between;margin-top:.5rem;font-size:.85rem;color:var(--text-muted)}.btn--sm{padding:.4rem .75rem;font-size:.8rem}.storage-compare{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.25rem}.storage-card h3{font-size:1rem;margin-bottom:.5rem}.storage-card--ram h3{color:var(--ram)}.storage-card--ssd h3{color:var(--accent-3)}.storage-card__img{width:100%;max-height:80px;object-fit:contain;margin-bottom:.5rem}.storage-card ul{list-style:none;font-size:.85rem;color:var(--text-muted);display:flex;flex-direction:column;gap:.35rem}.storage-card li:before{content:"• ";color:var(--accent)}.ssd-sort h3{font-size:1rem;margin-bottom:.75rem}.ssd-sort__item{font-weight:600;margin-bottom:.75rem}.ssd-sort__options{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:.75rem}.ssd-sort-btn--correct{border-color:var(--accent-3)!important;background:#34d39926}.ssd-sort-btn--wrong{border-color:var(--danger)!important}.ssd-sort__feedback{min-height:1.5rem;font-size:.9rem;margin-bottom:.5rem}.ssd-sort__feedback--ok{color:var(--accent-3)}.ssd-sort__feedback--bad{color:var(--warning)}@media(max-width:600px){.storage-compare{grid-template-columns:1fr}}.whatsapp-scene{display:grid;grid-template-columns:200px 1fr;gap:1.5rem;align-items:start;margin-bottom:1.25rem}.whatsapp-scene__img{width:100%;max-height:320px;object-fit:contain}.whatsapp-scene__steps{display:flex;flex-direction:column;gap:.6rem}.story-step-btn{display:flex;align-items:center;gap:.75rem;padding:.85rem 1rem;background:var(--surface);border:2px solid var(--border);border-radius:12px;cursor:pointer;font-family:var(--font);color:var(--text);text-align:left;transition:all .2s ease}.story-step-btn:hover,.story-step-btn--active{border-color:var(--accent);background:#38bdf814}.story-step-btn__icon{font-size:1.5rem}.story-step-btn__title{font-weight:700;font-size:.95rem}.story-panel{margin-bottom:1rem;text-align:center;font-size:1.05rem;font-weight:600}.bit-unified{text-align:center;padding:1.5rem}.bit-unified__hero{display:flex;align-items:center;justify-content:center;gap:1.5rem;flex-wrap:wrap;margin-bottom:1rem}.bit-unified__letter{font-size:4rem;font-weight:800;color:var(--accent)}.bit-unified__arrow{font-size:2rem;color:var(--text-muted)}.bit-unified__caption{font-size:.85rem;color:var(--text-muted);margin-top:.5rem}.bit-unified__divider{margin:1.5rem 0 1rem;padding-top:1.25rem;border-top:1px dashed var(--border);color:var(--text-muted);font-size:.9rem}.message-package{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;background:var(--surface-2);border:2px solid var(--border);border-radius:12px;transition:all .35s ease}.message-package--active{border-color:var(--warning);background:#fbbf241f;box-shadow:0 0 20px #fbbf2426}.message-package__icon{font-size:1.75rem}.message-package__text{font-size:1.25rem;font-weight:700;color:var(--accent-3)}.speed-picker{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;justify-content:center;margin-bottom:1rem}.speed-picker__label{font-size:.85rem;color:var(--text-muted);font-weight:600}.speed-btn{padding:.5rem .85rem;border:2px solid var(--border);border-radius:999px;background:var(--surface);color:var(--text);font-family:var(--font);font-size:.8rem;cursor:pointer;transition:all .2s}.speed-btn--active,.speed-btn:hover{border-color:var(--accent);background:#38bdf81a}.bits-panel{background:#fbbf2414;border:1px dashed var(--warning);border-radius:10px;padding:.75rem;margin-bottom:1rem}.bits-panel--hidden{display:none}.bits-panel__title{font-size:.8rem;font-weight:700;color:var(--warning);margin-bottom:.5rem}.bits-panel__rows .letter-row{margin-bottom:.35rem}.letter-rows{display:flex;flex-direction:column;gap:.5rem;margin:1rem 0}.letter-row{display:flex;align-items:center;gap:1rem;padding:.5rem;border-radius:8px;transition:background .3s}.letter-row--active{background:#fbbf241f}.letter-row__char{font-size:1.25rem;font-weight:800;color:var(--accent);min-width:2rem;text-align:center}.letter-row__bits{display:flex;gap:.25rem}.bit-unified__count{font-size:.9rem;color:var(--text-muted);font-weight:600}.send-sim{padding:1rem 0}.send-sim__phone{text-align:center;font-weight:700;margin-bottom:1rem}.send-sim__bar-wrap{height:24px;background:var(--surface-2);border-radius:999px;overflow:hidden;margin-bottom:.75rem}.send-sim__bar{height:100%;width:0%;background:linear-gradient(90deg,var(--accent),var(--accent-3));border-radius:999px}.send-sim__time{text-align:center;font-size:.9rem;color:var(--text-muted)}.energy-scene{margin-bottom:1.25rem}.energy-scene__img{width:100%;max-width:480px;display:block;margin:0 auto 1rem}.energy-cards{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.energy-card{background:var(--surface);border:2px solid var(--border);border-radius:12px;padding:1rem;cursor:pointer;text-align:center;font-family:var(--font);color:var(--text);transition:all .2s;display:flex;flex-direction:column;gap:.35rem}.energy-card:hover{border-color:var(--accent);transform:translateY(-2px)}.energy-card__icon{font-size:2rem}.energy-card__title{font-weight:700;font-size:.95rem}.energy-card__desc{font-size:.75rem;color:var(--text-muted)}.energy-meter{height:12px;background:var(--surface-2);border-radius:999px;overflow:hidden;margin:.5rem 0}.energy-meter__fill{height:100%;width:0%;border-radius:999px}.energy-meter__fill--low{background:var(--accent-3)}.energy-meter__fill--high{background:linear-gradient(90deg,#f97316,#ef4444)}.energy-meter__label{font-size:.75rem;color:var(--text-muted)}.energy-explain{margin-top:1.25rem;padding:1.25rem;background:var(--surface);border-radius:12px;border:1px solid var(--border)}.energy-explain h3{font-size:1rem;margin-bottom:.75rem;color:var(--warning)}.energy-explain ol{padding-left:1.25rem;display:flex;flex-direction:column;gap:.5rem;font-size:.9rem;color:var(--text-muted)}.mini-bit{display:inline-block;width:10px;height:10px;border-radius:2px;font-size:0}.mini-bit--1{background:#fbbf24}.mini-bit--0{background:var(--border)}@media(max-width:600px){.compare-race{grid-template-columns:1fr}.chip-compare-row{grid-template-columns:1fr;gap:.25rem}.chip-compare-row--head{display:none}.chip-cards,.energy-cards{grid-template-columns:1fr}.letter-row{flex-direction:column;align-items:flex-start}}.clock-scene{text-align:center}.taktowanie-explain{text-align:left;background:#38bdf814;border:1px solid rgba(56,189,248,.25);border-radius:12px;padding:1rem 1.25rem;margin-bottom:1.25rem}.taktowanie-explain h3{font-size:1rem;color:var(--accent);margin-bottom:.5rem}.taktowanie-explain p{font-size:.9rem;color:var(--text-muted);margin-bottom:.35rem}.taktowanie-explain__formula{margin-top:.75rem!important;padding-top:.75rem;border-top:1px dashed var(--border);color:var(--text)!important}.bit-race{padding:1rem;background:var(--surface-2);border-radius:12px;text-align:center}.bit-race__title{font-size:.95rem;margin-bottom:.75rem}.bit-race__bar-wrap{height:20px;background:var(--bg);border-radius:999px;overflow:hidden;margin-bottom:.5rem}.bit-race__bar{height:100%;width:0%;background:linear-gradient(90deg,var(--warning),var(--accent-3));border-radius:999px;transition:width .05s linear}.bit-race__counter{font-family:var(--mono);font-size:1.25rem;font-weight:700;color:var(--accent);margin-bottom:.35rem}.bit-race__time{font-size:.85rem;color:var(--text-muted);margin-bottom:.75rem;min-height:1.25rem}.bit-race__actions{display:flex;gap:.5rem;justify-content:center;flex-wrap:wrap}.compare-race{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:1rem;padding:1rem;background:#0003;border-radius:12px}.compare-race--hidden{display:none}.compare-race__label{font-size:.8rem;font-weight:700;margin-bottom:.4rem}.compare-race__bar-wrap{height:14px;background:var(--surface);border-radius:999px;overflow:hidden;margin-bottom:.35rem}.compare-race__bar{height:100%;width:0%;border-radius:999px}.compare-race__bar--slow{background:#94a3b8}.compare-race__bar--fast{background:var(--accent-3)}.compare-race__count{font-family:var(--mono);font-size:.85rem;color:var(--text-muted)}.chip-compare-table{display:flex;flex-direction:column;gap:.35rem;margin-top:.5rem}.chip-compare-row{display:grid;grid-template-columns:1fr 1.2fr 1.2fr;gap:.5rem;font-size:.85rem;color:var(--text-muted);padding:.5rem 0;border-bottom:1px solid var(--border)}.chip-compare-row--head{font-weight:700;color:var(--text)}.chip-compare-row--head span:nth-child(2){color:var(--accent)}.chip-compare-row--head span:nth-child(3){color:var(--accent-2)}.gpu-limit{margin-top:1.25rem;padding:1.25rem;text-align:left}.gpu-limit h3{font-size:1rem;color:var(--warning);margin-bottom:.75rem}.gpu-limit p{font-size:.9rem;color:var(--text-muted);margin-bottom:.5rem;line-height:1.55}.gpu-limit__list{list-style:none;margin:.75rem 0 1rem;display:flex;flex-direction:column;gap:.4rem;font-size:.9rem;color:var(--text-muted)}.gpu-limit__list li:before{content:"→ ";color:var(--accent)}.gpu-limit__punchline{margin-top:1rem;padding:.85rem;background:#f871711f;border:1px solid rgba(248,113,113,.35);border-radius:8px;font-size:.9rem;color:var(--danger)}.gpu-limit__punchline--hidden{display:none}.era-picker{display:flex;gap:.5rem;justify-content:center;flex-wrap:wrap;margin-bottom:1.25rem}.era-btn{display:flex;flex-direction:column;align-items:center;gap:.15rem;padding:.65rem 1rem;border:2px solid var(--border);border-radius:12px;background:var(--surface-2);color:var(--text);font-family:var(--font);cursor:pointer;transition:all .2s;min-width:110px}.era-btn--active,.era-btn:hover{border-color:var(--accent);background:#38bdf81f}.era-btn__year{font-size:1.1rem;font-weight:800;color:var(--accent)}.era-btn__label{font-size:.7rem;color:var(--text-muted)}.clock-display{display:flex;flex-direction:column;gap:1.25rem}.clock-display__chip{display:flex;align-items:center;gap:1.25rem;justify-content:center;flex-wrap:wrap}.clock-display__img{width:120px;height:auto}.clock-display__specs{text-align:left;display:flex;flex-direction:column;gap:.5rem}.spec-row{display:flex;justify-content:space-between;gap:1.5rem;font-size:.9rem;color:var(--text-muted);min-width:200px}.spec-row strong{color:var(--accent-3);font-family:var(--mono)}.tick-visual{padding:1rem;background:var(--surface-2);border-radius:12px}.tick-visual__label{font-size:.85rem;color:var(--text-muted);margin-bottom:.5rem}.tick-bar{height:28px;background:var(--bg);border-radius:8px;overflow:hidden;margin-bottom:.75rem;position:relative}.tick-bar__pulse{height:100%;width:8px;background:var(--accent);border-radius:4px;opacity:.3;animation:tickPulse .15s ease-in-out infinite alternate}.tick-bar__pulse--running{opacity:1;animation:tickSlide .08s linear infinite}@keyframes tickPulse{0%{opacity:.2;transform:scaleY(.6)}to{opacity:.8;transform:scaleY(1)}}@keyframes tickSlide{0%{transform:translate(0)}to{transform:translate(calc(100vw - 4rem))}}.tick-counter{font-family:var(--mono);font-size:1.1rem;font-weight:700;color:var(--accent);margin-bottom:.75rem}.energy-heat{text-align:left}.energy-heat__label{font-size:.85rem;color:var(--text-muted);margin-bottom:.4rem}.energy-heat__bar-wrap{height:14px;background:var(--surface-2);border-radius:999px;overflow:hidden;margin-bottom:.35rem}.energy-heat__bar{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--accent-3),var(--warning),#ef4444);transition:width .4s ease}.energy-heat__note{font-size:.8rem;color:var(--warning)}.compute-scene{margin-bottom:1.25rem}.chip-cards{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.25rem}.chip-card{background:var(--surface);border:2px solid var(--border);border-radius:14px;padding:1.25rem;text-align:center;display:flex;flex-direction:column;gap:.5rem}.chip-card--cpu{border-color:#0ea5e966}.chip-card--gpu{border-color:#818cf866}.chip-card__img{width:100%;max-width:180px;margin:0 auto;border-radius:8px}.chip-card__title{font-size:1rem;color:var(--accent)}.chip-card--gpu .chip-card__title{color:var(--accent-2)}.chip-card__desc{font-size:.85rem;color:var(--text-muted);line-height:1.5}.chip-card__uses{list-style:none;font-size:.8rem;color:var(--text-muted);margin:.25rem 0}.chip-card__uses li:before{content:"• ";color:var(--accent-3)}.compute-meter{text-align:center;padding:1.25rem}.compute-meter__title{font-size:.85rem;color:var(--text-muted);margin-bottom:.5rem}.compute-meter__value{font-family:var(--mono);font-size:2rem;font-weight:800;color:var(--accent-3);margin-bottom:.75rem}.compute-meter__bar-wrap{height:16px;background:var(--surface-2);border-radius:999px;overflow:hidden;margin-bottom:.5rem}.compute-meter__bar{height:100%;width:0%;border-radius:999px;background:linear-gradient(90deg,var(--accent-3),var(--accent-2),#ef4444);transition:width .3s ease}.compute-meter__label{font-size:.85rem;color:var(--text-muted)}.impact-list{list-style:none;display:flex;flex-direction:column;gap:.5rem;margin-top:1.25rem;font-size:.9rem;color:var(--text-muted)}.impact-list li:before{content:"→ ";color:var(--accent)}@media(max-width:768px){.whatsapp-scene{grid-template-columns:1fr}.whatsapp-scene__phone{text-align:center}}.factory-boxes{display:flex;gap:.75rem;flex-wrap:wrap;justify-content:center}.factory-box{background:var(--surface);border:2px solid var(--border);border-radius:10px;padding:.85rem 1rem;min-width:70px;text-align:center;transition:all .3s ease;cursor:default}.factory-boxes--interactive .factory-box{cursor:pointer}.factory-box--active{border-color:var(--warning);background:#fbbf241f;transform:scale(1.08);box-shadow:0 0 16px #fbbf2433}.factory-box__num{display:block;font-size:.65rem;color:var(--text-muted);margin-bottom:.25rem}.factory-box__value{display:block;font-size:1.4rem;font-weight:800;color:var(--accent)}.box-detail{text-align:center;margin-top:1rem;font-size:.9rem;color:var(--text-muted);min-height:2.5rem}.power-demo{display:flex;flex-direction:column;align-items:center;gap:.75rem;margin-bottom:1.25rem;padding-bottom:1.25rem;border-bottom:1px dashed var(--border)}.power-demo__switch{width:60px;height:32px;background:var(--border);border-radius:999px;position:relative;cursor:pointer;transition:background .3s}.power-demo__switch--on{background:var(--accent-3)}.power-demo__knob{position:absolute;top:4px;left:4px;width:24px;height:24px;background:#fff;border-radius:50%;transition:left .3s}.power-demo__switch--on .power-demo__knob{left:32px}.power-demo__lamp{width:48px;height:48px;border-radius:50%;background:var(--surface-2);border:3px solid var(--border);transition:all .3s}.power-demo__lamp--on{background:#ef4444;border-color:#fca5a5;box-shadow:0 0 24px #ef444480}.power-demo__label{font-size:.9rem}.bits-section{text-align:center;width:100%}.bits-section__hint{font-size:.85rem;color:var(--text-muted);margin-bottom:.75rem}.lamps-row{display:flex;gap:.4rem;justify-content:center;flex-wrap:wrap;margin:1rem 0}.lamp{display:flex;flex-direction:column;align-items:center;gap:.25rem}.lamp__bulb{width:28px;height:28px;border-radius:50%;background:var(--surface);border:2px solid var(--border);transition:all .3s}.lamp--1 .lamp__bulb{background:#fbbf24;border-color:#fde68a;box-shadow:0 0 12px #fbbf2480}.lamp--0 .lamp__bulb{background:var(--surface-2);border:2px solid var(--border)}.lamp--big .lamp__bulb{width:56px;height:56px}.lamp--scan .lamp__bulb{background:#fbbf24;border-color:#fde68a;transform:scale(1.2);box-shadow:0 0 16px #fbbf2499}.lamp__bit{font-family:var(--mono);font-size:.7rem;color:var(--text-muted)}.btn--small{padding:.5rem 1rem;font-size:.85rem}.factory-program-label{text-align:center;font-size:1.1rem;margin-bottom:1rem;color:var(--text-muted)}.factory-layout{display:grid;grid-template-columns:180px 1fr;gap:1rem}.factory-photo-panel{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:.75rem;text-align:center}.factory-photo-panel__img{width:100%;max-height:140px;object-fit:contain}.factory-photo-panel__caption{display:block;margin-top:.5rem;font-size:.75rem;color:var(--text-muted);font-weight:600}.factory-warehouse{background:#6366f11a;border:2px dashed var(--ram);border-radius:10px;padding:.75rem;margin-bottom:1rem}.factory-warehouse__title{font-size:.8rem;font-weight:700;color:var(--ram);margin-bottom:.5rem}.factory-belt-area{margin-bottom:1rem}.factory-station__emoji{font-size:1.4rem;margin-bottom:.2rem}.factory-packet{position:absolute;top:50%;left:0;transform:translateY(-50%);padding:.35rem .75rem;background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#78350f;border-radius:8px;font-weight:800;font-size:1rem;opacity:0;transition:left .65s ease,opacity .3s;z-index:5}.quiz-question{font-size:1.1rem;margin-bottom:.75rem}@media(max-width:768px){.dual-view,.factory-layout{grid-template-columns:1fr}.factory-photo-panel{order:-1}.hotspot-detail__inner{flex-direction:column;text-align:center}}