https://scripod.com/assets/root-layout-PxYAJPNh.js

1import{a as e,t}from"./jsx-runtime-D_MnEzuy.js";import{t as n}from"./react-DBEjWt7A.js";import{i as r,s as i,t as a}from"./link-Di2oYaad.js";import{t as o}from"./useLocation-C3XIkhMo.js";import{n as s}from"./index.esm-yZ3WVT7t.js";import{n as c,t as l,w as u,x as d}from"./audio-player-Bi3uQCco.js";import{i as f}from"./dist-DT2jQ2P_.js";import{i as p}from"./useScroll-CTuZtLwS.js";import{s as m}from"./utils-C-nrA9qU.js";import{t as h}from"./button-CUnEcMYq.js";import{n as g,r as _}from"./auth-DZmhojk1.js";import{c as v}from"./react-icons.esm-DSF_-psr.js";import{n as y,r as b,t as x}from"./avatar-v2yjoNfi.js";import{t as S}from"./useBilling-BlL1k6To.js";import{n as C,t as w}from"./pwa-dialog-C_54NOEc.js";import{t as ee}from"./useBreakpoint-CS_v3kWd.js";import{t as T}from"./input-search-DDKQRhvy.js";import{n as te}from"./useFeedback-o7FoUpY8.js";var E=e(n(),1),D=t(),O=()=>{let{user:e}=g(),{status:t}=S({enabled:!!e}),{renderDialog:n,openDialog:r,closeDialog:i}=C({render:()=>(0,D.jsx)(_,{isDialog:!0,onSuccess:i})});return e?(0,D.jsx)(a,{to:`/account`,children:(0,D.jsxs)(h,{variant:`ghost`,className:`relative size-8 rounded-full transition align-bottom`,children:[(0,D.jsxs)(x,{className:`size-8`,children:[(0,D.jsx)(b,{src:e.avatarUrl??``}),(0,D.jsx)(y,{className:`opacity-80 hover:opacity-100`,children:e.fullName?.slice(0,2)||(0,D.jsx)(s.user,{})})]}),t?.pro&&(0,D.jsx)(`span`,{title:`Scripod Pro`,className:`absolute -bottom-1 -right-1.5 rounded-sm px-1 text-[8px] leading-3 font-semibold tracking-wide bg-foreground text-background pointer-events-none`,children:`PRO`})]})}):(0,D.jsxs)(D.Fragment,{children:[n(),(0,D.jsx)(h,{className:`rounded-full`,onClick:r,children:`Login`})]})},k=({className:e})=>{let t=r(),n=(0,E.useCallback)(e=>{t.navigate({to:`/search`,search:{keyword:encodeURIComponent(e)}})},[t]),i=o().pathname;return(0,D.jsxs)(`div`,{className:e,children:[!i.startsWith(`/search`)&&(0,D.jsx)(`div`,{className:`relative hidden sm:inline-block`,children:(0,D.jsxs)(`form`,{action:``,onSubmit:e=>{e.preventDefault();let t=new FormData(e.currentTarget).get(`search`);n(t)},children:[(0,D.jsx)(T,{name:`search`,className:`pr-8 text-base w-auto max-w-64 rounded-full`,inputClassName:`!placeholder-foreground

1/40`,clearClassName:`right-7`,placeholder:`Search...`}),(0,D.jsx)(`button`,{type:`submit`,className:`absolute inset-y-0 right-0 group`,children:(0,D.jsx)(v,{className:`size-4 my-2 mx-3 opacity-50 group-hover:opacity-100`})})]})}),(0,D.jsx)(a,{to:`/search`,className:`sm:hidden`,children:(0,D.jsx)(h,{variant:`ghost`,className:`-mx-3 rounded-full`,children:(0,D.jsx)(s.search,{className:`size-6 `})})})]})};function A(){let e=r(),{openFeedbackDialog:t,renderFeedbackDialog:n}=te(),{user:i}=g(),o=S({enabled:!!i}),c=i?o.isLoading||o.status?.pro?null:o.enabled?(0,D.jsx)(a,{to:`/pricing`,className:`group`,children:(0,D.jsx)(`span`,{className:`rounded-full px-3 py-1 text-sm bg-foreground/10 text-foreground/80 group-hover-active:bg-foreground/20 group-hover-active:text-foreground transition`,children:`Upgrade`})}):(0,D.jsx)(a,{to:`/pricing`,children:`Pricing`}):(0,D.jsx)(a,{to:`/pricing`,children:`Pricing`});return(0,D.jsxs)(`div`,{className:`relative vt:[view-transition-name:header] pwa:hidden h-16 border-b-[0.5px] border-foreground

1/20 shrink-0 w-full top-0 bg-background/70 backdrop-blur-3xl backdrop-saturate-200 transition duration-500 ease-in-out z-50`,children:[(0,D.jsxs)(`div`,{className:`flex h-full items-center px-4 `,children:[(0,D.jsxs)(`nav`,{className:f(`flex items-center text-foreground/50 h-full`),children:[(0,D.jsx)(a,{to:`/`,className:`shrink-0`,onClick:t=>{t.preventDefault(),e.navigate({to:`/`,search:{hero:!0},mask:{to:`/`,search:void 0}})},children:(0,D.jsx)(s.scripod,{className:`size-14 -ml-3`})}),(0,D.jsxs)(`div`,{className:`flex items-center gap-3.5 sm:gap-10 ml-0 sm:ml-5 text-md font-medium transition-colors *:h-full *:flex *:items-center h-full *:hover-active:text-foreground *:data-[status=active]:text-foreground *:data-[status=active]:shadow-[inset_0_-1px_var(--color-foreground)]/50`,children:[(0,D.jsx)(a,{to:`/`,onClick:t=>{t.preventDefault(),e.navigate({to:`/`,search:{hero:!1},mask:{to:`/`,search:void 0}})},children:`Trending`}),(0,D.jsx)(a,{to:`/library`,className:`max-sm:hidden`,children:`Library`}),(0,D.jsx)(a,{to:`/feed`,className:` sm:hidden`,children:`Library`}),c]})]}),(0,D.jsxs)(`div`,{className:`ml-auto flex items-center gap-2 sm:gap-4`,children:[(0,D.jsx)(k,{className:``}),(0,D.jsxs)(h,{variant:`outline`,className:`max-md:hidden size-9 p-0 rounded-full md:w-auto md:px-3 flex gap-1.5 border-foreground

1/10 border bg-foreground/10`,onClick:t,"aria-label":`Feedback`,children:[(0,D.jsx)(s.feedback,{className:`size-4 -ml-0.5`}),(0,D.jsx)(`span`,{className:`max-md:sr-only`,children:`Feedback`})]}),(0,D.jsx)(O,{})]})]}),n()]})}var j=4.99,M=39.99,N={pins:{icon:(0,D.jsx)(s.bookmark,{className:`h-3`}),title:`Pin the moments that matter`,description:`Save key passages while you listen, then find them again in your Library and search across every pin.`},notion:{icon:(0,D.jsx)(s.notion,{className:`size-3.5`}),title:`Send episodes to Notion`,description:`Export full transcripts to your Notion workspace in one click, ready for your notes and research.`}},P=[`Pin and search your favourite moments`,`Export transcripts to Notion`,`Unlimited full transcripts and chapters`,`AI processing for up to 20 episodes per week`],F=d(()=>({locked:!1,openProPaywall:()=>{},requirePro:()=>!0})),I=({feature:e,onClose:t})=>{let n=S(),r=N[e];return(0,D.jsxs)(`div`,{className:`flex flex-col gap-6 px-1 pb-2`,children:[(0,D.jsxs)(`div`,{className:`space-y-3`,children:[(0,D.jsxs)(`div`,{className:`inline-flex items-center gap-1.5 rounded-full bg-foreground

1/10 px-2.5 py-1 text-xs font-semibold tracking-wide`,children:[r.icon,`PRO`]}),(0,D.jsx)(`h2`,{className:`text-2xl font-medium text-foreground`,children:r.title}),(0,D.jsx)(`p`,{className:`text-foreground/70`,children:r.description})]}),(0,D.jsx)(`ul`,{className:`space-y-2 text-sm text-foreground/80`,children:P.map(e=>(0,D.jsxs)(`li`,{className:`flex items-start gap-2.5`,children:[(0,D.jsx)(`svg`,{className:`size-4 mt-0.5 shrink-0 text-green-400`,fill:`none`,stroke:`currentColor`,viewBox:`0 0 24 24`,children:(0,D.jsx)(`path`,{strokeLinecap:`round`,strokeLinejoin:`round`,strokeWidth:`2`,d:`M5 13l4 4L19 7`})}),e]},e))}),(0,D.jsxs)(`div`,{className:`space-y-2`,children:[(0,D.jsxs)(h,{className:`w-full rounded-full h-10`,disabled:!!n.pending,loading:n.pending===`card-month`||void 0,onClick:()=>n.checkout(`month`,`card`),children:[`Upgrade to Pro · $`,j,`/month`]}),(0,D.jsx)(h,{asChild:!0,variant:`ghost`,className:`w-full rounded-full h-10 text-foreground/70`,children:(0,D.jsx)(a,{to:`/pricing`,onClick:t,children:`Compare plans`})}),(0,D.jsx)(`p`,{className:`text-center text-xs text-foreground/50`,children:`Cancel anytime. Full refund within 7 days of your first purchase.`})]})]})},L=()=>{let{user:e}=g(),t=S({enabled:!!e}),[n,r]=(0,E.useState)(`pins`),{renderDialog:i,openDialog:a,closeDialog:o}=C({render:()=>(0,D.jsx)(I,{feature:n,onClose:o})},[n]),s=(0,E.useCallback)(e=>{r(e),a()},[a]),c=!!e&&t.enabled&&!t.isLoading&&!t.status?.pro;return(0,E.useEffect)(()=>{F.setState({locked:c,openProPaywall:s,requirePro:e=>c?(s(e),!1):!0})},[c,s]),i},R=({feature:e,message:t,className:n})=>{let r=F(e=>e.openProPaywall);return(0,D.jsxs)(`div`,{className:`flex flex-col sm:flex-row items-center justify-center gap-3 rounded-2xl bg-foreground

1/5 px-4 py-6 text-center text-foreground/70 `+(n??``),children:[(0,D.jsx)(`span`,{children:t}),(0,D.jsx)(h,{variant:`secondary`,className:`rounded-full h-8 px-4 shrink-0`,onClick:()=>r(e),children:`Unlock with Pro`})]})};function z(){let e=document.createElement(`div`);e.style.width=`100px`,e.style.height=`100px`,e.style.overflow=`scroll`,e.style.position=`absolute`,e.style.top=`-9999px`,document.body.appendChild(e);let t=e.offsetWidth-e.clientWidth;return document.body.removeChild(e),t}var ne=({className:e})=>{if(m)return(0,D.jsx)(`canvas`,{className:f(e)});let t=(0,E.useRef)(null),n=(0,E.useRef)(null),r=(0,E.useRef)(null),i=(0,E.useRef)({x:0,y:0}),a=(0,E.useRef)(null),o=window.devicePixelRatio||1,{isSm:s}=ee(`sm`),c=(s?30:25)*o,l=20*o,u=(0,E.useRef)(0),d=(0,E.useRef)({x:0,y:0}),p=(0,E.useRef)({x:1,y:1}),h=(0,E.useRef)(4),g=(0,E.useRef)(!1),_=(0,E.useRef)(performance.now()),v=(e,t,n)=>{let r=e-2*t;return r/Math.floor(r/c)},y=()=>{let e=t.current;if(!e)return;let i=e.getContext(`webgl`);if(!i)return;n.current=i;let a=b(i,`
2    attribute vec2 a_position;
3    attribute float a_size;
4    uniform vec2 u_mouse;
5    uniform float u_time;
6    uniform vec2 u_resolution;
7    
8    void main() {
9      // 计算到鼠标的距离
10      vec2 diff = a_position - u_mouse;
11      float distance = length(diff);
12      
13      // 鱼眼变形效果
14      float maxDistance = 200.0;
15      float normalizedDistance = distance / maxDistance;
16      
17      // 使用 step 函数来限制变形范围
18      float distortion = step(normalizedDistance, 1.0) * pow(sin(normalizedDistance * 3.14159), 2.0) * 0.5;
19      
20      // 计算变形后的位置
21      vec2 direction = normalize(diff);
22      vec2 newPosition = a_position + direction * distortion * 40.0;
23      
24      // 转换为屏幕坐标
25      vec2 clipSpace = (newPosition / u_resolution) * 2.0 - 1.0;
26      gl_Position = vec4(clipSpace * vec2(1, -1), 0, 1);
27      
28      // 使用固定大小
29      gl_PointSize = a_size;
30    }
31  `,`
32    precision mediump float;
33    uniform vec4 u_color;
34    
35    void main() {
36      // 创建圆形点
37      vec2 center = gl_PointCoord - vec2(0.5);
38      float dist = length(center);
39      if (dist > 0.5) discard;
40      
41      // 设置点的颜色
42      gl_FragColor = u_color;
43    }
44  `);if(!a)return;r.current=a,i.useProgram(a),i.viewport(0,0,e.width,e.height);let s=[],c=[],d=v(e.width,l,o),f=Math.floor((e.width-2*l)/d)+1,p=Math.floor((e.height-2*l)/d)+1;u.current=f*p;for(let e=0;e<p;e++)for(let t=0;t<f;t++)s.push(l+t*d,l+e*d),c.push(2*o);let m=i.createBuffer();i.bindBuffer(i.ARRAY_BUFFER,m),i.bufferData(i.ARRAY_BUFFER,new Float32Array(s),i.STATIC_DRAW);let h=i.createBuffer();i.bindBuffer(i.ARRAY_BUFFER,h),i.bufferData(i.ARRAY_BUFFER,new Float32Array(c),i.STATIC_DRAW);let g=i.getAttribLocation(a,`a_position`),_=i.getAttribLocation(a,`a_size`);i.bindBuffer(i.ARRAY_BUFFER,m),i.enableVertexAttribArray(g),i.vertexAttribPointer(g,2,i.FLOAT,!1,0,0),i.bindBuffer(i.ARRAY_BUFFER,h),i.enableVertexAttribArray(_),i.vertexAttribPointer(_,1,i.FLOAT,!1,0,0),i.getUniformLocation(a,`u_mouse`);let y=i.getUniformLocation(a,`u_resolution`),x=i.getUniformLocation(a,`u_color`);i.uniform2f(y,e.width,e.height),i.uniform4f(x,1,1,1,.5)},b=(e,t,n)=>{let r=x(e,e.VERTEX_SHADER,t),i=x(e,e.FRAGMENT_SHADER,n),a=e.createProgram();return a?(e.attachShader(a,r),e.attachShader(a,i),e.linkProgram(a),e.getProgramParameter(a,e.LINK_STATUS)?a:(console.error(`无法初始化着色器程序:`,e.getProgramInfoLog(a)),null)):null},x=(e,t,n)=>{let r=e.createShader(t);return r?(e.shaderSource(r,n),e.compileShader(r),e.getShaderParameter(r,e.COMPILE_STATUS)?r:(console.error(`无法编译着色器:`,e.getShaderInfoLog(r)),e.deleteShader(r),null)):null},S=()=>{let e=n.current,o=r.current;if(!e||!o)return;let s=performance.now(),c=s-_.current;_.current=s,e.clear(e.COLOR_BUFFER_BIT);let l=t.current;if(l&&!g.current){let e=h.current*c/16.666666666666668;d.current.x+=e*p.current.x,d.current.y+=e*p.current.y,(d.current.x<=0||d.current.x>=l.width)&&(p.current.x*=-1),(d.current.y<=0||d.current.y>=l.height)&&(p.current.y*=-1)}let f=e.getUniformLocation(o,`u_mouse`),m=g.current?i.current:d.current;e.uniform2f(f,m.x,m.y),e.drawArrays(e.POINTS,0,u.current),a.current=requestAnimationFrame(S)},C=e=>{let n=t.current;if(!n)return;let r=n.getBoundingClientRect(),a=window.devicePixelRatio||1,o=e.clientX>=r.left&&e.clientX<=r.right&&e.clientY>

44=r.top&&e.clientY<=r.bottom;g.current=o,i.current={x:(e.clientX-r.left)*a,y:(e.clientY-r.top)*a}};return(0,E.useEffect)(()=>{let e=t.current;if(!e)return;let i=()=>{let e=t.current;if(!e)return;let i=e.getBoundingClientRect();if(e.width=i.width*o,e.height=i.height*o,n.current){let t=n.current;t.viewport(0,0,e.width,e.height);let i=t.getUniformLocation(r.current,`u_resolution`);t.uniform2f(i,e.width,e.height);let a=v(e.width,l,o),s=[],c=[],d=Math.floor((e.width-2*l)/a)+1,f=Math.floor((e.height-2*l)/a)+1;u.current=d*f;for(let e=0;e<f;e++)for(let t=0;t<d;t++)s.push(l+t*a,l+e*a),c.push(2*o);let p=t.createBuffer();t.bindBuffer(t.ARRAY_BUFFER,p),t.bufferData(t.ARRAY_BUFFER,new Float32Array(s),t.STATIC_DRAW);let m=t.createBuffer();t.bindBuffer(t.ARRAY_BUFFER,m),t.bufferData(t.ARRAY_BUFFER,new Float32Array(c),t.STATIC_DRAW);let h=t.getAttribLocation(r.current,`a_position`),g=t.getAttribLocation(r.current,`a_size`);t.bindBuffer(t.ARRAY_BUFFER,p),t.enableVertexAttribArray(h),t.vertexAttribPointer(h,2,t.FLOAT,!1,0,0),t.bindBuffer(t.ARRAY_BUFFER,m),t.enableVertexAttribArray(g),t.vertexAttribPointer(g,1,t.FLOAT,!1,0,0)}};return i(),y(),window.addEventListener(`resize`,i),window.addEventListener(`mousemove`,C),d.current={x:e.width/3,y:e.height/2},S(),()=>{window.removeEventListener(`resize`,i),window.removeEventListener(`mousemove`,C),a.current&&cancelAnimationFrame(a.current)}},[]),(0,D.jsx)(`canvas`,{ref:t,className:f(e)})};function B(e){"@babel/helpers - typeof";return B=typeof Symbol==`function`&&typeof Symbol.iterator==`symbol`?function(e){return typeof e}:function(e){return e&&typeof Symbol==`function`&&e.constructor===Symbol&&e!==Symbol.prototype?`symbol`:typeof e},B(e)}function re(e,t){if(!(e instanceof t))throw TypeError(`Cannot call a class as a function`)}var ie=[512,512,456,512,328,456,335,512,405,328,271,456,388,335,292,512,454,405,364,328,298,271,496,456,420,388,360,335,312,292,273,512,482,454,428,405,383,364,345,328,312,298,284,271,259,496,475,456,437,420,404,388,374,360,347,335,323,312,302,292,282,273,265,512,497,482,468,454,441,428,417,405,394,383,373,364,354,345,337,328,320,312,305,298,291,284,278,271,265,259,507,496,485,475,465,456,446,437,428,420,412,404,396,388,381,374,367,360,354,347,341,335,329,323,318,312,307,302,297,292,287,282,278,273,269,265,261,512,505,497,489,482,475,468,461,454,447,441,435,428,422,417,411,405,399,394,389,383,378,373,368,364,359,354,350,345,341,337,332,328,324,320,316,312,309,305,301,298,294,291,287,284,281,278,274,271,268,265,262,259,257,507,501,496,491,485,480,475,470,465,460,456,451,446,442,437,433,428,424,420,416,412,408,404,400,39

446,392,388,385,381,377,374,370,367,363,360,357,354,350,347,344,341,338,335,332,329,326,323,320,318,315,312,310,307,304,302,299,297,294,292,289,287,285,282,280,278,275,273,271,269,267,265,263,261,259],ae=[9,11,12,13,13,14,14,15,15,15,15,16,16,16,16,17,17,17,17,17,17,17,18,18,18,18,18,18,18,18,18,19,19,19,19,19,19,19,19,19,19,19,19,19,19,20,20,20,20,20,20,20,20,20,20,20,20,20,20,20,20,20,20,21,21,21,21,21,21,21,21,21,21,21,21,21,21,21,21,21,21,21,21,21,21,21,21,21,21,21,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,22,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,23,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24,24];function oe(e,t,n,r,i){if(typeof e==`string`&&(e=document.getElementById(e)),!e||B(e)!==`object`||!(`getContext`in e))throw TypeError("Expecting canvas with `getContext` method in processCanvasRGB(A) calls!");var a=e.getContext(`2d`);try{return a.getImageData(t,n,r,i)}catch(e){throw Error(`unable to access image data: `+e)}}function V(e,t,n,r,i,a){if(!(isNaN(a)||a<1)){a|=0;var o=oe(e,t,n,r,i);o=se(o,t,n,r,i,a),e.getContext(`2d`).putImageData(o,t,n)}}function se(e,t,n,r,i,a){for(var o=e.data,s=2*a+1,c=r-1,l=i-1,u=a+1,d=u*(u+1)/2,f=new ce,p=f,m,h=1;h<s;h++)p=p.next=new ce,h===u&&(m=p);p.next=f;for(var g=null,_=null,v=0,y=0,b=ie[a],x=ae[a],S=0;S<i;S++){p=f;for(var C=o[y],w=o[y+1],ee=o[y+2],T=o[y+3],te=0;te<u;te++)p.r=C,p.g=w,p.b=ee,p.a=T,p=p.next;for(var E=0,D=0,O=0,k=0,A=u*C,j=u*w,M=u*ee,N=u*T,P=d*C,F=d*w,I=d*ee,L=d*T,R=1;R<u;R++){var z=y+((c<R?c:R)<<2),ne=o[z],B=o[z+1],re=o[z+2],oe=o[z+3],V=u-R;P+=(p.r=ne)*V,F+=(p.g=B)*V,I+=(p.b=re)*V,L+=(p.a=oe)*V,E+=ne,D+=B,O+=re,k+=oe,p=p.next}g=f,_=m;for(var se=0;se<r;se++){var H=L*b>>>x;if(o[y+3]=H,H!==0){var U=255/H;o[y]=(P*b>>>x)*U,o[y+1]=(F*b>>>x)*U,o[y+2]=(I*b>>>x)*U}else o[y]=o[y+1]=o[y+2]=0;P-=A,F-=j,I-=M,L-=N,A-=g.r,j-=g.g,M-=g.b,N-=g.a;var W=se+a+1;W=v+(W<c?W:c)<<2,E+=g.r=o[W],D+=g.g=o[W+1],O+=g.b=o[W+2],k+=g.a=o[W+3],P+=E,F+=D,I+=O,L+=k,g=g.next;var G=_,le=G.r,K=G.g,ue=G.b,q=G.a;A+=le,j+=K,M+=ue,N+=q,E-=le,D-=K,O-=ue,k-=q,_=_.next,y+=4}v+=r}for(var J=0;J<r;J++){y=J<<2;var Y=o[y],X=o[y+1],Z=o[y+2],Q=o[y+3],de=u*Y,fe=u*X,pe=u*Z,me=u*Q,he=d*Y,ge=d*X,_e=d*Z,ve=d*Q;p=f;for(var ye=0;ye<u;ye++)p.r=Y,p.g=X,p.b=Z,p.a=Q,p=p.next;for(var be=r,xe=0,Se=0,Ce=0,we=0,Te=1;Te<=a;Te++){y=be+J<<2;var Ee=u-Te;he+=(p.r=Y=o[y])*Ee,ge+=(p.g=X=o[y+1])*Ee,_e+=(p.b=Z=o[y+2])*Ee,ve+=(p.a=Q=o[y+3])*Ee,we+=Y,xe+=X,Se+=Z,Ce+=Q,p=p.next,Te<l&&(be+=r)}y=J,g=f,_=m;for(var De=0;De<i;De++){var $=y<<2;o[$+3]=Q=ve*b>>>x,Q>0?(Q=255/Q,o[$]=(he*b>>>x)*Q,o[$+1]=(ge*b>>>x)*Q,o[$+2]=(_e*b>>>x)*Q):o[$]=o[$+1]=o[$+2]=0,he-=de,ge-=fe,_e-=pe,ve-=me,de-=g.r,fe-=g.g,pe-=g.b,me-=g.a,$=J+(($=De+u)<l?$:l)*r<<2,he+=we+=g.r=o[$],ge+=xe+=g.g=o[$+1],_e+=Se+=g.b=o[$+2],ve+=Ce+=g.a=o[$+3],g=g.next,de+=Y=_.r,fe+=X=_.g,pe+=Z=_.b,me+=Q=_.a,we-=Y,xe-=X,Se-=Z,Ce-=Q,_=_.next,y+=r}}return e}var ce=function e(){re(this,e),this.r=0,this.g=0,this.b=0,this.a=0,this.next=null};function H({children:e,className:t,radius:n=32,blurAmount:r=24}){let i=(0,E.useRef)(null),[a,o]=(0,E.useState)(``),[s,c]=(0,E.useState)({width:0,height:0});return(0,E.useEffect)(()=>{let{width:e,height:t}=s;if(e===0||t===0)return;let i=document.createElement(`canvas`),a=i.getContext(`2d`);if(!a)return;let c=r;i.width=e+c*2,i.height=t+c*2,a.fillStyle=`black`,a.beginPath();let l=c,u=c,d=e,f=t,p=n;return a.moveTo(l+p,u),a.lineTo(l+d-p,u),a.arcTo(l+d,u,l+d,u+p,p),a.lineTo(l+d,u+f-p),a.arcTo(l+d,u+f,l+d-p,u+f,p),a.lineTo(l+p,u+f),a.arcTo(l,u+f,l,u+f-p,p),a.lineTo(l,u+p),a.arcTo(l,u,l+p,u,p),a.closePath(),a.fill(),V(i,0,0,i.width,i.height,r),i.toBlob(e=>{e&&o(t=>(t&&URL.revokeObjectURL(t),URL.createObjectURL(e)))}),()=>{i.width=0,i.height=0}},[s.width,s.height,n,r]),(0,E.useEffect)(()=>()=>{a&&URL.revokeObjectURL(a)},[a]),(0,E.useEffect)(()=>{let e=i.current;if(!e)return;let t=new ResizeObserver(e=>{for(let t of e){let{width:e,height:n}=t.contentRect;c({width:e,height:n})}});return t.observe(e),()=>{t.disconnect()}},[]),(0,D.jsx)(`div`,{ref:i,className:f(`relative`,t),children:a?(0,D.jsx)(`div`,{className:`w-full h-full animate-fade-in`,style:{maskImage:`url(${a})`,maskSize:`100% 100%`,WebkitMaskImage:`url(${a})`,WebkitMaskSize:`100% 100%`},children:e}):null})}

44var U=[{id:1,speaker:`Alex`,text:`Specific knowledge cannot be taught. But it can be learned.`,label:`a`},{id:2,speaker:`Sarah`,text:`杠杆放大判断力，而判断力需要在静默中习得。`,label:`b`},{id:3,speaker:`田中`,text:`知識は複利で増える。時間こそ最大の資産です。`,label:`c`},{id:4,speaker:`Alex`,text:`代码和媒体是无需许可的杠杆。`,label:`a`},{id:5,speaker:`Sarah`,text:`Play long-term games with long-term people.`,label:`b`},{id:6,speaker:`田中`,text:`忙しさは行動の一形態、怠惰である。`,label:`c`},{id:7,speaker:`Alex`,text:`Escape competition through authenticity.`,label:`a`},{id:8,speaker:`Sarah`,text:`阅读是思想的时间旅行。`,label:`b`},{id:9,speaker:`田中`,text:`富とは、あなたが眠っている間に得られる資産です。`,label:`c`},{id:10,speaker:`Alex`,text:`Learn to sell. Learn to build. If you can do both, you will be unstoppable.`,label:`a`},{id:11,speaker:`Sarah`,text:`欲望是你与自己签订的契约，在获得之前你将不快乐。`,label:`b`},{id:12,speaker:`田中`,text:`幸福は選択であり、スキルであり、習慣である。`,label:`c`},{id:13,speaker:`Alex`,text:`Clear thinker is a clear writer is a clear speaker.`,label:`a`},{id:14,speaker:`Sarah`,text:`在信息时代，输出才是真正的输入。`,label:`b`},{id:15,speaker:`田中`,text:`判断力を磨くことに、ショートカットはない。`,label:`c`},{id:16,speaker:`Alex`,text:`All returns in life come from compound interest over many turns of the game.`,label:`a`},{id:17,speaker:`Sarah`,text:`真正的财富是拥有时间自由。`,label:`b`},{id:18,speaker:`田中`,text:`退屈は知性の兆候、忙しさは知性の欠如。`,label:`c`}],W=[...U,...U];function G(){return(0,D.jsxs)(`div`,{className:`w-full h-full overflow-hidden relative`,children:[(0,D.jsx)(`style`,{children:`
45        @keyframes smooth-scroll {
46          0% {
47            transform: translateY(0);
48          }
49          100% {
50            transform: translateY(-50%);
51          }
52        }
53        .scrolling-content {
54          animation: smooth-scroll 30s linear infinite;
55        }
56      `}),(0,D.jsxs)(`div`,{className:`absolute inset-0 overflow-hidden`,children:[(0,D.jsx)(`div`,{className:`absolute bottom-0 left-0 w-[500px] h-[500px] bg-white/30 rounded-full blur-[120px]`}),(0,D.jsx)(`div`,{className:`absolute top-[100px] right-[100px] w-[450px] h-[450px] bg-cyan-400/70 rounded-full blur-[120px]`}),(0,D.jsx)(`div`,{className:`absolute top-[150px] right-[250px] w-[380px] h-[380px] bg-teal-500/65 rounded-full blur-[115px]`})]}),(0,D.jsx)(`div`,{className:`scrolling-content flex flex-col gap-4 px-8 md:px-14 relative z-10`,children:W.map((e,t)=>(0,D.jsx)(`div`,{className:f(`flex`),children:(0,D.jsxs)(`div`,{className:f(`text-left ml-6 pl-4 pr-4 border-l-3`,e.label===`a`?` text-black opacity-70 border-black/70`:e.label===`b`?` text-black opacity-50 border-black/50`:` text-white opacity-50 mix-blend-plus-lighter border-white/80`),children:[(0,D.jsx)(`div`,{className:`text-xs font-semibold mb-1 opacity-80`,children:e.speaker}),(0,D.jsx)(`div`,{className:`text-base leading-snug`,children:e.text})]})},`${e.id}-${t}`))})]})}var le=()=>{let e=[{text:`The best way to predict the future is to invent it.`,time:`12:34`},{text:`Innovation distinguishes between a leader and a follower.`,time:`23:45`},{text:`Stay hungry, stay foolish.`,time:`45:12`},{text:`The only way to do great work is to love what you do.`,time:`56:23`},{text:`Design is not just what it looks like, design is how it works.`,time:`67:34`}],[t,n]=(0,E.useState)(0),[r,i]=(0,E.useState)(!1);(0,E.useEffect)(()=>{let t=setInterval(()=>{i(!0),setTimeout(()=>{n(t=>(t+1)%e.length),i(!1)},500)},4e3);return()=>clearInterval(t)},[e.length]);let a=e[t];

56return(0,D.jsxs)(`div`,{className:`w-full h-full bg-foreground/50 flex items-center justify-center p-8 relative overflow-hidden`,children:[(0,D.jsxs)(`div`,{className:`absolute inset-0 overflow-hidden`,children:[(0,D.jsx)(`div`,{className:`absolute bottom-0 left-0 w-[450px] h-[450px] bg-orange-400/50 rounded-full blur-[120px]`}),(0,D.jsx)(`div`,{className:`absolute top-[120px] left-[180px] w-[380px] h-[380px] bg-purple-400/40 rounded-full blur-[115px]`})]}),(0,D.jsx)(`div`,{className:f(`transition-all duration-500 ease-in-out z-10 absolute inset-0`,r?`opacity-0 translate-y-4 scale-95`:`opacity-100 translate-y-0 scale-100`),children:(0,D.jsx)(`div`,{className:`leading-relaxed pl-16 pr-24 size-full flex items-center justify-center`,children:(0,D.jsxs)(`div`,{className:`text-lg text-left mix-blend-plus-lighter opacity-80`,children:[(0,D.jsx)(`div`,{className:`place-self-start text-md font-medium`,children:a.time}),(0,D.jsx)(`div`,{className:`w-3 h-1 my-2 bg-white/60`}),a.text]})})})]})},K=[{id:1,title:`Introduction`,startTime:`00:00`,duration:15,insights:[`Episode topic and context`,`Guest background and expertise`,`Key themes to be discussed`],color:`from-blue-500/20 to-blue-600/30`},{id:2,title:`Main Discussion`,startTime:`03:45`,duration:40,insights:[`Primary argument and evidence`,`Expert opinion on industry trends`,`Real-world applications`,`Common misconceptions addressed`],color:`from-purple-500/20 to-purple-600/30`},{id:3,title:`Deep Dive`,startTime:`12:30`,duration:30,insights:[`Technical implementation details`,`Case study: Fortune 500 company`,`Challenges and solutions`,`Best practices and patterns`],color:`from-pink-500/20 to-pink-600/30`},{id:4,title:`Q&A`,startTime:`20:15`,duration:15,insights:[`Common questions answered`,`Actionable next steps`,`Resources for further learning`],color:`from-amber-500/20 to-amber-600/30`}],ue=({pause:e})=>{let[t,n]=(0,E.useState)(0),[r,i]=(0,E.useState)(0);(0,E.useEffect)(()=>{if(e)return;let t=setInterval(()=>{n(e=>(e+1)%K.length)},2500);return()=>clearInterval(t)},[e]),(0,E.useEffect)(()=>{if(e)return;i(0);let t=setInterval(()=>{i(e=>e>=100?100:e+1.5)},25);return()=>clearInterval(t)},[t]);let a=e=>{let t=K.reduce((e,t)=>e+t.duration,0);return e.duration/t*100};return(0,D.jsxs)(`div`,{className:`w-full h-full flex items-center justify-center gap-6 p-6 pl-14 md:pl-20 pr-12 bg-slate-600/50`,children:[(0,D.jsx)(`div`,{className:`absolute inset-0 overflow-hidden`,children:(0,D.jsx)(`div`,{className:`absolute top-0 left-0 w-[400px] h-[400px] bg-indigo-800 rounded-full blur-[120px]`})}),(0,D.jsxs)(`div`,{className:`relative h-full flex flex-col items-center z-10`,children:[(0,D.jsx)(`div`,{className:`absolute left-1/2 top-0 bottom-0 w-1 bg-foreground

56/10 rounded-full -translate-x-1/2`}),(0,D.jsx)(`div`,{className:`relative w-full h-full flex flex-col`,children:K.map((e,n)=>{let r=a(e),i=n===t;return(0,D.jsx)(`div`,{style:{height:`${r}%`},className:`relative flex items-center justify-center`,children:(0,D.jsx)(`div`,{className:f(`absolute left-1/2 -translate-x-1/2 rounded-full transition-all duration-500 z-10`,i?`size-4 bg-primary shadow-lg shadow-primary/50`:`size-2 bg-foreground/80`)})},e.id)})})]}),(0,D.jsx)(`div`,{className:`flex-1 h-full flex items-center justify-center`,children:(0,D.jsx)(`div`,{className:`relative w-full h-4/5`,children:K.map((e,n)=>{let i=n===t;return(0,D.jsxs)(`div`,{className:f(`absolute inset-0 flex flex-col gap-2 transition-all duration-700 ease-out`,i&&`opacity-99`,n<t&&`opacity-0`,n>t&&`opacity-0`),children:[(0,D.jsxs)(`div`,{className:f(`relative px-4 py-3 rounded-2xl backdrop-blur-sm`,`border border-foreground/10`,`bg-linear-to-br`,e.color),children:[(0,D.jsxs)(`div`,{className:`flex items-center gap-2 mb-1`,children:[(0,D.jsxs)(`div`,{className:`text-xs font-medium opacity-60 mix-blend-plus-lighter`,children:[`Chapter `,e.i

56d]}),(0,D.jsx)(`div`,{className:`h-1 flex-1 bg-foreground/10 rounded-full overflow-hidden`,children:i&&(0,D.jsx)(`div`,{className:`h-full bg-primary/60`,style:{width:`${r}%`}})})]}),(0,D.jsx)(`div`,{className:`text-lg font-semibold`,children:e.title})]}),(0,D.jsx)(`div`,{className:`flex-1 flex flex-col gap-2`,children:e.insights.map((e,t)=>(0,D.jsx)(`div`,{className:f(`px-4 py-2 rounded-xl backdrop-blur-sm`,`bg-foreground/5 border border-foreground/5`,`transform transition-all duration-500`,i&&`translate-x-0 opacity-100`),style:{transitionDelay:`${t*100}ms`,opacity:+!!i,transform:i?`translateX(0)`:`translateX(-20px)`},children:(0,D.jsxs)(`div`,{className:`flex items-start gap-3.5`,children:[(0,D.jsx)(`div`,{className:`w-1.5 h-1.5 rounded-full bg-primary/60 mt-1.5 shrink-0`}),(0,D.jsx)(`div`,{className:`text-sm text-left`,children:e})]})},t))})]},e.id)})})})]})},q=[{id:1,keyword:`innovation`,time:`03:24`,position:15,content:`Discussion about disruptive innovation in tech`},{id:2,keyword:`strategy`,time:`08:45`,position:30,content:`Long-term strategic planning approaches`},{id:3,keyword:`innovation`,time:`15:12`,position:52,content:`Innovation distinguishes leaders from followers`},{id:4,keyword:`productivity`,time:`22:18`,position:68,content:`Time management and productivity hacks`},{id:5,keyword:`leadership`,time:`28:30`,position:85,content:`Key principles of effective leadership`}],J=[`innovation`,`productivity`,`leadership`,`strategy`],Y=({pause:e})=>{let[t,n]=(0,E.useState)(`idle`),[r,i]=(0,E.useState)(``),[a,o]=(0,E.useState)(0),[c,l]=(0,E.useState)(-1),[u,d]=(0,E.useState)(null),p=J[a];return(0,E.useEffect)(()=>{if(e)return;let a;switch(t){case`idle`:a=setTimeout(()=>{n(`typing`),i(``)},500);break;case`typing`:a=r.length<p.length?setTimeout(()=>{i(p.slice(0,r.length+1))},100):setTimeout(()=>{n(`scanning`),l(0)},300);break;case`scanning`:a=c<q.length-1?setTimeout(()=>{l(c+1)},200):setTimeout(()=>{let e=q.find(e=>e.keyword.toLowerCase().includes(p.toLowerCase()));d(e||null),n(`matched`)},300);break;case`matched`:a=setTimeout(()=>{n(`idle`),i(``),l(-1),d(null),o(e=>(e+1)%J.length)},1500);break}return()=>clearTimeout(a)},[t,r,p,c,a,e]),(0,D.jsxs)(`div`,{className:`w-full h-full relative overflow-hidden bg-linear-to-br from-slate-600/40 to-slate-700/50`,children:[(0,D.jsxs)(`div`,{className:`absolute inset-0 overflow-hidden`,children:[(0,D.jsx)(`div`,{className:`absolute top-[80px] left-[50px] w-[400px] h-[400px] bg-amber-400/40 rounded-full blur-[120px]`}),(0,D.jsx)(`div`,{className:`absolute bottom-[60px] right-[80px] w-[450px] h-[450px] bg-cyan-400/35 rounded-full blur-[120px]`}),(0,D.jsx)(`div`,{className:`absolute top-[120px] right-[200px] w-[350px] h-[350px] bg-purple-400/30 rounded-full blur-[115px]`})]}),(0,D.jsxs)(`div`,{className:`relative z-10 w-full h-full flex flex-col items-center justify-center p-8`,children:[(0,D.jsx)(`div`,{className:`absolute top-8 left-1/2 -translate-x-1/2 w-4/5 max-w-md`,children:(0,D.jsxs)(`div`,{className:`relative`,children:[(0,D.jsx)(`div`,{className:`absolute left-4 top-6 -translate-y-1/2`,children:(0,D.jsx)(s.search,{className:`size-4 opacity-60`})}),(0,D.jsx)(`input`,{type:`text`,value:r,readOnly:!0,placeholder:`Search moments...`,className:f(`w-full h-10 pl-11 pr-4 rounded-full`,`bg-foreground

56/10 backdrop-blur-sm`,`border border-foreground/20`,`text-sm placeholder:opacity-50`,`transition-all duration-300`,t!==`idle`&&`border-primary/60 bg-foreground/15`)}),t===`typing`&&(0,D.jsx)(`div`,{className:`absolute right-4 top-6 -translate-y-1/2`,children:(0,D.jsx)(`div`,{className:`w-0.5 h-4 bg-primary animate-pulse`})})]})}),(0,D.jsxs)(`div`,{className:`relative w-full h-32 mt-16`,children:[(0,D.jsxs)(`svg`,{className:`absolute inset-0 w-full h-full`,viewBox:`0 0 800 128`,preserveAspectRatio:`none`,children:[(0,D.jsx)(`defs`,{children:(0,D.jsxs)(`linearGradient`,{id:`waveGradient`,x1:`0%`,y1:`0%`,x2:`100%`,y2:`0%`,children:[(0,D.jsx)(`stop`,{offset:`0%`,stopColor:`rgba(255,255,255,0.2)`}),(0,D.jsx)(`stop`,{offset:`50%`,stopColor:`rgba(255,255,255,0.4)`}),(0,D.jsx)(`stop`,{offset:`100%`,stopColor:`rgba(255,255,255,0.2)`})]})}),(0,D.jsx)(`path`,{d:`M 0 64 Q 100 20, 200 64 T 400 64 T 600 64 T 800 64`,fill:`none`,stroke:`url(#waveGradient)`,strokeWidth:`2`,className:f(`transition-all duration-500`,t===`scanning`&&`opacity-100`,t===`matched`&&`opacity-80`)})]}),q.map((e,n)=>{let r=t===`scanning`&&c===n,i=t===`matched`&&u?.id===e.id,a=t===`scanning`&&c>n;return(0,D.jsxs)(`div`,{className:`absolute top-1/2 -translate-y-1/2 -translate-x-1/2 transition-all duration-300`,style:{left:`${e.position}%`},children:[(0,D.jsx)(`div`,{className:f(`relative rounded-full transition-all duration-300`,r&&`scale-125 bg-primary/40 shadow-lg shadow-primary/50`,i&&`scale-150 bg-amber-400/60 shadow-xl shadow-amber-400/60 animate-pulse`,a&&`bg-foreground

56/20`,!r&&!i&&!a&&`bg-foreground/30`),children:(0,D.jsx)(s.bookmark,{className:f(`size-5 sm:size-6 p-1 transition-all duration-300`,i&&`text-amber-100`,(r||a)&&`text-white/80`,!r&&!i&&!a&&`text-white/60`)})}),r&&(0,D.jsx)(`div`,{className:`absolute inset-0 -m-2 rounded-full border-2 border-primary/60 animate-ping`}),i&&t===`matched`&&(0,D.jsx)(`div`,{className:`absolute inset-0 -m-3 rounded-full bg-amber-400/20 animate-ping`})]},e.id)})]})]})]})},X=({className:e,openPwaDialog:t})=>(0,D.jsx)(`footer`,{className:f(`relative border-t border-b border-foreground/10 bg-background`,e),children:(0,D.jsxs)(`div`,{className:`max-w-7xl mx-auto px-8 py-16`,children:[(0,D.jsxs)(`div`,{className:`flex flex-col md:flex-row gap-12 mb-12`,children:[(0,D.jsxs)(`div`,{className:`space-y-4 flex-1 md:max-w-96`,children:[(0,D.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,D.jsx)(s.scripodOpaque,{className:`size-14 -mt-7 -ml-3.5`}),(0,D.jsx)(`h3`,{className:`text-xl font-semibold`,children:`Scripod`})]}),(0,D.jsx)(`p`,{className:`text-sm text-foreground/70 leading-relaxed`,children:`Your AI-powered podcast copilot. Transform your podcast listening experience with intelligent transcripts, insights, and search.`})]}),(0,D.jsxs)(`div`,{className:`flex gap-12 md:ml-auto`,children:[(0,D.jsxs)(`div`,{className:`space-y-4 shrink-0 md:min-w-40`,children:[(0,D.jsx)(`h4`,{className:`text-sm font-semibold uppercase tracking-wider text-foreground/90`,children:`Resources`}),(0,D.jsxs)(`ul`,{className:`space-y-3 text-sm text-foreground/70 *:hover-active:text-foreground *:transition`,children:[(0,D.jsx)(`li`,{children:(0,D.jsx)(a,{to:`/pricing`,children:`Pricing`})}),(0,D.jsx)(`li`,{children:(0,D.jsx)(a,{to:`/faq`,children:`FAQ`})}),t&&(0,D.jsx)(`li`,{children:(0,D.jsx)(`button`,{onClick:t,className:`cursor-pointer`,children:`Install App`})})]})]}),(0,D.jsxs)(`div`,{className:`space-y-4 shrink-0 ml-auto md:min-w-40`,children:[(0,D.jsx)(`h4`,{className:`text-sm font-semibold uppercase tracking-wider text-foreground/90`,children:`Legal & Connect`}),(0,D.jsxs)(`ul`,{className:`space-y-3 text-sm text-foreground/70 *:hover-active:text-foreground *:transition`,children:[(0,D.jsx)(`li`,{children:(0,D.jsx)(a,{to:`/privacy`,children:`Privacy Policy`})}),(0,D.jsx)(`li`,{children:(0,D.jsx)(a,{to:`/terms`,children:`Terms of Service`})}),(0,D.jsx)(`li`,{children:(0,D.jsx)(a,{to:`/refund`,children:`Refund Policy`})}),(0,D.jsx)(`li`,{children:(0,D.jsx)(a,{to:`/contact`,children:`Contact`})})]})]})]})]}

56),(0,D.jsx)(`div`,{className:`pt-8 border-t border-foreground/10`,children:(0,D.jsxs)(`div`,{className:`flex flex-col md:flex-row justify-between items-center gap-4`,children:[(0,D.jsxs)(`p`,{className:`text-sm text-foreground/50`,children:[`© `,new Date().getFullYear(),` Scripod. All rights reserved.`]}),(0,D.jsxs)(`div`,{className:`flex items-center gap-2 text-sm text-foreground/50`,children:[(0,D.jsx)(`span`,{children:`Made with`}),(0,D.jsx)(`svg`,{className:`size-4 text-red-500`,fill:`currentColor`,viewBox:`0 0 20 20`,children:(0,D.jsx)(`path`,{fillRule:`evenodd`,d:`M3.172 5.172a4 4 0 015.656 0L10 6.343l1.172-1.171a4 4 0 115.656 5.656L10 17.657l-6.828-6.829a4 4 0 010-5.656z`,clipRule:`evenodd`})}),(0,D.jsx)(`span`,{children:`for podcast lovers`})]})]})})]})});function Z(e=.2){let[t,n]=(0,E.useState)(0),r=(0,E.useRef)(null);return(0,E.useEffect)(()=>{let t=()=>{if(!r.current)return;let t=r.current.closest(`.overflow-auto`);if(!t)return;let i=r.current.getBoundingClientRect(),a=t.getBoundingClientRect(),o=i.top+i.height/2-(a.top+a.height/2);n(o*e)},i=r.current?.closest(`.overflow-auto`);if(i)return i.addEventListener(`scroll`,t),t(),()=>{i.removeEventListener(`scroll`,t)}},[e]),{offset:t,elementRef:r}}var Q=({className:e,onDismiss:t})=>{let n=(0,E.useRef)(null),i=(0,E.useRef)(null),[o,c]=(0,E.useState)(0),[l,u]=(0,E.useState)(!1),[d,p]=(0,E.useState)(!1),[m,h]=(0,E.useState)(!1),g=(0,E.useRef)(0),v=(0,E.useRef)(0),y=(0,E.useRef)(0),b=(0,E.useRef)(0),x=(0,E.useRef)(null),{renderDialog:S,openDialog:ee,closeDialog:te}=C({render:()=>(0,D.jsx)(_,{isDialog:!0,onSuccess:te})}),{openPwaDialog:O,renderPwaDialog:k}=w(),A=r(),j=(0,E.useMemo)(()=>navigator.userAgent.match(/iPhone|Android/i)!==null,[]),M=(0,E.useCallback)(e=>{A.navigate({to:`/search`,search:{keyword:encodeURIComponent(e)}})},[A]),N=(0,E.useCallback)(()=>{let e=i.current;if(!e)return!1;let{scrollTop:t,scrollHeight:n,clientHeight:r}=e;return n-t-r<5},[]);(0,E.useEffect)(()=>{let e=i.current,r=n.current;if(!e||!r)return;let a=t=>{g.current=t.touches[0].clientY,y.current=t.touches[0].clientY,v.current=e.scrollTop},s=e=>{let t=e.touches[0].clientY,n=t-y.current;if(y.current=t,N()&&n<0&&(d||(p(!0),u(!1),e.preventDefault())),d){e.preventDefault();let n=t-g.current;c(Math.min(0,n))}},l=e=>{if(d){p(!1);let n=(y.current-g.current)/(e.timeStamp-(v.current||0));o<-100||n<-.5?(u(!0),c(-window.innerHeight),setTimeout(()=>{t?.()},500)):(u(!0),c(0))}};return e.addEventListener(`touchstart`,a,{passive:!0}),e.addEventListener(`touchmove`,s,{passive:!1}),e.addEventListener(`touchend`,l,{passive:!0}),()=>{e.removeEventListener(`touchstart`,a),e.removeEventListener(`touchmove`,s),e.removeEventListener(`touchend`,l)}},[d,o,N,t]),(0,E.useEffect)(()=>{let e=i.current;if(!e)return;let n=e=>{if(m){e.preventDefault();return}let n=N();if(n&&e.deltaY>0){e.preventDefault(),x.current&&clearTimeout(x.current),b.current+=e.deltaY;let n=Math.min(0,-b.current*.5);c(n),u(!1),b.current>300?(h(!0),u(!0),c(-window.innerHeight),b.current=0,setTimeout(()=>{t?.()},500)):x.current=setTimeout(()=>{b.current=0,u(!0),c(0)},300)}else n||b.current>0&&(b.current=0,o!==0&&(u(!0),c(0)))};return e.addEventListener(`wheel`,n,{passive:!1}),()=>{e.removeEventListener(`wheel`,n),x.current&&clearTimeout(x.current)}},[N,t,o,m]);let P=Z(.05),F=Z(.1),I=Z(.12),L=Z(.14);return(0,D.jsxs)(`div`,{ref:n,className:f(`fixed inset-0 z-51 pb-16 bg-background/70`,e),style:{transform:`translateY(${o}px)`,transition:l?`transform 0.5s ease`:`none`},children:[k(),S(),(0,D.jsx)(`div`,{className:`absolute inset-0 backdrop-blur-xl`}),(0,D.jsx)(ne,{className:`absolute inset-0 opacity-50 w-full h-full`}),(0,D.jsxs)(`div`,{ref:i,className:`absolute inset-0 overflow-auto overscroll-none`,children:[(0,D.jsxs)(`div`,{className:`sticky mx-auto top-0 z-999 w-full max-w-[min(calc(100%),44rem)] h-12`,children:[(0,D.jsxs)(`div`,{className:`absolute inset-0 backdrop-saturate-200 backdrop-blur-xl mask-[linear-gradient(to_right,transparent,rgba(0,0,0,0.5)_1.4rem,rgba(0,0,0,0.9)_2.7rem,black_3.5rem,black_calc(100%-3.5rem),rgba(0,0,0,0.9)_calc(100%-2.7rem),rgba(0,0,0,0.5)_calc(100%-1.4rem),transparent)]`,children:[(0,D.jsx)(`div`,{className:`absolute inset-x-0 inset-y-px bg-background/35`}),(0,D.jsx)(`div`,{className:`absolute inset-x-0 bottom-0 bg-foreground

56/20 h-px `}),(0,D.jsx)(`div`,{className:`absolute inset-x-0 top-0 bg-foreground/20 h-px`})]}),(0,D.jsxs)(`div`,{className:`relative size-full flex items-center justify-between font-medium sm:text-lg px-4 text-nowrap [&>.link]:bg-background/20 [&>.link]:backdrop-blur-sm [&>.link]:transition [&>.link]:hover-active:bg-foreground/15 leading-none`,children:[(0,D.jsx)(`div`,{className:`link cursor-pointer rounded-full p-2 sm:px-4`,onClick:O,children:`Get the App`}),(0,D.jsx)(a,{to:`/faq`,className:`link cursor-pointer rounded-full p-2 sm:px-4`,children:`FAQ`}),(0,D.jsx)(a,{to:`/pricing`,className:`link cursor-pointer rounded-full p-2 sm:px-4`,children:`Pricing`}),(0,D.jsxs)(a,{to:`/`,className:`link cursor-pointer rounded-full p-2 sm:px-4 flex items-center gap-2`,onClick:e=>{e.preventDefault(),A.navigate({to:`/`,search:{hero:!1},mask:{to:`/`,search:void 0}})},children:[`Get Started`,(0,D.jsx)(s.arrow,{className:`size-3`})]})]})]}),(0,D.jsxs)(`div`,{className:`relative mx-8 pt-20 flex flex-col items-center`,children:[(0,D.jsx)(s.scripodOpaque,{className:`size-48 mb-4 shrink-0`}),(0,D.jsx)(`h1`,{className:`text-5xl sm:text-6xl font-medium mt-6`,children:`Scripod`}),(0,D.jsx)(`h2`,{className:`text-3xl sm:text-4xl max-w-3xl md:max-w-4xl lg:max-w-5xl font-normal mt-8 text-pretty text-center leading-10 sm:leading-13`,children:`the reading-first workspace for podcast`})]}),(0,D.jsx)(`div`,{className:`px-8 pb-8 relative`,children:(0,D.jsx)(`div`,{className:`mt-10 w-full mx-auto max-w-4xl relative`,children:(0,D.jsxs)(`form`,{action:``,onSubmit:e=>{e.preventDefault();let t=new FormData(e.currentTarget).get(`search`);M(t)},children:[(0,D.jsx)(T,{name:`search`,placeholder:`Search in all your favorite podcasts`,className:`w-full h-12 sm:h-16 rounded-full backdrop-blur-sm bg-foreground

56/15`,inputClassName:`text-md sm:text-2xl text-center font-light`,clearClassName:`right-10 sm:right-14`}),(0,D.jsx)(`button`,{type:`submit`,className:`absolute inset-y-0 flex items-center right-0 pr-4 sm:pr-6 group cursor-pointer`,children:(0,D.jsx)(s.search,{className:`size-5 sm:size-6 ml-4 top-0 bottom-0 m-auto opacity-50 group-hover:opacity-100`})})]})})}),(0,D.jsxs)(`div`,{className:`text-center text-3xl gap-16 flex flex-col shrink-0 py-24 `,children:[(0,D.jsxs)(`div`,{className:`flex max-md:flex-col justify-center items-center`,children:[(0,D.jsx)(`div`,{className:`h-full flex racking-wider md:-mr-16 pl-4 relative z-10`,ref:j?void 0:P.elementRef,children:(0,D.jsx)(`h3`,{className:`w-fit text-nowrap max-sm:text-2xl`,style:{transform:`translateY(${P.offset}px)`},children:`Transcript & Translation`})}),(0,D.jsx)(H,{className:`w-136 max-w-full h-96`,radius:32,blurAmount:32,children:(0,D.jsx)(`div`,{className:`w-full h-full`,children:(0,D.jsx)(G,{})})})]}),(0,D.jsxs)(`div`,{className:`flex justify-center items-center max-md:flex-col md:flex-row-reverse`,children:[(0,D.jsx)(`div`,{className:`h-full flex self-center tracking-wider md:-ml-16 pr-4 relative z-10`,ref:j?void 0:F.elementRef,children:(0,D.jsx)(`h3`,{className:`w-fit text-nowrap max-sm:text-2xl`,style:{transform:`translateY(${F.offset}px)`},children:`Highlights & Takeaways`})}),(0,D.jsx)(H,{className:`w-128 max-w-full h-80`,radius:32,blurAmount:32,children:(0,D.jsx)(le,{})})]}),(0,D.jsxs)(`div`,{className:`flex justify-center items-center max-md:flex-col`,children:[(0,D.jsx)(`div`,{className:`h-full flex self-center tracking-wider md:-mr-16 pl-4 relative z-10`,ref:j?void 0:I.elementRef,children:(0,D.jsx)(`h3`,{className:`w-fit text-nowrap max-sm:text-2xl`,style:{transform:`translateY(${I.offset}px)`},children:`Chapters & Insights`})}),(0,D.jsx)(H,{className:`w-120 max-w-full h-120`,radius:32,blurAmount:32,children:(0,D.jsx)(ue,{})})]}),(0,D.jsxs)(`div`,{className:`flex justify-center items-center max-md:flex-col md:flex-row-reverse`,children:[(0,D.jsx)(`div`,{className:`h-full flex self-center tracking-wider md:-ml-16 pr-4 relative z-10`,ref:j?void 0:L.elementRef,children:(0,D.jsx)(`h3`,{className:`w-fit text-nowrap max-sm:text-2xl`,style:{transform:`translateY(${L.offset}px)`},children:`Bookmarks & Search`})}),(0,D.jsx)(H,{className:`w-128 max-w-full h-72`,radius:32,blurAmount:32,children:(0,D.jsx)(Y,{})})]})]}),(0,D.jsx)(`div`,{className:`flex justify-center`,children:(0,D.jsxs)(a,{to:`/`,className:`link cursor-pointer rounded-full py-2 px-4 flex items-center text-xl gap-2 bg-foreground

56/15 backdrop-blur-sm backdrop-saturate-200 hover-active:bg-foreground/20 transition-colors`,onClick:e=>{e.preventDefault(),A.navigate({to:`/`,search:{hero:!1},mask:{to:`/`,search:void 0}})},children:[`Get Started`,(0,D.jsx)(s.arrow,{className:`size-3`})]})}),(0,D.jsx)(X,{className:`mt-24`,openPwaDialog:O})]})]})},de=e=>{let{initialOpen:t,onDismiss:n}=e??{},[i,a]=(0,E.useState)(()=>t??!1),o=(0,E.useCallback)(()=>{a(!0)},[]),s=(0,E.useCallback)(()=>{a(!1)},[i,r()]),[c,l]=(0,E.useState)(!1),u=(0,E.useRef)(!1);(0,E.useEffect)(()=>{u.current=!0},[]);let d=(0,E.useCallback)(()=>i?(0,D.jsx)(Q,{className:f(e?.className,c&&`animate-slide-in-down`),onDismiss:n}):null,[i,n,e?.className,c]);return(0,E.useMemo)(()=>({open:i,openHero:o,closeHero:s,renderHero:d}),[i,o,s,d])},fe=d((e,t)=>({openLoginDialog:void 0,checkLogin:void 0}));function pe({children:e}){let t=i(),{user:n}=g(),[d,m]=(0,E.useState)(!1);(0,E.useEffect)(()=>{m(typeof window<`u`&&window.matchMedia(`(pointer: coarse)`).matches)},[]);let[h,v]=(0,E.useState)(!1),y=(0,E.useRef)(null),b=u({onScroll:e=>{e.first&&y.current?.dispatchEvent(new CustomEvent(`_scrollbegin`)),e.last&&y.current?.dispatchEvent(new CustomEvent(`_scrollend`))}}),{pathname:x,search:S}=o(),w=p();(0,E.useLayoutEffect)(()=>{d&&window.scrollTo({top:1,behavior:`instant`})},[x]),(0,E.useLayoutEffect)(()=>{if(!d)return;let e=!1,t=()=>{e||window.scrollY>0||(e=!0,window.scrollTo({top:1,behavior:`instant`}),setTimeout(()=>{e=!1},200),w?.scrollTo({top:0,behavior:`smooth`}))};window.scrollTo({top:1,behavior:`instant`});let n=()=>{e=!0,window.scrollTo({top:1,behavior:`instant`}),setTimeout(()=>{e=!1})};return window.addEventListener(`scroll`,t),window.addEventListener(`resize`,n),()=>{window.removeEventListener(`scroll`,t),window.removeEventListener(`resize`,n)}},[w,d]);let{renderDialog:ee,openDialog:T,closeDialog:te}=C({render:()=>(0,D.jsxs)(D.Fragment,{children:[(0,D.jsx)(`div`,{className:`text-center text-lg text-foreground/90 font-medium mb-5`}),(0,D.jsx)(_,{isDialog:!0,onSuccess:te})]})}),O=L();(0,E.useEffect)(()=>{fe.setState({openLoginDialog:T,checkLogin:()=>n?!0:(T(),!1)})},[T,n]);let k=(0,E.useMemo)(()=>typeof window<`u`?z():0,[]),j=S.hero,M=r(),N=(0,E.useCallback)(()=>{M.navigate({to:`/`,search:{hero:!1},mask:{to:`/`,search:void 0},resetScroll:!1})},[M]),{renderHero:P,openHero:F,closeHero:I,open:R}=de({initialOpen:x===`/`&&!n,onDismiss:N});return(0,E.useEffect)(()=>{if(x!==`/`&&R){M.latestLoadPromise?.then(()=>{I()});return}j!==void 0&&j!==R&&(j?F():I())},[R,j,x,F,I,M]),(0,D.jsxs)(`div`,{id:`root-layout`,className:f(`h-full flex flex-col`,d&&`mt-px`,t?`animate-fade-in`:`opacity-1`),style:{"--scrollbar-width":`${k}px`},children:[ee(),O(),P(),(0,D.jsxs)(`div`,{className:`fixed left-0 right-0 m-auto top-[calc(env(safe-area-inset-top)-15px-24px)] h-6 w-fit px-2 bg-foreground

56/20 flex items-center justify-center rounded-full z-50`,children:[(0,D.jsx)(s.scripod,{className:`size-6 -ml-1`}),(0,D.jsx)(`span`,{className:`font-medium text-xs leading-none`,children:`scripod.com`})]}),(0,D.jsxs)(c,{children:[(0,D.jsx)(`div`,{className:f(`pwa:hidden max-sm:hidden`),children:(0,D.jsx)(A,{})}),(0,D.jsxs)(`div`,{ref:y,id:`main-scroller`,...b(),className:`[view-transition-name:main-content] flex flex-col flex-1 overflow-auto [-webkit-overflow-scrolling:touch] bg-background overscroll-contain`,children:[(0,D.jsx)(`div`,{className:f(`pwa:hidden sm:hidden`),children:(0,D.jsx)(A,{})}),e]}),(0,D.jsxs)(`div`,{className:f(`fixed w-full bottom-0 select-none z-50 vt:[view-transition-name:ui] pb-2 pwa:pb-6 pointer-events-none`),children:[(0,D.jsx)(`div`,{className:`mx-auto max-w-5xl pointer-events-auto`,children:(0,D.jsx)(l,{visible:h,onVisibleChange:v})}),h&&(0,D.jsx)(`div`,{className:`mask-[linear-gradient(to_right,transparent,black_20%,black_80%,transparent)] mx-auto max-w-[1280px] absolute bottom-0 left-0 right-0 pointer-events-none`,children:(0,D.jsx)(`div`,{className:f(`bg-linear-to-b h-12 from-transparent to-background/80`)})}),(0,D.jsx)(`div`,{className:`touch-none hidden max-md:pwa:block [--split-height:calc(64px+env(safe-area-inset-bottom))]`,children:(0,D.jsxs)(`div`,{className:f(`justify-center items-center`),children:[(0,D.jsx)(`div`,{className:f(`absolute w-full bottom-0 pointer-events-none`,{"h-(--split-height) box-content":h,"not-vt:backdrop-blur-2xl not-vt:backdrop-saturate-200":h})}),(0,D.jsx)(`div`,{className:f(`h-full absolute w-full bottom-0 pointer-events-none`,{"bg-zinc-950/80 not-vt:backdrop-blur-3xl not-vt:backdrop-saturate-200":!h,"[-webkit-touch-callout:none] bg-linear-[to_top,rgba(24,24,27,0.8),rgba(20,20,22)_var(--split-height),transparent]":h})}),(0,D.jsxs)(`div`,{className:`items-end flex justify-around between z-10 h-14 text-xs leading-none relative pointer-events-auto`,children:[(0,D.jsxs)(a,{to:`/`,className:f(`flex flex-col items-center w-12`,{"opacity-50":x!==`/`}),children:[(0,D.jsx)(`div`,{className:`h-8 w-8 flex items-center justify-center mb-0.5`,children:(0,D.jsx)(`img`,{alt:`Scripod`,className:`scale-110 -mt-0.5`,src:`/scripod-icon-128.png`})}),(0,D.jsx)(`span`,{className:``,children:`Home`})]}),(0,D.jsxs)(a,{to:`/feed`,className:f(`flex flex-col items-center w-12`,{"opacity-50":x!==`/feed`}),children:[(0,D.jsx)(`div`,{className:`h-8 w-8 flex items-center justify-center mb-0.5 `,children:(0,D.jsx)(s.inbox,{className:`h-7`})}),`Library`]}),(0,D.jsxs)(a,{to:`/search`,className:f(`flex flex-col items-center w-12`,{"opacity-50":x!==`/search`}),children:[(0,D.jsx)(`div`,{className:`h-8 w-8 flex items-center justify-center mb-0.5 `,children:(0,D.jsx)(s.search,{className:`h-7`})}),`Search`]}),(0,D.jsxs)(a,{to:`/account`,className:f(`flex flex-col items-center w-12`,{"opacity-50":x!==`/account`}),children:[(0,D.jsx)(`div`,{className:`h-8 w-8 flex items-center justify-center mb-0.5 `,children:(0,D.jsx)(s.user,{className:`h-7`})}),`Me`]})]})]})})]}),(0,D.jsx)(`div`,{className:f(`fixed w-full bottom-0 z-10 vt:[view-transition-name:ui-fix]`,`max-lg:pwa:h-[90px] vt:bg-background`)})]})]})}export{F as a,R as i,fe as n,j as o,ne as r,M as s,pe as t};