:root{--tei3-navy:#0B2637;--tei3-cyan:#00C8E7;--tei3-purple:#6E35E5;--tei3-text:#ECF9FC;--tei3-muted:#AFC6D0;--tei3-card:#0D2B3C;--tei3-line:rgba(111,233,242,.18)}
.tei3-shell{width:100%;max-width:1080px;margin:22px auto 48px;font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;color:var(--tei3-text);line-height:1.45;isolation:isolate}.tei3-shell *{box-sizing:border-box}
.tei3-hero{background:radial-gradient(circle at 85% 0%,rgba(0,200,231,.22),transparent 30%),linear-gradient(145deg,#07141d,#0B2637 55%,#0D3B50);border:1px solid var(--tei3-line);border-radius:28px;padding:25px;box-shadow:0 24px 60px rgba(0,0,0,.17)}
.tei3-brand{display:flex;align-items:center;gap:14px}.tei3-brand img{width:74px;height:74px;object-fit:contain;padding:7px;border-radius:18px;background:rgba(255,255,255,.10)}.tei3-brand span{display:block;color:#86F0F8;font-size:12px;font-weight:900;letter-spacing:.14em}.tei3-brand small{display:block;color:#91AEBB;margin-top:4px;font-size:11px;letter-spacing:.08em}
.tei3-hero h2{color:#fff!important;font-size:clamp(30px,4.8vw,54px)!important;letter-spacing:-.04em!important;line-height:1.03!important;margin:18px 0 8px!important}.tei3-hero p{color:#CEE5ED!important;font-size:16px!important;margin:0!important}
.tei3-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:20px}.tei3-metrics div{padding:13px;border-radius:16px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.07)}.tei3-metrics b{display:block;color:#fff;font-size:19px}.tei3-metrics span{font-size:12px;color:#99B7C3}
.tei3-safety{margin-top:13px;border-left:3px solid var(--tei3-cyan);padding:10px 12px;background:rgba(0,200,231,.08);border-radius:4px 14px 14px 4px;color:#D8F5F8;font-size:13px}
.tei3-flow{margin-top:12px;display:flex;gap:8px;flex-wrap:wrap}.tei3-flow span{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.09);padding:8px 10px;border-radius:999px;font-size:12px;color:#DAF4F8}
.tei3-nav{position:sticky;top:8px;z-index:30;display:grid;grid-template-columns:1fr 1fr minmax(170px,.65fr);gap:9px;margin:16px 0;padding:9px;background:#081821;border:1px solid var(--tei3-line);border-radius:18px;box-shadow:0 12px 30px rgba(0,0,0,.18)}
.tei3-tab{text-decoration:none!important;color:#94B1BD!important;padding:9px 12px;border-radius:13px;border:1px solid transparent;display:flex!important;flex-direction:column}.tei3-tab.active,.tei3-tab:hover{background:rgba(0,200,231,.11);border-color:rgba(0,200,231,.22);color:#EFFFFF!important}.tei3-tab b{font-size:13px;letter-spacing:.06em}.tei3-tab small{font-size:11px}
.tei3-progress span{display:block;font-size:11px;text-align:right;color:#9DB8C3;margin-bottom:6px}.tei3-progress i{height:5px;background:rgba(255,255,255,.08);display:block;border-radius:999px;overflow:hidden}.tei3-progress em{height:100%;display:block;width:0;background:linear-gradient(90deg,var(--tei3-cyan),#A9FFCB);transition:.25s}
.tei3-weekstrip{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:14px 0}.tei3-weekstrip div{background:#EFFAFC;border:1px solid #D4EEF3;border-radius:14px;padding:9px 11px;color:#244858}.tei3-weekstrip b{display:block;color:#05849A}.tei3-weekstrip span{font-size:12px}
.tei3-panel{scroll-margin-top:105px}.tei3-shell.is-js .tei3-panel{display:none}.tei3-shell.is-js .tei3-panel.active{display:block}
.tei3-section-head{display:flex;justify-content:space-between;align-items:flex-end;color:#17384A;margin:24px 3px 10px}.tei3-section-head span{font-size:12px;color:#079AB1;font-weight:900;letter-spacing:.14em}.tei3-section-head h3{margin:3px 0 0!important;color:#0B2637!important;font-size:clamp(22px,3vw,32px)!important}.tei3-section-head>b{background:#0B2637;color:#DDF8FC;border-radius:999px;padding:8px 12px;font-size:12px}.tei3-note{background:#EFFAFC;border:1px solid #D3EEF4;border-radius:14px;padding:10px 13px;color:#3A5966!important;font-size:13px!important}
.tei3-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.tei3-card{overflow:hidden;background:linear-gradient(180deg,#102F40,#0D2736);border:1px solid var(--tei3-line);border-radius:22px;box-shadow:0 16px 42px rgba(5,26,38,.12)}
.tei3-media{padding:13px 13px 0}.tei3-media-label{display:flex;justify-content:space-between;align-items:center;margin-bottom:9px;color:#8EEAF3;font-size:11px;font-weight:900;letter-spacing:.12em}.tei3-media-label>div{display:flex;align-items:center;gap:9px}.tei3-media-label small{font-size:10px;color:#91ABB6;letter-spacing:0;font-weight:500}.tei3-media-label b{display:inline-flex;width:34px;height:34px;align-items:center;justify-content:center;border-radius:50%;background:rgba(0,200,231,.12);border:1px solid rgba(0,200,231,.23)}
.tei3-gif,.tei3-seqimg{width:100%;display:block;aspect-ratio:16/9;object-fit:cover;border-radius:17px;background:#fff;border:1px solid rgba(255,255,255,.09)}
.tei3-video-stage{display:none}.tei3-video-stage.is-active{display:block}.tei3-player{position:relative;padding-top:56.25%;border-radius:17px;overflow:hidden;background:#000}.tei3-player iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.tei3-player-tools{display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding-top:8px}.tei3-player-tools button,.tei3-player-tools a{border:1px solid rgba(255,255,255,.13);background:rgba(255,255,255,.06);color:#EAFBFE!important;padding:8px 10px;border-radius:10px;text-decoration:none!important;cursor:pointer}
.tei3-media-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:10px 2px 5px}.tei3-watch,.tei3-secondary{border:0;border-radius:13px;padding:10px 13px;color:#052632!important;font-weight:900;cursor:pointer;text-decoration:none!important}.tei3-watch{background:linear-gradient(135deg,#00C8E7,#6FE9F2)}.tei3-secondary{background:rgba(255,255,255,.09);color:#E9FBFE!important;border:1px solid rgba(255,255,255,.12)}.tei3-watch-muted{background:rgba(255,255,255,.07);color:#D3EBF0!important;padding:10px 13px;border-radius:13px}.tei3-external{font-size:12px;color:#A4DCE5!important;text-decoration:none!important}.tei3-source{margin-left:auto;max-width:42%;font-size:11px;text-align:right;color:#91ABB6}
.tei3-body{padding:13px 15px 15px}.tei3-top{display:flex;gap:7px;align-items:center;flex-wrap:wrap;margin-bottom:8px}.tei3-top span,.tei3-top em{padding:6px 9px;border-radius:999px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);font-size:11px;font-style:normal}.tei3-top small{margin-left:auto;color:#9CB8C3}.tei3-body h3{color:#fff!important;margin:0 0 7px!important;font-size:21px!important}.tei3-body p{margin:0!important;color:#D5E9EF!important;font-size:14px!important}
.tei3-pill{display:inline-block;margin-top:10px;background:rgba(0,200,231,.10);border:1px solid rgba(0,200,231,.17);color:#D8F8FC;padding:7px 10px;border-radius:999px;font-size:12px}
.tei3-actions{display:flex;gap:9px;margin-top:13px}.tei3-tech-btn,.tei3-done{border-radius:13px;padding:10px 12px;border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.06);color:#EFFCFF;font-weight:800;cursor:pointer}.tei3-done{margin-left:auto;background:#0C4254}.tei3-done.done{background:#16513A;color:#DEFFF0}
.tei3-seq,.tei3-tech{margin-top:12px;padding-top:12px;border-top:1px solid rgba(255,255,255,.08)}.tei3-seq[hidden],.tei3-tech[hidden]{display:none!important}
.tei3-seq-wrap{display:grid;grid-template-columns:1fr;gap:12px}.tei3-seq ol{margin:0;padding-left:20px;color:#D4E8EE;font-size:13px}.tei3-seq li{margin:4px 0}
.tei3-tech:not([hidden]){display:grid;grid-template-columns:1fr 1fr;gap:14px}.tei3-tech strong{color:#fff}.tei3-tech ul{margin:6px 0 0;padding-left:18px;color:#D4E8EE;font-size:13px}.tei3-tech li{margin:4px 0}
@media(max-width:900px){.tei3-grid{grid-template-columns:1fr}.tei3-nav{grid-template-columns:1fr 1fr}.tei3-progress{grid-column:1/-1}}
@media(max-width:650px){.tei3-shell{width:calc(100% - 14px);margin:12px auto 36px}.tei3-hero{padding:18px}.tei3-brand img{width:58px;height:58px}.tei3-metrics,.tei3-weekstrip{grid-template-columns:repeat(2,1fr)}.tei3-section-head{align-items:flex-start;flex-direction:column;gap:8px}.tei3-source{max-width:none;margin-left:0;text-align:left;width:100%}.tei3-actions{flex-direction:column}.tei3-done{margin-left:0}.tei3-tech:not([hidden]){grid-template-columns:1fr}}