@import"https://fonts.googleapis.com/css2?family=Newsreader:opsz,wght@6..72,500;6..72,650&family=Outfit:wght@400;500;600;700&display=swap";*{margin:0;padding:0;box-sizing:border-box}:root{--canvas: #f8f3ea;--paper: #fffdf8;--paper-soft: #fbf7ef;--ink: #2d261f;--ink-soft: #675d52;--ink-faint: #8f8376;--ink-dark: #2f2326;--line: rgba(77, 62, 45, .13);--line-strong: rgba(111, 83, 44, .28);--accent: #49372a;--accent-soft: #f2dfc4;--blue-note: #dce9ec;--green-note: #e5eddb;--red-note: #f8ded8;--danger: #9f372f;--shadow-soft: 0 18px 42px rgba(89, 65, 38, .07);--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-soft: cubic-bezier(.22, 1, .36, 1)}html,body,#root{width:100%;min-height:100%}html{scroll-behavior:smooth}body{background:var(--canvas);color:var(--ink);font-family:Outfit,SF Pro Display,Helvetica Neue,Arial,sans-serif}button,input{font:inherit}#root{display:flex;width:100%}.app-container{position:relative;isolation:isolate;width:100%;min-height:100dvh;overflow:hidden;background:url(/assets/bgfun-CZvSx4tA.png) center/cover;background:radial-gradient(circle at 18% 12%,rgba(242,223,196,.72),transparent 28rem),radial-gradient(circle at 86% 4%,rgba(220,233,236,.76),transparent 24rem),linear-gradient(135deg,#fffaf1 0%,var(--canvas) 46%,#f5ebdd 100%);background-size:100% 100%,100% 100%,100% 100%;animation:ambientWash 22s var(--ease-soft) infinite alternate}.app-container:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-2;pointer-events:none;opacity:.26;background-image:linear-gradient(rgba(77,62,45,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(77,62,45,.08) 1px,transparent 1px);background-size:42px 42px;-webkit-mask-image:linear-gradient(to bottom,black,transparent 82%);mask-image:linear-gradient(to bottom,black,transparent 82%)}.app-container:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;opacity:.18;background-image:radial-gradient(circle at 20% 30%,rgba(45,38,31,.16) 0 1px,transparent 1px),radial-gradient(circle at 70% 70%,rgba(45,38,31,.12) 0 1px,transparent 1px);background-size:24px 24px,38px 38px}.ambient-dot{position:fixed;z-index:-1;pointer-events:none;border-radius:48% 52% 46% 54%;opacity:.34;filter:blur(1px);animation:slowDrift 18s var(--ease-out) infinite alternate}.ambient-dot-one{width:14rem;height:14rem;left:-3rem;bottom:12%;background:var(--green-note)}.ambient-dot-two{width:10rem;height:10rem;right:7%;top:22%;background:var(--red-note);animation-delay:-6s}.top-header{width:100%;animation:headerSlideDown .55s var(--ease-out) both}.header-shell{width:min(100% - 44px,1180px);min-height:74px;margin:0 auto;display:flex;align-items:center;justify-content:space-between}.header-brand{display:inline-flex;align-items:center;flex:0 0 auto;min-width:0;color:inherit;text-decoration:none;transition:transform .2s ease}.header-brand:hover{transform:rotate(-1deg) translateY(-1px)}.logo{display:block;width:272px;height:80px;background-image:url(/assets/logo6-_xqxie3Z.png);background-position:center left;background-repeat:no-repeat;background-size:contain;margin-top:10px}.transcript-quota{display:inline-flex;align-items:center;gap:8px;padding:6px 8px 6px 10px;border:1px solid var(--line);border-radius:12px;background:#fffdf8bd;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 8px 24px #59412609;animation:quotaGlow 6.5s var(--ease-soft) infinite}.panel-kicker,.hero-kicker{color:var(--ink-dark);font-size:1.06rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.transcript-quota-label{color:var(--ink-dark);font-size:.72rem;font-weight:700;letter-spacing:.08em;line-height:1;text-transform:uppercase;white-space:nowrap}.hero-kicker{font-size:clamp(1.08rem,2vw,1.42rem);line-height:1.05;letter-spacing:.055em}.quota-value{display:inline-flex;align-items:center;justify-content:center;min-height:28px;min-width:76px;padding:.34rem .58rem;border-radius:8px;background:var(--accent);color:#fffdf8;font-size:.84rem;font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}.body-shell{width:min(100% - 44px,1180px);margin:0 auto;padding:10px 0 0}.hero-section{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,320px);align-items:end;justify-content:space-between;gap:24px;padding:0 0 22px}.hero-copy{max-width:760px;align-self:end;animation:fadeUp .7s var(--ease-out) both}.hero-title{max-width:720px;margin-top:12px;color:var(--ink);font-family:Newsreader,Georgia,serif;font-size:clamp(4.5rem,8vw,6.4rem);font-weight:650;line-height:.9;letter-spacing:-.035em;text-wrap:balance}.hero-description{max-width:620px;margin-top:8px;color:var(--ink-soft);font-size:clamp(.98rem,1.25vw,1.08rem);line-height:1.45;text-wrap:pretty}.hero-supported-formats{width:fit-content;max-width:300px;background:#fffdf88c;color:var(--ink-faint);font-size:.87rem;line-height:1.45;text-wrap:pretty}.hero-side{display:grid;gap:16px;align-self:end;justify-items:end;justify-self:end;width:min(100%,300px);animation:fadeUp .7s var(--ease-out) .08s both}.hero-side .transcript-quota{justify-self:end}.format-note{position:relative;display:grid;grid-template-columns:repeat(6,minmax(72px,1fr));gap:10px 12px;width:min(100%,582px);min-height:0;margin-top:5px;padding:10px 4px 8px;align-self:end}.header-shell .format-note{flex:0 1 482px;margin-left:auto}.format-note span{position:static;display:inline-flex;align-items:center;justify-content:center;min-width:0;min-height:42px;padding:10px 14px;border:1px solid var(--line);border-radius:8px;background:var(--paper);color:var(--ink-soft);font-size:.88rem;font-weight:700;letter-spacing:.06em;text-align:center;text-transform:uppercase;box-shadow:0 8px 22px #5941260d;animation:noteSettle .68s var(--ease-soft) both;transition:background-color .2s ease,box-shadow .2s ease,transform .2s ease}.format-note span:hover{box-shadow:0 12px 26px #59412614;transform:translateY(-2px) rotate(0) scale(1.03)}.format-note span:nth-child(1){transform:translate(2px,-2px) rotate(-9deg);animation-delay:.08s}.format-note span:nth-child(2){background:var(--blue-note);transform:translate(-3px,2px) rotate(4deg);animation-delay:.14s}.format-note span:nth-child(3){background:var(--green-note);transform:translate(2px,-4px) rotate(8deg);animation-delay:.2s}.format-note span:nth-child(4){transform:translate(-4px,4px) rotate(-3deg);animation-delay:.26s}.format-note span:nth-child(5){background:var(--red-note);transform:translate(3px,-1px) rotate(11deg);animation-delay:.32s}.format-note span:nth-child(6){background:var(--accent-soft);transform:translate(-2px,3px) rotate(-7deg);animation-delay:.38s}.workspace-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:18px;align-items:stretch}.panel-card{min-width:0;min-height:545px;padding:18px;border:1px solid var(--line);border-radius:12px;background:#fffdf8e0;box-shadow:var(--shadow-soft);animation:panelRise .72s var(--ease-soft) both;transition:box-shadow .26s ease,transform .26s ease,border-color .26s ease}.panel-card:nth-child(2){animation-delay:.14s}.panel-card:hover{border-color:#6f532c38;box-shadow:0 22px 48px #59412617;transform:translateY(-2px)}.panel-heading,.transcript-header{min-height:42px;display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:8px 8px 16px}.panel-heading h2,.transcript-header h2{margin-top:4px;color:var(--ink);font-family:Newsreader,Georgia,serif;font-size:2rem;font-weight:650;line-height:1;letter-spacing:-.02em}.upload-panel{display:flex;flex-direction:column}.dropzone{position:relative;width:100%;flex:1 1 auto;min-height:430px;overflow:hidden;padding:24px;border:1.5px dashed rgba(77,62,45,.28);border-radius:10px;background:linear-gradient(135deg,#fffdf8cc,#fbf7eff0);cursor:pointer;transition:border-color .22s ease,background-color .22s ease,transform .22s ease,box-shadow .22s ease}.dropzone:before{content:"";position:absolute;top:14px;right:14px;bottom:14px;left:14px;border:1px solid rgba(255,253,248,.72);border-radius:8px;pointer-events:none}.dropzone:hover{transform:translateY(-2px) rotate(-.2deg);border-color:var(--line-strong);box-shadow:0 18px 38px #59412617}.dropzone.dragging{border-color:#49372a9e;background-color:#fff8e8;box-shadow:0 0 0 6px #f2dfc4b8,0 18px 38px #5941261a}.dropzone.has-file{border-style:solid;border-color:var(--line-strong)}.dropzone.is-processing{cursor:default;display:flex;align-items:center;justify-content:center}.file-input{display:none}.dropzone-content{position:relative;z-index:1;width:100%;height:100%;min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;text-align:center}.upload-icon,.file-icon{width:90px;height:90px;display:flex;align-items:center;justify-content:center;color:var(--accent);animation:tinyFloat 3.8s ease-in-out infinite}.upload-text,.file-name{max-width:min(92%,560px);overflow:hidden;color:var(--ink);font-size:1.2rem;font-weight:700;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.upload-subtext,.file-size{color:var(--ink-soft);font-size:.98rem}.action-area{min-height:64px;margin-top:20px;display:flex;align-items:center;justify-content:center}.transcribe-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;min-width:176px;padding:.95rem 1.2rem;border:0;border-radius:8px;background:var(--accent);color:#fffdf8;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:.55rem;font-size:.98rem;font-weight:700;transition:transform .18s ease,background .18s ease,box-shadow .18s ease}.transcribe-button:hover{transform:translateY(-1px) rotate(-.5deg);background:#89776a;box-shadow:0 12px 24px #49372a24}.transcribe-button:active{transform:translateY(0) scale(.98)}.selection-warning{max-width:440px;padding:12px 14px;border:1px solid rgba(159,55,47,.18);border-radius:8px;background:var(--red-note);color:var(--danger);font-size:.92rem;line-height:1.5}.selection-warning-loading{border-color:var(--line);background:var(--blue-note);color:var(--ink-soft)}.loading-message{display:inline-flex;flex-wrap:wrap;justify-content:center}.loading-char{display:inline-block;animation:loadingBounce 1s ease-in-out infinite}.loading-space{width:.3rem}.loading-char:nth-child(1){animation-delay:0s}.loading-char:nth-child(2){animation-delay:.03s}.loading-char:nth-child(3){animation-delay:.06s}.loading-char:nth-child(4){animation-delay:.09s}.loading-char:nth-child(5){animation-delay:.12s}.loading-char:nth-child(6){animation-delay:.15s}.loading-char:nth-child(7){animation-delay:.18s}.loading-char:nth-child(8){animation-delay:.21s}.loading-char:nth-child(9){animation-delay:.24s}.loading-char:nth-child(10){animation-delay:.27s}.loading-char:nth-child(11){animation-delay:.3s}.loading-char:nth-child(12){animation-delay:.33s}.loading-char:nth-child(13){animation-delay:.36s}.loading-char:nth-child(14){animation-delay:.39s}.loading-char:nth-child(15){animation-delay:.42s}.loading-char:nth-child(16){animation-delay:.45s}.loading-char:nth-child(17){animation-delay:.48s}.loading-char:nth-child(18){animation-delay:.51s}.loading-char:nth-child(19){animation-delay:.54s}.loading-char:nth-child(20){animation-delay:.57s}.loading-char:nth-child(21){animation-delay:.6s}.loading-char:nth-child(22){animation-delay:.63s}.loading-char:nth-child(23){animation-delay:.66s}.loading-char:nth-child(24){animation-delay:.69s}.loading-char:nth-child(25){animation-delay:.72s}.loading-char:nth-child(26){animation-delay:.75s}.loading-char:nth-child(27){animation-delay:.78s}.loading-char:nth-child(28){animation-delay:.81s}.progress-section{position:relative;z-index:1;width:min(100%,520px);max-width:100%;margin:0 auto;padding:22px;border:1px solid var(--line);border-radius:10px;background:#fffdf8e6}.progress-text{margin-bottom:14px;color:var(--ink-soft);font-size:.97rem;text-align:center}.progress-bar{position:relative;width:100%;height:10px;overflow:hidden;border-radius:999px;background:#4d3e2d1a}.progress-bar-indeterminate{position:absolute;inset:0 auto 0 -30%;width:30%;background:linear-gradient(90deg,transparent,rgba(73,55,42,.88),rgba(149,100,0,.34),transparent);animation:indeterminateSlide 1.15s infinite ease-in-out}.transcript-panel{height:545px;display:flex;flex-direction:column}.transcript-field-wrapper{position:relative;flex:1 1 auto;min-height:0}.transcript-field{width:100%;height:100%;min-height:0;overflow-y:auto;padding:22px 22px 64px;border:1px solid var(--line);border-radius:10px;background:linear-gradient(#fffdf8eb,#fffdf8eb),repeating-linear-gradient(to bottom,transparent 0 31px,rgba(77,62,45,.08) 32px);color:var(--ink);font-size:1rem;line-height:2;white-space:pre-wrap;word-break:break-word}.transcript-content{min-height:100%}.transcript-field.is-empty{color:var(--ink-faint);font-family:Newsreader,Georgia,serif;font-size:1.35rem}.transcript-field.has-content{color:var(--ink)}.copy-tooltip-wrapper{position:absolute;right:14px;bottom:14px;display:inline-flex;align-items:center;justify-content:center}.copy-icon-button{width:40px;height:40px;border:1px solid var(--line);border-radius:8px;background:var(--paper);display:inline-flex;align-items:center;justify-content:center;transition:transform .18s ease,background .18s ease,color .18s ease,border-color .18s ease,opacity .18s ease,box-shadow .18s ease}.copy-icon-button.enabled{color:var(--accent);cursor:pointer}.copy-icon-button.enabled:hover{transform:translateY(-1px) rotate(2deg);border-color:var(--line-strong);background:var(--accent-soft)}.copy-icon-button.enabled:active{transform:translateY(0) scale(.96)}.copy-icon-button.disabled{color:#675d5273;cursor:not-allowed;opacity:.7}.copy-tooltip{position:absolute;top:calc(100% + 10px);right:0;padding:7px 10px;border-radius:7px;background:#2d261fe0;color:#fffdf8;font-size:.78rem;line-height:1;white-space:nowrap;opacity:0;pointer-events:none;transform:translateY(-4px);transition:opacity .16s ease,transform .16s ease}.copy-tooltip:after{content:"";position:absolute;right:12px;bottom:100%;border-width:5px;border-style:solid;border-color:transparent transparent rgba(45,38,31,.88) transparent}.copy-tooltip-wrapper:hover .copy-tooltip{opacity:1;transform:translateY(0)}.transcript-animate-in{animation:transcriptReveal .65s var(--ease-out)}.disclaimer{display:block;margin-top:8px;margin-bottom:10px;color:var(--ink-faint);font-size:.86rem;text-align:center}.disclaimer-link{color:var(--ink-soft);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;transition:color .18s ease}.disclaimer-link:hover{color:var(--ink)}.header-brand:focus-visible,.dropzone:focus-visible,.transcribe-button:focus-visible,.copy-icon-button:focus-visible,.disclaimer-link:focus-visible{outline:3px solid rgba(149,100,0,.28);outline-offset:4px}@keyframes headerSlideDown{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes panelRise{0%{opacity:0;transform:translateY(18px) scale(.992)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes noteSettle{0%{opacity:0;filter:blur(3px)}to{opacity:1;filter:blur(0)}}@keyframes quotaGlow{0%,to{box-shadow:0 8px 24px #59412609}50%{box-shadow:0 10px 28px #59412613}}@keyframes ambientWash{0%{background-position:0% 0%,100% 0%,center}to{background-position:2% 1%,98% 2%,center}}@keyframes tinyFloat{0%,to{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-7px) rotate(1deg)}}@keyframes slowDrift{0%{transform:translateZ(0) rotate(0)}to{transform:translate3d(24px,-18px,0) rotate(12deg)}}@keyframes loadingBounce{0%,to{transform:translateY(0);opacity:.72}50%{transform:translateY(-1.5px);opacity:1}}@keyframes indeterminateSlide{0%{transform:translate(0)}to{transform:translate(430%)}}@keyframes transcriptReveal{0%{opacity:0;transform:translateY(8px);filter:blur(3px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}@media (max-width: 1020px){.workspace-grid{grid-template-columns:1fr}.hero-section{grid-template-columns:minmax(0,1fr) minmax(260px,320px);gap:20px}.format-note{justify-self:end;width:min(100%,320px)}.panel-card,.transcript-panel{min-height:520px;height:auto}.transcript-panel{height:550px}}@media (max-width: 680px){.header-shell,.body-shell{width:min(100% - 28px,1180px)}.header-shell{min-height:76px;flex-wrap:wrap;row-gap:8px}.logo{width:148px;height:58px}.transcript-quota{align-items:flex-end;flex-direction:column;gap:6px;padding:8px}.transcript-quota-label{font-size:.66rem}.quota-value{min-width:78px;min-height:30px;font-size:.82rem}.body-shell{padding-top:10px}.hero-section{grid-template-columns:1fr;gap:12px;padding:2px 0 18px}.hero-kicker{font-size:clamp(1rem,5.4vw,1.24rem)}.hero-description{margin-top:6px}.hero-supported-formats{width:100%;font-size:.86rem}.hero-side{width:100%;gap:12px;justify-items:stretch}.format-note{position:static;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;width:100%;min-height:0;padding:0}.header-shell .format-note{flex-basis:100%;margin-left:0}.format-note span{position:static;min-height:40px;padding:11px 8px;font-size:.74rem}.format-note span:nth-child(1),.format-note span:nth-child(2),.format-note span:nth-child(3),.format-note span:nth-child(4),.format-note span:nth-child(5),.format-note span:nth-child(6){transform:none}.panel-card{min-height:500px;padding:12px}.panel-heading,.transcript-header{min-height:66px}.transcript-header{align-items:flex-start}.panel-heading h2,.transcript-header h2{font-size:1.72rem}.dropzone{min-height:390px;padding:18px}.upload-text,.file-name{font-size:1.04rem}.transcript-panel{height:520px}.transcript-field{padding:18px 18px 62px;font-size:.96rem}}.legal-page-shell{width:100%;min-height:100dvh;padding:48px 20px 72px;background:radial-gradient(circle at 18% 12%,rgba(242,223,196,.72),transparent 28rem),radial-gradient(circle at 86% 4%,rgba(220,233,236,.76),transparent 24rem),linear-gradient(135deg,#fffaf1,#f8f3ea 46%,#f5ebdd);color:#2d261f;font-family:Outfit,SF Pro Display,Helvetica Neue,Arial,sans-serif}.legal-page{width:min(100%,920px);margin:0 auto;padding:42px 48px 56px;border:1px solid rgba(77,62,45,.13);border-radius:12px;background:#fffdf8e0;box-shadow:0 18px 42px #59412612;color:#675d52;font-size:1rem;line-height:1.68}.legal-page h1{margin:0 0 8px;color:#2f2326;font-family:Newsreader,Georgia,serif;font-size:clamp(2.6rem,8vw,4.8rem);font-weight:650;line-height:.95;letter-spacing:-.035em;text-wrap:balance}.legal-page-updated{margin:0 0 28px;color:#8f8376;font-size:.92rem}.legal-page p{margin:14px 0}.legal-page strong{color:#2d261f;font-weight:700}.legal-section{margin-top:34px}.legal-section h2{margin:0 0 14px;padding-bottom:8px;border-bottom:1px solid rgba(77,62,45,.13);color:#2f2326;font-family:Newsreader,Georgia,serif;font-size:clamp(1.36rem,2vw,1.72rem);font-weight:650;line-height:1.08;letter-spacing:-.02em}.legal-page h3{margin:24px 0 8px;color:#4f4336;font-size:1rem;font-weight:700;letter-spacing:.02em}.legal-page ul{padding-left:24px;margin:12px 0 16px}.legal-page li{margin-bottom:7px;padding-left:2px}.legal-page li::marker{color:#49372a}@media (max-width: 680px){.legal-page-shell{padding:24px 14px 48px}.legal-page{padding:28px 20px 40px}}