.dv{width:100%;container-type:inline-size}.dv-stage{--navy:#0a1626;--navy-2:#13233b;--teal:#1da49c;--aero:#1769e8;--aero-bright:#4a8eff;--aero-soft:#eaf1fe;--line:#e3e8ef;--muted:#64748b;--surface:#f6f8fb;--go:#15803d;--go-soft:#e9f7ee;--bezel:#0d1522;width:60em;height:37.5em;color:var(--navy);font-size:1.66667cqw;font-family:var(--font-sans), system-ui, sans-serif;-webkit-font-smoothing:antialiased;margin:0 auto;line-height:1.3;position:relative}.dv-mono{font-family:var(--font-mono), ui-monospace, monospace;letter-spacing:.08em;text-transform:uppercase}.dv-laptop{width:50em;position:absolute;top:.5em;left:0}.dv-lid{background:var(--bezel);border-radius:1.5em 1.5em .3em .3em;margin:0 2.6em;padding:.95em .95em 1.25em;box-shadow:inset 0 0 0 .1em #2b3647,0 2.5em 5em -1.5em #0a16264d}.dv-cam{background:#1f2a3a;border-radius:50%;width:.35em;height:.35em;margin:-.65em auto .3em}.dv-screen{aspect-ratio:16/10;background:#fff;border-radius:.3em;overflow:hidden}.dv-base{background:linear-gradient(#edf0f4 0%,#d5dbe3 55%,#b9c1cc 100%);border-radius:.2em .2em 2em 2em/.2em .2em 1.4em 1.4em;height:1.5em;position:relative;box-shadow:0 1.6em 2.4em -1.2em #0a162673}.dv-base:before{content:"";background:#aeb7c3;border-radius:0 0 .7em .7em;width:8.5em;height:.55em;position:absolute;top:0;left:50%;translate:-50%}.la{grid-template-rows:2.6em 1fr;height:100%;display:grid}.la-top{border-bottom:.06em solid var(--line);justify-content:space-between;align-items:center;padding:0 1.2em;display:flex}.la-logo{background:url(/brand/logo.svg) 0/contain no-repeat;width:8.6em;height:1.5em}.la-topright{align-items:center;gap:.7em;display:flex}.la-chip{background:var(--aero-soft);color:var(--aero);border-radius:999px;padding:.45em .8em;font-size:.55em;font-weight:600}.la-avatar{background:linear-gradient(135deg, var(--aero), var(--aero-bright));border-radius:50%;width:1.5em;height:1.5em}.la-body{grid-template-columns:8.4em 1fr;min-height:0;display:grid}.la-side{border-right:.06em solid var(--line);background:#fbfcfe;flex-direction:column;gap:.2em;padding:1em .7em;display:flex}.la-nav{color:var(--muted);border-radius:.55em;align-items:center;gap:.6em;padding:.55em .75em;font-size:.6em;display:flex}.la-nav i{opacity:.7;border:.14em solid;border-radius:.25em;width:.85em;height:.85em}.la-nav.is-active{background:var(--aero-soft);color:var(--aero);font-weight:600}.la-main{background:var(--surface);flex-direction:column;gap:.8em;min-height:0;padding:1.1em 1.3em;display:flex}.la-head{justify-content:space-between;align-items:center;display:flex}.la-head-title{color:var(--muted);font-size:.5em}.la-flag{border:.1em solid var(--line);color:var(--muted);background:#fff;border-radius:.5em;padding:.35em .75em;font-size:.52em}.la-progress{background:var(--line);border-radius:999px;height:.28em;overflow:hidden}.la-progress>span{border-radius:inherit;background:linear-gradient(90deg, var(--aero), var(--aero-bright));width:45%;height:100%;display:block}.la-content{flex:1;grid-template-columns:1fr 1.1fr;gap:.8em;min-height:0;display:grid}.la-card{border:.06em solid var(--line);background:#fff;border-radius:.75em;flex-direction:column;gap:.45em;min-height:0;padding:.85em;display:flex}.la-card-label{color:var(--muted);font-size:.45em}.la-figure{background:linear-gradient(90deg,#0a16260a .06em,#0000 .06em) 0 0/1.6em 1.6em,linear-gradient(#0a16260a .06em,#0000 .06em) 0 0/1.6em 1.6em,#fbfcfe;border-radius:.5em;flex:1;justify-content:center;align-items:center;display:flex}.la-figure svg{width:100%;height:auto}.la-q{font-size:.66em;font-weight:600;line-height:1.35}.opt{border:.1em solid var(--line);background:#fff;border-radius:.6em;align-items:center;gap:.6em;padding:.5em .65em;font-size:.56em;display:flex}.opt b{border:.1em solid var(--line);width:1.7em;height:1.7em;font-family:var(--font-mono), monospace;color:var(--muted);border-radius:50%;flex:none;place-items:center;font-size:.85em;font-weight:500;display:grid}.opt.is-correct{border-color:var(--go);background:var(--go-soft)}.opt.is-correct b{background:var(--go);border-color:var(--go);color:#fff}.opt.is-selected{border-color:var(--aero);background:var(--aero-soft)}.opt.is-selected b{background:var(--aero);border-color:var(--aero);color:#fff}.la-expl{border:.06em solid var(--line);border-left:.22em solid var(--aero);color:var(--navy);background:#fff;border-radius:.55em;padding:.65em .85em;font-size:.54em;line-height:1.5}.la-expl strong{color:var(--aero)}.dv-phone{background:var(--bezel);border-radius:2.6em;width:14.6em;height:31em;padding:.55em;position:absolute;bottom:0;right:0;box-shadow:inset 0 0 0 .1em #2b3647,0 3em 5em -1.5em #0a162673,0 1em 2em -1em #0a162640}.dv-phone-screen{background:var(--surface);border-radius:2.1em;flex-direction:column;height:100%;display:flex;position:relative;overflow:hidden}.ph-island{background:var(--bezel);border-radius:1em;width:4.4em;height:1.25em;position:absolute;top:.55em;left:50%;translate:-50%}.ph-status{background:#fff;justify-content:space-between;align-items:center;height:2.3em;padding:0 2.1em;font-size:.52em;font-weight:600;display:flex}.ph-head{border-bottom:.06em solid var(--line);background:#fff;padding:.3em 1em .85em}.ph-row{justify-content:space-between;align-items:center;display:flex}.ph-title{letter-spacing:-.01em;font-size:.82em;font-weight:650}.ph-timer{font-family:var(--font-mono), monospace;background:var(--navy);color:#fff;border-radius:.5em;align-items:center;gap:.4em;padding:.4em .7em;font-size:.55em;display:inline-flex}.ph-timer:before{content:"";background:var(--teal);border-radius:50%;width:.5em;height:.5em}.ph-meta{color:var(--muted);margin-top:.5em;font-size:.44em}.ph-progress{background:var(--line);border-radius:999px;height:.25em;margin-top:.5em;overflow:hidden}.ph-progress>span{background:var(--aero);width:30%;height:100%;display:block}.ph-body{flex-direction:column;flex:1;gap:.5em;min-height:0;padding:.9em .9em .6em;display:flex}.ph-q{margin-bottom:.2em;font-size:.66em;font-weight:600;line-height:1.38}.ph-body .opt{font-size:.54em}.ph-nav-label{color:var(--muted);margin-top:.4em;font-size:.42em}.ph-grid{grid-template-columns:repeat(8,1fr);gap:.28em;display:grid}.ph-grid span{aspect-ratio:1;font-family:var(--font-mono), monospace;border:.12em solid var(--line);color:var(--muted);background:#fff;border-radius:.3em;place-items:center;font-size:.4em;display:grid}.ph-grid .is-done{background:var(--navy);border-color:var(--navy);color:#fff}.ph-grid .is-current{border-color:var(--aero);color:var(--aero);font-weight:700}.ph-grid .is-flag{border-color:var(--aero-bright);color:var(--aero)}.ph-foot{border-top:.06em solid var(--line);background:#fff;grid-template-columns:1fr 1.4fr;gap:.5em;padding:.7em .9em 1.3em;display:grid}.ph-btn{border:.1em solid var(--line);border-radius:.65em;place-items:center;height:3.6em;font-size:.56em;font-weight:600;display:grid}.ph-btn.is-primary{background:var(--navy);border-color:var(--navy);color:#fff}
