@import "https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;600;700;800&family=Noto+Sans+KR:wght@400;500;600;700&display=swap";:root{color:#253c33;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--green:#285741;--muted:#778178;--line:#e2e8df;--lime:#dcefaa;background:#f6f8f4;font-family:Noto Sans JP,system-ui,sans-serif}.public-demo-intro{background:#fff9;border:1px solid #dce5d3;border-radius:13px;padding:23px 25px}.public-demo-intro .input-label{color:#54783c;align-items:center;gap:7px;display:flex}.public-demo-intro>p:not(.input-hint){color:#727f68;font-size:12px;line-height:1.9}.public-demo-intro .primary-button{margin-top:16px}.service-connection{color:#8a7857;align-items:flex-start;gap:7px;margin-top:12px;font-size:10px;line-height:1.8;display:flex}.service-connection.ready{color:#4b7540}.service-connection>svg{flex-shrink:0;margin-top:2px}.service-connection>.text-button{white-space:nowrap;margin-left:auto;padding:0;font-size:10px}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button:disabled{cursor:wait;opacity:.65}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline-offset:4px;outline:3px solid #92b55e}a{color:inherit;text-decoration:none}button svg{flex-shrink:0}button{transition:background .18s,transform .18s}p,h1,h2,h3{margin:0}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.site-header{border-bottom:1px solid var(--line);background:#f9faf7;height:88px}.header-inner{align-items:center;gap:25px;max-width:1264px;height:100%;margin:auto;padding:0 40px;display:flex}.brand{letter-spacing:-1.6px;align-items:center;gap:11px;font-size:33px;font-weight:800;display:flex}.brand-symbol{background:var(--green);width:37px;height:37px;color:var(--lime);letter-spacing:-1px;border-radius:13px;place-items:center;font-family:Noto Sans KR,sans-serif;font-size:25px;font-weight:500;line-height:1;display:grid}.brand-dot{color:#8caa60}.brand-tagline{letter-spacing:.05em;color:#798277;border-left:1px solid #d9dfd4;padding-left:25px;font-size:11px}.site-header nav{align-items:center;gap:27px;margin-left:auto;display:flex}.nav-button,.icon-button,.text-button{background:0 0;border:0;justify-content:center;align-items:center;gap:8px;display:inline-flex}.nav-button{font-size:12px;font-weight:500}.icon-button{border:1px solid var(--line);background:#fff8;border-radius:50%;width:38px;height:38px}.icon-button:hover,.nav-button:hover{background:#edf2e7}.text-button{color:var(--green);padding:8px;font-size:12px;font-weight:600}.text-button:hover{background:#e9efdf;border-radius:8px}main{max-width:1264px;margin:auto;padding:0 40px}.hero{border-bottom:1px solid var(--line);grid-template-columns:1fr 1.12fr;align-items:center;gap:64px;padding:58px 0 49px;display:grid}.eyebrow{letter-spacing:.18em;align-items:center;gap:8px;margin-bottom:18px;font-size:10px;font-weight:700;display:flex}.tiny-dot{background:#80a262;border-radius:50%;flex-shrink:0;width:6px;height:6px;display:inline-block}h1{letter-spacing:.025em;white-space:nowrap;font-size:clamp(27px,2.8vw,39px);font-weight:700;line-height:1.65;position:relative}h1>span:not(.hero-spark){color:var(--green)}.hero-spark{color:#afc57c;vertical-align:middle;margin-left:10px;font-size:45px;line-height:1;display:inline-block;transform:rotate(7deg)}.hero-copy>p{color:#717b70;letter-spacing:.025em;margin-top:15px;font-size:12px;line-height:2}.mobile-break{display:none}.hero-action{padding-top:13px}.input-label{margin-bottom:12px;font-size:12px;font-weight:600;display:block}.url-input-wrap{background:#fff;border:1px solid #d9e1d3;border-radius:12px;align-items:center;gap:10px;padding:7px;display:flex;box-shadow:0 4px 15px #2d402207}.url-input-wrap>svg{color:#8a9688;flex-shrink:0;margin-left:9px}.url-input-wrap input{color:#294535;background:0 0;border:0;outline:0;flex:1;min-width:0;padding:10px 0;font-size:12px}.url-input-wrap input::placeholder{color:#969e91}.url-input-wrap:focus-within{border-color:#86a76f;box-shadow:0 0 0 3px #dce8cf80}.primary-button{background:var(--green);color:#fff;white-space:nowrap;border:0;border-radius:8px;justify-content:center;align-items:center;gap:11px;padding:14px 18px;font-size:12px;font-weight:500;display:flex}.primary-button:hover{background:#1c4130}.input-hint,.field-error{color:#899182;margin-top:10px;font-size:10px;line-height:1.8}.field-error{color:#a74432}.invalid{border-color:#bd6553}.hero-features{color:#768370;gap:20px;margin-top:22px;display:flex}.hero-features>span{align-items:center;gap:6px;font-size:10px;display:flex}.hero-features svg{color:#8b9a7c}.help-panel{background:#eaf0e2;border-radius:12px;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:22px;padding:24px;font-size:12px;display:grid}.help-panel p{margin-top:7px;font-size:11px;line-height:1.9}.section-heading{justify-content:space-between;align-items:center;margin:31px 0 21px;display:flex}.section-kicker{letter-spacing:.16em;color:#89957e;margin-bottom:7px;font-size:9px;font-weight:700;display:block}.section-heading h2{letter-spacing:.06em;font-size:20px;font-weight:600}.sample-label{color:#768268;align-items:center;gap:7px;font-size:11px;display:flex}.workspace{grid-template-columns:1.09fr 1fr;align-items:start;gap:26px;display:grid}.video-column{min-width:0}.player-shell{aspect-ratio:16/9;background:#202c23;border-radius:13px;width:100%;min-height:200px;position:relative;overflow:hidden}.youtube-mount,.youtube-mount iframe{border:0;width:100%;height:100%;display:block}.player-error{z-index:3;color:#f0f5ed;text-align:center;background:#1c302bf5;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:30px;font-size:13px;line-height:1.9;display:flex;position:absolute;inset:0}.player-error .text-button{color:#e2edca}.demo-player{isolation:isolate;background:#dcdac8;height:100%;position:relative;overflow:hidden}.demo-topline{z-index:2;color:#fcfff4;letter-spacing:.12em;justify-content:space-between;align-items:center;font-size:7px;display:flex;position:absolute;top:17px;left:19px;right:19px}.demo-topline>span:first-child{letter-spacing:.04em;background:#31473d85;border:1px solid #ffffff3b;border-radius:4px;align-items:center;gap:5px;padding:5px 8px;font-size:8px;display:flex}.live-dot{background:#d2e7a9;border-radius:50%;width:4px;height:4px}.cafe-scene{z-index:-2;background:linear-gradient(100deg,#c6cbb8,#e0dfcd 57%,#989d80);position:absolute;inset:0}.window-frame{background:#5e6b55;border:10px solid #758066;grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr;gap:9px;width:54%;height:79%;display:grid;position:absolute;top:-7%;left:8%;transform:skewY(-4deg);box-shadow:12px 5px 30px #25351f38}.window-frame>div{background:linear-gradient(145deg,#a7b5a0,#dfdfbc 80%);position:relative;overflow:hidden}.window-frame>div:after{content:"";background:#84977b50;border-radius:50%;width:130%;height:60%;position:absolute;bottom:-20%;left:-10%;box-shadow:10px -35px 25px #899e7950}.sunlight{background:linear-gradient(90deg,#0000,#fffbe133,#0000);width:80%;height:220%;position:absolute;top:-50%;left:10%;transform:rotate(35deg)}.table-top{background:linear-gradient(7deg,#4b5643,#9ba086 80%);border-top:5px solid #aeb095;width:120%;height:50%;position:absolute;bottom:-22%;left:-10%;transform:rotate(-5deg);box-shadow:0 -20px 80px #273e2420}.cup{z-index:1;background:linear-gradient(90deg,#ccbea3,#eee4c7 40%,#c3b894);border-radius:10% 10% 43% 43%;width:14%;height:23%;position:absolute;bottom:13%;right:20%;box-shadow:12px 10px 18px #25322233}.cup:after{content:"";border:6px solid #d8ceb1;border-left:0;border-radius:0 50% 50% 0;width:37%;height:48%;position:absolute;top:12%;right:-34%}.coffee-surface{background:radial-gradient(#e7cb96 7%,#af8353 14%,#c8a36c 30%,#987148 65%,#e0d6b8 70%);border:2px solid #d9d0b5;border-radius:50%;height:22%;position:absolute;top:-6%;left:3%;right:3%}.cup>i{filter:blur(2px);border-left:2px solid #fffbe180;border-radius:50%;width:10%;height:55%;position:absolute;bottom:120%;left:27%;transform:rotate(8deg)}.cup>i:nth-child(2){height:70%;bottom:112%;left:50%;transform:rotate(-13deg)}.cup>i:nth-child(3){height:40%;left:70%}.saucer{background:#cfc6a7;border-radius:50%;width:22%;height:9%;position:absolute;bottom:10%;right:16%;box-shadow:5px 10px 15px #25322245}.book{background:#c9ccb5;border-bottom:5px solid #ece8d8;border-right:6px solid #b1b599;justify-content:center;align-items:center;width:27%;height:20%;display:flex;position:absolute;bottom:8%;left:21%;transform:rotate(-12deg)skew(14deg);box-shadow:10px 12px 20px #24361a42}.book span{letter-spacing:.25em;color:#667052;font-family:Noto Sans KR,sans-serif;font-size:9px;line-height:1.9}.plant{width:21%;height:70%;position:absolute;bottom:20%;right:3%;transform:rotate(4deg)}.plant>span{background:#596947;width:5%;height:85%;position:absolute;bottom:0;left:48%;transform:rotate(-6deg)}.plant>i{background:linear-gradient(30deg,#4e6243,#7b8d62);border-radius:5% 90% 0;width:45%;height:28%;position:absolute;top:15%;left:6%;transform:rotate(10deg);box-shadow:2px 2px 7px #20351820}.plant>i:nth-child(2){top:28%;left:47%;transform:rotate(90deg)}.plant>i:nth-child(3){top:47%;left:2%;transform:rotate(-5deg)}.plant>i:nth-child(4){top:63%;left:45%;transform:rotate(100deg)}.demo-player:after{content:"";z-index:-1;background:linear-gradient(#26372b1a,#0000 58%,#172a25a8);position:absolute;inset:0}.demo-title{color:#fffef1;text-shadow:0 2px 15px #26362366;position:absolute;top:28%;left:8%}.demo-title>span:first-child{letter-spacing:.22em;margin-bottom:7px;font-size:7px;display:block}.demo-title strong{letter-spacing:.04em;margin-bottom:7px;font-family:Noto Sans KR,sans-serif;font-size:clamp(22px,2.6vw,35px);font-weight:500;display:block}.demo-title>span:last-child{letter-spacing:.12em;color:#f5f4e5;font-size:9px}.demo-play-button{color:#fff;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#fcfff52e;border:1px solid #ffffff90;border-radius:50%;place-items:center;width:52px;height:52px;display:grid;position:absolute;top:47%;left:47%;transform:translate(-50%,-10%);box-shadow:0 4px 25px #233d2314}.demo-play-button:hover{background:#fcfff55e}.demo-play-button svg{margin-left:2px}.demo-player-controls{color:#f2f4e8;justify-content:space-between;font-size:9px;display:flex;position:absolute;bottom:15px;left:18px;right:18px}.demo-player-controls>span{align-items:center;gap:7px;display:flex}.demo-timeline{background:#e8f3d338;height:3px;position:absolute;bottom:0;left:0;right:0}.demo-timeline>div{background:#dcefaa;height:100%;transition:width .1s linear}.video-info{padding:19px 3px 20px}.video-labels{align-items:center;gap:12px;margin-bottom:10px;display:flex}.video-category{letter-spacing:.12em;color:#829076;font-size:9px;font-weight:700}.source-badge{color:#77866f;border:1px solid #e0e6d9;border-radius:4px;align-items:center;gap:5px;padding:3px 6px;font-size:9px;display:flex}.source-badge .tiny-dot{width:4px;height:4px}.video-info h3{font-size:17px;font-weight:600;line-height:1.6}.video-info>p{color:#85907e;margin-top:7px;font-size:10px;line-height:1.8}.learning-tip{background:#ecf1e5;border:1px solid #e4eadc;border-radius:11px;align-items:center;gap:14px;padding:21px 22px;display:flex}.tip-icon{color:#6b815a;background:#f9fbf4;border:1px solid #dfe6d3;border-radius:50%;flex-shrink:0;place-items:center;width:42px;height:42px;display:grid}.learning-tip strong{font-size:11px;font-weight:600}.learning-tip p{color:#7b8672;margin-top:5px;font-size:10px;line-height:1.9}.learning-tip>svg{color:#8d9e78;margin-left:auto}.transcript-column{background:#fff;border:1px solid #e0e6db;border-radius:13px;overflow:hidden;box-shadow:0 3px 15px #2c402104}.study-controls{border-bottom:1px solid #edf0e8;justify-content:space-between;align-items:center;gap:12px;padding:16px 18px;display:flex}.language-controls{gap:8px;display:flex}.language-button{color:#92998a;background:#f5f6f2;border:1px solid #e2e7da;border-radius:7px;align-items:center;gap:8px;padding:8px 10px;font-size:10px;display:flex}.language-button>span{font-size:13px;font-weight:500}.language-button.selected{color:#355c41;background:#f0f5e9;border-color:#dce6cf}.language-button:hover{background:#e7efdb}.speed-control{color:#7b8772;border-left:1px solid #e7ecdf;align-items:center;gap:3px;padding-left:12px;display:flex}.speed-control select{color:#5d7054;cursor:pointer;background:0 0;border:0;padding:7px 0 7px 3px;font-size:11px}.subtitle-heading{justify-content:space-between;align-items:center;gap:8px;padding:17px 20px 12px;display:flex}.subtitle-heading h3{font-size:11px;font-weight:600}.subtitle-heading h3 span{color:#98a08f;margin-left:7px;font-size:9px;font-weight:400}.follow-button{color:#758265;background:0 0;border:0;border-radius:5px;align-items:center;gap:5px;padding:5px;font-size:9px;display:flex}.follow-button:hover{background:#eef3e7}.follow-button:not(.following){color:#4a6731;background:#e6efd6}.subtitle-scroll{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#d8e0ce transparent;height:374px;padding:0 10px 12px;overflow-y:auto}.subtitle-list{margin:0;padding:0;list-style:none}.subtitle-row{text-align:left;background:0 0;border:1px solid #0000;border-bottom-color:#eff2eb;border-radius:0;align-items:flex-start;gap:16px;width:100%;padding:18px 13px;display:flex;position:relative}.subtitle-row:hover{background:#f6f9f1;border-radius:7px}.subtitle-row.active{background:#edf4e3;border:1px solid #e0eacb;border-radius:9px}.subtitle-row.active:before{content:"";background:#739b4e;border-radius:0 3px 3px 0;width:3px;position:absolute;top:17px;bottom:17px;left:-1px}.subtitle-time{color:#9aa38c;letter-spacing:.01em;font-variant-numeric:tabular-nums;flex-shrink:0;min-width:33px;padding-top:5px;font-size:9px;position:relative}.subtitle-row.active .subtitle-time{color:#698847}.playing-bars{display:none}.subtitle-text{flex-direction:column;gap:6px;min-width:0;display:flex}.korean{color:#384c36;overflow-wrap:anywhere;font-family:Noto Sans KR,sans-serif;font-size:15px;font-weight:500;line-height:1.8}.japanese{color:#89917e;overflow-wrap:anywhere;font-size:11px;line-height:1.9}.subtitle-row.active .korean{color:#33512c}.subtitle-row.active .japanese{color:#7b8968}.hidden-subtitle{color:#9eab8c;font-size:20px}.subtitle-footer{text-align:center;color:#93a083;border-top:1px solid #e9eee1;justify-content:center;align-items:center;gap:7px;padding:13px 6px;font-size:9px;display:flex}.subtitle-footer .tiny-dot{background:#9cae83;width:4px;height:4px}.listening-notice{color:#76846a;background:#f4f6ee;padding:7px 20px;font-size:10px;line-height:1.7}.bottom-note{color:#94a184;justify-content:center;align-items:center;gap:14px;padding:36px 0 33px;display:flex}.bottom-note>span:first-child{color:#6e8658;font-family:Noto Sans KR,sans-serif;font-size:13px;font-weight:500}.bottom-note>span:nth-child(2){letter-spacing:.035em;font-size:10px}.bottom-note>svg{color:#97ab7e;margin-left:1px}.site-footer{border-top:1px solid var(--line);color:#a3ac98;justify-content:space-between;align-items:center;max-width:1184px;margin:auto;padding:20px 0 23px;font-size:9px;display:flex}.site-footer>span:first-child{letter-spacing:-.03em;color:#8f9d80;font-size:16px;font-weight:700}.site-footer>span:first-child>span{letter-spacing:.1em;color:#a6af9b;margin-left:15px;font-size:8px;font-weight:500}.error-banner{color:#a05b41;background:#fff3ed;border:1px solid #ead8cb;border-radius:10px;align-items:center;gap:13px;margin-top:24px;padding:18px 22px;display:flex}.error-banner strong{font-size:12px}.error-banner p{margin-top:5px;font-size:11px;line-height:1.8}.error-banner>svg{flex-shrink:0}.error-banner>.text-button{margin-left:auto}.job-progress{background:#f0f5e9;border:1px solid #dce7ce;border-radius:12px;margin-top:24px;padding:22px}.progress-heading{align-items:center;gap:10px;font-size:12px;display:flex}.progress-heading>span{margin-left:auto;font-size:11px}.progress-track{background:#dce5cf;border-radius:5px;height:5px;margin-top:17px;overflow:hidden}.progress-track>div{background:#718f50;height:100%;transition:width .4s}.progress-stages{color:#a1ac95;gap:24px;margin:14px 0 0;padding:0;font-size:10px;list-style:none;display:flex}.progress-stages li{align-items:center;gap:4px;display:flex}.progress-stages li.reached{color:#55763a}.stage-dot{background:currentColor;border-radius:50%;width:5px;height:5px}.job-progress>p{color:#8b977c;margin-top:12px;font-size:10px}.spin{animation:1.2s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.modal-backdrop{z-index:50;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#21332866;place-items:center;padding:22px;display:grid;position:fixed;inset:0}.settings-dialog{color:#354831;background:#fafbf7;border:1px solid #e0e6d9;border-radius:18px;width:100%;max-width:450px;margin:0;padding:28px;position:relative;box-shadow:0 25px 90px #1e30233b}.dialog-heading{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.dialog-heading h2{font-size:19px}.settings-dialog>p{color:#7f8975;font-size:12px;line-height:1.9}.settings-dialog form{margin-top:23px}.settings-dialog label{margin-bottom:8px;font-size:11px;display:block}.settings-dialog input{background:#fff;border:1px solid #dce4d1;border-radius:7px;width:100%;padding:11px}.settings-note{color:#8d9783;margin:10px 0 18px;font-size:10px;line-height:1.8}.api-address{color:#8c9680;border-top:1px solid #e4e9db;margin-top:22px;padding-top:17px;font-size:10px}.api-address code{overflow-wrap:anywhere;margin-top:6px;display:block}@media (width>=1440px){.hero{padding-top:65px;padding-bottom:54px}.subtitle-scroll{height:392px}}@media (width<=1100px){.hero{grid-template-columns:1fr 1.08fr;gap:32px}h1{font-size:29px}.hero-spark{margin-left:4px;font-size:30px}.hero-features{gap:11px}.hero-features>span{font-size:9px}.url-input-wrap{gap:7px}.primary-button{padding:13px 12px;font-size:11px}.url-input-wrap input{font-size:10px}.workspace{gap:20px}.study-controls{padding:13px 12px}.language-button{gap:5px;padding:7px 8px}.subtitle-heading{padding:13px 15px}.subtitle-row{gap:11px;padding:15px 10px}.korean{font-size:14px}.subtitle-scroll{height:345px}.learning-tip{padding:15px}.site-footer{margin:0 40px}.demo-topline>span:last-child{font-size:6px}}@media (width<=800px){.header-inner{padding:0 24px}.site-header{height:74px}.brand-tagline{padding-left:17px;font-size:9px}.header-inner{gap:17px}main{padding:0 24px}.hero{grid-template-columns:1fr;gap:26px;padding:34px 0 29px}.hero-copy{max-width:none}h1{font-size:34px;line-height:1.5}.hero-copy>p{margin-top:11px}.hero-action{padding-top:0}.hero-features{gap:22px;margin-top:14px}.hero-features>span{font-size:10px}.url-input-wrap input{font-size:12px}.primary-button{padding:13px 17px;font-size:12px}.hero-spark{margin-left:10px;font-size:37px}.eyebrow{margin-bottom:12px;font-size:9px}.workspace{grid-template-columns:1fr;gap:0}.video-column{z-index:10;background:#f6f8f4;padding:10px 0 0;position:sticky;top:0}.player-shell{aspect-ratio:16/9;max-height:42dvh}.video-info{padding:12px 2px 14px}.video-labels{margin-bottom:6px}.video-info h3{font-size:15px}.video-info>p,.learning-tip{display:none}.transcript-column{margin-top:2px}.subtitle-scroll{height:46dvh;min-height:230px;max-height:550px}.study-controls{padding:13px 16px}.language-button{gap:8px;padding:8px 12px;font-size:11px}.subtitle-heading{padding:14px 18px 8px}.subtitle-heading h3{font-size:12px}.follow-button{font-size:10px}.subtitle-row{gap:18px;padding:17px 13px}.korean{font-size:16px}.japanese{font-size:12px}.subtitle-time{min-width:35px;font-size:10px}.subtitle-footer{font-size:10px}.demo-title strong{font-size:clamp(25px,5.4vw,39px)}.demo-title>span:first-child{font-size:8px}.demo-title>span:last-child{font-size:10px}.demo-topline>span:last-child{font-size:7px}.demo-play-button{width:55px;height:55px}.site-footer{margin:0 24px}.section-heading{margin-top:25px;margin-bottom:8px}.sample-label{font-size:10px}.help-panel{grid-template-columns:1fr;gap:18px}.bottom-note{padding:27px 0}.desktop-break{display:none}.error-banner{padding:16px}.job-progress{padding:18px}.progress-stages{gap:16px}.job-progress>p{line-height:1.9}.settings-dialog{max-height:90dvh;overflow:auto}}@media (width<=480px){.header-inner{padding:0 18px}.site-header{height:67px}.brand{gap:8px;font-size:29px}.brand-symbol{border-radius:11px;width:32px;height:32px;font-size:22px}.brand-tagline{display:none}.site-header nav{gap:18px}.nav-button{font-size:11px}main{padding:0 18px}.hero{gap:23px;padding-top:28px}h1{letter-spacing:0;font-size:clamp(24px,6.7vw,31px)}.hero-spark{margin-left:4px;font-size:31px}.hero-copy>p{font-size:11px}.mobile-break{display:block}.input-label{font-size:11px}.url-input-wrap{gap:6px;padding:5px}.url-input-wrap>svg{width:15px;margin-left:6px}.url-input-wrap input{font-size:10px}.primary-button{gap:6px;padding:13px 11px;font-size:11px}.primary-button svg{width:15px}.input-hint{font-size:9px}.hero-features{justify-content:space-between;gap:14px}.hero-features>span{gap:4px;font-size:8px}.hero-features svg{width:12px}.section-heading h2{font-size:18px}.section-kicker{font-size:8px}.sample-label{gap:4px;font-size:9px}.sample-label svg{width:12px}.video-info h3{font-size:14px}.video-category,.source-badge{font-size:8px}.player-shell{border-radius:10px;min-height:200px}.demo-topline{top:12px;left:12px;right:12px}.demo-topline>span:last-child{letter-spacing:.08em;font-size:5px}.demo-title{top:29%;left:7%}.demo-title strong{font-size:27px}.demo-title>span:first-child{font-size:6px}.demo-title>span:last-child{font-size:8px}.demo-play-button{width:44px;height:44px;top:52%;left:52%}.demo-play-button svg{width:18px}.demo-player-controls{font-size:8px;bottom:12px;left:12px;right:12px}.study-controls{padding:12px}.language-button{gap:6px;padding:7px 9px;font-size:10px}.speed-control{padding-left:8px}.subtitle-heading{padding:12px 14px 8px}.subtitle-heading h3{font-size:10px}.follow-button{font-size:9px}.subtitle-row{gap:13px;padding:15px 10px}.korean{font-size:15px}.japanese{font-size:11px}.subtitle-scroll{padding:0 7px 10px}.subtitle-footer{font-size:9px}.subtitle-time{min-width:32px;font-size:9px}.bottom-note{gap:10px}.bottom-note>span:first-child{font-size:11px}.bottom-note>span:nth-child(2){font-size:9px}.site-footer{margin:0 18px;padding:17px 0}.site-footer>span:last-child{font-size:8px}.site-footer>span:first-child>span{display:none}.progress-heading{font-size:10px}.progress-stages{gap:12px;font-size:9px}.job-progress>p{font-size:9px}.error-banner{align-items:flex-start;gap:9px}.error-banner strong{font-size:11px}.error-banner p{font-size:10px}.error-banner>.text-button{white-space:nowrap;padding:0;font-size:10px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}