.glass-scene,.practice-stage{--stage-rim: clamp(5px, calc(3.766389px + .357569cqw), 8px);--stage-radius: calc(var(--stage-rim) * 5.32);corner-shape:round}@supports (corner-shape: squircle){.glass-scene,.practice-stage{--stage-radius: calc(var(--stage-rim) * 9.8);corner-shape:squircle}}.glass-tile{background-image:url(./glass-atlas-BXOhMrps.webp)}.tile-top{background-size:212.5% 8437.5%;background-position:38.19444444444444% 86.20689655172413%}.tile-bottom{background-size:212.5% 8437.5%;background-position:38.19444444444444% 87.55622188905548%}.tile-left{background-size:3400% 527.34375%;background-position:27.65151515151515% .18281535648994515%}.tile-right{background-size:3400% 527.34375%;background-position:31.060606060606062% .18281535648994515%}.tile-top-left{background-size:405.97014925373134% 1007.4626865671642%;background-position:63.90243902439025% 67.92763157894737%}.tile-top-right{background-size:405.97014925373134% 1007.4626865671642%;background-position:97.07317073170731% 67.92763157894737%}.tile-bottom-left{background-size:405.97014925373134% 1007.4626865671642%;background-position:26.82926829268293% 80.42763157894737%}.tile-bottom-right{background-size:405.97014925373134% 1007.4626865671642%;background-position:60% 80.42763157894737%}@supports (corner-shape: squircle){.tile-top{background-size:212.5% 8437.5%;background-position:38.19444444444444% 88.9055472263868%}.tile-bottom{background-size:212.5% 8437.5%;background-position:38.19444444444444% 90.25487256371814%}.tile-left{background-size:3400% 527.34375%;background-position:34.46969696969697% .18281535648994515%}.tile-right{background-size:3400% 527.34375%;background-position:37.878787878787875% .18281535648994515%}.tile-top-left{background-size:265.3658536585366% 658.5365853658536%;background-position:64.30678466076697% .17467248908296942%}.tile-top-right{background-size:265.3658536585366% 658.5365853658536%;background-position:32.448377581120944% 22.707423580786028%}.tile-bottom-left{background-size:265.3658536585366% 658.5365853658536%;background-position:93.5103244837758% 22.707423580786028%}.tile-bottom-right{background-size:265.3658536585366% 658.5365853658536%;background-position:32.448377581120944% 40.78602620087336%}}.glass-scene[data-wave="01"]{--glass-wave:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%202200%201000'%20preserveAspectRatio='none'%20aria-hidden='true'%3e%3cdefs%3e%3clinearGradient%20id='wave-01-cyan'%3e%3cstop%20stop-color='%23c1f8ff'/%3e%3cstop%20offset='1'%20stop-color='%2320c9e9'/%3e%3c/linearGradient%3e%3clinearGradient%20id='wave-01-pink'%3e%3cstop%20stop-color='%23ffc1e2'/%3e%3cstop%20offset='1'%20stop-color='%23f029a1'/%3e%3c/linearGradient%3e%3clinearGradient%20id='wave-01-blue'%3e%3cstop%20stop-color='%2383d0ff'/%3e%3cstop%20offset='1'%20stop-color='%230872ed'/%3e%3c/linearGradient%3e%3clinearGradient%20id='wave-01-indigo'%3e%3cstop%20stop-color='%23bfc5ff'/%3e%3cstop%20offset='1'%20stop-color='%235865ce'/%3e%3c/linearGradient%3e%3clinearGradient%20id='wave-01-mint'%3e%3cstop%20stop-color='%23c2f5e3'/%3e%3cstop%20offset='1'%20stop-color='%2331b69d'/%3e%3c/linearGradient%3e%3clinearGradient%20id='wave-01-apricot'%3e%3cstop%20stop-color='%23ffe1b5'/%3e%3cstop%20offset='1'%20stop-color='%23ed8d4f'/%3e%3c/linearGradient%3e%3clinearGradient%20id='wave-01-lilac'%3e%3cstop%20stop-color='%23e9caff'/%3e%3cstop%20offset='1'%20stop-color='%239953d0'/%3e%3c/linearGradient%3e%3c/defs%3e%3cpath%20d='M0%20395C366.67%20725%20733.33%2027.5%201100%20382.5S1833.33%2047.5%202200%20390L2200%20610C1833.33%20252.5%201466.67%20962.5%201100%20617.5S366.67%20975%200%20605Z'%20fill='url(%23wave-01-cyan)'/%3e%3cpath%20d='M0%20435C366.67%20730%20733.33%2037.5%201100%20424.5S1833.33%2067.5%202200%20413L2200%20610C1833.33%20252.5%201466.67%20962.5%201100%20617.5S366.67%20975%200%20605Z'%20fill='url(%23wave-01-pink)'/%3e%3cpath%20d='M0%20529C366.67%20838%20733.33%20102.5%201100%20499.5S1833.33%20119.5%202200%20468L2200%20610C1833.33%20252.5%201466.67%20962.5%201100%20617.5S366.67%20975%200%20605Z'%20fill='url(%23wave-01-blue)'/%3e%3cpath%20d='M0%20537C366.67%20843%20733.33%20172.5%201100%20534.5S1833.33%20135.5%202200%20513L2200%20610C1833.33%20252.5%201466.67%20962.5%201100%20617.5S366.67%20975%200%20605Z'%20fill='url(%23wave-01-indigo)'/%3e%3cpath%20d='M0%20541C366.67%20888%20733.33%20180.5%201100%20544.5S1833.33%20181.5%202200%20517L2200%20610C1833.33%20252.5%201466.67%20962.5%201100%20617.5S366.67%20975%200%20605Z'%20fill='url(%23wave-01-mint)'/%3e%3cpath%20d='M0%20569C366.67%20928%20733.33%20186.5%201100%20560.5S1833.33%20199.5%202200%20557L2200%20610C1833.33%20252.5%201466.67%20962.5%201100%20617.5S366.67%20975%200%20605Z'%20fill='url(%23wave-01-apricot)'/%3e%3cpath%20d='M0%20577C366.67%20958%20733.33%20198.5%201100%20585.5S1833.33%20229.5%202200%20562L2200%20610C1833.33%20252.5%201466.67%20962.5%201100%20617.5S366.67%20975%200%20605Z'%20fill='url(%23wave-01-lilac)'/%3e%3c/svg%3e")}.glass-scene[data-wave="02"]{--glass-wave:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%202200%201000'%20preserveAspectRatio='none'%20aria-hidden='true'%3e%3cdefs%3e%3clinearGradient%20id='wave-02-apricot'%3e%3cstop%20stop-color='%23ffe1b5'/%3e%3cstop%20offset='1'%20stop-color='%23ed8d4f'/%3e%3c/linearGradient%3e%3clinearGradient%20id='wave-02-lilac'%3e%3cstop%20stop-color='%23e9caff'/%3e%3cstop%20offset='1'%20stop-color='%239953d0'/%3e%3c/linearGradient%3e%3clinearGradient%20id='wave-02-indigo'%3e%3cstop%20stop-color='%23bfc5ff'/%3e%3cstop%20offset='1'%20stop-color='%235865ce'/%3e%3c/linearGradient%3e%3clinearGradient%20id='wave-02-pink'%3e%3cstop%20stop-color='%23ffc1e2'/%3e%3cstop%20offset='1'%20stop-color='%23f029a1'/%3e%3c/linearGradient%3e%3clinearGradient%20id='wave-02-cyan'%3e%3cstop%20stop-color='%23c1f8ff'/%3e%3cstop%20offset='1'%20stop-color='%2320c9e9'/%3e%3c/linearGradient%3e%3clinearGradient%20id='wave-02-blue'%3e%3cstop%20stop-color='%2383d0ff'/%3e%3cstop%20offset='1'%20stop-color='%230872ed'/%3e%3c/linearGradient%3e%3clinearGradient%20id='wave-02-mint'%3e%3cstop%20stop-color='%23c2f5e3'/%3e%3cstop%20offset='1'%20stop-color='%2331b69d'/%3e%3c/linearGradient%3e%3c/defs%3e%3cpath%20d='M0%20370C366.67%2077.5%20733.33%20707.5%201100%20377.5S1833.33%20725%202200%20402.5L2200%20617.5C1833.33%20975%201466.67%20272.5%201100%20602.5S366.67%20282.5%200%20610Z'%20fill='url(%23wave-02-apricot)'/%3e%3cpath%20d='M0%20377C366.67%20122.5%20733.33%20715.5%201100%20387.5S1833.33%20760%202200%20412.5L2200%20617.5C1833.33%20975%201466.67%20272.5%201100%20602.5S366.67%20282.5%200%20610Z'%20fill='url(%23wave-02-lilac)'/%3e%3cpath%20d='M0%20432C366.67%20130.5%20733.33%20721.5%201100%20423.5S1833.33%20768%202200%20424.5L2200%20617.5C1833.33%20975%201466.67%20272.5%201100%20602.5S366.67%20282.5%200%20610Z'%20fill='url(%23wave-02-indigo)'/%3e%3cpath%20d='M0%20462C366.67%20134.5%20733.33%20765.5%201100%20447.5S1833.33%20778%202200%20459.5L2200%20617.5C1833.33%20975%201466.67%20272.5%201100%20602.5S366.67%20282.5%200%20610Z'%20fill='url(%23wave-02-pink)'/%3e%3cpath%20d='M0%20522C366.67%20186.5%20733.33%20875.5%201100%20521.5S1833.33%20884%202200%20549.5L2200%20617.5C1833.33%20975%201466.67%20272.5%201100%20602.5S366.67%20282.5%200%20610Z'%20fill='url(%23wave-02-cyan)'/%3e%3cpath%20d='M0%20540C366.67%20256.5%20733.33%20885.5%201100%20563.5S1833.33%20889%202200%20557.5L2200%20617.5C1833.33%20975%201466.67%20272.5%201100%20602.5S366.67%20282.5%200%20610Z'%20fill='url(%23wave-02-blue)'/%3e%3cpath%20d='M0%20585C366.67%20271.5%20733.33%20909.5%201100%20584.5S1833.33%20924%202200%20565.5L2200%20617.5C1833.33%20975%201466.67%20272.5%201100%20602.5S366.67%20282.5%200%20610Z'%20fill='url(%23wave-02-mint)'/%3e%3c/svg%3e")}.glass-scene[data-wave="03"]{--glass-wave:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%202200%201000'%20preserveAspectRatio='none'%20aria-hidden='true'%3e%3cdefs%3e%3clinearGradient%20id='wave-03-blue'%3e%3cstop%20stop-color='%2383d0ff'/%3e%3cstop%20offset='1'%20stop-color='%230872ed'/%3e%3c/linearGradient%3e%3clinearGradient%20id='wave-03-cyan'%3e%3cstop%20stop-color='%23c1f8ff'/%3e%3cstop%20offset='1'%20stop-color='%2320c9e9'/%3e%3c/linearGradient%3e%3clinearGradient%20id='wave-03-mint'%3e%3cstop%20stop-color='%23c2f5e3'/%3e%3cstop%20offset='1'%20stop-color='%2331b69d'/%3e%3c/linearGradient%3e%3clinearGradient%20id='wave-03-lilac'%3e%3cstop%20stop-color='%23e9caff'/%3e%3cstop%20offset='1'%20stop-color='%239953d0'/%3e%3c/linearGradient%3e%3clinearGradient%20id='wave-03-apricot'%3e%3cstop%20stop-color='%23ffe1b5'/%3e%3cstop%20offset='1'%20stop-color='%23ed8d4f'/%3e%3c/linearGradient%3e%3clinearGradient%20id='wave-03-pink'%3e%3cstop%20stop-color='%23ffc1e2'/%3e%3cstop%20offset='1'%20stop-color='%23f029a1'/%3e%3c/linearGradient%3e%3clinearGradient%20id='wave-03-indigo'%3e%3cstop%20stop-color='%23bfc5ff'/%3e%3cstop%20offset='1'%20stop-color='%235865ce'/%3e%3c/linearGradient%3e%3c/defs%3e%3cpath%20d='M0%20372.5C366.67%20-2.5%20733.33%20515%201100%20385S1833.33%20607.5%202200%20517.5L2200%20722.5C1833.33%20852.5%201466.67%20505%201100%20615S366.67%20242.5%200%20587.5Z'%20fill='url(%23wave-03-blue)'/%3e%3cpath%20d='M0%20380.5C366.67%2041.5%20733.33%20527%201100%20399S1833.33%20647.5%202200%20522.5L2200%20722.5C1833.33%20852.5%201466.67%20505%201100%20615S366.67%20242.5%200%20587.5Z'%20fill='url(%23wave-03-cyan)'/%3e%3cpath%20d='M0%20405.5C366.67%2049.5%20733.33%20575%201100%20431S1833.33%20654.5%202200%20562.5L2200%20722.5C1833.33%20852.5%201466.67%20505%201100%20615S366.67%20242.5%200%20587.5Z'%20fill='url(%23wave-03-mint)'/%3e%3cpath%20d='M0%20445.5C366.67%2053.5%20733.33%20595%201100%20471S1833.33%20662.5%202200%20572.5L2200%20722.5C1833.33%20852.5%201466.67%20505%201100%20615S366.67%20242.5%200%20587.5Z'%20fill='url(%23wave-03-lilac)'/%3e%3cpath%20d='M0%20450.5C366.67%2085.5%20733.33%20600%201100%20499S1833.33%20705.5%202200%20580.5L2200%20722.5C1833.33%20852.5%201466.67%20505%201100%20615S366.67%20242.5%200%20587.5Z'%20fill='url(%23wave-03-apricot)'/%3e%3cpath%20d='M0%20492.5C366.67%2092.5%20733.33%20655%201100%20527S1833.33%20717.5%202200%20600.5L2200%20722.5C1833.33%20852.5%201466.67%20505%201100%20615S366.67%20242.5%200%20587.5Z'%20fill='url(%23wave-03-pink)'/%3e%3cpath%20d='M0%20572.5C366.67%20197.5%20733.33%20700%201100%20587S1833.33%20822.5%202200%20680.5L2200%20722.5C1833.33%20852.5%201466.67%20505%201100%20615S366.67%20242.5%200%20587.5Z'%20fill='url(%23wave-03-indigo)'/%3e%3c/svg%3e")}[data-wave="01"] .glass-wave.left{background-size:3400% 100.29717682020802%;background-position:.3787878787878788% 50%}[data-wave="01"] .glass-wave.right{background-size:3400% 100.29717682020802%;background-position:3.787878787878788% 50%}[data-wave="02"] .glass-wave.left{background-size:3400% 100.29717682020802%;background-position:7.196969696969697% 50%}[data-wave="02"] .glass-wave.right{background-size:3400% 100.29717682020802%;background-position:10.606060606060606% 50%}[data-wave="03"] .glass-wave.left{background-size:3400% 100.29717682020802%;background-position:14.015151515151514% 50%}[data-wave="03"] .glass-wave.right{background-size:3400% 100.29717682020802%;background-position:17.424242424242426% 50%}.glass-anchor{container-type:inline-size}.glass-scene{--corner-extent: calc(var(--stage-radius) + var(--stage-rim) * 3);position:relative}.wave-boundary{position:absolute;left:50%;top:50%;width:min(100vw,2560px);height:100%;transform:translate(-50%,-50%);overflow:hidden;pointer-events:none;background:var(--glass-wave) center / 220cqw 100% no-repeat}.stage-glass{position:relative;z-index:1;padding:var(--stage-rim);border-radius:var(--stage-radius);corner-shape:inherit;overflow:hidden;background:linear-gradient(135deg,#fff3,#ffffff0a 75%,#ffffff29);box-shadow:3px -2px 8px #0000001a,10px -6px 32px -2px #0000001a}.glass-surface{position:relative;overflow:hidden;border-radius:calc(var(--stage-radius) - var(--stage-rim));corner-shape:inherit;background:hsl(var(--background))}.glass-optics{position:absolute;inset:0;padding:var(--stage-rim);border-radius:inherit;corner-shape:inherit;pointer-events:none;background:#fff;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.glass-tile{position:absolute;background-repeat:no-repeat}.glass-edge{top:var(--corner-extent);height:calc(100% - var(--corner-extent) * 2);width:var(--stage-rim)}.glass-edge.tile-top,.glass-edge.tile-bottom{left:var(--corner-extent);width:calc(100% - var(--corner-extent) * 2);height:var(--stage-rim)}.glass-edge.tile-bottom{top:auto;bottom:0}.glass-wave{top:0;height:100%;width:var(--stage-rim)}.glass-corner{width:var(--corner-extent);height:var(--corner-extent)}.tile-top,.tile-top-left,.tile-top-right{top:0}.tile-bottom-left,.tile-bottom-right{bottom:0}.tile-left,.tile-top-left,.tile-bottom-left,.glass-wave.left{left:0}.tile-right,.tile-top-right,.tile-bottom-right,.glass-wave.right{right:0}@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;overflow-x:clip}.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}.homepage-scroll-hint{pointer-events:none;position:absolute;left:50%;z-index:1;width:1.5rem;height:1.5rem;color:#fffc;top:calc(min(100%,100dvh) - max(24px,env(safe-area-inset-bottom,0px)));transform:translate(-50%,-100%);opacity:0;animation:homepage-scroll-hint-fade 5s ease-out both}.homepage-scroll-hint>svg{display:block;animation:homepage-scroll-hint-float 2.4s ease-in-out 2 both}@media (prefers-reduced-motion: reduce){.homepage-scroll-hint>svg{animation:none}}@keyframes homepage-scroll-hint-fade{0%,to{opacity:0}4%,96%{opacity:1}}@keyframes homepage-scroll-hint-float{0%,to{transform:translateY(-6px)}50%{transform:translateY(0)}}.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>.glass-anchor{margin-top:4rem}@media (min-width: 640px){.homepage-demo>.glass-anchor{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{height:auto}.homepage-video-stage>.dots-loader{align-items:center}.homepage-video-stage>.dots-loader{inset:var(--stage-rim)}.homepage-video-stage[data-ready]>video{visibility:visible}.homepage-video-stage[data-ready]>.dots-loader{display:none}.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}}