:root{color-scheme:light;--paper:#f8f6f2;--ink:#34312d;--muted:#726d65;--line:#ded8cf;--accent:#a65134;--tile:#eee9e1;--soft:#efebe5}
:root[data-theme=dark]{color-scheme:dark;--paper:#1b1c19;--ink:#f1eee7;--muted:#b5b1a8;--line:#42433c;--accent:#edb39c;--tile:#2c2e27;--soft:#232320}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 -apple-system,BlinkMacSystemFont,'Helvetica Neue','Hiragino Kaku Gothic ProN','Yu Gothic',sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible{outline:3px solid var(--accent);outline-offset:5px}a,button{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit}.shell{max-width:1120px;margin:auto;padding:0 48px}.header{min-height:112px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:24px}.wordmark{font-size:36px;font-weight:800;letter-spacing:-.06em;line-height:1.1}.wordmark span{font-size:.46em;letter-spacing:-.04em;margin-left:5px}.headerRight{display:flex;align-items:center;gap:24px;font-size:14px}.lang{color:var(--muted)}.navPlay{border-bottom:1px solid var(--ink);padding:9px 0;font-weight:650}.hero{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:24px;padding:80px 0 88px}.eyebrow{font-size:12px;letter-spacing:.13em;color:var(--muted);font-weight:600;margin:0 0 22px}.hero h1{font-size:clamp(42px,5.5vw,68px);line-height:1.09;letter-spacing:-.055em;font-weight:700;margin:0;max-width:600px}.hero h1 span{display:block}.hero p.intro{max-width:390px;font-size:17px;line-height:1.8;color:var(--muted);margin:25px 0 31px}.primary{display:inline-flex;align-items:center;justify-content:center;gap:24px;min-height:56px;min-width:168px;padding:14px 25px;background:var(--ink);color:var(--paper);border-radius:9px;font-size:16px;font-weight:650}.primary svg{width:20px;height:20px}.coming{font-size:13px;color:var(--muted);margin:18px 0 0}.heroArt{justify-self:end;max-width:420px;width:100%;aspect-ratio:1;overflow:hidden;border-radius:24%;background:#faf9f6}.heroArt img{width:100%;height:100%;display:block}.modes{border-top:1px solid var(--line);padding:31px 0 68px}.sectionHead{display:flex;align-items:baseline;justify-content:space-between;gap:20px;margin-bottom:24px}.sectionHead h2{font-size:23px;letter-spacing:-.025em;font-weight:650;margin:0}.sectionHead p{font-size:14px;color:var(--muted);margin:0}.modeList{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.mode{display:flex;flex-direction:column;align-items:flex-start;min-height:188px;gap:20px;border:1px solid var(--line);border-radius:13px;padding:23px 20px;transition:border-color .15s,transform .15s}.mode svg{width:45px;height:45px;color:var(--accent);fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}.mode h3{font-size:18px;line-height:1.3;font-weight:650;margin:0}.mode p{font-size:13px;line-height:1.7;color:var(--muted);margin:8px 0 0}.modeCopy{min-width:0}.modeArrow{align-self:flex-end;color:var(--muted);font-size:18px;line-height:1;margin-top:auto}.closing{border-top:1px solid var(--line);padding:37px 0 43px;display:flex;justify-content:space-between;align-items:center;gap:24px}.closing p{font-size:16px;color:var(--muted);max-width:650px;margin:0}.textLink{white-space:nowrap;color:var(--accent);border-bottom:1px solid currentColor;padding:5px 0;font-size:15px}.footer{display:flex;align-items:center;justify-content:space-between;gap:18px;border-top:1px solid var(--line);padding:22px 0 28px;font-size:12px;color:var(--muted)}.footer nav{display:flex;flex-wrap:wrap;gap:20px}.footer a{padding:8px 0}.doc{max-width:740px;margin:auto;padding:66px 0 80px}.back{font-size:14px;color:var(--muted);display:inline-block;margin-bottom:30px;padding:5px 0}.doc h1{font-size:clamp(32px,5vw,44px);font-weight:650;letter-spacing:-.045em;line-height:1.25;margin:0 0 15px}.doc .lede{font-size:18px;line-height:1.8;color:var(--muted);margin:22px 0 32px}.updated{font-size:13px;color:var(--muted);margin:0 0 32px}.doc h2{font-size:19px;font-weight:650;margin:32px 0 9px}.doc p,.doc li{font-size:16px;line-height:1.9}.doc p{margin:8px 0 17px}.doc ul{padding-left:22px}.doc a.inline{color:var(--accent);text-decoration:underline;text-underline-offset:4px;overflow-wrap:anywhere}.contactAddress{font-size:clamp(23px,4.5vw,36px);font-weight:650;letter-spacing:-.035em;display:inline-block;color:var(--accent);line-height:1.4;margin:8px 0 24px;overflow-wrap:anywhere}.supportDetails{border-top:1px solid var(--line);margin-top:25px;padding-top:5px}.supportDetails details{border-bottom:1px solid var(--line);padding:19px 0}.supportDetails summary{cursor:pointer;list-style-position:outside;font-size:16px;font-weight:600;line-height:1.7}.supportDetails p{font-size:15px;color:var(--muted);padding-top:9px}.operator{margin-top:34px;color:var(--muted);font-size:14px}
@media(hover:hover){.mode:hover{border-color:var(--accent);transform:translateY(-2px)}a:hover{filter:brightness(.95)}}
@media(max-width:760px){.shell{padding:0 25px}.header{min-height:88px;gap:15px}.wordmark{font-size:31px}.headerRight{gap:18px}.hero{padding:52px 0 56px;gap:22px;grid-template-columns:1.1fr .9fr}.hero h1{font-size:46px}.hero p.intro{font-size:15px;margin:22px 0 26px}.heroArt{max-width:300px}.modeList{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.mode{min-height:176px}.modes{padding-bottom:44px}.closing{align-items:flex-start}.closing p{font-size:15px}.footer{align-items:flex-start}.doc{padding:43px 0 58px}}
@media(max-width:540px){.shell{padding:0 23px}.headerRight .navPlay{display:none}.hero{display:flex;flex-direction:column-reverse;align-items:stretch;padding:34px 0 46px;gap:28px}.heroArt{width:230px;align-self:center;max-width:70%}.eyebrow{margin-bottom:17px;font-size:11px}.hero h1{font-size:45px;letter-spacing:-.05em}.hero p.intro{max-width:340px;font-size:16px}.hero .primary{width:100%}.coming{text-align:center;font-size:12px}.sectionHead{display:block;margin-bottom:19px}.sectionHead h2{font-size:21px}.sectionHead p{margin-top:7px;font-size:13px}.mode{padding:19px 17px;min-height:180px;gap:17px}.mode h3{font-size:17px}.mode p{font-size:13px}.closing{display:block;padding:27px 0 31px}.closing .textLink{display:inline-block;margin-top:13px}.footer{flex-direction:column;gap:5px;padding-top:18px}.footer nav{gap:22px}.doc .lede{font-size:17px}.doc h2{font-size:18px}.doc p,.doc li{font-size:15px}.doc{padding-top:33px}}
@media(max-width:340px){.hero h1{font-size:38px}.modeList{grid-template-columns:1fr}.mode{min-height:140px}.headerRight{font-size:13px}.wordmark{font-size:28px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.mode{transition:none}}

.languageMenu{position:relative}.languageMenu>summary{list-style:none;display:flex;align-items:center;gap:8px;min-height:44px;padding:8px 0;cursor:pointer;color:var(--muted)}.languageMenu>summary::-webkit-details-marker{display:none}.languageMenu>summary svg{width:14px;height:14px;flex-shrink:0;transition:transform .15s}.languageMenu[open]>summary svg{transform:rotate(180deg)}.languageMenu>summary:focus-visible{outline:3px solid var(--accent);outline-offset:5px;border-radius:3px}.languagePanel{position:absolute;right:0;top:calc(100% + 7px);width:218px;max-width:calc(100vw - 46px);max-height:min(70vh,540px);overflow:auto;overscroll-behavior:contain;padding:7px;background:var(--paper);border:1px solid var(--line);border-radius:11px;box-shadow:0 10px 28px #00000012;z-index:10}.languagePanel a{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:44px;padding:9px 13px;border-radius:6px;color:var(--muted);font-size:15px;line-height:1.4}.languagePanel a[aria-current=page]{background:var(--soft);color:var(--ink);font-weight:650}.languagePanel a[aria-current=page]::after{content:'✓';font-size:14px}.languagePanel a:hover{background:var(--soft)}.hero h1{overflow-wrap:normal;word-break:normal;hyphens:auto}.hero h1 span{max-width:100%;overflow-wrap:anywhere}.mode h3,.mode p,.closing p,.doc h1,.doc h2{overflow-wrap:anywhere;hyphens:auto}.sectionHead,.footer{flex-wrap:wrap}.headerRight .navPlay{white-space:nowrap}html[lang=ko] .hero h1,html[lang=ko] .mode h3{word-break:keep-all}html[lang=ko] .hero h1 span{overflow-wrap:normal}
@media(max-width:760px){.hero h1{font-size:clamp(34px,5.5vw,46px)}}
@media(max-width:540px){.hero h1{font-size:clamp(34px,8.5vw,45px)}.languageMenu>summary{font-size:14px}}