:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#fff;--surface:#f6f6f8;--border:#e3e3ea;--text:#16161d;--muted:#5d5e6e;--link:#3646a8;--radius:14px;--font:ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Noto Sans KR", "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;--accent:#3646a8;--on-accent:#fff;--accent-ink:#3646a8}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#121317;--surface:#1b1d22;--border:#2c2f37;--text:#ececef;--muted:#a4a7b2;--link:#aab8ff;--accent:#aab8ff;--on-accent:#10142b;--accent-ink:#aab8ff}.app-page{--accent-ink:var(--brand-ink);--hero-bg:color-mix(in srgb, var(--accent) 16%, var(--bg));--panel:color-mix(in srgb, var(--accent) 10%, var(--bg))}:root[data-theme=dark] .app-page{--accent-ink:var(--accent);--hero-bg:color-mix(in srgb, var(--accent) 11%, var(--bg));--panel:color-mix(in srgb, var(--accent) 7%, var(--bg))}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-padding-top:76px}body{background:var(--bg);min-height:100vh;color:var(--text);font-family:var(--font);word-break:keep-all;overflow-wrap:anywhere;flex-direction:column;margin:0;line-height:1.6;display:flex}main{flex:1}a{color:var(--link);text-underline-offset:3px}h1,h2,h3{margin:0;line-height:1.25}img{max-width:100%;height:auto;display:block}:focus-visible{outline:3px solid var(--link);outline-offset:2px}.container{width:100%;max-width:960px;margin:0 auto;padding:0 20px}.skip-link{background:var(--text);color:var(--bg);z-index:10;border-radius:8px;padding:8px 12px;position:absolute;top:-48px;left:12px}.skip-link:focus{top:12px}.muted{color:var(--muted)}.badge{border:1px solid var(--border);color:var(--muted);border-radius:999px;margin:0;padding:4px 12px;font-size:.8125rem;font-weight:600;display:inline-block}.badge.badge-accent{background:var(--accent);color:var(--on-accent);border-color:#0000}.store-button{background:var(--accent);color:var(--on-accent);border-radius:999px;padding:10px 20px;font-weight:700;text-decoration:none;display:inline-block}.play-qr{margin:20px 0 0;display:none}.play-qr svg{border-radius:8px;display:block}.play-qr figcaption{color:var(--muted);margin-top:6px;font-size:.85rem}@media (hover:hover) and (pointer:fine) and (min-width:720px){.play-qr{display:block}}.site-header{z-index:10;border-bottom:1px solid var(--border);background:color-mix(in srgb, var(--bg) 96%, transparent);-webkit-backdrop-filter:blur(10px);position:sticky;top:0}.header-row,.footer-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.header-row{min-height:60px}.brand{color:var(--text);font-size:1.0625rem;font-weight:700;text-decoration:none}.header-tools{align-items:center;gap:16px;display:flex}.theme-toggle{border:1px solid var(--border);width:40px;height:40px;color:var(--muted);cursor:pointer;background:0 0;border-radius:999px;place-items:center;padding:0;display:inline-grid}.theme-toggle:hover{color:var(--text);border-color:var(--muted)}.header-link{color:var(--text);padding:8px 0;font-size:.9375rem;font-weight:600;text-decoration:none}.header-link:hover,.header-link[aria-current=page]{color:var(--accent-ink)}.lang-nav{gap:16px;font-size:.875rem;display:flex}.lang-nav a{color:var(--muted);padding:8px 0;text-decoration:none}.lang-nav a:hover{color:var(--text)}.lang-current{padding:8px 0;font-weight:700}@media (max-width:400px){.header-tools,.lang-nav{gap:12px}.lang-current{display:none}}.site-footer{border-top:1px solid var(--border);color:var(--muted);margin-top:64px;font-size:.875rem}.footer-row{padding:20px}.footer-row p{margin:0}.section{margin-top:56px}.section-title{margin-bottom:16px;font-size:1.375rem}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px}.card h3{margin-bottom:8px;font-size:1.0625rem}.card p{color:var(--muted);margin:0}.hub-hero{padding-top:56px}.hub-hero h1{font-size:clamp(2rem,6vw,2.75rem)}.lead{color:var(--muted);max-width:40em;margin:12px 0 0;font-size:1.125rem}.app-list{gap:12px;margin:0 0 16px;padding:0;list-style:none;display:grid}.app-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);grid-template-columns:auto 1fr;align-items:start;gap:16px 20px;padding:20px;text-decoration:none;transition:border-color .15s;display:grid}.app-card:hover{border-color:var(--muted)}.app-card-icon{border-radius:16px}.app-card-body{flex-direction:column;align-items:flex-start;gap:4px;display:flex}.app-card-name{font-size:1.25rem;font-weight:700}.app-card-title{color:var(--muted);font-size:.875rem}.app-card-tagline{margin:4px 0 8px}.app-card-cta{color:var(--link);grid-column:1/-1;font-weight:600}@media (min-width:640px){.app-card{grid-template-columns:auto 1fr auto;align-items:center}.app-card-cta{grid-column:auto}}.app-hero{background:var(--hero-bg);padding:32px 0 48px}.app-hero-inner{text-align:center;flex-direction:column;align-items:center;display:flex}.app-hero .back-link{align-self:flex-start}.app-hero-icon{border-radius:22px;margin:24px 0 16px}.app-hero h1{font-size:clamp(2.25rem,8vw,3.25rem)}.store-title{color:var(--muted);margin:4px 0 0;font-size:.9375rem}.app-tagline{margin:20px 0 0;font-size:clamp(1.25rem,4vw,1.5rem);font-weight:600}.app-subtagline{color:var(--accent-ink);margin:4px 0 24px;font-size:1.0625rem}.back-link{color:var(--muted);font-size:.875rem;text-decoration:none}.back-link:hover{text-decoration:underline}.highlight-list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.highlight-list li{border-radius:var(--radius);background:var(--panel);padding:14px 18px 14px 44px;position:relative}.highlight-list li:before{content:"";background:var(--accent);border-radius:50%;width:12px;height:12px;margin-top:-6px;position:absolute;top:50%;left:18px}.feature-grid{gap:14px;display:grid}@media (min-width:720px){.feature-grid{grid-template-columns:repeat(2,1fr)}.feature-grid>:last-child:nth-child(odd){grid-column:1/-1}}.screens{scroll-snap-type:x mandatory;margin:0;gap:16px;max-width:1200px;margin-inline:auto;padding:0 20px 12px;list-style:none;display:flex;overflow-x:auto}.screens li{scroll-snap-align:start;flex:0 0 min(62vw,220px)}.screens li.wide{flex-basis:min(86vw,480px)}@media (min-width:1000px){.screens{grid-template-columns:repeat(6,1fr);display:grid;overflow:visible}.screens li.wide{grid-column:span 3}}.screens figure{margin:0}.screens img{border:1px solid var(--border);background:var(--surface);border-radius:18px}.screens figcaption{color:var(--muted);margin-top:8px;font-size:.875rem}.plans{gap:14px;margin-top:16px;display:grid}@media (min-width:720px){.plans{grid-template-columns:1fr 1fr}.plans.plans-single{grid-template-columns:minmax(0,640px)}}.plan ul{margin:12px 0 0;padding-left:1.2em}.plan li+li{margin-top:6px}.plan-pro{border-color:var(--accent)}.plan-pro .badge{margin-top:8px}.faq details{border-bottom:1px solid var(--border);padding:14px 0}.faq summary{cursor:pointer;font-weight:600}.faq details p{color:var(--muted);margin:8px 0 0}.details{gap:12px;margin:0;display:grid}.details div{gap:2px;display:grid}@media (min-width:640px){.details div{grid-template-columns:10rem 1fr;gap:16px}}.details dt{color:var(--muted)}.details dd{margin:0}.prose{max-width:760px;padding-top:32px}.prose h1{margin-top:16px;font-size:clamp(1.75rem,5vw,2.25rem)}.prose h2{margin:36px 0 10px;font-size:1.25rem}.prose p,.prose li{max-width:68ch}.prose ul{padding-left:1.2em}.prose li+li{margin-top:6px}.summary{border-radius:var(--radius);background:var(--surface);border:1px solid var(--border);margin-top:24px;padding:4px 20px 8px}.summary h2{margin-top:16px}.not-found{padding-top:80px}.not-found h2{margin-top:32px}.app-nav ul{border-bottom:1px solid var(--border);gap:4px;margin:16px 0 0;padding:0;list-style:none;display:flex;overflow-x:auto}.app-nav a{color:var(--muted);white-space:nowrap;border-bottom:2px solid #0000;margin-bottom:-1px;padding:10px 14px;font-weight:600;text-decoration:none;display:block}.app-nav a:hover{color:var(--text)}.app-nav a[aria-current=page]{color:var(--text);border-bottom-color:var(--accent)}.breadcrumb ol{color:var(--muted);flex-wrap:wrap;gap:6px;margin:0;padding:0;font-size:.875rem;list-style:none;display:flex}.breadcrumb li+li:before{content:"›";margin-right:6px}.breadcrumb a{color:var(--muted);text-decoration:none}.breadcrumb a:hover{text-decoration:underline}.breadcrumb [aria-current=page]{text-overflow:ellipsis;white-space:nowrap;vertical-align:bottom;max-width:28ch;display:inline-block;overflow:hidden}.article-list-page{padding-top:32px}.article-list-page h1{margin-top:28px;font-size:clamp(1.75rem,5vw,2.25rem)}.article-list-page .app-cta{margin-top:40px}.article-cards{gap:16px;margin:24px 0 0;padding:0;list-style:none;display:grid}.article-card a{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);height:100%;color:var(--text);flex-direction:column;text-decoration:none;display:flex;overflow:hidden}.article-card a:hover{border-color:var(--accent)}.article-card a:hover .article-card-title{color:var(--accent-ink)}.article-card-thumb{aspect-ratio:1200/630;object-fit:cover;background:var(--panel);width:100%;height:auto;display:block}.article-card-text{flex-direction:column;flex:1;gap:6px;min-width:0;padding:16px 18px;display:flex}@media (min-width:720px){.article-card a{flex-direction:row;align-items:stretch}.article-card-thumb{border-radius:calc(var(--radius) - 4px);flex:none;align-self:center;width:240px;margin:16px 0 16px 16px}.article-card-text{padding:16px 20px}}.article-card-app{color:var(--accent-ink);font-size:.8125rem;font-weight:700}.article-card-title{font-size:1.125rem;font-weight:700;line-height:1.35}.article-card-desc{color:var(--muted);-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:.9375rem;display:-webkit-box;overflow:hidden}.article-card-meta{color:var(--muted);flex-wrap:wrap;align-items:center;gap:4px 12px;margin-top:auto;padding-top:4px;font-size:.8125rem;display:flex}.article-card-more{color:var(--accent-ink);margin-left:auto;font-weight:600}.section-more{text-align:right;margin:16px 0 0}.section-more a{font-weight:600}.pagination{color:var(--muted);justify-content:space-between;align-items:center;gap:12px;margin-top:28px;font-size:.9375rem;display:flex}.pagination a{font-weight:600}.article-layout{gap:40px;padding-top:28px;display:grid}@media (min-width:1000px){.article-layout{grid-template-columns:minmax(0,1fr) 280px;max-width:1120px}}.article{min-width:0;max-width:720px}.article h1{margin-top:20px;font-size:clamp(1.75rem,5vw,2.375rem)}.article-meta{color:var(--muted);margin:12px 0 0;font-size:.875rem}.article-lead{color:var(--muted);margin:20px 0 0;font-size:1.125rem}.toc-mobile{border:1px solid var(--border);border-radius:var(--radius);margin-top:24px;padding:12px 18px}.toc-mobile summary{cursor:pointer;font-weight:700}.toc-list{margin:8px 0 0;padding-left:1.2em;font-size:.9375rem}.toc-list li+li{margin-top:4px}.toc-list .toc-sub{margin-left:1em;list-style:circle}.toc-list a{color:var(--text);text-decoration:none}.toc-list a:hover{text-decoration:underline}.article-aside{display:none}@media (min-width:1000px){.toc-mobile{display:none}.article-aside{flex-direction:column;align-self:start;gap:24px;display:flex;position:sticky;top:84px}.toc-aside p{margin:0 0 4px;font-size:.875rem;font-weight:700}.article-aside .app-nav ul{margin:0}}.article-body{margin-top:8px;font-size:1.0625rem;line-height:1.75}.article-body h2{margin:44px 0 12px;font-size:1.5rem}.article-body h3{margin:28px 0 8px;font-size:1.1875rem}.article-body ul,.article-body ol{padding-left:1.3em}.article-body li+li{margin-top:6px}.article-body blockquote{border-left:4px solid var(--accent);background:var(--panel);border-radius:0 var(--radius) var(--radius) 0;margin:20px 0;padding:4px 18px}.table-scroll{border:1px solid var(--border);border-radius:var(--radius);margin:20px 0;overflow-x:auto}.table-scroll table{border-collapse:collapse;width:100%;min-width:480px;font-size:.9375rem}.table-scroll th,.table-scroll td{border-bottom:1px solid var(--border);text-align:left;vertical-align:top;padding:10px 14px}.table-scroll th{background:var(--surface)}.article-figure{max-width:300px;margin:28px auto}.article-figure img{border:1px solid var(--border);background:var(--surface);border-radius:18px}.article-figure figcaption{text-align:center;color:var(--muted);margin-top:8px;font-size:.875rem}.article-sources{margin-top:40px;font-size:.9375rem}.article-sources h2,.article-related h2{margin-bottom:8px;font-size:1.25rem}.article-sources ol{padding-left:1.3em}.article-tags{flex-wrap:wrap;gap:8px;margin:24px 0 0;padding:0;list-style:none;display:flex}.article-tags li{border:1px solid var(--border);color:var(--muted);border-radius:999px;padding:4px 12px;font-size:.8125rem}.article-related{margin-top:48px}.article-related .article-cards{margin-top:12px}.app-cta{border-radius:var(--radius);background:var(--panel);border:1px solid color-mix(in srgb, var(--accent) 35%, var(--border));align-items:center;gap:14px;padding:16px 18px;display:flex}.app-cta-inline,.app-cta-end{margin:32px 0}.app-cta-icon{border-radius:14px;flex:none}.app-cta-text{flex-direction:column;flex:1;min-width:0;display:flex}.app-cta-text span{color:var(--muted);font-size:.875rem}.app-cta .store-button{white-space:nowrap;flex:none}.app-cta-aside{flex-direction:column;align-items:flex-start}.app-cta-bar{z-index:9;padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:color-mix(in srgb, var(--panel) 94%, transparent);-webkit-backdrop-filter:blur(10px);border-width:1px 0 0;border-radius:0;position:fixed;bottom:0;left:0;right:0}.app-cta-bar .app-cta-icon{border-radius:10px}.app-cta-bar .store-button{padding:8px 16px;font-size:.9375rem}.article-page{padding-bottom:72px}@media (max-width:560px){.app-cta-inline,.app-cta-end{flex-wrap:wrap}.app-cta-inline .store-button,.app-cta-end .store-button{text-align:center;flex-basis:100%}}@media (min-width:1000px){.app-cta-bar{display:none}.article-page{padding-bottom:0}}.article-figure.article-figure-wide{max-width:none}.article-figure-wide img{border-radius:var(--radius)}
