/*! tailwindcss v4.1.12 | MIT License | https://tailwindcss.com */@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-red-50:oklch(97.1% .013 17.38);--color-red-100:oklch(93.6% .032 17.717);--color-red-200:oklch(88.5% .062 18.334);--color-red-300:oklch(80.8% .114 19.571);--color-red-500:oklch(63.7% .237 25.331);--color-red-600:oklch(57.7% .245 27.325);--color-red-700:oklch(50.5% .213 27.518);--color-orange-300:oklch(83.7% .128 66.29);--color-orange-500:oklch(70.5% .213 47.604);--color-blue-500:oklch(62.3% .214 259.815);--color-blue-600:oklch(54.6% .245 262.881);--color-gray-50:oklch(98.5% .002 247.839);--color-gray-400:oklch(70.7% .022 261.325);--color-gray-600:oklch(44.6% .03 256.802);--color-white:#fff;--spacing:.25rem;--container-3xl:48rem;--container-4xl:56rem;--container-7xl:80rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-base:1rem;--text-base--line-height: 1.5 ;--text-lg:1.125rem;--text-lg--line-height:calc(1.75/1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75/1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2/1.5);--text-3xl:1.875rem;--text-3xl--line-height: 1.2 ;--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5/2.25);--text-5xl:3rem;--text-5xl--line-height:1;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--leading-snug:1.375;--leading-relaxed:1.625;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--ease-out:cubic-bezier(0,0,.2,1);--ease-in-out:cubic-bezier(.4,0,.2,1);--animate-spin:spin 1s linear infinite;--animate-pulse:pulse 2s cubic-bezier(.4,0,.6,1)infinite;--blur-sm:8px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::-webkit-file-upload-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::-webkit-file-upload-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{-webkit-padding-start:20px;padding-inline-start:20px}::-webkit-file-upload-button{-webkit-margin-end:4px;margin-inline-end:4px}::file-selector-button{-webkit-margin-end:4px;margin-inline-end:4px}::placeholder{opacity:1}@supports (not (-webkit-appearance:-apple-pay-button)) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-file-upload-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:-webkit-sticky;position:sticky}.inset-0{inset:calc(var(--spacing)*0)}.inset-1{inset:calc(var(--spacing)*1)}.z-10{z-index:10}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.m-40{margin:calc(var(--spacing)*40)}.m-128{margin:calc(var(--spacing)*128)}.mx-auto{margin-inline:auto}.-mt-6{margin-top:calc(var(--spacing)*-6)}.-mt-20{margin-top:calc(var(--spacing)*-20)}.mt-1{margin-top:calc(var(--spacing)*1)}.mt-4{margin-top:calc(var(--spacing)*4)}.mt-12{margin-top:calc(var(--spacing)*12)}.mr-3{margin-right:calc(var(--spacing)*3)}.mb-3{margin-bottom:calc(var(--spacing)*3)}.mb-4{margin-bottom:calc(var(--spacing)*4)}.mb-6{margin-bottom:calc(var(--spacing)*6)}.mb-8{margin-bottom:calc(var(--spacing)*8)}.mb-10{margin-bottom:calc(var(--spacing)*10)}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table-cell{display:table-cell}.aspect-\[4\/3\]{aspect-ratio:4/3}.h-3{height:calc(var(--spacing)*3)}.h-4{height:calc(var(--spacing)*4)}.h-5{height:calc(var(--spacing)*5)}.h-6{height:calc(var(--spacing)*6)}.h-9{height:calc(var(--spacing)*9)}.h-10{height:calc(var(--spacing)*10)}.h-11{height:calc(var(--spacing)*11)}.h-12{height:calc(var(--spacing)*12)}.h-64{height:calc(var(--spacing)*64)}.h-full{height:100%}.min-h-\[4rem\]{min-height:4rem}.min-h-screen{min-height:100vh}.w-3\/4{width:75%}.w-5{width:calc(var(--spacing)*5)}.w-6{width:calc(var(--spacing)*6)}.w-10{width:calc(var(--spacing)*10)}.w-12{width:calc(var(--spacing)*12)}.w-16{width:calc(var(--spacing)*16)}.w-full{width:100%}.max-w-3xl{max-width:var(--container-3xl)}.max-w-4xl{max-width:var(--container-4xl)}.max-w-7xl{max-width:var(--container-7xl)}.max-w-\[68rem\]{max-width:68rem}.max-w-\[70rem\]{max-width:70rem}.max-w-\[1280px\]{max-width:1280px}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.animate-pulse{animation:var(--animate-pulse)}.animate-spin{animation:var(--animate-spin)}.resize{resize:both}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1\.5{gap:calc(var(--spacing)*1.5)}.gap-2{gap:calc(var(--spacing)*2)}.gap-3{gap:calc(var(--spacing)*3)}.gap-4{gap:calc(var(--spacing)*4)}.gap-5{gap:calc(var(--spacing)*5)}:where(.space-y-0>:not(:last-child)){--tw-space-y-reverse:0;-webkit-margin-before:calc(calc(var(--spacing)*0)*var(--tw-space-y-reverse));margin-block-start:calc(calc(var(--spacing)*0)*var(--tw-space-y-reverse));-webkit-margin-after:calc(calc(var(--spacing)*0)*calc(1 - var(--tw-space-y-reverse)));margin-block-end:calc(calc(var(--spacing)*0)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;-webkit-margin-before:calc(calc(var(--spacing)*4)*var(--tw-space-y-reverse));margin-block-start:calc(calc(var(--spacing)*4)*var(--tw-space-y-reverse));-webkit-margin-after:calc(calc(var(--spacing)*4)*calc(1 - var(--tw-space-y-reverse)));margin-block-end:calc(calc(var(--spacing)*4)*calc(1 - var(--tw-space-y-reverse)))}.overflow-hidden{overflow:hidden}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-\[0\.5rem\]{border-radius:.5rem}.rounded-\[1\.5rem\]{border-radius:1.5rem}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.border-\[\#E4E8F1\]{border-color:#e4e8f1}.border-\[\#E5EAF3\]{border-color:#e5eaf3}.border-blue-500{border-color:var(--color-blue-500)}.border-orange-300{border-color:var(--color-orange-300)}.border-red-200{border-color:var(--color-red-200)}.border-red-300{border-color:var(--color-red-300)}.border-white{border-color:var(--color-white)}.border-t-transparent{border-top-color:#0000}.bg-\[\#e8edf7\]{background-color:#e8edf7}.bg-\[\#f5f7fb\]{background-color:#f5f7fb}.bg-blue-500{background-color:var(--color-blue-500)}.bg-gray-50{background-color:var(--color-gray-50)}.bg-red-50{background-color:var(--color-red-50)}.bg-transparent{background-color:#0000}.bg-white{background-color:var(--color-white)}.bg-white\/80{background-color:#fffc}@supports (color:color-mix(in lab,red,red)){.bg-white\/80{background-color:color-mix(in oklab,var(--color-white)80%,transparent)}}.bg-white\/95{background-color:#fffffff2}@supports (color:color-mix(in lab,red,red)){.bg-white\/95{background-color:color-mix(in oklab,var(--color-white)95%,transparent)}}.bg-gradient-to-r{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.from-\[\#f5f7fb\]{--tw-gradient-from:#f5f7fb;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-orange-500{--tw-gradient-from:var(--color-orange-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.via-\[\#edf2fb\]{--tw-gradient-via:#edf2fb;--tw-gradient-via-stops:var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.to-\[\#f5f7fb\]{--tw-gradient-to:#f5f7fb;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-red-500{--tw-gradient-to:var(--color-red-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.object-cover{object-fit:cover}.object-fill{object-fit:fill}.p-4{padding:calc(var(--spacing)*4)}.p-6{padding:calc(var(--spacing)*6)}.px-3{padding-inline:calc(var(--spacing)*3)}.px-4{padding-inline:calc(var(--spacing)*4)}.px-5{padding-inline:calc(var(--spacing)*5)}.px-6{padding-inline:calc(var(--spacing)*6)}.px-8{padding-inline:calc(var(--spacing)*8)}.px-10{padding-inline:calc(var(--spacing)*10)}.py-2{padding-block:calc(var(--spacing)*2)}.py-3{padding-block:calc(var(--spacing)*3)}.py-4{padding-block:calc(var(--spacing)*4)}.py-5{padding-block:calc(var(--spacing)*5)}.py-12{padding-block:calc(var(--spacing)*12)}.pt-2{padding-top:calc(var(--spacing)*2)}.pt-4{padding-top:calc(var(--spacing)*4)}.pt-5{padding-top:calc(var(--spacing)*5)}.pt-6{padding-top:calc(var(--spacing)*6)}.pb-4{padding-bottom:calc(var(--spacing)*4)}.pb-5{padding-bottom:calc(var(--spacing)*5)}.pb-6{padding-bottom:calc(var(--spacing)*6)}.pb-12{padding-bottom:calc(var(--spacing)*12)}.text-center{text-align:center}.text-left{text-align:left}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[0\.8125rem\]{font-size:.8125rem}.text-\[1rem\]{font-size:1rem}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.leading-snug{--tw-leading:var(--leading-snug);line-height:var(--leading-snug)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.text-\[\#0f172a\]{color:#0f172a}.text-\[\#5f6c80\]{color:#5f6c80}.text-gray-400{color:var(--color-gray-400)}.text-gray-600{color:var(--color-gray-600)}.text-red-600{color:var(--color-red-600)}.text-red-700{color:var(--color-red-700)}.text-white{color:var(--color-white)}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.underline{-webkit-text-decoration-line:underline;text-decoration-line:underline}.opacity-0{opacity:0}.opacity-80{opacity:.8}.shadow-\[0_10px_24px_rgba\(15\,23\,42\,0\.08\)\]{--tw-shadow:0 10px 24px var(--tw-shadow-color,#0f172a14);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_12px_30px_rgba\(15\,23\,42\,0\.08\)\]{--tw-shadow:0 12px 30px var(--tw-shadow-color,#0f172a14);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.backdrop-blur-sm{--tw-backdrop-blur:blur(var(--blur-sm));-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,visibility,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-300{--tw-duration:.3s;transition-duration:.3s}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}@media (hover:hover){.group-hover\:opacity-100:is(:where(.group):hover *){opacity:1}.hover\:scale-\[1\.01\]:hover{scale:1.01}.hover\:bg-blue-600:hover{background-color:var(--color-blue-600)}.hover\:bg-red-100:hover{background-color:var(--color-red-100)}}.focus-visible\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.focus-visible\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:opacity-50:disabled{opacity:.5}@media (min-width:40rem){.sm\:-mt-24{margin-top:calc(var(--spacing)*-24)}.sm\:mb-12{margin-bottom:calc(var(--spacing)*12)}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:gap-6{gap:calc(var(--spacing)*6)}.sm\:rounded-2xl{border-radius:var(--radius-2xl)}.sm\:px-6{padding-inline:calc(var(--spacing)*6)}.sm\:pt-6{padding-top:calc(var(--spacing)*6)}}@media (min-width:48rem){.md\:mt-2{margin-top:calc(var(--spacing)*2)}.md\:contents{display:contents}.md\:flex{display:flex}.md\:items-center{align-items:center}.md\:justify-center{justify-content:center}.md\:text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.md\:text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.md\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}}@media (min-width:64rem){.lg\:w-\[90\%\]{width:90%}.lg\:max-w-none{max-width:none}.lg\:gap-4{gap:calc(var(--spacing)*4)}.lg\:gap-8{gap:calc(var(--spacing)*8)}.lg\:px-8{padding-inline:calc(var(--spacing)*8)}.lg\:pt-7{padding-top:calc(var(--spacing)*7)}.lg\:pt-8{padding-top:calc(var(--spacing)*8)}.lg\:pb-6{padding-bottom:calc(var(--spacing)*6)}}@media (min-width:80rem){.xl\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.xl\:py-20{padding-block:calc(var(--spacing)*20)}.xl\:pt-3{padding-top:calc(var(--spacing)*3)}.xl\:pb-8{padding-bottom:calc(var(--spacing)*8)}.xl\:text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.xl\:text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}}@media (min-width:96rem){.\32xl\:text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.\32xl\:text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}}@media (orientation:portrait){.portrait\:block{display:block}.portrait\:hidden{display:none}}@media (orientation:landscape){.landscape\:block{display:block}.landscape\:hidden{display:none}}}:root{--neutral-button-bg:var(--gray-color,#6c757d);--neutral-button-hover:var(--gray-color-hover,#5a6268);--profile-accent-start:#1f2937;--profile-accent-end:#1f2937;--profile-accent-fallback:#111827;--profile-icon-color:#1f2937;--content-max-width:1200px;--filter-control-gap:16px;--filter-control-width:180px;--filter-indicator-size:12px}@keyframes fadeInModal{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.5}}.kidsbooks-preview-toast{position:fixed;top:var(--kidsbooks-preview-toast-top, calc( var(--safe-area-top-effective, var(--safe-area-top, env(safe-area-inset-top, 0px))) + var(--top-bar-height, 0px) + 12px ));left:calc(var(--safe-area-left, env(safe-area-inset-left, 0px)) + 12px);right:calc(var(--safe-area-right, env(safe-area-inset-right, 0px)) + 12px);transform:translateY(-8px);margin:0 auto;max-width:420px;display:flex;align-items:center;gap:10px;padding:14px 16px;border-radius:18px;background:#fffffff5;box-shadow:0 10px 30px #0f172a2e;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:30;pointer-events:none;opacity:0;transition:opacity .22s ease,transform .22s ease}.kidsbooks-preview-toast[hidden]{display:none}.kidsbooks-preview-toast.is-visible{opacity:1;transform:translateY(0)}.kidsbooks-preview-toast__icon{width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto}.kidsbooks-preview-toast__icon svg{width:100%;height:100%;display:block}.kidsbooks-preview-toast__text{color:#0f172aeb;font-size:16px;font-weight:600;letter-spacing:.01em}.kidsbooks-gate{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172ac7;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:none;align-items:center;justify-content:center;padding:clamp(12px,4vw,32px);z-index:4600}.kidsbooks-gate[hidden]{display:none}body.kidsbooks-gate-open{overflow:hidden}.kidsbooks-gate__dialog{width:min(520px,100%);background:#fff;border-radius:28px;padding:clamp(24px,3vw,36px);box-shadow:0 30px 70px #0f172a59;color:#0f172a;display:flex;flex-direction:column;gap:14px;text-align:center}.kidsbooks-gate__header{display:flex;justify-content:center;align-items:center;gap:12px;position:relative}.kidsbooks-gate__title{margin:0;font-size:22px;font-weight:700;flex:1}.kidsbooks-gate__message{margin:0;color:#475569;font-size:14px;line-height:1.5}.kidsbooks-gate__actions{display:flex;gap:12px;margin-top:8px;flex-wrap:wrap;justify-content:center}.kidsbooks-gate__btn{flex:1;min-width:120px;border-radius:999px;border:none;padding:12px 16px;font-weight:700;cursor:pointer;font-size:15px}.kidsbooks-gate__btn-secondary{background:#94a3b82e;color:#475569}.kidsbooks-gate__btn-primary{background:linear-gradient(180deg,#ff3571,#ff0058);color:#fff;box-shadow:0 8px 16px #ff005840}body.kidsbooks-upgrade-active{overflow:hidden}.kidsbooks-upgrade-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;padding:24px;z-index:4000}.kidsbooks-upgrade-overlay[hidden]{display:none}.kidsbooks-upgrade-dialog{width:min(420px,92%);background:#fff;border-radius:28px;padding:32px 28px 28px;text-align:center;color:#111827;box-shadow:0 35px 55px #0f172a40}.kidsbooks-upgrade-dialog h3{margin:0 0 12px;font-size:22px;color:#111827;font-weight:700}.kidsbooks-upgrade-dialog p{margin:0 0 24px;color:#4b5563;line-height:1.5;font-size:15px}.kidsbooks-upgrade-actions{display:flex;flex-direction:column;gap:10px}.kidsbooks-upgrade-actions button{border:none;border-radius:999px;padding:14px;font-weight:700;cursor:pointer;font-size:15px}.kidsbooks-upgrade-actions button[data-upgrade-action=primary]{background:linear-gradient(180deg,#ff3571,#ff0058);color:#fff;box-shadow:0 8px 16px #ff00584d}.kidsbooks-upgrade-actions button[data-upgrade-action=secondary]{background:transparent;color:#9ca3af}body.report-dialog-open{overflow:hidden}.report-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172ab8;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:grid;place-items:center;padding:20px;padding:calc(20px + env(safe-area-inset-top,0px)) calc(20px + env(safe-area-inset-right,0px)) calc(20px + env(safe-area-inset-bottom,0px)) calc(20px + env(safe-area-inset-left,0px));overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;z-index:3500}.report-overlay[hidden]{display:none}.report-dialog{width:min(520px,100%);max-height:min(calc(100vh - 40px),640px);max-height:min(calc(100vh - 40px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px)),640px);max-height:min(calc(100dvh - 40px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px)),640px);display:flex;flex-direction:column;overflow:hidden;background:#fff;border-radius:28px;padding:32px;color:#111827;box-shadow:0 24px 60px #0f172a59}.report-dialog form{display:flex;flex-direction:column;flex:1;min-height:0}.report-dialog h3{margin:0 0 12px;font-size:22px;font-weight:700;text-align:center}.report-dialog__header{flex:0 0 auto}.report-dialog__body{flex:1 1 auto;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.report-dialog__body::-webkit-scrollbar{width:0;height:0}.report-dialog__footer{flex:0 0 auto;padding-top:16px}.report-dialog__footer:before{content:"";display:block;height:1px;background:#0f172a14;margin-bottom:16px}.report-dialog .report-description{margin:0 0 8px;color:#4b5563;line-height:1.5}.report-type-label{font-size:13px;font-weight:700;color:#111827;margin:0 0 8px}.report-type-fieldset{border:0;padding:0;margin:0 0 14px}.report-type-fieldset:disabled{opacity:.7;cursor:not-allowed}.report-type-options{display:grid;gap:8px}.report-type-option{display:flex;align-items:center;gap:10px;width:100%;border-radius:16px;border:1px solid rgba(15,23,42,.15);padding:10px 14px;background:#fff;cursor:pointer;touch-action:manipulation;transition:border-color 90ms ease-out,box-shadow 90ms ease-out,background-color 90ms ease-out}.report-type-option input{width:18px;height:18px;accent-color:#ff0058;margin:0}.report-type-option__label{font-size:14px;font-weight:600;color:#111827}.report-type-option.is-selected{border-color:#ff005880;background:#ff00580f;box-shadow:0 0 0 2px #ff00581a}.report-type-option:focus-within{outline:none;border-color:#ef444499;box-shadow:0 0 0 2px #ef444426}.report-notes{width:100%;min-height:96px;border-radius:16px;border:1px solid rgba(15,23,42,.15);padding:14px 14px 42px;resize:none;font-family:inherit;font-size:16px;color:#111827;margin-bottom:8px}.report-notes-wrap{position:relative}.report-notes-count{position:absolute;right:16px;bottom:18px;font-size:12px;font-weight:500;color:#64748b;background:transparent;padding:0;border-radius:0;pointer-events:none;box-shadow:none}.report-notes:focus{outline:none;border-color:#ef444499;box-shadow:0 0 0 2px #ef444426}.report-footnote{display:flex;justify-content:flex-end;align-items:center;font-size:13px;color:#6b7280;margin-bottom:20px}.report-error{color:#dc2626;font-size:13px;margin-bottom:12px}.report-actions{display:flex;gap:12px;flex-wrap:nowrap}.report-actions button{flex:1;min-width:120px;border-radius:999px;padding:12px 16px;font-weight:700;border:none;cursor:pointer;font-size:15px}.report-actions button[data-report-action=submit]{background:linear-gradient(180deg,#ff3571,#ff0058);color:#fff;box-shadow:0 8px 16px #ff00584d}.report-actions button[data-report-action=cancel]{background:#0f172a0d;color:#475569}@media (max-width: 640px){.report-overlay{padding:12px;padding:calc(12px + env(safe-area-inset-top,0px)) calc(12px + env(safe-area-inset-right,0px)) calc(12px + env(safe-area-inset-bottom,0px)) calc(12px + env(safe-area-inset-left,0px))}.report-dialog{width:100%;border-radius:20px;padding:24px 20px;max-height:calc(100vh - 24px);max-height:calc(100vh - 24px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));max-height:calc(100dvh - 24px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px))}.report-dialog h3{font-size:20px}.report-dialog p{font-size:14px}.report-actions button{min-width:auto}}@media (max-height: 520px){.report-dialog{max-height:calc(100vh - 24px);max-height:calc(100vh - 24px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));max-height:calc(100dvh - 24px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));padding:20px 18px;border-radius:20px}.report-notes{min-height:72px}.report-actions button{padding:10px 14px}}:root{--playback-viewport-height: 100vh;--playback-visual-safe-area-top: 0px;--playback-visual-safe-area-right: 0px;--playback-visual-safe-area-bottom: 0px;--playback-visual-safe-area-left: 0px;--playback-safe-area-top: max(env(safe-area-inset-top, 0px), var(--safe-area-top, 0px), var(--playback-visual-safe-area-top, 0px));--playback-safe-area-right: max(env(safe-area-inset-right, 0px), var(--safe-area-right, 0px), var(--playback-visual-safe-area-right, 0px));--playback-safe-area-bottom: max(env(safe-area-inset-bottom, 0px), var(--safe-area-bottom, 0px), var(--playback-visual-safe-area-bottom, 0px));--playback-safe-area-left: max(env(safe-area-inset-left, 0px), var(--safe-area-left, 0px), var(--playback-visual-safe-area-left, 0px))}body.view-mode-playback{overflow:hidden;height:var(--playback-viewport-height, 100vh);overscroll-behavior:contain;background-color:#020617}body.info-dialog-open{overflow:hidden}@supports (height: 100svh){:root{--playback-viewport-height: 100svh}}@supports (height: 100dvh){:root{--playback-viewport-height: 100dvh}}.playback-shell{--playback-text-max-width: 100%;--ui-scale: 1;width:100%;min-height:var(--playback-viewport-height, 100vh);height:var(--playback-viewport-height, 100vh);background:#0f172a;color:#e2e8f0;display:flex;flex-direction:column;align-items:stretch;justify-content:stretch;gap:0;position:relative;padding:0;font-size:clamp(15px,.9vw,18px)}@media (min-width: 1280px){.playback-shell{--ui-scale: 1.1}}@media (min-width: 1600px){.playback-shell{--ui-scale: 1.22}}.playback-shell.loading-state{align-items:center;justify-content:center;text-align:center;padding:32px;gap:12px}.playback-shell.is-loading .playback-stage{opacity:.85}.playback-shell.is-loading .playback-image{opacity:0}.playback-shell.is-loading .playback-stage-controls,.playback-shell.is-loading .playback-page-indicator,.playback-shell.is-loading .playback-nav-hit-area{opacity:0;pointer-events:none;visibility:hidden}.playback-stage-status{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:24px;text-align:center;background:#0f172ad9;color:#f8fafce6;font-weight:500;letter-spacing:.02em}.playback-stage-status[hidden]{display:none}.playback-stage-wrapper{flex:1 1 auto;width:100%;display:flex;flex-direction:column;justify-content:center}.playback-toolbar{width:min(90vw,960px);display:flex;justify-content:flex-end;padding-right:8px}.playback-close-button{position:absolute;top:calc(var(--playback-safe-area-top, env(safe-area-inset-top, 0px)) + 16px);right:calc(var(--playback-safe-area-right, env(safe-area-inset-right, 0px)) + 16px);width:calc(40px * var(--ui-scale));height:calc(40px * var(--ui-scale));border-radius:50%;border:1px solid rgba(148,163,184,.35);background:#080a1873;color:#e2e8f0;font-size:calc(20px * var(--ui-scale));line-height:1;cursor:pointer;transition:border-color .2s ease,color .2s ease,transform .2s ease;z-index:4}.playback-close-button:hover,.playback-close-button:focus-visible{border-color:#94a3b8e6;color:#fff;transform:translateY(-1px)}.playback-shell.error{background:linear-gradient(135deg,#1f2937,#0f172a);display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:32px}.playback-error-content{margin-top:16px;font-size:18px;color:#f8fafce6}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.playback-stage{position:relative;width:100%;height:100%;flex:1 1 auto;background:#111827;border-radius:0;overflow:hidden;box-shadow:none;touch-action:pan-y}.playback-stage-media{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;overflow:hidden;background:#111827}.playback-image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;object-position:center;background-color:#0b1223;opacity:var(--playback-image-opacity, 1);transition:opacity .18s ease;will-change:opacity}.playback-text-overlay{position:absolute;left:50%;transform:translate(-50%);bottom:var(--playback-safe-area-bottom, env(safe-area-inset-bottom, 0px));width:var(--playback-text-max-width, 100%);max-width:var(--playback-text-max-width, 100%);z-index:5;pointer-events:auto}.playback-shell:not(.mobile-view) .playback-text-overlay:not(.stacked){bottom:var(--playback-safe-area-bottom, env(safe-area-inset-bottom, 0px))}.playback-shell.mobile-view .playback-text-overlay:not(.stacked){left:0;right:0;transform:none;width:100%;max-width:100%;bottom:var(--playback-safe-area-bottom, env(safe-area-inset-bottom, 0px))}.playback-text-overlay.no-audio{bottom:var(--playback-safe-area-bottom, env(safe-area-inset-bottom, 0px))}.playback-shell.mobile-view .playback-text-overlay.no-audio:not(.stacked){bottom:var(--playback-safe-area-bottom, env(safe-area-inset-bottom, 0px))}.playback-text-overlay.stacked{position:absolute;left:50%;transform:translate(-50%);width:var(--playback-text-max-width, 100%);max-width:var(--playback-text-max-width, 100%);bottom:var(--playback-safe-area-bottom, env(safe-area-inset-bottom, 0px))}.playback-shell.mobile-view .playback-text-overlay.stacked{width:100%;max-width:100%;left:0;transform:none;bottom:var(--playback-safe-area-bottom, env(safe-area-inset-bottom, 0px))}.playback-text{position:relative;width:100%;max-width:var(--playback-text-max-width, 100%);margin:0 auto;padding:clamp(12px,3vw,20px);background:linear-gradient(180deg,#0f172a00,#0f172a59 55%,#111827d9);max-height:clamp(140px,35vh,280px);overflow:auto;font-size:var( --playback-text-font-size, clamp(14px, calc(1.6vw * var(--ui-scale, 1)), calc(22px * var(--ui-scale, 1))) );line-height:1.5;color:#e5e7eb;text-shadow:0 2px 8px rgba(0,0,0,.35);-webkit-font-kerning:none;font-kerning:none;font-variant-ligatures:none;font-feature-settings:"liga" 0,"clig" 0,"kern" 0}.playback-variant-share .playback-text-overlay{bottom:0;width:100%;max-width:100%}.playback-shell.playback-variant-share .playback-text-overlay,.playback-shell.playback-variant-share.mobile-view .playback-text-overlay{bottom:0}.playback-variant-share .playback-overlay-surface{--playback-overlay-padding: clamp(16px, 2.4vw, 18px);width:100%;max-width:100%;margin-left:auto;margin-right:auto;background:linear-gradient(180deg,#0f172a00,#0f172a73 45%,#0f172ae6);border-radius:0;box-shadow:none;padding:var(--playback-overlay-padding) var(--playback-overlay-padding) calc(var(--playback-overlay-padding) + var(--playback-safe-area-bottom, env(safe-area-inset-bottom, 0px))) var(--playback-overlay-padding);color:#f8fafc;display:flex;flex-direction:column;gap:clamp(2px,.9vw,6px)}.playback-shell.playback-variant-share.is-compact-landscape .playback-overlay-surface{position:relative;padding-bottom:calc(var(--playback-overlay-padding) + var(--playback-safe-area-bottom, env(safe-area-inset-bottom, 0px)) + calc(6px * var(--ui-scale, 1)))}.playback-variant-share .playback-text{background:transparent;border-radius:0;box-shadow:none;max-width:var(--playback-text-width, var(--playback-text-max-width, 100%));padding:0 var(--playback-text-padding-x, clamp(12px, 3vw, 20px));max-height:clamp(140px,35vh,280px);color:#f8fafcf2;text-shadow:0 2px 6px rgba(0,0,0,.45);font-size:var( --playback-text-font-size, clamp(13px, calc(1.4vw * var(--ui-scale, 1)), calc(20px * var(--ui-scale, 1))) )}.playback-variant-share .playback-text.single{background:transparent;border-radius:0;box-shadow:none;font-size:var( --playback-text-single-font-size, clamp(16px, calc(1.8vw * var(--ui-scale, 1)), calc(24px * var(--ui-scale, 1))) );align-items:stretch;justify-content:flex-end;min-height:clamp(120px,24vh,200px);max-height:none;overflow:visible;padding:0 var(--playback-text-padding-x, clamp(12px, 3vw, 20px))}.playback-shell.playback-variant-share.mobile-view .playback-text.single{padding:0 var(--playback-text-padding-x-mobile, clamp(10px, 2.6vw, 16px))}.playback-variant-share .playback-controls-bar{width:100%;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:clamp(6px,1.5vw,12px);padding:0;margin-top:0;color:#f8fafc;transition:opacity .2s ease,visibility .2s ease}.playback-shell.playback-variant-share.is-compact-landscape .playback-controls-bar{position:absolute;left:var(--playback-overlay-padding);right:var(--playback-overlay-padding);bottom:calc(var(--playback-safe-area-bottom, env(safe-area-inset-bottom, 0px)) + calc(22px * var(--ui-scale, 1)));width:auto;z-index:2}.playback-shell.playback-variant-share.is-compact-landscape .playback-text{position:relative}.playback-variant-share .playback-controls-bar.is-hidden{opacity:0;visibility:hidden;pointer-events:none}.playback-variant-share .playback-progress-summary{width:100%;text-align:center;font-size:calc(11px * var(--ui-scale, 1));font-weight:500;letter-spacing:.02em;color:#f8fafcb3;text-shadow:0 2px 10px rgba(15,23,42,.8);margin-top:-10px;line-height:1.2;transition:opacity .2s ease,visibility .2s ease}.playback-shell.controls-hidden .playback-progress-summary{opacity:0;pointer-events:none}.playback-shell.playback-variant-share.is-compact-landscape .playback-progress-summary{position:absolute;left:var(--playback-overlay-padding);right:var(--playback-overlay-padding);bottom:calc(var(--playback-safe-area-bottom, env(safe-area-inset-bottom, 0px)) + calc(6px * var(--ui-scale, 1)));width:auto;z-index:1;pointer-events:none}.playback-variant-share .playback-progress-summary.is-hidden{opacity:0;visibility:hidden}.playback-variant-share .playback-controls-toggle{width:clamp(44px,4vw,52px);height:clamp(44px,4vw,52px);border-radius:50%;border:none;background:transparent;color:#fff;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .2s ease}.playback-variant-share .playback-controls-toggle:disabled{opacity:.4;cursor:not-allowed}.playback-variant-share .playback-controls-progress{min-width:0;display:flex;flex-direction:column;align-items:center}.playback-variant-share .playback-progress-slider{position:relative;width:100%;display:flex;align-items:center;min-height:calc(26px * var(--ui-scale, 1))}.playback-variant-share .playback-progress-range{--progress-fill: 0%;width:100%;display:block;margin:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:6px;border-radius:999px;background:linear-gradient(to right,rgba(248,250,252,.95) var(--progress-fill, 0%),rgba(148,163,184,.3) var(--progress-fill, 0%),rgba(148,163,184,.3) 100%);outline:none;cursor:pointer;border:none}.playback-variant-share .playback-progress-range::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:#f8fafc;box-shadow:0 4px 10px #0f172a59;border:none;cursor:pointer}.playback-variant-share .playback-progress-range::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:#f8fafc;border:none;box-shadow:0 4px 10px #0f172a59;cursor:pointer}.playback-variant-share .playback-progress-range:disabled{opacity:.4;cursor:not-allowed}.playback-variant-share .playback-progress-indicator{position:absolute;left:var(--progress-indicator-offset, 50%);transform:translate(-50%,-100%);pointer-events:none;background:#fffffff2;color:#0f172a;line-height:1;text-align:center;text-shadow:none;font-size:calc(12px * var(--ui-scale, 1));box-shadow:0 4px 10px #0f172a26;border-radius:999px;padding:0 calc(10px * var(--ui-scale, 1));min-width:calc(34px * var(--ui-scale, 1));height:calc(26px * var(--ui-scale, 1));display:inline-flex;align-items:center;justify-content:center}.playback-variant-share .playback-controls-speed{position:relative;display:inline-flex;align-items:flex-end;justify-content:center;margin-left:0;margin-right:0;flex:0 0 auto;width:clamp(65px,7vw,75px);min-width:clamp(65px,7vw,75px)}.playback-variant-share .playback-controls-speed>.playback-more-speed-toggle{border:none;border-radius:calc(14px * var(--ui-scale, 1));background:transparent;color:#fff;font-weight:600;padding:6px 10px;display:inline-flex;align-items:center;cursor:pointer;outline:none;box-shadow:none}.playback-variant-share .playback-controls-speed>.playback-more-speed-toggle:hover,.playback-variant-share .playback-controls-speed>.playback-more-speed-toggle:focus,.playback-variant-share .playback-controls-speed>.playback-more-speed-toggle:focus-visible{background:transparent;outline:none;box-shadow:none}.playback-variant-share .playback-controls-speed>.playback-more-speed-toggle:disabled{opacity:.4;cursor:not-allowed}.playback-text:not(.single){scrollbar-width:thin;scrollbar-color:rgba(148,163,184,.7) rgba(15,23,42,.5)}.playback-text:not(.single)::-webkit-scrollbar{width:6px}.playback-text:not(.single)::-webkit-scrollbar-track{background:#0f172a73;border-radius:999px}.playback-text:not(.single)::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#ffffff4d,#94a3b8d9);border-radius:999px}.playback-text:not(.single)::-webkit-scrollbar-thumb:hover{background:#e2e8f0d9}.playback-text.single{font-size:var( --playback-text-single-font-size, clamp(18px, calc(2.1vw * var(--ui-scale, 1)), calc(26px * var(--ui-scale, 1))) );font-weight:600;display:flex;align-items:center;justify-content:center;flex-direction:column;min-height:clamp(120px,24vh,200px);padding:clamp(16px,4vw,28px);background:linear-gradient(180deg,#0f172a00,#0f172a66,#111827e6);border-radius:0;max-height:none;overflow:visible}.playback-text-content{width:100%;line-height:1.5;color:#f8fafce6;white-space:pre-wrap}.playback-text-content--chars{width:100%;text-align:center}.playback-text.single .playback-text-content{text-align:center}.playback-text.single.is-multiline .playback-text-content,.playback-text.single.is-multiline .playback-text-content--chars{text-align:left}.playback-text-char{display:inline;white-space:pre-wrap;color:#f8fafcd9;transition:color .12s linear}.playback-text-char--read{color:#facc15}.playback-stage-controls{position:absolute;top:calc(var(--playback-safe-area-top, env(safe-area-inset-top, 0px)) + 16px);left:calc(var(--playback-safe-area-left, env(safe-area-inset-left, 0px)) + 16px);display:flex;flex-direction:row;flex-wrap:wrap;gap:calc(10px * var(--ui-scale));align-items:center;z-index:7;max-width:calc(100% - var(--playback-safe-area-left, env(safe-area-inset-left, 0px)) - var(--playback-safe-area-right, env(safe-area-inset-right, 0px)) - 32px)}.playback-variant-share .playback-stage-controls{top:var(--playback-stage-controls-top, calc( var(--playback-safe-area-top, env(safe-area-inset-top, 0px)) + clamp(40px, 6vw, 56px) ));left:calc(var(--playback-safe-area-left, env(safe-area-inset-left, 0px)) + 18px);width:calc(100% - var(--playback-safe-area-left, env(safe-area-inset-left, 0px)) - var(--playback-safe-area-right, env(safe-area-inset-right, 0px)) - 36px);max-width:none}.playback-shell.controls-hidden .playback-stage-controls,.playback-shell.controls-hidden .playback-controls-bar,.playback-shell.controls-hidden .playback-progress-indicator{opacity:0;pointer-events:none;transition:opacity .2s ease}.playback-shell:not(.controls-hidden) .playback-stage-controls{opacity:1;transition:opacity .2s ease}.touch-target-expand{position:absolute;top:-8px;bottom:-8px;left:-8px;right:-8px;border-radius:50%}.playback-variant-share .playback-back-button{width:calc(36px * var(--ui-scale, 1));height:calc(36px * var(--ui-scale, 1));background:#7b7b7b80;box-shadow:0 8px 16px #0f172a59}.playback-variant-share .playback-back-button:hover,.playback-variant-share .playback-back-button:focus-visible{background:#7b7b7b80}.playback-variant-share .playback-back-icon{width:calc(18px * var(--ui-scale, 1));height:calc(18px * var(--ui-scale, 1))}.playback-variant-share .playback-fullscreen-button{width:calc(36px * var(--ui-scale, 1));height:calc(36px * var(--ui-scale, 1));background:#7b7b7b80;box-shadow:none;overflow:visible}.playback-variant-share .playback-fullscreen-button:hover,.playback-variant-share .playback-fullscreen-button:focus-visible{background:#7b7b7b80}.playback-variant-share .playback-fullscreen-icon{width:calc(18px * var(--ui-scale, 1));height:calc(18px * var(--ui-scale, 1))}.playback-variant-share .playback-more-toggle{width:calc(36px * var(--ui-scale, 1));height:calc(36px * var(--ui-scale, 1));background:#7b7b7b80;box-shadow:none;overflow:visible}.playback-variant-share .playback-more-toggle svg{width:calc(18px * var(--ui-scale, 1));height:calc(18px * var(--ui-scale, 1));display:block}.playback-variant-share .playback-more-toggle:hover,.playback-variant-share .playback-more-toggle:focus-visible{background:#7b7b7b80}.playback-actions-right{display:inline-flex;align-items:center;gap:calc(10px * var(--ui-scale, 1));margin-left:auto}.playback-page-indicator{display:inline-flex;align-items:center;justify-content:center;min-width:calc(28px * var(--ui-scale));height:calc(28px * var(--ui-scale));padding:0 calc(8px * var(--ui-scale));border-radius:999px;background:transparent;color:#f8fafcd9;font-size:calc(14px * var(--ui-scale));font-weight:600;letter-spacing:.08em;text-shadow:0 2px 10px rgba(15,23,42,.8);pointer-events:none}.playback-page-current{margin:0}.playback-page-indicator--inline{position:absolute;right:clamp(2px,1vw,12px);bottom:clamp(2px,1vw,12px)}.playback-mute-toggle{width:calc(44px * var(--ui-scale));height:calc(44px * var(--ui-scale));border-radius:50%;border:none;background:#0f172ad9;color:#f8fafc;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .2s ease,background .2s ease;box-shadow:0 8px 16px #0f172a59}.playback-mute-toggle:hover:not(:disabled),.playback-mute-toggle:focus-visible{transform:translateY(-1px);background:#0f172af2}.playback-mute-toggle:disabled{cursor:not-allowed;opacity:.5}.playback-mute-icon{width:calc(22px * var(--ui-scale));height:calc(22px * var(--ui-scale))}.playback-play-toggle{width:calc(44px * var(--ui-scale));height:calc(44px * var(--ui-scale));border-radius:50%;border:none;background:#0f172ad9;color:#f8fafc;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .2s ease,background .2s ease;box-shadow:0 8px 16px #0f172a59}.playback-play-toggle:hover:not(:disabled),.playback-play-toggle:focus-visible{transform:translateY(-1px);background:#0f172af2}.playback-play-toggle:disabled{cursor:not-allowed;opacity:.5}.playback-play-toggle-icon{width:calc(26px * var(--ui-scale));height:calc(26px * var(--ui-scale));display:block;fill:currentColor}.playback-play-toggle-icon path,.playback-play-toggle-icon rect{fill:currentColor}.playback-speed-control{position:relative;display:inline-flex;align-items:center}.playback-speed-toggle{min-width:calc(44px * var(--ui-scale));height:calc(44px * var(--ui-scale));padding:0 calc(12px * var(--ui-scale));border-radius:calc(22px * var(--ui-scale));border:none;background:#0f172ad9;color:#f8fafc;font-weight:600;font-size:calc(13px * var(--ui-scale));display:inline-flex;align-items:center;justify-content:center;gap:calc(4px * var(--ui-scale));cursor:pointer;transition:transform .2s ease,background .2s ease;box-shadow:0 8px 16px #0f172a59;padding:0;text-align:center}.playback-speed-toggle:hover:not(:disabled),.playback-speed-toggle:focus-visible,.playback-speed-control.open .playback-speed-toggle{transform:translateY(-1px);background:#0f172af2}.playback-speed-toggle:disabled{cursor:not-allowed;opacity:.5}.playback-speed-caret{width:calc(12px * var(--ui-scale));height:calc(12px * var(--ui-scale));display:block;flex-shrink:0}.playback-speed-menu{position:absolute;top:calc(100% + 8px * var(--ui-scale));right:0;background:#0f172aeb;border-radius:calc(12px * var(--ui-scale));box-shadow:0 12px 32px #0f172a59;padding:calc(6px * var(--ui-scale));display:flex;flex-direction:column;min-width:calc(120px * var(--ui-scale));z-index:5}.playback-speed-option{border:none;background:transparent;color:#f1f5f9;font-weight:600;font-size:calc(13px * var(--ui-scale));text-align:left;border-radius:calc(8px * var(--ui-scale));padding:calc(8px * var(--ui-scale)) calc(12px * var(--ui-scale));cursor:pointer;transition:background .15s ease,color .15s ease}.playback-speed-option:hover,.playback-speed-option:focus-visible{background:#f8fafc1f}.playback-speed-option.selected{background:#3b82f640;color:#fff}.playback-back-button{position:relative;width:calc(44px * var(--ui-scale));height:calc(44px * var(--ui-scale));border-radius:50%;border:none;background:#0f172ad9;color:#f8fafc;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .2s ease,background .2s ease,box-shadow .2s ease;box-shadow:0 8px 16px #0f172a59}.playback-back-button:hover,.playback-back-button:focus-visible{transform:translateY(-1px);background:#0f172af2}.playback-back-button:active{transform:translateY(0)}.playback-back-icon{width:calc(24px * var(--ui-scale));height:calc(24px * var(--ui-scale));display:block}.playback-share-button,.playback-fullscreen-button,.playback-more-toggle{width:calc(42px * var(--ui-scale));height:calc(42px * var(--ui-scale));border-radius:50%;border:none;background:#0f172ad9;color:#f8fafc;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .2s ease,background .2s ease;box-shadow:0 8px 16px #0f172a59}.playback-share-button:hover,.playback-share-button:focus-visible,.playback-fullscreen-button:hover,.playback-fullscreen-button:focus-visible,.playback-more-toggle:hover,.playback-more-toggle:focus-visible{transform:translateY(-1px);background:#0f172af2}.playback-fullscreen-icon{width:calc(22px * var(--ui-scale));height:calc(22px * var(--ui-scale));display:inline-flex}.playback-fullscreen-icon svg{width:100%;height:100%;display:block}.playback-more-control{position:relative;display:inline-flex}.playback-more-menu{position:absolute;top:calc(100% + 8px);right:0;min-width:140px;background:#0f172ae6;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:12px;box-shadow:0 18px 38px #080a1866;display:flex;flex-direction:column;gap:10px;z-index:6}.playback-more-option{border:none;background:#0f172abf;color:#f8fafc;border-radius:12px;padding:8px 12px;display:inline-flex;align-items:center;gap:10px;font-size:13px;font-weight:600;cursor:pointer;transition:background .2s ease;white-space:nowrap}.playback-more-option:hover,.playback-more-option:focus-visible{background:#94a3b859}.playback-more-script{border:none;background:#64748b38;color:#f8fafc;border-radius:12px;padding:8px 12px;display:flex;align-items:center;gap:10px;font-size:13px;font-weight:600;cursor:pointer;transition:background .2s ease}.playback-more-script:hover,.playback-more-script:focus-visible{background:#94a3b859}.playback-more-script.is-active,.playback-more-script[aria-pressed=true]{background:#94a3b859;color:#f8fafc;box-shadow:inset 0 0 0 1px #f8fafc26}.playback-more-divider{height:1px;background:#e2e8f033;margin:4px 0}.playback-more-speed-header{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#e2e8f0b3}.playback-more-speed-row{position:relative;display:flex;flex-direction:column;gap:8px}.playback-more-speed-toggle{border:none;background:#0f172abf;color:#f8fafc;border-radius:12px;padding:8px 12px;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:13px;font-weight:600;cursor:pointer;transition:background .2s ease}.playback-speed-toggle-label{font-weight:600}.playback-more-speed-toggle svg{width:18px;height:18px}.playback-more-speed-toggle:hover,.playback-more-speed-toggle:focus-visible{background:#94a3b859}.playback-more-speed-toggle.is-active,.playback-more-speed-toggle[aria-expanded=true]{background:#94a3b859;color:#f8fafc;box-shadow:inset 0 0 0 1px #f8fafc26}.playback-more-speed-toggle:disabled{opacity:.4;cursor:not-allowed}.playback-speed-popover{position:absolute;top:calc(100% + 8px);right:0;min-width:120px;background:#161e2ef2;border-radius:12px;padding:8px;display:flex;flex-direction:column;gap:6px;box-shadow:0 16px 32px #00000059;z-index:5}.playback-speed-option{border:none;background:transparent;color:#f8fafc;font-weight:600;padding:6px 12px;border-radius:10px;text-align:left;cursor:pointer;transition:background .15s ease,color .15s ease}.playback-speed-option.selected{background:#94a3b859;color:#fff}.playback-speed-option:not(.selected):hover,.playback-speed-option:not(.selected):focus-visible{background:#94a3b833}.playback-variant-share .playback-more-menu{position:absolute;top:calc(100% + 8px);right:0;inline-size:-webkit-max-content;inline-size:max-content;min-inline-size:130px;max-inline-size:80vw;background:#fff;border:1px solid rgba(15,23,42,.08);border-radius:16px;padding:12px;box-shadow:0 22px 55px #0f172a2e;display:flex;flex-direction:column;gap:10px;z-index:6;color:#0f172a}.playback-variant-share .playback-more-option{background:transparent;color:#0f172a;border:none;border-radius:8px;padding:8px 12px;display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap;transition:background .2s ease,color .2s ease}.playback-variant-share .playback-more-option svg{width:18px;height:18px}.playback-variant-share .playback-more-option:hover,.playback-variant-share .playback-more-option:focus-visible{background:#0f172a0a}.playback-variant-share .playback-more-option:active{background:#0f172a14}.playback-variant-share .playback-speed-popover{background:#fff;border:1px solid rgba(15,23,42,.08);box-shadow:0 18px 40px #0f172a1f}.playback-variant-share .playback-controls-speed .playback-speed-popover{position:absolute;top:auto;bottom:calc(100% + 12px);right:0;min-width:120px;z-index:40;border-radius:18px;padding:12px}.playback-variant-share .playback-speed-option{color:#0f172a;font-size:14px;padding:6px 10px;border-radius:12px}.playback-variant-share .playback-speed-option.selected{background:#ff005814;color:#ff0058}.playback-variant-share .playback-speed-option:not(.selected):hover,.playback-variant-share .playback-speed-option:not(.selected):focus-visible{background:#0f172a14}.playback-overlay-hint{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);padding:14px 24px;border-radius:999px;background:#0f172ad9;color:#f8fafc;font-weight:600;font-size:clamp(13px,1.5vw,16px);text-align:center;box-shadow:0 18px 30px #0f172a59;z-index:2;pointer-events:none}@media (max-width: 768px){.playback-shell{width:100%;min-height:var(--playback-viewport-height, 100vh);height:var(--playback-viewport-height, 100vh);padding:var(--playback-safe-area-top, env(safe-area-inset-top, 0px)) 0 var(--playback-safe-area-bottom, env(safe-area-inset-bottom, 0px)) 0;border-radius:0;box-shadow:none}.playback-stage{width:100%;min-height:var(--playback-viewport-height, 100vh);height:var(--playback-viewport-height, 100vh);max-height:none;border-radius:0}.playback-stage-media{border-radius:0}.playback-overlay-hint{max-width:80%;padding:12px 18px}}@media (max-height: 500px){.playback-shell{width:100%;min-height:var(--playback-viewport-height, 100vh);height:var(--playback-viewport-height, 100vh);padding:var(--playback-safe-area-top, env(safe-area-inset-top, 0px)) 0 var(--playback-safe-area-bottom, env(safe-area-inset-bottom, 0px)) 0;border-radius:0;box-shadow:none}.playback-stage{width:100%;min-height:var(--playback-viewport-height, 100vh);height:var(--playback-viewport-height, 100vh);max-height:none;border-radius:0}.playback-stage-media{border-radius:0}.playback-text-overlay:not(.stacked){left:clamp(12px,3vw,24px);right:clamp(12px,3vw,24px);bottom:var(--playback-safe-area-bottom, env(safe-area-inset-bottom, 0px))}}@media (max-width: 480px){.playback-overlay-hint{font-size:13px}}.playback-nav-button{border:none;background:transparent;color:#f8fafc;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;transition:transform .2s ease}.playback-nav-button:disabled{opacity:.4;cursor:not-allowed}.playback-nav-arrow{width:24px;height:24px}.playback-gesture-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;z-index:4;pointer-events:none;background:linear-gradient(180deg,#080b1a40,#080b1a0d)}.playback-gesture-button{pointer-events:auto;border:none;width:calc(72px * var(--ui-scale, 1));height:calc(72px * var(--ui-scale, 1));border-radius:50%;background:#fff3;color:#fff;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:none;transition:background .2s ease,outline-color .2s ease}.playback-gesture-button:hover{background:#fff3}.playback-gesture-button:focus-visible{outline:2px solid rgba(255,255,255,.9);outline-offset:4px;background:#0f172afa}.playback-gesture-icon{width:calc(72px * var(--ui-scale, 1) * .55);height:calc(72px * var(--ui-scale, 1) * .55);display:inline-flex;align-items:center;justify-content:center}.playback-gesture-icon svg{width:100%;height:100%;display:block;fill:currentColor}.share-info-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172ac7;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:clamp(12px,4vw,32px);overflow-y:auto;z-index:4500}.share-info-overlay[hidden]{display:none}.share-info-modal{width:min(860px,calc(100% - 32px));background:#fff;border-radius:32px;padding:clamp(20px,3.5vw,32px);box-shadow:0 40px 90px #0f172a59;color:#0f172a;display:flex;flex-direction:column;gap:18px;position:relative;overflow:visible;margin:0 auto}.share-info-header h3{margin:0;font-size:clamp(22px,2.8vw,30px);font-weight:700;text-align:center;color:#111827}.share-info-content{display:flex;gap:clamp(16px,2.5vw,28px);align-items:flex-start}.share-info-cover{flex:0 0 clamp(220px,28vw,260px);display:flex;flex-direction:column;align-items:center;gap:8px}.share-info-cover img{width:100%;aspect-ratio:auto 3 / 4;border-radius:28px;box-shadow:0 20px 45px #0f172a40;object-fit:cover;display:block;background:#e2e8f059}.share-info-author{margin:0;font-size:14px;color:#6b7280;text-align:center}.share-info-details{flex:1;display:flex;flex-direction:column;gap:8px}.share-info-meta{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:10px;min-width:0}.share-info-age{margin:0;font-size:13px;font-weight:600;color:#0f172a;padding:6px 14px 6px 28px;border-radius:999px;border:1px solid rgba(148,163,184,.5);position:relative;text-transform:uppercase;letter-spacing:.1em}.share-info-age:before{content:"★";position:absolute;left:10px;top:50%;transform:translateY(-50%);font-size:10px;color:#f97316}.share-info-modal-summary{margin:4px 0 0;font-size:15px;line-height:1.5;color:#1f2937}.share-info-modal-source{margin-top:6px}.share-info-modal-source p{margin:0;font-size:14px;color:#475569;line-height:1.6}.share-info-modal-tags{display:flex;flex-wrap:wrap;gap:8px}.share-info-modal-tags span{font-size:13px;padding:6px 14px;background:#e2e8f0e6;border-radius:999px;color:#1f2937;text-transform:capitalize;font-weight:600}.share-info-close{position:absolute;border:none;background:transparent;color:#94a3b8;width:40px;height:40px;border-radius:50%;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:color .2s ease;top:2px;right:2px}.share-info-close:hover,.share-info-close:focus-visible{color:#64748b}@media (hover: hover) and (pointer: fine){.share-info-close{top:12px;right:12px}}.share-info-close svg{width:20px;height:20px}@media (max-height: 500px) and (orientation: landscape){.share-info-overlay{padding:12px;overflow-y:hidden}.share-info-modal{width:min(720px,calc(100% - 24px));max-height:clamp(240px,82vh,320px);padding:14px;gap:12px;overflow:hidden}.share-info-content{display:grid;grid-template-columns:clamp(120px,22vw,180px) minmax(0,1fr);gap:12px;align-items:start;flex:1 1 auto;min-height:0}.share-info-cover{flex:initial;width:100%;gap:6px;align-items:flex-start}.share-info-cover img{border-radius:18px;max-height:200px}.share-info-author{font-size:12px;text-align:left}.share-info-header h3{font-size:18px}.share-info-close{top:10px;right:10px;width:34px;height:34px}.share-info-details{min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.share-info-details::-webkit-scrollbar{display:none}.share-info-modal-summary{font-size:14px}.share-info-modal-source p{font-size:13px}}@media (max-width: 640px){.share-info-modal{width:100%;padding:20px 18px;border-radius:28px;overflow:visible}.share-info-content{display:grid;grid-template-columns:minmax(110px,32%) 1fr;grid-template-areas:"cover meta" "summary summary" "source source";gap:clamp(12px,4vw,24px);align-items:flex-start}.share-info-header h3{font-size:22px}.share-info-cover{width:100%;max-width:clamp(120px,30vw,200px);margin:0;gap:6px;align-items:flex-start;grid-area:cover}.share-info-cover img{width:100%;border-radius:20px;max-height:clamp(120px,35vh,220px);object-fit:cover}.share-info-details{display:contents}.share-info-meta{grid-area:meta;width:100%;min-width:0;gap:8px;align-items:center;justify-content:flex-start;flex-direction:row;flex-wrap:nowrap}.share-info-age{font-size:12px;padding:4px 12px 4px 24px;letter-spacing:.08em}.share-info-age:before{left:8px;font-size:9px}.share-info-modal-summary{grid-area:summary;width:100%;text-align:left}.share-info-modal-source{grid-area:source;width:100%;margin-top:0}.share-info-modal-tags{display:flex;flex:1 1 auto;flex-wrap:nowrap;gap:8px;max-width:100%;min-width:0;overflow-x:auto;overflow-y:hidden;padding-bottom:2px;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;scroll-behavior:smooth;overscroll-behavior-x:contain}.share-info-modal-tags span{font-size:12px;padding:4px 10px;flex:0 0 auto;white-space:nowrap}.share-info-modal-tags::-webkit-scrollbar{display:none}}@media (orientation: portrait){.share-info-modal{width:min(640px,calc(100% - clamp(24px,8vw,48px)));padding:clamp(22px,5vw,34px);overflow:visible}.share-info-content{display:flex;flex-direction:column;align-items:stretch;gap:clamp(10px,2.5vh,20px)}.share-info-cover{width:100%;max-width:clamp(160px,55vw,300px);margin:0 auto;gap:8px;align-items:center}.share-info-cover img{width:100%;height:auto;max-height:clamp(160px,40vh,280px);object-fit:cover;border-radius:24px}.share-info-details{width:100%;display:flex;flex-direction:column;gap:10px;text-align:left}.share-info-meta,.share-info-modal-tags{justify-content:flex-start}.share-info-meta{flex-wrap:nowrap;gap:10px;align-items:flex-start;flex-direction:row}.share-info-age{flex:0 0 auto}.share-info-modal-tags{display:flex;flex:1 1 auto;flex-wrap:nowrap;gap:8px;max-width:100%;min-width:0;overflow-x:auto;overflow-y:hidden;padding-bottom:2px;scrollbar-width:none;-ms-overflow-style:none;scroll-behavior:smooth;overscroll-behavior-x:contain}.share-info-modal-tags span{flex:0 0 auto;white-space:nowrap}.share-info-modal-tags::-webkit-scrollbar{display:none}}.playback-toast{position:fixed;top:70px;left:50%;transform:translate(-50%,-20px);background-color:#000000d9;color:#fff;padding:12px 24px;border-radius:8px;font-size:14px;font-weight:500;white-space:pre-wrap;word-break:break-word;z-index:9999;opacity:0;transition:opacity .2s ease,transform .2s ease;box-shadow:0 6px 20px #00000040;pointer-events:none}.playback-toast.is-visible{opacity:1;transform:translate(-50%)}.playback-nav-hit-area{--playback-nav-top-gap: clamp(56px, 9vh, 120px);--playback-nav-bottom-gap: clamp(160px, 22vh, 280px);position:absolute;top:calc(var(--playback-safe-area-top, env(safe-area-inset-top, 0px)) + var(--playback-nav-top-gap));height:calc(100% - calc(var(--playback-safe-area-top, env(safe-area-inset-top, 0px)) + var(--playback-nav-top-gap)) - calc(var(--playback-safe-area-bottom, env(safe-area-inset-bottom, 0px)) + var(--playback-nav-bottom-gap)));width:clamp(48px,12vw,120px);display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:3;background:transparent;border:none;outline:none;-moz-appearance:none;appearance:none;-webkit-appearance:none}.playback-nav-hit-area--prev{left:0}.playback-nav-hit-area--next{right:0}.playback-info-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:grid;place-items:center;padding:20px}.playback-info-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;border:none;background:#0f172a99}.playback-info-dialog{position:relative;width:min(520px,92vw);max-height:min(70vh,560px);overflow:auto;background:#fff;color:#0f172a;border-radius:18px;padding:18px 16px 16px;box-shadow:0 24px 60px #0f172a40;z-index:1}.playback-info-close{position:absolute;top:10px;right:10px;width:34px;height:34px;border:none;border-radius:10px;background:#0f172a0f;color:#0f172a;font-size:20px;line-height:1;cursor:pointer}.playback-info-cover{width:100%;height:auto;aspect-ratio:auto 3 / 4;border-radius:14px;display:block;margin-bottom:12px;background:#e2e8f059}.playback-info-title{font-size:16px;font-weight:700;margin-bottom:10px}.playback-info-summary{font-size:14px;line-height:1.5;color:#0f172ac7;margin-bottom:12px}.playback-info-tags{font-size:12px;font-weight:600;color:#0f172a99}.public-playback-shell{width:100%;height:100%;background:#0f172a;display:flex;flex-direction:column;min-height:var(--playback-viewport-height, 100vh)}.share-playback-wrapper{flex:1;display:flex;min-height:0}.share-playback-wrapper .playback-shell{flex:1;min-height:0}.public-playback-loading{flex:1;display:flex;align-items:center;justify-content:center;color:#ffffffd1}.public-playback-error{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;color:#e2e8f0eb;text-align:center;position:relative}.public-playback-error .playback-back-button{position:absolute;top:calc(var(--playback-safe-area-top, env(safe-area-inset-top, 0px)) + 12px);left:calc(var(--playback-safe-area-left, env(safe-area-inset-left, 0px)) + 12px);z-index:5}.public-playback-error-title{font-size:16px;font-weight:650;letter-spacing:.01em;margin-bottom:8px}.public-playback-error-message{font-size:13px;opacity:.88;line-height:1.45;max-width:min(92vw,520px)}.public-playback-error-button{border:none;background:#0f172ad9;color:#f8fafc;border-radius:14px;padding:10px 16px;font-weight:650;letter-spacing:.01em;cursor:pointer;min-width:112px;transition:transform .2s ease,background .2s ease,box-shadow .2s ease;margin-top:16px;box-shadow:0 8px 16px #0f172a59}.public-playback-error-button:hover,.public-playback-error-button:focus-visible{transform:translateY(-1px);background:#0f172af2}