.letter{--l-paper:#fff;--l-ink:#1a1a1a;--l-ink-3:#a6a6a6;--l-rule:#e6e6e6;background:var(--l-paper);min-height:100dvh;color:var(--l-ink);-webkit-font-smoothing:antialiased;padding-inline:24px;font-family:Noto Serif KR,Georgia,Times New Roman,serif;font-size:16px;font-weight:400;line-height:1.95}.letter .sheet{max-width:34rem;margin:0 auto;padding-block:clamp(56px,10vw,110px) clamp(72px,10vw,120px)}.letter p{text-wrap:pretty;margin:0}.letter p+p{margin-top:1.5em}.letter b{font-weight:600}.letter a{color:inherit}.letter .head{color:var(--l-ink-3);letter-spacing:.06em;font-size:13px}.letter .head .nm{color:var(--l-ink)}.letter .body{margin-top:clamp(44px,7vw,72px);font-size:16.5px}.letter .works{margin-top:1.9em}.letter .works p{margin-top:1.25em}.letter .works p:first-child{margin-top:0}.letter .close{margin-top:2.4em}.letter .sign{border-top:1px solid var(--l-rule);margin-top:clamp(44px,6vw,64px);padding-top:clamp(22px,3vw,30px)}.letter .sign a{border-bottom:1px solid var(--l-ink);padding-bottom:2px;font-size:16.5px;text-decoration:none}.letter .sign a:hover{border-bottom-width:2px}.letter .flip{perspective:600px;font-weight:600;display:inline-block}.letter .flip-inner{transform-style:preserve-3d;line-height:1.5;transition:transform .42s cubic-bezier(.2,.85,.25,1);display:inline-block;position:relative}.letter .flip:hover .flip-inner{transform:rotateX(-90deg)}.letter .flip .f,.letter .flip .b{backface-visibility:hidden;padding:0 .22em;display:block}.letter .flip .f{transform:translateZ(.75em)}.letter .flip .b{color:#fff;background:#e6005c;position:absolute;inset:0;transform:rotateX(90deg)translateZ(.75em)}@media (prefers-reduced-motion:reduce){.letter .flip-inner{transition:none}}.letter .label{color:var(--l-ink-3);letter-spacing:.04em;margin-top:2.6em;font-size:13px;line-height:1.6}.letter .label+.apps,.letter .label+.works{margin-top:1.1em}.letter .app-group .group{color:var(--l-ink);letter-spacing:.04em;margin:1.1em 0 .7em;font-size:13px;font-weight:600;line-height:1.6}.letter .app-group+.app-group .group{margin-top:2em}.letter .open+.app-group .group{margin-top:2.6em}.letter .apps{margin:0;padding:0;list-style:none}.letter .apps li{align-items:flex-start;gap:14px;display:flex}.letter .apps li+li{margin-top:1.5em}.letter .apps .ic{width:44px;height:44px;box-shadow:0 0 0 1px var(--l-rule);border-radius:11px;flex:none;margin-top:4px}.letter .apps .tx{min-width:0}.letter .apps p{margin:0}.letter .apps .nm{line-height:1.6}.letter .apps .nm b{margin-right:.5em}.letter .apps .cat{color:var(--l-ink-3);white-space:nowrap;font-size:13px}.letter .apps .ds{margin-top:.15em}.letter .apps .lk{margin-top:.25em;font-size:14px;line-height:1.6}.letter .apps .lk a{border-bottom:1px solid var(--l-rule);margin-right:1em;text-decoration:none}.letter .apps .lk a:hover{border-bottom-color:var(--l-ink)}.letter .apps .tx{flex:1}.letter .apps .qr{width:68px;height:68px;fill:var(--l-ink);background:var(--l-paper);box-shadow:0 0 0 1px var(--l-rule);flex:none;margin-top:4px}@media (max-width:760px){.letter .apps .qr,.letter .qr-note{display:none}}.letter .note{color:var(--l-ink-3);margin-top:1.4em;font-size:13px;line-height:1.7}.letter .biz{color:var(--l-ink-3);flex-wrap:wrap;gap:2px 14px;margin-top:18px;font-size:12px;line-height:1.7;display:flex}.letter .head{justify-content:space-between;align-items:baseline;gap:16px;display:flex}.letter .head a{text-decoration:none}.letter .head .lang{color:var(--l-ink-3);border-bottom:1px solid var(--l-rule)}.letter .head .lang:hover{color:var(--l-ink);border-bottom-color:var(--l-ink)}.letter .facts{grid-template-columns:max-content 1fr;gap:.35em 1.2em;margin:1.1em 0 0;font-size:15px;line-height:1.7;display:grid}.letter .facts dt{color:var(--l-ink-3)}.letter .facts dd{overflow-wrap:anywhere;min-width:0;margin:0}@media (max-width:420px){.letter .facts{grid-template-columns:1fr;gap:0}.letter .facts dd+dt{margin-top:.6em}}.letter .label+.claude{margin-top:1.1em}.letter .apps .nm .ko{color:var(--l-ink-3);margin-right:.6em;font-size:13px}.letter .foot{color:var(--l-ink-3);flex-wrap:wrap;gap:2px 14px;margin-top:10px;font-size:12px;line-height:1.7;display:flex}.letter .foot a{color:var(--l-ink-3);border-bottom:1px solid var(--l-rule);text-decoration:none}.letter .foot a:hover{color:var(--l-ink);border-bottom-color:var(--l-ink)}
