/* Intent: a friend opens a DM and discovers an affectionate surprise in under two minutes.
   Palette: cream stationery, charcoal pen, coral correction mark, pale peach notes, muted olive captions.
   Depth: surface shifts; paper layers use fine edges, never heavy shadows.
   Typography: local Korean system sans, dense bold titles and readable conversational copy.
   Spacing: 4px base. The paired POV motif repeats in logo, illustration, questions, comparison and export. */
:root{--paper:#f7f5ee;--sheet:#fdfbf6;--ink:#272822;--pencil:#64665b;--caption:#76786e;--muted:#a2a296;--coral:#e66345;--coral-ink:#b43b24;--peach:#f4d7cb;--olive:#e6e8da;--line:rgba(39,40,34,.15);--line-soft:rgba(39,40,34,.08);--line-strong:rgba(39,40,34,.32);--control:#efede5;--focus:#bd452b;--radius:20px;--font:"Pretendard","Apple SD Gothic Neo","Malgun Gothic",system-ui,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font);font-size:15px;line-height:1.6;word-break:keep-all;-webkit-font-smoothing:antialiased}button,input,textarea{font:inherit}button,a,input,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid var(--focus);outline-offset:4px}button:disabled{opacity:.42;cursor:not-allowed}button{color:inherit}::selection{background:var(--peach)}.skip{position:fixed;left:16px;top:-100px;background:var(--ink);color:var(--paper);padding:12px 20px;z-index:10}.skip:focus{top:12px}.site-header{max-width:1200px;margin:auto;padding:27px 40px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.brand{display:flex;gap:10px;align-items:center;font-size:18px;font-weight:850;letter-spacing:-.8px}.brand-eyes{display:flex;gap:1px;transform:rotate(-10deg);height:29px;align-items:center}.brand-eyes i{position:relative;display:block;width:16px;height:23px;border:1.7px solid var(--ink);border-radius:50%;background:var(--sheet)}.brand-eyes i:after{content:"";position:absolute;width:6px;height:10px;border-radius:50%;background:var(--ink);right:2px;top:7px}.text-button{border:0;background:none;padding:8px 0;font-size:13px;color:var(--pencil);text-underline-offset:5px}.text-button:hover{text-decoration:underline;color:var(--ink)}.text-button span{margin-left:14px}.site-footer{max-width:1120px;margin:64px auto 0;padding:24px 0;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;font-size:11px;color:var(--caption)}.site-footer strong{font-weight:600;color:var(--pencil)}#app{outline:none;min-height:calc(100svh - 220px)}.home{max-width:1120px;margin:auto}.hero{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center;padding:64px 0 48px}.eyebrow{display:flex;align-items:center;gap:8px;font-size:11px;letter-spacing:2px;font-weight:700;text-transform:uppercase}.eyebrow:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--coral)}.hero h1{font-size:clamp(56px,6.4vw,86px);line-height:1.12;letter-spacing:-6px;font-weight:900;margin:22px 0 24px}.hero h1 span{position:relative;z-index:0;white-space:nowrap}.hero h1 span:after{content:"";position:absolute;left:-3px;right:0;bottom:5px;height:16px;background:var(--peach);z-index:-1;transform:rotate(-1deg)}.hero-description{font-size:17px;line-height:1.85;margin:0;color:var(--pencil);letter-spacing:-.5px}.hero-description strong{color:var(--ink);font-weight:600}.start-block{margin-top:32px;max-width:360px}.button{min-height:56px;display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:15px 24px;border:1px solid transparent;border-radius:14px;background:var(--ink);color:var(--sheet);font-size:15px;font-weight:700;letter-spacing:-.3px;transition:background .15s,transform .15s}.button:hover{background:#3d3e35;transform:translateY(-1px)}.button:active{transform:translateY(0)}.button .arrow{font-size:22px;font-weight:400;margin-left:auto;line-height:1}.button.secondary{background:var(--sheet);color:var(--ink);border-color:var(--line)}.button.secondary:hover{background:var(--control)}.button.coral{background:var(--coral);color:var(--sheet)}.button.coral:hover{background:var(--coral-ink)}.full{width:100%}.micro{font-size:12px;color:var(--caption);margin:10px 0;text-align:center}.micro b{font-weight:400;margin:0 9px;color:var(--muted)}.sample-link{display:block;margin:18px auto 0;border:0;background:none;font-size:13px;color:var(--pencil);text-decoration:underline;text-underline-offset:4px}.pov-art{position:relative;min-height:450px;display:flex;align-items:center;justify-content:center}.pov-art:before{content:"";position:absolute;inset:28px 20px 10px 36px;border-radius:49% 49% 41% 45%;background:var(--olive);opacity:.65;transform:rotate(8deg)}.art-caption{position:absolute;top:0;left:32px;display:flex;align-items:center;gap:12px;font-family:Georgia,serif;font-style:italic;font-size:17px;transform:rotate(-5deg)}.art-caption:after{content:"↘";font-size:35px}.portrait{position:absolute;width:240px;height:314px;padding:18px;border:1px solid var(--line);background:var(--sheet);border-radius:6px;display:flex;flex-direction:column;align-items:center}.portrait.me{left:16px;top:69px;transform:rotate(-9deg)}.portrait.friend{right:0;top:128px;transform:rotate(10deg)}.portrait .portrait-label{width:100%;font-size:11px;display:flex;align-items:center;justify-content:space-between;letter-spacing:.3px}.portrait .portrait-label strong{font-size:14px;letter-spacing:-.5px}.portrait-picture{width:100%;height:196px;margin:12px 0 9px;background:var(--olive);display:grid;place-items:center;overflow:hidden}.friend .portrait-picture{background:var(--coral)}.portrait-picture svg{width:180px;height:180px}.portrait p{font-size:16px;font-weight:750;margin:0;letter-spacing:-.5px}.art-sticker{position:absolute;right:5px;top:45px;background:var(--peach);border-radius:50%;width:90px;height:90px;display:grid;place-content:center;text-align:center;font-size:12px;line-height:1.5;font-weight:700;transform:rotate(12deg)}.art-sticker strong{font-size:26px;letter-spacing:-1px;line-height:1.1}.art-small{position:absolute;bottom:0;left:20px;font-size:11px;color:var(--caption);transform:rotate(-3deg)}.art-star{position:absolute;right:0;bottom:30px;font-size:56px;color:var(--coral);line-height:1}.how{display:grid;grid-template-columns:160px 1fr 1fr 1fr;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:24px 0;gap:28px;align-items:center}.how-title{font-size:13px;font-weight:700}.how-title small{display:block;color:var(--caption);font-size:10px;font-weight:400;letter-spacing:1.2px;margin-top:3px}.how-step{display:flex;gap:14px;align-items:baseline}.how-step>span{font:italic 22px Georgia,serif;color:var(--coral-ink)}.how-step strong{display:block;font-size:13px}.how-step p{font-size:12px;color:var(--caption);margin:3px 0 0}.bottom-note{display:flex;align-items:center;justify-content:space-between;padding-top:24px;font-size:12px;color:var(--pencil)}.pills{display:flex;gap:7px;flex-wrap:wrap}.pill{font-size:11px;border:1px solid var(--line);border-radius:24px;padding:4px 11px;color:var(--pencil)}.narrow{max-width:580px;margin:48px auto 0}.back{border:0;background:none;padding:6px 0;margin-bottom:24px;font-size:13px;color:var(--pencil)}.section-label{font-size:11px;font-weight:700;letter-spacing:1.6px;color:var(--coral-ink);text-transform:uppercase}.page-title{font-size:38px;line-height:1.3;letter-spacing:-1.7px;margin:12px 0 18px;font-weight:850}.body-copy{color:var(--pencil);font-size:15px;line-height:1.85;margin:0 0 24px}.setup-card{background:var(--sheet);border:1px solid var(--line);padding:32px;border-radius:var(--radius)}.field-label{display:block;font-size:13px;font-weight:700;margin-bottom:10px}input,textarea{background:var(--control);border:1px solid var(--line);border-radius:12px;width:100%;padding:16px;color:var(--ink);font-size:16px}input::placeholder,textarea::placeholder{color:var(--caption)}textarea{resize:vertical;min-height:120px;word-break:break-all;font-size:13px}.hint{font-size:12px;color:var(--caption);line-height:1.7;margin:8px 0 24px}.error{font-size:13px;color:var(--coral-ink);margin:8px 0;min-height:21px}.invite-note{padding:20px 24px;background:var(--peach);border-radius:16px;margin:24px 0;font-size:14px}.invite-note strong{font-weight:800}.invite-note p{margin:4px 0}.mini-faces{display:flex;justify-content:center;gap:0;margin:12px 0 20px}.mini-faces svg{width:100px;height:100px}.mini-faces svg+svg{margin-left:-16px;transform:rotate(12deg)}.question-top{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--pencil);margin-bottom:12px}.progress{height:4px;background:var(--olive);border-radius:4px;overflow:hidden;margin-bottom:36px}.progress span{height:100%;background:var(--coral);display:block;transition:width .2s}.question-title{font-size:30px;line-height:1.45;letter-spacing:-1.2px;margin:10px 0 26px;white-space:pre-line}.options{display:grid;gap:12px}.option{width:100%;border:1px solid var(--line);background:var(--sheet);border-radius:14px;text-align:left;min-height:66px;padding:16px 20px;display:flex;align-items:center;gap:14px;font-size:15px;line-height:1.5;transition:background .15s,border .15s}.option:hover{background:var(--control);border-color:var(--line-strong)}.option[aria-checked=true]{border-color:var(--coral);background:#fae7de}.option-key{border:1px solid var(--line);border-radius:8px;display:grid;place-content:center;width:28px;height:28px;flex:0 0 28px;color:var(--caption);font-size:12px}.option[aria-checked=true] .option-key{background:var(--coral);color:var(--sheet);border-color:var(--coral)}.question-actions{display:flex;gap:12px;margin-top:28px}.question-actions .button:first-child{flex:1}.question-actions .button:last-child{flex:2}.question-foot{font-size:12px;color:var(--caption);text-align:center;margin-top:20px}.room-header{text-align:center}.room-header .page-title{font-size:34px}.room-ticket{border:1px solid var(--line);border-radius:20px;background:var(--sheet);padding:28px;margin:24px 0}.ticket-top{display:flex;justify-content:space-between;align-items:center;padding-bottom:20px;border-bottom:1px dashed var(--line);margin-bottom:20px}.ticket-top strong{font-size:18px;letter-spacing:-.5px}.ticket-top span{font-size:11px;color:var(--caption)}.link-box{display:flex;gap:8px;margin:12px 0}.link-box input{font-size:12px;padding:12px;min-width:0}.link-box button{min-height:44px;flex-shrink:0;padding:10px 18px;font-size:13px;border-radius:12px}.info-note{font-size:12px;color:var(--caption);line-height:1.8;padding:0 4px}.reply-section{margin-top:36px}.subheading{display:flex;align-items:center;justify-content:space-between;font-size:17px;letter-spacing:-.5px}.count{font-size:12px;background:var(--olive);padding:2px 10px;border-radius:20px;margin-left:6px}.empty{padding:32px 24px;border:1px dashed var(--line-strong);border-radius:16px;text-align:center}.empty strong{font-size:15px}.empty p{font-size:13px;color:var(--caption);margin:8px 0 18px}.rows{display:grid;gap:12px}.reply-row{width:100%;display:flex;justify-content:space-between;align-items:center;text-align:left;border:1px solid var(--line);background:var(--sheet);padding:20px;border-radius:16px}.reply-row:hover{background:var(--control)}.reply-row strong{font-size:15px;display:block}.reply-row small{display:block;font-size:12px;color:var(--caption);margin-top:4px}.reply-row .reply-gap{font-size:24px;font-weight:800;color:var(--coral-ink);white-space:nowrap}.reply-row .reply-gap small{font-size:10px;text-align:right;font-weight:400}.result-page{max-width:1000px;margin:44px auto 0}.result-heading{text-align:center;margin-bottom:28px}.result-heading .page-title{font-size:36px}.result-heading .body-copy{margin-bottom:0;font-size:14px}.result-grid{display:grid;grid-template-columns:440px 1fr;gap:40px;align-items:start}.result-card{position:relative;border:1px solid var(--line);border-radius:8px;background:var(--sheet);padding:28px;overflow:hidden}.result-card:before{content:"";position:absolute;left:0;right:0;top:0;height:6px;background:var(--coral)}.card-header{display:flex;justify-content:space-between;font-size:10px;letter-spacing:1.5px;color:var(--pencil);align-items:center}.card-header .sample{font-size:10px;letter-spacing:0;color:var(--coral-ink);background:var(--peach);padding:2px 8px;border-radius:12px}.card-name{font-size:14px;color:var(--pencil);margin:28px 0 4px}.card-title{font-size:30px;line-height:1.3;letter-spacing:-1.2px;margin:0 0 20px}.duo{display:grid;grid-template-columns:1fr 1fr;gap:12px;position:relative}.duo:after{content:"↔";font:italic 17px Georgia,serif;position:absolute;left:50%;top:60px;transform:translateX(-50%);z-index:1;background:var(--sheet);border-radius:50%;width:32px;height:32px;display:grid;place-content:center}.duo-person{min-width:0;background:var(--olive);border-radius:12px;text-align:center;padding:14px 8px}.duo-person.friend{background:var(--peach)}.duo-person>span{font-size:11px;color:var(--pencil)}.duo-person svg{display:block;width:115px;height:115px;margin:0 auto}.duo-person strong{display:block;font-size:13px;letter-spacing:-.5px;min-height:42px;display:grid;place-content:center}.gap-row{display:flex;justify-content:space-between;align-items:end;padding:20px 0;border-bottom:1px dashed var(--line);margin-bottom:18px}.gap-row p{font-size:12px;color:var(--pencil);margin:0}.gap-row strong{font-size:54px;letter-spacing:-3px;line-height:1;color:var(--coral-ink)}.gap-row strong small{font-size:22px;letter-spacing:0}.gap-row .same{font-size:12px;color:var(--pencil);text-align:right}.gap-row .same b{font-size:22px;display:block;color:var(--ink);letter-spacing:-1px}.card-bottom{display:flex;justify-content:space-between;font-size:10px;color:var(--caption);gap:12px}.insight{margin:0 0 24px;font-size:14px;line-height:1.9;color:var(--pencil)}.insight strong{color:var(--ink)}.comparison{margin:24px 0}.axis{margin:20px 0 28px}.axis-head{display:flex;justify-content:space-between;margin-bottom:12px;font-size:12px}.axis-head strong{font-size:13px}.axis-head span{color:var(--caption);font-size:11px}.track{height:5px;background:var(--olive);position:relative;margin:0 8px}.dot{position:absolute;top:50%;width:12px;height:12px;border-radius:50%;background:var(--ink);transform:translate(-50%,-50%);border:2px solid var(--sheet)}.dot.friend{background:var(--coral);width:16px;height:16px;top:calc(50% + 5px)}.axis-labels{display:flex;justify-content:space-between;font-size:10px;color:var(--caption);margin-top:14px}.legend{display:flex;gap:20px;font-size:11px;color:var(--pencil)}.legend span:before{content:"";display:inline-block;width:7px;height:7px;background:var(--ink);border-radius:50%;margin-right:6px}.legend span+span:before{background:var(--coral)}.actions-stack{display:grid;gap:10px;margin-top:28px}.actions-pair{display:grid;grid-template-columns:1fr 1fr;gap:10px}.actions-pair .button{font-size:13px;padding:12px;min-height:48px}.result-explain{margin-top:32px;padding:20px 0;border-top:1px solid var(--line)}details{font-size:13px;color:var(--pencil)}summary{cursor:pointer;font-weight:600;padding:8px 0;color:var(--ink)}details p{font-size:12px;line-height:1.8}.answer-detail{padding:14px 0;border-bottom:1px solid var(--line-soft);font-size:12px}.answer-detail strong{display:block;margin-bottom:6px;font-size:13px}.answer-detail p{margin:2px 0}.answer-detail p:last-child{color:var(--coral-ink)}.new-round{margin-top:28px;padding:22px;background:var(--olive);border-radius:16px;display:flex;justify-content:space-between;align-items:center;gap:20px}.new-round p{margin:0;font-size:13px}.new-round strong{display:block;font-size:15px}.new-round .button{font-size:13px;min-height:44px;flex-shrink:0;padding:10px 16px}.label-sample{color:var(--coral-ink);font-size:12px;text-align:center;margin-bottom:16px}.collection-title{display:flex;align-items:center;justify-content:space-between}.danger{color:var(--coral-ink)}.collection-card{background:var(--sheet);border:1px solid var(--line);border-radius:16px;padding:20px;margin-top:12px;display:flex;align-items:center;justify-content:space-between;gap:12px}.collection-card p{font-size:12px;color:var(--caption);margin:4px 0}.collection-card strong{font-size:17px}.collection-card .button{min-height:42px;padding:8px 16px;font-size:13px}.error-page{text-align:center;padding:32px 0}.error-page .symbol{font-size:64px;color:var(--coral)}.toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%,20px);background:var(--ink);color:var(--sheet);padding:12px 22px;border-radius:14px;max-width:min(90vw,480px);width:max-content;font-size:13px;z-index:30;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s}.toast.show{opacity:1;transform:translate(-50%,0)}dialog{background:var(--sheet);color:var(--ink);border:1px solid var(--line);border-radius:24px;padding:28px;max-width:480px;width:calc(100% - 32px);max-height:85svh;overflow:auto}dialog::backdrop{background:rgba(39,40,34,.45)}dialog h2{font-size:23px;letter-spacing:-.7px;margin-top:0}dialog p,dialog li{font-size:13px;line-height:1.9;color:var(--pencil)}dialog .button{margin-top:12px}dialog .share-preview{display:block;width:100%;border:1px solid var(--line);border-radius:8px;margin-bottom:12px;max-height:48svh;object-fit:contain}.notice{border-radius:12px;background:var(--peach);padding:12px 16px;margin:16px 0;font-size:12px;color:var(--coral-ink)}.noscript{padding:32px;text-align:center}.page-enter{animation:enter .22s ease-out}@keyframes enter{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1450px){.hero{padding-top:88px;padding-bottom:68px}.pov-art{min-height:470px}}
@media(max-width:1199px){.home,.result-page{margin-left:40px;margin-right:40px}.hero{gap:28px}.site-footer{margin-left:40px;margin-right:40px}.pov-art{transform:scale(.92);transform-origin:center}.hero h1{font-size:70px}.how{grid-template-columns:120px 1fr 1fr 1fr;gap:20px}.result-grid{grid-template-columns:400px 1fr;gap:28px}}
@media(max-width:900px){.hero{gap:4px}.hero h1{font-size:58px;letter-spacing:-4px}.pov-art{transform:scale(.8);margin-left:-32px;margin-right:-20px}.how{grid-template-columns:1fr 1fr 1fr}.how-title{grid-column:1/-1}.how-title small{display:inline;margin-left:8px}.result-grid{grid-template-columns:1fr;max-width:520px;margin:auto}.result-card{padding:28px}.result-side{padding-top:4px}.result-page{max-width:580px;margin-left:auto;margin-right:auto}.site-header{padding:22px 28px}.bottom-note{align-items:start;gap:16px}.bottom-note>span{max-width:220px}}
@media(max-width:640px){.site-header{padding:19px 20px}.brand{font-size:15px;gap:8px}.brand-eyes{transform:scale(.85) rotate(-10deg);margin-left:-2px}.site-header .text-button{font-size:11px}.site-header .text-button span{margin-left:5px}.home{margin:0 24px}.hero{padding:35px 0 28px;display:flex;flex-direction:column;gap:0;align-items:stretch}.eyebrow{font-size:10px;letter-spacing:1.5px}.hero h1{font-size:57px;letter-spacing:-4px;line-height:1.1;margin:16px 0 16px}.hero-description{font-size:14px;line-height:1.7}.hero-copy{position:relative}.hero .start-block{max-width:none;margin-top:24px}.hero-art-wrap{order:-1;display:none}.mobile-art{display:block}.pov-art{height:250px;min-height:250px;transform:none;margin:14px auto 0;max-width:360px;width:100%}.pov-art:before{inset:22px 20px 0 36px}.portrait{width:160px;height:207px;padding:10px}.portrait.me{top:16px;left:12px;transform:rotate(-9deg)}.portrait.friend{top:34px;right:12px;transform:rotate(9deg)}.portrait-picture{height:125px;margin:6px 0}.portrait-picture svg{width:118px;height:118px}.portrait .portrait-label{font-size:8px}.portrait .portrait-label strong{font-size:10px}.portrait p{font-size:11px}.art-sticker{width:54px;height:54px;top:-1px;right:7px;font-size:8px;z-index:2}.art-sticker strong{font-size:18px}.art-caption,.art-small{display:none}.art-star{font-size:30px;bottom:0;right:4px}.hero h1 span:after{height:11px;bottom:4px}.start-block .button{min-height:56px}.sample-link{margin-top:12px;font-size:12px}.micro{font-size:11px}.how{display:flex;flex-direction:column;align-items:stretch;padding:20px 0;gap:18px}.how-title{display:none}.how-step{gap:14px}.how-step>span{font-size:19px}.how-step strong{font-size:12px;display:inline}.how-step p{display:inline;font-size:11px;margin-left:8px}.bottom-note{flex-direction:column;gap:12px;padding-top:20px;font-size:11px}.bottom-note>span{max-width:none}.site-footer{margin:40px 24px 0;padding:20px 0;font-size:10px}.site-footer .text-button{font-size:11px}.narrow{margin:28px 24px 0}.back{margin-bottom:20px}.page-title{font-size:31px;letter-spacing:-1.4px}.setup-card{padding:24px}.body-copy{font-size:14px}.question-title{font-size:26px;margin:12px 0 24px}.progress{margin-bottom:28px}.option{font-size:14px;padding:14px 16px;min-height:64px;gap:12px}.question-actions{margin-top:24px}.question-actions .button{min-height:52px}.room-header .page-title{font-size:29px}.room-ticket{padding:22px}.result-page{margin:28px 24px 0}.result-heading .page-title{font-size:29px}.result-heading .body-copy{font-size:12px}.result-card{padding:24px}.card-title{font-size:27px}.card-name{font-size:13px}.duo-person svg{width:100px;height:100px}.duo-person strong{font-size:12px}.gap-row strong{font-size:48px}.card-bottom{font-size:9px}.result-grid{gap:24px}.new-round{padding:20px;gap:12px}.new-round strong{font-size:13px}.new-round p{font-size:11px}.new-round .button{font-size:12px;padding:10px 12px}.question-foot{font-size:11px}.toast{bottom:20px}.collection-title .text-button{font-size:11px}.invite-note{font-size:13px;padding:18px}.body-copy br.desktop{display:none}}
@media(min-width:641px){.mobile-art{display:none}}
@media(max-width:359px){.brand{font-size:13px}.home,.narrow,.result-page{margin-left:18px;margin-right:18px}.hero h1{font-size:51px}.portrait{width:145px}.portrait.me{left:4px}.portrait.friend{right:4px}.result-card{padding:18px}.duo-person svg{width:86px;height:86px}.how-step p{display:block;margin-left:0}.card-title{font-size:24px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

/* Public explanations follow the existing paper design. */
.home-guide{margin-top:52px;padding-top:28px;border-top:1px solid var(--line);max-width:800px}.home-guide h2{font-size:22px;letter-spacing:-.8px;margin:0 0 12px}.home-guide>p{font-size:14px;line-height:1.9;color:var(--pencil)}.home-faq{margin-top:22px}.home-faq details{padding:10px 0;border-bottom:1px solid var(--line-soft)}.home-faq summary{font-size:14px}.home-faq details p{font-size:13px;max-width:72ch}.related-links,.footer-links{display:flex;flex-wrap:wrap;align-items:center;gap:16px}.related-links a{text-decoration:underline;text-underline-offset:4px;font-size:12px}.legal-page{max-width:740px;margin:40px auto;padding:0 24px}.legal-page h1{font-size:30px;line-height:1.4}.legal-page h2{margin-top:32px;font-size:20px}.legal-page p,.legal-page li{font-size:14px;color:var(--pencil);line-height:1.9}.legal-page a{text-decoration:underline;text-underline-offset:3px}@media(max-width:640px){.home-guide{margin-top:36px}.home-guide h2{font-size:19px}.home-guide>p{font-size:13px}.site-footer{align-items:flex-start;gap:18px}.footer-links{justify-content:flex-end;gap:10px;max-width:220px}}

/* Intent: a travel notebook for two friends. Palette: paper, passport ink, map green, coral stamp.
   Depth: tinted paper and fine borders. Local Korean fonts keep names legible. Spacing: 4px. */
:root{--ink:#272822;--pencil:#64645e;--caption:#77766f;--olive:#e5eadd;--focus:#a34c31;--coral-ink:#a34c31}
.brand-trip{display:grid;place-items:center;width:27px;height:30px;border:1.5px solid var(--ink);border-radius:5px;transform:rotate(-8deg);font-size:19px}.hero h1{font-size:76px;letter-spacing:-4.5px}.hero-description{max-width:440px}.hero .start-block{max-width:360px}.trip-art{position:relative;height:440px;max-width:430px;margin:0 auto;isolation:isolate}.map-slip{position:absolute;inset:22px 16px 20px 16px;background:#e5eadd;color:#f7f5ee;transform:rotate(-10deg);border:1px solid var(--line);overflow:hidden}.map-slip svg{width:100%;height:100%;opacity:.85}.trip-ticket{position:absolute;left:25px;right:10px;top:40px;background:var(--sheet);border:1px solid var(--line);padding:24px;transform:rotate(5deg);border-radius:5px}.ticket-kicker{font-size:10px;color:var(--caption);letter-spacing:1px;border-bottom:1px solid var(--line);padding-bottom:12px}.ticket-heading{font-size:25px;letter-spacing:-1px;line-height:1.4;display:block;margin-top:20px}.travelers{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}.travelers>div{text-align:center}.travelers svg{width:100px;height:100px;display:block;margin:auto}.travelers span{font-size:10px;color:var(--pencil)}.ticket-tear{margin:22px -24px 16px;border-top:1px dashed var(--line-strong)}.ticket-promise{display:flex;align-items:center;justify-content:space-between;gap:12px}.ticket-promise>span{font-size:10px;color:var(--caption)}.ticket-promise strong{font-size:13px;text-align:right;line-height:1.7}.trip-stamp{position:absolute;right:-8px;top:4px;z-index:2;transform:rotate(12deg);color:var(--coral-ink);border:2px solid var(--coral-ink);border-radius:50%;width:82px;height:82px;display:grid;align-content:center;justify-items:center;font-size:10px;line-height:1.4;background:var(--paper)}.trip-stamp strong{font-size:17px}.luggage-label{position:absolute;left:-8px;bottom:0;background:#e8d398;padding:7px 18px;border:1px solid var(--line);transform:rotate(-7deg);font-size:12px}.how{grid-template-columns:150px 1fr 1fr 1fr}.travel-topics{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0}.travel-topics span{font-size:12px;padding:5px 12px;border:1px solid var(--line);border-radius:5px}.trip-rules h2{font-size:23px;margin:0 0 8px;letter-spacing:-1px}.trip-rules>p{font-size:12px;color:var(--caption);margin:0 0 18px}.trip-rules ol{list-style:none;padding:0;margin:0;counter-reset:rule}.trip-rules li{counter-increment:rule;position:relative;padding:18px 0 18px 40px;border-top:1px solid var(--line)}.trip-rules li:before{content:'0' counter(rule);position:absolute;left:0;top:18px;font:italic 20px Georgia,serif;color:var(--coral-ink)}.trip-rules li>span{font-size:11px;color:var(--caption)}.trip-rules li p{font-size:15px;line-height:1.8;margin:5px 0 0}.travel-result-card:before{background:var(--ink)}.travel-result-card .card-title{margin:25px 0;font-size:27px}.travel-result-card .gap-row strong{color:var(--ink)}.ticket-disclaimer{font-size:11px;color:var(--caption);line-height:1.7;margin:0 0 20px}.trip-findings{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-top:40px;padding-top:24px;border-top:1px solid var(--line)}.trip-findings h2,.trip-comparison h2{font-size:20px;letter-spacing:-.6px}.finding{padding:10px 0}.finding strong{font-size:13px}.finding p,.trip-findings section>p{font-size:13px;color:var(--pencil);line-height:1.8;margin:5px 0}.trip-comparison{margin-top:32px;padding-top:16px;border-top:1px solid var(--line)}.trip-comparison .comparison{display:grid;grid-template-columns:1fr 1fr;gap:0 36px}.trip-comparison .micro{text-align:left}.duo:after{content:'+';font-style:normal}.duo-person strong{font-size:12px}.result-heading .eyebrow{font-size:10px}.question-top>span{text-align:right}.brand{white-space:nowrap}
@media(min-width:641px) and (max-width:1000px){.hero h1{font-size:58px}.trip-ticket{left:4px;right:4px;padding:20px}.ticket-heading{font-size:21px}.travelers svg{width:85px;height:85px}.trip-art{height:405px}.trip-stamp{right:-2px}.hero-description{font-size:14px}.how{grid-template-columns:1fr 1fr 1fr}.how-title{display:none}}
@media(max-width:640px){.hero h1{font-size:55px;letter-spacing:-3px}.hero .start-block{max-width:none}.trip-art{height:333px;max-width:350px;margin:22px auto 12px}.trip-ticket{top:26px;left:16px;right:8px;padding:18px}.ticket-heading{font-size:21px;margin-top:13px}.ticket-kicker{font-size:9px;padding-bottom:9px}.travelers{margin-top:8px}.travelers svg{width:78px;height:78px}.travelers span{font-size:9px}.ticket-tear{margin:14px -18px 12px}.ticket-promise strong{font-size:11px}.trip-stamp{width:64px;height:64px;right:0;top:0;font-size:8px}.trip-stamp strong{font-size:14px}.luggage-label{bottom:-2px;font-size:10px;left:0}.trip-findings{grid-template-columns:1fr;gap:16px;margin-top:28px}.trip-comparison .comparison{grid-template-columns:1fr}.trip-rules h2{font-size:21px}.trip-rules li p{font-size:14px}.travel-result-card .card-title{font-size:25px}.brand{font-size:14px}.site-header .text-button{font-size:10px}.brand-trip{width:23px;height:26px}.how-step p{font-size:10px;margin-left:5px}.trip-art .map-slip{bottom:12px}}
@media(max-width:359px){.hero h1{font-size:48px}.ticket-heading{font-size:19px}.travelers span{font-size:8px}.brand{font-size:12px}.brand-trip{width:21px;height:24px}.trip-art{height:326px}.how-step p{display:block;margin-left:0}}

/* Domain: shared keys, fridge notes, mugs, slippers, quiet evenings. Cream paper,
   charcoal ink, faded sage enamel, brass keys, coral checks. The fridge note is
   repeated in the welcome, invitation and rules. Existing local Korean type and
   8px spacing keep the parent family; thin paper edges carry the depth. */
.house-art{position:relative;max-width:430px;min-height:440px;margin:auto;background:#e6e3da;border:1px solid #cfcbc0;border-radius:25px;padding:46px 32px 38px;transform:rotate(2deg)}.fridge-handle{position:absolute;left:12px;top:85px;width:7px;height:110px;background:#aaa69a;border-radius:8px}.house-note{position:relative;background:#fdfbf6;padding:25px 20px 22px;transform:rotate(-5deg);box-shadow:0 3px 8px #343c1c0b}.house-note>p{font-size:12px;color:#696960;margin:0 0 14px}.house-note>strong{font-size:27px;line-height:1.45;letter-spacing:-1px}.note-tape{position:absolute;top:-12px;left:36%;width:100px;height:27px;background:#d9b989aa;transform:rotate(4deg)}.house-note .travelers{margin:20px 0 16px}.house-note .travelers svg{width:100px}.house-note .travelers span{font-size:11px}.note-check{border-top:1px dashed #cccbbb;padding-top:14px;line-height:2;font-size:13px}.house-key{display:block;margin-top:24px;text-align:right;font-size:12px;color:#696960}.hero h1{font-size:clamp(44px,5.4vw,64px)}@media(max-width:700px){.house-art{max-width:315px;min-height:360px;padding:30px 25px}.house-note{padding:22px 16px}.house-note>strong{font-size:24px}.house-note .travelers svg{width:82px}.house-note .travelers span{font-size:10px}.house-key{margin-top:16px}.hero h1{font-size:44px}}

/* User preference: the original eyes mark and neutral ink. Accent is for paper
   details and data dots; headings and prose read in charcoal and pencil gray. */
.site-header .brand-eyes{flex-shrink:0;gap:2px;height:31px;transform:rotate(-8deg);margin:0 2px 0 0}.site-header .brand-eyes i{width:16px;height:24px;border-width:1.8px}.site-header .brand-eyes i:after{right:2px;top:8px;width:6px;height:9px}.hero h1,.memory-home .hero h1 span,.card-title,.page-title,.book-heading h1,.chapter-heading h1{color:var(--ink)}.hero h1 span{color:var(--ink)}.eyebrow,.section-label,.card-header,.ticket-kicker{color:var(--pencil)}.brand{color:var(--ink)}.house-note .travelers span{color:var(--pencil)}.written-answer h3,.hand-note small{color:var(--pencil)}.written-answer p,.hand-note{color:var(--ink)}.chapter-nav button[aria-current=step]{color:#fdfbf6}.house-note>strong{font-size:26px}.book-cover{color:var(--ink)}
@media(max-width:700px){.site-header .brand-eyes{transform:scale(.88) rotate(-8deg);gap:1px;width:31px}.site-header .brand{gap:8px;font-size:14px}.site-header #collection-button{font-size:11px}.house-note>strong{font-size:24px}}
@media(max-width:359px){.site-header .brand{font-size:12px}.site-header #collection-button{font-size:10px}}

@media(max-width:359px){.hero h1{font-size:40px}}