.stage-glass{--glass-width: 8px;--glass-radius: var(--radius-3xl, 1.5rem);--glass-green: rgb(160 216 187 / .7);--glass-pink: rgb(231 159 195 / .7);--glass-shade: rgb(166 169 168 / .65);box-sizing:border-box;border:var(--glass-width) solid transparent;border-radius:var(--glass-radius);corner-shape:var(--app-corner-shape, round);overflow:hidden;background-color:#fff9;background-image:conic-gradient(transparent 96deg,var(--glass-green) 102deg,var(--glass-shade) 108deg 160deg,var(--glass-pink) 166deg,transparent 172deg);background-size:calc(var(--glass-radius) * 2) calc(var(--glass-radius) * 2);background-position:right bottom;background-repeat:no-repeat;background-origin:border-box;box-shadow:var(--glass-width) calc(var(--glass-width) * 1.5) calc(var(--glass-width) * 3) calc(var(--glass-width) * -.75) #00000024}.dark .stage-glass{--glass-green: rgb(100 173 137 / .45);--glass-pink: rgb(196 133 169 / .45);--glass-shade: rgb(0 0 0 / .1);background-color:#ffffff40}@font-face{font-family:"Homepage Intro Source Serif 4";font-style:normal;font-weight:400;font-display:swap;src:url(https://assets.mipha.ai/fonts/homepage-intro/source-serif-4-v1.woff2) format("woff2")}@font-face{font-family:"Homepage Intro Noto Serif SC";font-style:normal;font-weight:400;font-display:swap;src:url(https://assets.mipha.ai/fonts/homepage-intro/noto-serif-sc-v1.woff2) format("woff2")}@font-face{font-family:"Homepage Intro Noto Serif TC";font-style:normal;font-weight:400;font-display:swap;src:url(https://assets.mipha.ai/fonts/homepage-intro/noto-serif-tc-v1.woff2) format("woff2")}@font-face{font-family:"Homepage Intro Noto Serif JP";font-style:normal;font-weight:400;font-display:swap;src:url(https://assets.mipha.ai/fonts/homepage-intro/noto-serif-jp-v1.woff2) format("woff2")}@font-face{font-family:"Homepage Intro Noto Serif KR";font-style:normal;font-weight:400;font-display:swap;src:url(https://assets.mipha.ai/fonts/homepage-intro/noto-serif-kr-v1.woff2) format("woff2")}@font-face{font-family:"Homepage Intro Noto Serif Thai";font-style:normal;font-weight:400;font-display:swap;src:url(https://assets.mipha.ai/fonts/homepage-intro/noto-serif-thai-v1.woff2) format("woff2")}.homepage-page{--home-nav-height: 4rem}.homepage-container{margin-left:auto;margin-right:auto;width:100%;max-width:1280px;padding-left:1.5rem;padding-right:1.5rem}@media (min-width: 640px){.homepage-container{padding-left:3rem;padding-right:3rem}}.homepage-reading{width:100%;max-width:42rem}.homepage-section-title{text-wrap:balance;font-size:32px;font-weight:600;line-height:40px;color:hsl(var(--foreground))}@media (min-width: 640px){.homepage-section-title{font-size:40px;line-height:50px}}.homepage-body{text-wrap:pretty;font-size:.875rem;font-weight:400;line-height:1.5rem;color:hsl(var(--foreground) / .85)}@media (min-width: 640px){.homepage-body{font-size:1rem;line-height:1.5rem;line-height:26px}}.homepage-lead{text-wrap:pretty;font-size:1rem;line-height:1.5rem;font-weight:400;line-height:26px;color:hsl(var(--foreground) / .85)}@media (min-width: 640px){.homepage-lead{font-size:1.125rem;line-height:1.75rem;line-height:30px}}.homepage-section-title:lang(ko),.homepage-lead:lang(ko),.homepage-body:lang(ko){word-break:keep-all}.homepage-feature>header,.homepage-faq>header{display:flex;flex-direction:column;gap:1rem}@media (min-width: 640px){.homepage-feature>header,.homepage-faq>header{gap:1.5rem}}.homepage-features{margin-top:6rem;display:flex;scroll-margin-top:5rem;flex-direction:column;gap:6rem}@media (min-width: 640px){.homepage-features{margin-top:10rem;gap:10rem}}.homepage-feature{display:flex;flex-direction:column;gap:4rem;font-family:Noto Sans SC,Noto Sans HK,Noto Sans TC,Noto Sans KR,Noto Sans JP,Noto Sans Thai,Open Sans,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji"}@media (min-width: 640px){.homepage-feature{gap:6rem}}.homepage-feature-points{display:flex;flex-direction:column;gap:.75rem}@media (min-width: 640px){.homepage-feature-points{gap:1rem}}.homepage-feature-points strong{font-weight:600}.homepage-feature-points strong{color:hsl(var(--foreground))}.homepage-cover-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}@media (min-width: 640px){.homepage-cover-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem}}@media (min-width: 1024px){.homepage-cover-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.homepage-library-cover{display:block;aspect-ratio:16 / 9;overflow:hidden;border-radius:var(--radius-2xl, 1rem);background-color:hsl(var(--muted));corner-shape:var(--app-corner-shape, round)}.homepage-library-cover>img{display:block}.homepage-library-cover>img{height:100%}.homepage-library-cover>img{width:100%}.homepage-library-cover>img{-o-object-fit:contain;object-fit:contain}.homepage-listening-stage{position:relative;display:flex;height:304px;flex-direction:column;align-items:center;justify-content:center;gap:2rem;text-align:center;color:hsl(var(--muted-foreground))}@media (min-width: 640px){.homepage-listening-stage{height:20rem}}.homepage-listening-stage>p{margin:0}.homepage-listening-stage>p{font-size:.875rem;line-height:1.25rem}.homepage-listening-stage>p{font-weight:600}.homepage-listening-stage>p{opacity:.4}@media (min-width: 640px){.homepage-listening-stage>p{font-size:1.125rem;line-height:1.75rem}}.homepage-listening-stage>p:nth-child(2){font-size:1rem;line-height:1.5rem}.homepage-listening-stage>p:nth-child(2){opacity:1}@media (min-width: 640px){.homepage-listening-stage>p:nth-child(2){font-size:28px}}.homepage-listening-stage[data-ready]>p{visibility:hidden}.homepage-stage{position:relative;margin-left:auto;margin-right:auto;width:100%;overflow:hidden;max-width:2560px;height:clamp(720px,100dvh,1600px);container:homepage / size}.homepage-stage>svg{display:block}.homepage-stage>svg{width:100%;height:100%}.homepage-stage>svg{overflow:hidden}[data-environment-initial] [data-initial-profile]{display:none}[data-environment-initial] #environment-bubbles{visibility:hidden}@container homepage (width < 640px){[data-environment-initial] [data-initial-profile=mobile]{display:inline}}@container homepage (width >= 640px) and (aspect-ratio < 1.1){[data-environment-initial] [data-initial-profile=compact]{display:inline}}@container homepage (width >= 640px) and (not (aspect-ratio < 1.1)){[data-environment-initial] [data-initial-profile=wide]{display:inline}}.homepage-copy{position:absolute;left:0;right:0;z-index:1;margin-left:auto;margin-right:auto;display:flex;width:100%;max-width:1280px;flex-direction:column;align-items:center;gap:1.5rem;padding-left:1.5rem;padding-right:1.5rem;text-align:center;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1));--fill-subtle: rgb(255 255 255 / .12);--fill-subtle-hover: rgb(255 255 255 / .2);top:clamp(96px,13cqh,176px)}.homepage-copy[data-hero-pending]{visibility:hidden}.homepage-copy h1{margin:0}.homepage-copy h1{display:flex}.homepage-copy h1{max-width:100%}.homepage-copy h1{flex-direction:column}.homepage-copy h1{gap:.5rem}.homepage-copy h1{font-size:28px}.homepage-copy h1{font-weight:600}.homepage-copy h1{line-height:1.3}.homepage-copy h1{letter-spacing:-.025em}.homepage-copy h1{text-shadow:0 2px 8px rgb(0 35 100 / .28)}.homepage-copy h1>span{text-wrap:balance}.homepage-copy:lang(ko) h1{word-break:keep-all}@container homepage (width >= 640px){.homepage-copy{padding-left:3rem;padding-right:3rem;top:clamp(112px,17cqh,240px)}.homepage-copy h1{font-size:32px}}@container homepage (width >= 960px) and (aspect-ratio >= 1.1){.homepage-copy{align-items:flex-end;gap:2rem;text-align:right;top:clamp(128px,18cqh,280px)}.homepage-copy h1{max-width:75%}.homepage-copy h1{font-size:clamp(32px,3cqw,48px)}}@media (height < 500px){.homepage-copy{gap:1rem;top:88px}.homepage-copy h1{font-size:28px}}#home-hero-play{min-height:2.5rem}.copy-unit{display:inline-block}.copy-word{white-space:nowrap}.homepage-demo{padding-top:4rem}@media (min-width: 640px){.homepage-demo{padding-top:6rem}}.homepage-demo-intro>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.homepage-demo-intro{text-align:left}@media (min-width: 640px){.homepage-demo-intro>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}}.homepage-demo-intro{font-kerning:none}.homepage-demo-intro>p{line-height:inherit}.homepage-demo-stage{margin-top:4rem}@media (min-width: 640px){.homepage-demo-stage{margin-top:6rem}}.homepage-video-stage{position:relative;width:100%;color:hsl(var(--muted-foreground))}.homepage-video-stage>video{visibility:hidden}.homepage-video-stage>video{display:block}.homepage-video-stage>video{aspect-ratio:1 / 1}.homepage-video-stage>video{height:auto}.homepage-video-stage>video{width:100%}.homepage-video-stage>video{-o-object-fit:contain;object-fit:contain}@media (min-width: 640px){.homepage-video-stage>video{aspect-ratio:16 / 9}}.homepage-video-stage>.dots-loader{position:absolute}.homepage-video-stage>.dots-loader{inset:0}.homepage-video-stage>.dots-loader{height:auto}.homepage-video-stage>.dots-loader{align-items:center}.homepage-video-stage>.dots-loader{background-color:hsl(var(--background))}.homepage-video-stage[data-ready]>video{visibility:visible}.homepage-video-stage[data-ready]>.dots-loader{display:none}@media (width < 640px){.homepage-video-stage{--glass-width: 5px;--glass-radius: var(--radius-2xl, 1rem)}}.homepage-faq{margin-top:6rem;display:flex;scroll-margin-top:5rem;flex-direction:column;align-items:center;gap:2rem;font-family:Noto Sans SC,Noto Sans HK,Noto Sans TC,Noto Sans KR,Noto Sans JP,Noto Sans Thai,Open Sans,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji"}@media (min-width: 640px){.homepage-faq{margin-top:10rem;gap:3rem}}.homepage-faq>header{text-align:center}.homepage-faq details:not(:last-child){border-bottom:1px solid;-o-border-image:linear-gradient(90deg,transparent,hsl(var(--border)) 20% 80%,transparent) 1;border-image:linear-gradient(90deg,transparent,hsl(var(--border)) 20% 80%,transparent) 1}.homepage-faq summary{display:flex}.homepage-faq summary{cursor:pointer}.homepage-faq summary{list-style-type:none}.homepage-faq summary{align-items:flex-start}.homepage-faq summary{justify-content:space-between}.homepage-faq summary{gap:1.5rem}.homepage-faq summary{padding-top:1rem;padding-bottom:1rem}.homepage-faq summary{font-weight:600}.homepage-faq summary{color:hsl(var(--foreground))}@media (min-width: 640px){.homepage-faq summary{padding-top:1.5rem;padding-bottom:1.5rem}}.homepage-faq summary svg{width:1rem;height:1rem}.homepage-faq summary svg{flex-shrink:0}.homepage-faq summary svg{color:hsl(var(--muted-foreground))}.homepage-faq summary svg{margin-top:calc((1lh - 1rem)/2);transform:rotate(-90deg);transition:transform .25s ease-in-out,color .15s}.homepage-faq summary:hover svg,.homepage-faq summary:focus-visible svg{color:hsl(var(--foreground))}.homepage-faq details[open] summary svg{transform:rotate(90deg)}.homepage-faq details>div{min-height:0px}.homepage-faq details>div{overflow:hidden}.homepage-faq details p{padding-bottom:1rem}.homepage-faq details p{color:hsl(var(--muted-foreground))}@media (min-width: 640px){.homepage-faq details p{padding-bottom:1.5rem}}.homepage-faq details::details-content{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows .25s ease-in-out,opacity .25s ease-in-out,content-visibility .25s allow-discrete}.homepage-faq details[open]::details-content{grid-template-rows:1fr;opacity:1}@media (prefers-reduced-motion: reduce){.homepage-faq summary svg{transition:none}.homepage-faq details::details-content{transition:none}}.homepage-page>nav{--nav-progress: 0;--nav-color-progress: var(--nav-progress);--nav-text-mix: calc( ( 1 - (1 - var(--nav-color-progress)) * (1 - var(--nav-color-progress)) * (1 - var(--nav-color-progress)) ) * 100% );--nav-text: color-mix( in srgb, #f8fbff, hsl(var(--foreground)) var(--nav-text-mix) );--nav-muted: color-mix( in srgb, #d6eaff, hsl(var(--muted-foreground)) var(--nav-text-mix) );height:var(--home-nav-height);margin-bottom:calc(-1 * var(--home-nav-height));color:var(--nav-text);background:hsl(var(--background) / calc(.6 * var(--nav-progress)));backdrop-filter:var(--nav-blur, none);-webkit-backdrop-filter:var(--nav-blur, none);box-shadow:0 1px 2px rgb(0 0 0 / calc(var(--nav-progress) * .05))}.dark :is(.homepage-page>nav){background:rgb(0 0 0 / calc(.1 * var(--nav-progress)))}.homepage-page>nav .nav-brand,.homepage-page>nav .home-nav-logo .sidebar-logo-icon{color:color-mix(in srgb,#f8fbff,hsl(var(--primary)) calc(var(--nav-color-progress) * 100%))}.homepage-page>nav .home-nav-logo .sidebar-logo-icon{transition-property:filter}.homepage-page>nav .home-nav-logo .logo-cutout{display:inline}.homepage-page>nav .home-nav-logo .logo-body{fill:none}.homepage-page>nav .home-nav-logo .logo-body,.homepage-page>nav .home-nav-logo .logo-eyes{opacity:var(--nav-color-progress)}.homepage-page>nav:not([data-mode=page]) .home-nav-logo .sidebar-logo-icon{filter:none;transition:none}.homepage-page>nav .nav-actions:has(a:hover,#lang-select:hover,#mobile-menu-btn:hover){color:var(--nav-muted)}.homepage-page>nav #desktop-menu li:hover,.homepage-page>nav #lang-select>:hover,.homepage-page>nav #mobile-menu-btn:hover{color:var(--nav-text)}.homepage-page>nav a,.homepage-page>nav li,.homepage-page>nav #lang-select>*{transition:none}@media (width < 640px){.homepage-page>#mobile-menu{top:0;padding-top:var(--home-nav-height)}.homepage-page>nav:has(#mobile-menu-btn button[aria-expanded=true]){--nav-color-progress: 1;--nav-muted: var(--nav-text);z-index:30;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:none}}.demo-pointer{position:absolute;top:0;left:0;width:clamp(48px,6cqw,76px);height:auto;overflow:visible;pointer-events:none;fill:none;stroke:hsl(var(--foreground));stroke-width:1;stroke-linecap:round;stroke-linejoin:round}.demo-hand{transform-origin:calc(100% / 3) calc(100% / 12)}@media (max-width: 639px){.demo-hand{width:clamp(24px,8cqw,40px)}}.demo-particles{position:absolute;width:2px;height:2px;overflow:visible;fill:hsl(var(--primary));pointer-events:none}.demo-particles circle{transform-box:fill-box;transform-origin:center}.demo-keycap{--key-press: 0;display:grid;place-items:center;width:46px;height:46px;font:400 26px/1 system-ui,sans-serif}.demo-keycap>span{display:grid;place-items:center;width:100%;height:100%;color:#fff;border:1px solid #383838;border-radius:9px;background:linear-gradient(150deg,#272727,#1c1c1c);transform:translateY(calc(-3px + var(--key-press) * 4px));box-shadow:0 calc(5px - var(--key-press) * 4px) 0 #191919,0 calc(7px - var(--key-press) * 3px) 5px #00000024,inset 0 1px 1px #ffffff1a,inset 0 -1px 1px #ffffff1f}.subtitle-scene{position:absolute;inset:0;overflow:hidden}.subtitle-scene .subtitle-sheet{display:block;width:100%;height:calc(100% - 54px);fill:hsl(var(--muted-foreground));overflow:visible}.subtitle-scene .time-label,.subtitle-scene .time-tick{fill:color-mix(in srgb,hsl(var(--muted-foreground)) 38%,hsl(var(--background)))}.subtitle-scene .word-boundary{fill:color-mix(in srgb,hsl(var(--muted-foreground)) 65%,hsl(var(--background)))}[data-grain=false] .highlight-grain{display:none}.subtitle-scene .demo-pointer{width:30px;z-index:2}.subtitle-scene .demo-particles{z-index:1;transform:scale(3);transform-origin:0 0}.subtitle-scene .scene-status{position:absolute;inset:auto 0 28px;height:24px;display:grid;place-items:center;color:hsl(var(--muted-foreground))}.subtitle-scene .operation,.subtitle-scene .speed-control{grid-area:1 / 1;align-items:center}.subtitle-scene .operation{display:grid;grid-template:24px / 24px 46px;-moz-column-gap:16px;column-gap:16px;place-items:center}.subtitle-scene .operation>svg{grid-area:1 / 1;width:24px;height:24px}.subtitle-scene .operation>:is(.demo-keycap,.wait-ring,.loop-score){grid-area:1 / 2}.subtitle-scene .wait-ring{transform:rotate(-90deg);color:hsl(var(--primary))}.subtitle-scene .loop-score,.subtitle-scene .speed-value{display:flex;align-items:center;font-size:18px;line-height:24px;font-weight:400;font-variant-numeric:tabular-nums;color:hsl(var(--primary))}.subtitle-scene .rolling-number{position:relative;display:inline-block;width:.65em;height:1.2em;line-height:1.2;overflow:visible}.subtitle-scene .rolling-number span{position:absolute;inset:0;text-align:center}.subtitle-scene .speed-control{display:flex;width:min(250px,calc(100% - 64px));gap:18px}.subtitle-scene .speed-track{position:relative;flex:1;height:4px;border-radius:2px;background:hsl(var(--muted-foreground) / .2)}.subtitle-scene .speed-fill{height:100%;border-radius:inherit;background:hsl(var(--muted-foreground))}.subtitle-scene .speed-thumb{position:absolute;top:50%;width:16px;height:16px;margin:-8px;border-radius:50%;background:hsl(var(--background));border:1px solid hsl(var(--muted-foreground));box-shadow:0 1px 4px hsl(var(--foreground) / .12)}.subtitle-scene .speed-value{font-size:16px;color:hsl(var(--muted-foreground));width:46px;flex:none}@media (min-width: 640px){.subtitle-scene .operation{-moz-column-gap:24px;column-gap:24px}.subtitle-scene .demo-pointer{width:34px}}@media (prefers-reduced-motion: reduce){.subtitle-scene .demo-pointer,.subtitle-scene .demo-particles{display:none}}