@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-font-weight:initial;--tw-tracking:initial;--tw-outline-style:solid;--tw-leading:initial;--tw-duration:initial}}}.demo.svelte-12oov38{margin:0}.shop.svelte-12oov38{border-radius:var(--radius-xl,.75rem);border-style:var(--tw-border-style);border-width:var(--default-border-width,1px);--tw-border-style:solid;border-style:solid;border-color:var(--color-surface-400,oklch(70.8% 0 0));background-color:var(--color-white,#fff);font-family:var(--font-sans,"Atkinson Hyperlegible Next Variable", "Noto Sans JP Variable", sans-serif);color:#2b2b2b;--tw-shadow:0 24px 48px -28px var(--tw-shadow-color,oklch(30% .04 245/.45));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);position:relative;overflow:hidden}.shop-bar.svelte-12oov38{align-items:center;gap:calc(var(--spacing,.25rem) * 1.5);border-bottom-style:var(--tw-border-style);border-bottom-width:var(--default-border-width,1px);--tw-border-style:solid;border-style:solid;border-color:var(--color-surface-300,oklch(87% 0 0));background-color:var(--color-surface-100,oklch(97% 0 0));padding-inline:calc(var(--spacing,.25rem) * 4);padding-block:calc(var(--spacing,.25rem) * 2.5);display:flex}.shop-dot.svelte-12oov38{width:calc(var(--spacing,.25rem) * 2.5);height:calc(var(--spacing,.25rem) * 2.5);background-color:var(--color-surface-400,oklch(70.8% 0 0));border-radius:3.40282e38px}@media not all and (min-width:40rem){.shop-dot.svelte-12oov38{display:none}}.shop-version.svelte-12oov38{border-radius:var(--radius-md,.375rem);padding-inline:calc(var(--spacing,.25rem) * 2.5);padding-block:calc(var(--spacing,.25rem) * .5);--tw-font-weight:var(--font-weight-bold,700);font-size:12.5px;font-weight:var(--font-weight-bold,700);flex-shrink:0;margin-left:auto}.shop-version.audited.svelte-12oov38{background-color:var(--color-success-100,oklch(97% 0 0));color:var(--color-success-700,oklch(37.1% 0 0))}.shop-version.later.svelte-12oov38{background-color:var(--color-surface-300,oklch(87% 0 0));color:var(--color-surface-800,oklch(26.9% 0 0))}.shop-url.svelte-12oov38{margin-left:calc(var(--spacing,.25rem) * 3);text-overflow:ellipsis;white-space:nowrap;border-radius:var(--radius-md,.375rem);background-color:var(--color-white,#fff);min-width:0;padding-inline:calc(var(--spacing,.25rem) * 3);padding-block:calc(var(--spacing,.25rem) * .5);color:var(--color-surface-700,oklch(37.1% 0 0));font-size:13px;overflow:hidden}@media not all and (min-width:40rem){.shop-url.svelte-12oov38{margin-left:0}}.shop-nav.svelte-12oov38{align-items:center;column-gap:calc(var(--spacing,.25rem) * 2);row-gap:calc(var(--spacing,.25rem) * 2);padding-inline:clamp(16px,3vw,32px);padding-block:calc(var(--spacing,.25rem) * 4);flex-wrap:wrap;display:flex}@media not all and (min-width:40rem){.shop-nav.svelte-12oov38{column-gap:var(--spacing,.25rem)}}.shop-logo.svelte-12oov38{--tw-font-weight:var(--font-weight-bold,700);font-size:19px;font-weight:var(--font-weight-bold,700);--tw-tracking:var(--tracking-tight,-.025em);letter-spacing:var(--tracking-tight,-.025em);color:#7a3b52;margin-right:auto}@media not all and (min-width:40rem){.shop-logo.svelte-12oov38{flex-basis:100%}}.shop-link.svelte-12oov38{border-radius:var(--radius-md,.375rem);padding-inline:calc(var(--spacing,.25rem) * 3);padding-block:calc(var(--spacing,.25rem) * 1.5);outline-offset:2px;align-items:center;font-size:15.5px;display:inline-flex;position:relative}@media not all and (min-width:40rem){.shop-link.svelte-12oov38{padding-inline:calc(var(--spacing,.25rem) * 2);font-size:14.5px}}.shop-link.focused.svelte-12oov38{outline-style:var(--tw-outline-style);outline-width:3px;outline-color:var(--color-secondary-500,oklch(55.6% 0 0));--tw-outline-style:solid;outline-style:solid}.shop-link.marked.svelte-12oov38{outline-style:var(--tw-outline-style);outline-width:3px;outline-color:var(--color-error-500,oklch(55.6% 0 0));--tw-outline-style:dashed;outline-style:dashed}.shop-hero.svelte-12oov38{justify-content:space-between;align-items:flex-end;gap:calc(var(--spacing,.25rem) * 4);background-color:#f6eef1;flex-wrap:wrap;padding-block:clamp(20px,3vw,32px);padding-inline:clamp(16px,3vw,32px);display:flex}.shop-title.svelte-12oov38{max-width:14ch;font-family:var(--font-serif,"Merriweather Variable", "Noto Sans JP Variable", Georgia, serif);--tw-leading:1.1;word-break:auto-phrase;color:#4a2333;font-size:clamp(26px,3.4vw,40px);line-height:1.1}.shop-cta.svelte-12oov38{padding-inline:calc(var(--spacing,.25rem) * 5);padding-block:calc(var(--spacing,.25rem) * 2.5);--tw-font-weight:var(--font-weight-bold,700);font-size:15px;font-weight:var(--font-weight-bold,700);color:var(--color-white,#fff);background-color:#7a3b52;border-radius:3.40282e38px}.shop-badge.svelte-12oov38{top:calc(var(--spacing,.25rem) * -.5);width:calc(var(--spacing,.25rem) * 4);height:calc(var(--spacing,.25rem) * 4);--tw-font-weight:var(--font-weight-bold,700);font-size:10px;font-weight:var(--font-weight-bold,700);color:var(--color-white,#fff);background-color:#7a3b52;border-radius:3.40282e38px;place-items:center;display:grid;position:absolute;right:0}.speech.svelte-12oov38{align-items:center;column-gap:calc(var(--spacing,.25rem) * 3);row-gap:var(--spacing,.25rem);background-color:var(--color-surface-950,oklch(14.5% 0 0));padding-inline:clamp(16px,3vw,32px);padding-block:calc(var(--spacing,.25rem) * 3);color:var(--color-surface-100,oklch(97% 0 0));flex-wrap:wrap;display:flex}.speech-label.svelte-12oov38{--tw-font-weight:var(--font-weight-bold,700);font-size:12.5px;font-weight:var(--font-weight-bold,700);color:var(--color-secondary-300,oklch(87% 0 0))}.speech-text.svelte-12oov38{min-height:calc(var(--spacing,.25rem) * 6);font-family:var(--font-mono,"Atkinson Hyperlegible Mono Variable", ui-monospace, monospace);flex:1;font-size:15px}.speech-text.wrong.svelte-12oov38{color:#fb988d}.keycap.svelte-12oov38{border-radius:var(--radius-md,.375rem);border-style:var(--tw-border-style);border-width:var(--default-border-width,1px);border-bottom-style:var(--tw-border-style);--tw-border-style:solid;border-style:solid;border-bottom-width:3px;border-color:var(--color-surface-500,oklch(55.6% 0 0));background-color:var(--color-white,#fff);padding-inline:calc(var(--spacing,.25rem) * 2.5);padding-block:calc(var(--spacing,.25rem) * .5);font-family:var(--font-mono,"Atkinson Hyperlegible Mono Variable", ui-monospace, monospace);color:var(--color-surface-800,oklch(26.9% 0 0));font-size:13px}.note.svelte-12oov38{margin-top:calc(var(--spacing,.25rem) * 4);--tw-leading:var(--leading-normal,1.5);max-width:64ch;font-size:16px;line-height:var(--leading-normal,1.5);opacity:0;transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.5s;transition-duration:.5s}@media(prefers-reduced-motion:reduce){.note.svelte-12oov38{transition-property:none}}.note.shown.svelte-12oov38{opacity:1}.viewas.svelte-12oov38{margin-top:calc(var(--spacing,.25rem) * 6);border-radius:var(--radius-xl,.75rem);border-style:var(--tw-border-style);border-width:var(--default-border-width,1px);--tw-border-style:solid;border-style:solid;border-color:var(--line);background-color:var(--color-surface-50,oklch(98.5% 0 0));padding:calc(var(--spacing,.25rem) * 4)}@media not all and (min-width:40rem){.viewas.svelte-12oov38{padding-inline:calc(var(--spacing,.25rem) * 2.5)}}.back-bar.svelte-12oov38{inset-inline:calc(var(--spacing,.25rem) * 4);bottom:calc(var(--spacing,.25rem) * 4);z-index:20;align-items:center;column-gap:calc(var(--spacing,.25rem) * 4);row-gap:calc(var(--spacing,.25rem) * 2);border-radius:var(--radius-xl,.75rem);background-color:var(--color-surface-950,oklch(14.5% 0 0));width:fit-content;padding-block:calc(var(--spacing,.25rem) * 2);padding-right:calc(var(--spacing,.25rem) * 2);padding-left:calc(var(--spacing,.25rem) * 5);color:var(--color-surface-100,oklch(97% 0 0));--tw-shadow:0 12px 32px -8px var(--tw-shadow-color,oklch(20% .04 245/.5));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);flex-wrap:wrap;margin-inline:auto;font-size:15px;display:flex;position:fixed}.lenses.svelte-12oov38{gap:var(--spacing,.25rem);grid-template-columns:repeat(5,minmax(0,1fr));display:grid}@media not all and (min-width:359px){.lenses.svelte-12oov38{row-gap:calc(var(--spacing,.25rem) * 3);grid-template-columns:repeat(3,minmax(0,1fr))}}@media not all and (min-width:40rem){.lenses.svelte-12oov38{gap:calc(var(--spacing,.25rem) * .5)}}.lens.svelte-12oov38{cursor:pointer;justify-items:center;gap:calc(var(--spacing,.25rem) * 1.5);border-radius:var(--radius-lg,.5rem);border-style:var(--tw-border-style);padding-inline:var(--spacing,.25rem);padding-block:calc(var(--spacing,.25rem) * 1.5);color:var(--ink);background-color:#0000;border-width:0;display:grid}.lens-ring.svelte-12oov38{width:calc(var(--spacing,.25rem) * 12);height:calc(var(--spacing,.25rem) * 12);border-style:var(--tw-border-style);--tw-border-style:solid;border-style:solid;border-width:2px;border-color:var(--color-surface-400,oklch(70.8% 0 0));background-color:var(--color-surface-100,oklch(97% 0 0));transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));border-radius:3.40282e38px;place-items:center;display:grid}@media(prefers-reduced-motion:reduce){.lens-ring.svelte-12oov38{transition-property:none}}@media not all and (min-width:40rem){.lens-ring.svelte-12oov38{width:calc(var(--spacing,.25rem) * 11);height:calc(var(--spacing,.25rem) * 11)}}.lens-ring.svelte-12oov38 svg:where(.svelte-12oov38){width:calc(var(--spacing,.25rem) * 6);height:calc(var(--spacing,.25rem) * 6)}.lens.svelte-12oov38:hover .lens-ring:where(.svelte-12oov38){border-color:var(--accent)}.lens[aria-pressed=true].svelte-12oov38 .lens-ring:where(.svelte-12oov38){border-color:var(--accent);background-color:var(--accent);color:var(--color-white,#fff);--tw-shadow:0 0 0 4px var(--tw-shadow-color,var(--color-surface-200));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.lens-label.svelte-12oov38{text-align:center;--tw-leading:var(--leading-tight,1.25);font-size:12.5px;line-height:var(--leading-tight,1.25);--tw-font-weight:var(--font-weight-bold,700);font-weight:var(--font-weight-bold,700);line-break:strict}@media not all and (min-width:40rem){.lens-label.svelte-12oov38{font-size:12px}}.compact.svelte-12oov38{gap:calc(var(--spacing,.25rem) * .5);padding:calc(var(--spacing,.25rem) * .5)}.compact.svelte-12oov38>button:where(.svelte-12oov38){min-height:calc(var(--spacing,.25rem) * 8);padding-inline:calc(var(--spacing,.25rem) * 2.5);font-size:13.5px}.compact.svelte-12oov38>button[aria-pressed=true]:where(.svelte-12oov38){background-color:var(--color-surface-50,oklch(98.5% 0 0));color:var(--ink);--tw-shadow:0 1px 2px var(--tw-shadow-color,oklch(30% .04 245/.2));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.kb-badge.svelte-12oov38{pointer-events:none;z-index:10;height:calc(var(--spacing,.25rem) * 6);min-width:calc(var(--spacing,.25rem) * 6);border-radius:var(--radius-md,.375rem);background-color:var(--color-secondary-500,oklch(55.6% 0 0));padding-inline:calc(var(--spacing,.25rem) * 1.5);--tw-font-weight:var(--font-weight-bold,700);font-size:12.5px;font-weight:var(--font-weight-bold,700);color:var(--color-white,#fff);--tw-shadow:0 0 0 2px var(--tw-shadow-color,var(--color-surface-50));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);place-items:center;display:grid;position:absolute}.transcript.svelte-12oov38{border-style:var(--tw-border-style);width:100%;max-width:none;height:100%;max-height:none;color:var(--color-surface-300,oklch(87% 0 0));background-color:#050c13;border-width:0;margin:0;padding:0}.line.svelte-12oov38{align-items:baseline;gap:calc(var(--spacing,.25rem) * 4);border-radius:var(--radius-lg,.5rem);padding-inline:calc(var(--spacing,.25rem) * 3.5);padding-block:calc(var(--spacing,.25rem) * 2.5);grid-template-columns:150px minmax(0,1fr);display:grid}@media not all and (min-width:40rem){.line.svelte-12oov38{gap:var(--spacing,.25rem);grid-template-columns:repeat(1,minmax(0,1fr))}}.line.current.svelte-12oov38{outline-style:var(--tw-outline-style);outline-width:2px;outline-color:var(--color-secondary-300,oklch(87% 0 0));background-color:#07333f}.role.svelte-12oov38{border-radius:var(--radius-md,.375rem);padding-inline:calc(var(--spacing,.25rem) * 2.5);padding-block:calc(var(--spacing,.25rem) * .5);--tw-font-weight:var(--font-weight-bold,700);font-size:12.5px;font-weight:var(--font-weight-bold,700);color:var(--color-secondary-200,oklch(92.2% 0 0));background-color:#20303b;justify-self:flex-start}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-duration{syntax:"*";inherits:false}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid;--tw-font-weight:initial;--tw-leading:initial}}}.mock.svelte-mal6gw{height:calc(var(--spacing,.25rem) * 64);border-bottom-style:var(--tw-border-style);border-bottom-width:var(--default-border-width,1px);border-color:var(--line);background-color:var(--color-surface-50,oklch(98.5% 0 0));padding-inline:calc(var(--spacing,.25rem) * 10);padding-block:calc(var(--spacing,.25rem) * 8);color:var(--color-surface-900,oklch(20.5% 0 0));flex-direction:column;justify-content:center;align-items:flex-start;display:flex}.fake-btn.svelte-mal6gw{border-radius:var(--radius-lg,.5rem);background-color:var(--color-surface-200,oklch(92.2% 0 0));padding-inline:calc(var(--spacing,.25rem) * 4);padding-block:calc(var(--spacing,.25rem) * 2.5);--tw-font-weight:var(--font-weight-bold,700);font-size:15px;font-weight:var(--font-weight-bold,700)}.fake-btn-ink.svelte-mal6gw{background-color:var(--color-surface-950,oklch(14.5% 0 0));color:var(--color-surface-50,oklch(98.5% 0 0))}.fake-field.svelte-mal6gw{margin-top:calc(var(--spacing,.25rem) * 2);width:100%;max-width:calc(var(--spacing,.25rem) * 72);border-radius:var(--radius-lg,.5rem);border-style:var(--tw-border-style);--tw-border-style:solid;background-color:var(--color-surface-50,oklch(98.5% 0 0));padding-inline:calc(var(--spacing,.25rem) * 3.5);padding-block:calc(var(--spacing,.25rem) * 2.5);border-style:solid;border-width:2px;font-size:16px}.stat.svelte-mal6gw{align-content:flex-start;gap:calc(var(--spacing,.25rem) * 2);border-radius:var(--radius-2xl,1rem);background-color:var(--color-surface-900,oklch(20.5% 0 0));padding-inline:calc(var(--spacing,.25rem) * 8);padding-block:calc(var(--spacing,.25rem) * 7);--tw-leading:1.5;color:var(--color-surface-100,oklch(97% 0 0));font-size:17px;line-height:1.5;text-decoration-line:none;display:grid}.stat-number.svelte-mal6gw{font-family:var(--font-serif,"Merriweather Variable", "Noto Sans JP Variable", Georgia, serif);--tw-leading:1;--tw-font-weight:var(--font-weight-bold,700);font-size:52px;line-height:1;font-weight:var(--font-weight-bold,700);color:var(--color-secondary-300,oklch(87% 0 0))}.note.note-light.svelte-mal6gw{border-radius:var(--radius-md,.375rem);background-color:var(--color-surface-950,oklch(14.5% 0 0));padding-inline:calc(var(--spacing,.25rem) * 2);padding-block:var(--spacing,.25rem);color:var(--color-secondary-200,oklch(92.2% 0 0))}.note.svelte-mal6gw{font-family:var(--font-serif,"Merriweather Variable", "Noto Sans JP Variable", Georgia, serif);--tw-font-weight:var(--font-weight-bold,700);font-size:16px;font-weight:var(--font-weight-bold,700);color:var(--color-error-700,oklch(37.1% 0 0));font-style:italic}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-leading{syntax:"*";inherits:false}