@import "https://fonts.googleapis.com/css2?family=Shippori+Mincho+B1:wght@500;600;700;800&family=Zen+Kaku+Gothic+New:wght@300;400;500;700&family=Roboto+Mono:wght@400;500&display=swap";
@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-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--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}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--breakpoint-md:768px;--container-3xl:48rem;--radius-sm:.25rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components{.kata-page{box-sizing:border-box;flex-direction:column;gap:16px;width:100%;padding:20px;display:flex}@media (min-width:768px){.kata-page{gap:clamp(16px,1.5vw,24px);padding:clamp(20px,2.5vw,40px)}}.kata-narrow{width:100%;max-width:720px;margin-inline:auto}.kata-readable{max-width:72ch}.kata-list-column{width:100%;max-width:880px;margin-inline:auto}@media (min-width:1281px){.kata-list-column{max-width:none}}.kata-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:52vh;display:flex}.kata-empty__card{max-width:420px}.kata-cols-2{gap:clamp(14px,2vw,18px);display:grid}@media (min-width:768px){.kata-cols-2{grid-template-columns:1fr 1fr}}}@layer utilities{.collapse{visibility:collapse}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.sticky{position:sticky}.isolate{isolation:isolate}.container{width:100%}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.m-1{margin:var(--spacing)}.mx-auto{margin-inline:auto}.mb-6{margin-bottom:calc(var(--spacing) * 6)}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.w-full{width:100%}.max-w-\[440px\]{max-width:440px}.min-w-0{min-width:0}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-\[1fr_auto_1fr\]{grid-template-columns:1fr auto 1fr}.flex-col{flex-direction:column}.items-center{align-items:center}.items-start{align-items:flex-start}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.border{border-style:var(--tw-border-style);border-width:1px}.font-mono{font-family:var(--font-mono)}.uppercase{text-transform:uppercase}.italic{font-style:italic}.underline{text-decoration-line:underline}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.\[health\:audio\]{health:audio}.\[queue\:local\]{queue:local}.focus-visible\:rounded-full:focus-visible{border-radius:3.40282e38px}.focus-visible\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus-visible\:ring-\[var\(--shu-400\)\]:focus-visible{--tw-ring-color:var(--shu-400)}.focus-visible\:ring-offset-1:focus-visible{--tw-ring-offset-width:1px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}@media (min-width:768px){.md\:row-span-2{grid-row:span 2/span 2}.md\:mb-0{margin-bottom:0}.md\:block{display:block}.md\:flex{display:flex}.md\:grid{display:grid}.md\:hidden{display:none}.md\:max-w-none{max-width:none}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-\[1\.6fr_1fr\]{grid-template-columns:1.6fr 1fr}.md\:grid-cols-\[1fr_clamp\(280px\,26\%\,420px\)\]{grid-template-columns:1fr clamp(280px,26%,420px)}.md\:grid-cols-\[clamp\(260px\,28\%\,360px\)_1fr\]{grid-template-columns:clamp(260px,28%,360px) 1fr}.md\:grid-cols-\[minmax\(280px\,1\.2fr\)_minmax\(220px\,1fr\)\]{grid-template-columns:minmax(280px,1.2fr) minmax(220px,1fr)}.md\:items-start{align-items:flex-start}.md\:gap-3{gap:calc(var(--spacing) * 3)}.md\:gap-4{gap:calc(var(--spacing) * 4)}.md\:gap-6{gap:calc(var(--spacing) * 6)}.md\:self-stretch{align-self:stretch}}@media (min-width:1024px){.lg\:mx-auto{margin-inline:auto}.lg\:grid{display:grid}.lg\:hidden{display:none}.lg\:max-w-3xl{max-width:var(--container-3xl)}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-\[1\.6fr_1fr\]{grid-template-columns:1.6fr 1fr}.lg\:grid-cols-\[minmax\(280px\,340px\)_minmax\(0\,1fr\)\]{grid-template-columns:minmax(280px,340px) minmax(0,1fr)}.lg\:items-start{align-items:flex-start}.lg\:gap-4{gap:calc(var(--spacing) * 4)}.lg\:gap-5{gap:calc(var(--spacing) * 5)}}}.kata-btn{justify-content:center;align-items:center;gap:var(--space-2);font-family:var(--font-body);font-weight:500;font-size:var(--fs-body);border-radius:var(--radius);cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;border:1px solid #0000;padding:10px 20px;line-height:1;transition:background-color .15s,border-color .15s,color .15s,transform 50ms;display:inline-flex}.kata-btn:active{transform:translateY(.5px)}.kata-btn:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.kata-btn--primary{background:var(--primary);color:var(--primary-ink);box-shadow:var(--shadow-card)}.kata-btn--primary:hover{background:var(--primary-hover)}.kata-btn--secondary{color:var(--ink);border-color:var(--border-strong);background:0 0}.kata-btn--secondary:hover{background:var(--washi-100)}.dark .kata-btn--secondary:hover{background:var(--sumi-800)}.kata-btn--ghost{color:var(--ink-muted);background:0 0}.kata-btn--ghost:hover{background:var(--washi-100)}.dark .kata-btn--ghost:hover{background:var(--sumi-800)}.kata-btn--danger{color:var(--primary-soft-ink);border-color:var(--shu-200);background:0 0}.kata-btn--danger:hover{background:var(--primary-soft)}.kata-btn--sm{font-size:var(--fs-secondary);padding:7px 14px}.kata-btn--lg{font-size:var(--fs-h3);padding:13px 26px}.kata-btn--block{width:100%}.kata-btn[disabled],.kata-btn--disabled{color:var(--ink-faint);box-shadow:none;cursor:not-allowed;background:#6b615129;border-color:#0000}.dark .kata-btn[disabled],.dark .kata-btn--disabled{background:var(--sumi-800)}.kata-cta{align-items:center;gap:var(--space-3);border-radius:var(--radius-pill);background:var(--primary);color:#fff;cursor:pointer;box-shadow:var(--shadow-float);border:none;padding:16px 28px 16px 20px;transition:background-color .15s,transform 60ms;display:inline-flex}.kata-cta:hover{background:var(--primary-hover)}.kata-cta:active{transform:scale(.98)}.kata-cta__dot{background:#fff3;border-radius:50%;flex:none;place-items:center;width:36px;height:36px;display:grid}.kata-cta__dot>i{background:#fff;border-radius:50%;width:14px;height:14px;display:block}.kata-cta__label{font-family:var(--font-display);font-size:var(--fs-h3);font-weight:600}.kata-cta--inverse{color:var(--shu-600);background:#fff;box-shadow:0 8px 22px -10px #1f1a1480}.kata-cta--inverse:hover{background:#fff}.kata-cta--inverse .kata-cta__dot{background:var(--shu-500)}.kata-cta--inverse .kata-cta__dot>i{background:#fff}.kata-cta--recording{background:var(--sumi-900)}.dark .kata-cta--recording{background:var(--sumi-800)}.kata-cta--recording:hover{background:var(--sumi-900)}.kata-cta--recording .kata-cta__dot{background:var(--primary);animation:1.6s ease-in-out infinite kata-pulse}.kata-cta--recording .kata-cta__dot>i{border-radius:3px}.kata-badge{border-radius:var(--radius-pill);font-size:var(--fs-meta);font-weight:500;font-family:var(--font-body);align-items:center;gap:6px;padding:4px 10px;line-height:1.3;display:inline-flex}.kata-badge__dot{border-radius:50%;flex:none;width:6px;height:6px}.kata-badge--sm{font-size:var(--fs-label);padding:1px 7px}.kata-badge--outline{border:1px solid var(--border)}.kata-badge--live{background:var(--shu-50);color:var(--shu-700)}.dark .kata-badge--live{color:var(--shu-200);background:#9c2c1b33}.kata-badge--live .kata-badge__dot,.kata-badge--analyzing .kata-badge__dot{animation:1.4s ease-in-out infinite kata-pulse}.kata-badge--live .kata-badge__dot{background:var(--shu-500)}.kata-badge--analyzing{background:var(--ai-50);color:var(--ai-600)}.dark .kata-badge--analyzing{color:var(--ai-200);background:#3f5a6b33}.kata-badge--analyzing .kata-badge__dot{background:var(--ai-500)}.kata-badge--waiting{background:var(--kincha-50);color:var(--kincha-600)}.dark .kata-badge--waiting{color:var(--kincha-500);background:#c08a2d33}.kata-badge--done{background:var(--matcha-50);color:var(--matcha-700)}.dark .kata-badge--done{color:var(--matcha-500);background:#6f9e7f33}.kata-badge--draft{background:var(--washi-100);color:var(--ink-muted)}.dark .kata-badge--draft{background:var(--sumi-800);color:var(--ink-faint)}.kata-badge--failed{background:var(--shu-100);color:var(--shu-700)}.dark .kata-badge--failed{color:var(--shu-200);background:#9c2c1b4d}.kata-pill{border-radius:var(--radius);font-size:var(--fs-meta);font-weight:500;font-family:var(--font-body);border:1px solid #0000;align-items:center;gap:6px;padding:4px 12px;display:inline-flex}.kata-pill--won{color:var(--matcha-700);border-color:#6f9e7f66}.dark .kata-pill--won{color:var(--matcha-500)}.kata-pill--open{color:var(--ai-600);border-color:#3f5a6b66}.dark .kata-pill--open{color:var(--ai-200)}.kata-pill--lost{border-color:var(--border-strong);color:var(--ink-muted)}.kata-segment{flex-wrap:wrap;align-items:center;gap:6px;display:inline-flex}.kata-segment__btn{font-size:var(--fs-label);border-radius:var(--radius-pill);border:1px solid var(--border-strong);color:var(--ink-muted);cursor:pointer;white-space:nowrap;font-family:var(--font-body);background:0 0;padding:4px 10px;transition:background-color .15s,color .15s,border-color .15s}.kata-segment__btn:hover:not(:disabled){background:var(--washi-100)}.dark .kata-segment__btn:hover:not(:disabled){background:var(--sumi-800)}.kata-segment__btn:disabled{cursor:not-allowed}.kata-segment__btn.is-active{background:var(--shu-500);color:var(--primary-ink);border-color:var(--shu-500)}.kata-segment__btn.is-active:hover{background:var(--shu-500)}.kata-segment__btn:focus-visible{outline:2px solid var(--primary);outline-offset:1px}.kata-card{border:1px solid var(--border);border-radius:var(--radius-card);background:var(--surface);padding:var(--space-5)}.dark .kata-card{border-color:var(--border-strong);box-shadow:0 1px 2px #00000059}.kata-card--muted{background:var(--surface-muted)}.kata-card--shadow{box-shadow:var(--shadow-card)}.kata-hover{cursor:pointer;transition:background-color .15s,border-color .15s}.kata-hover:hover{background:var(--washi-100)}.dark .kata-hover:hover{background:var(--sumi-800)}.kata-hover--surface{background:var(--surface)}.kata-hover--muted{background:var(--surface-muted)}.kata-hero-ghost{background:#ffffff24;transition:background-color .15s}.kata-hero-ghost:hover{background:#ffffff42}.kata-link{color:var(--shu-600);cursor:pointer;transition:color .15s}.kata-link:hover{color:var(--shu-700);text-underline-offset:3px;text-decoration:underline}.dark .kata-link{color:var(--shu-200)}.dark .kata-link:hover{color:var(--shu-100,var(--shu-200))}.kata-link--muted{color:var(--ink-muted)}.kata-link--muted:hover{color:var(--shu-600)}.dark .kata-link--muted{color:var(--ink-muted)}.kata-score{gap:var(--space-3);flex-direction:column;display:flex}.kata-score__label{font-size:var(--fs-secondary);color:var(--ink-muted)}.kata-score__row{align-items:center;gap:var(--space-4);display:flex}.kata-score__value{font-family:var(--font-display);font-variant-numeric:tabular-nums;color:var(--ink-strong);font-size:56px;font-weight:700;line-height:.9}.kata-score__delta{font-size:var(--fs-body-sm);align-items:center;gap:4px;margin-bottom:4px;font-weight:500;display:inline-flex}.kata-score__delta--up{color:var(--success)}.kata-score__delta--down{color:var(--warning)}.kata-score__delta--flat{color:var(--ink-faint)}.kata-next{border-radius:var(--radius);background:var(--primary-soft);border:1px solid var(--primary-soft-border);padding:12px}.kata-next__label{font-family:var(--font-mono);font-size:var(--fs-meta);color:var(--primary-soft-ink);margin-bottom:2px}.kata-next__text{font-size:var(--fs-body-sm);color:var(--ink);line-height:1.55}.kata-seal{--seal-size:132px;--seal-ring:12px;--seal-pct:0;--seal-track:var(--washi-200);--seal-fill:var(--shu-500);--seal-ink:var(--ink-strong);width:var(--seal-size);height:var(--seal-size);flex:none;place-items:center;display:grid;position:relative}.dark .kata-seal{--seal-track:var(--sumi-700)}.kata-seal--md{--seal-size:104px;--seal-ring:10px}.kata-seal--sm{--seal-size:72px;--seal-ring:8px}.kata-seal--xs{--seal-size:44px;--seal-ring:6px}.kata-seal--xs .kata-seal__num{font-size:calc(var(--seal-size) * .43);letter-spacing:-.03em}.kata-seal--xs .kata-seal__face{box-shadow:inset 0 0 0 1px var(--shu-200), 0 1px 4px -2px #1f1a144d}.dark .kata-seal--xs .kata-seal__face{box-shadow:inset 0 0 0 1px #d8442e80,0 1px 4px -2px #00000080}@media (prefers-reduced-motion:no-preference){.kata-seal--animate{animation:.5s cubic-bezier(.2,.8,.3,1.4) both kata-seal-press}}@keyframes kata-seal-press{0%{opacity:0;transform:rotate(0)scale(.82)}60%{opacity:1}to{opacity:1;transform:rotate(-3deg)scale(1)}}.kata-seal--empty .kata-seal__ring{border:2px dashed var(--border-strong);background:0 0;-webkit-mask:none;mask:none}.dark .kata-seal--empty .kata-seal__ring{border-color:var(--sumi-500)}.kata-seal--empty .kata-seal__face{background:var(--surface-muted);box-shadow:inset 0 0 0 1px var(--border)}.dark .kata-seal--empty .kata-seal__face{box-shadow:inset 0 0 0 1px var(--sumi-600)}.kata-seal--empty .kata-seal__num{color:var(--ink-muted)}.dark .kata-seal--empty .kata-seal__num{color:var(--sumi-300)}.kata-seal--empty .kata-seal__face:after{display:none}.kata-seal--high{--seal-fill:var(--matcha-500);--seal-ink:var(--matcha-600);--seal-tint:#6f9e7f29}.kata-seal--mid{--seal-fill:var(--kincha-500);--seal-ink:var(--kincha-600);--seal-tint:#c08a2d29}.kata-seal--low{--seal-fill:var(--shu-500);--seal-ink:var(--shu-600);--seal-tint:#d8442e29}@supports (color:color-mix(in oklab, red, blue)){.kata-seal--high{--seal-fill:color-mix(in oklab, var(--matcha-500), var(--matcha-700) calc(max(0, var(--seal-pct) - 70) * 1.2%));--seal-ink:color-mix(in oklab, var(--matcha-600), var(--matcha-700) calc(max(0, var(--seal-pct) - 70) * 2.2%))}.kata-seal--mid{--seal-fill:color-mix(in oklab, var(--kincha-500), var(--kincha-600) calc(max(0, var(--seal-pct) - 40) * 1.4%));--seal-ink:color-mix(in oklab, var(--kincha-600), var(--sumi-700) calc(max(0, var(--seal-pct) - 40) * 1.6%))}.kata-seal--low{--seal-fill:color-mix(in oklab, var(--shu-500), var(--shu-700) calc(max(0, 40 - var(--seal-pct)) * 1.5%));--seal-ink:color-mix(in oklab, var(--shu-600), var(--shu-700) calc(max(0, 40 - var(--seal-pct)) * 1.8%))}}.dark .kata-seal--high{--seal-ink:var(--matcha-500)}.dark .kata-seal--mid{--seal-ink:var(--kincha-500)}.dark .kata-seal--low{--seal-ink:var(--shu-200)}.kata-seal__ring{background:conic-gradient(from -90deg, var(--seal-fill) calc(var(--seal-pct) * 1%), var(--seal-track) 0);-webkit-mask:radial-gradient(farthest-side, transparent calc(100% - var(--seal-ring)), #000 calc(100% - var(--seal-ring) + 1px));-webkit-mask:radial-gradient(farthest-side, transparent calc(100% - var(--seal-ring)), #000 calc(100% - var(--seal-ring) + 1px));-webkit-mask:radial-gradient(farthest-side, transparent calc(100% - var(--seal-ring)), #000 calc(100% - var(--seal-ring) + 1px));-webkit-mask:radial-gradient(farthest-side, transparent calc(100% - var(--seal-ring)), #000 calc(100% - var(--seal-ring) + 1px));mask:radial-gradient(farthest-side, transparent calc(100% - var(--seal-ring)), #000 calc(100% - var(--seal-ring) + 1px));border-radius:50%;position:absolute;inset:0}.kata-seal__face{z-index:1;width:calc(100% - var(--seal-ring) * 2 - 8px);height:calc(100% - var(--seal-ring) * 2 - 8px);background:radial-gradient(circle at 50% 46%, var(--seal-tint,transparent), transparent 72%), var(--surface);box-shadow:inset 0 0 0 1.5px var(--shu-200), 0 2px 8px -4px #1f1a1440;border-radius:50%;place-items:center;gap:0;display:grid;position:relative;overflow:hidden}.dark .kata-seal__face{box-shadow:inset 0 0 0 1.5px #d8442e80,0 2px 8px -4px #00000080}.kata-seal__face:after{content:"";pointer-events:none;opacity:.05;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='90' height='90'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.5'/%3E%3C/svg%3E");border-radius:50%;position:absolute;inset:0}.dark .kata-seal__face:after{mix-blend-mode:screen;opacity:.07}.kata-seal--lg,.kata-seal--md{transform:rotate(-3deg)}@media (prefers-reduced-motion:reduce){.kata-seal__face:after{display:none}}.kata-seal__num{font-family:var(--font-display);color:var(--seal-ink);font-variant-numeric:tabular-nums;letter-spacing:-.02em;font-weight:700;line-height:.95;font-size:calc(var(--seal-size) * .38)}.kata-seal__unit{font-size:var(--fs-label);color:var(--ink-faint);margin-top:1px;line-height:1}@media (prefers-reduced-motion:no-preference){.kata-seal__ring{transition:background .5s}}.kata-seal-chip{--chip-edge:var(--border-strong);--chip-bg:transparent;--chip-ink:var(--ink-muted);border-radius:var(--radius-seal);border:1px solid var(--chip-edge);background:var(--chip-bg);white-space:nowrap;align-items:baseline;gap:4px;padding:2px 9px;line-height:1;display:inline-flex}.kata-seal-chip__label{font-size:var(--fs-label);color:var(--ink-faint)}.kata-seal-chip__num{font-family:var(--font-display);font-size:var(--fs-body-sm);color:var(--chip-ink);font-variant-numeric:tabular-nums;font-weight:700}.kata-seal-chip--high{--chip-edge:#6f9e7f80;--chip-bg:var(--matcha-50);--chip-ink:var(--matcha-700)}.kata-seal-chip--mid{--chip-edge:#c08a2d80;--chip-bg:var(--kincha-50);--chip-ink:var(--kincha-600)}.kata-seal-chip--low{--chip-edge:var(--shu-200);--chip-bg:var(--shu-50);--chip-ink:var(--shu-700)}.dark .kata-seal-chip--high{--chip-bg:#6f9e7f2e;--chip-ink:var(--matcha-500)}.dark .kata-seal-chip--mid{--chip-bg:#c08a2d2e;--chip-ink:var(--kincha-500)}.dark .kata-seal-chip--low{--chip-bg:#9c2c1b33;--chip-ink:var(--shu-200)}.kata-ratio__head{font-size:var(--fs-meta);color:var(--ink-muted);margin-bottom:var(--space-3);justify-content:space-between;align-items:center;display:flex}.kata-ratio__bar{border-radius:var(--radius);height:32px;font-size:var(--fs-meta);color:#fff;font-variant-numeric:tabular-nums;font-weight:500;display:flex;overflow:hidden}.kata-ratio__seg{place-items:center;min-width:0;display:grid}.kata-ratio__seg--rep{background:var(--shu-500)}.kata-ratio__seg--cust{background:var(--sumi-600)}.kata-ratio__note{font-size:var(--fs-meta);color:var(--ink-muted);margin-top:var(--space-2)}.kata-bant{gap:var(--space-2);text-align:center;grid-template-columns:repeat(4,1fr);display:grid}.kata-bant__cell{border-radius:var(--radius-card);border:1px solid var(--border);background:var(--surface);flex-direction:column;align-items:center;gap:7px;padding:12px 4px 10px;transition:border-color .15s;display:flex}.kata-bant__cell>div:first-child{--bant-pct:0;--bant-fill:transparent;--bant-track:var(--washi-200);width:46px;height:46px;font-family:var(--font-display);font-size:var(--fs-body-sm);border-radius:50%;place-items:center;font-weight:600;line-height:1;display:grid;position:relative}.dark .kata-bant__cell>div:first-child{--bant-track:var(--sumi-700)}.kata-bant__cell>div:first-child:before{content:"";z-index:0;background:conic-gradient(from -90deg, var(--bant-fill) calc(var(--bant-pct) * 1%), var(--bant-track) 0);border-radius:50%;position:absolute;inset:0;-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 5px),#000 calc(100% - 4px));mask:radial-gradient(farthest-side,#0000 calc(100% - 5px),#000 calc(100% - 4px))}.kata-bant__cell>div:first-child>span{z-index:1;position:relative}.kata-bant__cap{font-size:var(--fs-label);font-weight:500}.kata-bant__cell--full{border-color:#6f9e7f59}.kata-bant__cell--full>div:first-child{--bant-pct:100;--bant-fill:var(--matcha-500);background:var(--matcha-50);color:var(--matcha-600)}.dark .kata-bant__cell--full>div:first-child{color:var(--matcha-500);background:#6f9e7f29}.kata-bant__cell--full .kata-bant__cap{color:var(--matcha-600)}.dark .kata-bant__cell--full .kata-bant__cap{color:var(--matcha-500)}.kata-bant__cell--part>div:first-child{--bant-pct:55;--bant-fill:var(--kincha-500);background:var(--kincha-50);color:var(--kincha-600)}.dark .kata-bant__cell--part>div:first-child{color:var(--kincha-500);background:#c08a2d29}.kata-bant__cell--part .kata-bant__cap{color:var(--kincha-600)}.dark .kata-bant__cell--part .kata-bant__cap{color:var(--kincha-500)}.kata-bant__cell--none{background:var(--surface-muted)}.kata-bant__cell--none>div:first-child{border:2px dashed var(--border-strong);color:var(--ink-faint)}.kata-bant__cell--none>div:first-child:before{display:none}.dark .kata-bant__cell--none>div:first-child{border-color:var(--sumi-500);color:var(--sumi-300)}.kata-bant__cell--none .kata-bant__cap{color:var(--ink-faint)}.dark .kata-bant__cell--none .kata-bant__cap{color:var(--sumi-300)}.kata-pipe__head{font-size:var(--fs-meta);color:var(--ink-muted);margin-bottom:var(--space-2);justify-content:space-between;align-items:center;display:flex}.kata-pipe__head .kata-pipe__count{font-family:var(--font-mono)}.kata-pipe__track{gap:4px;display:flex}.kata-pipe__seg{border-radius:var(--radius-pill);background:var(--border);flex:1;height:6px}.dark .kata-pipe__seg{background:var(--sumi-800)}.kata-pipe__seg--done{background:var(--matcha-500)}.kata-pipe__seg--active{background:var(--shu-500);animation:1.4s ease-in-out infinite kata-pulse}.kata-pipe__labels{margin-top:var(--space-2);font-family:var(--font-mono);font-size:var(--fs-label);color:var(--ink-faint);text-align:center;gap:4px;display:grid}.kata-pipe__labels>span.is-active{color:var(--shu-500)}.kata-tl{gap:var(--space-2);display:flex}.kata-tl__who{width:44px;font-family:var(--font-mono);font-size:var(--fs-meta);flex:none;padding-top:1px}.kata-tl__who--rep{color:var(--shu-600)}.dark .kata-tl__who--rep{color:var(--shu-200)}.kata-tl__who--cust{color:var(--ai-600)}.dark .kata-tl__who--cust{color:var(--ai-200)}.kata-tl__who--overlap{color:var(--ink-faint)}.kata-tl__time{font-family:var(--font-mono);font-size:var(--fs-label);color:var(--ink-faint);display:block}.kata-tl__text{font-size:var(--fs-body-sm);margin:0;line-height:1.55}.kata-tl--overlap{opacity:.7}.kata-tl--overlap .kata-tl__text{color:var(--ink-muted)}.kata-toast{align-items:flex-start;gap:var(--space-3);border-radius:var(--radius-card);background:var(--surface);border-left:4px solid var(--border-strong);box-shadow:var(--shadow-card);padding:14px;display:flex}.kata-toast__icon{font-size:var(--fs-body-sm);flex:none;margin-top:1px;line-height:1.2}.kata-toast__title{font-size:var(--fs-body-sm);font-weight:500}.kata-toast__desc{font-size:var(--fs-meta);color:var(--ink-muted);margin-top:2px}.kata-toast--success{border-left-color:var(--matcha-500)}.kata-toast--success .kata-toast__icon{color:var(--matcha-600)}.kata-toast--error{border-left-color:var(--shu-500)}.kata-toast--error .kata-toast__icon{color:var(--shu-600)}.kata-toast--info{border-left-color:var(--ai-500)}.kata-toast--info .kata-toast__icon{color:var(--ai-600)}.dark .kata-toast--info .kata-toast__icon{color:var(--ai-200)}.kata-field{flex-direction:column;gap:6px;display:flex}.kata-label{font-size:var(--fs-meta);color:var(--ink-muted);font-weight:500}.kata-label--error{color:var(--primary-soft-ink)}.kata-input,.kata-select{border-radius:var(--radius);background:var(--surface);width:100%;color:var(--ink);border:1px solid var(--border-strong);font-family:var(--font-body);font-size:var(--fs-body);outline:none;padding:10px 14px;transition:border-color .15s,box-shadow .15s}.dark .kata-input,.dark .kata-select{background:var(--sumi-900)}.kata-input::placeholder{color:var(--ink-faint)}.kata-input:focus,.kata-select:focus{border-color:var(--primary);box-shadow:0 0 0 3px #d8442e38}.kata-input--error{border-color:var(--primary);box-shadow:0 0 0 3px #d8442e2e}.kata-field__error{font-size:var(--fs-meta);color:var(--primary-soft-ink)}.kata-combobox{flex-direction:column;gap:6px;display:flex}.kata-combobox__list{border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--surface);flex-direction:column;gap:2px;max-height:208px;margin:0;padding:4px;list-style:none;display:flex;overflow-y:auto}.dark .kata-combobox__list{background:var(--sumi-900)}.kata-combobox__option{text-align:left;width:100%;color:var(--ink);border-radius:var(--radius-sm,6px);cursor:pointer;font-family:var(--font-body);font-size:var(--fs-secondary);background:0 0;border:none;padding:8px 10px;transition:background-color .12s}.kata-combobox__option:hover{background:var(--washi-100)}.dark .kata-combobox__option:hover{background:var(--sumi-800)}.kata-combobox__option.is-selected{background:var(--primary);color:#fff;font-weight:500}.kata-combobox__option.is-selected:hover{background:var(--primary)}.kata-combobox__empty{text-align:center;font-size:var(--fs-meta);color:var(--ink-faint);padding:12px 10px}.kata-toggle{border-radius:var(--radius-pill);cursor:pointer;background:var(--border-strong);border:none;flex:none;width:44px;height:24px;transition:background-color .18s;position:relative}.kata-toggle__knob{background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .18s;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #00000040}.kata-toggle[aria-checked=true]{background:var(--primary)}.kata-toggle[aria-checked=true] .kata-toggle__knob{transform:translate(20px)}.kata-stat{text-align:center}.kata-stat__value{font-family:var(--font-display);font-size:var(--fs-h3);color:var(--ink-strong);font-variant-numeric:tabular-nums;line-height:1.1}.kata-stat__label{font-size:var(--fs-label);color:var(--ink-faint);margin-top:4px}.dark .kata-stat__label{color:var(--sumi-300)}.kata-tml{padding-left:22px;position:relative}.kata-tml:before{content:"";background:var(--border-strong);width:2px;position:absolute;top:6px;bottom:6px;left:5px}.kata-tml__item{padding-bottom:var(--space-4);position:relative}.kata-tml__item:last-child{padding-bottom:0}.kata-tml__node{background:var(--washi-300);border:2px solid var(--surface);border-radius:50%;width:11px;height:11px;position:absolute;top:14px;left:-21px}.kata-tml__node--latest{background:var(--shu-500);box-shadow:0 0 0 3px #d8442e29}.kata-tml__node--note{background:var(--kincha-500);opacity:.75;width:9px;height:9px;top:15px;left:-20px}.dark .kata-tml__node{border-color:var(--sumi-900)}.kata-tml__meeting{align-items:center;gap:var(--space-3);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);color:var(--ink);padding:12px 14px;text-decoration:none;transition:border-color .15s,box-shadow .15s;display:flex}.kata-tml__meeting:hover{border-color:var(--shu-200);box-shadow:var(--shadow-card)}.kata-tml__meeting-body{flex:1;min-width:0}.kata-tml__meta{font-family:var(--font-mono);font-size:var(--fs-label);color:var(--ink-faint);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.kata-tml__headline{font-weight:500;font-size:var(--fs-body-sm);margin:3px 0 0}.kata-tml__sub{font-size:var(--fs-meta);color:var(--ink-muted);text-overflow:ellipsis;white-space:nowrap;margin-top:2px;overflow:hidden}.kata-tml__delta{font-size:var(--fs-label);margin-left:8px}.kata-tml__delta--up{color:var(--success)}.kata-tml__delta--down{color:var(--warning)}.kata-tml__delta--flat{color:var(--ink-faint)}.kata-tml__open{font-size:var(--fs-label);color:var(--shu-600);white-space:nowrap;border:1px solid var(--shu-200);border-radius:var(--radius-pill);flex:none;align-items:center;gap:4px;padding:5px 12px;transition:background-color .15s,color .15s;display:inline-flex}.kata-tml__meeting:hover .kata-tml__open{background:var(--shu-500);border-color:var(--shu-500);color:#fff}.dark .kata-tml__open{color:var(--shu-200);border-color:#d8442e73}.kata-tml__note{background:var(--washi-100);border:1px solid var(--border);border-left:3px solid var(--kincha-500);border-radius:var(--radius);padding:10px 14px}.dark .kata-tml__note{background:var(--sumi-800)}.kata-tml__note-body{font-size:var(--fs-body-sm);color:var(--ink);white-space:pre-wrap;margin-top:3px}.kata-audio{border-radius:var(--radius-card);border:1px solid var(--border);background:var(--surface);align-items:center;gap:12px;padding:10px 14px;display:flex}.kata-audio__play{cursor:pointer;background:var(--primary);width:40px;height:40px;color:var(--primary-ink);box-shadow:var(--shadow-seal);border:none;border-radius:50%;flex:none;place-items:center;transition:background-color .15s,transform 60ms;display:grid}.kata-audio__play:hover{background:var(--primary-hover)}.kata-audio__play:active{transform:scale(.94)}.kata-audio__play:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.kata-audio__play>svg{margin-left:.5px}.kata-audio__time{font-size:var(--fs-label);color:var(--ink-faint);flex:none}.kata-audio__range{appearance:none;border-radius:var(--radius-pill);cursor:pointer;background:linear-gradient(var(--primary), var(--primary)) 0 / var(--pct,0%) 100% no-repeat, var(--washi-200);flex:1;min-width:0;height:6px}.dark .kata-audio__range{background:linear-gradient(var(--primary), var(--primary)) 0 / var(--pct,0%) 100% no-repeat, var(--sumi-800)}.kata-audio__range::-webkit-slider-thumb{appearance:none;background:var(--primary);border:2px solid var(--surface);cursor:pointer;border-radius:50%;width:15px;height:15px;box-shadow:0 1px 3px #1f1a1466}.kata-audio__range::-moz-range-thumb{background:var(--primary);border:2px solid var(--surface);cursor:pointer;border-radius:50%;width:15px;height:15px;box-shadow:0 1px 3px #1f1a1466}.kata-audio__range:focus-visible{outline:2px solid var(--primary);outline-offset:3px}.kata-audio__rate{border-radius:var(--radius);border:1px solid var(--border-strong);min-width:44px;color:var(--ink-muted);font-size:var(--fs-label);cursor:pointer;background:0 0;flex:none;padding:5px 8px;transition:background-color .15s,color .15s}.kata-audio__rate:hover{background:var(--washi-100);color:var(--ink)}.dark .kata-audio__rate:hover{background:var(--sumi-800)}.kata-audio__rate:focus-visible{outline:2px solid var(--primary);outline-offset:1px}.kata-board-scroll-wrap{flex:1;min-height:0;position:relative}.kata-board-fade{pointer-events:none;z-index:3;align-items:center;width:72px;display:flex;position:absolute;top:0;bottom:0}.kata-board-fade--right{background:linear-gradient(to right, transparent, var(--bg) 72%);justify-content:flex-end;right:0}.kata-board-fade--left{background:linear-gradient(to left, transparent, var(--bg) 72%);justify-content:flex-start;left:0}.kata-board-fade__chev{pointer-events:auto;cursor:pointer;width:30px;height:30px;line-height:1;font-size:var(--fs-h3);color:var(--primary-ink);background:var(--primary);box-shadow:var(--shadow-seal);border:none;border-radius:50%;place-items:center;transition:background-color .15s,transform 60ms;display:grid}.kata-board-fade--right .kata-board-fade__chev{margin-right:10px}.kata-board-fade--left .kata-board-fade__chev{margin-left:10px}.kata-board-fade__chev:hover{background:var(--primary-hover)}.kata-board-fade__chev:active{transform:scale(.92)}.kata-board-fade__chev:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.kata-board-scroll{scrollbar-width:thin;height:100%}@keyframes kata-pulse{0%,to{opacity:1}50%{opacity:.4}}.kata-pulse-anim{animation:1.4s ease-in-out infinite kata-pulse}@media (prefers-reduced-motion:reduce){.kata-badge--live .kata-badge__dot,.kata-badge--analyzing .kata-badge__dot,.kata-cta--recording .kata-cta__dot,.kata-pipe__seg--active,.kata-pulse-anim{animation:none}}.kata-shell{width:100%;height:100dvh;display:flex;overflow:hidden}.kata-shell__main{flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.kata-shell__body{flex-direction:column;flex:1;min-height:0;display:flex;overflow-y:auto}.kata-sidebar{display:none}.kata-tabbar{display:grid}@media (min-width:1024px){.kata-sidebar{background:var(--surface);border-right:1px solid var(--border);flex-direction:column;flex:none;gap:6px;width:clamp(256px,18%,300px);height:100dvh;padding:20px 16px;display:flex;position:sticky;top:0}.kata-tabbar{display:none}}.kata-sidebar__logo{align-items:center;gap:6px;padding:4px 6px 16px;display:flex}.kata-sidebar__grow{flex:1}.kata-sidebar__logofull{width:auto;height:52px;display:block}.kata-sidebar__logofull--dark,.dark .kata-sidebar__logofull--light{display:none}.dark .kata-sidebar__logofull--dark{display:block}.kata-sidebar__logomark{width:auto;height:44px;display:none}.kata-sb-cta{border-radius:var(--radius-pill);background:var(--primary);color:#fff;cursor:pointer;box-shadow:var(--shadow-float);border:none;align-items:center;gap:10px;margin:2px 2px 14px;padding:12px 16px;text-decoration:none;transition:background-color .15s;display:flex}.kata-sb-cta:hover{background:var(--primary-hover)}.kata-sb-cta--recording{background:var(--sumi-900)}.kata-sb-cta--recording:hover{background:var(--sumi-800)}.kata-sb-nav{flex-direction:column;gap:2px;display:flex}.kata-sb-navi{border-radius:var(--radius);color:var(--ink);font-size:var(--fs-body-sm);letter-spacing:.01em;white-space:nowrap;align-items:center;gap:12px;padding:10px 14px;font-weight:600;text-decoration:none;transition:background-color .12s,color .12s;display:flex}.kata-sb-navi__icon{text-align:center;width:20px;font-size:var(--fs-h3);opacity:.85;flex:none}.kata-sb-navi:hover{background:var(--washi-100)}.dark .kata-sb-navi:hover{background:var(--sumi-800)}.kata-sb-navi.is-active{background:var(--primary-soft);color:var(--shu-700);border:1px solid var(--primary-soft-border);font-weight:600}.kata-sb-navi.is-active .kata-sb-navi__icon{opacity:1}.dark .kata-sb-navi.is-active{color:var(--shu-200)}.kata-sb-sectionlabel{border-top:1px solid var(--border);font-size:var(--fs-label);color:var(--ink-faint);letter-spacing:.12em;margin-top:10px;padding:12px 14px 4px}.kata-sb-navi--sample{opacity:.65}.kata-sb-navi--sample:hover{opacity:.85}.kata-sb-user{border-top:1px solid var(--border);border-radius:var(--radius);cursor:pointer;text-align:left;width:100%;color:var(--ink);background:0 0;align-items:center;gap:9px;margin-top:6px;padding:10px;transition:background-color .12s;display:flex}.kata-sb-user:hover{background:var(--washi-100)}.dark .kata-sb-user:hover{background:var(--sumi-800)}.kata-sb-toggle{border-radius:var(--radius);cursor:pointer;width:100%;color:var(--ink-faint);font-size:var(--fs-label);background:0 0;border:none;justify-content:center;align-items:center;gap:7px;margin-bottom:2px;padding:8px 10px;transition:background-color .12s,color .12s;display:flex}.kata-sb-toggle:hover{background:var(--washi-100);color:var(--ink-muted)}.dark .kata-sb-toggle:hover{background:var(--sumi-800)}.kata-sb-toggle__icon{font-size:var(--fs-body-sm);line-height:1;transition:transform .18s}@media (min-width:1024px){.kata-sidebar{transition:width .18s,padding .18s}body.kata-sb-collapsed .kata-sidebar{width:76px;padding:20px 10px}body.kata-sb-collapsed .kata-sidebar__logo{justify-content:center;padding:4px 0 16px}body.kata-sb-collapsed .kata-sidebar__logofull{display:none}body.kata-sb-collapsed .kata-sidebar__logomark{display:block}body.kata-sb-collapsed .kata-sb-cta{justify-content:center;gap:0;margin:2px 0 14px;padding:12px 0}body.kata-sb-collapsed .kata-sb-cta__text{display:none}body.kata-sb-collapsed .kata-sb-navi{justify-content:center;gap:0;padding:10px 0}body.kata-sb-collapsed .kata-sb-navi__label{display:none}body.kata-sb-collapsed .kata-sb-sectionlabel{padding:10px 0 4px}body.kata-sb-collapsed .kata-sb-sectionlabel>span{display:none}body.kata-sb-collapsed .kata-sb-toggle__icon{transform:rotate(180deg)}body.kata-sb-collapsed .kata-sb-toggle__label{display:none}body.kata-sb-collapsed .kata-sb-user{justify-content:center;padding:10px 0}body.kata-sb-collapsed .kata-sb-user__text,body.kata-sb-collapsed .kata-sb-user__chev{display:none}body.kata-sb-collapsed .kata-usermenu{width:230px;left:8px;right:auto}}@media (prefers-reduced-motion:reduce){.kata-sidebar,.kata-sb-toggle__icon{transition:none}}.kata-usermenu{background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-card);box-shadow:var(--shadow-float);z-index:40;padding:6px;position:absolute;bottom:72px;left:14px;right:14px}.kata-usermenu__item{border-radius:var(--radius);font-size:var(--fs-secondary);color:var(--ink);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:10px;width:100%;padding:10px 12px;transition:background-color .12s;display:flex}.kata-usermenu__item:hover{background:var(--washi-100)}.dark .kata-usermenu__item:hover{background:var(--sumi-800)}.kata-usermenu__sep{background:var(--border);height:1px;margin:4px 6px}.kata-topbar{border-bottom:1px solid var(--border);background:var(--surface-muted);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);flex:none;align-items:center;gap:16px;padding:18px 28px;display:flex}@media (min-width:768px){.kata-topbar{padding:clamp(16px,2vw,22px) clamp(20px,2.5vw,40px)}}.kata-topbar__title{font-family:var(--font-display);font-size:var(--fs-title);color:var(--ink-strong);font-weight:600}@media (min-width:768px){.kata-topbar__title{font-size:clamp(1.15rem,1.8vw,1.45rem)}}.kata-topbar__sub{font-size:var(--fs-meta);color:var(--ink-muted);margin-top:2px}.kata-topbar__right{align-items:center;gap:8px;margin-left:auto;display:flex}.kata-md{flex-direction:column;flex:1;min-height:0;display:flex}.kata-md__master{border-bottom:1px solid var(--border)}@media (min-width:768px){.kata-md{grid-template-rows:1fr;grid-template-columns:clamp(220px,30%,300px) 1fr;display:grid}.kata-md__master{border-bottom:none;border-right:1px solid var(--border);min-height:0;overflow-y:auto}.kata-md__detail{min-height:0;overflow-y:auto}}@media (min-width:1024px){.kata-md{grid-template-columns:clamp(260px,26%,360px) 1fr}}@keyframes kata-rec-pulse-kf{0%{box-shadow:0 0 #d8442e73}70%{box-shadow:0 0 0 10px #d8442e00}to{box-shadow:0 0 #d8442e00}}.kata-rec-pulse{animation:1.1s ease-out 2 kata-rec-pulse-kf}@media (prefers-reduced-motion:reduce){.kata-rec-pulse{animation:none}}.kata-rec-minibar{left:auto;right:12px;bottom:calc(64px + env(safe-area-inset-bottom));z-index:60;background:var(--sumi-900);width:auto;max-width:calc(100vw - 24px);color:var(--washi-50);border-radius:var(--radius-pill);box-shadow:var(--shadow-float);border:1px solid #ffffff1a;align-items:center;gap:10px;padding:9px 12px 9px 14px;display:inline-flex;position:fixed}@media (min-width:1024px){.kata-rec-minibar{display:none}}.kata-rec-minibar__dot{background:var(--shu-500);border-radius:50%;flex:none;width:9px;height:9px;animation:1.4s ease-in-out infinite kata-pulse}@media (prefers-reduced-motion:reduce){.kata-rec-minibar__dot{animation:none}}.kata-rec-minibar__state{font-size:var(--fs-secondary)}.kata-rec-minibar__time{font-size:var(--fs-body-sm);color:var(--washi-50);margin-left:6px}.kata-rec-minibar__open{color:var(--washi-50);border-radius:var(--radius-pill);font-size:var(--fs-secondary);cursor:pointer;background:0 0;border:1px solid #f4ece04d;margin-left:auto;padding:6px 16px}.kata-rec-minibar__open:hover{background:#ffffff14}.kata-rec-edgetab{z-index:45;background:var(--sumi-900);color:var(--washi-50);box-shadow:var(--shadow-float);cursor:pointer;border:1px solid #ffffff24;border-right:none;border-radius:10px 0 0 10px;flex-direction:column;align-items:center;gap:8px;padding:14px 6px;display:none;position:fixed;top:50%;right:0;transform:translateY(-50%)}@media (min-width:1024px){.kata-rec-edgetab{display:inline-flex}}.kata-rec-edgetab:hover{background:var(--sumi-800)}.kata-rec-edgetab__chevron{color:#f4ece0b3;font-size:15px;line-height:1}.kata-rec-edgetab__dot{background:var(--shu-500);border-radius:50%;flex:none;width:9px;height:9px;animation:1.4s ease-in-out infinite kata-pulse}@media (prefers-reduced-motion:reduce){.kata-rec-edgetab__dot{animation:none}}.kata-rec-edgetab__text{writing-mode:vertical-rl;font-size:var(--fs-label);letter-spacing:.14em}.kata-rec-overlay{z-index:50;background:var(--sumi-900);color:var(--washi-50);box-shadow:var(--shadow-float);border-top-left-radius:var(--radius-card);border-top-right-radius:var(--radius-card);max-height:80dvh;padding:18px 18px calc(18px + env(safe-area-inset-bottom));border-top:1px solid #ffffff14;flex-direction:column;gap:16px;transition:transform .3s;display:flex;position:fixed;inset:auto 0 0;overflow-y:auto;transform:translateY(100%)}.kata-rec-overlay.is-open{transform:translateY(0)}.kata-rec-overlay[aria-hidden=true]{pointer-events:none}@media (min-width:1024px){.kata-rec-overlay{border-top:none;border-left:1px solid #ffffff14;border-radius:0;width:clamp(280px,28vw,360px);max-height:none;padding:22px 20px;inset:0 0 0 auto;transform:translate(100%)}.kata-rec-overlay.is-open{transform:translate(0)}}@media (prefers-reduced-motion:reduce){.kata-rec-overlay{transition:none}}.kata-rec-overlay__head{align-items:center;gap:10px;display:flex}.kata-rec-overlay__phase{font-size:var(--fs-meta);color:#f4ece099}.kata-rec-overlay__close{width:32px;height:32px;color:var(--washi-50);line-height:1;font-size:var(--fs-h3);cursor:pointer;background:0 0;border:1px solid #f4ece033;border-radius:50%;margin-left:auto}.kata-rec-overlay__close:hover{background:#ffffff14}.kata-rec-overlay__sec{flex-direction:column;gap:7px;display:flex}.kata-rec-overlay__label{font-size:var(--fs-label);letter-spacing:.1em;text-transform:uppercase;color:#f4ece080}.kata-rec-overlay__meta{font-size:var(--fs-meta);color:#f4ece0d9;border:1px dashed #f4ece040;border-radius:11px;padding:4px 12px}.kata-rec-overlay__meta-row{align-items:center;gap:8px;padding:7px 0;display:flex}.kata-rec-overlay__meta-row--sep{border-top:1px solid #f4ece01f}.kata-rec-overlay__meta-add{color:#f4ece066}.kata-rec-overlay__hint{font-size:var(--fs-label);color:#f4ece073}.kata-rec-overlay__timer{letter-spacing:.04em;color:#fff;text-align:center;font-size:clamp(3.5rem,8vw,5rem);font-weight:500;line-height:1}.kata-rec-overlay__error{color:var(--shu-200);font-size:var(--fs-secondary)}.kata-rec-overlay__markers{flex-direction:column;gap:7px;margin:0 0 8px;padding:0;list-style:none;display:flex}.kata-rec-overlay__marker{border-radius:var(--radius);font-size:var(--fs-meta);background:#ffffff0d;align-items:center;gap:10px;padding:7px 9px 7px 11px;display:flex}.kata-rec-overlay__marker-time{color:var(--shu-200);flex:none}.kata-rec-overlay__marker-note{min-width:0;color:var(--washi-50);font-size:var(--fs-meta);background:0 0;border:none;border-bottom:1px solid #f4ece02e;outline:none;flex:1;padding:3px 2px}.kata-rec-overlay__marker-note::placeholder{color:#f4ece059}.kata-rec-overlay__marker-note:focus{border-bottom-color:var(--shu-200)}.kata-rec-overlay__marker-note:focus-visible{outline:2px solid var(--shu-200);outline-offset:2px}.kata-rec-overlay__marker-del{color:#f4ece080;width:24px;height:24px;line-height:1;font-size:var(--fs-body-sm);cursor:pointer;background:0 0;border:none;border-radius:50%;flex:none}.kata-rec-overlay__marker-del:hover{color:var(--washi-50);background:#ffffff14}.kata-rec-overlay__flag{width:100%;color:var(--shu-200);border-radius:var(--radius-pill);font-size:var(--fs-secondary);cursor:pointer;background:0 0;border:1px solid #d8442e80;justify-content:center;align-items:center;gap:8px;padding:10px;display:flex}.kata-rec-overlay__flag:hover:not(:disabled){background:#d8442e1f}.kata-rec-overlay__flag:disabled{opacity:.5;cursor:not-allowed}.kata-rec-overlay__actions{flex-direction:column;gap:10px;margin-top:auto;display:flex}.kata-rec-overlay__stop{border-radius:var(--radius-pill);background:var(--shu-500);color:#fff;width:100%;font-size:var(--fs-body-sm);cursor:pointer;border:none;padding:13px}.kata-rec-overlay__stop:hover:not(:disabled){background:var(--shu-600)}.kata-rec-overlay__stop:disabled{opacity:.5;cursor:not-allowed}.kata-rec-overlay__discard{border-radius:var(--radius-pill);color:#f4ece0cc;width:100%;font-size:var(--fs-secondary);cursor:pointer;background:0 0;border:1px solid #f4ece033;padding:10px}.kata-rec-overlay__discard:hover:not(:disabled){background:#ffffff0f}.kata-rec-overlay__discard:disabled{opacity:.5;cursor:not-allowed}:root{--washi-50:#faf7f0;--washi-100:#f4ece0;--washi-200:#e9ddc9;--washi-300:#dccbac;--sumi-300:#b7ad9b;--sumi-350:#9b9282;--sumi-400:#857b69;--sumi-450:#79705e;--sumi-500:#6b6151;--sumi-600:#4d4538;--sumi-700:#3a322a;--sumi-800:#2a241d;--sumi-900:#1f1a14;--sumi-950:#15110c;--shu-50:#fcebe6;--shu-100:#f8d2c7;--shu-200:#f0ad9b;--shu-300:#ea7b62;--shu-500:#d8442e;--shu-600:#bd3621;--shu-700:#9c2c1b;--matcha-50:#eaf0ea;--matcha-500:#6f9e7f;--matcha-600:#557a60;--matcha-700:#43614c;--kincha-50:#f7efdc;--kincha-500:#c08a2d;--kincha-600:#9c6f22;--ai-50:#e8eef1;--ai-200:#b8c7d1;--ai-500:#3f5a6b;--ai-600:#324754;--bg:var(--washi-50);--surface:#fff;--surface-muted:#ffffff80;--border:var(--washi-200);--border-strong:var(--washi-300);--ink:var(--sumi-800);--ink-strong:var(--sumi-900);--ink-muted:var(--sumi-500);--ink-faint:var(--sumi-450);--primary:var(--shu-500);--primary-hover:var(--shu-600);--primary-ink:#fff;--primary-soft:var(--shu-50);--primary-soft-border:var(--shu-100);--primary-soft-ink:var(--shu-600);--success:var(--matcha-600);--success-soft:var(--matcha-50);--warning:var(--kincha-600);--warning-soft:var(--kincha-50);--info:var(--ai-600);--info-soft:var(--ai-50);--radius:10px;--radius-card:14px;--radius-seal:9px;--radius-pill:999px;--shadow-card:0 1px 2px #1f1a140d, 0 6px 20px -10px #1f1a1424;--shadow-float:0 10px 34px -12px #1f1a144d;--shadow-seal:0 3px 12px -2px #d8442e73;--font-display:"Shippori Mincho B1", serif;--font-body:"Zen Kaku Gothic New", system-ui, sans-serif;--font-mono:"Roboto Mono", ui-monospace, monospace;--fs-display:3.5rem;--fs-display-sm:2.25rem;--fs-h1:1.5rem;--fs-h2:1.375rem;--fs-title:1.25rem;--fs-h3:1.125rem;--fs-body:1rem;--fs-body-sm:.9375rem;--fs-secondary:.875rem;--fs-meta:.8125rem;--fs-label:.75rem;--lh-body:1.7;--lh-snug:1.55;--lh-tight:1.4;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px}.dark{--bg:var(--sumi-950);--surface:var(--sumi-900);--surface-muted:#1f1a1480;--border:var(--sumi-800);--border-strong:var(--sumi-700);--ink:var(--washi-100);--ink-strong:var(--washi-50);--ink-muted:var(--sumi-350);--ink-faint:var(--sumi-400);--primary-soft:#9c2c1b26;--primary-soft-border:#9c2c1b4d;--primary-soft-ink:var(--shu-200);--success:var(--matcha-500);--success-soft:#6f9e7f2e;--warning:var(--kincha-500);--warning-soft:#c08a2d2e;--info:var(--ai-200);--info-soft:#3f5a6b33}*,:before,:after{box-sizing:border-box}body{font-family:var(--font-body);font-weight:400;font-size:var(--fs-body);line-height:var(--lh-body);color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;transition:background-color .2s,color .2s}.washi-grain:before{content:"";z-index:0;pointer-events:none;opacity:.5;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.035'/%3E%3C/svg%3E");position:fixed;inset:0}.dark .washi-grain:before{mix-blend-mode:screen;opacity:.4}.font-display{font-family:var(--font-display)}.font-body{font-family:var(--font-body)}.font-mono{font-family:var(--font-mono)}.tnum{font-variant-numeric:tabular-nums}@media (prefers-reduced-motion:no-preference){@keyframes kata-screen-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}body>div{animation:.28s both kata-screen-in}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@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}