:root{color-scheme:dark;font-family:Inter,Aptos,'Segoe UI',Arial,sans-serif;color:#eaf0f5;background:#08131f;--ink:#08131f;--panel:#102333;--line:#294251;--mint:#83e5d4;--gold:#f1c679;--muted:#a7b8c7}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 88% 20%,#143044 0,transparent 52%),#08131f;min-height:100vh}button,select,input{font:inherit}button,a,select{touch-action:manipulation}button,select{border:1px solid #3e5665;background:#122838;color:#eaf0f5;border-radius:7px;padding:.48em .8em;cursor:pointer}button:hover{background:#234050;border-color:#82b9b8}button.primary,button[aria-pressed=true]{background:var(--mint);border-color:var(--mint);color:#082627}button:disabled{opacity:.4;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--gold);outline-offset:4px}a{color:var(--mint);text-decoration:none}header{height:55px;display:flex;align-items:center;gap:15px;padding:0 30px;border-bottom:1px solid #233a49;background:#091622e6;font-size:14px;position:relative;z-index:10}.home{letter-spacing:.14em;font-weight:750;font-size:14px;color:#eaf0f5;text-transform:uppercase}.home:before{content:'∿';color:var(--mint);font-size:24px;margin-right:10px}header .course-label{color:#9fb5c6;margin-right:auto;font-size:12px;letter-spacing:.1em}header .jump-label{display:flex;align-items:center;gap:8px}header select{max-width:270px;background:transparent}.presentation-menu{position:relative}.presentation-menu summary{list-style:none;cursor:pointer;border:1px solid #3e5665;padding:7px 13px;border-radius:7px}.menu-content{position:absolute;right:0;top:38px;width:225px;background:#102333;border:1px solid #466371;border-radius:10px;padding:12px;box-shadow:0 20px 60px #0008;display:grid;gap:9px}.menu-content a,.menu-content button{padding:10px;text-align:left}.menu-content small{color:var(--muted);padding:4px 10px;line-height:1.5}footer{height:51px;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:8px 30px;font-size:13px;border-top:1px solid #233a49;background:#091622;position:relative;z-index:5}footer button{border-color:transparent;background:transparent}#position{font-variant-numeric:tabular-nums;color:#a5b7c5}#session-time{color:#7f96a7}.course-progress{position:absolute;top:-2px;left:0;height:2px;background:var(--mint);transition:width .2s}main{max-width:1740px;margin:auto;padding:25px 42px;min-height:calc(100vh - 106px);position:relative}.eyebrow{font-size:12px;letter-spacing:.18em;color:var(--gold);text-transform:uppercase;font-weight:650;margin:0 0 12px;display:flex;gap:12px;align-items:center}.eyebrow:before{content:'';width:28px;height:2px;background:var(--gold)}h1{font-size:clamp(32px,3.1vw,55px);font-weight:650;letter-spacing:-.035em;line-height:1.1;margin:0 0 25px;max-width:1450px}h2{font-size:24px}p,li{font-size:clamp(22px,1.8vw,31px);line-height:1.48;margin:0 0 22px}b,strong{font-weight:650}p:last-child{margin-bottom:0}.slide-body{max-width:1400px}.slide-body>p{max-width:1200px}.slide-body table{width:100%;border-collapse:separate;border-spacing:0 9px;font-size:clamp(20px,1.65vw,29px);line-height:1.4}.slide-body th{font-size:13px;letter-spacing:.09em;text-transform:uppercase;color:var(--gold);padding:8px 23px;text-align:left}.slide-body td{padding:18px 23px;background:#112a3b;border-top:1px solid #274654;border-bottom:1px solid #274654;vertical-align:top}.slide-body td:first-child{border-left:3px solid #76cdbf;width:35%;font-weight:600;border-radius:7px 0 0 7px}.slide-body td:last-child{border-right:1px solid #274654;border-radius:0 7px 7px 0}.callout{background:linear-gradient(115deg,#143a42,#122838);border:1px solid #2e6269;border-left:4px solid var(--mint);padding:24px 28px;border-radius:0 10px 10px 0;margin-top:20px}.callout p{margin:0}.insight-slide .slide-body{max-width:1080px;margin:6vh auto}.insight-slide .callout{padding:40px;border-left-width:5px}.insight-slide .callout p{font-size:clamp(26px,2.4vw,39px)}.narrative-slide .slide-body{padding:25px 0 10px;border-top:1px solid #385064;max-width:1250px}.narrative-slide .slide-body>p{padding-left:24px;border-left:2px solid #3f666e}.hero-layout{display:grid;grid-template-columns:1.12fr 1fr;gap:40px;align-items:center}.hero-art{height:400px;background:url('/assets/course/anatomy/heart-cutaway.png') center/contain no-repeat;mask-image:linear-gradient(#000 83%,transparent)}.hero-layout .slide-body{padding:0;border:0}.hero-layout p{font-size:clamp(26px,2.2vw,38px)}.formula{font-size:clamp(28px,3vw,46px);font-weight:600;color:var(--gold);margin-bottom:30px;line-height:1.2}.formula small{font-size:.48em;color:var(--muted);display:block;margin-top:12px;font-weight:400}.rhythm-layout{display:grid;grid-template-columns:minmax(310px,.82fr) minmax(0,1.4fr);gap:25px;align-items:start}.rhythm-right{min-width:0}.rhythm-right .slide-body p{font-size:clamp(21px,1.65vw,29px);line-height:1.42;margin-top:16px}.rhythm-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.rhythm-heading span{font-size:11px;color:var(--muted);letter-spacing:.15em;text-transform:uppercase}.anatomy-collapse{font-size:12px;padding:5px 10px}.anatomy-hidden .rhythm-layout{grid-template-columns:1fr}.anatomy-hidden cardiac-anatomy{display:none}.anatomy-hidden .rhythm-right .slide-body{max-width:1200px}.anatomy-panel{border:1px solid #2d4656;border-radius:12px;background:linear-gradient(160deg,#102536,#08131f);overflow:hidden}.anatomy-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 13px;font-size:10px;letter-spacing:.12em;color:#a7bacb}.anatomy-heading>div{display:flex;gap:5px}.anatomy-heading button{font-size:11px;letter-spacing:0;padding:5px 7px}.anatomy-viewport{height:330px;position:relative;background:#081522}.heart-scene{width:100%;height:100%;display:block}.heart-scene image{opacity:.88}.anatomy-status{padding:12px 16px;min-height:75px;border-top:1px solid #253f4b;display:grid;gap:5px;align-content:start}.anatomy-status strong{font-size:17px;color:#eaf4f4}.anatomy-status span{font-size:13px;color:#aabccc;line-height:1.35}.anatomy-key{display:flex;align-items:center;gap:15px;padding:0 16px 12px;font-size:11px;color:#afc1cb}.anatomy-key i{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:5px}.atrial-dot{background:var(--gold)}.ventricular-dot{background:var(--mint)}.model-label{margin-left:auto;font-size:10px;color:#8099aa}.heart-3d{position:absolute;inset:0}.heart-3d canvas{display:block;max-width:100%;touch-action:none}.three-tools{position:absolute;bottom:6px;left:6px;right:6px;display:flex;gap:4px;flex-wrap:wrap}.three-tools button,.three-tools label{font-size:11px;padding:4px 7px;background:#0c2236dd;border-radius:5px}.three-tools label{display:flex;align-items:center;gap:5px}.three-tools input{width:70px}.model-loading{font-size:15px;padding:25px}.strip-meta{display:flex;justify-content:space-between;gap:10px;font-size:11px;color:#aec2cc;margin:9px 0}.strip-meta i{font-style:normal;color:#617c8b;padding:0 5px}.strip-viewport{overflow:auto;background:#fffefb;border-radius:7px;border:1px solid #8ca9b5;max-height:290px;box-shadow:0 8px 20px #0002}.strip-viewport svg{display:block;width:100%;height:auto;max-width:none}.strip-controls{display:flex;align-items:center;gap:7px;margin-top:12px;font-size:12px;flex-wrap:wrap}.strip-controls label{display:flex;align-items:center;gap:5px}.strip-controls .time{margin-left:auto;font-variant-numeric:tabular-nums;color:var(--gold);font-size:13px}.strip-controls button,.strip-controls select{padding:6px 9px}.scrub-label{display:flex;margin:8px 0 12px}.scrub{width:100%;accent-color:var(--mint);height:7px;cursor:pointer}.advanced-tools{display:flex;gap:7px;align-items:center;flex-wrap:wrap;font-size:12px;padding:10px 0;border-top:1px solid #294251}.advanced-tools label{display:flex;gap:5px;align-items:center}.measure-tools{display:flex;gap:10px;align-items:center;flex-wrap:wrap;font-size:13px;padding:10px;background:#102d3c;border-radius:7px}.measure-tools label{display:flex;align-items:center;gap:4px}.measure-tools input{width:76px;padding:4px;border:1px solid #557180;border-radius:4px;background:#081d29}.measurement{color:var(--gold);font-weight:600}.measure-tools>span,.event-caption{font-size:12px;color:var(--muted)}.event-caption{margin-top:7px}.ecg-player{margin-bottom:14px}.conduction-selector{display:flex;align-items:center;gap:10px;font-size:16px;margin-bottom:16px}.conduction-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:25px}.conduction-steps span{padding:16px 13px;border:1px solid #355969;border-radius:7px;color:var(--muted);font-size:16px}.conduction-steps b{display:block;color:#edf7f7;font-size:20px;margin-bottom:7px}.clinical-note{font-size:15px!important;color:var(--muted);margin-top:17px!important}.method-tabs{display:flex;gap:8px;margin:18px 0 20px;flex-wrap:wrap}.method-tabs button{font-size:17px;padding:10px 18px}.method-detail{padding:20px 24px;border-left:4px solid var(--gold);background:#132c3c;border-radius:0 9px 9px 0;font-size:25px;line-height:1.4;min-height:91px}.case-facts{padding:20px 24px;background:linear-gradient(105deg,#193d50,#102333);border:1px solid #375b6a;border-left:4px solid var(--gold);border-radius:0 10px 10px 0;margin-bottom:20px;max-width:1450px}.case-facts p{font-size:23px;line-height:1.4}.case-slide h1:before{content:'BEDSIDE CASE';display:block;font-size:11px;letter-spacing:.18em;color:var(--gold);margin-bottom:11px;font-weight:500}.case-slide .eyebrow{display:none}.prompts{display:flex;list-style:none;gap:14px;padding:0;margin:18px 0}.prompts li{font-size:20px;line-height:1.4;border-left:2px solid #4b8b8a;padding-left:14px;margin:0;flex:1}.reveal{background:var(--mint);color:#0a2428;font-size:15px;font-weight:600;border:0;padding:10px 18px}.answer{border:1px solid #46747c;border-left:4px solid var(--mint);background:#14323d;padding:18px 23px;border-radius:0 9px 9px 0;margin-top:15px}.answer p{font-size:22px;line-height:1.35;margin-bottom:10px}.is-revealed .prompts{display:none}.timer{font-size:clamp(90px,12vw,170px);font-weight:300;letter-spacing:-.05em;color:var(--gold);font-variant-numeric:tabular-nums;margin:24px 0}.timer-buttons{display:flex;justify-content:center;gap:12px}.timer-buttons button{font-size:18px;min-width:110px}.break-slide{text-align:center;background:radial-gradient(ellipse at center,#16394870,transparent 65%)}.break-slide .eyebrow{justify-content:center;margin-top:20px}.break-slide h1{margin:18px auto}.break-slide .slide-body{max-width:850px;margin:0 auto}.break-slide p{font-size:24px}.hierarchy-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:45px}.hierarchy-card{padding:35px 28px;border:1px solid #335365;border-top:3px solid var(--mint);border-radius:10px;background:linear-gradient(150deg,#183747,#0c202f)}.hierarchy-card span{font-size:16px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.hierarchy-card strong{display:block;font-size:55px;color:var(--gold);margin:24px 0 5px}.hierarchy-card small{font-size:17px;color:var(--muted)}.references-slide .slide-body{display:grid;grid-template-columns:1fr 1fr;gap:25px}.references-slide .slide-body p{font-size:21px;padding:25px;background:#132a39;border:1px solid #345365;border-radius:9px}.references-slide .slide-body a{display:block;font-size:16px;margin-top:18px;overflow-wrap:anywhere}.credits-link{display:inline-block;margin-top:25px;font-size:15px}.notes-panel{padding:25px;border:1px solid #537481;margin-top:30px;background:#152c3c}.notes-panel p{font-size:20px}.speaker-tools{display:flex;gap:10px;margin-bottom:20px}.speaker-mode main{min-height:auto}.speaker-mode header{border-color:var(--gold)}#outline{position:fixed;top:60px;right:20px;bottom:60px;width:min(490px,90vw);overflow:auto;background:#102535;border:1px solid #567b89;box-shadow:0 20px 80px #000b;border-radius:12px;z-index:20;padding:15px}#outline button{display:block;text-align:left;width:100%;margin-bottom:6px;font-size:14px}#outline button.current{background:#224e57;border-color:var(--mint)}#error{position:fixed;bottom:70px;left:20px;background:#412022;color:#fff;padding:20px;border:1px solid #f29287;z-index:20}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[hidden]{display:none!important}.slide-enter{animation:slide-in .3s ease-out}@keyframes slide-in{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1000px) and (max-height:800px){main{padding:20px 32px}h1{font-size:35px;margin-bottom:20px}.eyebrow{margin-bottom:10px}.anatomy-viewport{height:292px}.anatomy-status{min-height:65px;padding:10px 14px}.rhythm-layout{grid-template-columns:minmax(300px,.78fr) minmax(0,1.4fr);gap:24px}.rhythm-right .slide-body p{font-size:22px;line-height:1.38;margin-top:12px}.slide-body td{padding:13px 20px}.slide-body table{font-size:21px}.slide-body>p{font-size:25px}.callout{padding:20px 24px}.callout p{font-size:24px}.insight-slide .slide-body{margin:4vh auto}.insight-slide .callout{padding:32px}.insight-slide .callout p{font-size:30px}.case-facts{padding:16px 20px;margin-bottom:13px}.case-facts p{font-size:22px}.case-slide .strip-viewport{max-height:220px}.case-slide .strip-viewport:not(.is-zoomed) svg{height:210px}.is-revealed .case-facts{display:none}.is-revealed .strip-controls,.is-revealed .scrub-label,.is-revealed .advanced-tools,.is-revealed .measure-tools{display:none}.is-revealed .strip-viewport svg{height:185px;width:100%!important}.answer{padding:14px 18px;margin-top:12px}.answer p{font-size:22px;line-height:1.32}.method-detail{font-size:23px;padding:16px 20px;min-height:75px}.method-tabs{margin:15px 0}.method-tabs button{font-size:15px;padding:9px 14px}.hero-art{height:370px}.hero-layout p{font-size:27px}.timer{font-size:120px;margin:18px 0}.break-slide .eyebrow{margin-top:12px}.references-slide .slide-body p{font-size:21px}.conduction-steps{margin-top:18px}.conduction-steps span{padding:12px;font-size:14px}.conduction-steps b{font-size:18px}}
@media(max-width:900px){header{padding:0 14px}.course-label{display:none}header .home{margin-right:auto}header .jump-label{font-size:0}header select{font-size:13px;max-width:210px}main{padding:22px}.rhythm-layout{grid-template-columns:minmax(260px,.85fr) minmax(0,1.2fr);gap:16px}.anatomy-viewport{height:280px}.strip-meta{flex-wrap:wrap}.strip-controls{font-size:11px}.anatomy-heading>span{font-size:9px}.anatomy-heading{padding:9px}.anatomy-heading button{font-size:10px}.anatomy-status strong{font-size:15px}.anatomy-key{gap:8px;padding:0 10px 10px}.rhythm-right .slide-body p{font-size:20px}.hero-layout{gap:20px}.hero-art{height:320px}.hero-layout p{font-size:24px}.slide-body td{padding:13px}.slide-body table{font-size:19px}}
@media(max-width:650px){header{height:auto;min-height:55px;gap:8px;flex-wrap:wrap;padding:10px}.home{font-size:12px}header select{max-width:165px}.presentation-menu summary{font-size:12px}.course-label{display:none!important}main{padding:22px 15px;min-height:calc(100vh - 115px)}h1{font-size:32px}.eyebrow{font-size:10px}.rhythm-layout,.hero-layout{grid-template-columns:1fr}.anatomy-viewport{height:310px}.rhythm-right .slide-body p{font-size:22px}.rhythm-heading{margin-top:5px}.hero-art{height:260px;grid-row:1}.hero-layout{gap:10px}.formula{font-size:30px}.slide-body table{font-size:17px;border-spacing:0 7px}.slide-body td,.slide-body th{padding:12px 10px}.slide-body td:first-child{width:auto}.slide-body th{font-size:10px}.callout{padding:20px}.callout p{font-size:22px}.insight-slide .slide-body{margin:25px 0}.insight-slide .callout{padding:25px}.insight-slide .callout p{font-size:26px}.case-facts p{font-size:21px}.prompts{display:block}.prompts li{margin:10px 0}.answer p{font-size:21px}.method-detail{font-size:21px}.method-tabs{gap:5px}.method-tabs button{font-size:13px;padding:8px 10px}.hierarchy-cards{grid-template-columns:1fr;margin-top:20px}.hierarchy-card{padding:24px}.hierarchy-card strong{font-size:42px;margin:15px 0}.references-slide .slide-body{grid-template-columns:1fr}.references-slide .slide-body p{font-size:20px}.conduction-steps{grid-template-columns:repeat(3,1fr);gap:5px}.conduction-steps span{font-size:13px;padding:10px}.conduction-steps b{font-size:16px}footer{padding:8px 10px;gap:6px;font-size:11px}footer button{padding:6px}#session-time{display:none}.anatomy-hidden .rhythm-layout{display:block}.strip-meta{font-size:10px}.timer{font-size:95px}.break-slide p{font-size:22px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}@media print{header,footer,.strip-controls,.scrub-label,.reveal,.speaker-tools,.anatomy-heading,.advanced-tools{display:none}body{background:white;color:black}main{padding:0}.strip-viewport{max-height:none}.callout,.answer,.case-facts{background:white;color:black}}

.three-hint{position:absolute;top:8px;left:10px;font-size:10px;color:#a8becb;pointer-events:none}.hero-art{mask-image:radial-gradient(ellipse at center,#000 46%,transparent 74%)}

.strip-viewport{max-height:none}.strip-viewport.is-zoomed{max-height:350px}

/* Electrical and mechanical phases share the trace clock. */
.anatomy-heading{gap:6px}.anatomy-heading>span{letter-spacing:.08em}.anatomy-heading>div{flex-shrink:0}.mechanical-readout{display:flex;align-items:baseline;gap:9px;border-top:1px solid #294150;margin-top:3px;padding-top:7px}.mechanical-readout>span{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#adc2ce}.mechanical-readout strong{font-size:14px;color:#eac58d;line-height:1.3}.mechanical-readout.pea-scenario strong{color:#ffad99}.response-control{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.response-control select{max-width:100%;font-size:12px}.anatomy-status{min-height:101px}.model-label{margin-left:auto}.anatomy-key{gap:12px}.anatomy-status .activation-phase{font-size:16px}
@media(min-width:1000px) and (max-height:800px){.anatomy-viewport{height:270px}.anatomy-status{min-height:96px}.anatomy-status .activation-phase{font-size:15px}.mechanical-readout strong{font-size:13px}}
@media(max-width:900px){.anatomy-heading{flex-wrap:wrap}.anatomy-heading>span{flex:1 0 100%}.mechanical-readout{flex-wrap:wrap;gap:4px 8px}}

/* Medication teaching remains readable within the existing slide anchors. */
.clinical-update .slide-body p{font-size:27px;line-height:1.4;margin:15px 0}.clinical-update .slide-body table{font-size:24px}.clinical-update .slide-body td{padding:13px 17px}.clinical-update .callout{padding:18px 23px;margin-top:16px}.clinical-update .callout p{font-size:25px;margin:0}.clinical-update .slide-body th{font-size:13px}
@media(min-width:1000px) and (max-height:800px){.clinical-update .slide-body p{font-size:23px;line-height:1.35;margin:13px 0}.clinical-update .slide-body table{font-size:21px}.clinical-update .slide-body td{padding:11px 15px}.clinical-update .callout{padding:15px 20px}.clinical-update .callout p{font-size:23px}}
@media(max-width:650px){.clinical-update .slide-body p,.clinical-update .callout p{font-size:21px}.clinical-update .slide-body table{font-size:17px}.clinical-update .slide-body td{padding:10px}}

.dose{white-space:nowrap}
/* Final group review keeps the trace prominent and the answer hidden until reveal. */
.review-slide .class-choices{display:flex;gap:9px;flex-wrap:wrap;margin:12px 0}
.review-slide .class-choices button{flex:1;min-width:180px;text-align:left;font-size:18px;line-height:1.25;padding:11px 15px;border:1px solid #46616f;background:#102837}
.review-slide .class-choices button[aria-pressed=true]{border:2px solid var(--gold);background:#2e342c}
.review-slide .class-choices button b{color:var(--gold);margin-right:9px}
.review-slide.is-revealed .class-choices,.review-slide.is-revealed .slide-body{display:none}
.review-slide .prompts{margin:12px 0}.review-slide .prompts li{font-size:20px}
.review-slide .answer p{font-size:23px}.review-slide .review-round{color:var(--gold);font-size:12px;letter-spacing:.08em;margin-left:auto}
.review-decisions-slide .slide-body table{font-size:24px}.review-decisions-slide .slide-body td:first-child{width:65px;color:var(--gold);font-weight:700}
.review-decisions-slide .slide-body td{padding:17px 20px}
@media(min-width:1000px) and (max-height:800px){.review-slide h1{margin-bottom:12px}.review-slide .ecg-player{margin-bottom:8px}.review-slide .strip-controls{margin-top:8px}.review-slide .scrub-label{margin:7px 0 8px}.review-slide .class-choices button{font-size:17px;padding:9px 12px}.review-slide .prompts li{font-size:18px}.review-slide .answer p{font-size:21px}.review-decisions-slide .slide-body table{font-size:22px}.review-decisions-slide .slide-body td{padding:13px 17px}}
@media(max-width:650px){.review-slide .class-choices{display:grid;grid-template-columns:1fr}.review-slide .class-choices button{font-size:17px}.review-slide .answer p{font-size:20px}}
.review-slide .class-choices button,.review-slide .class-choices button[aria-pressed=true]{color:#edf5f6}
.review-slide.is-revealed .strip-viewport:not(.is-zoomed) svg{height:auto}

/* Live review controls stay outside the teaching canvas. */
.phone-dialog{color:#f1f7ff;background:#102335;border:1px solid #45627a;border-radius:20px;padding:24px;max-width:min(850px,90vw);width:850px;max-height:90vh;overflow:auto;box-shadow:0 30px 100px #0009}
.phone-dialog::backdrop{background:#020a13d9;backdrop-filter:blur(5px)}
.phone-dialog-top{display:flex;align-items:center;justify-content:space-between;gap:20px}.phone-dialog h2{font-size:30px;margin:0}.phone-close{font-size:30px;line-height:1}.phone-message{font-size:19px;color:#bad2e5}.phone-join{display:flex;align-items:center;justify-content:center;gap:32px;margin:24px 0}.phone-join[hidden]{display:none}.phone-join canvas{border-radius:10px;width:288px!important;height:288px!important;max-width:45vw}.phone-scan{font-size:26px}.phone-code{font-size:48px;letter-spacing:.12em;color:#70e4df}.phone-address{font-size:20px}.phone-link{color:#8be8e5}.phone-actions{display:flex;gap:10px;flex-wrap:wrap}.phone-counts p{margin:8px 0;font-size:17px}.phone-dialog [hidden]{display:none!important}
@media(max-width:600px){.phone-dialog{padding:18px}.phone-join{flex-direction:column;gap:8px}.phone-join canvas{max-width:70vw}.phone-scan{font-size:20px}.phone-code{font-size:36px}.phone-address{font-size:16px}}