:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f5f6f8;--surface:#fff;--surface-soft:#eef0f4;--surface-raised:#fff;--text:#15171c;--muted:#5d6573;--border:#e2e5eb;--brand:#3352ff;--brand-hover:#2340e6;--brand-contrast:#fff;--accent:#3352ff;--accent-soft:#eef0f4;--focus:#3352ff;--good:#0b7a4b;--good-bg:#e3f6ec;--warn:#7a4b00;--warn-bg:#fff3d6;--miss:#b42318;--miss-bg:#ffe9e7;--success:var(--good);--success-bg:var(--good-bg);--warning-bg:var(--warn-bg);--warning-text:var(--warn);--danger-bg:var(--miss-bg);--danger-text:var(--miss);--warning:var(--warn);--info-bg:var(--surface-soft);--info-text:var(--text);--glass:#ffffffb8;--glass-strong:#f5f6f8f0;--hero-from:#000;--hero-to:#666;--shadow:0 1px 2px #1018280a, 0 8px 24px #1018280f;--font-sans:var(--font-geist-sans), "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Noto Sans KR", sans-serif;--font-mono:var(--font-geist-mono), ui-monospace, SFMono-Regular, Menlo, monospace;--text-xs:12px;--text-xs-lh:16px;--text-sm:14px;--text-sm-lh:20px;--text-base:16px;--text-base-lh:24px;--text-lg:18px;--text-lg-lh:28px;--text-xl:20px;--text-xl-lh:28px;--text-2xl:24px;--text-2xl-lh:32px;--text-3xl:30px;--text-3xl-lh:36px;--text-4xl:36px;--text-4xl-lh:40px;--text-5xl:48px;--text-5xl-lh:48px;--text-6xl:60px;--text-6xl-lh:60px;--text-title:var(--text-xl);--text-title-lh:var(--text-xl-lh);--text-display:var(--text-2xl);--text-display-lh:var(--text-2xl-lh);--sp-2:2px;--sp-4:4px;--sp-8:8px;--sp-12:12px;--sp-16:16px;--sp-24:24px;--sp-32:32px;--sp-40:40px;--sp-48:48px;--sp-64:64px;--sp-80:80px;--sp-96:96px;--pad-card:var(--sp-16);--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--radius-xl:12px;--radius-2xl:16px;--radius-3xl:24px;--radius-full:9999px;--radius-card:var(--radius-2xl);--ease:cubic-bezier(.22, 1, .36, 1);--dur-move:.5s;--dur-fade:.3s;--dur-reveal:.7s;--tap:44px;--safe-top:env(safe-area-inset-top,0px);--safe-left:env(safe-area-inset-left,0px);--safe-right:env(safe-area-inset-right,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--tabbar-h:64px;--gutter:var(--sp-16);--dock-h:136px}@media (min-width:721px){:root{--text-title:var(--text-2xl);--text-title-lh:var(--text-2xl-lh);--text-display:var(--text-3xl);--text-display-lh:var(--text-3xl-lh);--pad-card:var(--sp-24);--gutter:var(--sp-32)}}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#000;--surface:#181818;--surface-soft:#272727;--surface-raised:#1f1f1f;--text:#eef1f6;--muted:#9aa3b2;--border:#313131;--brand:#8098ff;--brand-hover:#a0b2ff;--brand-contrast:#000;--accent:#8098ff;--accent-soft:#272727;--focus:#a0b2ff;--good:#4fd39a;--good-bg:#1f1f1f;--warn:#ffd98a;--warn-bg:#1f1f1f;--miss:#ffb4ab;--miss-bg:#1f1f1f;--glass:#181818b8;--glass-strong:#000000eb;--hero-from:#fff;--hero-to:#9b9b9b;--shadow:none}}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);min-width:320px;color:var(--text);font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--text-base-lh);-webkit-font-smoothing:antialiased;word-break:keep-all;margin:0}button,select,textarea,input{font:inherit}button{cursor:pointer;transition:background-color var(--dur-fade) var(--ease), border-color var(--dur-fade) var(--ease), color var(--dur-fade) var(--ease), opacity var(--dur-fade) var(--ease), transform var(--dur-fade) var(--ease)}button:active:not(:disabled),a:active{transform:scale(.98)}button:disabled{cursor:not-allowed;opacity:.5}a{color:var(--brand);text-underline-offset:.22em;transition:color var(--dur-fade) var(--ease)}a:hover{color:var(--brand-hover)}:focus-visible{outline:3px solid var(--focus);outline-offset:3px}em,i,cite,address,dfn,var{font-style:normal}em{font-weight:600}h1,h2,h3,h4{margin-block:var(--sp-16) var(--sp-8);letter-spacing:-.02em;text-wrap:balance}h1{font-size:var(--text-display);line-height:var(--text-display-lh);font-weight:700}h2{font-size:var(--text-title);line-height:var(--text-title-lh);font-weight:700}h3{font-size:var(--text-lg);line-height:var(--text-lg-lh);font-weight:600}h4{font-size:var(--text-base);line-height:var(--text-base-lh);font-weight:600}p,li,dd,figcaption,blockquote{text-wrap:pretty}p{max-width:68ch;margin-block:var(--sp-16)}small{font-size:var(--text-xs);line-height:var(--text-xs-lh)}code,kbd,samp{font-family:var(--font-mono);font-size:var(--text-sm);line-height:var(--text-sm-lh)}.num{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.skip-link{left:var(--sp-16);top:calc(-1 * var(--sp-80));z-index:30;padding:var(--sp-8) var(--sp-16);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);font-weight:600;position:absolute}.skip-link:focus{top:var(--sp-8)}.site-header{z-index:10;padding:calc(var(--sp-8) + var(--safe-top)) calc(var(--gutter) + var(--safe-right)) var(--sp-8) calc(var(--gutter) + var(--safe-left));background:var(--bg);position:sticky;top:0}.site-header:has(.site-nav[data-focus]){position:static}.site-header-inner{justify-content:space-between;align-items:center;gap:var(--sp-16);max-width:1080px;margin:auto;display:flex}@media (min-width:721px){.site-header{padding-top:calc(var(--sp-12) + var(--safe-top));background:0 0}.site-header-inner{gap:var(--sp-24);width:fit-content;max-width:100%;padding:var(--sp-8) var(--sp-8) var(--sp-8) var(--sp-24);border:1px solid var(--border);border-radius:var(--radius-full);background:var(--glass);-webkit-backdrop-filter:blur(16px)saturate(1.4);box-shadow:var(--shadow)}}.brand{color:var(--text);font-size:var(--text-xl);line-height:var(--text-xl-lh);letter-spacing:-.04em;font-weight:700;text-decoration:none}.brand span{color:var(--brand)}.header-right{align-items:center;gap:var(--sp-12);display:flex}.site-nav{align-items:center;gap:var(--sp-4);font-size:var(--text-sm);line-height:var(--text-sm-lh);font-weight:600;display:flex}.site-nav>a,.more-menu>summary{align-items:center;gap:var(--sp-8);min-height:40px;padding:var(--sp-8) var(--sp-12);border-radius:var(--radius-full);color:var(--muted);white-space:nowrap;transition:background-color var(--dur-fade) var(--ease), color var(--dur-fade) var(--ease);text-decoration:none;display:inline-flex}.site-nav>a[aria-current=page],.site-nav>a:hover,.more-menu>summary:hover{color:var(--text);background:var(--surface-soft)}.more-menu{position:relative}.more-menu>summary{cursor:pointer;list-style:none}.more-menu>summary::-webkit-details-marker{display:none}.toggle-icon{width:22px;height:22px;display:inline-grid;position:relative}.toggle-icon>svg{transition:transform var(--dur-move) var(--ease), opacity var(--dur-fade) var(--ease);grid-area:1/1}.toggle-icon>svg:last-child{opacity:0;transform:rotate(-90deg)scale(.6)}.more-menu[open] .toggle-icon>svg:first-child{opacity:0;transform:rotate(90deg)scale(.6)}.more-menu[open] .toggle-icon>svg:last-child{opacity:1;transform:none}.more-menu-panel{right:0;top:calc(100% + var(--sp-12));z-index:20;width:min(256px,90vw);padding:var(--sp-8);border:1px solid var(--border);border-radius:var(--radius-2xl);background:var(--surface-raised);box-shadow:var(--shadow);animation:menu-in var(--dur-fade) var(--ease);position:absolute}.more-menu-panel a,.more-menu-panel>button{min-height:var(--tap);padding:var(--sp-8) var(--sp-12);color:var(--text);border-radius:var(--radius-lg);align-items:center;text-decoration:none;display:flex}.more-menu-panel a:hover{background:var(--surface-soft)}.more-menu-panel a[aria-current=page]{color:var(--brand);font-weight:700}@keyframes menu-in{0%{opacity:0;transform:translateY(calc(-1 * var(--sp-8)))}}.tab-icon{flex:none}@media (max-width:720px){.site-nav{left:0;right:0;bottom:calc(var(--sp-12) + var(--safe-bottom));z-index:15;width:max-content;max-width:calc(100vw - 2 * var(--sp-16));height:var(--tabbar-h);padding:var(--sp-8);gap:var(--sp-4);font-size:var(--text-xs);line-height:var(--text-xs-lh);margin-inline:auto;position:fixed}.site-nav:before{content:"";z-index:0;border:1px solid var(--border);border-radius:var(--radius-full);background:var(--glass);-webkit-backdrop-filter:blur(16px)saturate(1.4);box-shadow:var(--shadow);position:absolute;inset:0}.site-nav>a,.more-menu>summary{z-index:1;position:relative}.more-menu{height:100%}.site-nav>a,.more-menu>summary{justify-content:center;gap:var(--sp-2);min-width:64px;height:100%;min-height:0;padding:var(--sp-4) var(--sp-12);border-radius:var(--radius-full);flex-direction:column}.site-nav>a[aria-current=page]{color:var(--brand);background:var(--surface-soft)}.more-menu-panel{z-index:-1;justify-content:flex-end;gap:var(--sp-4);width:auto;height:100dvh;padding:calc(var(--sp-48) + var(--safe-top)) var(--sp-24) calc(var(--tabbar-h) + var(--sp-32) + var(--safe-bottom));background:var(--glass-strong);-webkit-backdrop-filter:blur(24px);box-shadow:none;font-size:var(--text-xl);line-height:var(--text-xl-lh);animation:panel-in var(--dur-fade) var(--ease);border:0;border-radius:0;flex-direction:column;display:flex;position:fixed;inset:auto 0 0}.more-menu-panel>*{animation:link-in var(--dur-move) var(--ease) both}.more-menu-panel>:nth-child(2){animation-delay:60ms}.more-menu-panel>:nth-child(3){animation-delay:.12s}.more-menu-panel>:nth-child(4){animation-delay:.18s}.more-menu-panel>:nth-child(5){animation-delay:.24s}.more-menu-panel>:nth-child(6){animation-delay:.3s}.more-menu-panel>:nth-child(7){animation-delay:.36s}.more-menu-panel>:nth-child(n+8){animation-delay:.4s}.site-nav[data-focus]{display:none}}@keyframes panel-in{0%{opacity:0}}@keyframes link-in{0%{opacity:0;transform:translateY(var(--sp-24))}}@media (max-width:370px){.site-nav>a,.more-menu>summary{min-width:0;padding-inline:var(--sp-8)}}.app-frame{max-width:1080px;padding:var(--sp-16) calc(var(--gutter) + var(--safe-right)) var(--sp-80) calc(var(--gutter) + var(--safe-left));margin:auto}@media (min-width:721px){.app-frame{padding-top:var(--sp-32)}}@media (max-width:720px){.app-frame{padding-bottom:calc(var(--tabbar-h) + var(--safe-bottom) + var(--sp-48))}}.app-frame main{max-width:800px;margin-inline:auto}.app-frame main>a:first-child,.back-link{align-items:center;gap:var(--sp-4);min-height:var(--tap);margin-bottom:var(--sp-8);font-size:var(--text-sm);line-height:var(--text-sm-lh);font-weight:600;text-decoration:none;display:inline-flex}.app-frame main>a:first-child:hover{text-decoration:underline}:where(.app-frame) :where(button){justify-content:center;align-items:center;gap:var(--sp-8);border:1px solid var(--brand);border-radius:var(--radius-xl);background:var(--brand);color:var(--brand-contrast);padding:var(--sp-8) var(--sp-12);font-size:var(--text-base);line-height:var(--text-base-lh);min-height:var(--tap);font-weight:600;display:inline-flex}:where(.app-frame) :where(button):hover:not(:disabled){background:var(--brand-hover)}:where(.app-frame) :where(input,select,textarea){border:1px solid var(--border);border-radius:var(--radius-xl);background:var(--surface);max-width:100%;color:var(--text);padding:var(--sp-12);transition:border-color var(--dur-fade) var(--ease)}:where(.app-frame) :where(input,select,textarea):hover{border-color:var(--muted)}.app-frame [role=alert]{color:var(--danger-text)}.app-frame main h1{margin-top:0}.app-frame main section{overflow-wrap:anywhere}.app-frame main blockquote{margin-inline:0}.card{padding:var(--pad-card);border:1px solid var(--border);border-radius:var(--radius-card);background:var(--surface);box-shadow:var(--shadow)}.btn,:where(.app-frame) .btn{justify-content:center;align-items:center;gap:var(--sp-8);min-height:var(--tap);padding:var(--sp-8) var(--sp-12);border:1px solid var(--brand);border-radius:var(--radius-xl);background:var(--brand);color:var(--brand-contrast);font-size:var(--text-base);line-height:var(--text-base-lh);transition:background-color var(--dur-fade) var(--ease), border-color var(--dur-fade) var(--ease), color var(--dur-fade) var(--ease), transform var(--dur-fade) var(--ease);font-weight:600;text-decoration:none;display:inline-flex}.btn:hover:not(:disabled){background:var(--brand-hover);color:var(--brand-contrast)}.btn[data-variant=secondary],:where(.app-frame) .btn[data-variant=secondary]{border-color:var(--border);background:var(--surface);color:var(--text)}.btn[data-variant=secondary]:hover:not(:disabled){background:var(--surface-soft);color:var(--text)}.btn[data-variant=ghost],:where(.app-frame) .btn[data-variant=ghost]{color:var(--brand);background:0 0;border-color:#0000}.btn[data-variant=ghost]:hover:not(:disabled){background:var(--accent-soft);color:var(--brand)}.chip{align-items:center;gap:var(--sp-8);width:fit-content;margin:var(--sp-8) 0;padding:var(--sp-4) var(--sp-12);border-radius:var(--radius-full);background:var(--surface-soft);color:var(--muted);font-size:var(--text-sm);line-height:var(--text-sm-lh);border:1px solid #0000;font-weight:600;display:inline-flex}.chip[data-tone=ok]{background:var(--success-bg);color:var(--success)}.chip[data-tone=info]{background:var(--surface-soft);color:var(--brand)}.chip[data-tone=warning]{background:var(--warning-bg);color:var(--warning-text)}.chip[data-tone=danger]{background:var(--danger-bg);color:var(--danger-text)}@media (prefers-color-scheme:dark){.chip[data-tone]{border-color:color-mix(in srgb, currentColor 40%, transparent)}}.eyebrow{margin:0 0 var(--sp-4);color:var(--brand);font-size:var(--text-xs);line-height:var(--text-xs-lh);letter-spacing:.04em;font-weight:700}.text-button,:where(.app-frame) .text-button{align-items:center;gap:var(--sp-4);min-height:var(--tap);padding:0 var(--sp-8);border-radius:var(--radius-lg);color:var(--brand);font-size:var(--text-base);line-height:var(--text-base-lh);text-underline-offset:.2em;background:0 0;border:0;font-weight:600;text-decoration:underline;display:inline-flex}:where(.app-frame) .text-button:hover:not(:disabled){background:var(--accent-soft)}.icon{vertical-align:-.125em;flex:none}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.skeleton{gap:var(--sp-12);display:grid}.skeleton>span[data-shape],.skeleton-line{height:var(--text-base-lh);border-radius:var(--radius-lg);background:var(--surface-soft);animation:shimmer 1.6s var(--ease) infinite alternate;display:block}.skeleton>span[data-shape=title]{height:var(--text-display-lh);width:60%}.skeleton>span[data-shape=block]{border-radius:var(--radius-card);height:160px}.skeleton>span[data-shape=row]{border-radius:var(--radius-xl);height:56px}.skeleton>span[data-shape=short]{width:40%}@keyframes shimmer{to{opacity:.45}}.working-dots{gap:var(--sp-4);flex:none;display:inline-flex}.working-dots>span{border-radius:var(--radius-full);width:6px;height:6px;animation:dot-fade 1.2s var(--ease) infinite;background:currentColor}.working-dots>span:nth-child(2){animation-delay:.2s}.working-dots>span:nth-child(3){animation-delay:.4s}@keyframes dot-fade{0%,to{opacity:.25}40%{opacity:1}}.empty-state{justify-items:start;gap:var(--sp-8);padding:var(--pad-card);border:1px solid var(--border);border-radius:var(--radius-card);background:var(--surface);display:grid}.empty-state>svg{color:var(--brand)}.empty-state h2,.empty-state p{margin:0}.reveal-ready [data-reveal]:not([data-revealed]){opacity:0;transform:translateY(var(--sp-32))}.reveal-ready [data-reveal]{transition:opacity var(--dur-reveal) var(--ease), transform var(--dur-reveal) var(--ease)}.hero-title{background:linear-gradient(90deg, var(--hero-from), var(--hero-to));color:#0000;-webkit-background-clip:text;background-clip:text;max-width:680px}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}button:active:not(:disabled),a:active,.reveal-ready [data-reveal]:not([data-revealed]),.more-menu-panel>*,.toggle-icon>svg{transform:none!important}.more-menu-panel>*{animation-name:panel-in}}.list{margin:0;padding:0;list-style:none}.list>li+li{border-top:1px solid var(--border)}.list-row,:where(.app-frame) .list-row{align-items:center;gap:var(--sp-12);min-height:56px;padding:var(--sp-12) 0;color:var(--text);font-size:var(--text-base);line-height:var(--text-base-lh);transition:color var(--dur-fade) var(--ease);background:0 0;border:0;border-radius:0;font-weight:400;text-decoration:none;display:flex}.list-row>span:first-child{flex:1;min-width:0;display:grid}.list-row strong{font-weight:600}.list-row small{color:var(--muted);font-size:var(--text-sm);line-height:var(--text-sm-lh)}.list-row>.icon{color:var(--muted);transition:transform var(--dur-move) var(--ease)}:where(.app-frame) .list-row:hover:not(:disabled),.list-row:hover{color:var(--brand);background:0 0}.list-row:hover>.icon{color:var(--brand);transform:translateX(var(--sp-4))}.disclosure{border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.disclosure>summary{justify-content:space-between;align-items:center;gap:var(--sp-8);min-height:var(--tap);padding:var(--sp-8) 0;color:var(--muted);font-size:var(--text-sm);line-height:var(--text-sm-lh);cursor:pointer;transition:color var(--dur-fade) var(--ease);font-weight:600;list-style:none;display:flex}.disclosure>summary::-webkit-details-marker{display:none}.disclosure>summary:hover{color:var(--text)}.disclosure>summary .icon{transition:transform var(--dur-move) var(--ease)}.disclosure[open]>summary .icon{transform:rotate(180deg)}.disclosure-body{gap:var(--sp-24);padding:var(--sp-8) 0 var(--sp-24);display:grid}.practice{margin-inline:auto;max-width:640px!important}.practice-top{z-index:8;align-items:center;gap:var(--sp-12);min-height:56px;margin:0 0 var(--sp-16);background:var(--bg);display:flex;position:sticky;top:0}.practice-close,:where(.app-frame) .practice-close{width:var(--tap);height:var(--tap);min-height:var(--tap);margin:0 0 0 calc(-1 * var(--sp-12));border-radius:var(--radius-full);color:var(--text);background:0 0;border:0;flex:none;place-items:center;padding:0;display:grid}.practice-close:hover{color:var(--text);background:var(--surface-soft)}.practice-steps{gap:var(--sp-4);flex:1;margin:0;padding:0;list-style:none;display:flex}.practice-steps>li{border-radius:var(--radius-full);background:var(--border);height:4px;transition:background-color var(--dur-fade) var(--ease);flex:1}.practice-steps>li[data-state=done]{background:var(--text)}.practice-steps>li[data-state=now]{background:var(--brand)}.practice-count{color:var(--muted);font-family:var(--font-mono);font-size:var(--text-sm);line-height:var(--text-sm-lh);font-variant-numeric:tabular-nums;flex:none}.practice-label{margin:0 0 var(--sp-8);color:var(--muted);font-size:var(--text-sm);line-height:var(--text-sm-lh);font-weight:600}.practice-title{margin:0 0 var(--sp-8);font-size:var(--text-2xl);line-height:var(--text-2xl-lh);letter-spacing:-.02em;text-wrap:balance;font-weight:700}@media (min-width:721px){.practice-title{font-size:var(--text-3xl);line-height:var(--text-3xl-lh)}}.practice-focus{gap:var(--sp-24);display:grid}.sentence-en{font-size:var(--text-xl);line-height:var(--text-xl-lh);letter-spacing:-.01em;overflow-wrap:anywhere;margin:0;font-weight:600}.sentence-en[data-size=lg]{font-size:var(--text-2xl);line-height:var(--text-2xl-lh)}.support-ko{color:var(--muted);font-size:var(--text-sm);line-height:var(--text-sm-lh);margin:0}.practice-dock{justify-items:center;gap:var(--sp-8);margin-top:var(--sp-32);display:grid}@media (max-width:720px){.practice-dock{z-index:12;padding:var(--sp-16) calc(var(--sp-16) + var(--safe-right)) calc(var(--sp-16) + var(--safe-bottom)) calc(var(--sp-16) + var(--safe-left));border-top:1px solid var(--border);background:var(--glass-strong);-webkit-backdrop-filter:blur(16px);margin:0;position:fixed;bottom:0;left:0;right:0}.practice{padding-bottom:var(--dock-h)}}.dock-row{align-items:center;gap:var(--sp-12);grid-template-columns:1fr auto 1fr;width:100%;max-width:640px;display:grid}.dock-row>:first-child{justify-self:start}.dock-row>:last-child{justify-self:end}.dock-caption{color:var(--muted);font-size:var(--text-sm);line-height:var(--text-sm-lh);text-align:center;margin:0}.record,:where(.app-frame) .record{--level:0;justify-items:center;gap:var(--sp-8);border-radius:var(--radius-2xl);min-height:0;color:var(--text);font-size:var(--text-sm);line-height:var(--text-sm-lh);background:0 0;border:0;padding:0;font-weight:600;display:grid}:where(.app-frame) .record:hover:not(:disabled){background:0 0}.record-disc{isolation:isolate;border-radius:var(--radius-full);background:var(--brand);width:72px;height:72px;color:var(--brand-contrast);transition:background-color var(--dur-fade) var(--ease), transform var(--dur-fade) var(--ease);place-items:center;display:grid;position:relative}.record:hover:not(:disabled) .record-disc{background:var(--brand-hover)}.record-disc>svg{width:32px;height:32px}.record-disc:before{content:"";z-index:-1;border-radius:inherit;background:color-mix(in srgb, var(--miss) 22%, transparent);transform:scale(calc(1 + var(--level) * .5));opacity:0;transition:transform .2s var(--ease), opacity var(--dur-fade) var(--ease);position:absolute;inset:0}.record[data-state=recording] .record-disc{background:var(--miss)}.record[data-state=recording] .record-disc:before{opacity:1}.record[data-state=recording]:hover:not(:disabled) .record-disc{background:var(--miss)}.record[data-state=saving] .record-disc{background:var(--surface-soft);color:var(--text)}@media (prefers-reduced-motion:reduce){.record-disc:before{transition:opacity var(--dur-fade) var(--ease)}}[data-tone=good]>.tone-mark,.tone-good{color:var(--good)}[data-tone=warn]>.tone-mark,.tone-warn{color:var(--warn)}[data-tone=miss]>.tone-mark,.tone-miss{color:var(--miss)}.result-head{align-items:center;gap:var(--sp-8);font-size:var(--text-lg);line-height:var(--text-lg-lh);margin:0;font-weight:700;display:flex}.result-head>.tone-mark{border-radius:var(--radius-full);border:2px solid;flex:none;place-items:center;width:24px;height:24px;display:grid}.outbox-chip{cursor:pointer;min-height:32px;margin:0}