@font-face{font-family:WeLetterText;src:url('/fonts/gowundodum.woff2') format('woff2');font-display:swap}
@font-face{font-family:WeLetterNote;src:url('/fonts/nanumpenscript.woff2') format('woff2');font-display:swap}
:root{font-family:WeLetterText,system-ui,sans-serif;color:#51425f;background:#f7f1fc;font-synthesis:none;line-height:1.8;color-scheme:light}
*{box-sizing:border-box}html{scroll-padding-top:24px}body{margin:0;background:radial-gradient(ellipse at 0 0,#ffe4ef,transparent 55%),radial-gradient(ellipse at 100% 20%,#deedff,transparent 48%);min-height:100svh}a{color:#694681;text-underline-offset:4px;overflow-wrap:anywhere}a:focus-visible,summary:focus-visible{outline:3px solid #8353a1;outline-offset:5px}img{max-width:100%;height:auto}.skip{position:absolute;left:16px;top:-100px;z-index:2;background:#fff;padding:10px}.skip:focus{top:10px}.wrap{width:min(1040px,calc(100% - 40px));margin:auto}.site-header{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;padding:24px 0;border-bottom:1px solid #ddd0e5}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-size:22px;font-weight:700}.brand img{width:46px;height:46px;border-radius:12px}.site-nav{display:flex;flex-wrap:wrap;gap:8px 22px;font-size:14px}.site-nav a{padding:6px 0}.site-nav [aria-current=page]{font-weight:700;text-decoration-thickness:2px}.hero{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:48px;padding:72px 0}.eyebrow{font-size:13px;color:#775683;letter-spacing:.12em;margin:0 0 14px}.hero h1{font-size:clamp(34px,4.8vw,54px);line-height:1.35;letter-spacing:-.035em;margin:0 0 22px;font-weight:400;color:#5d3e76;word-break:keep-all}.hero-copy{font-size:17px;max-width:440px;margin:0 0 28px;word-break:keep-all}.actions{display:flex;gap:12px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:10px 21px;border:1px solid #cbb3d5;border-radius:13px;background:#fff9ff;text-decoration:none;box-shadow:0 3px 0 #d9c9e3}.button.primary{background:#70518a;color:#fff;border-color:#70518a;box-shadow:0 3px 0 #513566}.letter-window{position:relative;padding:48px 28px 28px;border:1px solid #c8b5d8;border-radius:22px;background:#fffcff;box-shadow:0 20px 55px #8f73a321;overflow:hidden;transform:rotate(2deg)}.titlebar{position:absolute;top:0;left:0;right:0;height:30px;padding:11px 15px;display:flex;gap:6px;background:linear-gradient(100deg,#f5d2e8,#d6d2f7,#c8e6f9);border-bottom:1px solid #d9cce6}.titlebar i{width:7px;height:7px;background:#eaa2c3;border-radius:50%}.titlebar i:nth-child(2){background:#ebd29a}.titlebar i:nth-child(3){background:#b7a6dd}.letter-paper{padding:22px 20px 28px;background:repeating-linear-gradient(#fffaf0 0 38px,#eee3d7 38px 39px);border:1px solid #e8dcca;font-family:WeLetterNote,cursive;font-size:30px;line-height:1.3;color:#655476}.letter-paper p{margin:0 0 22px}.letter-paper .signature{text-align:right;margin:0}.sample-caption{margin:14px 0 0;font-size:12px;color:#7f6c88;text-align:center}.hero-note{font-size:13px;margin:20px 0 0;color:#796582}.feature{display:grid;grid-template-columns:70px 1fr 1.1fr;gap:24px;padding:35px 0;border-top:1px solid #dbcee4;align-items:start}.feature-number{font-size:15px;color:#94779e}.feature h2{font-size:25px;line-height:1.5;font-weight:400;margin:0;word-break:keep-all}.feature p{margin:0;word-break:keep-all}.info-band{padding:28px 32px;border:1px solid #d6c7e2;border-radius:18px;background:#fcfaff;margin:28px 0 48px}.info-band h2{font-size:22px;margin:0 0 8px}.info-band p{margin:0}.site-footer{border-top:1px solid #d9cde2;padding:25px 0 35px;color:#796582;font-size:13px}.site-footer nav{display:flex;gap:12px 22px;flex-wrap:wrap;margin-bottom:10px}.site-footer p{margin:4px 0}.document{max-width:800px;margin:45px auto 60px;background:#fffdfd;border:1px solid #e0d3e6;border-radius:20px;padding:40px 46px;box-shadow:0 12px 38px #977eab0e}.document h1{font-size:34px;line-height:1.4;font-weight:400;margin:0 0 10px;color:#5d3e76;word-break:keep-all}.document .date{font-size:13px;color:#7c6a87;margin-bottom:26px}.document h2{font-size:21px;line-height:1.6;margin:36px 0 10px;padding-top:14px;border-top:1px solid #ece2f0;word-break:keep-all}.document h3{font-size:17px;margin:22px 0 8px}.document p{margin:10px 0}.document ul,.document ol{padding-left:23px}.document li{padding-left:3px;margin:6px 0}.document .notice{padding:18px 20px;border-left:3px solid #b89bc9;background:#f7f1fb;border-radius:0 10px 10px 0}.contents{display:flex;gap:7px 18px;flex-wrap:wrap;font-size:14px;margin:24px 0}.data-list{margin:16px 0}.data-list dt{font-weight:700;margin-top:20px}.data-list dd{margin:5px 0 0}.document strong{color:#5d3e76}details{padding:14px 0;border-top:1px solid #e8deed}summary{cursor:pointer;font-weight:700}.back-top{display:inline-block;margin-top:25px} @media(max-width:650px){.wrap{width:calc(100% - 36px)}.site-header{padding:18px 0;gap:10px}.site-nav{gap:5px 18px;font-size:13px}.hero{grid-template-columns:1fr;gap:38px;padding:38px 0 46px}.hero-copy{font-size:16px}.letter-window{max-width:410px;width:calc(100% - 10px);margin:0 auto}.feature{grid-template-columns:35px 1fr;gap:8px 14px;padding:25px 0}.feature p{grid-column:2}.feature h2{font-size:22px}.info-band{padding:22px}.document{margin-top:25px;padding:28px 20px;border-radius:16px}.document h1{font-size:29px}.document h2{font-size:20px}.document p,.document li,.data-list{font-size:15px}.letter-paper{font-size:28px}.site-footer{padding-bottom:28px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@media print{body{background:#fff}.site-header,.site-footer,.skip,.back-top{display:none}.wrap{width:100%}.document{border:0;box-shadow:none;padding:0;max-width:none}.document h2{break-after:avoid}a{color:inherit}}

/* Keep terms and deletion together even when the site navigation wraps. */
.terms-and-account { display: inline-flex; align-items: center; gap: 16px; white-space: nowrap; }
.delete-entry {
  border: 0; padding: 0; background: transparent; cursor: pointer;
  color: #694681; font: inherit; line-height: inherit; text-decoration: underline; text-underline-offset: 4px;
}
.delete-entry:focus-visible, dialog :focus-visible { outline: 2px solid #8353a1; outline-offset: 3px; }
:is(#aboutDeletionNotice, #accountDeleteDialog) {
  box-sizing: border-box; width: min(440px, calc(100% - 32px)); max-height: 85dvh;
  padding: 22px; border: 1px solid #cdbbd9; border-radius: 16px; color: #51425f;
  background: #fffcff; box-shadow: 0 12px 46px #51425f33; overflow: auto;
}
:is(#aboutDeletionNotice, #accountDeleteDialog)::backdrop { background: #30243966; }
:is(#aboutDeletionNotice, #accountDeleteDialog) h2 { margin: 0 0 10px; font-size: 21px; }
#accountDeleteDialog p, #aboutDeletionMessage { margin: 10px 0; }
#accountDeleteDialog input { box-sizing: border-box; width: 100%; padding: 10px; border: 1px solid #bcacc8; border-radius: 8px; font: inherit; }
.dialog-actions { display: flex; justify-content: flex-end; align-items: center; gap: 12px; margin: 18px 0 0; }
.dialog-actions button, #aboutDeletionLogin {
  display: inline-flex; min-height: 44px; align-items: center; padding: 6px 14px;
  border: 1px solid #cdbbd9; border-radius: 9px; background: #f6f0fa; color: #51425f; font: inherit; cursor: pointer;
}
#aboutDeletionLogin[hidden] { display: none; }
#accountDeleteConfirm { background: #8d3650; color: white; border-color: #8d3650; }
#accountDeleteConfirm:disabled { opacity: .5; cursor: default; }