:root{--bg: #0b0f17;--panel: #121824;--panel2: #1a2231;--line: #263145;--fg: #e6edf7;--muted: #8b98ad;--accent: #4da3ff;--good: #3ecf8e;--bad: #ff6b6b;--semi: #4da3ff;--robot: #b07bff;--infra: #3ecf8e}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--bg);color:var(--fg);font-family:-apple-system,Segoe UI,Roboto,Noto Sans KR,sans-serif}a{color:inherit;text-decoration:none}.wrap{max-width:1100px;margin:0 auto;padding:24px 18px 60px}.hero{text-align:center;padding:40px 0 24px}.hero h1{font-size:34px;margin:0 0 8px;letter-spacing:-.5px}.hero p{color:var(--muted);margin:0;font-size:15px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:28px}@media (max-width: 760px){.cards{grid-template-columns:1fr}.hero h1{font-size:26px}}.card{flex-shrink:0;background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:22px;transition:transform .15s,border-color .15s;cursor:pointer}.card:hover{transform:translateY(-4px);border-color:var(--accent)}.card .tag{display:inline-block;font-size:12px;padding:3px 10px;border-radius:999px;background:var(--panel2);color:var(--muted);margin-bottom:12px}.card h2{margin:0 0 8px;font-size:20px}.card p{margin:0;color:var(--muted);font-size:14px;line-height:1.5}.card.semi{border-top:3px solid var(--semi)}.card.robot{border-top:3px solid var(--robot)}.card.infra{border-top:3px solid var(--infra)}.card.coming-soon{opacity:.58;cursor:default;border-top:3px solid #64748b}.card.coming-soon:hover{transform:none;border-color:var(--line);border-top-color:#64748b}.campus-context{margin-top:18px!important;color:var(--good)!important;font-weight:700}.gate-status{width:min(680px,calc(100% - 36px));margin:18vh auto 0;padding:36px;text-align:center;background:var(--panel);border:1px solid var(--line);border-radius:22px}.gate-status h1{margin-top:0}.gate-status p{color:var(--muted);line-height:1.6}.gate-status a.primary{display:inline-block;margin-top:14px;padding:12px 20px;border-radius:10px;background:var(--accent);color:#06111f;font-weight:800}.simulation-quick-nav{position:fixed;top:12px;right:12px;z-index:10000;display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end;max-width:calc(100% - 24px);padding:7px;border:1px solid rgba(125,174,220,.35);border-radius:13px;background:#070d17e0;backdrop-filter:blur(12px);box-shadow:0 10px 30px #00000052}.simulation-quick-nav a{padding:7px 11px;border-radius:8px;color:#e6edf7;background:#4da3ff21;border:1px solid rgba(77,163,255,.25);font-size:12px;font-weight:750;white-space:nowrap}.simulation-quick-nav a:hover{background:#4da3ff4d}@media (max-width: 640px){.simulation-quick-nav{top:auto;right:8px;bottom:8px;max-width:calc(100% - 16px)}.simulation-quick-nav a{padding:8px 10px}}.topbar{display:flex;align-items:center;gap:12px;padding:6px 0 18px}.topbar a.back{color:var(--muted);font-size:14px}.topbar h1{margin:0;font-size:22px}.flow{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0 24px}.step{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:10px 12px;font-size:13px;cursor:pointer;transition:border-color .12s}.step:hover{border-color:var(--accent)}.step.active{border-color:var(--accent);background:var(--panel2)}.step .n{color:var(--muted);font-size:11px;margin-right:6px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:22px}.panel h3{margin:0 0 6px;font-size:18px}.panel .sub{color:var(--muted);font-size:14px;margin:0 0 18px;line-height:1.55}.ctrl{margin:14px 0}.ctrl label{display:flex;justify-content:space-between;font-size:13px;margin-bottom:6px}.ctrl label b{color:var(--accent)}input[type=range]{width:100%;accent-color:var(--accent)}.result{margin-top:18px;padding:16px;border-radius:12px;background:var(--panel2)}.result .big{font-size:28px;font-weight:700}.result .lbl{color:var(--muted);font-size:13px}.feedback{margin-top:12px;font-size:14px;line-height:1.55}.feedback.good{color:var(--good)}.feedback.bad{color:var(--bad)}.formula{margin-top:16px;font-size:13px;color:var(--muted);border-top:1px dashed var(--line);padding-top:12px}.formula code{color:var(--fg);background:#0d1420;padding:1px 6px;border-radius:6px}.fab{display:flex;gap:16px;align-items:flex-start}@media (max-width: 900px){.fab{flex-direction:column}}.fab .left{flex:1 1 60%;min-width:0}.fab .right{flex:1 1 40%;min-width:0}.rail{display:flex;gap:6px;overflow-x:auto;padding:10px 2px 14px;scrollbar-width:thin}.bay{flex:0 0 auto;width:78px;text-align:center;cursor:pointer;opacity:.55;transition:opacity .15s}.bay.done,.bay.active{opacity:1}.bay .dot{width:54px;height:54px;margin:0 auto 6px;border-radius:14px;background:var(--panel);border:1px solid var(--line);display:flex;align-items:center;justify-content:center;font-size:24px;position:relative;transition:border-color .15s,transform .15s}.bay.active .dot{border-color:var(--accent);transform:scale(1.08);box-shadow:0 0 0 3px #4da3ff2e}.bay.done .dot{border-color:var(--good)}.bay.done .dot:after{content:"✓";position:absolute;top:-6px;right:-6px;width:18px;height:18px;background:var(--good);color:#04130c;border-radius:50%;font-size:12px;font-weight:800;display:flex;align-items:center;justify-content:center}.bay .cap{font-size:11px;color:var(--muted);line-height:1.25}.bay.active .cap{color:var(--fg)}.bay .idx{font-size:10px;color:var(--muted)}.room h3{margin:0 0 2px;font-size:19px}.room .roomtag{font-size:12px;color:var(--muted);margin-bottom:12px}.tool{background:#0d1420;border:1px solid var(--line);border-radius:14px;padding:10px}.tool svg{width:100%;height:auto;display:block}.what{margin:14px 0}.what li{font-size:13px;color:var(--fg);line-height:1.6;margin-bottom:4px}.what li b{color:var(--accent)}.runbar{display:flex;gap:10px;margin:12px 0 14px;align-items:center;flex-wrap:wrap;padding:12px;border-radius:16px;background:linear-gradient(135deg,#4ee6a11a,#58b8ff14);border:1px solid rgba(78,230,161,.2)}.btn{border:none;border-radius:10px;padding:11px 18px;font-size:14px;font-weight:700;cursor:pointer}.btn.run{background:var(--accent);color:#04121f}.btn.next{background:var(--good);color:#04130c}.btn.ghost{background:var(--panel2);color:var(--fg);border:1px solid var(--line)}.btn:disabled{opacity:.4;cursor:not-allowed}.metric{font-size:13px;color:var(--muted)}.metric b{color:var(--fg);font-size:15px}.wafer{margin-top:16px}.wafer .title{font-size:12px;color:var(--muted);margin-bottom:6px}.wafer svg{width:100%;height:auto;background:#0d1420;border:1px solid var(--line);border-radius:12px}.log{margin-top:14px;font-size:12.5px;color:var(--muted);line-height:1.6;max-height:150px;overflow-y:auto}.log .step{border-left:2px solid var(--line);padding:2px 0 2px 10px;margin-bottom:4px}.log .step b{color:var(--good)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:.4}50%{opacity:1}}@keyframes beam{0%{opacity:.3}50%{opacity:1}to{opacity:.3}}.anim-spin{transform-box:fill-box;transform-origin:center;animation:spin 1.4s linear infinite}.anim-pulse{animation:pulse 1.1s ease-in-out infinite}.anim-beam{animation:beam .8s ease-in-out infinite}:root{--glow: 0 18px 55px rgba(31, 126, 214, .18)}.fab .panel{background:linear-gradient(180deg,#141f2ff5,#0c121dfa);border-color:#5b8bb84d;border-radius:20px;box-shadow:var(--glow),inset 0 1px #ffffff0d}.fab .rail{gap:10px;padding:14px 4px 18px;position:relative}.fab .rail:before{content:"";position:absolute;left:18px;right:18px;top:43px;height:2px;background:linear-gradient(90deg,transparent,rgba(88,184,255,.42),rgba(78,230,161,.35),transparent);pointer-events:none}.fab .bay{width:82px;opacity:.64;position:relative;transition:opacity .15s,transform .15s}.fab .bay:hover{opacity:.95;transform:translateY(-2px)}.fab .bay.done,.fab .bay.active{opacity:1}.fab .bay .dot{width:58px;height:58px;margin-bottom:7px;border-radius:18px;background:linear-gradient(145deg,#19263a,#0c1320 62%,#172235);border-color:#78a2cd47;box-shadow:inset 0 1px #ffffff14,0 8px 24px #00000047;overflow:visible}.fab .bay .dot:before{content:"";position:absolute;inset:6px;border-radius:13px;border:1px solid rgba(255,255,255,.06);background:radial-gradient(circle at 30% 20%,rgba(255,255,255,.14),transparent 45%)}.fab .bay.active .dot{border-color:var(--accent);transform:scale(1.08);box-shadow:0 0 0 3px #4da3ff2e,0 0 30px #4da3ff4d,inset 0 1px #ffffff1a}.fab .bay.done .dot{border-color:var(--good);box-shadow:0 0 24px #3ecf8e33,inset 0 1px #ffffff1a}.fab .bay .cap{font-weight:750;letter-spacing:-.02em}.fab .tool{background:radial-gradient(circle at 20% 0%,rgba(77,163,255,.14),transparent 35%),linear-gradient(180deg,#0d1726,#080d16);border-color:#5b8bb852;border-radius:18px;padding:12px;box-shadow:inset 0 1px #ffffff0d,0 16px 38px #00000038}.fab .btn{border-radius:12px;font-weight:800;letter-spacing:-.01em;box-shadow:0 10px 24px #00000038}.fab .btn.run{background:linear-gradient(135deg,#8bd6ff,#3ea7ff)}.fab .btn.next{background:linear-gradient(135deg,#8fffc5,#36d889)}.fab .wafer svg{border-color:#5b8bb857;border-radius:16px;box-shadow:inset 0 1px #ffffff0a,0 16px 42px #00000040;overflow:hidden}@media (max-width: 900px){.fab .rail{width:100%}.fab .bay{width:74px}.fab .bay .dot{width:52px;height:52px;border-radius:16px}}body.home{min-height:100%;background:radial-gradient(circle at 15% 12%,rgba(77,163,255,.2),transparent 34%),radial-gradient(circle at 86% 18%,rgba(176,123,255,.16),transparent 32%),linear-gradient(180deg,#070b12,#0a101a 48%,#070b12)}.home-shell{width:min(1180px,calc(100% - 36px));margin:0 auto;padding:72px 0 80px}.home-hero{position:relative;padding:54px;border:1px solid rgba(116,164,215,.24);border-radius:30px;background:linear-gradient(135deg,#121c2ceb,#0a101bf5),repeating-linear-gradient(90deg,transparent 0 28px,rgba(255,255,255,.03) 28px 29px);box-shadow:0 30px 90px #00000059,inset 0 1px #ffffff0f;overflow:hidden}.home-hero:after{content:"";position:absolute;right:-90px;top:-120px;width:420px;height:420px;border-radius:50%;background:conic-gradient(from 160deg,#4da3ff00,#4da3ff57,#b07bff38,#4da3ff00);filter:blur(8px);opacity:.72}.home-hero .eyebrow{color:#8dd2ff;font-weight:900;font-size:12px;letter-spacing:.22em;margin-bottom:18px}.home-hero h1{position:relative;z-index:1;margin:0;max-width:760px;font-size:clamp(38px,6vw,72px);line-height:1.04;letter-spacing:-.06em}.home-hero p{position:relative;z-index:1;max-width:720px;margin:24px 0 0;color:#aebbd0;font-size:17px;line-height:1.75}.home-actions{position:relative;z-index:1;display:flex;gap:12px;flex-wrap:wrap;margin-top:32px}.home-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 22px;border-radius:14px;font-weight:900}.home-actions .primary{color:#06131f;background:linear-gradient(135deg,#9de0ff,#45aaff);box-shadow:0 16px 40px #4da3ff40}.home-actions .secondary{color:#dbe9ff;border:1px solid rgba(137,176,218,.28);background:#0d1420b8}.lab-board{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:18px;margin-top:22px}.lab-card{min-height:270px;padding:24px;border:1px solid rgba(116,164,215,.22);border-radius:24px;background:linear-gradient(180deg,#111a28f0,#0a0f18fa);box-shadow:0 20px 56px #00000038,inset 0 1px #ffffff0d;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.lab-card:hover{transform:translateY(-5px);border-color:#5bb8ff9e;box-shadow:0 26px 70px #4da3ff2e,inset 0 1px #ffffff0f}.lab-card .tag{display:inline-flex;padding:4px 10px;border-radius:999px;background:#ffffff0f;color:#8da4c0;font-size:11px;font-weight:900}.lab-icon{width:58px;height:58px;display:flex;align-items:center;justify-content:center;margin:22px 0 18px;border-radius:18px;background:radial-gradient(circle at 30% 20%,rgba(255,255,255,.18),transparent 45%),#111c2c;border:1px solid rgba(255,255,255,.08);font-size:28px}.lab-card h2{margin:0 0 12px;font-size:24px;letter-spacing:-.04em}.lab-card p{margin:0;color:#9cabc0;line-height:1.65;font-size:14px}.lab-card b{display:inline-block;margin-top:22px;color:#8dd2ff}.lab-card.semi{border-top:3px solid var(--semi)}.lab-card.robot{border-top:3px solid var(--robot)}.lab-card.infra{border-top:3px solid var(--infra)}@media (max-width: 900px){.home-shell{width:min(100% - 24px,720px);padding:32px 0 52px}.home-hero{padding:34px 24px;border-radius:24px}.lab-board{grid-template-columns:1fr}.lab-card{min-height:auto}}.semi-school .home-shell{width:min(1220px,calc(100% - 28px))}.semi-hero{display:grid;grid-template-columns:minmax(0,.86fr) minmax(360px,1.14fr);gap:28px;align-items:center}.semi-hero:after{display:none}.home-copy{position:relative;z-index:2}.home-hero-img{position:relative;z-index:1;width:100%;border-radius:24px;border:1px solid rgba(141,210,255,.24);box-shadow:0 24px 80px #0000006b,0 0 60px #4da3ff29;object-fit:cover;aspect-ratio:16/10}.lesson-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:18px}.lesson-strip article{padding:22px;border-radius:22px;background:linear-gradient(180deg,#111a28f0,#0a0f18fa);border:1px solid rgba(116,164,215,.22);box-shadow:0 16px 44px #0000002e,inset 0 1px #ffffff0d}.lesson-strip b{display:flex;width:34px;height:34px;align-items:center;justify-content:center;border-radius:12px;color:#06131f;background:linear-gradient(135deg,#9de0ff,#45aaff);margin-bottom:14px}.lesson-strip h2{margin:0 0 8px;font-size:19px;letter-spacing:-.04em}.lesson-strip p{margin:0;color:#aebbd0;line-height:1.6;font-size:14px}.hmi-lesson{display:grid;grid-template-columns:180px minmax(0,1fr);gap:14px;align-items:center;margin:12px 0 14px;padding:12px;border-radius:16px;background:linear-gradient(135deg,#4da3ff1f,#090f19eb);border:1px solid rgba(91,139,184,.28)}.hmi-lesson img{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:12px;border:1px solid rgba(255,255,255,.08)}.hmi-lesson b{display:block;color:#dff2ff;margin-bottom:6px;font-size:14px}.hmi-lesson p{margin:0;color:#aebbd0;font-size:12.5px;line-height:1.55}.operator-card{margin:0 0 14px;padding:14px 16px;border-radius:16px;background:linear-gradient(135deg,#4ee6a11a,#0d1420eb);border:1px solid rgba(78,230,161,.24)}.operator-card>b{display:block;margin-bottom:9px;color:#dfffe9;font-size:14px}.operator-card ol{margin:0;padding-left:22px;color:#d6e2f0}.operator-card li{margin:5px 0;line-height:1.45;font-size:13px}.learn-tabs{display:grid;gap:10px;margin:0 0 14px}.learn-section{overflow:hidden;border-radius:16px}.learn-section summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer;user-select:none;font-weight:900;color:#edf5ff}.learn-section summary::-webkit-details-marker{display:none}.learn-section summary:after{content:"펼치기";flex:0 0 auto;padding:4px 8px;border-radius:999px;background:#ffffff12;color:#9fcaff;font-size:11px;font-weight:800}.learn-section[open] summary:after{content:"접기";color:#bfffd8}.learn-section summary span{margin-left:auto;color:#8fa0b7;font-size:12px;font-weight:700}.learn-section>:not(summary){animation:sectionIn .16s ease}@keyframes sectionIn{0%{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:translateY(0)}}.learn-section.operator-card,.learn-section.term-card,.learn-section.vendor-card{margin:0}.explain-card{padding:14px 16px;background:linear-gradient(135deg,#4da3ff1a,#0d1420eb);border:1px solid rgba(77,163,255,.24)}.explain-card .what{margin:10px 0 0;padding-left:20px}.simulator-card{padding:14px;background:linear-gradient(135deg,#58b8ff1a,#0d1420f0);border:1px solid rgba(88,184,255,.26)}.simulator-card .tool{margin-top:12px}.term-card,.vendor-card{margin:0 0 14px;padding:14px 16px;border-radius:16px;background:linear-gradient(135deg,#b07bff1c,#0d1420eb);border:1px solid rgba(176,123,255,.24)}.vendor-card{background:linear-gradient(135deg,#ffd36b1a,#0d1420eb);border-color:#ffd36b3b}.term-card>b,.vendor-card>b{display:block;margin-bottom:9px;color:#f0e7ff;font-size:14px}.vendor-card>b{color:#fff0bf}.term-card p{margin:7px 0;color:#d6e2f0;font-size:13px;line-height:1.5}.term-card strong{color:#d9c4ff}.vendor-note{margin:0 0 9px;color:#aebbd0;font-size:12.5px;line-height:1.5}.vendor-card ul{margin:0;padding:0;list-style:none}.vendor-card li{display:grid;grid-template-columns:110px minmax(0,1fr);gap:8px;margin:7px 0;color:#d6e2f0;font-size:12.5px;line-height:1.45}.vendor-card li strong{color:#ffe2a1}.vendor-card li span{color:#d6e2f0}.vendor-links{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.vendor-links a{display:inline-flex;padding:5px 8px;border-radius:999px;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);color:#dff2ff;font-size:11px}@media (max-width: 900px){.semi-hero,.lesson-strip,.hmi-lesson,.vendor-card li{grid-template-columns:1fr}}.lesson-tabs{margin:14px 0}.process-navigator{margin:12px 0 14px;padding:13px;border:1px solid rgba(143,210,255,.22);border-radius:18px;background:radial-gradient(circle at 12% 0%,rgba(78,230,161,.13),transparent 36%),linear-gradient(135deg,#0c1a2cf0,#080d18f5);box-shadow:0 14px 34px #0000002e,inset 0 0 0 1px #ffffff08}.nav-progress{position:relative;display:grid;grid-template-columns:1fr auto auto;gap:10px;align-items:center;padding-bottom:13px;color:#b7c8dd;font-size:12px}.nav-progress b{color:#eaf7ff;font-size:14px}.nav-progress em{color:#4ee6a1;font-style:normal;font-weight:800}.nav-progress i{position:absolute;left:0;right:0;bottom:0;height:5px;border-radius:999px;background:linear-gradient(90deg,#4ee6a1 var(--p),rgba(255,255,255,.12) var(--p));box-shadow:0 0 16px #4ee6a12e}.nav-route{display:grid;grid-template-columns:1fr 1.25fr 1fr;gap:8px;margin-top:12px}.nav-route>div{min-width:0;padding:10px;border:1px solid rgba(255,255,255,.08);border-radius:14px;background:#050c1670}.nav-route .current{border-color:#4ee6a15c;background:linear-gradient(180deg,#4ee6a124,#050c1685)}.nav-route small{display:block;margin-bottom:5px;color:#8da2b7;font-size:11px}.nav-route strong{display:block;overflow:hidden;color:#edf8ff;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.nav-route span{display:block;margin-top:5px;color:#ffd36b;font-size:11px;line-height:1.35}.nav-why{margin:11px 2px 0;color:#c8d7e8;font-size:12px;line-height:1.55}.nav-why b{color:#8fd2ff}.guide-card,.guide-collapsed{margin:12px 0 14px;padding:14px;border:1px solid rgba(78,230,161,.28);border-radius:18px;background:radial-gradient(circle at 0% 0%,rgba(78,230,161,.14),transparent 34%),linear-gradient(180deg,#08161ef5,#050a12fa)}.guide-title,.guide-collapsed{display:flex;justify-content:space-between;gap:12px;align-items:center}.guide-title b{color:#dfffe9;font-size:14px}.guide-toggle{border:1px solid rgba(255,255,255,.14);border-radius:999px;background:#ffffff14;color:#dcecff;padding:7px 10px;font-size:12px;font-weight:800;cursor:pointer}.guide-toggle:hover{border-color:#8fd2ff8c;color:#fff}.guide-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:12px 0}.guide-steps div{padding:10px;border:1px solid rgba(255,255,255,.08);border-radius:14px;background:#040a1273}.guide-steps div.on{border-color:#4ee6a16b;background:#4ee6a11a}.guide-steps small{display:inline-grid;place-items:center;width:20px;height:20px;margin-bottom:6px;border-radius:999px;background:#4ee6a1;color:#051018;font-weight:900}.guide-steps strong,.guide-steps span{display:block}.guide-steps strong{color:#eefcff;font-size:12px}.guide-steps span{margin-top:4px;color:#aebfd2;font-size:11px;line-height:1.35}.guide-card p{margin:0;color:#cbd9e8;font-size:12px;line-height:1.55}.guide-card p b,.guide-collapsed span{color:#8fd2ff}.learning-aid-card{margin:12px 0;padding:14px;border:1px solid rgba(255,211,107,.22);border-radius:16px;background:radial-gradient(circle at 100% 0%,rgba(255,211,107,.12),transparent 35%),linear-gradient(180deg,#121824eb,#080d16f5)}.learning-aid-card h4{margin:0 0 9px;color:#fff0bf}.learning-aid-card .analogy{margin:0 0 12px;padding:10px 12px;border-radius:12px;background:#ffd36b14;color:#dde8f4;font-size:13px;line-height:1.55}.learning-aid-card .analogy b{color:#ffd36b}.mes-dashboard{margin:14px 0;padding:14px;border:1px solid rgba(78,230,161,.24);border-radius:20px;background:radial-gradient(circle at 0% 0%,rgba(78,230,161,.12),transparent 32%),linear-gradient(180deg,#0a1823f0,#060b13fa);box-shadow:0 18px 40px #0003,inset 0 0 0 1px #ffffff09}.mes-dash-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:11px}.mes-dash-head b{color:#dfffe9;font-size:14px}.mes-dash-head span{color:#9fb0c8;font-size:11px;text-align:right}.mes-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.mes-kpis div{padding:10px;border:1px solid rgba(255,255,255,.08);border-radius:14px;background:#030a127a}.mes-kpis span,.mes-kpis em{display:block;overflow:hidden;color:#91a7ba;font-size:10.5px;text-overflow:ellipsis;white-space:nowrap}.mes-kpis b{display:block;margin:4px 0 3px;color:#eefcff;font-size:18px;line-height:1}.mes-flowbar{height:7px;margin:12px 0;overflow:hidden;border-radius:999px;background:#ffffff17}.mes-flowbar i{display:block;width:var(--p);height:100%;border-radius:inherit;background:linear-gradient(90deg,#4ee6a1,#8fd2ff);box-shadow:0 0 18px #4ee6a147}.mes-alert{display:grid;grid-template-columns:auto 1fr;gap:9px;align-items:start;padding:10px 11px;border-radius:13px;background:#8fd2ff14;color:#cbd9e8;font-size:12px;line-height:1.45}.mes-alert strong{color:#8fd2ff}.lot-decision-panel{margin:14px 0;padding:14px;border:1px solid rgba(255,138,77,.25);border-radius:20px;background:radial-gradient(circle at 100% 0%,rgba(255,138,77,.13),transparent 34%),linear-gradient(180deg,#19120ef2,#080a12fa)}.decision-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:8px}.decision-head b{color:#ffe7d6;font-size:14px}.decision-head span{color:#ffbf94;font-size:11px;text-align:right}.lot-decision-panel p{margin:0 0 10px;color:#cbd8e6;font-size:12px;line-height:1.5}.decision-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.decision-actions button{border:1px solid rgba(255,255,255,.12);border-radius:13px;background:#ffffff12;color:#edf7ff;padding:10px 8px;font-size:11px;font-weight:900;cursor:pointer}.decision-actions button:hover:not(:disabled){border-color:#ffd36b99;background:#ffd36b24}.decision-actions button:disabled{opacity:.38;cursor:not-allowed}.decision-help{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:10px}.decision-help span{padding:8px;border-radius:11px;background:#0409126b;color:#aebfd2;font-size:11px;line-height:1.35}.decision-help b{color:#ffd36b}.next-action-bar{position:sticky;left:0;right:0;bottom:10px;z-index:40;display:flex;justify-content:space-between;align-items:center;gap:12px;width:min(1180px,calc(100% - 24px));margin:14px auto 0;padding:10px;border:1px solid rgba(143,210,255,.32);border-radius:18px;background:linear-gradient(135deg,#08121ff5,#050a12fa);box-shadow:0 18px 44px #0000005c,inset 0 0 0 1px #ffffff0a;backdrop-filter:blur(12px)}.next-action-info b,.next-action-info span{display:block}.next-action-info b{color:#dff2ff;font-size:13px}.next-action-info span{margin-top:2px;color:#9fb0c8;font-size:11px}.next-action-buttons{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.next-action-buttons button{border:1px solid rgba(255,255,255,.12);border-radius:999px;background:#ffffff14;color:#edf7ff;padding:9px 12px;font-size:12px;font-weight:900;cursor:pointer}.next-action-buttons button[data-quick-action=run]{border-color:#4ee6a173;background:linear-gradient(135deg,#4ee6a142,#8fd2ff2e)}.next-action-buttons button[data-quick-action=map]{border-color:#8fd2ff6b;background:linear-gradient(135deg,#8fd2ff2e,#b07bff24)}.next-action-buttons button[data-quick-action=next]{border-color:#ffd36b7a;background:linear-gradient(135deg,#ffd36b3d,#ff8a4d29)}.next-action-buttons button:hover:not(:disabled){transform:translateY(-1px);border-color:#8fd2ffa6}.next-action-buttons button:disabled{opacity:.35;cursor:not-allowed}.mission-quiz-card{margin:12px 0;padding:14px;border:1px solid rgba(176,123,255,.24);border-radius:18px;background:radial-gradient(circle at 100% 0%,rgba(176,123,255,.14),transparent 34%),linear-gradient(180deg,#121223f0,#080a14f7)}.engineering-card{margin:0 0 14px;padding:16px;border:1px solid rgba(143,210,255,.24);border-radius:18px;background:radial-gradient(circle at 100% 0%,rgba(143,210,255,.14),transparent 34%),linear-gradient(180deg,#0c1623f2,#060a12fa)}.engineering-card h4{margin:0 0 9px;color:#dff2ff}.engineering-note{margin:0 0 13px;padding:10px 12px;border-radius:12px;background:#ffd36b17;color:#d8e4f2;font-size:12px;line-height:1.55}.fab-section-diagram{position:relative;overflow:hidden;margin:12px 0;border:1px solid rgba(143,210,255,.26);border-radius:18px;background:linear-gradient(90deg,rgba(143,210,255,.08) 1px,transparent 1px),linear-gradient(180deg,rgba(143,210,255,.08) 1px,transparent 1px),radial-gradient(circle at 18% 12%,rgba(106,231,255,.18),transparent 28%),linear-gradient(180deg,#061422eb,#030810fa);background-size:28px 28px,28px 28px,auto,auto;box-shadow:inset 0 0 40px #4ea3ff14}.fab-level{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border-bottom:1px solid rgba(255,255,255,.08);color:#dbefff;font-size:12px}.fab-level span{font-weight:800;letter-spacing:.02em}.fab-level i{color:#8fa9c5;font-style:normal}.fab-level.ceiling{background:linear-gradient(90deg,#74ffdd1f,#8fd2ff0d)}.fab-level.cleanroom{position:relative;display:block;min-height:132px;padding:14px}.oht-track{position:relative;padding:7px 10px;border:1px dashed rgba(143,210,255,.42);border-radius:999px;color:#bfeaff;background:#8fd2ff14;font-size:11px}.oht-track:after{content:"";position:absolute;left:18%;top:50%;width:36px;height:14px;transform:translateY(-50%);border-radius:4px;background:linear-gradient(90deg,#ffd36b,#8fd2ff);box-shadow:0 0 16px #8fd2ff73}.tool-bay{display:grid;grid-template-columns:1.2fr .8fr;gap:10px;margin-top:14px}.tool-face,.operator-zone{min-height:66px;padding:12px;border:1px solid rgba(255,255,255,.12);border-radius:14px;background:linear-gradient(160deg,#101e30f5,#050c16f5)}.tool-face b,.tool-face span,.tool-face em{display:block}.tool-face b{color:#fff;font-size:14px}.tool-face span{margin-top:4px;color:#8fd2ff;font-size:12px}.tool-face em{margin-top:8px;color:#ffd36b;font-size:11px;font-style:normal}.operator-zone{display:flex;align-items:center;justify-content:center;color:#d8e4f2;text-align:center;border-style:dashed}.clean-badge{position:absolute;right:14px;bottom:10px;padding:5px 9px;border-radius:999px;background:#74ffdd1f;color:#74ffdd;font-size:11px;font-weight:800}.fab-level.subfab{border-bottom:0;background:linear-gradient(90deg,#ff6b6b1a,#ffd36b0f)}.utility-flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:12px 0}.utility-flow>div{padding:10px;border:1px solid rgba(255,255,255,.1);border-radius:13px;background:#03091294}.utility-flow b{display:inline-flex;min-width:42px;margin-right:8px;color:#07101a;justify-content:center;border-radius:999px;background:#8fd2ff;font-size:11px}.utility-flow span{color:#d7e7f5;font-size:12px}.tool-power b{background:#ffd36b}.tool-air b{background:#74ffdd}.tool-gas b{background:#b07bff;color:#fff}.tool-water b{background:#67c7ff}.tool-exhaust b{background:#ff8a6b}.tool-data b{background:#9dff8f}.engineering-reality-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:12px 0}.engineering-reality-grid>div{padding:12px;border:1px solid rgba(143,210,255,.14);border-radius:14px;background:linear-gradient(180deg,#0f1927c2,#040912b8)}.engineering-reality-grid b{display:block;margin-bottom:6px;color:#ffd36b;font-size:12px}.engineering-reality-grid p{margin:0;color:#d5e1ee;font-size:12px;line-height:1.48}.engineering-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.engineering-grid>div{padding:12px;border:1px solid rgba(255,255,255,.08);border-radius:14px;background:#040a1270}.engineering-grid b{display:block;margin-bottom:8px;color:#8fd2ff;font-size:12px}.engineering-grid ul{margin:0;padding-left:18px}.engineering-grid li{margin:5px 0;color:#d5e1ee;font-size:12px;line-height:1.42}.tool-hmi-card{display:grid;grid-template-columns:1.25fr .75fr;gap:12px;margin:0 0 14px}.hmi-screen{overflow:hidden;border:1px solid rgba(116,255,221,.22);border-radius:18px;background:radial-gradient(circle at 80% 10%,rgba(116,255,221,.14),transparent 28%),linear-gradient(180deg,#08141ffa,#02070dfa);box-shadow:inset 0 0 30px #74ffdd0f,0 12px 35px #0003}.hmi-top,.hmi-alarm{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 12px;border-bottom:1px solid rgba(255,255,255,.08)}.hmi-top b{color:#e9fbff;font-size:13px}.hmi-top span{padding:4px 9px;border-radius:999px;background:#ffd36b21;color:#ffd36b;font-size:11px;font-weight:900}.hmi-top span.run{background:#74ffdd29;color:#74ffdd}.hmi-top span.done{background:#9dff8f29;color:#9dff8f}.hmi-body{display:grid;grid-template-columns:.95fr 1.05fr;gap:10px;padding:12px}.hmi-mimic{position:relative;min-height:116px;padding:12px;border:1px solid rgba(143,210,255,.18);border-radius:14px;background:linear-gradient(90deg,rgba(143,210,255,.08) 1px,transparent 1px),linear-gradient(180deg,rgba(143,210,255,.08) 1px,transparent 1px),#0000002e;background-size:18px 18px}.hmi-mimic i{position:absolute;display:block;border:1px solid rgba(116,255,221,.36);border-radius:10px;background:#74ffdd12}.hmi-mimic i:nth-child(1){left:14px;top:18px;width:62px;height:42px}.hmi-mimic i:nth-child(2){right:16px;top:22px;width:48px;height:48px;border-radius:50%}.hmi-mimic i:nth-child(3){left:38px;right:34px;bottom:18px;height:22px}.hmi-mimic strong,.hmi-mimic em{position:relative;z-index:1;display:block}.hmi-mimic strong{color:#fff;font-size:12px}.hmi-mimic em{margin-top:72px;color:#8fd2ff;font-size:10px;font-style:normal;letter-spacing:.05em}.hmi-values{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.hmi-values div{padding:10px;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:#ffffff09}.hmi-values small,.hmi-values b{display:block}.hmi-values small{color:#93a8bf;font-size:10px}.hmi-values b{margin-top:5px;color:#74ffdd;font-size:12px}.hmi-alarm{border-top:1px solid rgba(255,255,255,.08);border-bottom:0;background:#ffd36b0f}.hmi-alarm b{color:#ffd36b;font-size:11px}.hmi-alarm span{color:#d7e7f5;font-size:12px}.hmi-operator{padding:13px;border:1px solid rgba(255,255,255,.1);border-radius:18px;background:linear-gradient(180deg,#121b29e0,#060a12e6)}.hmi-operator b{display:block;margin-bottom:8px;color:#ffd36b;font-size:12px}.hmi-operator ol{margin:0;padding-left:19px}.hmi-operator li{margin:6px 0;color:#d5e1ee;font-size:12px;line-height:1.42}.qc-card{margin:14px 0;padding:14px;border:1px solid rgba(157,255,143,.18);border-radius:18px;background:radial-gradient(circle at 92% 0%,rgba(157,255,143,.12),transparent 30%),linear-gradient(180deg,#0a171df0,#04080efa)}.qc-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.qc-head b{color:#eafff0;font-size:13px}.qc-head span{padding:4px 8px;border-radius:999px;background:#9dff8f21;color:#9dff8f;font-size:10px;font-weight:900}.qc-grid{display:grid;grid-template-columns:1.15fr .8fr 1fr;gap:10px}.spc-panel,.wafer-map-panel,.traveler-panel{padding:11px;border:1px solid rgba(255,255,255,.08);border-radius:15px;background:#02080e8c}.spc-title{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;margin-bottom:8px}.spc-title b{color:#9dff8f;font-size:12px}.spc-title small{color:#8fa9c5;font-size:10px;text-align:right}.spc-panel svg{width:100%;height:auto;border-radius:12px;background:linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(180deg,rgba(255,255,255,.05) 1px,transparent 1px),#00000038;background-size:20px 20px}.spc-panel line{stroke-width:1.5;stroke-dasharray:5 4}.spc-panel .ucl,.spc-panel .lcl{stroke:#ff8a6b}.spc-panel .cl{stroke:#8fd2ff}.spc-panel polyline{fill:none;stroke:#9dff8f;stroke-width:3;filter:drop-shadow(0 0 6px rgba(157,255,143,.35))}.spc-panel circle{fill:#eafff0;stroke:#07101a;stroke-width:1.5}.wafer-die-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;aspect-ratio:1;padding:12px;border-radius:50%;background:radial-gradient(circle at 35% 25%,rgba(255,255,255,.18),transparent 22%),linear-gradient(145deg,#273341,#0b111a);box-shadow:inset -12px -16px 24px #00000057,inset 10px 10px 22px #ffffff0f}.wafer-die-grid i{border-radius:3px;background:#74ffdd;opacity:.9}.wafer-die-grid i.edge{background:transparent;opacity:0}.wafer-die-grid i.warn{background:#ffd36b}.wafer-die-grid i.fail{background:#ff6b6b}.traveler-panel ol{margin:0;padding:0;list-style:none}.traveler-panel li{display:grid;grid-template-columns:82px 1fr;gap:8px;padding:7px 0;border-top:1px solid rgba(255,255,255,.07)}.traveler-panel li:first-child{border-top:0}.traveler-panel li b{color:#ffd36b;font-size:11px}.traveler-panel li span{color:#d5e1ee;font-size:12px;line-height:1.35}.trouble-card{margin:14px 0;padding:14px;border:1px solid rgba(255,107,107,.25);border-radius:18px;background:radial-gradient(circle at 0% 0%,rgba(255,107,107,.14),transparent 32%),linear-gradient(180deg,#1e0e12f0,#07080efa)}.trouble-card.solved{border-color:#9dff8f42;background:radial-gradient(circle at 0% 0%,rgba(157,255,143,.12),transparent 32%),linear-gradient(180deg,#0a1812f0,#07080efa)}.trouble-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.trouble-head b{color:#fff2f2;font-size:13px}.trouble-head span{padding:4px 9px;border-radius:999px;background:#ff6b6b26;color:#ff8a8a;font-size:10px;font-weight:900}.trouble-card.solved .trouble-head span{background:#9dff8f29;color:#9dff8f}.trouble-body{display:grid;grid-template-columns:.85fr 1fr 1fr;gap:10px}.trouble-body>div{padding:11px;border:1px solid rgba(255,255,255,.08);border-radius:14px;background:#00000038}.alarm-tile{box-shadow:inset 0 0 24px #ff6b6b14}.alarm-tile small,.trouble-body b{display:block;margin-bottom:7px;color:#ffd36b;font-size:11px}.alarm-tile strong{display:block;color:#ffb3b3;font-size:14px;line-height:1.3}.trouble-card.solved .alarm-tile strong{color:#9dff8f}.trouble-body p{margin:0;color:#d5e1ee;font-size:12px;line-height:1.48}.trouble-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:11px}.trouble-actions button{border:1px solid rgba(255,255,255,.13);border-radius:11px;padding:9px 11px;color:#e6edf7;background:#ffffff0f;font-weight:800;cursor:pointer}.trouble-actions button[data-trouble=fix]{border-color:#9dff8f52;color:#9dff8f}.trouble-actions button[data-trouble=hold]{border-color:#ffd36b52;color:#ffd36b}.qualification-card{margin:14px 0;padding:14px;border:1px solid rgba(143,210,255,.2);border-radius:18px;background:radial-gradient(circle at 100% 0%,rgba(143,210,255,.12),transparent 30%),linear-gradient(180deg,#09111cf5,#04080efa)}.qualification-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.qualification-head b{color:#e8f6ff;font-size:13px}.qualification-head span{padding:4px 9px;border-radius:999px;background:#8fd2ff21;color:#8fd2ff;font-size:10px;font-weight:900}.qualification-flow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:11px}.qualification-flow div{position:relative;padding:10px;border:1px solid rgba(255,255,255,.08);border-radius:13px;background:#ffffff09}.qualification-flow small{display:inline-flex;width:22px;height:22px;align-items:center;justify-content:center;margin-bottom:8px;border-radius:50%;background:#8fd2ff;color:#07101a;font-weight:900}.qualification-flow b,.qualification-flow span{display:block}.qualification-flow b{color:#fff;font-size:12px}.qualification-flow span{margin-top:4px;color:#9fb0c8;font-size:10px;line-height:1.35}.qualification-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.qualification-grid label{display:flex;align-items:center;gap:8px;padding:9px 10px;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:#0003;color:#dce9f6;font-size:12px}.qualification-grid input{accent-color:#8fd2ff}.qualification-note{margin:11px 0 0;padding:10px 11px;border-radius:12px;background:#ffd36b14;color:#d8e4f2;font-size:12px;line-height:1.5}.training-report-card{margin:14px 0;padding:14px;border:1px solid rgba(176,123,255,.22);border-radius:18px;background:radial-gradient(circle at 100% 0%,rgba(176,123,255,.14),transparent 32%),linear-gradient(180deg,#120f22f0,#05080ffa)}.training-report-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.training-report-head b{color:#eee6ff;font-size:13px}.training-report-head span{padding:4px 9px;border-radius:999px;background:#b07bff29;color:#d9c2ff;font-size:10px;font-weight:900}.training-score{display:flex;align-items:center;gap:12px;padding:11px;border:1px solid rgba(255,255,255,.08);border-radius:14px;background:#0003}.training-score strong{display:flex;width:58px;height:58px;align-items:center;justify-content:center;border-radius:50%;background:conic-gradient(from 180deg,#b07bff,#8fd2ff,#9dff8f,#b07bff);color:#07101a;font-size:22px;font-weight:1000}.training-score b,.training-score span{display:block}.training-score b{color:#fff;font-size:13px}.training-score span{margin-top:4px;color:#9fb0c8;font-size:11px}.training-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:10px 0}.training-kpis div{padding:9px;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:#ffffff09}.training-kpis span,.training-kpis b{display:block}.training-kpis span{color:#8fa9c5;font-size:10px}.training-kpis b{margin-top:4px;color:#e6edf7;font-size:14px}.report-export{width:100%;border:1px solid rgba(176,123,255,.35);border-radius:12px;padding:10px 12px;background:#b07bff1a;color:#e7d8ff;font-weight:900;cursor:pointer}.yield-impact-card{margin:14px 0;padding:14px;border:1px solid rgba(157,255,143,.2);border-radius:18px;background:radial-gradient(circle at 100% 0%,rgba(157,255,143,.12),transparent 30%),linear-gradient(180deg,#091812f0,#04080efa)}.yield-impact-card.state-yellow{border-color:#ffd36b3d;background:radial-gradient(circle at 100% 0%,rgba(255,211,107,.13),transparent 30%),linear-gradient(180deg,#1c160af0,#04080efa)}.yield-impact-card.state-red{border-color:#ff6b6b42;background:radial-gradient(circle at 100% 0%,rgba(255,107,107,.14),transparent 30%),linear-gradient(180deg,#1e0c0ff0,#04080efa)}.yield-impact-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.yield-impact-head b{color:#eafff0;font-size:13px}.yield-impact-head span{padding:4px 9px;border-radius:999px;background:#9dff8f26;color:#9dff8f;font-size:10px;font-weight:900}.state-yellow .yield-impact-head span{background:#ffd36b26;color:#ffd36b}.state-red .yield-impact-head span{background:#ff6b6b26;color:#ff8a8a}.yield-impact-meter{position:relative;overflow:hidden;height:34px;border:1px solid rgba(255,255,255,.1);border-radius:999px;background:#0000003d}.yield-impact-meter i{display:block;width:var(--p);height:100%;border-radius:999px;background:linear-gradient(90deg,#ff6b6b,#ffd36b,#9dff8f);box-shadow:0 0 18px #9dff8f42}.yield-impact-meter strong{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#fff;font-size:13px;text-shadow:0 1px 6px rgba(0,0,0,.75)}.yield-impact-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:10px 0}.yield-impact-grid div{padding:9px;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:#ffffff09}.yield-impact-grid small,.yield-impact-grid b{display:block}.yield-impact-grid small{color:#8fa9c5;font-size:10px}.yield-impact-grid b{margin-top:4px;color:#e6edf7;font-size:12px}.yield-impact-card p{margin:0;color:#d5e1ee;font-size:12px;line-height:1.48}.quiz-head{display:flex;justify-content:space-between;gap:10px;margin-bottom:10px}.quiz-head b{color:#e7d8ff}.quiz-head span{color:#9fb0c8;font-size:12px}.quiz-block{margin-top:8px;padding:10px 11px;border:1px solid rgba(255,255,255,.08);border-radius:13px;background:#04091270}.quiz-block strong{display:block;color:#eef6ff;font-size:13px;line-height:1.45}.quiz-block details{margin-top:7px}.quiz-block summary{color:#ffd36b;cursor:pointer;font-size:12px;font-weight:800}.quiz-block p{margin:7px 0 0;color:#cfdae8;font-size:12px;line-height:1.55}.quiz-block p b{color:#8fd2ff}.aid-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.aid-grid>div{padding:10px;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:#040a126b}.aid-grid b{display:block;margin-bottom:7px;color:#8fd2ff;font-size:12px}.aid-grid ul{margin:0;padding-left:18px}.aid-grid li{margin:4px 0;color:#d7e4f2;font-size:12px;line-height:1.42}.tabbar{display:flex;gap:6px;overflow-x:auto;padding:4px 2px 10px;scrollbar-width:thin}.tabbar .tab{flex:0 0 auto;border:1px solid rgba(116,164,215,.24);background:linear-gradient(180deg,#111a28f0,#0a0f18fa);color:#9fb0c8;border-radius:999px;padding:9px 12px;font-size:12.5px;font-weight:900;cursor:pointer;transition:border-color .15s,color .15s,background .15s,transform .15s}.tabbar .tab:hover{transform:translateY(-1px);color:#dff2ff}.tabbar .tab.active{color:#06131f;border-color:#8dd2ffd1;background:linear-gradient(135deg,#9de0ff,#45aaff);box-shadow:0 10px 26px #4da3ff38}.tabpane{display:none;margin:0;padding:16px;border-radius:18px;animation:sectionIn .16s ease}.tabpane.active{display:block}.tabpane h4{margin:0 0 12px;font-size:15px;color:#edf5ff}.tabpane.operator-card,.tabpane.term-card,.tabpane.vendor-card,.tabpane.simulator-card,.tabpane.explain-card{margin:0}.tabpane.simulator-card .tool{margin-top:0}.education-room{padding:0;background:transparent;border:none}.education-room .explain-card,.education-room .term-card,.education-room .vendor-card{margin:0 0 10px}.education-room .vendor-card{margin-bottom:0}.production-note{margin-top:14px;padding:12px;border-radius:14px;background:#ffffff0e;border:1px solid rgba(255,255,255,.08)}.production-note b{display:block;color:#bfffd8;margin-bottom:5px}.production-note p{margin:0;color:#aebbd0;font-size:13px;line-height:1.55}.result-preview{margin:12px 0;padding:10px;border-radius:16px;background:linear-gradient(180deg,#0a121feb,#070c14fa);border:1px solid rgba(141,210,255,.2)}.result-preview>b{display:block;margin:0 0 8px;color:#dff2ff;font-size:13px}.result-preview svg{display:block;width:100%;height:auto;border-radius:14px;box-shadow:inset 0 1px #ffffff0a}.output-photo{margin:12px 0;padding:10px;border-radius:18px;background:radial-gradient(circle at 18% 0%,rgba(88,184,255,.16),transparent 38%),linear-gradient(180deg,#0b131ff5,#050a12fa);border:1px solid rgba(141,210,255,.24);box-shadow:0 18px 44px #0000003d,inset 0 1px #ffffff0f}.output-photo figcaption{display:flex;justify-content:space-between;gap:10px;align-items:flex-end;margin:0 0 9px}.output-photo b{color:#dff2ff;font-size:13px}.output-photo span{color:var(--muted);font-size:11px;text-align:right;line-height:1.35}.output-photo img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:14px;border:1px solid rgba(255,255,255,.08);box-shadow:0 12px 30px #00000052}.reference-gallery{margin:12px 0;padding:12px;border-radius:18px;background:linear-gradient(145deg,#121e30f0,#070c14fa);border:1px solid rgba(141,210,255,.2)}.reference-head{display:flex;justify-content:space-between;gap:10px;align-items:flex-end;margin-bottom:10px}.reference-head b{color:#dff2ff;font-size:13px}.reference-head span{color:#8fa1b8;font-size:11px;text-align:right}.reference-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:9px}.ref-card{position:relative;display:block;min-height:92px;padding:12px;border-radius:14px;color:inherit;text-decoration:none;background:radial-gradient(circle at 18% 8%,rgba(88,184,255,.18),transparent 42%),linear-gradient(160deg,#0c1829f5,#070c14fa);border:1px solid rgba(141,210,255,.18);box-shadow:inset 0 1px #ffffff0d;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.ref-card:hover{transform:translateY(-2px);border-color:#58b8ff85;box-shadow:0 14px 32px #2681ff29,inset 0 1px #ffffff14}.ref-card small{display:inline-block;margin-bottom:8px;padding:3px 7px;border-radius:999px;color:#07111d;background:#8fd2ff;font-size:10px;font-weight:900}.ref-card strong{display:block;color:#e7f5ff;font-size:12px;line-height:1.38;word-break:keep-all}.ref-card em{position:absolute;left:12px;bottom:10px;color:#7fffc1;font-size:11px;font-style:normal;font-weight:900}.fab3d-card{margin:14px 0;padding:14px;border-radius:20px;background:radial-gradient(circle at 18% 0%,rgba(88,184,255,.18),transparent 38%),linear-gradient(180deg,#0a121ff5,#04080efa);border:1px solid rgba(141,210,255,.26);box-shadow:0 20px 48px #00000047,inset 0 1px #ffffff0f}.fab3d-card.immersive{position:fixed;inset:0;z-index:300;margin:0;padding:0;border-radius:0;display:block;background:radial-gradient(circle at 18% 0%,rgba(88,184,255,.2),transparent 38%),linear-gradient(180deg,#040910fa,#010408fc)}.fab3d-card.immersive .fab3d-head{position:absolute;left:12px;top:calc(10px + env(safe-area-inset-top,0px));right:12px;z-index:6;margin:0;padding:8px 10px;border-radius:16px;background:#03080f94;border:1px solid rgba(143,210,255,.18);backdrop-filter:blur(10px);pointer-events:auto}.fab3d-card.immersive .fab3d-head span{display:none}.fab3d-card.immersive .fab3d-canvas-wrap{width:100vw;height:100dvh;min-height:100dvh;aspect-ratio:auto;border:0;border-radius:0}.fab3d-card.immersive .fab-map-ui{position:absolute;right:12px;top:calc(64px + env(safe-area-inset-top,0px));z-index:5;width:min(390px,calc(100vw - 24px));max-height:34dvh;overflow:auto;pointer-events:auto}.fab3d-card.immersive .fab3d-legend{display:none}.fab-immersive-close{border:1px solid rgba(127,255,193,.45);border-radius:999px;padding:8px 12px;color:#06111d;background:linear-gradient(135deg,#7fffc1,#8fd2ff);font-size:11px;font-weight:1000;cursor:pointer;white-space:nowrap}.fab3d-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-end;margin-bottom:10px}.fab3d-head b{color:#dff2ff;font-size:14px}.fab3d-head span{color:#9fb0c8;font-size:11px;text-align:right;line-height:1.4}.fab-map-ui{display:grid;gap:10px;margin:0 0 12px}.fab-map-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.fab-map-tabs button{appearance:none;border:1px solid rgba(141,210,255,.18);border-radius:12px;padding:9px 8px;background:#ffffff0b;color:#b9cee6;font-weight:900;cursor:pointer}.fab-map-tabs button.on{color:#06111d;border-color:#7fffc1bf;background:linear-gradient(135deg,#7fffc1,#8fd2ff);box-shadow:0 8px 22px #7fffc12e}.fab-minimap{padding:10px;border-radius:16px;background:linear-gradient(180deg,#0c1624eb,#070c16f0);border:1px solid rgba(141,210,255,.16)}.mini-head{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:8px}.mini-head b{color:#e7f7ff;font-size:12px}.mini-head span{color:#9fb0c8;font-size:11px;text-align:right}.mini-route{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:6px}.mini-route button{position:relative;display:grid;place-items:center;min-height:38px;border-radius:12px;border:1px solid rgba(141,210,255,.18);background:#ffffff0a;color:#cfe9ff;cursor:pointer}.mini-route button i{font-style:normal;font-size:16px;line-height:1}.mini-route button small{position:absolute;right:5px;bottom:4px;color:#ffffff9e;font-size:9px;font-weight:900}.mini-route button.now{border-color:#7fffc1;background:radial-gradient(circle at 50% 30%,#7fffc14d,#58b8ff1f);box-shadow:0 0 0 2px #7fffc129,0 0 18px #7fffc129}.mini-route button.done{border-color:#4ee6a173;background:#4ee6a11f}.mini-route button.open{border-color:#ffd36b4d;background:#ffd36b14}.mini-route button.locked{opacity:.42;cursor:not-allowed;filter:grayscale(.45)}.mini-legend{display:flex;gap:10px;margin-top:8px;color:#9fb0c8;font-size:10px;font-weight:800}.mini-legend span{display:inline-flex;align-items:center;gap:4px}.mini-legend i{display:inline-block;width:8px;height:8px;border-radius:99px;background:#9fb0c8}.mini-legend i.now{background:#7fffc1}.mini-legend i.done{background:#4ee6a1}.mini-legend i.open{background:#ffd36b}.fab3d-canvas-wrap{position:relative;width:100%;min-height:360px;aspect-ratio:16/9;overflow:hidden;border-radius:18px;background:radial-gradient(circle at 50% 30%,#58b8ff1f,#04080efa 68%);border:1px solid rgba(141,210,255,.2)}.fab3d-canvas-wrap canvas{display:block;width:100%;height:100%}.fab-mobile-controls{position:absolute;left:18px;right:18px;bottom:calc(18px + env(safe-area-inset-bottom,0px));z-index:3;display:flex;justify-content:space-between;align-items:center;pointer-events:none}.fab-joystick{position:relative;width:132px;height:132px;border-radius:50%;pointer-events:auto;touch-action:none;background:radial-gradient(circle at 50% 50%,#8fd2ff2e,#8fd2ff14 38%,#03080fb8 39%,#03080fa8),conic-gradient(from 45deg,#7fffc11f,#8fd2ff24,#b07bff1f,#7fffc11f);border:1px solid rgba(143,210,255,.32);box-shadow:0 18px 42px #00000061,inset 0 0 0 10px #ffffff09;backdrop-filter:blur(10px)}.fab-joystick:before,.fab-joystick:after{content:"";position:absolute;left:50%;top:50%;background:#ffffff1f;transform:translate(-50%,-50%)}.fab-joystick:before{width:72%;height:1px}.fab-joystick:after{width:1px;height:72%}.fab-stick-knob{position:absolute;left:50%;top:50%;width:54px;height:54px;border-radius:50%;transform:translate(-50%,-50%);background:linear-gradient(135deg,#7fffc1f5,#8fd2fff0);border:1px solid rgba(255,255,255,.45);box-shadow:0 10px 24px #00000052,0 0 24px #7fffc138;pointer-events:none}.fab-interact-btn{width:112px;height:112px;border-radius:50%;pointer-events:auto;touch-action:manipulation;border:1px solid rgba(127,255,193,.72);color:#06111d;background:linear-gradient(135deg,#7fffc1,#8fd2ff);font-size:13px;font-weight:1000;box-shadow:0 18px 42px #00000061,0 0 28px #7fffc12e;cursor:pointer}.fab-zone-hint{position:absolute;left:14px;top:14px;z-index:3;max-width:calc(100% - 28px);padding:8px 11px;border-radius:999px;border:1px solid rgba(143,210,255,.22);background:#03080f9e;color:#cfe9ff;font-size:11px;font-weight:900;box-shadow:0 10px 24px #00000042;backdrop-filter:blur(10px)}.fab-zone-hint.on{color:#06111d;border-color:#7fffc1ad;background:linear-gradient(135deg,#7fffc1f0,#8fd2ffeb);animation:zonePulse 1.35s ease-in-out infinite}.fab-game-loader{position:absolute;inset:0;z-index:8;display:grid;place-items:center;padding:18px;background:radial-gradient(circle at 50% 28%,rgba(88,184,255,.18),transparent 34%),linear-gradient(180deg,#01050adb,#010408f5);backdrop-filter:blur(5px)}.fab-loader-card{width:min(420px,92%);padding:24px;border-radius:26px;text-align:center;border:1px solid rgba(143,210,255,.3);background:linear-gradient(180deg,#0a1524eb,#03080ff5);box-shadow:0 24px 70px #0000006b,inset 0 1px #ffffff14}.fab-loader-card small{display:block;color:#7fffc1;font-weight:1000;letter-spacing:.12em;font-size:11px}.fab-loader-card h2{margin:8px 0 6px;color:#eff9ff;font-size:24px}.fab-loader-card p{margin:0;color:#9fb0c8;font-size:13px;line-height:1.5}.fab-loader-bar{overflow:hidden;height:9px;margin:18px 0 16px;border-radius:999px;background:#ffffff14;border:1px solid rgba(143,210,255,.14)}.fab-loader-bar i{display:block;width:42%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#7fffc1,#8fd2ff,#ffd36b);animation:fabLoad 1.1s ease-in-out infinite alternate}.fab-loader-card button{width:100%;min-height:46px;border:0;border-radius:16px;color:#06111d;background:linear-gradient(135deg,#7fffc1,#8fd2ff);font-weight:1000;cursor:pointer}@keyframes fabLoad{0%{transform:translate(-12%)}to{transform:translate(148%)}}@keyframes zonePulse{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}.fab3d-legend{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.fab3d-legend span{padding:6px 9px;border-radius:999px;background:#58b8ff1a;border:1px solid rgba(141,210,255,.18);color:#cfe9ff;font-size:11px;font-weight:800}.deep-camera-buttons{display:flex;flex-wrap:wrap;gap:7px;margin:9px 0 0}.deep-camera-buttons button{border:1px solid rgba(141,210,255,.24);border-radius:999px;padding:7px 10px;background:#58b8ff1a;color:#dff2ff;font-size:11px;font-weight:900;cursor:pointer}.deep-camera-buttons button:hover{border-color:#58b8ff9e;background:#58b8ff33}.substep-card{margin:0 0 12px;padding:14px;border-radius:16px;background:linear-gradient(135deg,#4ee6a11a,#0d1420f0);border:1px solid rgba(78,230,161,.24)}.substep-head{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:9px}.substep-head b{color:#dfffe9}.substep-head span{color:#9fb0c8;font-size:12px;font-weight:800}.substep-bar{height:8px;border-radius:999px;background:#0a1320;overflow:hidden;border:1px solid rgba(255,255,255,.08)}.substep-bar i{display:block;height:100%;background:linear-gradient(90deg,#4ee6a1,#58b8ff);border-radius:999px;transition:width .2s ease}.substep-visual{display:grid;grid-template-columns:repeat(auto-fit,minmax(126px,1fr));gap:9px;margin-top:12px}.substep-chip{position:relative;min-height:132px;padding:11px 10px 10px;border-radius:14px;overflow:hidden;border:1px solid rgba(255,255,255,.09);background:linear-gradient(145deg,#101b2bf5,#070c14fa);box-shadow:inset 0 1px #ffffff0d}.substep-chip:before{content:"";position:absolute;inset:auto 0 0;height:3px;background:#26364c}.substep-scene{display:block;width:100%;height:auto;margin:0 0 9px;border-radius:12px;border:1px solid rgba(141,210,255,.16);background:#07111d;box-shadow:inset 0 1px #ffffff0d}.substep-chip strong{display:block;color:#dcecff;font-size:12px;line-height:1.35;word-break:keep-all}.substep-chip small{position:absolute;right:9px;top:9px;color:#8798af;font-size:10px;font-weight:900}.substep-chip.done{border-color:#4ee6a142;background:linear-gradient(145deg,#163a2fb8,#070d12fa)}.substep-chip.done:before{background:linear-gradient(90deg,#4ee6a1,#a5ffd8)}.substep-chip.done .substep-scene{border-color:#4ee6a147;filter:saturate(1.08) brightness(1.05)}.substep-chip.done small{color:#7fffc1}.substep-chip.now{border-color:#58b8ff7a;background:radial-gradient(circle at 18% 12%,rgba(88,184,255,.22),transparent 42%),linear-gradient(145deg,#102741f5,#070c14fa);box-shadow:0 0 0 1px #58b8ff1a,0 16px 36px #2681ff24}.substep-chip.now:before{background:linear-gradient(90deg,#58b8ff,#b07bff)}.substep-chip.now .substep-scene{animation:substepPulse 1.1s ease-in-out infinite}.substep-chip.now small{color:#8fd2ff}.substep-chip.todo{opacity:.62}@keyframes substepPulse{0%,to{transform:scale(1);box-shadow:0 0 #58b8ff00}50%{transform:scale(1.06);box-shadow:0 0 24px #58b8ff4d}}.substep-card ol{margin:11px 0 0;padding-left:22px;color:#9fb0c8}.substep-card li{margin:5px 0;line-height:1.45;font-size:13px}.substep-card li.done{color:#7fffc1;text-decoration:line-through;opacity:.86}.substep-card li.now{color:#dff2ff;font-weight:900}@media (max-width: 900px){.tabbar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));overflow:visible}.tabbar .tab{width:100%;padding:9px 6px;font-size:12px}}@media (max-width: 720px){.engineering-grid,.utility-flow,.engineering-reality-grid,.tool-hmi-card,.hmi-body,.qc-grid,.trouble-body,.qualification-flow,.qualification-grid,.training-kpis,.yield-impact-grid,.tool-bay{grid-template-columns:1fr}.fab-level{align-items:flex-start;flex-direction:column}.fab-level.cleanroom{min-height:180px}.clean-badge{position:static;display:inline-flex;margin-top:10px}.next-action-bar{position:fixed;display:block;bottom:calc(8px + env(safe-area-inset-bottom,0px));width:calc(100% - 16px);padding:9px;margin:0;left:8px;right:8px}.wrap{padding-bottom:96px}.next-action-buttons{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));margin-top:8px}.next-action-buttons button{min-height:46px;padding:10px 5px;font-size:10.5px;border-radius:14px;touch-action:manipulation}.next-action-buttons button[data-quick-action=run],.next-action-buttons button[data-quick-action=next]{font-size:11.5px}.decision-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.decision-help{grid-template-columns:1fr}.decision-head{display:block}.decision-head span{display:block;margin-top:3px;text-align:left}.guide-steps{grid-template-columns:1fr}.guide-title,.guide-collapsed{align-items:flex-start}.mes-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.mes-dash-head{display:block}.mes-dash-head span{display:block;margin-top:3px;text-align:left}.aid-grid,.nav-route{grid-template-columns:1fr}.output-photo{padding:8px}.output-photo figcaption{display:block}.output-photo span{display:block;margin-top:3px;text-align:left}.reference-head{display:block}.reference-head span{display:block;margin-top:3px;text-align:left}.reference-grid{grid-template-columns:1fr}.fab3d-card{padding:10px}.fab3d-card.immersive{padding:0}.fab3d-card.immersive .fab-map-ui{left:8px;right:8px;top:calc(58px + env(safe-area-inset-top,0px));width:auto;max-height:30dvh}.fab3d-head{display:block}.fab-immersive-close{margin-top:8px;width:100%}.fab3d-head span{display:block;margin-top:3px;text-align:left}.fab3d-canvas-wrap{min-height:260px;aspect-ratio:4/3}.fab-mobile-controls{left:14px;right:14px;bottom:calc(14px + env(safe-area-inset-bottom,0px))}.fab-joystick{width:118px;height:118px}.fab-stick-knob{width:48px;height:48px}.fab-interact-btn{width:96px;height:96px;font-size:12px}}