@import "https://fonts.googleapis.com/css2?family=Song+Myung&family=Hahmlet:wght@400;500;600&family=Gowun+Dodum&family=Nanum+Brush+Script&family=Nanum+Gothic:wght@400;700;800&family=Noto+Serif+KR:wght@400&family=Noto+Sans+KR:wght@400&display=swap";
:root{--dk-bg:#f4efe4;--dk-card:#fdfaf3;--dk-mat:#e9e2d2;--dk-ink:#26221a;--dk-body:#4a4438;--dk-muted:#6b6354;--dk-faint:#a1998a;--dk-line:#ddd5c4;--dk-accent:#9c4a3c;--dk-accent-text:#7a3529;--dk-tint:#f6e7e2;--dk-tint-line:#e8cfc7;--dk-kakao-bg:#fee500;--dk-kakao-border:#e5cf00;--dk-kakao-text:#191600;--dk-font-title:"Song Myung", serif;--dk-font-body:"Nanum Gothic", sans-serif;--dk-font-mono:ui-monospace, Menlo, monospace;--dk-size-wordmark:38px;--dk-size-title:26px;--dk-size-btn:18px;--dk-size-btn-hero:20px;--dk-size-input:18px;--dk-size-input-alt:17px;--dk-size-lead:16px;--dk-size-body:15px;--dk-size-label:14px;--dk-size-meta:14px;--dk-size-caption:12.5px;--dk-lh-body:1.7;--dk-lh-poem:1.9;--dk-lh-title:1.1;--dk-screen-w:390px;--dk-screen-h:844px;--dk-gutter:24px;--dk-btn-h:56px;--dk-btn-h-hero:64px;--dk-nav-h:64px;--dk-radius:4px;--dk-radius-card:7px;--dk-radius-tag:3px;--dk-border-input:1.5px;--dk-plate-mat:5px;--dk-shadow-sm:0 1px 2px #0000001a;--dk-shadow-md:0 3px 10px #00000024;--dk-plate-grade:none;--dk-btn-primary-bg:var(--dk-tint);--dk-btn-primary-bg-hover:var(--dk-tint-line);--dk-btn-primary-border:1.5px solid var(--dk-accent);--dk-btn-primary-text:var(--dk-accent-text)}
*,:before,:after{box-sizing:border-box}html,body{background:var(--dk-bg);color:var(--dk-body);font-family:var(--dk-font-body);font-size:var(--dk-size-body);line-height:var(--dk-lh-body);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;padding:0}body{min-height:100dvh}a{color:var(--dk-accent-text);border-bottom:1px solid var(--dk-tint-line);text-decoration:none}a:hover{border-bottom-color:var(--dk-accent)}button,input,textarea{font-family:inherit;font-size:inherit;color:inherit}.screen{max-width:430px;min-height:100dvh;padding:0 var(--dk-gutter);background:var(--dk-bg);flex-direction:column;margin:0 auto;display:flex}.title{font-family:var(--dk-font-title);font-size:var(--dk-size-title);line-height:var(--dk-lh-title);letter-spacing:.03em;color:var(--dk-ink);margin:0}.title+.rule{background:var(--dk-accent);border:0;width:30px;height:1px;margin:12px 0 0}.lead{font-size:var(--dk-size-lead);color:var(--dk-body);margin:0}.caption{font-size:var(--dk-size-caption);color:var(--dk-faint);margin:0}.muted{color:var(--dk-muted)}.btn{width:100%;min-height:var(--dk-btn-h);border-radius:var(--dk-radius);font-family:var(--dk-font-body);font-size:var(--dk-size-btn);cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;font-weight:700;transition:background-color .12s;display:flex}.btn:disabled{opacity:.5;cursor:default}.btn:focus-visible{outline:2px solid var(--dk-accent);outline-offset:2px}.btn--primary{background:var(--dk-btn-primary-bg);border:var(--dk-btn-primary-border);color:var(--dk-btn-primary-text)}.btn--primary:hover:not(:disabled){background:var(--dk-btn-primary-bg-hover)}.btn--hero{min-height:var(--dk-btn-h-hero);font-size:var(--dk-size-btn-hero)}.btn--confirm{background:var(--dk-card);border:1px solid var(--dk-muted);color:var(--dk-ink)}.btn--confirm:hover:not(:disabled){background:var(--dk-tint)}.btn--soft{background:var(--dk-tint);border:1px solid var(--dk-tint-line);color:var(--dk-accent-text)}.btn--soft:hover:not(:disabled){background:var(--dk-tint-line)}.btn--ghost{border:1px solid var(--dk-line);color:var(--dk-muted);background:0 0;font-size:17px;font-weight:400}.btn--ghost:hover:not(:disabled){background:var(--dk-tint)}.btn--kakao{background:var(--dk-kakao-bg);border:1px solid var(--dk-kakao-border);color:var(--dk-kakao-text)}.btn--kakao:hover:not(:disabled){background:#f5dd00}.btn--link{border:0;border-bottom:1px solid var(--dk-line);color:var(--dk-muted);font-size:var(--dk-size-body);background:0 0;width:auto;min-height:44px;margin:0 auto;padding:0 4px;font-weight:400}.btn--link:hover{color:var(--dk-accent-text);border-bottom-color:var(--dk-accent)}.field{flex-direction:column;gap:7px;display:flex}.field>label{font-size:var(--dk-size-label);color:var(--dk-body);font-weight:700}.input,.textarea{width:100%;min-height:var(--dk-btn-h);background:var(--dk-card);border:var(--dk-border-input) solid var(--dk-line);border-radius:var(--dk-radius);color:var(--dk-ink);font-size:var(--dk-size-input);padding:14px}.input--alt{font-size:var(--dk-size-input-alt)}.input--art,.textarea{font-family:var(--dk-art-font,var(--dk-font-title))}.textarea{line-height:var(--dk-lh-poem);resize:none}.input:focus,.textarea:focus{border-color:var(--dk-accent);outline:none}.plate{background:var(--dk-mat);border:1px solid var(--dk-line);padding:var(--dk-plate-mat);line-height:0}.plate>img{width:100%;height:auto;display:block}.notice{background:var(--dk-tint);border:1px solid var(--dk-tint-line);border-radius:var(--dk-radius-card);color:var(--dk-accent-text);padding:18px 16px}.tag{border-radius:var(--dk-radius-tag);border:1px solid var(--dk-line);color:var(--dk-faint);padding:5px 10px;font-size:13px;display:inline-block}.tag--on{background:var(--dk-tint);border-color:var(--dk-tint-line);color:var(--dk-accent-text)}.nav{background:var(--dk-bg);border-top:1px solid var(--dk-line);width:100%;max-width:430px;margin:0 auto;display:flex;position:sticky;bottom:0}.nav>a,.nav>.nav-off{height:var(--dk-nav-h);color:var(--dk-muted);border:0;border-top:2px solid #0000;flex:1;justify-content:center;align-items:center;margin-top:-1px;font-size:15px;display:flex}.nav>a[aria-current=page]{color:var(--dk-accent-text);border-top-color:var(--dk-accent);font-weight:700}.nav>.nav-off{color:var(--dk-faint);opacity:.55;cursor:default;-webkit-user-select:none;user-select:none;pointer-events:none}.hr{background:var(--dk-line);border:0;height:1px;margin:0}.stack{flex-direction:column;display:flex}.gap-8{gap:8px}.gap-14{gap:14px}.gap-10{gap:10px}.gap-12{gap:12px}.gap-18{gap:18px}.gap-22{gap:22px}.gap-26{gap:26px}.grow{flex:1}.pt-36{padding-top:36px}.pt-44{padding-top:44px}.pb-24{padding-bottom:24px}.pb-32{padding-bottom:32px}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.progress{background:var(--dk-mat);border:1px solid var(--dk-line);border-radius:var(--dk-radius-tag);width:100%;height:10px;overflow:hidden}.progress>.progress-run{background:var(--dk-accent);width:42%;height:100%;animation:1.9s ease-in-out infinite dkslide;display:block}@keyframes dkslide{0%{transform:translate(-100%)}to{transform:translate(240%)}}