@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap";.chat-thread{--chat-bg: #efeae2;--chat-out: #d9fdd3;--chat-ink: #111b21;--chat-meta: #667781;--chat-note: #fff3c4;--chat-note-ink: #54656f;--chat-label: #00806a;--chat-trigger: #06cf9c;--chat-in: #dcebff;--chat-in-ink: #1a4f8f;--chat-pause: #ecdffd;--chat-pause-ink: #5b2a9e;background:var(--chat-bg);border-radius:12px;padding:12px 10px 14px;margin:8px 0 12px;display:flex;flex-direction:column;gap:4px}.chat-bubble{position:relative;align-self:flex-end;max-width:min(85%,560px);margin:0 8px 0 0;background:var(--chat-out);color:var(--chat-ink);border-radius:8px;padding:6px 10px 7px;box-shadow:0 1px .5px #0b141a21;font-size:15.5px;line-height:1.4}.chat-bubble-tail{border-top-right-radius:0;margin-top:6px}.chat-bubble-tail:after{content:"";position:absolute;top:0;right:-8px;width:8px;height:13px;background:var(--chat-out);clip-path:polygon(0 0,100% 0,0 100%)}.chat-bubble-in{align-self:flex-start;margin:0 0 0 8px;background:var(--chat-in)}.chat-bubble-in .chat-bubble-label{color:var(--chat-in-ink)}.chat-bubble-in .chat-bubble-text{font-style:italic;font-weight:600;color:var(--chat-in-ink)}.chat-bubble-in.chat-bubble-tail{border-top-right-radius:8px;border-top-left-radius:0}.chat-bubble-in.chat-bubble-tail:after{right:auto;left:-8px;background:var(--chat-in);clip-path:polygon(0 0,100% 0,100% 100%)}.chat-bubble-trigger{box-shadow:0 1px .5px #0b141a21,inset 3px 0 0 var(--chat-trigger);padding-left:13px}.chat-bubble-label{font-size:13px;font-weight:600;line-height:1.3;color:var(--chat-label);margin-bottom:2px}.chat-thread p.chat-bubble-text{margin:0;max-width:none;overflow-wrap:anywhere}.chat-aside{font-style:italic;color:var(--chat-meta)}.chat-pause{display:inline-block;padding:0 6px;border-radius:10px;background:var(--chat-pause, #ecdffd);color:var(--chat-pause-ink, #5b2a9e);font-style:normal;font-weight:700;white-space:nowrap}.chat-thread p.chat-note{align-self:center;max-width:92%;margin:6px 0 2px;padding:5px 10px;border-radius:8px;background:var(--chat-note);color:var(--chat-note-ink);font-size:13.5px;line-height:1.4;font-style:italic;text-align:center;box-shadow:0 1px .5px #0b141a1a}.chat-card{align-self:center;width:min(92%,520px);margin:6px 0;padding:8px 12px;border-radius:8px;background:#fff;border:1px dashed #b4bec4;color:var(--chat-ink);font-size:14.5px;line-height:1.4}.chat-card b{display:block;font-size:13px;color:var(--chat-label);margin-bottom:2px}.chat-thread .chat-card p{margin:0;max-width:none;font-style:italic}:root{--font: "Manrope", ui-sans-serif, system-ui, sans-serif;--uca-primary: #0e5e63;--uca-secondary: #0e5e63;--uca-accent: #1e8a80;--uca-light: #a9c9c5;--uca-gray: #5a6562;--uca-offwhite: #f6f2e8;--uca-deep: #0a4a4e;--uca-surface: #e7f0ee;--accent: #f2c14e;--accent-ink: #7a5200;--accent-tint: #fcf1d6;--ink: #16211f;--soft: var(--uca-gray);--sheet: #fff;--row: #fbf8f1;--edge: #e4ddcc;--green: var(--uca-primary);--bg: var(--uca-offwhite);--tap: 44px;--radius: 10px;--s1: 4px;--s2: 8px;--s3: 12px;--s4: 16px;--s5: 24px;--s6: 32px;--t-display: 800 26px/1.1 var(--font);--t-title: 700 18px/1.3 var(--font);--t-section: 700 12px/1.4 var(--font);--t-body: 500 16px/1.5 var(--font);--t-label: 600 13px/1.4 var(--font);--t-meta: 500 13px/1.4 var(--font);--t-control: 700 15px/1.2 var(--font);--measure: 68ch;--icon-chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5.5 8l4.5 4.5L14.5 8'/%3E%3C/svg%3E");--icon-plus: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round'%3E%3Cpath d='M10 4.5v11M4.5 10h11'/%3E%3C/svg%3E");--icon-minus: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round'%3E%3Cpath d='M4.5 10h11'/%3E%3C/svg%3E");--icon-alert: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='10' cy='10' r='7'/%3E%3Cpath d='M10 6.6v4.2M10 13.4h.01'/%3E%3C/svg%3E");--icon-play: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 5.2l7.5 4.8L7 14.8z'/%3E%3C/svg%3E");--icon-flag: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 17V4h9l-1.6 3.2L14 10.4H5'/%3E%3C/svg%3E")}.icon{display:inline-block;flex:none;width:20px;height:20px;background-color:currentColor;-webkit-mask:var(--icon) center / 20px no-repeat;mask:var(--icon) center / 20px no-repeat}.icon-play{--icon: var(--icon-play)}.icon-flag{--icon: var(--icon-flag);vertical-align:-4px}.icon-chevron{--icon: var(--icon-chevron);transition:transform .2s}.chevron.icon-chevron{transform:rotate(-90deg);color:var(--soft)}.chevron-open.icon-chevron{transform:none}*{box-sizing:border-box}html{color-scheme:light;scrollbar-color:var(--uca-light) transparent;scrollbar-width:thin}::selection{background:var(--accent-tint);color:var(--ink)}input,textarea{caret-color:var(--green)}.table td,.fact dd{font-variant-numeric:tabular-nums}body{margin:0;background:var(--bg);color:var(--ink);font:var(--t-body);padding:max(16px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));-webkit-text-size-adjust:100%}.shell{max-width:720px;margin:0 auto;display:flex;flex-direction:column;gap:20px}.shell:has(.landing){max-width:440px;padding-top:max(28px,env(safe-area-inset-top))}.top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}h1{font-family:var(--font);font-weight:800;letter-spacing:-.01em;font-size:clamp(22px,6vw,28px);letter-spacing:-.02em;line-height:1.1;margin:0}.shell:has(.landing) h1{font-size:clamp(36px,8vw,44px)}h1:after{content:"";display:block;width:36px;height:3px;margin-top:12px;border-radius:2px;background:var(--accent)}.sub{font-size:20px;font-weight:600;line-height:1.3;color:var(--ink);margin:10px 0 0;overflow-wrap:anywhere}h3,legend{font:var(--t-title)}small,.tag{font:var(--t-meta)}b,strong{font-weight:600}.card p,.interaction p{max-width:var(--measure)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.card{background:var(--sheet);border:1px solid var(--edge);border-radius:14px;padding:20px 18px;box-shadow:0 1px 2px #0000000a}.landing{gap:28px}.landing form .row{display:flex;flex-wrap:wrap;gap:8px}.landing form .row .primary{flex:1 0 100%}.landing form .row button:not(.primary):not(.link){flex:1;border-color:transparent;background:transparent;color:var(--green);font-weight:500}button.link{flex:none;align-self:center;width:auto;min-height:var(--tap);margin:0 auto;padding:8px 4px;border:0;background:none;color:var(--green);font-weight:500;text-decoration:underline;text-underline-offset:3px}button.link:hover:not(:disabled){background:none;border-color:transparent;color:var(--green)}.card h2,#board h2,#pos-det h2{font:var(--t-section);letter-spacing:.07em;text-transform:uppercase;color:var(--green);margin:var(--s5) 0 var(--s2)}.card>h2:first-child,#board .card>h2:first-child{margin-top:0}.stack{display:flex;flex-direction:column;gap:12px}.field label{display:block;font:var(--t-label);color:var(--soft);margin:0 0 6px}.field-hint{display:block;margin:6px 0 0;font:var(--t-meta);color:var(--soft)}.field-hint:first-letter{text-transform:uppercase}.field-error{display:block;margin:6px 0 0;font:var(--t-meta);font-weight:700;color:#b3261e}.field input[aria-invalid=true]{border-color:#b3261e}.field-actions{display:flex;flex-wrap:wrap;gap:4px 16px;margin-top:-4px}.field-actions button.link{margin:0}input,select,textarea,button{font:inherit}input:not([type=checkbox]):not([type=radio]),select,textarea{width:100%;min-width:0;min-height:var(--tap);padding:11px 12px;border-radius:var(--radius);border:1px solid var(--edge);background:#fff;color:var(--ink);font-size:16px;line-height:1.4;transition:border-color .15s ease,box-shadow .15s ease}select{appearance:none;padding-right:38px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='%235f6368' stroke-width='1.8' stroke-linecap='round'%3E%3Cpath d='M5.5 8l4.5 4.5L14.5 8'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 11px center;background-size:18px}textarea{min-height:88px;resize:vertical}::placeholder{color:#9a9a9a;opacity:1}input:not([type=checkbox]):not([type=radio]):hover:not(:disabled),select:hover:not(:disabled),textarea:hover:not(:disabled){border-color:#b8b8b8}input:not([type=checkbox]):not([type=radio]):focus,select:focus,textarea:focus{outline:none;border-color:var(--uca-secondary);box-shadow:0 0 0 3px #0099a22e}button:focus-visible{outline:2px solid var(--green);outline-offset:2px}input:not([type=checkbox]):not([type=radio]):disabled,select:disabled,textarea:disabled{background:#f0f0f0;color:var(--soft);cursor:default}input[type=checkbox],input[type=radio]{appearance:none;flex:none;box-sizing:border-box;width:20px;height:20px;min-height:0;margin:0;padding:0;border:2px solid #747775;background-color:#fff;cursor:pointer;transition:background-color .15s ease,border-color .15s ease}input[type=checkbox]{border-radius:4px}input[type=radio]{border-radius:50%}input[type=checkbox]:hover:not(:disabled),input[type=radio]:hover:not(:disabled){border-color:var(--ink)}input[type=checkbox]:checked,input[type=radio]:checked{border-color:var(--green);background-color:var(--green)}input[type=checkbox]:checked{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23fff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3.5 8.5l3 3 6-6.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;background-size:15px}input[type=radio]:checked{box-shadow:inset 0 0 0 3px #fff}input[type=checkbox]:focus-visible,input[type=radio]:focus-visible{outline:2px solid var(--green);outline-offset:2px}input[type=checkbox]:disabled,input[type=radio]:disabled{border-color:#c4c7c5;background-color:#f1f3f2;cursor:default}input[type=checkbox]:disabled:checked,input[type=radio]:disabled:checked{border-color:#c4c7c5;background-color:#c4c7c5}@media(forced-colors:active){input[type=checkbox],input[type=radio]{forced-color-adjust:none;border-color:CanvasText;background-color:Canvas}input[type=checkbox]:checked,input[type=radio]:checked{border-color:Highlight;background-color:Highlight}input[type=radio]:checked{box-shadow:inset 0 0 0 3px Canvas}input[type=checkbox]:focus-visible,input[type=radio]:focus-visible{outline-color:Highlight}}button{min-height:var(--tap);padding:10px 16px;border-radius:var(--radius);border:1px solid var(--edge);background:transparent;color:var(--ink);font:var(--t-control);cursor:pointer;transition:background .16s cubic-bezier(.2,.7,.2,1),border-color .16s cubic-bezier(.2,.7,.2,1),color .16s cubic-bezier(.2,.7,.2,1)}button:hover:not(:disabled){border-color:var(--green);color:var(--green)}button.primary,button[aria-pressed=true]{background:var(--green);color:#fff;border-color:var(--green)}button.primary:hover:not(:disabled),button[aria-pressed=true]:hover:not(:disabled){background:var(--uca-deep);color:#fff;border-color:var(--uca-deep)}button:disabled{opacity:.6;cursor:default}.row{display:flex;gap:8px;flex-wrap:wrap}.workspace-nav{display:flex;gap:4px;padding:4px;overflow-x:auto;border:1px solid var(--edge);border-radius:var(--radius);background:var(--row);scrollbar-width:none}.workspace-profile{margin:0;align-self:flex-start;padding:6px 14px;border-radius:999px;background:var(--row);color:var(--green);font-weight:700}.workspace-nav::-webkit-scrollbar{display:none}.workspace-nav button{flex:1 0 auto;min-height:44px;border:0;border-radius:4px;padding-inline:14px;color:var(--soft)}.workspace-nav button[aria-pressed=true]{background:#fff;color:var(--green);box-shadow:0 1px 2px #00000014}.grid{display:grid;grid-template-columns:1fr;gap:10px}@media(min-width:560px){.grid{grid-template-columns:1fr 1fr}}.msg{color:var(--green);min-height:20px;margin:0;font-size:14px}.msg-error:not(:empty){color:#b3261e;background:#fdecea;border:1px solid #e8a39d;border-radius:var(--radius);padding:10px 12px;font-weight:700}.msg[role=status]:empty{position:absolute;width:1px;height:1px;min-height:0;overflow:hidden;clip:rect(0 0 0 0)}.assessment-queue .msg[role=status]{color:var(--ink);font-size:18px;font-weight:700;line-height:1.4}.assessment-queue .queue-prepare{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border-radius:12px;background:var(--game-gold, var(--accent));color:var(--ink);border:2px solid var(--game-alert, #b3261e);font-size:19px;font-weight:800;line-height:1.35}.assessment-queue .queue-prepare:before{content:"⚠︎";flex:0 0 auto;font-size:24px;line-height:1;color:var(--ink)}a.play-link{background:var(--green);color:#fff;border-radius:var(--radius);padding:10px 16px;min-width:88px;font:var(--t-control);text-decoration:none}a.play-link:hover{background:var(--uca-deep)}.card.notice{border-color:#ecd8ad;background:#fff8e8;color:#5a3d00}#board .card.notice h2{color:inherit}.list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:0}.item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 4px;border:0;border-top:1px solid var(--edge);border-radius:0;background:transparent}.item:first-child{border-top:0}.item.empty{color:var(--soft)}.item-text{display:flex;flex-direction:column;min-width:0}.item-text strong{overflow-wrap:anywhere}.item-text small{color:var(--soft)}.item-column{flex-direction:column;align-items:stretch}.item-head{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:var(--tap);padding:4px 0;background:none;border:0;color:inherit;text-align:left;font-weight:400}.item-tap{padding:4px 8px;margin-inline:-8px;border-radius:var(--radius)}.item-tap .item-head{cursor:pointer}.item-selected{background:var(--uca-surface);box-shadow:inset 3px 0 0 var(--uca-primary)}#filtro-aluno{position:sticky;top:0;z-index:1;margin-bottom:10px;background-color:#fff}.tag{color:var(--soft);font-size:13px;white-space:nowrap}.tag-done{color:var(--green)}.play{min-height:var(--tap);min-width:var(--tap);display:inline-flex;align-items:center;justify-content:center;color:var(--green)}.play button{min-width:88px}.share{display:flex;gap:14px;align-items:center;flex-wrap:wrap}.qr{width:132px;height:132px;border-radius:var(--radius);background:#fff;border:1px solid var(--edge);flex:none}.share-text{display:flex;flex-direction:column;gap:8px;min-width:0;flex:1}.share-text code{font-size:13px;overflow-wrap:anywhere;color:var(--soft)}.table{width:100%;border-collapse:collapse}.table th{text-align:left;font:var(--t-section);color:var(--soft);letter-spacing:.07em;text-transform:uppercase;padding:10px 4px}.table td{padding:16px 4px;border-top:1px solid var(--edge);vertical-align:top}.turn{flex-direction:column;align-items:stretch;gap:4px;padding:16px 4px}.turn .item-text{flex-direction:row;align-items:baseline;gap:8px}.turn-student{border-color:var(--green)}.turn-text{overflow-wrap:anywhere;font-size:17px}.chat{list-style:none;display:flex;flex-direction:column;gap:8px;margin:0;padding:0}.bubble{max-width:85%;padding:10px 14px;border-radius:16px;display:flex;flex-direction:column;gap:2px}.bubble small{color:var(--soft);font-size:12px}.bubble-student{align-self:flex-end;background:var(--uca-surface);border:1px solid var(--uca-secondary);border-bottom-right-radius:4px}.bubble-other{align-self:flex-start;background:var(--row);border:1px solid var(--edge);border-bottom-left-radius:4px}.bubble-play{align-self:flex-start;min-height:44px;margin-top:6px;padding:8px 14px}video.audio{max-height:320px;object-fit:contain;background:#000}.audio{width:100%}.feedback{border:1px solid var(--edge);border-radius:var(--radius);padding:12px;font-size:14px}.feedback p{margin:6px 0}.feedback ul{margin:6px 0 0;padding-left:18px}.chevron{color:var(--soft)}.facts{display:grid;grid-template-columns:1fr 1fr;gap:10px 14px;margin:0}.fact{display:flex;flex-direction:column;gap:2px}.fact dt{color:var(--soft);font-size:12px;letter-spacing:.06em;text-transform:uppercase}.fact dd{margin:0;overflow-wrap:anywhere}.call-stage{position:relative;border-radius:var(--radius);overflow:hidden;background:#000}.call-remotes{display:grid;gap:2px;width:100%;aspect-ratio:3 / 4;grid-template-columns:1fr;grid-auto-rows:1fr;background:#000}@media(min-width:560px){.call-remotes{aspect-ratio:16 / 10}}.call-remotes[data-count="2"]{grid-template-columns:1fr}@media(min-width:560px){.call-remotes[data-count="2"]{grid-template-columns:1fr 1fr}}.call-remotes[data-count="3"],.call-remotes[data-count="4"]{grid-template-columns:1fr 1fr}.call-remotes:not([data-count="0"]):not([data-count="1"]):not([data-count="2"]):not([data-count="3"]):not([data-count="4"]){grid-template-columns:repeat(3,1fr)}.call-stage .call-remote{width:100%;height:100%;max-width:none;min-height:0;object-fit:cover;display:block}.call-stage :is(.call-local,.call-local-blank){position:absolute;max-width:none;right:10px;bottom:10px;width:96px;aspect-ratio:3 / 4;object-fit:cover;border-radius:var(--radius);border:1px solid var(--edge);background:#000}.call-stage .call-local-blank{display:grid;place-items:center;margin:0;padding:8px;text-align:center;background:#000c;color:#fff;font-size:13px;line-height:1.35;font-weight:600;z-index:1;pointer-events:none}.call-audio{display:none}.call-rec{position:absolute;top:10px;left:10px;background:#d33;color:#fff;font-weight:700;font-size:13px;padding:2px 10px;border-radius:999px}.call-label{position:absolute;top:10px;left:72px;background:#0009;color:#fff;font:600 13px/1.4 ui-monospace,monospace;padding:2px 10px;border-radius:999px}.call-phase{position:absolute;top:10px;right:10px;background:#0e5e63e0;color:#fff;font-size:13px;padding:2px 10px;border-radius:999px}.call-controls button{flex:1;min-width:120px}.call-wait,.call-toast{position:absolute;left:10px;bottom:10px;max-width:calc(100% - 120px);margin:0;padding:8px 12px;border-radius:var(--radius);font-size:13px;line-height:1.35}.call-wait{background:#0e5e63e0;color:#fff}.call-toast{background:#fffffff5;color:var(--ink)}.call-toast-join{bottom:52px}.call-classroom-body{display:flex;flex-direction:column;gap:12px}.call-script{margin:0}@media(min-width:768px){.call-classroom-body{display:grid;grid-template-columns:minmax(0,1fr) 260px;align-items:start}}@media(max-width:540px){body{padding:max(10px,env(safe-area-inset-top)) max(8px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left))}.shell{gap:16px}.top{align-items:center;gap:8px;padding-inline:4px}h1{font-family:var(--font);font-size:26px;font-weight:800;letter-spacing:-.015em}h1:after{width:28px;height:2px;margin-top:8px}.sub{margin-top:6px}.card{padding:16px 12px;border-color:var(--edge);border-radius:14px;background:#fff;box-shadow:none}.card h2,#board h2,#pos-det h2{margin:var(--s5) 0 var(--s3)}.stack{gap:14px}input,select,textarea{border-radius:var(--radius);background-color:#fff}button{padding:9px 14px;border-radius:var(--radius)}.item{padding:18px 2px}.table td{padding:18px 4px}}.call-screen{position:fixed;inset:0;z-index:50;background:#000;display:flex;flex-direction:column;--call-bar-h: calc(74px + max(12px, env(safe-area-inset-bottom))) }.call-screen .call-stage{flex:1;border-radius:0}.call-screen .call-remotes{height:100%;aspect-ratio:auto}.call-screen .call-stage :is(.call-local,.call-local-blank){top:max(12px,env(safe-area-inset-top));right:12px;bottom:auto;width:clamp(120px,24vw,260px);aspect-ratio:16 / 10}.call-screen .call-bottom{position:absolute;left:0;right:0;bottom:0;display:flex;flex-direction:column;gap:8px}.call-screen .call-alerts{margin:0 12px}.call-screen .call-alerts button{background:#fff;color:#111;border:0;min-height:44px}.call-screen .call-alerts .msg{background:#000000b3;color:#fff;padding:8px 12px;border-radius:var(--radius)}.call-screen .call-alerts{z-index:3}.call-screen .call-alerts button:not(.primary){background:#fff;color:#111;border-color:#fff}.call-screen .call-alerts button:not(.primary):hover:not(:disabled){background:var(--uca-offwhite);color:#111}.call-link-lost{position:absolute;left:12px;right:12px;top:calc(max(12px,env(safe-area-inset-top)) + 36px);z-index:4;margin:0;padding:10px 14px;border-radius:var(--radius);background:#7a1616;color:#fff;font-weight:600;line-height:1.4}.call-leave-warnings{margin:8px 0 0;padding-left:1.2em}.iv-milestone{font-weight:600}.iv-drops ul{margin:4px 0 0;padding-left:1.2em}.call-note{position:absolute;left:50%;top:40%;transform:translate(-50%,-50%);width:min(90%,44rem);margin:0;padding:20px 24px;border-radius:var(--radius);background:#000000bf;color:#fff;font-size:clamp(24px,5vw,44px);line-height:1.25;text-align:center;font-weight:700}.call-toolbar-wrap{display:flex;flex-direction:column;align-items:center;gap:8px;padding:10px 12px}.call-screen .call-toolbar-wrap{padding-bottom:max(12px,env(safe-area-inset-bottom))}.call-toolbar{display:flex;gap:8px;align-items:center;padding:8px;border-radius:14px;background:#222}.call-toolbar button{min-width:48px;min-height:48px;display:grid;place-items:center;border:0;border-radius:10px;background:#333;color:#fff}.call-toolbar button[aria-pressed=true]{background:#fff;color:#222}.call-toolbar .call-hangup{background:#d93025;min-width:64px}.call-toolbar button:hover:not(:disabled){color:#fff;border-color:transparent}.call-toolbar button[aria-pressed=true]:hover:not(:disabled){color:#222}.call-tool{display:flex;align-items:stretch;background:#333;border-radius:10px}.device-pick{position:relative;display:grid;place-items:center;width:28px;color:#fff;font-size:14px}.device-pick select{position:absolute;inset:0;opacity:0;cursor:pointer}.call-note-form{display:flex;gap:8px;width:min(100%,36rem)}.call-note-form input{flex:1;min-height:44px}.call-leave-confirm{width:min(100%,36rem);padding:12px 14px;border-radius:var(--radius);background:#111;color:#fff}.call-leave-confirm p{margin:0 0 10px;font-weight:600}.call-leave-confirm .row{gap:8px;flex-wrap:wrap}.call-leave-confirm button{min-height:44px}.call-leave-confirm .call-hangup-text{background:#d93025;color:#fff;border:0}.call-screen .call-toast{top:calc(max(12px,env(safe-area-inset-top)) + 44px);bottom:auto}@media(max-width:559px){.call-screen .call-stage :is(.call-local,.call-local-blank){width:30vw;aspect-ratio:3 / 4}}.call-toolbar button{position:relative}.mic-level{position:absolute;left:8px;right:8px;bottom:6px;height:4px;border-radius:2px;background:#34c759;transform-origin:left}.call-screen .call-wait{left:50%;top:45%;bottom:auto;transform:translate(-50%,-50%);font-size:20px;padding:12px 20px}.mic-check{display:flex;align-items:center;gap:10px;margin:0;padding:8px 14px;border-radius:999px;background:#000000bf;color:#fff;font-size:16px;font-weight:600;pointer-events:none}.mic-check-bar{width:90px;height:8px;border-radius:4px;background:#ffffff40;overflow:hidden}.mic-check-bar span{display:block;height:100%;background:#34c759;transform-origin:left;transition:transform .15s}.call-screen .call-stage[data-alone=true] :is(.call-local,.call-local-blank){inset:0;width:100%;height:100%;border:0;border-radius:0;aspect-ratio:auto}.call-screen .call-stage[data-alone=true] .call-local-blank{font-size:16px;padding:16px 24px}.top .logout{margin-left:auto;flex:none}@media(max-width:559px){.logout span{display:none}}.logout{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 12px;border:1px solid var(--edge);border-radius:var(--radius);background:#fff;color:var(--ink);font-weight:600}.call-scripts{position:absolute;top:0;right:0;bottom:0;width:min(420px,40%);overflow-y:auto;padding:16px 16px 110px;background:#fff;color:var(--ink);z-index:2;box-shadow:-4px 0 16px #00000040}.call-screen .call-scripts{bottom:var(--call-bar-h);padding-bottom:16px}.call-screen .call-scripts~.call-bottom{z-index:3}.interview-scripts-pick button[aria-pressed=true]{background:var(--green);color:#fff}.interview-script-lines{margin:0;padding-left:1.3rem;display:grid;gap:6px}@media(max-width:559px){.call-scripts{top:auto;height:44%;width:100%;padding:14px 14px 96px;border-radius:14px 14px 0 0;box-shadow:0 -4px 16px #00000040}.call-screen .call-scripts{position:relative;inset:auto;height:auto;flex:0 1 auto;max-height:calc(60% - var(--call-bar-h));margin-bottom:var(--call-bar-h);padding-bottom:14px}.call-screen:has(.call-scripts) .call-stage{flex:1 1 0;min-height:40%}.call-screen:has(.call-scripts) .call-remote{object-position:center 25%}.call-screen:has(.call-scripts) .mic-check{position:fixed;left:12px;top:calc(max(12px,env(safe-area-inset-top)) + 30px);gap:6px;padding:4px 10px;font-size:12px}.call-screen:has(.call-scripts) .mic-check-bar{width:48px;height:5px}.call-screen:has(.call-scripts) .call-toast{top:calc(max(12px,env(safe-area-inset-top)) + 64px)}.call-screen .call-stage :is(.call-local,.call-local-blank){width:22vw;border-radius:10px;border:2px solid rgb(255 255 255 / .8)}.call-screen .call-rec{font-size:11px;padding:1px 8px;opacity:.9}.call-screen .call-toast{max-width:calc(100% - 26vw - 24px)}.call-screen:has(.call-scripts) .call-wait{top:calc(max(12px,env(safe-area-inset-top)) + 100px);transform:translate(-50%);width:max-content;max-width:calc(100% - 24px);font-size:16px;padding:10px 14px}}@media(min-width:560px){.call-screen:has(.call-scripts) .call-wait{left:calc((100% - min(420px,40%))/2);max-width:calc(100% - min(420px,40%) - 24px)}}.call-screen:has(.call-scripts) .call-alerts{position:fixed;left:12px;bottom:auto;top:calc(max(12px,env(safe-area-inset-top)) + 96px);right:38vw;margin:0;z-index:3}.virtual-practice{gap:10px}.virtual-practice .interview-scripts-pick{gap:6px;flex-wrap:wrap}.virtual-practice .interview-scripts-pick button,.virtual-practice select{min-height:44px;padding:0 10px;font-size:14px}.virtual-help{margin:0;font-size:14px;color:var(--muted, #555)}.virtual-lines{margin:0;padding:0;list-style:none;display:grid;gap:6px}.virtual-lines li{padding:6px 10px;border-radius:10px;font-size:15px;line-height:1.35}.virtual-lines li:before{content:attr(data-who);display:block;font-size:11px;font-weight:700;text-transform:uppercase;opacity:.6}.virtual-lines .virtual-you{background:#f1f1ee}.virtual-lines .virtual-rafa{background:#e7f3ec;margin-left:16px}.virtual-lines li[aria-current]{outline:2px solid var(--green)}.virtual-lines li[aria-current=step]{font-weight:700;color:var(--green)}.virtual-actions{gap:10px;align-items:center;flex-wrap:wrap}.virtual-hearing{font-size:13px;font-weight:600;color:var(--green)}.virtual-heard{margin:0;font-size:13px;color:var(--muted, #555)}.virtual-heard[data-kind=offScript]{color:#9a5b00;font-weight:600}.virtual-more summary{min-height:44px;display:flex;align-items:center;cursor:pointer;font-size:14px}@media(max-width:559px){.call-screen .call-scripts:has(.virtual-practice){max-height:40%}.virtual-practice .interview-scripts-pick{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.virtual-practice .interview-scripts-pick>*{flex:0 0 auto;white-space:nowrap}.virtual-practice .interview-scripts-pick select{width:auto}}div.likert{gap:4px;flex-wrap:wrap}div.likert>label{min-width:44px}.fast-version-admin details{border-top:1px solid var(--line, #ddd);padding:8px 0}.fast-version-admin summary{cursor:pointer;font-weight:600}.fast-version-admin video{width:100%;max-width:640px;border-radius:8px;background:#000}.fast-version-admin audio{width:100%;max-width:420px}.fast-version-admin-turns{display:grid;gap:10px;padding-left:20px}.fast-version-admin-turns p{margin:2px 0}
