:root{--bg:#081626;--side:#0a1c2e;--panel:#10243a;--panel2:#142b43;--panel3:#172f49;--line:#24415b;--muted:#8ca5b9;--text:#eaf6ff;--cyan:#2dd6e6;--blue:#409bff;--teal:#16c7aa;--orange:#ffb568;--red:#ff667b;--yellow:#fbd46a;--radius:16px;--shadow:0 16px 44px #020b154d}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.6 -apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei","Noto Sans CJK SC",sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}a{color:inherit;text-decoration:none}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}::selection{background:#1f9abc88}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-thumb{background:#345168;border:2px solid transparent;border-radius:8px;background-clip:padding-box}
.layout{display:flex;min-height:100vh}.sidebar{width:250px;background:linear-gradient(180deg,#0d2238 0%,#081a2c 86%);border-right:1px solid #224058;position:fixed;inset:0 auto 0 0;z-index:20;display:flex;flex-direction:column;overflow-y:auto}.brand{display:flex;gap:11px;align-items:center;padding:28px 20px 23px;border-bottom:1px solid #244158}.brand-mark{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(140deg,#1479d0,#05cbbd);color:#fff;box-shadow:0 8px 24px #11cbd13d}.brand-name{font-weight:850;font-size:19px;letter-spacing:1.6px}.brand-caption{font-size:10px;color:#86aac1;letter-spacing:1.2px}.nav-scroll{padding:12px 12px 18px;flex:1}.nav-label{font-size:11px;color:#698ba5;padding:21px 12px 7px;letter-spacing:2px}.nav-link{display:flex;align-items:center;gap:12px;color:#a5bed1;padding:11px 14px;border-radius:11px;margin:3px 0;font-size:13px;transition:.18s ease}.nav-link:hover{background:#203b56;color:#fff}.nav-link.active{background:linear-gradient(90deg,#15627f90,#16456760);color:#54f2f1;border-left:3px solid var(--cyan);padding-left:11px}.nav-ico{width:20px;height:20px;display:inline-grid;place-items:center;flex-shrink:0}.nav-end{margin-left:auto;font-size:10px;color:#5c8096}.sidebar-bottom{border-top:1px solid #223f58;padding:16px 18px 22px}.avatar-mini{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#2c6890;color:#e7ffff;font-weight:700}.student{display:flex;gap:10px;align-items:center}.student small{display:block;color:#7fa3ba}.main{margin-left:250px;min-width:0;flex:1}.topbar{height:72px;background:#0b1e30df;border-bottom:1px solid #234157;display:flex;align-items:center;justify-content:space-between;padding:0 32px;position:sticky;top:0;z-index:10;backdrop-filter:blur(16px)}.crumb{font-size:12px;color:#839db2}.crumb strong{color:#e5f9ff;font-size:16px;font-weight:720}.top-actions{display:flex;align-items:center;gap:13px}.pill{border:1px solid #28536b;background:#0f3143;border-radius:25px;padding:5px 12px;font-size:11px;color:#7eecdb;white-space:nowrap}.pill.orange{border-color:#6e573b;background:#4c352a;color:#ffd08e}.pill.red{border-color:#894257;background:#4e2437;color:#ff9aa6}.top-icon{width:36px;height:36px;display:grid;place-items:center;border:1px solid #2a485c;border-radius:11px;color:#b8d5e4;background:#123047}.hamburger{display:none}.workspace{padding:26px 32px 56px;max-width:1780px;margin:0 auto}.page-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:15px;margin-bottom:23px}.eyebrow{color:#34d8dc;text-transform:uppercase;font-size:11px;font-weight:760;letter-spacing:2.5px}.page-heading h1{font-size:26px;font-weight:830;margin:4px 0 4px;letter-spacing:.3px}.subtitle{font-size:13px;color:#91aabd;margin:0}.heading-actions{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.card{background:linear-gradient(146deg,#142b43,#102238);border:1px solid #244258;border-radius:var(--radius);box-shadow:0 8px 27px #030e1d30;min-width:0}.card-pad{padding:20px}.card-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:16px}.card-head h3{margin:0;font-size:15px;font-weight:750}.card-head small{color:#799ab1;font-size:11px}.section-h{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:750;margin:24px 0 14px}.section-h:before{content:"";width:3px;height:17px;border-radius:3px;background:var(--cyan)}.muted{color:var(--muted)}.tiny{font-size:11px}.small{font-size:12px}.accent{color:var(--cyan)}.success{color:var(--teal)}.warn{color:var(--orange)}.danger{color:var(--red)}.num{font-variant-numeric:tabular-nums}.grid{display:grid;gap:16px}.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.span2{grid-column:span 2}.span3{grid-column:span 3}.flex{display:flex;align-items:center;gap:10px}.between{justify-content:space-between}.flex-wrap{flex-wrap:wrap}.mt8{margin-top:8px}.mt14{margin-top:14px}.mt20{margin-top:20px}.mb0{margin-bottom:0}.mt0{margin-top:0}.wfull{width:100%}.btn{border:1px solid #2e536d;background:#1c3a52;color:#d9eff9;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:9px 15px;border-radius:10px;font-size:12px;font-weight:700;min-height:36px;transition:.2s}.btn:hover{background:#28506e;border-color:#4984a0;transform:translateY(-1px)}.btn.primary{background:linear-gradient(110deg,#14b8c8,#1682c8);border-color:#1badca;color:#fff;box-shadow:0 5px 20px #00bcd02a}.btn.primary:hover{filter:brightness(1.12)}.btn.ghost{background:transparent}.btn.danger-btn{border-color:#8b4a5c;background:#4c2839;color:#ffb4bf}.btn.sm{padding:5px 10px;min-height:28px;font-size:11px}.btn.active{border-color:#24d6e6;color:#52e3e9;background:#123f51}.chips{display:flex;gap:6px;flex-wrap:wrap}.chip{font-size:11px;color:#b4c9d7;background:#153149;border:1px solid #2a5066;padding:3px 10px;border-radius:30px}.chip.cyan{background:#104c54;border-color:#1c858d;color:#5aece7}.chip.warning{background:#513c24;border-color:#926b34;color:#ffcc88}.chip.bad{background:#512d3c;border-color:#8e4b65;color:#ffa9bc}.kpi{padding:18px 20px;position:relative;overflow:hidden}.kpi .kpi-label{font-size:12px;color:#8ba8bb;display:flex;gap:8px;align-items:center}.kpi .kpi-value{font-size:30px;font-weight:850;letter-spacing:-.7px;margin:8px 0 1px;line-height:1.3}.kpi .kpi-value small{font-size:13px;color:#9bb6c8;font-weight:500;margin-left:3px}.kpi .kpi-foot{font-size:11px;color:#8ba8b9}.kpi:after{content:"";width:105px;height:105px;border-radius:50%;background:radial-gradient(circle,#20b9df17,transparent 70%);position:absolute;right:-28px;top:-26px}.dot{display:inline-block;width:7px;height:7px;background:var(--teal);border-radius:50%;box-shadow:0 0 0 3px #16c7aa22}.dot.red{background:var(--red);box-shadow:0 0 0 3px #f55b7522}.dot.yellow{background:var(--orange)}.progress-track{background:#284357;border-radius:20px;height:7px;overflow:hidden}.progress-fill{height:100%;border-radius:20px;background:linear-gradient(90deg,#10bad1,#22e4bf);transition:width .3s}.hero{position:relative;min-height:325px;background:linear-gradient(100deg,#102c47 0%,#0a2b46a3 48%,#0c2435 80%),url('assets/platform.jpg') center 54%/cover;border:1px solid #295b77;border-radius:20px;overflow:hidden;box-shadow:var(--shadow)}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#09233ff2,#09233fbd 39%,#09233f10 85%)}.hero-content{position:relative;max-width:630px;padding:40px 42px}.hero-kicker{color:#5ef3e9;letter-spacing:3px;font-size:11px;font-weight:800}.hero h2{font-size:29px;line-height:1.42;margin:12px 0 12px;font-weight:850}.hero p{color:#b6d6e4;font-size:13px;line-height:1.9}.hero .hero-metrics{display:flex;gap:24px;margin-top:27px;flex-wrap:wrap}.hero-metrics b{font-size:23px}.hero-metrics small{color:#a6c5d5;display:block;font-size:11px}.hero-floating{position:absolute;right:28px;bottom:24px;border:1px solid #48d7eeaa;background:#06273fb8;padding:10px 15px;border-radius:10px;color:#8df3e7;backdrop-filter:blur(8px)}.mini-stat{display:grid;grid-template-columns:1fr 1fr;gap:9px}.mini-stat>div{padding:12px;border:1px solid #25475d;border-radius:10px;background:#0c2338}.mini-stat small{display:block;color:#8eaabc}.mini-stat strong{font-size:19px}.course-list{display:grid;gap:11px}.course-row{display:flex;align-items:center;gap:12px;padding:12px;background:#112a41;border-radius:12px;border:1px solid #24445e}.course-ico{display:grid;place-items:center;width:41px;height:41px;border-radius:11px;color:var(--cyan);background:#154a5b}.course-row .grow{flex:1}.course-row b{font-size:13px}.course-row small{display:block;color:#88a3b8}.phase-list{display:grid;gap:15px}.phase{display:flex;gap:13px;align-items:center}.phase-icon{display:grid;place-items:center;border:1px solid #347087;background:#173d50;color:#55dfe5;width:35px;height:35px;border-radius:11px;font-weight:750}.phase-copy{flex:1}.phase-copy strong{font-size:12px}.phase-copy small{float:right;color:#8daaba;font-size:10px}.phase .progress-track{margin-top:6px}.timeline{display:grid;gap:8px}.logline{display:flex;gap:9px;border-bottom:1px dashed #2a4459;padding:8px 0;font-size:12px;color:#a8c4d5}.logline:last-child{border:0}.logtime{font-family:monospace;color:#57d4dd;font-size:10px;min-width:62px}
/* Simulation scene */
.scene{position:relative;min-height:510px;border:1px solid #2d728f;border-radius:16px;overflow:hidden;background:#0b354e;box-shadow:inset 0 0 100px #0313216b}.scene .scene-bg{position:absolute;inset:0;background-image:url('assets/platform.jpg');background-position:center 44%;background-size:cover;transition:background-position .3s,transform .6s,filter .5s}.scene[data-view="sea"] .scene-bg{background-image:url('assets/underwater.jpg');background-position:center;background-size:cover}.scene[data-view="control"] .scene-bg{background-image:linear-gradient(135deg,#082438e9,#081526dd),url('assets/deck.jpg');background-position:center;background-size:cover}.scene[data-view="deck"] .scene-bg{background-image:url('assets/deck.jpg');background-position:center 45%;background-size:cover}.scene-overlay{position:absolute;inset:0;background:linear-gradient(180deg,#091d31a0,transparent 35%,#061e326b 100%);pointer-events:none}.scene-toolbar{position:absolute;top:16px;left:16px;right:16px;display:flex;justify-content:space-between;gap:10px;align-items:flex-start;z-index:2;flex-wrap:wrap}.scene-toolbar .btn{background:#071e30dc;backdrop-filter:blur(12px)}.scene-footer{position:absolute;bottom:16px;left:16px;right:16px;display:flex;align-items:end;justify-content:space-between;gap:9px;z-index:2}.scene-data{display:flex;gap:9px;flex-wrap:wrap}.scene-data .scene-tag{background:#052a3abb;border:1px solid #379caf88;border-radius:9px;padding:8px 12px;backdrop-filter:blur(8px)}.scene-tag small{display:block;color:#9bcbd7;font-size:10px}.scene-tag b{font-size:18px}.hotspot{position:absolute;z-index:3;display:flex;flex-direction:column;align-items:center;gap:5px;cursor:pointer;transform:translate(-50%,-50%);border:0;background:transparent;color:#fff}.hotspot i{width:28px;height:28px;background:#0ed4e9;border:5px solid #ffffffa6;box-shadow:0 0 0 7px #16daee48,0 0 24px #1ddded;display:block;border-radius:50%;animation:pulse 2.3s infinite}.hotspot span{background:#062a3fd9;border:1px solid #42d7e3;padding:4px 10px;font-size:11px;white-space:nowrap;border-radius:7px}@keyframes pulse{50%{box-shadow:0 0 0 12px #16daee10,0 0 33px #1ddded}}.scene-hint{position:absolute;left:50%;top:17%;transform:translateX(-50%);background:#071e30ce;border:1px solid #316682;border-radius:10px;padding:8px 13px;color:#b5e4ee;font-size:12px;z-index:3}.deck-map{background:#0a2436;border:1px solid #2a5066;border-radius:12px;padding:13px}.deck-map button{display:block;width:100%;text-align:left;margin:6px 0;border:1px solid #34526b;background:#13364d;color:#cbdfeb;padding:12px;border-radius:10px}.deck-map button.active{border-color:#26d2d9;background:#195369;color:white}.equipment-list{display:grid;gap:8px}.equipment-item{padding:11px 12px;background:#132d43;border:1px solid #2a4c62;border-radius:10px;display:flex;align-items:center;justify-content:space-between;gap:10px}.equip-line{font-size:11px;color:#8da9bb}.info-panel{background:#0b2a3dbb;border:1px solid #367c91;border-radius:13px;backdrop-filter:blur(10px);padding:16px}.mode-switch{display:flex;background:#0b293f;border:1px solid #2a536b;border-radius:11px;padding:4px;gap:3px}.mode-switch button{flex:1;background:transparent;color:#93b2c5;border:0;border-radius:8px;padding:8px;font-size:12px}.mode-switch button.active{background:#19586a;color:#75edeb}
/* data UI */
.metric-bar{height:7px;background:#244259;border-radius:9px;overflow:hidden;margin:11px 0 6px}.metric-bar span{display:block;height:100%;background:linear-gradient(90deg,#21d9be,#44aaff);border-radius:8px;transition:width .3s}.metric-bar.risk span{background:linear-gradient(90deg,#f9bf63,#f5667e)}.metric-name{display:flex;align-items:center;justify-content:space-between}.metric-name strong{font-size:23px}.metric-name small{font-size:11px}.chart-svg{width:100%;height:auto;display:block}.chart-label{font-size:10px;fill:#7998ad}.chart-grid{stroke:#315168;stroke-width:1;stroke-dasharray:4 6;opacity:.58}.chart-axis{stroke:#456279;stroke-width:1}.stat-table{width:100%;border-collapse:collapse;font-size:12px}.stat-table th{text-align:left;color:#8aa6b9;font-weight:600;background:#102b43}.stat-table th,.stat-table td{padding:11px 10px;border-bottom:1px solid #29475d}.stat-table tbody tr:hover{background:#17354b}.stat-table td strong{color:#d9f8fd}.alert-row{border:1px solid #375268;border-radius:11px;background:#112a40;padding:12px 13px;display:flex;gap:12px;align-items:flex-start;margin-bottom:8px}.alert-row.warn-alert{border-color:#895c41;background:#49342642}.alert-row.danger-alert{border-color:#95465e;background:#662f4140}.alert-row .grow{flex:1}.alert-row small{display:block;color:#8da9b8}.divider{height:1px;background:#2b495d;margin:15px 0}.form-label{display:block;color:#a6c5d6;font-size:12px;margin:10px 0 6px}.input,.select,.textarea{width:100%;background:#0b2439;border:1px solid #35536a;border-radius:9px;color:#e1f2fa;padding:10px 12px;outline:none}.input:focus,.select:focus,.textarea:focus{border-color:#30cbdc}.textarea{min-height:88px;resize:vertical}.range{accent-color:#20cbe0;width:100%;margin:10px 0}.range-row{display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:12px}.range-row output{min-width:55px;text-align:right;color:#71e8e9;font-weight:760}.data-pair{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #2a485f;font-size:12px}.data-pair:last-child{border:0}.data-pair span{color:#8ca8b9}.switch-item{display:flex;justify-content:space-between;align-items:center;padding:12px;background:#133047;border:1px solid #2c4d64;border-radius:11px;margin:8px 0}.switch-item small{display:block;color:#8daabc}.toggle{height:23px;width:42px;border-radius:30px;background:#3b5569;position:relative;border:0;flex-shrink:0}.toggle:before{content:"";position:absolute;top:3px;left:3px;width:17px;height:17px;border-radius:50%;background:#cbdee9;transition:.2s}.toggle.on{background:#17b8b8}.toggle.on:before{left:22px;background:white}.note{background:#11344a;border:1px solid #2e647c;border-radius:12px;padding:12px 15px;font-size:12px;color:#b8d7e5}.note.warning{background:#4b382733;border-color:#916b43;color:#f0d0a5}.note.error{background:#4d243633;border-color:#94536c;color:#ffbfcb}.note strong{color:#7de6e5}.note.warning strong{color:#f2cb91}
/* waves, fish */
.ocean-stage{height:355px;border-radius:13px;position:relative;overflow:hidden;background:linear-gradient(#092337 0%,#125b70 23%,#07465d 60%,#052b43);border:1px solid #26788a}.ocean-stage:before{content:"";position:absolute;width:200%;left:-40%;height:30px;top:55px;background:#7cffff1f;border-top:2px solid #67e8ee5d;border-radius:50%;animation:wave-slide 5s ease-in-out infinite alternate}.ocean-stage:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 24% 3%,#4bd9f329,transparent 53%);pointer-events:none}.fish{position:absolute;width:28px;height:13px;background:#d6c58b;border-radius:70% 45% 45% 70%;filter:drop-shadow(0 0 2px #0008);animation:swim var(--speed,12s) linear infinite alternate;z-index:2}.fish:after{content:"";position:absolute;right:-10px;top:0;border-left:10px solid #d8bc72;border-top:7px solid transparent;border-bottom:7px solid transparent}.fish:nth-child(3n){transform:scale(.72)}.fish:nth-child(4n){background:#afcbd0}.fish:nth-child(4n):after{border-left-color:#afcbd0}@keyframes swim{to{translate:38px -9px}}@keyframes wave-slide{to{transform:translate(7%,10px)}}.cage{position:absolute;width:61%;height:225px;top:82px;left:19%;border:2px solid #61c2c587;border-top:6px solid #76d3d1b0;border-radius:5% 5% 32% 32%;background:repeating-linear-gradient(92deg,transparent 0 12px,#78bacb1b 13px 14px),repeating-linear-gradient(0deg,transparent 0 12px,#65b6c81b 13px 14px);box-shadow:inset 0 -45px 65px #001a30a8}.sea-bubble{position:absolute;border:1px solid #90e8f78c;border-radius:50%;width:5px;height:5px;animation:bubble 4s infinite}@keyframes bubble{from{transform:translateY(0);opacity:.2}to{transform:translateY(-170px);opacity:0}}.fish-stage-label{position:absolute;z-index:3;left:15px;top:14px;background:#062a3cc9;border:1px solid #31bace8a;color:#c6faff;padding:8px 12px;border-radius:9px;font-size:11px}.env-wave{height:180px;background:linear-gradient(180deg,#0d3346,#0d263d);border:1px solid #28536d;border-radius:12px;overflow:hidden;position:relative}.wave-svg{width:100%;height:100%}.warning-banner{padding:14px 17px;background:linear-gradient(90deg,#5f333f,#352938);border:1px solid #9b5368;border-radius:12px;color:#ffd0d5;display:flex;align-items:center;justify-content:space-between;gap:12px}
/* workflow and quiz */
.step-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.step{border:1px solid #2d4a60;background:#102b42;border-radius:11px;padding:11px;min-height:83px;position:relative}.step.done{border-color:#237c78;background:#0d3f49}.step button{position:absolute;top:9px;right:9px;border:0;background:transparent;color:#38bfb4}.step b{display:block;font-size:11px;color:#56dce1}.step span{display:block;font-size:11px;margin-top:6px;color:#b3cbd9}.step.done span{color:#d8fff7}.quiz-option{width:100%;text-align:left;display:block;border:1px solid #305069;background:#12314a;padding:11px 12px;border-radius:10px;color:#c6deeb;margin:7px 0}.quiz-option.selected{border-color:#25d8e8;background:#145568;color:#efffff}.quiz-option.correct{border-color:#25bd8f}.quiz-option.wrong{border-color:#ef7181}.question-title{font-weight:740;font-size:15px;margin:0 0 14px}.question-meta{font-size:11px;color:#6fe2dc;letter-spacing:2px}.persona{border:1px solid #32526c;border-radius:13px;background:#102f46;padding:14px;cursor:pointer}.persona.selected{border-color:#2ed8db;background:#12465b}.persona-icon{border-radius:50%;width:44px;height:44px;background:linear-gradient(120deg,#2a86b9,#26c5a9);display:grid;place-items:center;font-size:19px}.chat-box{background:#0b2338;border:1px solid #2d4b62;border-radius:11px;min-height:250px;max-height:380px;overflow-y:auto;padding:14px;display:flex;flex-direction:column;gap:12px}.bubble{max-width:85%;background:#1c3b52;padding:11px 13px;border-radius:13px 13px 13px 4px;font-size:12px;line-height:1.8;align-self:flex-start}.bubble.me{align-self:flex-end;background:#14576a;border-radius:13px 13px 4px 13px}.bubble .speaker{display:block;font-size:10px;color:#59d6db;margin-bottom:3px}.chat-input{display:flex;gap:8px;margin-top:10px}.chat-input .input{flex:1}
/* info architecture */
.information-bins{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.info-bin{min-height:235px;background:#0b253a;border:1px dashed #3c6177;border-radius:12px;padding:12px}.info-bin.dragover{border-color:#38e5e5;background:#123d50}.info-bin h4{margin:0 0 9px;color:#91d6e1;font-size:12px;display:flex;justify-content:space-between}.info-card{background:#16364c;border:1px solid #34536a;border-radius:7px;padding:6px 9px;margin:5px 0;display:flex;justify-content:space-between;align-items:center;font-size:11px;cursor:grab;gap:6px}.info-card:active{cursor:grabbing}.info-card .mini{font-size:9px;color:#78a9bf}.catalog{max-height:300px;overflow-y:auto;padding-right:7px}.preset-options{display:grid;grid-template-columns:repeat(2,1fr);gap:11px}.design-preset{border:1px solid #2a4e65;background:#0e293e;border-radius:12px;padding:13px;cursor:pointer}.design-preset.selected{background:#104a59;border-color:#2cdeca}.design-preset b{font-size:13px}.design-preset small{color:#8ba8ba;display:block}.aigc-draft{padding:13px;border:1px solid #36576f;border-radius:12px;background:#0c293d}.aigc-draft .mock-ui{border:1px solid #3e6075;background:#071e30;border-radius:8px;margin:11px 0;padding:12px;display:grid;grid-template-columns:1fr 1fr;gap:7px}.mock-ui .micro{background:#15384e;border-radius:5px;padding:8px 6px;font-size:10px;color:#8fc7d8}.mock-ui b{display:block;font-size:16px;color:#e7fbfe}.draft-bad{border-color:#d78857!important}
/* AI / assessment */
.heatmap{position:relative;height:265px;background:linear-gradient(#0b2c40bb,#0b2c40df),url('assets/deck.jpg') center/cover;border-radius:12px;border:1px solid #3b6481;overflow:hidden}.heat-spot{position:absolute;border-radius:50%;filter:blur(14px);mix-blend-mode:screen;background:radial-gradient(circle,#f24a31ee 0%,#fce557a8 33%,#16e0ad55 65%,transparent 75%);transform:translate(-50%,-50%);pointer-events:none}.heatbox{position:absolute;background:#122e48d9;border:1px solid #3d87a2;padding:9px 13px;border-radius:8px;color:#b7d5e4;font-size:11px}.radar-wrap{max-width:380px;margin:auto}.report-paper{background:#f4f9fa;color:#1c3644;border-radius:13px;padding:28px 32px;font-size:13px;line-height:1.85}.report-paper h3{color:#123449;margin:0;font-size:20px}.report-paper h4{color:#21586c;margin:18px 0 5px}.report-paper hr{border:0;border-top:1px solid #cddce3}.report-paper .paper-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px 20px}.report-paper small{color:#547184}.report-paper table{border-collapse:collapse;width:100%;font-size:11px}.report-paper td,.report-paper th{border:1px solid #c6d9e2;padding:6px}.report-paper th{background:#ddecf3}.score-ring{width:144px;height:144px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#20d8ca calc(var(--value,0)*1%),#254457 0);margin:5px auto 15px}.score-ring>div{background:#102b41;border-radius:50%;width:118px;height:118px;display:flex;justify-content:center;align-items:center;flex-direction:column}.score-ring strong{font-size:33px}.score-ring small{color:#8ba6b8}.ai-drawer{position:fixed;bottom:22px;right:22px;z-index:30;width:350px;max-width:calc(100vw - 25px);border-radius:17px;background:#10263d;border:1px solid #32718b;box-shadow:0 18px 80px #000b;overflow:hidden;display:none}.ai-drawer.open{display:block}.ai-head{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(90deg,#155b76,#0d3a59);padding:13px 15px}.ai-history{height:345px;max-height:46vh;overflow-y:auto;padding:14px;display:flex;flex-direction:column;gap:9px}.ai-footer{padding:10px;border-top:1px solid #29485f;display:flex;gap:7px}.ai-fab{position:fixed;z-index:29;right:23px;bottom:22px;background:linear-gradient(135deg,#19c9ce,#1786ca);color:white;border:1px solid #51d9ec;border-radius:16px;padding:12px 17px;box-shadow:0 9px 32px #0ca6d855;font-weight:800;display:flex;align-items:center;gap:9px}.ai-fab.hide{display:none}.toast{position:fixed;bottom:86px;right:24px;z-index:50;max-width:385px;background:#14374a;color:#ecfbff;border:1px solid #2accd0;border-radius:11px;padding:11px 16px;box-shadow:0 14px 40px #0007;animation:toastIn .2s ease}@keyframes toastIn{from{opacity:0;transform:translateY(12px)}}.modal-layer{position:fixed;inset:0;background:#020c16ba;z-index:40;display:grid;place-items:center;padding:16px}.modal{width:min(580px,100%);background:#122d45;border:1px solid #32738a;border-radius:16px;padding:24px;box-shadow:0 26px 90px #000a}.modal h3{margin:0 0 10px;font-size:20px}.modal p{color:#a9c7d8}.footer{text-align:center;color:#567e96;font-size:11px;padding:15px}
@media(max-width:1400px){.sidebar{width:220px}.main{margin-left:220px}.workspace{padding:24px}.topbar{padding:0 24px}.grid.cols-5{grid-template-columns:repeat(3,1fr)}.step-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:1100px){.cols-4{grid-template-columns:repeat(2,1fr)}.cols-3{grid-template-columns:repeat(2,1fr)}.span3{grid-column:span 2}.scene{min-height:460px}.grid.cols-5{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.sidebar{transform:translateX(-100%);transition:transform .3s;width:255px}.sidebar.open{transform:none}.sidebar-shadow{display:none;position:fixed;inset:0;background:#0009;z-index:19}.sidebar-shadow.open{display:block}.main{margin-left:0}.topbar{height:60px;padding:0 16px}.hamburger{display:grid}.top-actions .pill{display:none}.workspace{padding:16px 12px 40px}.page-heading{align-items:flex-start;flex-direction:column}.page-heading h1{font-size:23px}.grid.cols-2,.grid.cols-3,.grid.cols-4,.grid.cols-5{grid-template-columns:1fr}.span2,.span3{grid-column:span 1}.hero{min-height:360px}.hero-content{padding:27px 23px}.hero h2{font-size:23px}.hero .hero-metrics{gap:13px}.hero-floating{display:none}.scene{min-height:430px}.scene-footer{flex-wrap:wrap}.scene-data{gap:5px}.scene-tag{padding:5px!important}.scene-tag b{font-size:15px!important}.information-bins{grid-template-columns:1fr}.step-grid{grid-template-columns:repeat(2,1fr)}.preset-options{grid-template-columns:1fr}.report-paper{padding:18px}.card-pad{padding:15px}.score-ring{width:130px;height:130px}.ai-fab{right:12px;bottom:12px}.ai-drawer{bottom:10px;right:10px}.page-heading .heading-actions{width:100%}}
@media print{.sidebar,.topbar,.heading-actions,.ai-fab,.ai-drawer,.footer,.print-hide{display:none!important}.main{margin:0}.workspace{padding:0}.report-paper{width:100%;font-size:11pt}.card{border:0;background:white;color:#111}.page-heading{display:none}body{background:#fff;color:#111}.report-paper{box-shadow:none}}
/* V2 · six interactive animated virtual scenes */
.anim-scene-board{border:1px solid #28798b;background:linear-gradient(145deg,#102c42,#071c30);border-radius:18px;padding:12px;box-shadow:0 19px 70px #010d1f88;overflow:hidden}
.anim-scene-head{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:2px 8px 12px;flex-wrap:wrap}.anim-scene-head .flex{gap:5px}.anim-scene-indicator{font-size:11px;color:#9cf0ef;letter-spacing:1.3px;font-weight:750}.anim-scene-indicator small{color:#749fb3;font-size:10px;letter-spacing:.65px;font-weight:500}.live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#39e8b9;margin-right:7px;box-shadow:0 0 12px #29edaa;animation:scenepulse 1.8s ease-in-out infinite}@keyframes scenepulse{50%{box-shadow:0 0 18px 4px #29edaa83;opacity:.5}}
.anim-stage{height:clamp(330px,49vw,595px);position:relative;overflow:hidden;border-radius:13px;background:radial-gradient(ellipse at center,#12526b,#06182b);border:1px solid #2c7996;box-shadow:inset 0 0 55px #020d1b}.anim-stage canvas{width:100%;height:100%;display:block;touch-action:manipulation}.anim-stage::before{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(0deg,#0319274d,transparent 18%,transparent 79%,#0617255e)}.anim-corner{position:absolute;z-index:3;pointer-events:none;width:34px;height:34px;border-color:#8af8ec}.anim-corner-tl{left:12px;top:12px;border-top:2px solid;border-left:2px solid}.anim-corner-tr{right:12px;top:12px;border-top:2px solid;border-right:2px solid}.anim-corner-bl{left:12px;bottom:13px;border-bottom:2px solid;border-left:2px solid}.anim-corner-br{right:12px;bottom:13px;border-bottom:2px solid;border-right:2px solid}
.anim-hud{pointer-events:none;position:absolute;z-index:4;top:23px;display:flex;flex-direction:column;gap:3px;padding:11px 15px;background:#061b2bba;border:1px solid #4199ab75;min-width:162px;border-radius:8px;backdrop-filter:blur(8px)}.anim-hud-left{left:24px}.anim-hud-right{right:24px;text-align:right}.anim-hud small{font-size:9px;letter-spacing:1.4px;color:#73bed0}.anim-hud b{font-size:11px;color:#d8faff}.anim-hud span{font-size:10px;color:#a3d2dd}.anim-bottom-ticker{position:absolute;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:12px;bottom:19px;left:24px;right:24px;background:#051b29c4;border:1px solid #307b8680;padding:10px 16px;border-radius:7px;font-size:10px;color:#b6dce3;backdrop-filter:blur(7px)}.anim-bottom-ticker span:first-child{color:#65f7df;font-weight:800;letter-spacing:1px}.anim-bottom-ticker span:last-child{color:#72b9ca;white-space:nowrap}
.anim-controls{display:flex;flex-direction:column;gap:10px}.anim-controls .form-label{margin:6px 0 0}.anim-controls .range-row{display:flex;align-items:center;gap:13px;background:#08263c;padding:8px 13px;border-radius:9px;border:1px solid #24465d}.anim-controls .range{width:100%;flex:1;accent-color:#36d5da}.anim-controls output{min-width:70px;color:#62f6ee;text-align:right;font-weight:750;font-size:12px;font-variant-numeric:tabular-nums}.anim-sequence{display:flex;gap:7px;flex-wrap:wrap}.anim-sequence .btn.good{border-color:#2cbd8c;color:#63efb4;background:#174d43}.anim-stat-list{display:grid;gap:0}.anim-stat{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 0;border-bottom:1px solid #28465b}.anim-stat:last-child{border-bottom:0}.anim-stat>div{min-width:0}.anim-stat span{display:block;font-size:12px;color:#d4ebf6}.anim-stat small{display:block;font-size:10px;color:#83a8ba}.anim-stat b{font-size:16px;color:#57e5e8;text-align:right;white-space:nowrap;max-width:50%;overflow:hidden;text-overflow:ellipsis}.anim-scene-nav{display:grid;grid-template-columns:1fr 1fr;gap:8px}.anim-scene-chip{text-align:left;padding:10px 12px;border-radius:9px;border:1px solid #294f68;background:#0b2941;color:#bfd5e3;font-size:12px;display:flex;gap:11px;align-items:center}.anim-scene-chip span{font:800 10px monospace;color:#5de8e6}.anim-scene-chip:hover,.anim-scene-chip.selected{border-color:#28bccb;background:#0c4852;color:#e3ffff}.anim-preview-rail{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0 0 24px}.anim-preview-link{display:block;position:relative;overflow:hidden;min-height:128px;padding:17px;border:1px solid #2a5a73;border-radius:13px;background:linear-gradient(115deg,#08233ee8,#0e354ddd),url('assets/underwater.jpg') center/cover;transition:transform .2s,border-color .2s}.anim-preview-link:nth-child(3n+1){background:linear-gradient(115deg,#072a43d6,#0e354d98),url('assets/platform.jpg') center 48%/cover}.anim-preview-link:nth-child(3n+2){background:linear-gradient(115deg,#07283dd6,#0a3b5aa8),url('assets/deck.jpg') center/cover}.anim-preview-link:hover{transform:translateY(-3px);border-color:#51cddf}.anim-preview-link .idx{color:#5cecdf;font-size:11px;font-weight:800;letter-spacing:2px}.anim-preview-link b{display:block;font-size:15px;margin:17px 0 1px}.anim-preview-link small{display:block;font-size:10px;color:#9cc7d5}.anim-preview-link .arrow{position:absolute;right:15px;bottom:12px;color:#78ddf2}
@media(max-width:1000px){.anim-preview-rail{grid-template-columns:repeat(2,minmax(0,1fr))}.anim-stage{height:450px}.anim-bottom-ticker span:last-child{display:none}}
@media(max-width:640px){.anim-preview-rail{grid-template-columns:1fr 1fr;gap:9px}.anim-preview-link{min-height:115px;padding:11px}.anim-preview-link b{font-size:12px;margin-top:14px}.anim-preview-link small{font-size:9px}.anim-stage{height:330px}.anim-hud{top:18px;padding:6px 8px;min-width:0}.anim-hud-left{left:16px}.anim-hud-right{right:16px}.anim-hud small{font-size:8px}.anim-hud b{font-size:9px}.anim-hud span{font-size:9px}.anim-bottom-ticker{left:13px;right:13px;bottom:12px;padding:7px 9px;font-size:8px}.anim-bottom-ticker span:nth-child(2){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.anim-scene-board{padding:6px}.anim-scene-head{padding:7px 7px 11px}.anim-scene-indicator small{display:none}.anim-scene-nav{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.live-dot{animation:none}}

/* V3 secondary interactive devices */

.scene-motion{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none}
.device-photo-scene{position:relative;height:360px;border:1px solid #2a6987;border-radius:16px;overflow:hidden;background:#0b2336}.device-photo-base{position:absolute;inset:0;background:url('assets/platform.jpg') center 45%/cover no-repeat;filter:brightness(.75)}.device-photo-motion{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.device-photo-outline{position:absolute;left:var(--fx);top:var(--fy);transform:translate(-50%,-50%);z-index:2;display:flex;flex-direction:column;align-items:center;gap:12px}.device-photo-outline i{width:32px;height:32px;border:5px solid #b8ffff;border-radius:50%;background:#17d1e7;box-shadow:0 0 0 13px #16d5e64d,0 0 32px #22edff;animation:pulse 2.2s infinite}.device-photo-outline span{background:#06283ce8;border:1px solid #35cde0;border-radius:7px;padding:7px 13px;font-weight:bold;font-size:12px}.device-photo-top,.device-photo-bottom{position:absolute;left:16px;right:16px;z-index:2;display:flex;justify-content:space-between;gap:8px;align-items:center}.device-photo-top{top:15px;font-size:11px;color:#d5eaf4}.device-photo-bottom{bottom:12px}.device-photo-bottom strong{display:block;font-size:18px}.device-photo-bottom small{display:block;color:#a1c9d9}.dev-live-badge{border:1px solid #42b8c5;border-radius:7px;background:#042e46cc;padding:6px 9px}.dev-live-badge i,.dev-pulse-status i{display:inline-block;width:8px;height:8px;background:#23e5e9;border-radius:50%;margin-right:5px;box-shadow:0 0 10px #2df1f5}.dev-photo-dots{display:flex;gap:7px;color:#3fedf3;font-size:12px}.dev-photo-dots span{font-size:11px;color:#b8d6e4}.dev-breadcrumb{display:flex;align-items:center;gap:10px;margin:0 0 17px;flex-wrap:wrap;color:#9dc5d4;font-size:12px}.dev-breadcrumb button{border:0;background:none;color:#55e1ee;cursor:pointer}.dev-pulse-status{margin-left:auto;color:#63ddd3}.dev-telemetry{padding:17px}.dev-telemetry-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:17px 0}.dev-kpi{border:1px solid #26516b;background:#0a273c;border-radius:10px;padding:12px}.dev-kpi small{display:block;color:#a9c3d0;font-size:11px}.dev-kpi strong{font-size:22px;color:white}.dev-kpi em{font-style:normal;font-size:11px;color:#8eb6c6;margin-left:4px}.dev-state-divider{border-top:1px solid #2c4c64;margin:15px 0}.dev-instrument{height:280px;position:relative;background:radial-gradient(ellipse at 55% 60%,#124d63,#051827 80%);border-radius:12px;overflow:hidden}.dev-instrument canvas{width:100%;height:100%;display:block}.dev-instrument-caption{position:absolute;bottom:12px;left:13px;font-size:11px;color:#7ec6d7}.dev-command{width:100%;display:flex;align-items:center;gap:10px;background:#0c3048;border:1px solid #245d77;border-radius:9px;padding:12px;color:#d4f5f8;cursor:pointer;text-align:left;margin:7px 0}.dev-command:hover{background:#17516c;border-color:#30d8ed}.dev-command-icon{display:grid;place-items:center;border-radius:8px;background:#104d60;color:#28e5ec;width:31px;height:31px}.dev-command b{margin-left:auto;color:#32dced}.dev-tabs{display:flex;gap:10px;margin:22px 0 16px;border-bottom:1px solid #234960;padding-bottom:9px;flex-wrap:wrap}.dev-tab{border:1px solid #31546a;background:#102c42;color:#a8c7d7;border-radius:9px;padding:10px 17px;cursor:pointer}.dev-tab.selected{border-color:#39e0e9;color:#6af7f5;background:#10475d}.dev-goals{display:grid;gap:12px;margin-top:14px}.dev-goals>div{padding:13px;border:1px solid #24506a;border-radius:9px;background:#0d2b40;color:#4fdae5}.dev-goals strong{display:inline-block;color:#e1f0f6;margin-left:9px}.dev-goals small{display:block;color:#95b9c9;margin-top:4px}.dev-ranges{display:grid;gap:18px}.dev-range input{width:100%;accent-color:#1dd1e3;margin-top:12px}.dev-inline-notice{border:1px solid #3d6372;background:#0a2738;border-radius:9px;padding:15px;color:#aecdd8;font-size:12px;margin-top:15px}.dev-log{display:grid;gap:8px}.dev-log-line{display:flex;gap:18px;padding:9px;border-bottom:1px solid #284459}.dev-log-line span{color:#71beca;white-space:nowrap;font-size:12px}.dev-log-line strong{font-size:12px;font-weight:500}.dev-footnote{margin:20px 0}.dev-tab-content{min-height:190px}@media(max-width:700px){.device-photo-scene{height:280px}.dev-telemetry-grid{grid-template-columns:1fr 1fr}.device-photo-top{flex-wrap:wrap}.dev-photo-dots span{display:none}}

/* V3 — preserve the original photographed stage, add transparent motion & eight linked equipment panels */
.scene-motion{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none;mix-blend-mode:screen;opacity:.82}
.scene-overlay{z-index:1}.scene-toolbar,.scene-footer{z-index:3}.scene .hotspot{z-index:5}
.scene .hotspot:hover,.scene .hotspot:focus-visible{filter:brightness(1.22)}
.scene .hotspot:hover i,.scene .hotspot:focus-visible i{box-shadow:0 0 0 11px #33dcee52,0 0 43px #5bf8ff}
.dev-breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:10px;color:#91b8ca;font-size:12px;margin:-9px 0 20px}.dev-breadcrumb button{background:transparent;color:#7df5f0;border:0;padding:0;font-weight:650}.dev-breadcrumb strong{color:#e8faff}.dev-breadcrumb>span:nth-of-type(odd){opacity:.7}
.dev-pulse-status{margin-left:auto;color:#a3f7d9;font-size:11px}.dev-pulse-status i,.dev-live-badge i{display:inline-block;width:7px;height:7px;vertical-align:middle;background:#3af4c5;box-shadow:0 0 10px #00d5b8;border-radius:50%;animation:pulse 2.3s infinite;margin-right:6px}
.device-photo-scene{position:relative;height:440px;overflow:hidden;border:1px solid #28778a;border-radius:15px;background:#08253b;isolation:isolate;box-shadow:inset 0 0 90px #04223c}
.device-photo-base{position:absolute;inset:0;background:url('assets/platform.jpg') center 46%/cover no-repeat;filter:saturate(.9) brightness(.75)}
.device-photo-scene:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#05162470,#04172508 40%,#052338b0);z-index:1}
.device-photo-motion{position:absolute;inset:0;display:block;width:100%;height:100%;pointer-events:none;z-index:2;mix-blend-mode:screen}
.device-photo-outline{position:absolute;z-index:3;left:var(--fx);top:var(--fy);transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;white-space:nowrap;gap:13px;pointer-events:none}
.device-photo-outline i{width:34px;height:34px;background:#15d4e3;border:7px solid #a7fbff;box-shadow:0 0 0 14px #18c5ec37,0 0 50px #18e6f3;border-radius:50%;animation:pulse 2.5s infinite}
.device-photo-outline span{font-size:12px;font-weight:700;color:#e7feff;padding:6px 12px;border:1px solid #37d9e4;border-radius:7px;background:#09293fe8;box-shadow:0 4px 24px #0015}
.device-photo-top,.device-photo-bottom{position:absolute;z-index:4;left:19px;right:19px;display:flex;justify-content:space-between;gap:12px;align-items:center;color:#b9e1e9;font-size:10px}.device-photo-top{top:17px}.device-photo-bottom{bottom:19px}.device-photo-bottom small{display:block;color:#73bacd}.device-photo-bottom strong{font-size:18px;color:white;letter-spacing:1px}
.dev-live-badge{border-radius:7px;background:#0c293ec9;border:1px solid #326d86;padding:6px 10px;color:#73ffeb;letter-spacing:1px}.dev-photo-dots{display:flex;align-items:center;gap:8px}.dev-photo-dots b{width:5px;height:5px;background:#55f1e9;border-radius:50%;animation:scenepulse 1.3s infinite}.dev-photo-dots b:nth-child(3){animation-delay:.3s}.dev-photo-dots b:nth-child(4){animation-delay:.6s}
.dev-telemetry{display:flex;flex-direction:column;gap:13px}.dev-telemetry-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.dev-kpi{background:#0c2a41;border:1px solid #28506a;border-radius:10px;padding:11px;min-width:0}.dev-kpi small{display:block;color:#85aabc;font-size:10px}.dev-kpi strong{font:800 25px/1.5 inherit;color:#c3fdfb;font-size:24px;word-wrap:break-word}.dev-kpi em{font-size:11px;color:#89bbc9;font-style:normal;font-weight:500;margin-left:4px}.dev-state-divider{height:1px;background:#2b4a61;margin:4px 0}
.dev-instrument{height:330px;position:relative;overflow:hidden;border:1px solid #31748b;background:#0a2d44;border-radius:12px}.dev-instrument canvas{display:block;width:100%;height:100%}.dev-instrument-caption{position:absolute;right:16px;bottom:13px;font-size:9px;color:#8bdce3;background:#07283ebe;border:1px solid #35768b;border-radius:5px;padding:3px 8px;pointer-events:none}
.dev-commands{display:grid;grid-template-columns:1fr;gap:8px}.dev-command{display:flex;align-items:center;gap:9px;width:100%;color:#d1f0fa;background:#112f46;border:1px solid #365974;border-radius:10px;padding:11px;text-align:left;transition:background .16s,border-color .16s,transform .16s;font-size:12px}.dev-command:hover{background:#154661;border-color:#45cddf;transform:translateX(2px)}.dev-command b{margin-left:auto;font-size:17px;color:#63edeb}.dev-command-icon{width:28px;height:28px;border-radius:9px;background:#16576b;color:#6bf2ec;display:grid;place-items:center;flex:none}
.dev-tabs{display:flex;gap:8px;margin:19px 0 15px;border-bottom:1px solid #2b4e63;padding-bottom:10px;overflow-x:auto}.dev-tab{color:#a0c1d0;background:#112b40;border:1px solid #2a5267;border-radius:9px;padding:10px 19px;white-space:nowrap;font-weight:650}.dev-tab.selected{color:#76f7f2;background:#114960;border-color:#3ddce6}.dev-tab-content{min-height:245px}.dev-goals{display:grid;gap:10px;margin-top:12px}.dev-goals>div{display:flex;flex-direction:column;gap:2px;position:relative;background:#0b2b41;padding:12px 12px 12px 42px;border:1px solid #31576f;border-radius:9px;color:#4dece4}.dev-goals strong{color:#d6f7ff}.dev-goals small{color:#85adbf}.dev-ranges{display:grid;gap:19px;padding:6px 0 13px}.dev-range input{width:100%;accent-color:#2fd9e6;cursor:pointer;margin-top:9px}.dev-range output{color:#61f1f2;font-weight:750}.dev-inline-notice{display:flex;align-items:start;gap:8px;margin-top:15px;color:#91afc1;font-size:11px;line-height:1.75}.dev-log{display:grid;gap:8px}.dev-log-line{display:grid;grid-template-columns:76px 1fr;gap:8px;padding:9px 12px;background:#0e2d43;border:1px solid #30546b;border-radius:7px;font-size:11px}.dev-log-line span{font-variant-numeric:tabular-nums;color:#78aabd}.dev-log-line strong{font-weight:550;color:#cbe9f6}.dev-footnote{padding:10px 0 0}
@media(max-width:1100px){.device-photo-scene{height:400px}.dev-telemetry-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.device-photo-scene{height:330px}.dev-instrument{height:280px}.dev-breadcrumb .dev-pulse-status{margin-left:0}.dev-kpi strong{font-size:19px}.dev-tab{padding:8px 13px}.device-photo-top{left:11px;right:11px;font-size:9px}.device-photo-bottom{left:11px;right:11px}.dev-photo-dots span{display:none}}
@media(prefers-reduced-motion:reduce){.dev-pulse-status i,.dev-live-badge i,.dev-photo-dots b{animation:none}}