:root{--paper: #f5f0e8;--card: #fcfaf5;--sunken: #ece7de;--ink: #221d19;--ink-muted: #625b54;--ink-faint: #8c857d;--line: #d6d0c8;--line-strong: #c4bcb3;--brand: #d97706;--brand-contrast: #2f1203;--brand-soft: #fbf3df;--brand-ink: #6b3815;--brand-link: #9f4400;--ok: #38724a;--ok-contrast: #fcfaf5;--ok-soft: #d7eddb;--warn: #b37d38;--warn-contrast: #221d19;--warn-soft: #f7e8c8;--danger: #b23a31;--danger-contrast: #fcfaf5;--danger-soft: #ffdfd8;--ink-inverse: #29211a;--paper-inverse: #ebe7df;--focus-ring: #d97706;--background: var(--paper);--foreground: var(--ink);--surface: var(--card);--border: var(--line);--input: var(--line-strong);--ring: var(--focus-ring);--muted: var(--ink-muted);--accent: var(--brand);--primary: var(--brand);--primary-foreground: var(--brand-contrast);--success: var(--ok);--warning: var(--warn);--destructive: var(--danger);--urgent: var(--danger);--error: var(--danger);--font-sans: -apple-system, BlinkMacSystemFont, "Hiragino Sans", "Noto Sans JP", "Segoe UI", system-ui, sans-serif;--font-display: "Shippori Mincho", "Hiragino Mincho ProN", "Yu Mincho", "Noto Serif JP", serif;--font-num: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--font-mono: ui-monospace, "SF Mono", "JetBrains Mono", Menlo, Consolas, monospace;--text-xs: 12px;--text-sm: 14px;--text-base: 16px;--text-lg: 18px;--text-xl: 20px;--text-2xl: 24px;--text-3xl: 30px;--text-4xl: 38px;--leading-tight: 1.25;--leading-normal: 1.6;--leading-relaxed: 1.8;--weight-normal: 400;--weight-medium: 500;--weight-bold: 700;--space-0: 0;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--space-20: 80px;--space-24: 96px;--space-32: 128px;--space-px: 1px;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 10px;--radius-full: 9999px;--shadow-1: 0 1px 2px rgb(33 28 21 / 6%);--shadow-2: 0 4px 16px rgb(33 28 21 / 10%);--container: 1200px;--container-narrow: 720px;--bp-sm: 640px;--bp-md: 768px;--bp-lg: 1024px;--bp-xl: 1280px;--z-nav: 100;--z-overlay: 800;--z-modal: 900;--z-toast: 1000;--dur-1: .12s;--dur-2: .2s;--ease: cubic-bezier(.25, .1, .25, 1)}[data-theme=dark]{--paper: #0a0a0a;--card: #171717;--sunken: #121212;--ink: #fafafa;--ink-muted: #a4a4a4;--ink-faint: #717171;--line: #2e2e2e;--line-strong: #484848;--brand: #f69432;--brand-contrast: #0a0a0a}:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.hg-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:44px;padding:var(--space-2) var(--space-4);border:1px solid transparent;border-radius:var(--radius-sm);font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--weight-medium);line-height:var(--leading-tight);cursor:pointer;text-decoration:none;transition:background-color var(--dur-1) var(--ease),border-color var(--dur-1) var(--ease),color var(--dur-1) var(--ease)}.hg-btn:disabled{opacity:.5;cursor:not-allowed}.hg-btn--brand{background:var(--brand);color:var(--brand-contrast)}.hg-btn--brand:hover:not(:disabled){background:var(--brand-ink);color:var(--card)}.hg-btn--ink{background:var(--ink);color:var(--card)}.hg-btn--ink:hover:not(:disabled){background:var(--ink-inverse)}.hg-btn--outline{background:transparent;color:var(--ink);border-color:var(--line-strong)}.hg-btn--outline:hover:not(:disabled){background:var(--sunken)}.hg-btn--ghost{background:transparent;color:var(--ink-muted)}.hg-btn--ghost:hover:not(:disabled){background:var(--sunken);color:var(--ink)}.hg-btn--danger{background:var(--danger);color:var(--danger-contrast)}.hg-btn--danger:hover:not(:disabled){opacity:.9}.hg-btn--sm{min-height:32px;padding:var(--space-1) var(--space-3);font-size:var(--text-xs)}.hg-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius-md);padding:var(--space-5)}.hg-card--raised{box-shadow:var(--shadow-1)}.hg-badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:2px var(--space-2);border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:var(--weight-medium);line-height:var(--leading-tight);background:var(--sunken);color:var(--ink-muted);border:1px solid var(--line)}.hg-badge--ok{background:var(--ok-soft);color:var(--ok);border-color:transparent}.hg-badge--warn{background:var(--warn-soft);color:var(--brand-ink);border-color:transparent}.hg-badge--danger{background:var(--danger-soft);color:var(--danger);border-color:transparent}.hg-badge--brand{background:var(--brand-soft);color:var(--brand-ink);border-color:transparent}.hg-input,.hg-select,.hg-textarea{width:100%;min-height:44px;padding:var(--space-2) var(--space-3);background:var(--card);color:var(--ink);border:1px solid var(--line-strong);border-radius:var(--radius-sm);font-family:var(--font-sans);font-size:var(--text-base)}.hg-input::placeholder,.hg-textarea::placeholder{color:var(--ink-faint)}.hg-label{display:block;margin-bottom:var(--space-1);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--ink-muted)}.hg-table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.hg-table th{text-align:left;padding:var(--space-2) var(--space-3);background:var(--sunken);color:var(--ink-muted);font-weight:var(--weight-medium);border-bottom:1px solid var(--line-strong)}.hg-table td{padding:var(--space-3);border-bottom:1px solid var(--line)}.hg-table tr:hover td{background:var(--brand-soft)}.hg-banner{display:flex;gap:var(--space-3);align-items:baseline;padding:var(--space-4) var(--space-5);background:var(--brand-soft);border:1px solid var(--line);border-radius:var(--radius-md);color:var(--brand-soft-foreground, var(--ink));font-size:var(--text-sm)}.hg-banner--ok{background:var(--ok-soft)}.hg-banner--warn{background:var(--warn-soft)}.hg-banner--danger{background:var(--danger-soft)}.hg-chips{display:flex;flex-wrap:wrap;gap:var(--space-2)}.hg-chip{display:inline-flex;align-items:center;gap:var(--space-1);min-height:32px;padding:var(--space-1) var(--space-3);background:var(--card);color:var(--ink-muted);border:1px solid var(--line-strong);border-radius:var(--radius-full);font-size:var(--text-sm);cursor:pointer}.hg-chip.active,.hg-chip[aria-pressed=true]{background:var(--ink);color:var(--card);border-color:var(--ink)}.hg-chip .hg-pill{padding:0 var(--space-1);border-radius:var(--radius-full);background:var(--sunken);color:var(--ink-muted);font-size:var(--text-xs);font-family:var(--font-num)}.hg-chip.active .hg-pill{background:var(--ink-inverse);color:var(--paper-inverse)}.hg-empty{padding:var(--space-12) var(--space-6);text-align:center;color:var(--ink-muted);border:1px dashed var(--line-strong);border-radius:var(--radius-md);font-size:var(--text-sm)}.hg-display{font-family:var(--font-display);color:var(--ink);font-weight:var(--weight-bold);letter-spacing:.01em}.hg-section-num{font-family:var(--font-num);color:var(--brand-ink);font-size:var(--text-sm);font-weight:var(--weight-medium)}.hg-container{max-width:var(--container);margin-inline:auto;padding-inline:var(--space-5)}.hg-container--narrow{max-width:var(--container-narrow)}.hg-stack>*+*{margin-top:var(--space-4)}.hg-stack--tight>*+*{margin-top:var(--space-2)}.hg-stack--loose>*+*{margin-top:var(--space-8)}.hg-cluster{display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:center}.hg-hr{border:0;border-top:1px solid var(--line);margin:var(--space-6) 0}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-relaxed);-webkit-font-smoothing:antialiased}a{color:var(--brand-link)}.wrap{width:min(calc(100% - var(--space-10)),var(--container-narrow));margin-inline:auto}.site-header{border-bottom:1px solid var(--line);background:var(--card)}.site-header .wrap{min-height:var(--space-16);display:flex;align-items:center;justify-content:space-between}.brand{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--ink);text-decoration:none;font-weight:var(--weight-bold)}.brand-mark{width:var(--space-8);height:var(--space-8)}.header-note{color:var(--ink-muted);font-size:var(--text-xs)}.hero{padding:var(--space-16) 0 var(--space-8);text-align:center}.eyebrow{margin:0 0 var(--space-2);color:var(--brand-ink);font-size:var(--text-sm);font-weight:var(--weight-medium)}.hero h1{margin:0;font-family:var(--font-display);font-size:clamp(var(--text-3xl),7vw,var(--text-4xl));line-height:var(--leading-tight)}.lede{max-width:var(--container-narrow);margin:var(--space-4) auto 0;color:var(--ink-muted)}.tool-section{padding-bottom:var(--space-16)}.tool-shell{padding:0;overflow:hidden}.mode-tabs{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--line);background:var(--sunken)}.mode-tab{appearance:none;min-height:var(--space-12);border:0;border-right:1px solid var(--line);background:transparent;color:var(--ink-muted);font:inherit;font-weight:var(--weight-medium);cursor:pointer}.mode-tab:last-child{border-right:0}.mode-tab[aria-selected=true]{background:var(--card);color:var(--ink);box-shadow:inset 0 calc(var(--space-px) * -2) 0 var(--brand)}.mode-panel{padding:var(--space-6);border-bottom:1px solid var(--line)}.method-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-4)}.method-heading h2{margin:0;font-size:var(--text-xl)}.method-heading p{margin:var(--space-1) 0 var(--space-4);color:var(--ink-muted);font-size:var(--text-sm)}.privacy-note{margin-bottom:var(--space-5)}.control-row{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-3)}.record-dot{width:var(--space-2);height:var(--space-2);border-radius:var(--radius-full);background:var(--danger-contrast)}.listening{color:var(--danger);font-size:var(--text-sm);font-weight:var(--weight-medium)}.file-picker{display:flex;flex-direction:column;padding:var(--space-6);margin-bottom:var(--space-4);border:1px dashed var(--line-strong);border-radius:var(--radius-md);background:var(--paper);cursor:pointer;text-align:center}.file-picker:hover{background:var(--brand-soft)}.file-picker-main{font-weight:var(--weight-bold);overflow-wrap:anywhere}.file-picker-sub{color:var(--ink-muted);font-size:var(--text-xs)}.file-picker input{width:1px;height:1px;position:absolute;opacity:0}.status{color:var(--ink-muted);font-size:var(--text-sm)}progress{width:100%;height:var(--space-2);margin-top:var(--space-4);accent-color:var(--brand)}.error-message{margin:var(--space-4) var(--space-6) 0;padding:var(--space-3) var(--space-4);color:var(--danger);background:var(--danger-soft);border-radius:var(--radius-sm);font-size:var(--text-sm)}.result-panel{padding:var(--space-6)}.result-heading{display:flex;justify-content:space-between;margin-bottom:var(--space-2);font-size:var(--text-sm);color:var(--ink-muted)}.result-heading label{color:var(--ink);font-weight:var(--weight-bold)}.transcript{min-height:var(--space-32);resize:vertical;line-height:var(--leading-relaxed)}.result-actions{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-3)}.static{padding:var(--space-12) 0;border-top:1px solid var(--line)}.static h2{margin:0 0 var(--space-5);font-family:var(--font-display);font-size:var(--text-2xl)}.features{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-6)}.feature{border-top:2px solid var(--brand);padding-top:var(--space-4)}.feature h3{margin:0 0 var(--space-2);font-size:var(--text-lg)}.feature p,.prose p{margin:0;color:var(--ink-muted)}.feature p+p,.prose p+p{margin-top:var(--space-3)}.steps{padding-left:var(--space-6)}.steps li+li{margin-top:var(--space-3)}.faq details{border-top:1px solid var(--line);padding:var(--space-4) 0}.faq details:last-child{border-bottom:1px solid var(--line)}.faq summary{cursor:pointer;font-weight:var(--weight-medium)}.faq details p{margin:var(--space-3) 0 0;color:var(--ink-muted)}.site-footer{padding:var(--space-8) 0;background:var(--ink-inverse);color:var(--paper-inverse);font-size:var(--text-xs)}.site-footer .wrap{display:flex;justify-content:space-between;gap:var(--space-4)}.site-footer a{color:var(--paper-inverse)}.privacy-page{padding-block:var(--space-10) var(--space-16)}.privacy-page h1{margin:0;font-family:var(--font-display);font-size:var(--text-3xl)}.privacy-page h2{margin:var(--space-8) 0 var(--space-3);padding-bottom:var(--space-2);border-bottom:1px solid var(--line);font-size:var(--text-lg)}.privacy-page p,.privacy-page li{color:var(--ink-muted);font-size:var(--text-sm)}.privacy-page li+li{margin-top:var(--space-2)}.date{margin-top:var(--space-1);color:var(--ink-faint);font-size:var(--text-xs)}.back-link{display:inline-block;margin-top:var(--space-8)}@media(max-width:640px){.wrap{width:min(calc(100% - var(--space-6)),var(--container-narrow))}.hero{padding-top:var(--space-10)}.mode-panel,.result-panel{padding:var(--space-4)}.method-heading{flex-direction:column}.features{grid-template-columns:1fr}.header-note{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}