@font-face{font-family:Caveat;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/caveat-regular.woff2)format("woff2")}:root{--accent:#08cb00;--ink:#253900;--bg:#f7f6f2;--bg2:#fbfaf7;--text:#2b2b2b;--muted:#2b2b2bad;--card:#ffffffc7;--outline:#2539002e;--shadow:0 18px 40px #14141414;--radius:22px;--dot:#25390014;--dot2:#2539000a;--ease:cubic-bezier(.22,1,.36,1);--tap:cubic-bezier(.2,.9,.2,1);--topbar-height:64px;--topbar-offset:clamp(12px,18px,24px);--topbar-clear:calc(var(--topbar-height) + var(--topbar-offset) + 12px)}html[data-theme=dark]{--bg:#111512;--bg2:#0e110f;--text:#f5f5f5eb;--muted:#f5f5f59e;--card:#151816b8;--outline:#f5f5f51f;--shadow:0 18px 42px #00000059;--dot:#ffffff0f;--dot2:#ffffff08}*{box-sizing:border-box}html,body{height:100vh;overflow:hidden}body{background:radial-gradient(circle at 12px 12px,var(--dot)1px,transparent 1px)0 0/28px 28px,radial-gradient(circle at 12px 12px,var(--dot2)1px,transparent 1px)14px 14px/28px 28px,linear-gradient(180deg,var(--bg2),var(--bg));color:var(--text);margin:0;font-family:ui-rounded,ui-serif,Iowan Old Style,Palatino,Georgia,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.app{touch-action:pan-y;flex-direction:column;height:100vh;display:flex;overflow:hidden}.topbar{--pullPx:0px;--pullT:0;height:var(--topbar-height);min-height:var(--topbar-height);top:var(--topbar-offset);transform:translateX(-50%)translateY(calc(var(--pullPx)*.12));z-index:30;width:min(92vw,560px);min-width:280px;-webkit-backdrop-filter:blur(calc(30px + (var(--pullT)*12px)))saturate(calc(180% + (var(--pullT)*60%)));background:linear-gradient(180deg,rgba(255,255,255,calc(.78 - (var(--pullT)*.18)))0%,rgba(8,203,0,calc(.08 - (var(--pullT)*.04)))50%,rgba(255,255,255,calc(.22 - (var(--pullT)*.1)))100%);border:1px solid rgba(8,203,0,calc(.2 - (var(--pullT)*.1)));transform-origin:50%;will-change:transform;isolation:isolate;border-radius:999px;grid-template-columns:52px 1fr 52px;align-items:center;gap:8px;padding:10px 12px;transition:transform .4s cubic-bezier(.22,1,.36,1);display:grid;position:fixed;left:50%;overflow:visible;box-shadow:0 8px 32px #0000001a,inset 0 0 0 .5px #08cb001f}.topbar:before{content:"";width:min(62%,380px);height:100%;transform:translateX(-50%)translateY(calc(var(--pullPx)*.28))scaleY(calc(1 + (var(--pullT)*.38)))scaleX(calc(1 - (var(--pullT)*.06)));transform-origin:50%;pointer-events:none;z-index:0;-webkit-backdrop-filter:blur(18px)saturate(220%);background:linear-gradient(#ffffff9e 0%,#ffffff42 55%,#ffffff24 100%);border:1px solid #ffffff57;border-radius:999px;position:absolute;top:0;left:50%;box-shadow:0 10px 26px #0000001a,inset 0 0 0 .5px #08cb001a,inset 0 1px #ffffff8c;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 22% 78%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0%,#000 22% 78%,#0000 100%)}.topbar:after{content:"";width:min(56%,340px);height:18px;transform:translateX(-50%)translateY(calc(var(--pullPx)*.18));pointer-events:none;z-index:1;opacity:calc(.25 + (var(--pullT)*.35));background:radial-gradient(120px 18px,#ffffff8c,#fff0);border-radius:999px;position:absolute;top:6px;left:50%;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 18% 82%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0%,#000 18% 82%,#0000 100%)}.topbar>*{z-index:2;position:relative}html[data-theme=dark] .topbar{background:linear-gradient(180deg,rgba(17,21,18,calc(.9 - (var(--pullT)*.22)))0%,rgba(8,203,0,calc(.12 - (var(--pullT)*.05)))50%,rgba(17,21,18,calc(.28 - (var(--pullT)*.12)))100%);border:1px solid #08cb0042;box-shadow:0 8px 32px #0000008c,inset 0 0 0 .5px #08cb0029}html[data-theme=dark] .topbar:before{-webkit-backdrop-filter:blur(18px)saturate(220%);background:linear-gradient(#ffffff1f 0%,#ffffff0f 55%,#ffffff0a 100%);border:1px solid #ffffff24;box-shadow:0 10px 26px #0000008c,inset 0 0 0 .5px #08cb0024,inset 0 1px #ffffff2e}html[data-theme=dark] .topbar:after{background:radial-gradient(120px 18px,#fff3,#fff0)}.topbar.is-pulling{transition:none;box-shadow:0 14px 44px #0000001f,inset 0 0 0 .5px #08cb0024}html[data-theme=dark] .topbar.is-pulling{transition:none;box-shadow:0 14px 44px #0000009e,inset 0 0 0 .5px #08cb002e}.icon-btn{width:44px;min-width:40px;height:44px;min-height:40px;color:var(--muted);transition:transform .18s var(--tap),background .18s var(--tap),color .18s var(--tap);background:0 0;border:1px solid #0000;border-radius:14px;flex-shrink:0;place-items:center;display:grid}.icon-btn:active{transform:scale(.96)}.icon-btn:hover{color:var(--text);background:#0000000a}html[data-theme=dark] .icon-btn:hover{background:#ffffff0f}.icon-btn:focus-visible{outline-offset:2px;outline:2px solid #08cb008c}.icon{flex-shrink:0;width:22px;min-width:18px;height:22px;min-height:18px}.brand{letter-spacing:-.02em;color:var(--ink);white-space:nowrap;flex-shrink:0;justify-self:center;min-width:80px;font-family:ui-sans-serif,system-ui,-apple-system,SF Pro Display,Segoe UI,Roboto,sans-serif;font-size:24px;font-weight:800}.brand-dot{color:var(--accent)}html[data-theme=dark] .brand{color:#f5f5f5e6}.screen-stack{flex:1;min-height:0;position:relative;overflow:hidden}.screen{padding:calc(clamp(12px,16px,20px) + var(--topbar-clear))clamp(12px,16px,20px)clamp(20px,24px,28px);min-width:0;display:none;position:absolute;inset:0;overflow:hidden auto}.screen--active{animation:screenIn .26s var(--ease);display:block}@keyframes screenIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.drawer{z-index:50;display:none;position:fixed;inset:0}.drawer.is-open{display:block}.drawer-scrim{-webkit-backdrop-filter:blur(6px);animation:fadeIn .22s var(--ease);background:#0000002e;position:absolute;inset:0}.drawer-panel{background:var(--card);border-right:1px solid var(--outline);width:min(88vw,360px);height:100%;box-shadow:var(--shadow);animation:slideIn .28s var(--ease);border-top-right-radius:28px;border-bottom-right-radius:28px;flex-direction:column;padding:0;display:flex;position:absolute;top:0;left:0;overflow:hidden}@keyframes slideIn{0%{opacity:.8;transform:translate(-18px)}to{opacity:1;transform:translate(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.drawer-header{flex-shrink:0;justify-content:space-between;align-items:center;gap:8px;min-height:56px;padding:14px 12px 10px;display:flex}.drawer-title{color:var(--text);font-weight:700}.drawer-list{flex-shrink:0;gap:10px;padding:6px 12px;display:grid}.drawer-item{text-align:left;border:1px solid var(--outline);min-height:60px;color:var(--text);transition:transform .18s var(--tap),background .18s var(--tap);background:#ffffff61;border-radius:18px;flex-shrink:0;gap:4px;padding:14px;display:grid}html[data-theme=dark] .drawer-item{background:#ffffff0a}.drawer-item:active{transform:scale(.99)}.drawer-item:focus-visible{outline-offset:2px;outline:2px solid #08cb008c}.drawer-sub{color:var(--muted);font-size:13px}.drawer-sep{background:var(--outline);flex-shrink:0;height:1px;margin:12px}.drawer-controls{-webkit-overflow-scrolling:touch;flex:1;min-height:0;padding:0 12px;overflow-y:auto}.drawer-controls::-webkit-scrollbar{display:none}.drawer-control{border:1px solid var(--outline);background:#ffffff52;border-radius:18px;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;min-height:60px;padding:14px;display:flex}html[data-theme=dark] .drawer-control{background:#ffffff0a}.drawer-control-title{font-weight:650}.drawer-control-sub{color:var(--muted);margin-top:2px;font-size:13px}.drawer-footer{border-top:1px solid var(--outline);background:var(--card);z-index:1;flex-shrink:0;margin-top:auto;padding:16px 12px 12px;position:relative}.drawer-version{color:var(--muted);text-align:center;letter-spacing:.02em;opacity:.8;font-size:12px;font-weight:500}.toggle{border:1px solid var(--outline);width:52px;min-width:48px;height:30px;min-height:28px;transition:background .18s var(--tap);background:#0000000f;border-radius:999px;flex-shrink:0;padding:0;position:relative}html[data-theme=dark] .toggle{background:#ffffff14}.toggle-knob{width:22px;min-width:20px;height:22px;min-height:20px;transition:left .22s var(--ease),background .22s var(--ease);background:#ffffffe6;border-radius:999px;flex-shrink:0;position:absolute;top:50%;left:6px;transform:translateY(-50%);box-shadow:0 8px 16px #00000029}html[data-theme=dark] .toggle-knob{background:#fffc}.toggle.is-on{background:#08cb002e}.toggle.is-on .toggle-knob{left:24px}.toggle:focus-visible{outline-offset:3px;outline:2px solid #08cb008c}.recording{flex-direction:column;justify-content:center;align-items:center;gap:14px;min-width:0;height:100%;padding:32px 0 12vh;display:flex;position:relative;overflow:hidden auto}.mic-annotation{color:#2539009e;letter-spacing:.2px;pointer-events:none;z-index:2;gap:6px;font-family:Caveat,Bradley Hand,Segoe Print,Comic Sans MS,ui-rounded,cursive;font-size:18px;display:none;position:absolute;top:266px;left:max(16px,50% - 230px);transform:rotate(-6deg)}.mic-annotation-text{max-width:200px;line-height:1.2}.mic-annotation-arrow{color:#25390061;transform-origin:0;width:90px;height:34px;margin-left:6px;transform:rotate(16deg)}html[data-theme=dark] .mic-annotation{color:#f5f5f59e}html[data-theme=dark] .mic-annotation-arrow{color:#f5f5f561}.style-annotation{color:#25390099;letter-spacing:.2px;pointer-events:none;z-index:6;justify-items:end;gap:6px;font-family:Caveat,Bradley Hand,Segoe Print,Comic Sans MS,ui-rounded,cursive;font-size:17px;display:none;position:absolute;bottom:calc(10% + 110px);right:max(16px,50% - 240px);transform:rotate(3deg)}.style-annotation-text{text-align:right;max-width:200px;line-height:1.2}.style-annotation-arrow{color:#25390057;transform-origin:100%;width:88px;height:34px;margin-right:6px;transform:rotate(-10deg)}html[data-theme=dark] .style-annotation{color:#f5f5f599}html[data-theme=dark] .style-annotation-arrow{color:#f5f5f557}.style-guidance{color:#25390099;letter-spacing:.2px;pointer-events:none;z-index:4;flex-direction:column;align-items:center;gap:6px;font-family:Caveat,Bradley Hand,Segoe Print,Comic Sans MS,ui-rounded,cursive;font-size:17px;display:flex;position:fixed;bottom:calc(10% - 60px);left:50%;transform:translate(-50%)}.style-guidance-text{text-align:center;max-width:200px;line-height:1.2;transform:rotate(-2deg)}.style-guidance-arrow{color:#25390057;transform-origin:50%;width:40px;height:28px;transform:rotate(2deg)}html[data-theme=dark] .style-guidance{color:#f5f5f599}html[data-theme=dark] .style-guidance-arrow{color:#f5f5f557}.tagline{text-align:center;flex-shrink:0;width:min(92vw,520px);min-width:200px;margin:0 auto;padding:2px 6px;position:absolute;top:28px;left:0;right:0}.tagline-copy{text-align:left;display:inline-block}.tagline-desc{text-align:left;gap:2px;max-width:min(86vw,520px);margin-top:clamp(16px,3.5vh,28px);display:grid}.tagline-desc-rotate{color:var(--accent);font-weight:inherit;min-width:12ch;display:inline-block}.recording .mic{margin-top:clamp(64px,7vh,110px)}.tagline-line{letter-spacing:-.02em;white-space:nowrap;flex-shrink:0;min-height:28px;font-size:24px;font-weight:760;line-height:1.3}.tagline-line--primary{color:var(--text)}.tagline-line--strike{color:#2b2b2b8c}html[data-theme=dark] .tagline-line--strike{color:#f5f5f58c}.tagline-line--muted{color:#2b2b2b52;font-weight:740}.tagline-line--bold{font-weight:820}html[data-theme=dark] .tagline-line--muted{color:#f5f5f54d}@media (max-width:420px){.tagline-line{min-height:24px;font-size:clamp(18px,4.2vw,22px)}.style-desc{font-size:clamp(16px,3.8vw,18px)}.mic-annotation{min-width:150px;top:250px;left:10px;transform:rotate(-6deg)scale(.96)}.mic-annotation-text{min-width:120px;max-width:175px}.style-annotation{min-width:150px;bottom:calc(10% + 98px);right:10px;transform:rotate(2deg)scale(.95)}.style-annotation-text{min-width:120px;max-width:180px}.style-guidance{min-width:150px;bottom:calc(10% - 50px);transform:translate(-50%)scale(.95)}.style-guidance-text{min-width:120px;max-width:180px}.mic{min-width:100px;min-height:100px}.style-row{gap:6px;min-width:180px}.pill{min-width:100px;min-height:32px}.actionbar{gap:4px;min-width:260px}.action{min-width:55px;min-height:44px;padding:8px 6px}}@media (max-width:375px){.tagline-line{letter-spacing:-.01em;min-height:22px;font-size:clamp(16px,4vw,20px)}.style-desc{letter-spacing:-.05em;padding:0 12px;font-size:clamp(14px,3.5vw,17px)}.tagline{top:24px}.style-area{bottom:10%}}.mic{aspect-ratio:1;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:999px;flex-shrink:0;place-items:center;width:min(68vw,280px);min-width:120px;min-height:120px;margin:0 auto;padding:0;display:grid;position:relative;transform:translateZ(0)}.mic:active{transform:scale(.985)}.mic-glow{filter:blur(.2px);opacity:.9;z-index:1;background:radial-gradient(circle,#08cb002e,#0000 62%),radial-gradient(circle,#08cb0014,#0000 72%);border-radius:999px;position:absolute;inset:-22px}.mic-liquid{box-shadow:var(--shadow);will-change:border-radius,transform,background-position;z-index:2;background:radial-gradient(circle at 35% 30%,#ffffffd1,#ffffff47 45%,#ffffff1a 68%,#0000000a 100%) 40% 30%/140% 140%,linear-gradient(160deg,#08cb0024,#08cb0005) 60% 60%/180% 180%;border:1px solid #2539002e;border-radius:62% 38% 56% 44%/44% 60% 40% 56%;animation:12.6s cubic-bezier(.25,.95,.15,1) infinite liquidIdle;position:absolute;inset:0}html[data-theme=dark] .mic-liquid{background:radial-gradient(circle at 35% 30%,#ffffff1a,#ffffff0f 45%,#ffffff0a 68%,#0000004d 100%),linear-gradient(160deg,#08cb0038,#08cb000a);border:1px solid #ffffff1f}@keyframes liquidIdle{0%{background-position:40% 30%,60% 60%;border-radius:62% 38% 56% 44%/44% 60% 40% 56%;transform:translate(0,0)rotate(.8deg)scale(1)}9%{background-position:50% 24%,52% 70%;border-radius:50% 50% 44% 56%/58% 42% 60% 40%;transform:translate(.8%,-.6%)rotate(-1.2deg)scale(1.008)}18%{background-position:55% 22%,48% 72%;border-radius:38% 62% 42% 58%/64% 40% 60% 36%;transform:translate(1.2%,-.8%)rotate(-1.9deg)scale(1.012)}28%{background-position:60% 34%,44% 66%;border-radius:44% 56% 56% 44%/54% 52% 48% 46%;transform:translate(.2%,-.2%)rotate(.3deg)scale(1.004)}38%{background-position:28% 46%,70% 48%;border-radius:70% 30% 63% 37%/34% 72% 28% 66%;transform:translate(-.9%,1.1%)rotate(2.3deg)scale(.994)}48%{background-position:32% 54%,68% 42%;border-radius:60% 40% 52% 48%/40% 64% 36% 60%;transform:translate(-.6%,.2%)rotate(1.2deg)scale(.996)}58%{background-position:62% 58%,42% 34%;border-radius:30% 70% 36% 64%/58% 34% 66% 42%;transform:translate(-1.2%,-.4%)rotate(-2.6deg)scale(1.018)}68%{background-position:56% 62%,46% 38%;border-radius:58% 42% 32% 68%/46% 58% 42% 54%;transform:translate(-.4%,.8%)rotate(-1deg)scale(1.008)}78%{background-position:46% 36%,58% 68%;border-radius:66% 34% 28% 72%/40% 54% 46% 60%;transform:translate(.6%,1%)rotate(1.6deg)scale(.992)}to{background-position:40% 30%,60% 60%;border-radius:62% 38% 56% 44%/44% 60% 40% 56%;transform:translate(0,0)rotate(.8deg)scale(1)}}.mic-face{width:52%;height:52%;color:var(--ink);-webkit-backdrop-filter:blur(10px);z-index:3;background:#ffffff52;border:1px solid #2539002e;border-radius:999px;place-items:center;display:grid;position:relative}html[data-theme=dark] .mic-face{color:#fff;background:#0000001f;border:1px solid #ffffff1a}.mic-face-content{flex-direction:column;align-items:center;gap:4px;display:none}.mic-icon{width:46px;height:46px}.mic-icon-highlight{fill:#0000}.mic-icon-grille{stroke:#0000}html[data-theme=dark] .mic-icon-highlight{fill:#ffffff1f}html[data-theme=dark] .mic-icon-grille{stroke:#fff3}.mic-listening{text-align:center;letter-spacing:.2px;color:#ffffffeb;width:88%;font-size:15px;font-weight:750;line-height:1.15;display:none}.listen-dots{gap:0;margin-left:2px;display:inline-flex}.listen-dots span{opacity:.22;animation:1.05s ease-in-out infinite dotPulse}.listen-dots span:nth-child(2){animation-delay:.14s}.listen-dots span:nth-child(3){animation-delay:.28s}@keyframes dotPulse{0%,to{opacity:.22}45%{opacity:.9}}.mic-meta{text-align:center;flex-shrink:0;min-width:100px;margin-top:18px}.mic-label{color:var(--muted);flex-shrink:0;min-height:22px;font-size:18px}.mic-label--script{font-family:Caveat,Bradley Hand,Segoe Print,Comic Sans MS,ui-rounded,cursive}.mic-timer{font-variant-numeric:tabular-nums;color:var(--text);letter-spacing:.4px;flex-shrink:0;min-height:24px;margin-top:6px;font-size:20px}.mic-timer--inside{letter-spacing:.6px;color:#fff9;margin-top:0;font-size:12px;font-weight:700;line-height:1}.style-area{z-index:5;place-items:center;gap:8px;width:100%;min-width:0;padding-top:6px;display:grid;position:fixed;bottom:10%;left:0;right:0}.style-desc{text-align:center;letter-spacing:-.07em;width:min(92vw,540px);min-width:200px;color:var(--muted);min-height:18px;transition:opacity .15s var(--ease),transform .15s var(--ease);will-change:contents;flex-shrink:0;padding:0 50px;font-family:ui-rounded,ui-serif,Iowan Old Style,Palatino,Georgia,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:20px;line-height:1.4}.style-desc-prefix,.style-desc-text{font-size:inherit;color:inherit;line-height:inherit;letter-spacing:inherit;display:inline}.style-help{color:var(--muted);letter-spacing:.1px;cursor:pointer;transition:color .18s var(--tap),background .18s var(--tap);background:0 0;border:0;border-radius:999px;margin-top:10px;padding:6px 10px;font-size:13px;font-weight:600}.style-help:hover{color:var(--text);background:#0000000a}html[data-theme=dark] .style-help:hover{background:#ffffff0f}.style-help:focus-visible{outline-offset:2px;outline:2px solid #08cb008c}.guidance-overlay{opacity:0;pointer-events:none;transition:opacity .22s var(--ease);z-index:70;background:#0009;position:fixed;inset:0}.guidance-sheet{background:var(--card);border:1px solid var(--outline);width:min(92vw,520px);transition:transform .26s var(--ease);z-index:80;border-bottom:0;border-radius:22px 22px 0 0;padding:16px 16px 20px;position:fixed;bottom:0;left:50%;transform:translate(-50%,110%);box-shadow:0 -16px 40px #00000040}.guidance-sheet.is-open{transform:translate(-50%)}.guidance-overlay.is-visible{opacity:1;pointer-events:auto}.guidance-sheet-header{justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px;display:flex}.guidance-sheet-title{color:var(--text);font-size:15px;font-weight:700}.guidance-close{width:36px;height:36px;color:var(--muted);transition:transform .18s var(--tap),background .18s var(--tap),color .18s var(--tap);background:0 0;border:1px solid #0000;border-radius:12px;place-items:center;display:grid}.guidance-close:active{transform:scale(.96)}.guidance-close:hover{color:var(--text);background:#0000000a}html[data-theme=dark] .guidance-close:hover{background:#ffffff0f}.guidance-close:focus-visible{outline-offset:2px;outline:2px solid #08cb008c}.guidance-sheet-body{color:var(--text);gap:10px;font-size:14px;line-height:1.5;display:grid}.guidance-sheet-body p{margin:0}@media (max-width:420px){.guidance-sheet{border-radius:18px 18px 0 0;width:100%}}.style-row{scroll-snap-type:x proximity;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;touch-action:pan-x;overscroll-behavior-x:contain;scrollbar-width:none;-ms-overflow-style:none;will-change:scroll-position;-webkit-overflow-scrolling:touch;flex-shrink:0;gap:10px;width:min(92vw,540px);min-width:200px;padding:10px 6px 12px;scroll-padding:0 calc(50% - min(46vw,270px));display:flex;overflow:auto hidden;transform:translateZ(0)}.style-row::-webkit-scrollbar{display:none}.pill{scroll-snap-align:center;-webkit-backdrop-filter:blur(20px)saturate(180%);min-width:120px;min-height:36px;transition:transform .18s var(--tap),background .22s var(--tap),border-color .22s var(--tap),box-shadow .22s var(--tap);touch-action:manipulation;cursor:pointer;backface-visibility:hidden;-webkit-font-smoothing:antialiased;background:linear-gradient(#ffffffb3 0%,#08cb000f 50%,#ffffff2e 100%);border:1px solid #08cb002e;border-radius:999px;flex:none;align-items:center;gap:2px;padding:10px 12px;display:grid;position:relative;overflow:hidden;transform:translateZ(0);box-shadow:0 4px 16px #0000000f,inset 0 0 0 .5px #08cb0014}.pill--label{-webkit-backdrop-filter:blur(20px)saturate(180%);pointer-events:none;background:linear-gradient(#ffffff80 0%,#08cb000a 50%,#ffffff1f 100%);border:1px solid #08cb001f;min-width:auto;padding:10px 12px;box-shadow:0 2px 8px #0000000a,inset 0 0 0 .5px #08cb000f}html[data-theme=dark] .pill--label{background:linear-gradient(#111512b3 0%,#08cb0014 50%,#1115122e 100%);border:1px solid #08cb002e;box-shadow:0 2px 8px #0000004d,inset 0 0 0 .5px #08cb001a}.pill--label .pill-title{letter-spacing:.2px;color:var(--muted);font-size:13px;font-weight:750}html[data-theme=dark] .pill{background:linear-gradient(#111512cc 0%,#08cb001a 50%,#11151238 100%);border:1px solid #08cb0038;box-shadow:0 4px 16px #0006,inset 0 0 0 .5px #08cb001f}.pill:active{transform:scale(.992)}.pill:focus-visible{outline-offset:3px;outline:2px solid #08cb008c}.pill-title{color:var(--text);white-space:nowrap;flex-shrink:0;min-height:18px;font-size:14px;font-weight:700}.pill-desc{color:var(--muted);flex-shrink:0;min-height:14px;font-size:12px}.pill:after{content:"";opacity:0;transition:opacity .22s var(--tap);background:radial-gradient(circle at 30% 30%,#08cb0033,#0000 56%),radial-gradient(circle at 70% 60%,#08cb001a,#0000 60%);border-radius:999px;position:absolute;inset:-30px}.pill.is-selected{background:linear-gradient(#ffffffbf 0%,#08cb0026 50%,#ffffff40 100%)!important;border-color:#08cb0059!important;box-shadow:0 4px 16px #00000014,inset 0 0 0 .5px #08cb0026!important}.pill.is-selected:after{opacity:1}.pill.is-selected .pill-title{color:var(--ink)}html[data-theme=dark] .pill.is-selected{background:linear-gradient(#111512d9 0%,#08cb0033 50%,#1115124d 100%)!important;border-color:#08cb0066!important;box-shadow:0 4px 16px #00000080,inset 0 0 0 .5px #08cb002e!important}html[data-theme=dark] .pill.is-selected .pill-title{color:#f5f5f5eb}.is-recording .mic-face{background:#253900db;border-color:#08cb0042;box-shadow:0 14px 36px #08cb0024}.is-recording .mic-face-content{display:flex}.is-recording .mic-face .mic-icon{display:none}.is-recording .mic-face .mic-listening{display:block}.is-refining .mic-face{background:#121c08f0;border-color:#08cb002e;box-shadow:0 14px 36px #08cb001a}.is-refining .mic-face-content{display:flex}.is-refining .mic-face .mic-icon{display:none}.is-refining .mic-face .mic-listening{display:block}.is-refining .mic-liquid{background:radial-gradient(circle at 35% 30%,#ffffff24,#ffffff0f 45%,#00000038 82%),linear-gradient(160deg,#182608c7,#08cb0014);animation:10.2s cubic-bezier(.22,1,.2,1) infinite liquidRecording}.is-refining .mic{pointer-events:none;cursor:default}.is-recording .mic-liquid{background:radial-gradient(circle at 35% 30%,#ffffff2e,#ffffff14 45%,#0000002e 80%),linear-gradient(160deg,#253900b8,#08cb001a)}.is-recording .mic-glow{animation:1.25s ease-in-out infinite glowPulse}.is-recording .mic-liquid{animation:10.2s cubic-bezier(.22,1,.2,1) infinite liquidRecording}.is-recording .mic:before,.is-recording .mic:after{content:"";opacity:.8;border:1px solid #08cb003d;border-radius:999px;animation:1.65s linear infinite ringOrbit;position:absolute;inset:-14px}.is-recording .mic:after{opacity:.5;animation-duration:2.35s;animation-direction:reverse;inset:-22px}@keyframes glowPulse{0%,to{opacity:.88;transform:scale(1)}50%{opacity:1;transform:scale(1.03)}}@keyframes ringOrbit{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes liquidRecording{0%{background-position:44% 22%,60% 66%;border-radius:68% 32% 62% 38%/36% 74% 26% 64%;transform:translate(0,0)rotate(1.2deg)scale(1.01)}10%{background-position:58% 34%,48% 54%;border-radius:52% 48% 40% 60%/62% 36% 64% 38%;transform:translate(-.5%,.3%)rotate(-1.6deg)scale(1.004)}20%{background-position:60% 46%,44% 42%;border-radius:26% 74% 34% 66%/70% 30% 66% 34%;transform:translate(-.8%,.5%)rotate(-2.2deg)scale(.996)}30%{background-position:36% 56%,68% 46%;border-radius:74% 26% 54% 46%/30% 66% 34% 70%;transform:translate(.4%,-.4%)rotate(1.9deg)scale(1.008)}40%{background-position:36% 58%,68% 48%;border-radius:78% 22% 48% 52%/28% 62% 38% 72%;transform:translate(.6%,-.7%)rotate(2.6deg)scale(1.012)}50%{background-position:52% 28%,46% 74%;border-radius:40% 60% 22% 78%/60% 28% 72% 40%;transform:translate(.6%,.2%)rotate(-1.7deg)scale(.998)}60%{background-position:54% 34%,46% 72%;border-radius:34% 66% 22% 78%/62% 26% 74% 38%;transform:translate(.8%,.3%)rotate(-2deg)scale(.994)}70%{background-position:40% 26%,64% 60%;border-radius:60% 40% 74% 26%/42% 76% 24% 58%;transform:translate(-.2%,-.4%)rotate(1.5deg)scale(1.006)}80%{background-position:40% 28%,62% 54%;border-radius:58% 42% 76% 24%/40% 76% 24% 60%;transform:translate(-.4%,-.5%)rotate(1.8deg)scale(1.01)}to{background-position:44% 22%,60% 66%;border-radius:68% 32% 62% 38%/36% 74% 26% 64%;transform:translate(0,0)rotate(1.2deg)scale(1.01)}}.app.is-recording .screen-stack .recording .tagline,.app.is-recording .screen-stack .recording .style-annotation,.app.is-recording .screen-stack .recording .style-guidance,.app.is-refining .screen-stack .recording .tagline,.app.is-refining .screen-stack .recording .style-annotation,.app.is-refining .screen-stack .recording .style-guidance{opacity:.4;filter:grayscale(.6);transition:opacity .2s var(--ease),filter .2s var(--ease);pointer-events:none}.app.is-recording .style-area,.app.is-refining .style-area{pointer-events:none}.app.is-recording .style-desc,.app.is-refining .style-desc{color:#2b2b2b7a}html[data-theme=dark] .app.is-recording .style-desc,html[data-theme=dark] .app.is-refining .style-desc{color:#f5f5f575}.app.is-recording .pill,.app.is-refining .pill{background:linear-gradient(#fff9 0%,#0000000a 50%,#ffffff2e 100%);border-color:#2b2b2b2e;box-shadow:0 4px 16px #0000000d,inset 0 0 0 .5px #0000000f}html[data-theme=dark] .app.is-recording .pill,html[data-theme=dark] .app.is-refining .pill{background:linear-gradient(#111512b3 0%,#ffffff0a 50%,#11151233 100%);border-color:#f5f5f524;box-shadow:0 4px 16px #00000052,inset 0 0 0 .5px #ffffff14}.app.is-recording .pill.is-selected,.app.is-refining .pill.is-selected{background:linear-gradient(#ffffff9e 0%,#0000000d 50%,#fff3 100%)!important;border-color:#2b2b2b33!important;box-shadow:0 4px 16px #0000000f,inset 0 0 0 .5px #00000012!important}html[data-theme=dark] .app.is-recording .pill.is-selected,html[data-theme=dark] .app.is-refining .pill.is-selected{background:linear-gradient(#111512b8 0%,#ffffff0d 50%,#1115123d 100%)!important;border-color:#f5f5f52e!important;box-shadow:0 4px 16px #00000061,inset 0 0 0 .5px #ffffff1a!important}.app.is-recording .pill:after,.app.is-refining .pill:after{opacity:0}.app.is-recording .pill-title,.app.is-refining .pill-title{color:#2b2b2b99}html[data-theme=dark] .app.is-recording .pill-title,html[data-theme=dark] .app.is-refining .pill-title{color:#f5f5f599}.app.is-recording .mic,.app.is-recording .mic *,.app.is-recording .mic-glow,.app.is-recording .mic-liquid,.app.is-recording .mic-face,.app.is-recording .mic-face *,.app.is-recording .mic-listening,.app.is-recording .mic-listening *,.app.is-recording .listen-dots,.app.is-recording .listen-dots *,.app.is-refining .mic,.app.is-refining .mic *,.app.is-refining .mic-glow,.app.is-refining .mic-liquid,.app.is-refining .mic-face,.app.is-refining .mic-face *,.app.is-refining .mic-listening,.app.is-refining .mic-listening *,.app.is-refining .listen-dots,.app.is-refining .listen-dots *,.app.is-recording .mic-meta,.app.is-recording .mic-meta *,.app.is-recording .mic-label,.app.is-recording .mic-timer,.app.is-refining .mic-meta,.app.is-refining .mic-meta *,.app.is-refining .mic-label,.app.is-refining .mic-timer{pointer-events:auto;opacity:1!important;filter:none!important}.app.is-recording .topbar,.app.is-recording .topbar *,.app.is-refining .topbar,.app.is-refining .topbar *{opacity:1!important;filter:none!important}.processing{place-items:center;min-width:0;height:100%;padding-bottom:22vh;display:grid;overflow:hidden auto}.processing-card{border:1px solid var(--outline);background:var(--card);width:min(92vw,520px);min-width:240px;box-shadow:var(--shadow);border-radius:26px;flex-shrink:0;margin:0 auto;padding:22px 20px 18px;position:relative;overflow:hidden}.processing-title{color:var(--text);flex-shrink:0;min-height:24px;font-size:20px;font-weight:750}.processing-style{border:1px solid var(--outline);min-width:80px;min-height:32px;color:var(--muted);background:#08cb0014;border-radius:999px;flex-shrink:0;margin-top:10px;padding:9px 12px;font-size:13px;display:inline-flex}.processing-shimmer{background:linear-gradient(90deg,#0000,#ffffff47,#0000);width:60%;height:100%;animation:1.55s ease-in-out infinite shimmer;position:absolute;top:0;left:-30%;transform:skew(-14deg)}html[data-theme=dark] .processing-shimmer{background:linear-gradient(90deg,#0000,#ffffff1a,#0000)}@keyframes shimmer{0%{opacity:0;transform:translate(0)skew(-14deg)}20%{opacity:1}50%{opacity:1}to{opacity:0;transform:translate(260%)skew(-14deg)}}.transcript{flex-direction:column;gap:10px;min-width:0;height:100%;padding-bottom:96px;display:flex;position:relative;overflow:hidden auto}.transcript-top{flex-shrink:0;grid-template-columns:44px 1fr 44px;align-items:center;gap:8px;min-height:60px;padding:2px 0 0;display:grid}.transcript-style-name{color:var(--ink);flex-shrink:0;min-height:22px;font-size:18px;font-weight:800}html[data-theme=dark] .transcript-style-name{color:#f5f5f5eb}.transcript-style-desc{color:var(--muted);flex-shrink:0;min-height:16px;margin-top:2px;font-size:13px}.top-spacer{flex-shrink:0;width:44px;min-width:40px}.transcript-hints{flex-shrink:0;justify-content:space-between;gap:12px;min-height:18px;padding:2px 8px 0;display:flex}.hint{color:var(--muted);flex-shrink:0;min-height:16px;font-size:12px}.pager{border:1px solid var(--outline);background:#ffffff4d;border-radius:28px;flex:1;min-width:0;min-height:200px;position:relative;overflow:hidden;box-shadow:0 10px 28px #0000000f}html[data-theme=dark] .pager{background:#ffffff0d}.pager-track{width:500%;height:100%;transition:transform .34s var(--ease);display:flex;transform:translate(0)}.pager-track.is-bouncy{transition:transform .42s var(--ease)}.page{-webkit-overflow-scrolling:touch;width:20%;min-width:200px;min-height:200px;padding:20px 18px 24px;overflow-y:auto}.page::-webkit-scrollbar{display:none}.page-text{letter-spacing:.1px;color:var(--text);white-space:pre-wrap;font-size:18px;line-height:1.68}.raw-overlay{color:#ffffffeb;z-index:35;background:#000000b8;border:1px solid #ffffff24;border-radius:20px;padding:16px 14px;display:none;position:absolute;inset:106px 16px 104px}.raw-overlay.is-visible{animation:fadeIn .16s var(--tap);display:block}.raw-badge{background:#ffffff1a;border:1px solid #ffffff29;border-radius:999px;margin-bottom:10px;padding:6px 10px;font-size:12px;display:inline-flex}.raw-text{white-space:pre-wrap;font-size:16px;line-height:1.55}.actionbar{-webkit-backdrop-filter:blur(30px)saturate(180%);z-index:30;background:linear-gradient(#ffffffbf 0%,#08cb0014 50%,#fff3 100%);border:1px solid #08cb0033;border-radius:999px;flex-shrink:0;grid-template-columns:repeat(4,1fr);gap:6px;width:min(92vw,560px);min-width:280px;padding:10px;display:grid;position:fixed;bottom:18px;left:50%;transform:translate(-50%);box-shadow:0 8px 32px #00000014,inset 0 0 0 .5px #08cb001a}html[data-theme=dark] .actionbar{background:linear-gradient(#111512d9 0%,#08cb001f 50%,#11151240 100%);border:1px solid #08cb0040;box-shadow:0 8px 32px #00000080,inset 0 0 0 .5px #08cb0026}.action{color:var(--muted);min-width:60px;min-height:48px;transition:transform .18s var(--tap),background .18s var(--tap),color .18s var(--tap);background:0 0;border:0;border-radius:999px;flex-shrink:0;place-items:center;gap:6px;padding:10px 8px;display:grid}.action:active{transform:scale(.985)}.action:hover{color:var(--text);background:#0000000a}html[data-theme=dark] .action:hover{background:#ffffff0f}.action:focus-visible{outline-offset:3px;outline:2px solid #08cb008c}.action-icon{flex-shrink:0;width:22px;min-width:18px;height:22px;min-height:18px}.action span{white-space:nowrap;flex-shrink:0;min-height:14px;font-size:12px}.toast{color:#ffffffeb;z-index:40;background:#000000c2;border-radius:999px;padding:10px 14px;font-size:13px;display:none;position:fixed;bottom:92px;left:50%;transform:translate(-50%)}.toast.is-visible{animation:toastIn .2s var(--ease);display:inline-flex}@keyframes toastIn{0%{opacity:0;transform:translate(-50%)translateY(8px)}to{opacity:1;transform:translate(-50%)translateY(0)}}@media (prefers-reduced-motion:reduce){*{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.mic-live{border:1px solid var(--outline);background:var(--card);border-radius:22px;width:min(92vw,520px);margin-top:2px;padding:14px;box-shadow:0 10px 28px #0000000f}.mic-live-final{color:var(--text);white-space:pre-wrap;font-size:15px;line-height:1.55}.mic-live-interim{color:var(--muted);white-space:pre-wrap;margin-top:8px;font-size:14px;font-style:italic;line-height:1.55}.pull-to-refresh{opacity:0;pointer-events:none;z-index:100;transition:opacity .2s var(--ease),transform .2s var(--ease);will-change:transform,opacity;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:12px 20px;display:flex;position:fixed;top:20px;left:50%;transform:translate(-50%)translateY(-120px)}.pull-to-refresh-spinner{width:32px;height:32px;transition:transform .2s var(--ease);justify-content:center;align-items:center;display:flex;transform:scale(0)}.pull-to-refresh-icon{width:24px;height:24px;color:var(--accent);transition:color .2s var(--ease)}.pull-to-refresh.is-ready .pull-to-refresh-icon,.pull-to-refresh.is-refreshing .pull-to-refresh-icon{color:var(--accent)}.pull-to-refresh-text{color:var(--muted);white-space:nowrap;transition:color .2s var(--ease);font-size:13px;font-weight:500}.pull-to-refresh.is-ready .pull-to-refresh-text{color:var(--accent)}@keyframes spin{0%{transform:rotate(0)scale(1)}to{transform:rotate(360deg)scale(1)}}