@font-face{font-family:Pretendard;font-weight:400;font-style:normal;font-display:swap;src:url(/fonts/Pretendard-Regular.woff2) format("woff2")}@font-face{font-family:Pretendard;font-weight:500;font-style:normal;font-display:swap;src:url(/fonts/Pretendard-Medium.woff2) format("woff2")}@font-face{font-family:Pretendard;font-weight:600;font-style:normal;font-display:swap;src:url(/fonts/Pretendard-SemiBold.woff2) format("woff2")}@font-face{font-family:Pretendard;font-weight:700;font-style:normal;font-display:swap;src:url(/fonts/Pretendard-Bold.woff2) format("woff2")}*{box-sizing:border-box}html{margin:0!important;padding:0!important;width:100vw;height:100vh;overflow-x:hidden;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}:root{--primary-main: #e63946;--primary-light: #ff6b6b;--primary-dark: #c1121f;--secondary-main: #f4a261;--secondary-light: #f7c59f;--secondary-dark: #e76f51;--bg-cream: #faf8f3;--bg-light: #ffffff;--bg-warm: #fff8e7;--brown-light: #8d6e63;--brown-main: #6d4c41;--brown-dark: #4e342e;--text-primary: #2d1b12;--text-secondary: #5d4037;--text-muted: #8d6e63;--text-inverse: white;--accent-green: #10b981;--accent-yellow: #f59e0b;--accent-red: #e63946;--bg-primary: var(--bg-cream);--bg-secondary: var(--bg-warm);--bg-tertiary: var(--bg-light);--border-color: #e8dfd6;--divider-color: #f0e8de;--btn-primary: var(--primary-main);--btn-primary-hover: var(--primary-dark);--btn-secondary: var(--secondary-main);--btn-secondary-hover: var(--secondary-dark);--state-success: var(--accent-green);--state-warning: var(--accent-yellow);--state-error: var(--accent-red);--focus-color: var(--primary-light);--selection-bg: var(--bg-warm);--color-primary: var(--primary-main);--color-background: var(--bg-primary);--color-surface: var(--bg-tertiary);--color-font: var(--text-primary);--color-completed: var(--text-muted);--color-divider: var(--divider-color);--font-family: Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;--font-weight-heading: 700;--font-weight-body: 400;--font-size-h1: 24px;--font-size-h2: 20px;--font-size-body: 16px;--font-size-caption: 13px;--shadow-card: 0 2px 12px 0 rgba(67, 134, 249, .05);--shadow-modal: 0 6px 24px 0 rgba(67, 134, 249, .08);--radius-card: 18px;--radius-button: 16px;--radius-input: 12px;--card-padding: 24px 18px;font-family:var(--font-family);line-height:1.5;font-weight:var(--font-weight-body);color:var(--color-font);background-color:var(--color-background);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media(prefers-color-scheme:dark){:root{--bg-primary: #faf8f3;--bg-secondary: #fff8e7;--bg-tertiary: #ffffff;--text-primary: #2d1b12;--text-secondary: #5d4037;--text-muted: #8d6e63;--border-color: #e8dfd6;--divider-color: #f0e8de;--btn-primary: #e63946;--btn-primary-hover: #c1121f;--color-background: #faf8f3;--color-surface: #ffffff}}a{font-weight:500;color:var(--color-primary);text-decoration:inherit}a:hover{color:var(--color-primary);opacity:.8}body{margin:0!important;padding:0!important;min-width:320px;min-height:100vh;background-color:var(--color-background);color:var(--color-font);width:100vw!important;max-width:100vw!important;height:100vh;overflow-x:hidden;-webkit-overflow-scrolling:touch;position:relative}h1{font-size:var(--font-size-h1);font-weight:var(--font-weight-heading);line-height:1.1;color:var(--color-font)}h2{font-size:var(--font-size-h2);font-weight:var(--font-weight-heading);color:var(--color-font)}button{border-radius:var(--radius-button);border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:var(--btn-primary);color:var(--text-inverse);cursor:pointer;transition:all .25s;box-shadow:var(--shadow-card)}button:hover{background-color:var(--btn-primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-modal)}button:focus,button:focus-visible{outline:2px solid var(--focus-color);outline-offset:2px}button:active{transform:translateY(0)}button.secondary{background-color:var(--bg-tertiary);color:var(--btn-primary);border:1px solid var(--btn-primary)}button.secondary:hover{background-color:var(--btn-secondary);color:var(--text-primary);border-color:var(--btn-secondary-hover)}input[type=text],input[type=email],input[type=password],input[type=date],input[type=number],textarea{border-radius:var(--radius-input);border:1px solid var(--color-divider);padding:12px 16px;font-size:var(--font-size-body);font-family:inherit;background-color:var(--color-surface);color:var(--color-font);transition:all .2s}input:focus,textarea:focus{outline:none;border-color:var(--btn-primary);box-shadow:0 0 0 3px var(--selection-bg)}input[type=checkbox]{width:20px;height:20px;border-radius:6px;border:2px solid #ececf2;cursor:pointer;appearance:none;-webkit-appearance:none;background-color:#fff;transition:all .2s}input[type=checkbox]:checked{background-color:var(--btn-primary);border-color:var(--btn-primary);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='white' d='M10.28 2.28L3.989 8.575 1.695 6.28A1 1 0 00.28 7.695l3 3a1 1 0 001.414 0l7-7A1 1 0 0010.28 2.28z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center}.card{background:var(--color-surface);border-radius:var(--radius-card);padding:var(--card-padding);box-shadow:var(--shadow-card);transition:all .2s}.card:hover{box-shadow:var(--shadow-modal);transform:translateY(-2px)}.completed{color:var(--color-completed);text-decoration:line-through}#root{width:100vw!important;max-width:100vw!important;margin:0!important;padding:0!important;min-height:100vh;overflow-x:hidden}.error-boundary{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#fff8e7,#ffe8d6);padding:20px}.error-boundary-content{background:#fff;border-radius:16px;padding:48px 32px;max-width:600px;width:100%;text-align:center;box-shadow:0 20px 60px #0000004d}.error-icon{font-size:80px;margin-bottom:24px;animation:shake .5s ease-in-out}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-10px)}75%{transform:translate(10px)}}.error-boundary-content h1{font-size:28px;font-weight:700;color:#1a1a1a;margin-bottom:16px}.error-message{font-size:16px;color:#666;line-height:1.6;margin-bottom:32px}.error-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.error-actions button{padding:12px 24px;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-primary{background:linear-gradient(135deg,#e63946,#d62828);color:#fff}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 16px #e6394666}.btn-secondary{background:#f5f5f5;color:#333}.btn-secondary:hover{background:#e5e5e5;transform:translateY(-2px)}.error-details{margin-top:32px;text-align:left;background:#f8f9fa;border-radius:8px;padding:16px}.error-details summary{cursor:pointer;font-weight:600;color:#e63946;-webkit-user-select:none;user-select:none;padding:8px}.error-details summary:hover{color:#d62828}.error-stack{margin-top:16px;padding:16px;background:#fff;border-radius:4px;border:1px solid #e0e0e0}.error-stack h3{font-size:14px;font-weight:600;color:#333;margin-bottom:8px;margin-top:16px}.error-stack h3:first-child{margin-top:0}.error-stack pre{background:#1a1a1a;color:#f8f8f2;padding:12px;border-radius:4px;overflow-x:auto;font-size:12px;line-height:1.5;font-family:Courier New,Courier,monospace;white-space:pre-wrap;word-wrap:break-word}@media(max-width:640px){.error-boundary-content{padding:32px 24px}.error-icon{font-size:60px}.error-boundary-content h1{font-size:24px}.error-message{font-size:14px}.error-actions{flex-direction:column}.error-actions button{width:100%}}@font-face{font-family:KokDisplay;src:url(/fonts/Jua-Regular.ttf) format("truetype");font-weight:400;font-display:swap}:root{scroll-behavior:smooth}body:has(.kok-site){background:#fff;height:auto;color:#20232a}#root:has(.kok-site){max-width:none;padding:0;margin:0;text-align:left;min-height:100vh}.kok-site{--kok-red:#ff3045;--kok-ink:#20232a;--kok-muted:#60646e;background:#fff;color:var(--kok-ink);font-family:Pretendard,sans-serif;min-height:100vh}.kok-site *{box-sizing:border-box}.kok-site h1,.kok-site h2,.kok-site h3{color:var(--kok-ink)}.kok-site a:hover{opacity:1}.kok-site a:focus-visible,.kok-site button:focus-visible,.kok-site input:focus-visible{outline:3px solid #1776d2;outline-offset:5px}.kok-shell{width:min(1280px,calc(100% - 96px));margin-inline:auto}.kok-header-inner{height:84px;display:flex;align-items:center;justify-content:space-between}.kok-brand{display:inline-flex;gap:13px;align-items:center;color:var(--kok-ink)!important;font-size:36px;font-weight:700;letter-spacing:-1.5px}.kok-brand img{border-radius:12px;display:block}.kok-header nav{display:flex;gap:44px}.kok-header nav a{font-weight:700;font-size:16px;color:var(--kok-ink);padding-block:12px}.kok-header nav a:hover,.kok-footer nav a:hover{color:var(--kok-red)}.kok-hero{display:grid;grid-template-columns:1.08fr 1fr;align-items:center;gap:50px;min-height:520px;padding:24px 0 28px}.kok-hero-art{display:block;width:100%;height:auto;aspect-ratio:1;max-height:clamp(420px,39vw,550px);object-fit:contain;transform:scale(1.1)}.kok-hero h1{font-family:KokDisplay,Pretendard,sans-serif;font-weight:400;font-size:clamp(42px,6.4vw,84px);line-height:1.27;letter-spacing:-2.3px;margin:0 0 26px;word-break:keep-all}.kok-site em{font-style:normal;color:var(--kok-red)}.kok-hero p,.kok-about p{font-size:24px;font-weight:500;line-height:1.7;color:var(--kok-muted);letter-spacing:-.6px;margin:0 0 30px;word-break:keep-all}.kok-stores{display:flex;gap:14px;flex-wrap:wrap}.kok-store{display:inline-flex;justify-content:center;align-items:center;gap:14px;background:#171a24;color:#fff!important;border:2px solid #171a24;border-radius:12px;min-height:66px;padding:16px 27px;font-size:20px;font-weight:700;box-shadow:0 3px #080a11;transition:transform .15s,background .15s;white-space:nowrap}.kok-store svg{width:27px;height:29px;flex-shrink:0}.kok-store:hover{background:#303440;transform:translateY(-2px)}.kok-store:active{transform:translateY(2px);box-shadow:none}.kok-about{border-top:1px solid #e5e6eb;display:grid;grid-template-columns:.85fr 1.15fr;grid-template-rows:minmax(0,1fr);gap:30px;height:500px;align-items:center;overflow:hidden;padding-top:42px;scroll-margin-top:30px}.kok-about h2{font-family:KokDisplay,Pretendard,sans-serif;font-weight:400;font-size:58px;line-height:1.35;letter-spacing:-1.5px;margin:0 0 24px;white-space:nowrap}.kok-about p{font-size:20px;margin:0}.kok-product-shots{display:flex;gap:18px;align-self:start;padding:12px 6px 0;transform:rotate(-2deg)}.kok-product-shots img{display:block;width:calc(50% - 9px);height:auto;align-self:start;border:6px solid #292a29;border-radius:34px;box-shadow:0 0 0 3px #e2e2df;background:#fff9ed}.kok-product-shots img+img{margin-top:22px;transform:rotate(4deg)}.kok-download{position:relative;display:flex;align-items:center;gap:28px;background:#fff2f3;border-radius:22px;padding:38px 40px;margin:0 -10px 28px;scroll-margin-top:28px}.kok-download>img{border-radius:21px;flex-shrink:0}.kok-download>div:not(.kok-stores){flex:1}.kok-download p{font-size:16px;color:#70747c;margin:0 0 8px}.kok-download h2{font-size:28px;line-height:1.35;letter-spacing:-1px;margin:0;font-weight:700;word-break:keep-all}.kok-download .kok-store{font-size:18px;padding:14px 22px;min-height:62px}.kok-footer-inner{min-height:90px;display:flex;align-items:center;justify-content:space-between;gap:24px}.kok-brand-small{font-size:23px;gap:9px;letter-spacing:-.8px}.kok-brand-small img{border-radius:7px}.kok-footer nav{display:flex;gap:26px;flex-wrap:wrap}.kok-footer nav a{font-size:13px;color:#626773}.kok-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.kok-skip-link{position:absolute;left:20px;top:-100px;z-index:10;background:#fff;padding:16px}.kok-skip-link:focus{top:12px}@media(min-width:1440px){.kok-hero{min-height:650px}.kok-about{height:575px}}@media(max-width:1100px){.kok-shell{width:calc(100% - 64px)}.kok-hero{gap:24px;min-height:540px}.kok-hero h1{font-size:46px}.kok-hero p{font-size:18px}.kok-store{font-size:17px;padding:14px 18px;gap:10px;min-height:58px}.kok-about{height:490px}.kok-about h2{font-size:36px}.kok-about p{font-size:17px}.kok-download{flex-wrap:wrap}.kok-download .kok-stores{margin-left:auto}.kok-download h2{font-size:24px}}@media(max-width:720px){.kok-shell{width:calc(100% - 40px)}.kok-header-inner{height:72px}.kok-brand{font-size:28px;gap:9px}.kok-brand img{width:36px;height:36px;border-radius:10px}.kok-header nav{gap:20px}.kok-header nav a{font-size:13px}.kok-hero{grid-template-columns:1fr;gap:8px;padding:24px 0 48px;min-height:auto;text-align:center}.kok-hero-art{width:min(350px,95%);margin:auto;transform:none}.kok-hero h1{font-size:43px;line-height:1.27;letter-spacing:-1.4px;margin-bottom:18px}.kok-hero p{font-size:16px;line-height:1.7;margin-bottom:25px}.kok-stores{justify-content:center;gap:10px}.kok-store{font-size:16px;padding:14px 16px;min-height:56px;gap:9px}.kok-store svg{width:22px;height:24px}.kok-about{grid-template-columns:1fr;grid-template-rows:auto auto;height:580px;gap:34px;padding-top:46px;text-align:center;align-content:start}.kok-about h2{font-size:33px;margin-bottom:15px;white-space:normal}.kok-about p{font-size:16px}.kok-product-shots{max-width:470px;width:100%;margin:auto;gap:15px}.kok-product-shots img{width:calc(50% - 7.5px);border-width:4px;border-radius:23px}.kok-download{padding:28px 20px;margin:0 0 26px;gap:18px;justify-content:center;text-align:center}.kok-download>img{width:60px;height:60px;border-radius:15px}.kok-download>div:not(.kok-stores){flex:0 1 100%}.kok-download h2{font-size:23px}.kok-download p{font-size:14px}.kok-download .kok-stores{margin:0}.kok-download .kok-store{font-size:15px;padding:13px 14px;min-height:54px}.kok-footer-inner{flex-direction:column;align-items:flex-start;padding-block:24px;gap:22px}.kok-footer nav{gap:18px}.kok-footer nav a{font-size:12px}.kok-brand-small{font-size:22px}.kok-brand-small img{width:26px;height:26px}}@media(max-width:360px){.kok-shell{width:calc(100% - 32px)}.kok-hero h1{font-size:37px}.kok-store{font-size:14px;padding:12px}.kok-header nav{gap:14px}.kok-about{height:520px}.kok-about h2{font-size:29px}.kok-footer nav{gap:12px}}@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}.kok-site *{transition:none!important}}.privacy-policy-container{min-height:100vh;background-color:var(--bg-primary);padding:40px 20px}.privacy-policy-content{max-width:800px;margin:0 auto;background:var(--bg-tertiary);border-radius:var(--radius-card);padding:40px;box-shadow:var(--shadow-card)}.privacy-policy-content h1{font-size:32px;font-weight:var(--font-weight-heading);color:var(--text-primary);margin-bottom:20px;text-align:center}.intro{line-height:1.8;color:var(--text-secondary);margin-bottom:40px;padding:20px;background:var(--bg-secondary);border-radius:var(--radius-input);border-left:4px solid var(--btn-primary)}.privacy-policy-content section{margin-bottom:40px}.privacy-policy-content h2{font-size:22px;font-weight:var(--font-weight-heading);color:var(--text-primary);margin-bottom:16px;padding-bottom:8px;border-bottom:2px solid var(--divider-color)}.privacy-policy-content h3{font-size:18px;font-weight:600;color:var(--text-primary);margin-top:20px;margin-bottom:12px}.privacy-policy-content p{line-height:1.8;color:var(--text-secondary);margin-bottom:12px}.privacy-policy-content ul{margin:12px 0;padding-left:24px}.privacy-policy-content li{line-height:1.8;color:var(--text-secondary);margin-bottom:8px}.privacy-policy-content strong{color:var(--text-primary);font-weight:600}.contact-info{background:var(--bg-secondary);padding:20px;border-radius:var(--radius-input);margin-top:16px}.contact-info p{margin-bottom:8px}@media(max-width:768px){.privacy-policy-content{padding:24px}.privacy-policy-content h1{font-size:24px}.privacy-policy-content h2{font-size:20px}.privacy-policy-content h3{font-size:16px}}.support-container{min-height:100vh;background-color:var(--bg-primary);padding:40px 20px}.support-content{max-width:800px;margin:0 auto;background:var(--bg-tertiary);border-radius:var(--radius-card);padding:40px;box-shadow:var(--shadow-card)}.support-content h1{font-size:32px;font-weight:var(--font-weight-heading);color:var(--text-primary);margin-bottom:12px;text-align:center}.support-subtitle{text-align:center;color:var(--text-secondary);font-size:16px;margin-bottom:40px;line-height:1.6}.support-content section{margin-bottom:40px}.support-content h2{font-size:22px;font-weight:var(--font-weight-heading);color:var(--text-primary);margin-bottom:16px;padding-bottom:8px;border-bottom:2px solid var(--divider-color)}.support-content h3{font-size:18px;font-weight:600;color:var(--text-primary);margin-top:20px;margin-bottom:12px}.support-content p{line-height:1.8;color:var(--text-secondary);margin-bottom:12px}.support-content ul{margin:12px 0;padding-left:24px}.support-content li{line-height:1.8;color:var(--text-secondary);margin-bottom:8px}.support-content strong{color:var(--text-primary);font-weight:600}.support-contact-box{background:var(--bg-secondary);padding:24px;border-radius:var(--radius-input);margin-top:16px;border-left:4px solid var(--btn-primary)}.support-contact-box p{margin-bottom:8px}.support-contact-box a{color:var(--btn-primary);text-decoration:none;font-weight:600}.support-contact-box a:hover{text-decoration:underline}.faq-item{background:var(--bg-secondary);border-radius:var(--radius-input);padding:20px;margin-bottom:16px}.faq-question{font-weight:600;color:var(--text-primary);margin-bottom:8px;font-size:16px}.faq-answer{color:var(--text-secondary);line-height:1.8;margin-bottom:0}.support-footer{padding-top:20px;border-top:1px solid var(--divider-color);text-align:center}.support-footer p{color:var(--text-tertiary);font-size:14px}@media(max-width:768px){.support-content{padding:24px}.support-content h1{font-size:24px}.support-content h2{font-size:20px}.support-content h3{font-size:16px}}.terms-container{min-height:100vh;background-color:var(--bg-primary);padding:40px 20px}.terms-content{max-width:800px;margin:0 auto;background:var(--bg-tertiary);border-radius:var(--radius-card);padding:40px;box-shadow:var(--shadow-card)}.terms-content h1{font-size:32px;font-weight:var(--font-weight-heading);color:var(--text-primary);margin-bottom:20px;text-align:center}.effective-date{text-align:center;color:var(--text-secondary);font-size:14px;margin-bottom:30px}.terms-content section{margin-bottom:32px}.terms-content h2{font-size:20px;font-weight:var(--font-weight-heading);color:var(--text-primary);margin-bottom:16px;padding-bottom:8px;border-bottom:2px solid var(--divider-color)}.terms-content p{line-height:1.8;color:var(--text-secondary);margin-bottom:12px}.terms-content ul{margin:12px 0;padding-left:24px}.terms-content li{line-height:1.8;color:var(--text-secondary);margin-bottom:8px}.terms-content strong{color:var(--text-primary);font-weight:600}.footer-section{padding-top:20px;border-top:1px solid var(--divider-color);text-align:center}.footer-section p{color:var(--text-tertiary);font-size:14px}@media(max-width:768px){.terms-content{padding:24px}.terms-content h1{font-size:24px}.terms-content h2{font-size:18px}}