:root{--ink:#1b120e;--wine:#4a1520;--wine-deep:#2c0c14;--gold:#d4a24a;--gold-soft:#e8c57a;--cream:#f6efe2;--paper:#fffaf1;--mist:#ece3d2;--line:#d9ccb4;--muted:#7a6a58;--ok:#2f6b45;--err:#9b2c2c;--shadow:0 18px 50px #2c0c1429;--radius:22px}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{color:var(--ink);background:radial-gradient(1200px 600px at 10% -10%,#d4a24a2e,#0000 50%),radial-gradient(900px 500px at 100% 0,#4a15201f,#0000 45%),linear-gradient(#f8f1e4 0%,#efe4d0 100%);font-family:"Source Sans 3",Noto Sans Myanmar,sans-serif}.site{flex-direction:column;min-height:100vh;display:flex}.site-header{z-index:20;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffaf1eb;position:sticky;top:0}.site-header-inner,.site-footer-inner{justify-content:space-between;align-items:center;gap:20px;max-width:1180px;margin:0 auto;padding:14px 20px;display:flex}.logo{color:inherit;align-items:center;gap:12px;text-decoration:none;display:flex}.logo-mark{object-fit:cover;border-radius:12px;width:42px;height:42px;display:block;box-shadow:0 6px 14px #2c0c142e}.logo-text{flex-direction:column;display:flex}.logo-name{letter-spacing:.04em;color:var(--wine);font-family:Fraunces,serif;font-size:15px;font-weight:650}.logo-tag{color:var(--muted);font-size:12px}.site-nav{flex-wrap:wrap;gap:6px;display:flex}.site-nav a{color:var(--ink);border-radius:999px;padding:8px 12px;font-size:14px;font-weight:600;text-decoration:none}.site-nav a:hover,.site-nav a[aria-current=page]{background:var(--wine);color:var(--cream)}.page{flex:1;width:100%;max-width:1180px;margin:0 auto;padding:28px 20px 48px}.site-footer{background:var(--wine-deep);color:#f3e7d4;margin-top:auto}.site-footer-inner{align-items:start;padding-top:36px;padding-bottom:20px}.footer-brand{max-width:320px}.footer-title{color:var(--gold-soft);margin:0 0 8px;font-family:Fraunces,serif;font-size:20px}.footer-brand p{color:#d8c6b0;margin:0;font-size:14px;line-height:1.55}.footer-cols{flex:1;grid-template-columns:repeat(3,minmax(140px,1fr));gap:24px;display:grid}.footer-cols h2{letter-spacing:.14em;text-transform:uppercase;color:var(--gold);margin:0 0 10px;font-size:12px}.footer-cols a{color:#f3e7d4;margin:0 0 8px;font-size:14px;text-decoration:none;display:block}.footer-cols a:hover{color:var(--gold-soft)}.footer-copy{color:#c9b49a;border-top:1px solid #e8c57a2e;max-width:1180px;margin:0 auto;padding:14px 20px 24px;font-size:13px}.legal{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);width:100%;margin:0 auto;padding:36px 40px 48px}.legal-kicker{letter-spacing:.16em;text-transform:uppercase;color:var(--wine);margin:0 0 8px;font-size:12px;font-weight:700}.legal h1{margin-bottom:8px}.legal-meta{color:var(--muted);margin:0 0 24px}.legal-body h2{margin:28px 0 10px;font-family:Fraunces,serif;font-size:22px}.legal-body p,.legal-body li{color:#3a2d24;line-height:1.7}.legal-body ul{padding-left:20px}.legal-body a{color:var(--wine)}.contact-form{gap:14px;margin-top:8px;display:grid}.contact-form label{font-size:14px;font-weight:600}.contact-form input,.contact-form textarea{border:1px solid var(--line);width:100%;font:inherit;background:#fffdf8;border-radius:12px;padding:12px 14px}.contact-form textarea{resize:vertical;min-height:140px}.hero{grid-template-columns:1fr auto;align-items:end;gap:24px;margin-bottom:28px;display:grid}.mark{align-items:center;gap:14px;display:flex}.hero-mark{object-fit:cover;border-radius:18px;width:64px;height:64px;display:block;box-shadow:0 10px 24px #2c0c1447}.brand{letter-spacing:.18em;text-transform:uppercase;color:var(--wine);margin:0 0 4px;font-family:Fraunces,serif;font-size:15px}h1{margin:0;font-family:Fraunces,serif;font-size:clamp(2rem,4vw,3.4rem);font-weight:650;line-height:1.05}.sub{color:var(--muted);max-width:46ch;margin:10px 0 0}.langs{background:var(--paper);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:999px;align-items:center;gap:10px;padding:10px 14px;display:flex}.chip{letter-spacing:.04em;border-radius:999px;padding:6px 12px;font-size:13px;font-weight:600}.chip.from{background:var(--mist)}.chip.to{background:var(--wine);color:var(--cream)}.arrow{color:var(--gold);font-weight:700}.panel{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.tabs{border-bottom:1px solid var(--line);background:linear-gradient(#fffdf8,#f3ead8);gap:6px;padding:12px;display:flex}.tab{color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:14px;padding:10px 16px;font-weight:600}.tab[aria-selected=true]{background:var(--wine);color:var(--cream)}.pane{padding:22px;display:none}.pane.active{display:block}.grid{grid-template-columns:1fr 1fr;align-items:stretch;gap:16px;display:grid}.grid.results .col{grid-template-rows:auto auto 1fr;display:grid}.file-results{grid-template-rows:auto auto 280px;grid-template-columns:1fr 1fr;align-items:stretch;gap:8px 16px;margin-top:8px;display:grid}.file-results .field{margin-bottom:0}.file-results .actions-top{min-height:44px;margin:0}.file-results .output{height:280px;min-height:280px;max-height:280px}label.field{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:8px;font-size:12px;font-weight:700;display:block}textarea,.output{border:1px solid var(--line);width:100%;min-height:280px;font:inherit;color:var(--ink);resize:vertical;background:#fffdf8;border-radius:16px;padding:16px;font-size:17px;line-height:1.55}textarea.listening{border-color:var(--wine);box-shadow:0 0 0 3px #4a15201f}.output{white-space:pre-wrap;word-break:break-word;line-break:anywhere;min-height:280px;font-family:Noto Sans Myanmar,Padauk,Myanmar3,"Source Sans 3",sans-serif;font-size:20px;line-height:1.8;overflow:auto}.hint{color:var(--muted);font-size:13px}.col{flex-direction:column;min-width:0;display:flex}.actions{flex-wrap:wrap;align-items:center;gap:8px;margin-top:10px;display:flex}.actions-top{flex-wrap:nowrap;min-height:44px;margin:0 0 10px}.actions-top button{white-space:nowrap}.col textarea,.col .output{flex:1;min-height:280px}.actions-main{border-top:1px solid var(--line);margin-top:18px;padding-top:14px}#btn-talk.listening,#btn-stop-talk{color:#fff;background:linear-gradient(#9b2c2c,#6d1b1b);border:0}.output.empty{color:var(--muted);font-family:"Source Sans 3",sans-serif;font-size:15px}.row{flex-wrap:wrap;align-items:center;gap:10px;margin-top:14px;display:flex}button.primary,button.ghost,button.tiny{font:inherit;cursor:pointer;border-radius:999px}button.primary{background:linear-gradient(180deg, #5b1c2a, var(--wine-deep));color:var(--cream);border:0;padding:12px 20px;font-weight:700;box-shadow:0 8px 18px #2c0c1440}button.primary:disabled{opacity:.55;cursor:wait}button.ghost{border:1px solid var(--line);background:var(--paper);color:var(--ink);padding:12px 16px;font-weight:600}button.tiny{border:1px solid var(--line);background:#fff;padding:6px 10px;font-size:13px;font-weight:600}.drop{text-align:center;cursor:pointer;background:radial-gradient(420px 160px at 50% 0,#d4a24a29,#0000 70%),#fffdf8;border:2px dashed #c4ae82;border-radius:20px;outline:none;flex-direction:column;justify-content:center;align-items:center;gap:6px;min-height:220px;padding:32px 22px;transition:border-color .15s,box-shadow .15s,background .15s,transform .15s;display:flex}.drop:hover,.drop:focus-visible{border-color:var(--wine);background:#fff8ec;box-shadow:0 0 0 4px #4a15201a}.drop.over{border-color:var(--wine);background:#fff3de;border-style:solid;transform:scale(1.01);box-shadow:0 0 0 4px #4a152024}.drop.has-file{border-style:solid;border-color:var(--ok);background:#f4faf5}.drop-icon{width:72px;height:72px;color:var(--wine);border:1px solid var(--line);background:#fff;border-radius:18px;place-items:center;margin-bottom:6px;display:grid;box-shadow:0 8px 18px #2c0c1414}.drop h3{color:var(--wine-deep);margin:4px 0 0;font-family:Fraunces,serif;font-size:22px}.drop p{color:var(--muted);margin:0;font-size:15px}.drop-types{flex-wrap:wrap;justify-content:center;gap:8px;margin:10px 0 4px;display:flex}.drop-types span{border:1px solid var(--line);color:var(--ink);letter-spacing:.04em;background:#fff;border-radius:999px;align-items:center;padding:4px 10px;font-size:12px;font-weight:700;display:inline-flex}.drop-browse{border:1px solid var(--wine);background:var(--wine);color:var(--cream);border-radius:999px;margin-top:8px;padding:9px 16px;font-size:14px;font-weight:700;display:inline-flex}.drop-file-name{text-align:center;margin:10px 0 0;font-weight:600}.file-input{display:none}.preview{margin-top:14px;display:none}.preview.show{display:block}.preview audio,.preview video{background:#111;border-radius:12px;width:100%}.status{min-height:22px;color:var(--muted);font-size:14px}.status.err{color:var(--err);font-weight:600}.status.ok{color:var(--ok)}.meta{color:var(--muted);justify-content:space-between;gap:12px;margin-top:8px;font-size:13px;display:flex}.preview img{object-fit:contain;background:#1b120e;border-radius:12px;max-width:100%;max-height:280px;margin:0 auto;display:block}.block{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);margin-top:28px;padding:36px 40px 40px}.block-head{width:100%;max-width:none;margin-bottom:22px}.kicker{letter-spacing:.16em;text-transform:uppercase;color:var(--wine);margin:0 0 8px;font-size:12px;font-weight:700}.block h2{color:var(--wine-deep);margin:0 0 10px;font-family:Fraunces,serif;font-size:clamp(1.6rem,3vw,2.1rem);line-height:1.2}.block p{color:#3a2d24;line-height:1.7}.block a{color:var(--wine)}.block strong{font-weight:700}.fine{color:var(--muted);margin:16px 0 0;font-size:14px}.why-grid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.why-card{border:1px solid var(--line);background:#fffdf8;border-radius:18px;padding:18px 16px 20px}.why-card h3{color:var(--wine-deep);margin:0 0 8px;font-family:Fraunces,serif;font-size:18px}.why-card p{color:var(--muted);margin:0;font-size:14px}.ico{width:52px;height:52px;color:var(--wine);border:1px solid var(--line);background:#fff;border-radius:16px;place-items:center;margin-bottom:12px;display:grid;box-shadow:0 8px 16px #2c0c1414}.ico svg{width:28px;height:28px}.flow{margin:8px 0 18px;overflow:auto}.flow svg{width:100%;min-width:640px;height:auto;display:block}.steps{grid-template-columns:repeat(4,1fr);gap:14px;margin:0;padding:0;list-style:none;display:grid}.steps li{border:1px solid var(--line);background:#fffdf8;border-radius:18px;padding:16px}.steps span{letter-spacing:.12em;color:var(--gold);margin-bottom:6px;font-family:Fraunces,serif;font-size:13px;display:inline-block}.steps h3{color:var(--wine-deep);margin:0 0 8px;font-family:Fraunces,serif;font-size:18px}.steps p{color:var(--muted);margin:0;font-size:14px}.usage-layout{grid-template-columns:1.4fr .8fr;align-items:center;gap:22px;display:grid}.bars{gap:12px;display:grid}.bar{grid-template-rows:auto 10px;grid-template-columns:1fr auto;align-items:center;gap:6px 12px;display:grid}.bar span{color:var(--ink);font-size:14px;font-weight:600}.bar i{color:var(--muted);font-size:13px;font-style:normal}.bar b{background:var(--mist);border-radius:999px;grid-column:1/-1;height:10px;display:block;position:relative;overflow:hidden}.bar b:after{content:"";width:var(--n);border-radius:inherit;background:linear-gradient(90deg, var(--wine), var(--gold));position:absolute;inset:0 auto 0 0}.usage-note{border:1px solid var(--line);text-align:center;background:#fffdf8;border-radius:18px;padding:16px}.usage-note svg{width:160px;height:auto;margin:0 auto 8px;display:block}.usage-note p{color:var(--muted);margin:0;font-size:14px}.table-wrap{border:1px solid var(--line);border-radius:16px;overflow:auto}table{border-collapse:collapse;background:#fffdf8;width:100%;min-width:560px}th,td{text-align:left;border-bottom:1px solid var(--mist);vertical-align:top;padding:12px 16px;font-size:14px}th{background:var(--wine);color:var(--cream);font-weight:700}tbody tr:last-child td{border-bottom:0}td.yes{color:var(--ok);font-weight:700}.audience-grid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.audience-grid article{border:1px solid var(--line);background:#fffdf8;border-radius:18px;padding:18px 16px}.audience-grid svg{width:40px;height:40px;color:var(--wine);margin-bottom:10px}.audience-grid h3{color:var(--wine-deep);margin:0 0 6px;font-family:Fraunces,serif;font-size:18px}.audience-grid p{color:var(--muted);margin:0;font-size:14px}.script-grid{grid-template-columns:1.2fr .8fr;align-items:center;gap:24px;display:grid}.script-art{text-align:center;margin:0}.script-art svg{width:100%;max-width:280px;height:auto}.script-art figcaption{color:var(--muted);margin-top:6px;font-size:13px}.tips-list{counter-reset:tip;gap:10px;margin:0;padding:0;list-style:none;display:grid}.tips-list li{counter-increment:tip;border:1px solid var(--line);color:#3a2d24;background:#fffdf8;border-radius:14px;padding:14px 16px 14px 56px;line-height:1.6;position:relative}.tips-list li:before{content:counter(tip);background:var(--wine);width:28px;height:28px;color:var(--gold-soft);border-radius:50%;place-items:center;font-size:13px;font-weight:700;display:grid;position:absolute;top:12px;left:14px}.faq-block .faq{border-top:0;margin-top:0;padding-top:0}.faq details{border:1px solid var(--line);background:#fffdf8;border-radius:14px;margin:0 0 10px;padding:0 16px}.faq summary{cursor:pointer;color:var(--wine-deep);padding:14px 0;font-weight:700;list-style:none}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";float:right;color:var(--gold);font-weight:700}.faq details[open] summary:after{content:"-"}.faq details p{border-top:1px solid var(--mist);margin:0 0 14px;padding-top:2px}.breadcrumbs{margin-bottom:20px}.breadcrumbs ol{color:var(--muted);flex-wrap:wrap;align-items:center;margin:0;padding:0;font-size:13px;font-weight:600;list-style:none;display:flex}.breadcrumbs li a{color:var(--wine);text-decoration:none;transition:color .15s}.breadcrumbs li a:hover{text-decoration:underline}.breadcrumbs .crumb-separator{color:var(--line);-webkit-user-select:none;user-select:none;margin:0 8px}.breadcrumbs li[aria-current=page]{color:var(--ink)}.quick-nav{border:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffaf1b3;border-radius:999px;flex-wrap:wrap;gap:8px;margin:18px 0 6px;padding:12px 16px;display:flex}.quick-nav a{color:var(--wine-deep);background:var(--paper);border:1px solid var(--mist);border-radius:999px;align-items:center;padding:5px 12px;font-size:13px;font-weight:600;text-decoration:none;transition:all .15s;display:inline-flex}.quick-nav a:hover{background:var(--wine);color:var(--cream);border-color:var(--wine)}.legal-nav-back{border-top:1px solid var(--mist);margin-top:36px;padding-top:22px}.btn-back{background:var(--wine);color:var(--cream);border-radius:999px;align-items:center;gap:8px;padding:10px 18px;font-size:14px;font-weight:600;text-decoration:none;transition:background .15s,transform .15s;display:inline-flex}.btn-back:hover{background:var(--wine-deep);transform:translate(-2px)}.blog-header{width:100%;margin:12px 0 36px}.blog-header h1{color:var(--wine-deep);margin:0 0 14px;font-family:Fraunces,serif;font-size:clamp(2rem,3.8vw,2.7rem);line-height:1.15}.blog-header p{color:var(--muted);margin:0;font-size:17px;line-height:1.6}.blog-grid{grid-template-columns:repeat(2,1fr);gap:24px;margin-bottom:40px;display:grid}.blog-card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);color:inherit;flex-direction:column;padding:30px 28px;text-decoration:none;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex}.blog-card:hover{border-color:var(--gold);transform:translateY(-4px);box-shadow:0 22px 55px #2c0c1433}.blog-meta{color:var(--muted);align-items:center;gap:12px;margin-bottom:12px;font-size:13px;display:flex}.blog-tag{color:var(--wine);letter-spacing:.04em;text-transform:uppercase;background:#4a152014;border-radius:999px;padding:3px 10px;font-size:12px;font-weight:700;display:inline-block}.blog-card h2{color:var(--wine-deep);margin:0 0 12px;font-family:Fraunces,serif;font-size:22px;line-height:1.3}.blog-card p{color:#4a3c33;flex-grow:1;margin:0 0 20px;font-size:15px;line-height:1.65}.blog-read-more{color:var(--wine);align-items:center;gap:6px;font-size:14px;font-weight:700;display:inline-flex}.blog-card:hover .blog-read-more{color:var(--gold)}.article-header{margin-bottom:28px}.article-header h1{color:var(--wine-deep);margin:0 0 14px;font-family:Fraunces,serif;font-size:clamp(2rem,3.6vw,2.6rem);line-height:1.2}.article-meta{color:var(--muted);border-bottom:1px solid var(--mist);flex-wrap:wrap;align-items:center;gap:14px;padding-bottom:18px;font-size:14px;display:flex}.article-body{color:#33261f;font-size:16px;line-height:1.8}.article-body h2{color:var(--wine-deep);margin:36px 0 12px;font-family:Fraunces,serif;font-size:24px;line-height:1.3}.article-body h3{color:var(--wine);margin:24px 0 8px;font-family:Fraunces,serif;font-size:19px}.article-body p{margin:0 0 18px}.article-body ul,.article-body ol{margin:0 0 20px;padding-left:24px}.article-body li{margin-bottom:8px}.article-body a{color:var(--wine);text-underline-offset:3px;text-decoration:underline}.article-body a:hover{color:var(--gold)}.callout-box{border-left:4px solid var(--gold);background:#fff8eb;border-radius:0 14px 14px 0;margin:24px 0;padding:18px 22px}.callout-box p{color:#443224;margin:0;font-size:15px}.callout-box strong{color:var(--wine-deep)}.burmese-phrase{color:var(--wine);border:1px solid var(--mist);background:#fdf5ea;border-radius:6px;padding:2px 7px;font-family:Noto Sans Myanmar,sans-serif;font-weight:600}.table-responsive{border:1px solid var(--line);border-radius:14px;margin:24px 0;overflow-x:auto}@media (width<=860px){.hero,.grid,.file-results,.why-grid,.steps,.usage-layout,.audience-grid,.script-grid,.footer-cols,.site-footer-inner,.blog-grid{grid-template-columns:1fr}.file-results{grid-template-rows:none}.file-results .output{height:200px;min-height:200px;max-height:200px}.site-header-inner{flex-direction:column;align-items:flex-start}textarea,.output{min-height:200px}.legal,.block{padding:24px 18px 32px}.quick-nav{border-radius:16px}}
