@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-ext-wght-normal-BOeWTOD4.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-wght-normal-DqGufNeO.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-ext-wght-normal-DlzME5K_.woff2)format("woff2-variations");unicode-range:U+1F??}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-wght-normal-CkhJZR-_.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-vietnamese-wght-normal-CBcvBZtf.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-ext-wght-normal-DO1Apj_S.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-wght-normal-Dx4kXJAl.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter Variable;font-style:italic;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-ext-wght-italic-B5xAaiFk.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:italic;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-wght-italic-DzZdc28x.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter Variable;font-style:italic;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-ext-wght-italic-DcOpz6Lw.woff2)format("woff2-variations");unicode-range:U+1F??}@font-face{font-family:Inter Variable;font-style:italic;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-wght-italic-CILZdfAp.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter Variable;font-style:italic;font-display:swap;font-weight:100 900;src:url(/assets/inter-vietnamese-wght-italic-K3WlGtc8.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:italic;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-ext-wght-italic-0pjOp8NU.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:italic;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-wght-italic-DpCbqKDY.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/space-grotesk-vietnamese-wght-normal-D0rl6rjA.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/space-grotesk-latin-ext-wght-normal-D9tNdqV9.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/space-grotesk-latin-wght-normal-BhU9QXUp.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--background:#fff;--foreground:#202020;--surface:#efefef;--surface-subtle:#f5f5f5;--surface-warm:#ebe6dd;--popover:#fff;--muted-foreground:#555552;--faint-foreground:#6c6c68;--border:#d5d2ca;--input:#bdb9b0;--primary:#202020;--on-primary:#fff;--highlight:#ff682c;--highlight-text:#c2410c;--data-secondary:#816729;--positive:#3f5146;--positive-surface:#e8ece9;--warning:#6d5723;--warning-surface:#eee8da;--destructive:#9d3627;--destructive-surface:#f2e4e1;--display-face:"Space Grotesk Variable", "Space Grotesk", system-ui, sans-serif;--body-face:"Inter Variable", "Inter", system-ui, sans-serif;--display:64px;--display-leading:.95;--headline-lg:40px;--headline-lg-leading:1.1;--headline-md:32px;--headline-md-leading:1.18;--headline-sm:20px;--headline-sm-leading:1.25;--action:16px;--action-leading:1;--body:16px;--body-leading:1.5;--body-sm:14px;--body-sm-leading:1.45;--label:14px;--label-leading:1.25;--tight:-.02em;--rounded-none:0px;--rounded-control:4px;--rounded-card:8px;--rounded-full:9999px;--unit:4px;--xs:8px;--sm:12px;--md:16px;--lg:20px;--xl:40px;--section:80px;--page:1200px;--round-column:calc(100vh - 5rem)}[data-interface=study]{--gutter:120px}[data-interface=study] body{padding:var(--lg) var(--gutter) var(--xl);background:var(--background);color:var(--foreground);font-family:var(--body-face);font-size:var(--body);line-height:var(--body-leading);margin:0}[data-interface=study] main>h1{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}[data-interface=study] main.empty{justify-content:center;align-items:center;gap:var(--md);flex-direction:column;min-height:70vh;display:flex}[data-interface=study] main.opening{gap:var(--lg);flex-direction:column;width:min(38rem,100%);margin:0 auto;display:flex}[data-interface=study] main.active{width:min(var(--page), 100%);gap:var(--lg) var(--xl);grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"talk picture";align-items:start;margin:0 auto;display:grid}[data-interface=study] main.active>.conversation{box-sizing:border-box;height:var(--round-column);grid-area:talk;max-height:none}[data-interface=study] main.active>.picture{height:var(--round-column);grid-area:picture}[data-interface=study] main.comparison{width:min(var(--page), 100%);padding-top:calc(40px + var(--xs));gap:var(--xl);grid-template-columns:minmax(0,1fr) 30rem;align-items:start;margin:0 auto;display:grid}[data-interface=study] main.comparison>.looking{gap:var(--md);flex-direction:column;min-width:0;display:flex}[data-interface=study] main.comparison>.answering{top:var(--lg);box-sizing:border-box;max-height:calc(100vh - 2 * var(--lg));gap:var(--lg);flex-direction:column;margin:-4px;padding:4px;display:flex;position:sticky;overflow-y:auto}[data-interface=study] main.comparison section.compare{align-items:center;gap:var(--md);flex-direction:column;display:flex}[data-interface=study] main.comparison section.compare>.stage{--stage:max(16rem, calc(100vh - 10rem - 180px));height:var(--stage);justify-content:center;align-self:stretch;align-items:center;display:flex}[data-interface=study] main.comparison section.compare>.stage>.framed{max-width:100%;position:relative}[data-interface=study] main.comparison section.compare>.stage>.framed>canvas{width:auto;max-width:100%;height:auto;max-height:var(--stage);border-radius:var(--rounded-card);cursor:zoom-in;display:block}[data-interface=study] main.comparison section.compare :is(.framed,.magnify)>.letter{top:var(--xs);left:var(--xs);border-radius:var(--rounded-control);padding:0 var(--xs);background:var(--background);font-family:var(--display-face);font-size:var(--headline-sm);line-height:var(--headline-sm-leading);letter-spacing:var(--tight);position:absolute}[data-interface=study] main.comparison section.compare>section.account{box-sizing:border-box;align-self:stretch;column-gap:var(--md);border:1px solid var(--border);border-radius:var(--rounded-card);background:var(--surface);height:10rem;padding:var(--md) var(--md) var(--md) var(--lg);grid-template-rows:minmax(0,1fr) auto auto;grid-template-columns:minmax(0,1fr) auto;display:grid}[data-interface=study] main.comparison section.account>.said{font-size:var(--body-sm);line-height:var(--body-sm-leading);overflow-y:auto}[data-interface=study] main.comparison section.account>.said>p{margin:0}[data-interface=study] main.comparison section.account>.said>p+p{margin-top:var(--xs)}[data-interface=study] main.comparison section.account>.said>p.waiting{color:var(--muted-foreground)}[data-interface=study] main.comparison section.account>p.aloud{margin:0}[data-interface=study] main.comparison section.account>:is(p.status,p.voice-note){color:var(--faint-foreground);font-size:var(--body-sm);line-height:var(--body-sm-leading);grid-column:1/-1;margin:0}[data-interface=study] main.comparison .controls.compared{justify-content:center;align-items:center;gap:var(--xl);margin:0;display:flex}[data-interface=study] main.comparison .controls.compared>p{margin:0;display:flex}[data-interface=study] main.comparison .controls.compared>p.letters button{min-width:6.5rem}[data-interface=study] main.comparison .controls.compared>p.controls button{min-width:10rem}[data-interface=study] main.comparison .controls.compared>p.letters button[aria-pressed=true]{border-color:var(--highlight);color:var(--highlight-text)}[data-interface=study] main.comparison .controls.compared button:disabled{visibility:hidden}[data-interface=study] main.comparison .looking>.troubles{gap:var(--xl);justify-content:center;display:flex}[data-interface=study] main.comparison .looking>.troubles .who{margin:0;font-weight:500}[data-interface=study] main.comparison .answering>.pending{color:var(--muted-foreground);font-size:var(--body-sm);line-height:var(--body-sm-leading);margin:0}[data-interface=study] main.comparison .answering>section.questions{gap:var(--lg);flex-direction:column;display:flex}[data-interface=study] main.comparison .answering>p.answered{color:var(--muted-foreground);font-size:var(--body-sm);line-height:var(--body-sm-leading);margin:0}[data-interface=study] main.comparison .answering>p.onward{margin:0}[data-interface=study] .conversation{gap:var(--md);border:1px solid var(--border);border-radius:var(--rounded-card);background:var(--surface);min-height:0;max-height:calc(100vh - 10.5rem);padding:var(--lg);flex-direction:column;display:flex;position:relative}[data-interface=study] button.mute{border-radius:var(--rounded-control);width:34px;height:34px;color:var(--muted-foreground);cursor:pointer;background:0 0;border:0;flex:none;justify-content:center;align-items:center;margin:0;padding:0;display:flex}[data-interface=study] button.mute:hover{color:var(--foreground)}[data-interface=study] .conversation>button.mute{z-index:1;border-radius:var(--rounded-full);background:var(--surface);position:absolute;inset-block-start:var(--sm);inset-inline-end:calc(var(--lg) + var(--scrollbar,0px))}[data-interface=study] button.mute span{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}[data-interface=study] button.mute:before{content:"";background:currentColor;width:24px;height:24px;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 9h3.4L12 5.2v13.6L7.4 15H4z'/%3E%3Cpath d='M15.6 9.6a3.4 3.4 0 0 1 0 4.8'/%3E%3Cpath d='M18.2 7.2a7 7 0 0 1 0 9.6'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 9h3.4L12 5.2v13.6L7.4 15H4z'/%3E%3Cpath d='M15.6 9.6a3.4 3.4 0 0 1 0 4.8'/%3E%3Cpath d='M18.2 7.2a7 7 0 0 1 0 9.6'/%3E%3C/svg%3E");-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:24px 24px;mask-size:24px 24px;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}[data-interface=study] button.mute.off:before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 9h3.4L12 5.2v13.6L7.4 15H4z'/%3E%3Cpath d='M16 9.8l5 4.4M21 9.8l-5 4.4'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 9h3.4L12 5.2v13.6L7.4 15H4z'/%3E%3Cpath d='M16 9.8l5 4.4M21 9.8l-5 4.4'/%3E%3C/svg%3E")}@media (forced-colors:active){[data-interface=study] button.mute:before{display:none}[data-interface=study] button.mute{border:1px solid var(--primary);width:auto;height:40px;padding:10px var(--lg)}[data-interface=study] button.mute span{clip-path:none;width:auto;height:auto;margin:0;position:static;overflow:visible}}[data-interface=study] .transcript{gap:var(--sm);overflow-anchor:none;flex-direction:column;flex:1;display:flex;overflow-y:auto}[data-interface=study] .transcript p{border-radius:var(--rounded-card);max-width:42ch;padding:var(--sm) var(--md);white-space:pre-wrap;margin:0}[data-interface=study] .transcript p.agent{background:var(--surface-warm);align-self:flex-start;margin-inline-start:36px;position:relative}[data-interface=study] .transcript p.agent:before{content:"";box-sizing:border-box;border-radius:var(--rounded-full);border:1px solid var(--border);background:var(--background);width:28px;height:28px;position:absolute;inset-block-start:0;inset-inline-start:-36px}[data-interface=study] .transcript p.agent:after{content:"";background:var(--primary);width:28px;height:28px;position:absolute;inset-block-start:0;inset-inline-start:-36px;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='3.4' r='1.1' fill='black' stroke='none'/%3E%3Cpath d='M12 4.6v1.9'/%3E%3Crect x='4.5' y='6.5' width='15' height='11.5' rx='3.6'/%3E%3Ccircle cx='9.2' cy='11.6' r='1.4' fill='black' stroke='none'/%3E%3Ccircle cx='14.8' cy='11.6' r='1.4' fill='black' stroke='none'/%3E%3Cpath d='M9.4 14.9h5.2'/%3E%3Cpath d='M2 10.6v3.4M22 10.6v3.4'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='3.4' r='1.1' fill='black' stroke='none'/%3E%3Cpath d='M12 4.6v1.9'/%3E%3Crect x='4.5' y='6.5' width='15' height='11.5' rx='3.6'/%3E%3Ccircle cx='9.2' cy='11.6' r='1.4' fill='black' stroke='none'/%3E%3Ccircle cx='14.8' cy='11.6' r='1.4' fill='black' stroke='none'/%3E%3Cpath d='M9.4 14.9h5.2'/%3E%3Cpath d='M2 10.6v3.4M22 10.6v3.4'/%3E%3C/svg%3E");-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:17px 17px;mask-size:17px 17px;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}@media (forced-colors:active){[data-interface=study] .transcript p.agent:before{background:canvastext;border-color:canvastext}[data-interface=study] .transcript p.agent:after{display:none}}[data-interface=study] .transcript p.you{background:var(--background);border:1px solid var(--border);align-self:flex-end}[data-interface=study] .transcript p.note,[data-interface=study] .transcript>p.status{max-width:none;padding:0 0 0 calc(36px + var(--md));color:var(--faint-foreground);font-size:var(--body-sm);line-height:var(--body-sm-leading);align-self:stretch;position:relative}[data-interface=study] .transcript p.note.done:before{content:"✓";text-align:center;width:28px;position:absolute;inset-inline-start:0}[data-interface=study] .transcript p.failure,[data-interface=study] .conversation>p.failure{border:1px solid var(--destructive);border-radius:var(--rounded-card);background:var(--destructive-surface);color:var(--destructive);padding:var(--sm) var(--md);font-size:var(--body-sm);line-height:var(--body-sm-leading);align-self:stretch;margin:0}[data-interface=study] .transcript p.failure em{font-style:normal}[data-interface=study] .conversation>p.voice-note{color:var(--muted-foreground);font-size:var(--body-sm);line-height:var(--body-sm-leading);align-self:stretch;margin:0}[data-interface=study] .composer{align-items:flex-start;gap:var(--xs);display:flex}[data-interface=study] .composer textarea{box-sizing:border-box;border:1px solid var(--input);border-radius:var(--rounded-control);min-width:0;min-height:40px;max-height:12rem;padding:var(--xs) var(--sm);background:var(--background);color:var(--foreground);font-family:var(--body-face);font-size:var(--body);line-height:var(--body-leading);resize:none;flex:1}[data-interface=study] .composer textarea:disabled{border-color:var(--border);background:var(--surface-subtle);color:var(--faint-foreground)}[data-interface=study] .composer textarea::placeholder{color:var(--faint-foreground)}[data-interface=study] .conversation>p.go{align-items:flex-start;gap:var(--sm);color:var(--muted-foreground);font-size:var(--body-sm);line-height:var(--body-sm-leading);flex-direction:column;margin:0;display:flex}[data-interface=study] .conversation>p.onward{align-items:flex-start;gap:var(--sm);flex-direction:column;margin:0;display:flex}[data-interface=study] .picture{flex-direction:column;justify-content:center;align-items:center;display:flex}[data-interface=study] .picture>p.hint,[data-interface=study] .picture>p.controls{width:0;min-width:100%}[data-interface=study] main.active .picture>div{min-height:0}[data-interface=study] .picture>div>canvas{border-radius:var(--rounded-card);cursor:zoom-in;width:auto;max-width:100%;max-height:100%}[data-interface=study] .lightbox{cursor:zoom-out;justify-content:center;align-items:center;gap:var(--md);background:0 0;border:none;flex-direction:column;width:100vw;max-width:100vw;height:100vh;max-height:100vh;margin:0;padding:0;display:none}[data-interface=study] .lightbox[open]{display:flex}[data-interface=study] .lightbox::backdrop{background:rgb(from var(--foreground) r g b / .97)}[data-interface=study] .lightbox canvas{width:auto;max-width:92vw;height:auto;max-height:80vh;cursor:inherit;display:block}[data-interface=study] .lightbox .magnify{touch-action:none;cursor:default;flex-shrink:0;display:block;overflow:hidden}[data-interface=study] .lightbox .magnify[data-zoomed]{cursor:grab}[data-interface=study] .lightbox .magnify[data-zoomed]:active{cursor:grabbing}[data-interface=study] .lightbox button.close{top:var(--lg);right:var(--lg);cursor:pointer;width:40px;min-width:0;padding:0;position:fixed}[data-interface=study] .lightbox .hint{color:var(--on-primary);font-size:var(--body-sm);line-height:var(--body-sm-leading);text-align:center;pointer-events:none;margin:0}[data-interface=study] .lightbox .controls{justify-content:center;margin:0;display:flex}[data-interface=study] .lightbox .controls button{cursor:pointer;min-width:9rem}[data-interface=study] .lightbox .controls button:disabled{visibility:hidden}[data-interface=study] main.comparison .lightbox .magnify{position:relative}[data-interface=study] .picture>.reading{width:0;min-width:100%;min-height:0;overflow-y:auto}[data-interface=study] .picture>.reading>.profile{border-radius:var(--rounded-none);background:0 0;border:none;max-height:none;padding:0}[data-interface=study] .picture>p.hint{margin:var(--xs) 0 0;color:var(--muted-foreground);font-size:var(--body-sm);line-height:var(--body-sm-leading);text-align:center}[data-interface=study] .picture>p.controls button:disabled{visibility:hidden}[data-interface=study] .picture>p.controls{align-items:center;gap:var(--xs);margin:var(--md) 0 0;color:var(--faint-foreground);font-size:var(--body-sm);line-height:var(--body-sm-leading);flex-wrap:wrap;display:flex}[data-interface=study] .picture>p.controls button{min-width:0;padding:10px var(--sm);flex:40%}[data-interface=study] .picture>p.controls .note{flex-basis:100%}[data-interface=study] .profile{border:1px solid var(--border);border-radius:6px var(--rounded-none) var(--rounded-none) var(--rounded-none);background:var(--surface-subtle);max-height:calc(100vh - 10.5rem);padding:var(--lg);overflow-y:auto}[data-interface=study] .profile h2{margin:0 0 var(--md);font-family:var(--display-face);font-size:var(--headline-sm);letter-spacing:var(--tight);font-weight:400;line-height:var(--headline-sm-leading)}[data-interface=study] .profile ul{gap:var(--md);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}[data-interface=study] .profile li{border-top:1px solid var(--border);padding-top:var(--sm);font-size:var(--body-sm);line-height:var(--body-sm-leading)}[data-interface=study] .profile li p{margin:0 0 var(--xs)}[data-interface=study] .profile li p:last-of-type{margin-bottom:0}[data-interface=study] .profile .heading{color:var(--foreground)}[data-interface=study] .profile li>:not(.heading){padding-left:var(--xl)}[data-interface=study] .profile .what{color:var(--foreground)}[data-interface=study] .profile .label{color:var(--muted-foreground);font-size:var(--label);letter-spacing:var(--wide);text-transform:uppercase;font-weight:500}[data-interface=study] .profile .mark{border-radius:var(--rounded-full);padding:0 var(--xs);background:var(--surface-warm);color:var(--muted-foreground);font-size:var(--label);white-space:nowrap;vertical-align:baseline;line-height:1.6;display:inline-block}[data-interface=study] .profile .mark.showing{background:var(--positive-surface);color:var(--positive)}[data-interface=study] .profile p{color:var(--muted-foreground);font-size:var(--body-sm);line-height:var(--body-sm-leading)}[data-interface=study] .profile .controls{gap:var(--xs);margin-bottom:0;display:flex}[data-interface=study] main.access{justify-content:center;align-items:center;gap:var(--md);flex-direction:column;min-height:80vh;display:flex}[data-interface=study] main.access h1{clip-path:none;width:auto;height:auto;font-family:var(--display-face);font-size:var(--headline-lg);letter-spacing:var(--tight);font-weight:400;line-height:var(--headline-lg-leading);margin:0;position:static}[data-interface=study] main.access p{align-items:center;gap:var(--xs);margin:0;display:flex}[data-interface=study] main.access p.dev-login{margin-top:calc(var(--md) * -1);color:var(--muted-foreground);font-size:var(--label);line-height:var(--label-leading)}[data-interface=study] main.access form.dev-login{gap:var(--sm);flex-direction:column;display:flex}[data-interface=study] main.access form.dev-login label{justify-content:space-between;align-items:center;gap:var(--sm);width:22rem;display:flex}[data-interface=study] main.access form.dev-login label input{flex:0 0 13rem;min-width:0}[data-interface=study] main.access form.dev-login>p:last-child{justify-content:flex-end}[data-interface=study] .provisional{border:1px dashed var(--highlight);padding:var(--sm)}[data-interface=study] .provisional>p:last-child{margin-bottom:0}[data-interface=study] main.landing,[data-interface=study] main.quiz{width:min(38rem,100%);padding:var(--xl) 0;gap:var(--lg);flex-direction:column;margin:0 auto;display:flex}[data-interface=study] main.landing>h1,[data-interface=study] main.quiz>h1{clip-path:none;white-space:normal;width:auto;height:auto;font-family:var(--display-face);font-size:var(--headline-lg);letter-spacing:var(--tight);font-weight:400;line-height:var(--headline-lg-leading);margin:0;position:static;overflow:visible}[data-interface=study] main.landing p,[data-interface=study] main.quiz p{margin:0 0 var(--xs);line-height:var(--body-leading)}[data-interface=study] main.landing.reveal{width:min(var(--page), 100%)}[data-interface=study] main.landing.reveal>p,[data-interface=study] main.landing.reveal>p.onward{width:min(38rem,100%)}[data-interface=study] main.landing.reveal section.revealed>h2{margin:0 0 var(--sm);font-family:var(--display-face);font-size:var(--headline-sm);font-weight:400;line-height:var(--headline-sm-leading)}[data-interface=study] main.landing.reveal section.revealed>.versions{gap:0 var(--xl);grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;display:grid}[data-interface=study] main.landing.reveal article.version{grid-row:span 3;grid-template-rows:subgrid;align-self:stretch;min-width:0;display:grid}[data-interface=study] main.landing.reveal article.version>h3{margin:0 0 var(--xs);font-size:var(--body);align-self:end;font-weight:500}[data-interface=study] main.landing.reveal article.version>canvas{width:100%;height:auto;margin-bottom:var(--sm);display:block}[data-interface=study] main.landing.reveal article.version>.account p{font-size:var(--body-sm);line-height:var(--body-sm-leading)}[data-interface=study] main.annotate{width:min(var(--page), 100%);padding:var(--xl) 0 0;align-items:center;gap:var(--lg);flex-direction:column;margin:0 auto;display:flex}[data-interface=study] main.annotate>fieldset>p.onward{margin:0}[data-interface=study] main.annotate>h2{font-family:var(--display-face);font-size:var(--headline-sm);letter-spacing:var(--tight);font-weight:400;line-height:var(--headline-sm-leading);margin:0}[data-interface=study] main.annotate>.frame{cursor:zoom-in}[data-interface=study] main.annotate>.frame>img{max-width:100%;max-height:calc(100vh - 24rem)}[data-interface=study] main.annotate nav.strip{gap:var(--md);align-items:center;display:flex}[data-interface=study] main.annotate nav.strip button{width:auto;height:auto;padding:var(--xs);border:1px solid var(--border);border-radius:var(--rounded-control);background:var(--surface);cursor:pointer}[data-interface=study] main.annotate nav.strip button img{width:auto;height:4rem;display:block}[data-interface=study] main.annotate nav.strip button[aria-current]{border-color:var(--highlight)}[data-interface=study] main.annotate nav.strip button>span:not(.shot){clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}[data-interface=study] main.annotate nav.strip .region{fill:color-mix(in srgb, var(--highlight) 20%, transparent);stroke:var(--highlight);stroke-width:1.5px;vector-effect:non-scaling-stroke}[data-interface=study] main.annotate .drawing{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32'%3E%3Cpath d='M4 28l2-6 15-15 4 4-15 15z' fill='%23111' stroke='%23fff' stroke-width='2' stroke-linejoin='round'/%3E%3C/svg%3E") 4 28,crosshair}[data-interface=study] main.annotate .drawing:focus{outline:2px solid var(--highlight);outline-offset:-2px}[data-interface=study] main.annotate .region{fill:color-mix(in srgb, var(--highlight) 18%, transparent);stroke:var(--highlight);stroke-width:2px;stroke-linejoin:round;vector-effect:non-scaling-stroke}[data-interface=study] main.annotate .tracing{fill:none;stroke:var(--highlight);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}[data-interface=study] main.annotate .lead{stroke:var(--highlight);stroke-dasharray:6 4;stroke-opacity:.6;stroke-width:1.5px;vector-effect:non-scaling-stroke}[data-interface=study] main.annotate .close{fill:var(--background);stroke:var(--highlight);stroke-width:2px;vector-effect:non-scaling-stroke}[data-interface=study] main.annotate .close[data-active]{fill:var(--highlight)}[data-interface=study] main.annotate .cursor{fill:var(--highlight);fill-opacity:.75}[data-interface=study] main.annotate .remove{border:1px solid var(--highlight);border-radius:var(--rounded-full);background:var(--background);width:1.5rem;height:1.5rem;color:var(--highlight-text);font-size:var(--body-sm);cursor:pointer;place-items:center;padding:0;line-height:1;display:grid}[data-interface=study] main.annotate .remove:hover{background:var(--highlight);color:var(--on-primary)}[data-interface=study] main.annotate .mark{align-items:center;gap:var(--xs);display:flex;translate:-.75rem -50%}[data-interface=study] main.annotate .mark .action{border:1px solid var(--highlight);border-radius:var(--rounded-full);background:var(--background);display:flex;overflow:hidden}[data-interface=study] main.annotate .mark .action label{padding:0 var(--xs);color:var(--highlight-text);font-size:var(--body-sm);cursor:pointer;line-height:1.5rem;position:relative}[data-interface=study] main.annotate .mark .action input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}[data-interface=study] main.annotate .mark .action label:has(input:checked){background:var(--highlight);color:var(--on-primary)}[data-interface=study] main.annotate .mark .action label:has(input:focus-visible){outline:2px solid var(--highlight);outline-offset:-2px}[data-interface=study] main.annotate .region[data-unchosen]{stroke-dasharray:6 4}[data-interface=study] main.annotate>p.hint{margin:var(--xs) 0 0;color:var(--muted-foreground);font-size:var(--body-sm)}[data-interface=study] main.annotate>p[role=alert]{text-align:left;width:min(38rem,100%)}[data-interface=study] main.landing label.confirm{align-items:flex-start;gap:var(--sm);border:1px solid var(--input);border-radius:var(--rounded-control);padding:var(--sm) var(--md);background:var(--background);line-height:var(--body-leading);cursor:pointer;margin:0;display:flex}[data-interface=study] main.landing label.confirm.ticked{border-color:var(--foreground);background:var(--surface-subtle)}[data-interface=study] main.landing label.confirm input{width:18px;height:18px;accent-color:var(--primary);flex:none;margin:3px 0 0}[data-interface=study] main.quiz>p.instruction{border-bottom:1px solid var(--border);padding-bottom:var(--lg);margin:0}[data-interface=study] main.quiz.provisional{padding:var(--xl) var(--md)}[data-interface=study] :is(main.quiz,section.questions) ol.items{margin:0;padding:0;list-style:none}[data-interface=study] :is(main.quiz,section.questions) ol.items>li+li{margin-top:var(--lg);border-top:1px solid var(--border);padding-top:var(--lg)}[data-interface=study] :is(main.quiz,section.questions) ol.items{border-bottom:1px solid var(--border);padding-bottom:var(--lg)}[data-interface=study] :is(main.quiz,section.questions) .name{font-size:var(--body);font-weight:500;line-height:var(--body-leading);margin:0;display:block}[data-interface=study] :is(main.quiz,section.questions) .asked{margin:var(--unit) 0 0;color:var(--muted-foreground);font-size:var(--body-sm);line-height:var(--body-sm-leading)}[data-interface=study] :is(main.quiz,section.questions) .slider{--thumb:1rem;align-items:center;column-gap:var(--sm);margin-top:var(--sm);grid-template-columns:1fr 3rem;display:grid}[data-interface=study] :is(main.quiz,section.questions) .slider .track{flex-direction:column;display:flex}[data-interface=study] :is(main.quiz,section.questions) .slider input[type=range]{width:100%;accent-color:var(--primary);margin:0}[data-interface=study] :is(main.quiz,section.questions) .slider .ticks{height:var(--xs);margin:0 calc(var(--thumb) / 2);background:repeating-linear-gradient(to right, var(--border) 0 1px, transparent 1px calc((100% - 1px) / var(--intervals)))}[data-interface=study] :is(main.quiz,section.questions) .slider .ends{color:var(--faint-foreground);font-size:var(--body-sm);line-height:var(--body-sm-leading);justify-content:space-between;display:flex}[data-interface=study] :is(main.quiz,section.questions) .slider output.value{font-family:var(--display-face);font-size:var(--headline-sm);font-weight:400;line-height:var(--headline-sm-leading);letter-spacing:var(--tight);text-align:right;font-variant-numeric:tabular-nums}[data-interface=study] :is(main.quiz,section.questions) .points{align-items:center;gap:var(--xs);margin-top:var(--sm);display:flex}[data-interface=study] :is(main.quiz,section.questions) .points .end{color:var(--faint-foreground);font-size:var(--body-sm);line-height:var(--body-sm-leading);flex:0 auto}[data-interface=study] :is(main.quiz,section.questions) .points .end:last-child{text-align:right}[data-interface=study] :is(main.quiz,section.questions) label.point{align-items:center;gap:var(--unit);border:1px solid var(--border);background:var(--surface-subtle);min-width:0;padding:var(--xs);cursor:pointer;flex-direction:column;flex:1 1 0;display:flex}[data-interface=study] :is(main.quiz,section.questions) label.point:has(input:checked){border-color:var(--primary);background:var(--surface)}[data-interface=study] :is(main.quiz,section.questions) .points.worded{align-items:stretch}[data-interface=study] :is(main.quiz,section.questions) .points.worded label.point{justify-content:flex-start}[data-interface=study] :is(main.quiz,section.questions) .word{text-align:center;color:var(--faint-foreground);font-size:var(--body-sm);line-height:var(--body-sm-leading);display:block}[data-interface=study] :is(main.quiz,section.questions) table.rank{border-collapse:separate;border-spacing:var(--xs);margin-top:var(--sm);table-layout:fixed;width:100%}[data-interface=study] :is(main.quiz,section.questions) table.rank thead td{width:7rem}[data-interface=study] :is(main.quiz,section.questions) table.rank th{text-align:left;vertical-align:bottom;font-weight:400}[data-interface=study] :is(main.quiz,section.questions) table.rank thead th{text-align:center}[data-interface=study] :is(main.quiz,section.questions) table.rank td{padding:0}[data-interface=study] :is(main.quiz,section.questions) table.rank label.point{flex-direction:row;justify-content:center}[data-interface=study] main.quiz.tickbox .row{justify-content:space-between;align-items:center;gap:var(--sm);border:1px solid var(--border);background:var(--surface-subtle);padding:var(--xs) var(--sm);display:flex}[data-interface=study] main.quiz.tickbox .row:has(input:checked:not([value=none])){border-color:var(--primary);background:var(--surface)}[data-interface=study] main.quiz.tickbox .row.group{align-items:flex-start}[data-interface=study] main.quiz.tickbox .row.group.mixed{border-color:var(--primary)}[data-interface=study] main.quiz.tickbox .row.group .name{display:block}[data-interface=study] main.quiz.tickbox .row.group .covers{color:var(--muted-foreground);font-size:var(--body-sm);line-height:var(--body-sm-leading);display:block}[data-interface=study] main.quiz.tickbox details.single{margin-top:var(--xs)}[data-interface=study] main.quiz.tickbox details.single>summary{width:fit-content;color:var(--muted-foreground);font-size:var(--body-sm);line-height:var(--body-sm-leading);cursor:pointer}[data-interface=study] main.quiz.tickbox details.single>.rows{gap:var(--xs);margin:var(--xs) 0 0 var(--xl);flex-direction:column;display:flex}[data-interface=study] main.quiz.tickbox .dial{border:1px solid var(--border);flex:none;display:inline-flex}[data-interface=study] main.quiz.tickbox .dial label{font-size:var(--body-sm);line-height:var(--body-sm-leading);cursor:pointer;align-items:center;gap:.3rem;padding:.2rem .55rem;display:flex}[data-interface=study] main.quiz.tickbox .dial label+label{border-left:1px solid var(--border)}[data-interface=study] main.quiz.tickbox .dial label:has(input:checked){background:var(--surface);box-shadow:inset 0 0 0 1px var(--primary)}[data-interface=study] main.quiz.tickbox .dial input{accent-color:var(--primary);margin:0}[data-interface=study] main.quiz .picked{border:1px solid var(--border);background:var(--surface-subtle);padding:var(--sm)}[data-interface=study] main.quiz .picked :is(p,ul){margin:0}[data-interface=study] main.quiz .picked ul{padding-left:1.25rem}[data-interface=study] :is(main.quiz,section.questions) .choice{gap:var(--xs);margin-top:var(--sm);flex-direction:column;display:flex}[data-interface=study] :is(main.quiz,section.questions) .choice label.option{align-items:center;gap:var(--sm);border:1px solid var(--border);background:var(--surface-subtle);padding:var(--xs) var(--sm);cursor:pointer;display:flex}[data-interface=study] :is(main.quiz,section.questions) .choice label.option:has(input:checked){border-color:var(--primary);background:var(--surface)}[data-interface=study] :is(main.quiz,section.questions) .menu{gap:var(--xs);margin-top:var(--sm);flex-direction:column;display:flex}[data-interface=study] :is(main.quiz,section.questions) .menu select{appearance:none;font:inherit;color:inherit;border:1px solid var(--input);background-color:var(--surface);width:100%;padding:var(--xs) var(--sm);padding-right:calc(var(--sm) * 3);cursor:pointer;background-image:linear-gradient(45deg,#0000 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,#0000 50%);background-position:right calc(var(--sm) + 5px) center, right var(--sm) center;background-repeat:no-repeat;background-size:5px 5px,5px 5px;border-radius:4px}[data-interface=study] :is(main.quiz,section.questions) .menu select:has(option[value=""]:checked){color:var(--muted-foreground)}[data-interface=study] :is(main.quiz,section.questions) .menu select:disabled{cursor:default;opacity:.6}[data-interface=study] :is(main.quiz,section.questions) .menu input.wrote{font:inherit;color:inherit;border:1px solid var(--input);background:var(--surface);width:100%;padding:var(--xs) var(--sm);border-radius:4px}[data-interface=study] :is(main.quiz,section.questions) .sentence{margin-top:var(--sm);gap:var(--unit);display:grid}[data-interface=study] :is(main.quiz,section.questions) .sentence textarea{box-sizing:border-box;border:1px solid var(--input);border-radius:var(--rounded-control);width:100%;padding:var(--xs) var(--sm);background:var(--background);color:var(--foreground);font-family:var(--body-face);font-size:var(--body);line-height:var(--body-leading);resize:none}[data-interface=study] :is(main.quiz,section.questions) .sentence textarea:disabled{border-color:var(--border);background:var(--surface-subtle);color:var(--faint-foreground)}[data-interface=study] :is(main.quiz,section.questions) .sentence .count{color:var(--faint-foreground);font-size:var(--body-sm);line-height:var(--body-sm-leading);text-align:right;font-variant-numeric:tabular-nums}[data-interface=study] :is(main.quiz,section.questions) .given{margin:var(--xs) 0 0;font-family:var(--display-face);font-size:var(--headline-sm);font-weight:400;line-height:var(--headline-sm-leading);letter-spacing:var(--tight);font-variant-numeric:tabular-nums}[data-interface=study] :is(main.quiz,section.questions) .given.said{font-family:var(--body-face);font-size:var(--body);line-height:var(--body-leading);letter-spacing:normal;white-space:pre-wrap}[data-interface=study] :is(main.quiz,section.questions,main.annotate) p.owing{color:var(--highlight-text);font-size:var(--body-sm);line-height:var(--body-sm-leading);margin:0}[data-interface=study] :is(main.quiz,section.questions) p.skip{color:var(--muted-foreground);font-size:var(--body-sm);line-height:var(--body-sm-leading);margin:0}[data-interface=study] :is(main.quiz,section.questions) ol.items>li.note>p.name{color:var(--muted-foreground);font-weight:400}[data-interface=study] details.menu{top:var(--lg);right:var(--gutter);position:absolute}[data-interface=study] details.menu>summary{width:40px;height:40px;color:var(--muted-foreground);font-size:var(--headline-sm);cursor:pointer;justify-content:center;align-items:center;line-height:1;list-style:none;display:flex}[data-interface=study] details.menu>summary::-webkit-details-marker{display:none}[data-interface=study] details.menu[open]>summary{color:var(--foreground)}[data-interface=study] details.menu>div{top:calc(40px + var(--xs));border:1px solid var(--border);border-radius:var(--rounded-card);min-width:220px;padding:var(--xs);background:var(--popover);flex-direction:column;display:flex;position:absolute;right:0}[data-interface=study] details.menu>div>button{border-radius:var(--rounded-control);height:40px;padding:0 var(--sm);color:var(--foreground);font-family:var(--display-face);font-size:var(--action);line-height:var(--action-leading);letter-spacing:var(--tight);text-align:left;white-space:nowrap;cursor:pointer;background:0 0;border:0;align-items:center;display:flex}[data-interface=study] details.menu>div>button:hover{background:var(--surface)}[data-interface=study] details.menu>div>button.provisional{box-sizing:border-box;border:1px dashed var(--highlight);padding:0 var(--sm)}[data-interface=study] button{border:1px solid var(--primary);border-radius:var(--rounded-none);height:40px;padding:10px var(--lg);background:var(--background);color:var(--foreground);font-family:var(--display-face);font-size:var(--action);line-height:var(--action-leading);letter-spacing:var(--tight);cursor:pointer}[data-interface=study] button.outlines{place-items:center;display:grid}[data-interface=study] button.outlines>span{grid-area:1/1}[data-interface=study] button.outlines>span[aria-hidden]{visibility:hidden}[data-interface=study] .composer button,[data-interface=study] .conversation>p.go button,[data-interface=study] p.onward button{background:var(--primary);color:var(--on-primary)}[data-interface=study] p.onward button:disabled{border-color:var(--border);background:var(--surface);color:var(--faint-foreground)}[data-interface=study] .composer button.talk,[data-interface=study] :is(.conversation,.account)>p.aloud button.read{background:var(--background);width:40px;color:var(--foreground);justify-content:center;align-items:center;padding:0;display:inline-flex}[data-interface=study] .composer button.talk span,[data-interface=study] :is(.conversation,.account)>p.aloud button.read span{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}[data-interface=study] .composer button.talk:before{content:"";background:currentColor;width:20px;height:20px;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='9' y='2' width='6' height='11' rx='3'/%3E%3Cpath d='M5.5 10.5v0.5a6.5 6.5 0 0 0 13 0v-0.5'/%3E%3Cpath d='M12 17.5V21'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='9' y='2' width='6' height='11' rx='3'/%3E%3Cpath d='M5.5 10.5v0.5a6.5 6.5 0 0 0 13 0v-0.5'/%3E%3Cpath d='M12 17.5V21'/%3E%3C/svg%3E");-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:20px 20px;mask-size:20px 20px;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}[data-interface=study] .composer button.talk.listening{border-color:var(--highlight);color:var(--highlight-text)}[data-interface=study] .conversation>p.aloud{z-index:1;align-items:center;margin:0;display:flex;position:absolute;inset-block-start:var(--sm);inset-inline-end:calc(var(--lg) + var(--scrollbar,0px))}[data-interface=study] :is(.conversation,.account)>p.aloud button.read{background:var(--surface)}[data-interface=study] :is(.conversation,.account)>p.aloud button.read:before{content:"";background:currentColor;width:20px;height:20px;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M8 5.2 18.4 12 8 18.8Z' fill='black'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M8 5.2 18.4 12 8 18.8Z' fill='black'/%3E%3C/svg%3E");-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:20px 20px;mask-size:20px 20px;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}[data-interface=study] :is(.conversation,.account)>p.aloud button.read.playing{border-color:var(--highlight);color:var(--highlight-text)}[data-interface=study] :is(.conversation,.account)>p.aloud button.read.playing:before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='7.6' y='5' width='3.4' height='14' rx='1.2' fill='black'/%3E%3Crect x='13' y='5' width='3.4' height='14' rx='1.2' fill='black'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='7.6' y='5' width='3.4' height='14' rx='1.2' fill='black'/%3E%3Crect x='13' y='5' width='3.4' height='14' rx='1.2' fill='black'/%3E%3C/svg%3E")}[data-interface=study] .composer button.talk:disabled,[data-interface=study] :is(.conversation,.account)>p.aloud button.read:disabled{background:var(--surface);color:var(--faint-foreground)}@media (forced-colors:active){[data-interface=study] .composer button.talk:before,[data-interface=study] :is(.conversation,.account)>p.aloud button.read:before{display:none}[data-interface=study] .composer button.talk,[data-interface=study] :is(.conversation,.account)>p.aloud button.read{width:auto;min-width:5.5rem;padding:10px var(--lg)}[data-interface=study] .composer button.talk span,[data-interface=study] :is(.conversation,.account)>p.aloud button.read span{clip-path:none;width:auto;height:auto;margin:0;position:static;overflow:visible}}[data-interface=study] button:disabled{border-color:var(--border);background:var(--surface);color:var(--faint-foreground);cursor:default}[data-interface=study] input[type=text],[data-interface=study] input[type=password],[data-interface=study] .composer input{box-sizing:border-box;border:1px solid var(--input);border-radius:var(--rounded-control);height:40px;padding:var(--xs) var(--sm);background:var(--background);color:var(--foreground);font-family:var(--body-face);font-size:var(--body);line-height:var(--body-leading)}[data-interface=study] label{font-size:var(--label);font-weight:500;line-height:var(--label-leading)}[data-interface=study] :focus-visible{outline:2px solid var(--highlight);outline-offset:2px}[data-interface=study] [role=alert]{color:var(--destructive)}[data-interface=dev] .scoring{max-width:var(--page);padding:var(--xl) var(--md);font-family:var(--body-face);font-size:var(--body);line-height:var(--body-leading);color:var(--foreground);margin:0 auto}[data-interface=dev] .scoring h1{font-family:var(--display-face);font-size:var(--headline-lg);line-height:var(--headline-lg-leading);letter-spacing:var(--tight);margin:0 0 var(--lg);font-weight:400}[data-interface=dev] .scoring h2{font-family:var(--display-face);font-size:var(--headline-md);line-height:var(--headline-md-leading);letter-spacing:var(--tight);margin:var(--xl) 0 var(--sm);font-weight:400}[data-interface=dev] .scoring h3{font-family:var(--display-face);font-size:var(--headline-sm);line-height:var(--headline-sm-leading);letter-spacing:var(--tight);margin:0 0 var(--sm);font-weight:400}[data-interface=dev] .scoring h4{font-size:var(--label);color:var(--muted-foreground);margin:var(--md) 0 var(--xs);font-weight:500}[data-interface=dev] .scoring .bar{align-items:flex-end;gap:var(--md);padding:var(--md);background:var(--surface);border-radius:var(--rounded-card);margin-bottom:var(--xl);flex-wrap:wrap;display:flex}[data-interface=dev] .scoring .bar label{font-size:var(--label);flex-direction:column;gap:4px;font-weight:500;display:flex}[data-interface=dev] .scoring .bar input,[data-interface=dev] .scoring .bar select{border:1px solid var(--input);border-radius:var(--rounded-control);background:var(--background);height:40px;color:var(--foreground);font:inherit;padding:8px 12px}[data-interface=dev] .scoring .bar button{background:var(--primary);height:40px;color:var(--on-primary);font-family:var(--display-face);font-size:var(--action);cursor:pointer;border:0;border-radius:0;padding:10px 20px}[data-interface=dev] .scoring .band{gap:var(--md);grid-template-columns:repeat(4,1fr);display:grid}[data-interface=dev] .scoring .panel{margin:0}[data-interface=dev] .scoring .panel figcaption{font-size:var(--label);margin-bottom:var(--xs);font-weight:500}[data-interface=dev] .scoring .panel canvas{border:1px solid var(--border);border-radius:var(--rounded-card);width:100%;height:auto;display:block}[data-interface=dev] .scoring .legend{margin:var(--sm) 0 0;font-size:var(--body-sm);flex-wrap:wrap;align-items:center;gap:6px;display:flex}[data-interface=dev] .scoring .key{vertical-align:middle;border-radius:3px;width:14px;height:14px;margin-right:2px;display:inline-block}[data-interface=dev] .scoring .key.hit{background:var(--positive)}[data-interface=dev] .scoring .key.miss{background:repeating-linear-gradient(45deg, var(--warning) 0 3px, transparent 3px 6px);outline:1px solid var(--warning);outline-offset:-1px}[data-interface=dev] .scoring .key.alarm{background:repeating-linear-gradient(-45deg, var(--destructive) 0 3px, transparent 3px 6px);outline:1px solid var(--destructive);outline-offset:-1px}[data-interface=dev] .scoring .halves{gap:var(--lg);margin-top:var(--xl);grid-template-columns:repeat(3,1fr);align-items:start;display:grid}[data-interface=dev] .scoring .numbers{background:var(--surface-subtle);border-radius:var(--rounded-card);padding:var(--lg)}[data-interface=dev] .scoring table{border-collapse:collapse;width:100%;font-size:var(--body-sm)}[data-interface=dev] .scoring th,[data-interface=dev] .scoring td{text-align:left;border-bottom:1px solid var(--border);vertical-align:top;padding:6px 10px 6px 0;font-weight:400}[data-interface=dev] .scoring thead th{font-size:var(--label);color:var(--muted-foreground);font-weight:500}[data-interface=dev] .scoring .figure{font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap}[data-interface=dev] .scoring .wide{margin-top:var(--sm)}[data-interface=dev] .scoring .quiet{color:var(--faint-foreground);font-size:var(--body-sm)}[data-interface=dev] .scoring code{font-size:var(--body-sm);background:var(--surface);border-radius:3px;padding:1px 4px}[data-interface=dev] .scoring .refusal{background:var(--warning-surface);border-left:3px solid var(--warning);color:var(--warning);padding:var(--md);border-radius:var(--rounded-control);max-width:70ch}[data-interface=dev] .scoring [role=alert]{color:var(--destructive)}[data-interface=dev] .scoring .found-nothing{padding-left:var(--lg);max-width:80ch}[data-interface=dev] .scoring .found-nothing li{margin-bottom:var(--sm)}[data-interface=dev] .scoring :focus-visible{outline:2px solid var(--highlight);outline-offset:2px}
