:root{--paper:#f2f3f4;--ink:#1d2126;--ink-2:#4f5861;--rule:#d5d9dd;--asphalt:#1c232d;--asphalt-2:#151b23;--on-asphalt:#e6e4e4;--on-asphalt-2:#b9bec4;--blue:#0b6dda;--blue-ink:#0a5bb8;--wrap:1160px;--pad:clamp(16px,4.5vw,40px);--font:"Pretendard Variable",Pretendard,-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Noto Sans KR","Malgun Gothic","Segoe UI",system-ui,sans-serif;color-scheme:light}*,:after,:before{box-sizing:border-box}html{text-size-adjust:100%;scroll-padding-top:76px}@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}body{margin:0;min-height:100vh;display:flex;flex-direction:column;background:var(--paper);color:var(--ink);font:400 1.0625rem/1.7 var(--font);word-break:keep-all;overflow-wrap:break-word;-webkit-font-smoothing:antialiased}html[lang=en] body,html[lang=ja] body,html[lang=zh] body{word-break:normal}img,video{display:block;max-width:100%;height:auto}figure{margin:0}a{color:inherit;text-underline-offset:4px}a:hover{color:var(--blue-ink)}h1,h2,h3{margin:0;font-weight:800;letter-spacing:-.02em;text-wrap:balance}p{margin:0}:focus-visible{outline:3px solid var(--blue);outline-offset:3px;border-radius:4px}.line{display:block}.wrap{width:min(100%,var(--wrap));margin-inline:auto;padding-inline:var(--pad)}#main{flex:1 0 auto}.skip{position:absolute;left:12px;top:-80px;z-index:50;padding:12px 18px;border-radius:8px;background:var(--ink);color:var(--paper);font-weight:700;text-decoration:none}.skip:focus{top:12px}.masthead{position:sticky;top:0;z-index:30;background:rgba(242,243,244,.94);border-bottom:1px solid var(--rule);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.masthead-row{display:flex;align-items:center;gap:12px;min-height:60px}.brand{display:inline-flex;align-items:center;gap:10px;min-height:44px;margin-right:auto;text-decoration:none}.brand:hover{color:inherit}.logo{flex:none;display:block;border-radius:9px}.brand-text{display:grid;line-height:1.2}.brand-text strong{font-size:1rem;letter-spacing:-.01em}.brand-text small{font-size:.75rem;color:var(--ink-2)}.site-nav ul{display:flex;gap:4px;margin:0;padding:0;list-style:none}.language,.site-nav a{display:inline-flex;align-items:center;min-height:44px;padding:0 12px;border-radius:8px;color:var(--ink-2);font-size:.94rem;font-weight:600;text-decoration:none}.language:hover,.site-nav a:hover{color:var(--ink);background:rgba(29,33,38,.06)}.language{color:var(--ink);font-weight:700}.language-menu{position:relative}.language-menu summary{cursor:pointer;list-style:none}.language-menu summary::-webkit-details-marker{display:none}.language-menu summary:after{content:"▾";margin-left:6px;font-size:.72em}.language-menu nav{position:absolute;right:0;top:100%;z-index:31;min-width:140px;background:#fff;border:1px solid var(--rule);border-radius:8px;box-shadow:0 8px 24px #0002}.language-menu ul{list-style:none;padding:4px;margin:0}.language-menu a{display:flex;align-items:center;min-height:44px;padding:0 12px;border-radius:6px;text-decoration:none}.language-menu a:hover,.language-menu a[aria-current=page]{background:#e8eef1}.intro{padding-block:clamp(24px,3.2vw,40px) clamp(48px,7vw,88px)}.intro-head{display:grid;gap:14px}.intro h1{font-size:clamp(1.75rem,1.15rem + 2.4vw,2.85rem);line-height:1.25}.lead{font-size:1.0625rem}.lead,.status{max-width:38rem}.status{margin-top:10px;color:var(--ink-2);font-size:.94rem}.clip{margin-top:clamp(20px,2.4vw,28px)}.player{position:relative}.player video{width:100%;aspect-ratio:16/9;object-fit:contain;background:var(--asphalt-2);border-radius:clamp(8px,1.2vw,14px)}.player-start{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);min-height:48px;padding:10px 18px;border:1px solid #fff;border-radius:6px;background:#242830;color:#fff;font:inherit;font-weight:600;white-space:nowrap;cursor:pointer}.player-start:hover{background:#383e48}.player[data-state=error] video{opacity:.55}.player-error{margin-top:12px;padding:12px 14px;border-radius:8px;background:#e3e6e9;font-size:.94rem}.clip figcaption{max-width:46rem;margin-top:12px;color:var(--ink-2);font-size:.9rem;line-height:1.6}.scenes{margin-top:clamp(28px,4vw,44px)}.scenes h2{font-size:1rem;letter-spacing:-.01em}.scenes ol{position:relative;display:grid;gap:18px;margin:14px 0 0;padding:0 0 0 22px;list-style:none}.scenes ol:before{content:"";position:absolute;left:4px;top:8px;bottom:8px;width:2px;background:var(--blue)}.scenes li{position:relative;display:grid;gap:2px}.scenes li:before{content:"";position:absolute;left:-22px;top:7px;width:10px;height:10px;border-radius:50%;background:var(--paper);border:2px solid var(--blue)}.scenes strong{font-size:.98rem}.scenes time{margin-right:6px;color:var(--blue-ink);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.scenes span{color:var(--ink-2);font-size:.94rem;line-height:1.6}.band{padding-block:clamp(48px,7vw,80px);border-top:1px solid var(--rule)}.split{display:grid;gap:20px}.band h2{font-size:clamp(1.4rem,1.1rem + 1vw,1.85rem);line-height:1.3}.band h3{font-size:1.0625rem;letter-spacing:-.01em}.note{margin-top:8px;color:var(--ink-2);font-size:.92rem;line-height:1.6}.how-body{display:grid;gap:32px}.steps{display:grid;gap:22px;margin:0;padding:0;list-style:none}.steps p{margin-top:4px;max-width:36rem}.shot{max-width:820px}.shot img{border-radius:10px;background:var(--asphalt-2)}.shot figcaption{margin-top:10px;color:var(--ink-2);font-size:.9rem}.mode,.modes{display:grid}.mode{gap:4px;padding-block:18px;border-top:1px solid var(--rule)}.mode:first-child{border-top:0;padding-top:0}.channels,.mode p:not(.note),.split>div>p:first-child{max-width:40rem}.channels{margin:18px 0 0;padding:0;list-style:none;border-top:1px solid var(--rule)}.channels li{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 16px;padding-block:12px;border-bottom:1px solid var(--rule)}.channel-name{font-weight:700}.channel-state{color:var(--ink-2)}a.channel-state{color:var(--blue-ink);font-weight:700}.faq{max-width:44rem;border-bottom:1px solid var(--rule)}.faq details{border-top:1px solid var(--rule)}.faq details:first-child{border-top:0}.faq summary{display:flex;justify-content:space-between;gap:16px;align-items:baseline;min-height:44px;padding-block:14px;font-weight:700;cursor:pointer;list-style:none}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";flex:none;color:var(--ink-2);font-weight:400;font-size:1.25rem;line-height:1}.faq details[open] summary:after{content:"−"}.faq details p{padding-bottom:18px;color:var(--ink-2);max-width:40rem}.site-footer{background:var(--asphalt)}.site-footer,.site-footer a{color:var(--on-asphalt)}.site-footer a:hover{color:#ffffff}.site-footer :focus-visible{outline-color:#8cc4ff}.safety{padding-block:32px 8px;max-width:46rem;font-weight:700}.footer-row{flex-wrap:wrap;justify-content:space-between;gap:16px 32px;padding-block:20px 36px}.footer-brand,.footer-row{display:flex;align-items:center}.footer-brand{gap:12px}.footer-brand p{color:var(--on-asphalt-2);font-size:.9rem}.footer-brand .footer-name{color:var(--on-asphalt);font-weight:700;font-size:.98rem}.footer-name span{margin-left:6px;font-size:.85rem;font-weight:400;color:var(--on-asphalt-2)}.site-footer ul{display:flex;flex-wrap:wrap;gap:4px 8px;margin:0;padding:0;list-style:none}.site-footer nav a{display:inline-flex;align-items:center;min-height:44px;padding:0 10px;font-size:.92rem;text-decoration:none;border-radius:6px}.site-footer nav a:hover{text-decoration:underline}.kicker{margin-bottom:14px;color:var(--ink-2);font-size:.9rem;font-weight:700}.text-link{display:inline-flex;align-items:center;min-height:44px;font-weight:700;text-decoration:underline;text-decoration-color:rgba(29,33,38,.35)}.text-link:hover{text-decoration-color:currentColor}.prose{max-width:800px;padding-block:clamp(40px,6vw,80px) clamp(56px,8vw,104px)}.prose h1{font-size:clamp(1.85rem,4.5vw,2.6rem);line-height:1.25}.prose-lead{margin-top:16px;color:var(--ink-2);font-size:1.06rem}.prose section{margin-top:32px;padding-top:22px;border-top:1px solid var(--rule)}.prose h2{font-size:1.2rem}.prose section p{margin-top:8px;color:var(--ink-2)}.contact{margin-top:36px;font-weight:700}.contact a{color:var(--blue-ink)}.notice .text-link{margin-top:20px}.notice-links{display:flex;flex-wrap:wrap;gap:0 28px}@media (min-width:720px){.mode{grid-template-columns:minmax(10rem,13rem) minmax(0,1fr);gap:24px}.scenes ol{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;padding:26px 0 0}.scenes ol:before{left:0;right:0;top:4px;bottom:auto;width:auto;height:2px}.scenes li:before{left:0;top:-26px}}@media (min-width:960px){.intro-head{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:48px;align-items:end}.split{grid-template-columns:minmax(0,3fr) minmax(0,9fr);gap:40px}}@media (max-width:760px){.site-nav{display:none}}@media (max-width:400px){.brand-text small{display:none}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation:none!important;transition:none!important}}