:root{--ink:#16202a;--paper:#fff;--mist:#f1f4f6;--slate:#5b6873;--rule:#dce2e6;--bg:var(--paper);--fg:var(--ink);--muted:var(--slate);--line:var(--rule);--accent:var(--ink);--accent-fg:#fff;--chip:var(--mist);--font:"Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif;--gutter:clamp(16px, 4vw, 40px);--max:1200px}.theme-zzicky{--bg:#ffd35c;--fg:#4a2c66;--muted:#6b5384;--line:#4a2c6647;--accent:#4a2c66;--accent-fg:#fff;--chip:#4a2c661a}.theme-banchan{--bg:#1f9a86;--fg:#fff;--muted:#d5f0ea;--line:#ffffff59;--accent:#ffc93a;--accent-fg:#3b2a20;--chip:#0f6a5b8c}.theme-hotteok{--bg:#f07a2b;--fg:#fff;--muted:#fff0de;--line:#fff6;--accent:#ffd45c;--accent-fg:#5a2410;--chip:#96340c59}.theme-purrline{--bg:#f6f0e5;--fg:#2b2420;--muted:#6c6058;--line:#2b242038;--accent:#2b2420;--accent-fg:#fff;--chip:#efa0553d}.theme-dyelight{--bg:#eceae4;--fg:#22232a;--muted:#5e5f68;--line:#22232a33;--accent:#3d4bc9;--accent-fg:#fff;--chip:#3d4bc91f}.theme-kkotnori{--bg:#f3ebdd;--fg:#3a2a1e;--muted:#6e5e50;--line:#3a2a1e38;--accent:#c2352a;--accent-fg:#fff;--chip:#c2352a1f}.theme-sajulatte{--bg:#121214;--fg:#f0f0f2;--muted:#a1a1a8;--line:#f0f0f22e;--accent:#f2d184;--accent-fg:#52212e;--chip:#52212e}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:72px}body{background:var(--paper);color:var(--ink);font-family:var(--font);word-break:keep-all;overflow-wrap:break-word;-webkit-font-smoothing:antialiased;margin:0;font-size:17px;line-height:1.7}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}h1,h2,h3,p,ul,dl,dd{margin:0}ul{padding:0;list-style:none}:focus-visible{outline:3px solid var(--accent);outline-offset:3px;border-radius:6px}.wrap{width:100%;max-width:calc(var(--max) + var(--gutter) * 2);padding:0 var(--gutter);margin:0 auto}.section-title{letter-spacing:-.03em;font-size:clamp(26px,3.4vw,40px);font-weight:750;line-height:1.25}.site-header{z-index:10;background:color-mix(in srgb, var(--bg) 88%, transparent);color:var(--fg);-webkit-backdrop-filter:saturate(1.4)blur(12px);border-bottom:1px solid var(--line);position:sticky;top:0}.site-header__inner{justify-content:space-between;align-items:center;height:64px;display:flex}.wordmark{letter-spacing:-.05em;align-items:center;gap:8px;font-size:22px;font-weight:800;display:inline-flex}.site-header nav{gap:clamp(16px,3vw,32px);font-size:15px;font-weight:600;display:flex}.site-header nav a{color:var(--muted);transition:color .15s}.site-header nav a:hover{color:var(--fg)}.site-footer{border-top:1px solid var(--rule);background:var(--paper);color:var(--ink);padding:40px 0 48px}.site-footer__inner{flex-wrap:wrap;align-items:center;gap:16px 32px;display:flex}.site-footer nav{color:var(--slate);flex-wrap:wrap;gap:8px 24px;font-size:15px;display:flex}.site-footer__copy{color:var(--slate);margin-left:auto;font-size:14px}.actions{flex-wrap:wrap;gap:10px;display:flex}.btn{border-radius:999px;align-items:center;min-height:50px;padding:0 22px;font-size:16px;font-weight:650;transition:transform .12s,background-color .15s;display:inline-flex}.btn:active{transform:translateY(1px)}.btn--solid{background:var(--accent);color:var(--accent-fg)}.btn--line{border:1.5px solid var(--line);color:var(--fg)}.btn--line:hover{background:var(--chip)}.tags{flex-wrap:wrap;gap:8px;display:flex}.tags li{background:var(--chip);border-radius:999px;padding:6px 14px;font-size:14px;font-weight:600}.app-icon{border-radius:12px;flex:none;width:48px;height:48px}.app-icon--md{border-radius:16px;width:64px;height:64px}.app-icon--lg{border-radius:22px;width:88px;height:88px}.hero{padding:clamp(72px,13vw,168px) 0 clamp(64px,9vw,112px)}.hero__title{letter-spacing:-.055em;font-size:clamp(46px,10.4vw,144px);font-weight:800;line-height:1.04}.hero__foot{border-top:2px solid var(--ink);grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;margin-top:clamp(40px,6vw,80px);padding-top:32px;display:grid}.hero__lead{max-width:34em;color:var(--slate);font-size:clamp(17px,1.6vw,20px)}.hero__apps{gap:12px;display:grid}.hero__apps a{border-radius:16px;align-items:center;gap:16px;margin:-12px -14px 0;padding:12px 14px;transition:background-color .15s;display:flex}.hero__apps a:hover{background:var(--mist)}.hero__apps span{color:var(--slate);flex-direction:column;font-size:15px;line-height:1.45;display:flex}.hero__apps strong{color:var(--ink);font-size:18px}.about{background:var(--mist);padding:clamp(72px,10vw,136px) 0}.about__inner{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:48px;display:grid}.about__title{letter-spacing:-.045em;font-size:clamp(34px,5vw,64px);font-weight:800;line-height:1.12}.about__lead{max-width:36em;font-size:clamp(18px,1.7vw,21px);font-weight:500;line-height:1.65}.principles{margin-top:48px}.principles li{border-top:1px solid var(--rule);grid-template-columns:minmax(0,2fr) minmax(0,3fr);gap:8px 32px;padding:24px 0;display:grid}.principles h3{letter-spacing:-.02em;font-size:18px;font-weight:700}.principles p{color:var(--slate);font-size:16px}.apps{padding-top:clamp(72px,10vw,128px)}.apps .section-title{margin-bottom:40px}.panel{background:var(--bg);color:var(--fg);padding:clamp(64px,9vw,120px) 0;overflow:hidden}.panel__inner{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(40px,6vw,96px);display:grid}.panel__inner--flip .panel__text{order:2}.panel__text{justify-items:start;gap:20px;display:grid}.panel__name{letter-spacing:-.05em;margin-top:8px;font-size:clamp(44px,6.4vw,88px);font-weight:800;line-height:1}.panel__tagline{letter-spacing:-.02em;font-size:clamp(20px,2vw,26px);font-weight:650;line-height:1.4}.panel__summary{max-width:32em;color:var(--muted)}.panel .actions{margin-top:12px}.panel__visual{position:relative}.panel__shot{border-radius:28px;box-shadow:0 30px 60px -24px #00000073}.panel__visual--zzicky{justify-content:center;display:flex}.panel__visual--zzicky .panel__shot{width:min(320px,72%)}.panel__key{justify-items:center;gap:10px;display:grid;position:absolute;bottom:8%;left:max(0px,50% - 250px)}.panel__key p{color:var(--accent);font-size:14px;font-weight:600}.shot-pair{grid-template-columns:1fr 1fr;gap:0;max-width:520px;margin:0 auto;display:grid}.shot-pair img{width:100%;height:auto}.shot-pair img:first-child{z-index:1;position:relative;transform:rotate(-4deg)translate(10%,4%)}.shot-pair img:last-child{transform:rotate(4deg)translate(-10%,-4%)}.theme-purrline .shot-pair img,.theme-dyelight .shot-pair img,.theme-kkotnori .shot-pair img{box-shadow:0 24px 50px -24px #2b242073}.app-grid{grid-template-columns:repeat(auto-fit,minmax(128px,1fr));gap:28px 16px;margin-top:40px;margin-bottom:clamp(56px,8vw,96px);display:grid}.app-grid a{text-align:center;border-radius:24px;justify-items:center;gap:12px;padding:16px 8px 18px;transition:background-color .15s;display:grid}.app-grid a:hover,.app-grid a:focus-visible{background:var(--mist)}.app-grid img{border-radius:22%;width:96px;height:96px;transition:transform .15s;box-shadow:0 10px 24px -12px #00000059,0 0 0 1px #0000000f}.app-grid a:hover img{transform:translateY(-3px)}.app-grid strong{letter-spacing:-.02em;color:var(--ink);word-break:keep-all;font-size:17px;font-weight:750}.app-grid span{color:var(--slate);word-break:keep-all;margin-top:-6px;font-size:13px;line-height:1.45}@media (max-width:560px){.app-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px 0;margin-top:28px}.app-grid a{border-radius:18px;gap:8px;padding:8px 2px 10px}.app-grid img{width:64px;height:64px}.app-grid strong{font-size:13px;line-height:1.35}.app-grid span{display:none}}.poster-fan{grid-template-columns:minmax(0,1fr) minmax(0,1.25fr) minmax(0,1fr);align-items:center;display:grid}.poster{aspect-ratio:3/4;background:#1c1c1f;border-radius:22px;margin:0;position:relative;overflow:hidden;box-shadow:0 30px 60px -24px #000000b3}.poster img{object-fit:cover;width:100%;height:100%}.poster:first-child{filter:brightness(.62);transform:translate(16%)scale(.88)}.poster:nth-child(2){z-index:1;outline:1px solid #f2d18459}.poster:nth-child(3){filter:brightness(.62);transform:translate(-16%)scale(.88)}.poster figcaption{color:#fff;text-align:center;background:linear-gradient(#0000,#121214e0);justify-items:center;gap:4px;padding:40% 8px 9%;display:grid;position:absolute;inset:auto 0 0}.poster strong{font-family:Gowun Batang,serif;font-size:clamp(24px,3vw,40px);font-weight:700;line-height:1.15}.poster span{color:#e4e4e7;font-size:clamp(12px,1.1vw,14px)}.poster:not(:nth-child(2)) figcaption{display:none}.app-hero__posters{padding-bottom:clamp(56px,8vw,104px)}.app-hero__inner:has(.app-hero__posters){grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center}.theme-sajulatte .panel__name,.theme-sajulatte .panel__tagline,.theme-sajulatte .app-hero__name,.theme-sajulatte .app-hero__tagline,.theme-sajulatte .app-cta__line{letter-spacing:-.03em;font-family:Gowun Batang,serif;font-weight:700}.theme-sajulatte .app-hero__name span{font-family:var(--font)}.theme-sajulatte .tags li{color:#fff}.banchan-sang{filter:drop-shadow(0 24px 30px #0f463c73);max-width:560px;margin:0 auto;position:relative}.banchan-sang__dishes{grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:repeat(5,minmax(0,1fr));align-items:center;gap:4% 3%;height:58%;display:grid;position:absolute;inset:9% 9% auto}.banchan-sang__dishes li{place-items:center;display:grid;position:relative}.banchan-sang__dishes img{width:100%}.banchan-sang__dishes .banchan-sang__dish{width:74%;position:absolute}.keycap{--cap:116px;width:var(--cap);height:var(--cap);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:#b7c0c7;border:0;border-radius:26px;padding:0 0 12px;transition:padding 60ms,box-shadow 60ms;box-shadow:0 18px 30px -12px #0000008c}.keycap__top{color:#4a2c66;height:100%;font-family:var(--font);background:linear-gradient(#fdfdfd,#eef0f2);border-radius:22px;place-items:center;font-size:46px;font-weight:600;display:grid;position:relative;box-shadow:inset 0 -3px #0000000f}.keycap__dot{background:#ff8fba;border-radius:50%;width:16px;height:16px;position:absolute;top:14px;right:14px}.keycap.is-down{padding-bottom:3px;box-shadow:0 8px 14px -8px #0000008c}.closing{padding:clamp(96px,14vw,184px) 0}.closing__line{letter-spacing:-.05em;font-size:clamp(40px,7.6vw,104px);font-weight:800;line-height:1.1}.app-hero{background:var(--bg);color:var(--fg);padding:clamp(56px,8vw,104px) 0 0;overflow:hidden}.app-hero__inner{grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:end;gap:clamp(32px,6vw,80px);display:grid}.app-hero__text{justify-items:start;gap:18px;padding-bottom:clamp(56px,8vw,104px);display:grid}.app-hero__name{letter-spacing:-.055em;flex-wrap:wrap;align-items:baseline;gap:4px 18px;margin-top:12px;font-size:clamp(52px,8vw,112px);font-weight:800;line-height:1;display:flex}.app-hero__name span{letter-spacing:0;color:var(--muted);font-size:.26em;font-weight:600}.app-hero__tagline{letter-spacing:-.025em;font-size:clamp(22px,2.4vw,30px);font-weight:650;line-height:1.35}.app-hero__summary{max-width:32em;color:var(--muted);font-size:18px}.app-hero .actions{margin-top:10px}.app-hero__platforms{color:var(--muted);font-size:14px}.app-hero__shot{justify-content:center;display:flex}.app-hero__shot img{border-radius:32px 32px 0 0;width:min(360px,100%);box-shadow:0 -10px 60px -20px #00000059}.app-features{padding:clamp(72px,10vw,128px) 0}.feature-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 clamp(32px,5vw,72px);margin-top:40px;display:grid}.feature{border-top:2px solid var(--ink);padding:28px 0 32px}.feature dt{letter-spacing:-.025em;font-size:22px;font-weight:750}.feature dd{max-width:30em;color:var(--slate);margin-top:10px}.app-screens{padding-bottom:clamp(72px,10vw,128px)}.screens{padding:0 max(var(--gutter), calc((100vw - var(--max)) / 2)) 16px;scroll-snap-type:x mandatory;scroll-padding:0 var(--gutter);scrollbar-width:thin;gap:16px;margin-top:32px;display:flex;overflow-x:auto}.screens img{border:1px solid var(--rule);scroll-snap-align:start;border-radius:24px;flex:none;width:clamp(200px,26vw,260px)}.app-cta{background:var(--bg);color:var(--fg);padding:clamp(72px,10vw,120px) 0}.app-cta__inner{justify-items:start;gap:32px;display:grid}.app-cta__line{letter-spacing:-.045em;font-size:clamp(34px,5.6vw,72px);font-weight:800;line-height:1.12}.theme-zzicky .site-header,.theme-sajulatte .site-header,.theme-hotteok .site-header,.theme-purrline .site-header,.theme-dyelight .site-header,.theme-kkotnori .site-header{background:color-mix(in srgb, var(--bg) 90%, transparent)}@media (max-width:860px){:is(.hero__foot,.about__inner,.panel__inner,.app-hero__inner,.app-hero__inner:has(.app-hero__posters)){grid-template-columns:minmax(0,1fr)}.panel__inner--flip .panel__text{order:0}.principles li{grid-template-columns:minmax(0,1fr)}.app-hero__text{padding-bottom:0}.feature-list{grid-template-columns:minmax(0,1fr)}.site-footer__copy{width:100%;margin-left:0}}@media (max-width:520px){.site-header nav{gap:14px;font-size:14px}.keycap{--cap:88px;border-radius:20px;padding-bottom:9px}.keycap__top{border-radius:17px;font-size:34px}.keycap__dot{width:12px;height:12px;top:10px;right:10px}.btn{min-height:48px;padding:0 18px;font-size:15px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}.not-found{align-items:center;min-height:100vh;padding:64px 0;display:grid}.not-found__code{color:var(--slate);letter-spacing:.08em;margin:0;font-size:15px;font-weight:700}.not-found__title{margin:8px 0 0;font-size:clamp(32px,5vw,48px);line-height:1.25}.not-found__body{color:var(--slate);margin:12px 0 28px}.logo-mark{border-radius:22%;flex:none}
