@layer components{.drop{display:grid;justify-items:center;gap:6px;padding:clamp(36px,6vw,64px) 26px;border:var(--recipe-drop-border-width) dashed var(--ui-edge);border-radius:var(--recipe-drop-radius);background:linear-gradient(180deg,#f5f2ec0a,#f5f2ec03),var(--ground-room);text-align:center;cursor:pointer;transition:border-color var(--recipe-motion-duration) var(--recipe-motion-ease),background var(--recipe-motion-duration) var(--recipe-motion-ease)}@media(any-hover:hover){.drop:hover{border-color:var(--ui-edge)}}.drop.is-dragging{border-color:var(--lamp);border-style:solid}.drop__input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.drop:has(.drop__input:focus-visible){outline:2px solid var(--lamp);outline-offset:3px}.checker__drop-wrap{margin-top:40px}.drop__idle{display:grid;justify-items:center;gap:6px}.drop.ui-file-state:is([data-phase=ready],[data-phase=working]),.drop.ui-file-state[data-phase=error]:has([data-file-receipt]:not([hidden])){display:block;padding:0;border:0;background:transparent;text-align:start}.drop.ui-file-state .ui-file-state__body{width:100%}.drop.ui-file-state .ui-file-state__actions{pointer-events:none}.drop.ui-file-state:has(.drop__input:focus-visible){outline-color:var(--ui-focus)}.drop__title{font-size:19px;font-variation-settings:"wdth" var(--wdth-text),"wght" 600}.drop__cta{margin-top:14px;pointer-events:none}@media(any-hover:hover){.drop:hover .drop__cta{transform:scale(var(--lift))}}.drop__hint{max-width:46ch;margin-top:14px;font-size:15px;color:var(--text-muted)}.drop__formats{margin-top:8px;font-family:var(--font-mono);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted)}.privacy{max-width:68ch;margin-top:36px}.privacy p{font-size:16px;line-height:1.55}.error{display:flex;align-items:center;gap:10px;margin-top:20px;font-size:15px}.status{display:flex;flex-direction:column;align-items:flex-start;gap:8px;margin-top:20px;font-size:15px;color:var(--text-muted)}.status__row{display:flex;align-items:center;gap:10px}.status__dot{width:7px;height:7px;border-radius:50%;background:var(--lamp)}@media(prefers-reduced-motion:no-preference){:where(html.js:not([data-motion=off])) .status__dot{animation:checker-pulse 1.2s ease infinite}}@keyframes checker-pulse{0%,to{opacity:1}50%{opacity:.3}}.status__bar,[data-progress]{position:relative;width:100%;max-width:220px;height:3px;overflow:hidden;border-radius:999px;background:var(--film-16)}.status__bar-fill,[data-progress]>span{position:absolute;inset-block:0;left:30%;width:35%;border-radius:inherit;background:var(--lamp)}@media(prefers-reduced-motion:no-preference){:where(html.js:not([data-motion=off])) .status__bar-fill,:where(html.js:not([data-motion=off])) [data-progress]>span{left:0;animation:status-bar-slide 1.3s ease-in-out infinite}}@keyframes status-bar-slide{0%{transform:translate(-100%)}to{transform:translate(385%)}}.error,.error b{color:var(--over)}.result{margin-top:32px}.result__head{display:flex;flex-wrap:wrap;gap:6px 20px;justify-content:space-between;align-items:baseline;margin-bottom:14px}.result__file{font-variation-settings:"wdth" var(--wdth-text),"wght" 600;overflow-wrap:anywhere}.result__spec{font-family:var(--font-mono);font-size:12px;letter-spacing:0;color:var(--text-muted)}.result__panel{display:grid;gap:26px;padding:26px}.readout{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin:0}.readout__item{display:grid;gap:2px}.readout__item dt{font-family:var(--font-mono);font-size:11px;font-weight:500;letter-spacing:var(--track-micro);text-transform:uppercase;color:var(--text-muted)}.readout__item dd{margin:0;font-family:var(--font-mono);font-size:clamp(22px,3vw,30px);font-weight:500;font-variant-numeric:tabular-nums;letter-spacing:0;line-height:1.1}.readout__item dd small{margin-left:6px;font-size:max(var(--step-micro),.42em);font-weight:400;color:var(--text-muted)}.readout__item--accent dd{color:var(--lamp)}.readout__item--hot dd{color:var(--over)}.verdict{display:grid;gap:4px;padding:18px 20px;border:1px solid var(--film-8);border-left:2px solid var(--film-32);background:var(--ground-console)}.verdict__state{font-family:var(--font-mono);font-size:11px;font-weight:500;letter-spacing:var(--track-micro);text-transform:uppercase;color:var(--text-muted)}.verdict p{margin:0;font-size:15px}.verdict--ok{border-left-color:var(--lamp)}.verdict--ok .verdict__state{color:var(--lamp)}.verdict--hot{border-left-color:var(--over)}.verdict--hot .verdict__state{color:var(--over)}.verdict--over,.verdict--under,.verdict--low,.verdict--silent{border-left-color:var(--film-32)}.rows{display:grid;gap:0;margin:0}.row{display:grid;grid-template-columns:minmax(0,22rem) 1fr;gap:12px 32px;padding:16px 0;border-bottom:1px solid var(--film-8)}.row dt{font-variation-settings:"wdth" var(--wdth-text),"wght" 600}.row dd{margin:0;color:var(--text-muted)}@media(max-width:700px){.row{grid-template-columns:1fr;gap:4px}.readout{grid-template-columns:1fr}}.prose h3{margin-top:34px;margin-bottom:8px}.prose p{color:var(--text-body)}.caveat{max-width:70ch;margin-top:12px;font-family:var(--font-mono);font-size:12px;line-height:1.75;letter-spacing:0;color:var(--text-body)}.caveat .n{color:var(--text)}.checker-explain .prose{display:grid;grid-template-columns:minmax(0,22rem) 1fr;column-gap:32px;align-items:start;margin-top:12px}.checker-explain .prose>h3{grid-column:1;margin:34px 0 0}.checker-explain .prose>p{grid-column:2;margin:34px 0 0}.checker-explain .prose>p+p{margin-top:12px}@media(max-width:700px){.checker-explain .prose{display:block}.checker-explain .prose>h3{margin:34px 0 8px}.checker-explain .prose>p{margin:0}.checker-explain .prose>p+p{margin-top:12px}}}@layer components{.checker__start{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);align-items:stretch;gap:16px}.checker__start:not(:has(>.audio-samples:not([hidden]))){grid-template-columns:minmax(0,1fr)}.checker__start>.drop{min-width:0}.checker__start>.drop.ui-file-state:is([data-phase=ready],[data-phase=working]){align-self:start}.audio-samples{display:grid;align-content:start;gap:12px;min-width:0;padding:22px 24px;border-radius:var(--ui-radius-card);background:color-mix(in srgb,var(--ui-ink) 4%,var(--ui-ground));color:var(--ui-ink)}.audio-samples[hidden]{display:none}.marketing-hybrid .audio-samples__title{margin:0;max-width:none;color:var(--ui-ink);font-size:.9375rem;font-weight:600;font-variation-settings:normal;letter-spacing:normal;line-height:1.3}.audio-samples__list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0;padding:0;list-style:none}.audio-sample{display:grid;gap:3px;inline-size:100%;min-block-size:56px;padding:10px 14px;border:0;border-radius:var(--ui-radius-field);background:var(--ui-card);box-shadow:inset 0 0 0 1px var(--ui-line);color:var(--ui-ink);font:inherit;text-align:start;cursor:pointer}.audio-sample b{font-size:.9375rem;font-weight:600;line-height:1.2;overflow-wrap:anywhere}.audio-sample span{color:var(--ui-body);font:400 12px/1.35 var(--ui-font-text);letter-spacing:0}.audio-sample[aria-pressed=true]{box-shadow:inset 0 0 0 2px var(--ui-audio-accent)}.audio-sample:disabled{cursor:progress;opacity:.6}.audio-sample:focus-visible{outline:2px solid var(--ui-focus);outline-offset:2px}@media(any-hover:hover){.audio-sample:not(:disabled):hover{box-shadow:inset 0 0 0 1px var(--ui-ink)}}.audio-samples__note{margin:0;color:var(--ui-body);font:400 12px/1.5 var(--ui-font-text);letter-spacing:0}@media(max-width:900px){.checker__start{grid-template-columns:minmax(0,1fr)}}@media(max-width:440px){.audio-samples__list{grid-template-columns:minmax(0,1fr)}.audio-samples{padding:18px}}.audio-workspace .result>.ui-reading{margin:0}.checker-terms__list{display:grid;margin:28px 0 0;border-top:1px solid var(--ui-line)}.checker-terms__list>div{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,5fr);gap:6px 28px;padding:20px 0;border-bottom:1px solid var(--ui-line)}.checker-terms__list dt{color:var(--ui-ink);font-size:1.0625rem;font-weight:700;line-height:1.3}.checker-terms__list dt small{display:block;margin-top:4px;color:var(--sand-text-muted);font:400 13px/1.35 var(--ui-font-text);letter-spacing:0}.checker-terms__list dd{max-width:60ch;margin:0;color:var(--ui-body);line-height:1.6}.checker-terms__method{margin-top:26px;padding:20px 22px;border-radius:var(--ui-radius-group);background:var(--ui-card);color:var(--ui-ink)}.checker-terms__method>summary{min-block-size:28px;font-weight:600;cursor:pointer}.checker-terms__method>summary:focus-visible{outline:2px solid var(--ui-focus);outline-offset:3px}@media(max-width:900px){.checker-terms__list>div{grid-template-columns:minmax(0,1fr)}}.penalty-arith{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);column-gap:48px;align-items:start}.penalty-arith>*{grid-column:1;min-width:0}.penalty-arith>.penalty-arith__figure{grid-column:2;grid-row:1 / span 3;align-self:center}.penalty-arith>.two-up{grid-column:1 / -1}.penalty-arith__figure{margin:0;padding:22px 22px 0;border-radius:var(--ui-radius-card);background:var(--ui-raised);color:var(--ui-ink)}.penalty-arith__plot{position:relative;block-size:150px;margin-inline:4px}.penalty-arith__plot>span{position:absolute;left:calc(var(--at) * 100%)}.penalty-arith__plot span>span{position:absolute;left:0;transform:translate(-50%);color:var(--ui-muted);font:400 12px/1 var(--ui-font-reading);letter-spacing:0;white-space:nowrap}.penalty-arith__plot>.penalty-arith__axis{left:0;right:0;top:96px;border-top:2px solid var(--ui-scale-track)}.penalty-arith__tick{top:90px;block-size:12px;border-left:1px solid var(--ui-scale-track)}.penalty-arith__tick>span{top:20px}.penalty-arith__tick--start>span{transform:none}.penalty-arith__target{top:70px;block-size:40px;border-left:1.5px dashed var(--ui-scale-target)}.penalty-arith__target>span{top:60px;color:var(--ui-ink)}.penalty-arith__was{top:26px;block-size:78px;border-left:3px dashed color-mix(in srgb,var(--ui-audio-stream-accent) 60%,transparent)}.penalty-arith__was>span{bottom:calc(100% + 6px);color:var(--ui-body)}.penalty-arith__plays{top:40px;block-size:64px;margin-left:-1.5px;border-left:3px solid var(--ui-audio-stream-accent)}.penalty-arith__plot>.penalty-arith__arrow{left:calc(var(--lo) * 100%);top:56px;inline-size:calc((var(--hi) - var(--lo)) * 100%);border-top:2px solid var(--ui-audio-stream-accent)}.penalty-arith__arrow:before{content:"";position:absolute;left:2px;top:-6px;border-block:5px solid transparent;border-right:9px solid var(--ui-audio-stream-accent)}.penalty-arith__plot .penalty-arith__arrow>span{left:auto;right:calc(100% + 10px);bottom:-6px;transform:none;color:var(--ui-audio-stream-accent);font-weight:500}@media(max-width:900px){.penalty-arith{grid-template-columns:minmax(0,1fr)}.penalty-arith>.penalty-arith__figure{grid-column:1;grid-row:auto;margin-block:8px 24px}}}@layer ui{.penalty-arith__figure .ui-frame-cap{margin:10px -22px 0}}
