/*!
 * @hagyyyy/design-system tokens v1.0.0
 * 生成物 — 編集禁止。正本: hagyyyy-inc/design-system tokens/tokens.json
 * 再生成: node tokens/build-tokens.mjs / 配布: node scripts/sync-tokens.mjs
 * design-tokens-version: 1.0.0
 */
: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 #211c150f;--shadow-2:0 4px 16px #211c151a;--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{justify-content:center;align-items:center;gap:var(--space-2);min-height:44px;padding:var(--space-2) var(--space-4);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;transition:background-color var(--dur-1) var(--ease), border-color var(--dur-1) var(--ease), color var(--dur-1) var(--ease);border:1px solid #0000;text-decoration:none;display:inline-flex}.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{color:var(--ink);border-color:var(--line-strong);background:0 0}.hg-btn--outline:hover:not(:disabled){background:var(--sunken)}.hg-btn--ghost{color:var(--ink-muted);background:0 0}.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{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);display:inline-flex}.hg-badge--ok{background:var(--ok-soft);color:var(--ok);border-color:#0000}.hg-badge--warn{background:var(--warn-soft);color:var(--brand-ink);border-color:#0000}.hg-badge--danger{background:var(--danger-soft);color:var(--danger);border-color:#0000}.hg-badge--brand{background:var(--brand-soft);color:var(--brand-ink);border-color:#0000}.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{margin-bottom:var(--space-1);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--ink-muted);display:block}.hg-table{border-collapse:collapse;width:100%;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{gap:var(--space-3);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);align-items:baseline;display:flex}.hg-banner--ok{background:var(--ok-soft)}.hg-banner--warn{background:var(--warn-soft)}.hg-banner--danger{background:var(--danger-soft)}.hg-chips{gap:var(--space-2);flex-wrap:wrap;display:flex}.hg-chip{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;display:inline-flex}.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-sans)}.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-sans);color:var(--ink);font-weight:var(--weight-bold);letter-spacing:.01em}.hg-section-num{font-family:var(--font-sans);color:var(--brand-ink);font-size:var(--text-sm);font-weight:var(--weight-medium)}.hg-container{max-width:var(--container);padding-inline:var(--space-5);margin-inline:auto}.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{gap:var(--space-3);flex-wrap:wrap;align-items:center;display:flex}.hg-hr{border:0;border-top:1px solid var(--line);margin:var(--space-6) 0}*{box-sizing:border-box}html{scroll-behavior:smooth}body{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;margin:0}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);justify-content:space-between;align-items:center;display:flex}.brand{align-items:center;gap:var(--space-2);color:var(--ink);font-weight:var(--weight-bold);text-decoration:none;display:inline-flex}.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{font-family:var(--font-sans);font-size:clamp(var(--text-3xl), 7vw, var(--text-4xl));line-height:var(--leading-tight);margin:0}.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{border-bottom:1px solid var(--line);background:var(--sunken);grid-template-columns:1fr 1fr;display:grid}.mode-tab{appearance:none;min-height:var(--space-12);border:0;border-right:1px solid var(--line);color:var(--ink-muted);font:inherit;font-weight:var(--weight-medium);cursor:pointer;background:0 0}.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{justify-content:space-between;align-items:flex-start;gap:var(--space-4);display:flex}.method-heading h2{font-size:var(--text-xl);margin:0}.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{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.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{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;flex-direction:column;display:flex}.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{opacity:0;width:1px;height:1px;position:absolute}.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-1) var(--space-6) 0;color:var(--danger);font-size:var(--text-xs);font-weight:var(--weight-normal);line-height:var(--leading-normal)}.result-panel{padding:var(--space-6)}.result-heading{margin-bottom:var(--space-2);font-size:var(--text-sm);color:var(--ink-muted);justify-content:space-between;display:flex}.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{gap:var(--space-2);margin-top:var(--space-3);flex-wrap:wrap;display:flex}.static{padding:var(--space-12) 0;border-top:1px solid var(--line)}.static h2{margin:0 0 var(--space-5);font-family:var(--font-sans);font-size:var(--text-2xl)}.features{gap:var(--space-6);grid-template-columns:1fr 1fr;display:grid}.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{color:var(--ink-muted);margin:0}.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{justify-content:space-between;gap:var(--space-4);display:flex}.site-footer a{color:var(--paper-inverse)}.privacy-page{padding-block:var(--space-10) var(--space-16)}.privacy-page h1{font-family:var(--font-sans);font-size:var(--text-3xl);margin:0}.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{margin-top:var(--space-8);display:inline-block}@media (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}}