/* 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 .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}}

/* A shared answer notebook: cream stationery, blue and terracotta ink, muted
   paper ruling, linen covers, index tabs. The two voices stay distinct through
   the cover, writing, paired pages and image. Parent local Korean type, 8px base
   spacing and fine edges preserve the family without a dashboard card grid. */
:root{--memory-blue:#30312c;--memory-coral:#30312c}.memory-home .hero h1{font-size:clamp(54px,7vw,84px);line-height:1.14}.memory-home .hero h1 span{color:#30312c}.memory-home .hero-description{margin-top:26px}.notebook-art{position:relative;max-width:440px;margin:18px auto 0;padding:18px 16px 18px 22px;background:#d9d7c9;border-radius:3px 17px 17px 3px;transform:rotate(3deg);border-left:12px solid #a4aa98}.book-cover{position:relative;background:repeating-linear-gradient(#fffdf6 0,#fffdf6 34px,#e8e7df 35px,#fffdf6 36px);padding:35px 26px 24px;min-height:432px;border-left:2px solid #dab29d}.book-tab{position:absolute;top:-14px;right:30px;background:#bdc9cb;color:#30312c;padding:10px 18px;border-radius:3px;font-size:12px;font-weight:700}.book-index{font-size:11px;letter-spacing:1px;color:#696960}.book-question{font-size:28px;line-height:1.4;font-weight:800;letter-spacing:-1px;margin:20px 0}.hand-note{font-size:18px;line-height:1.7;margin:20px 0;transform:rotate(-2deg);font-weight:600}.hand-note small{display:block;font-size:11px;font-weight:400;opacity:.8}.blue{color:var(--memory-blue)}.coral{color:var(--memory-coral)}.book-bottom{display:flex;justify-content:space-between;margin-top:30px;font-size:12px;color:#696960}.book-bottom span{font-size:22px}.book-caption{display:block;font-size:11px;text-align:right;margin:14px 8px 0;color:#696960}.prompt-catalog{margin:28px 0 42px}.prompt-catalog details{border-top:1px solid #dcded2}.prompt-catalog details:last-child{border-bottom:1px solid #dcded2}.prompt-catalog summary{padding:18px 0;font-weight:700;cursor:pointer}.prompt-catalog summary span{font-size:12px;color:#696960;margin-right:20px}.prompt-catalog summary small{float:right;font-weight:400;color:#696960}.prompt-catalog ol{padding-left:32px;color:#696960;font-size:14px;line-height:2.4;margin:0 0 24px}.writer{max-width:850px;margin:0 auto}.write-top{display:flex;justify-content:space-between;gap:12px;font-size:12px;color:#696960;align-items:center}.chapter-heading{padding:25px 0}.chapter-heading h1{font-size:44px;letter-spacing:-2px;margin:8px 0}.chapter-heading p{color:#696960}.chapter-nav{display:flex;gap:8px;overflow-x:auto;padding:8px 0 14px}.chapter-nav button{flex:0 0 auto;padding:10px 14px;border:1px solid #d7d8cc;border-radius:4px;color:#696960;background:transparent;font:inherit;font-size:12px;cursor:pointer}.chapter-nav button[aria-current=step]{background:#30312c;color:#fffdf6;border-color:#30312c}.writing-note{display:flex;justify-content:space-between;gap:12px;font-size:12px;margin:22px 0 10px;padding:14px 0;border-top:1px solid #d7d8cc;border-bottom:1px solid #d7d8cc;color:#696960}.answer-field{padding:26px 0;border-bottom:1px solid #ddded4}.answer-field label{display:block;font-size:21px;line-height:1.5;font-weight:700;letter-spacing:-.6px}.answer-field label>span{display:block;font-size:11px;color:#696960;letter-spacing:1px;margin-bottom:7px}.answer-field textarea{display:block;resize:vertical;width:100%;min-height:135px;padding:18px 16px;margin:16px 0 8px;border:1px solid #deded2;border-radius:5px;background:#fcfaf4;color:#30312c;font:inherit;font-size:16px;line-height:1.8}.answer-field textarea:focus{outline:2px solid #64645e;outline-offset:2px}.answer-tools{display:flex;align-items:center;justify-content:space-between;gap:14px}.answer-tools small{font-size:11px;color:#696960}.answer-tools .text-button{font-size:12px;color:#696960}.chapter-controls{display:flex;justify-content:space-between;margin:28px 0;gap:12px}.write-finish{position:sticky;bottom:0;display:flex;align-items:center;justify-content:space-between;gap:16px;background:#f7f5eef5;border-top:1px solid #dddccf;padding:16px 0 20px;z-index:3}.write-finish p{font-size:12px;color:#696960}.write-finish .button{font-size:14px}.book-view{max-width:960px;margin:auto}.book-heading{max-width:700px;margin:30px auto;text-align:center}.book-heading h1{font-size:48px;line-height:1.3;letter-spacing:-2px;overflow-wrap:anywhere}.book-heading>p{font-size:16px;line-height:1.9;color:#696960}.book-actions{max-width:650px;display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin:30px auto 40px}.book-actions>.micro{flex-basis:100%;text-align:center}.received-list{padding:26px;margin:26px 0;background:#eceee3;border-radius:6px}.received-list h2{font-size:20px;margin:0 0 20px}.received-list h2 span{color:#696960;font-size:13px;font-weight:400}.received-list p{font-size:14px;color:#696960}.book-filter{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:45px 0 15px;font-size:13px;color:#696960}.book-filter select{width:auto;max-width:65%;padding:10px 30px 10px 12px;background:#fcfaf3;border:1px solid #d2d5c6;color:#30312c;font:inherit;border-radius:4px}.paired-page{background:#fcfaf3;border:1px solid #e0dfd3;border-left:4px solid #c8cdbf;padding:30px;margin:0 0 26px;border-radius:3px 12px 12px 3px}.paired-page[hidden]{display:none}.page-question>span{font-size:11px;color:#696960}.page-question h2{font-size:23px;line-height:1.6;margin:12px 0 22px;letter-spacing:-.7px}.answer-columns{display:grid;grid-template-columns:1fr 1fr;gap:30px}.written-answer h3{font-size:13px;margin:0 0 14px;overflow-wrap:anywhere}.written-answer p{white-space:pre-wrap;overflow-wrap:anywhere;font-size:17px;line-height:1.9;margin:0 0 24px}.written-answer .unwritten{opacity:.68;font-size:15px}.paired-page>.text-button{font-size:12px;color:#696960}.book-end{text-align:center;padding:38px 0 26px}.book-end>span{font-size:32px;font-weight:700}.book-end>p{color:#696960;font-size:14px;margin:20px 0 28px}.file-field{margin-top:26px;border-top:1px solid #d8dbce;padding-top:20px}.file-field input{font-size:13px;max-width:100%;width:100%;padding:12px;background:#f1f0e6;border:1px dashed #c6cbb9}.draft-shelf{padding:24px;background:#e9ece1;margin:24px 0;border-radius:5px}.draft-shelf p{font-size:13px;color:#696960}.subheading{margin-top:32px}#share-link,#manual-copy,#import-link{width:100%;min-height:110px;font:inherit;font-size:13px;line-height:1.7;padding:12px;word-break:break-all;resize:vertical;border:1px solid #d3d7c7;background:#fcfaf5;margin-bottom:16px}#modal .full+.full{margin-top:12px}.book-view .reply-row>span{overflow-wrap:anywhere}button:disabled{opacity:.4;cursor:not-allowed}button:focus-visible,a:focus-visible,select:focus-visible{outline:2px solid #64645e;outline-offset:4px}
@media(max-width:700px){.notebook-art{max-width:310px;padding:15px 10px 12px 12px;margin:22px auto 18px}.book-cover{padding:26px 19px 20px;min-height:350px}.book-question{font-size:23px;margin:14px 0}.hand-note{font-size:15px;margin:14px 0}.book-bottom{font-size:10px;margin-top:20px}.book-tab{font-size:10px;right:18px;padding:8px 12px}.book-caption{font-size:10px}.memory-home .hero h1{font-size:56px}.chapter-heading h1{font-size:36px}.writing-note{font-size:10px}.write-top{font-size:10px}.write-top .back{font-size:12px}.answer-field label{font-size:19px}.write-finish{flex-direction:column;align-items:stretch;gap:7px;padding:10px 0 max(12px,env(safe-area-inset-bottom))}.write-finish p{margin:0;text-align:center;font-size:11px}.book-heading h1{font-size:35px}.book-heading>p{font-size:14px}.book-actions{flex-direction:column;align-items:stretch}.answer-columns{grid-template-columns:1fr;gap:10px}.written-answer+.written-answer{border-top:1px dashed #deded1;padding-top:20px}.paired-page{padding:22px 20px}.page-question h2{font-size:21px}.received-list{padding:20px}.prompt-catalog summary{font-size:14px}.prompt-catalog summary small{font-size:11px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

/* 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}}

.result-share-actions{display:grid;grid-template-columns:1fr;gap:10px;width:100%}.result-share-actions .button{font-size:14px}.book-utilities{display:flex;flex-wrap:wrap;justify-content:center;gap:12px 22px;width:100%;padding-top:8px}.book-utilities .text-button{font-size:12px}.answer-columns.single-answer{grid-template-columns:1fr}
@media(max-width:359px){.result-share-actions .button{font-size:12px;padding-left:10px;padding-right:10px}}

/* Short links and ownership controls follow the existing paper palette. */
.share-notice{padding:18px;border:1px solid var(--line,#dedbd1);background:#f4f1e8;border-radius:12px;margin:18px 0;color:#30312c}.share-notice p{margin-bottom:0;font-size:14px;line-height:1.7}.share-entry{padding:16px 0;border-bottom:1px solid #dedbd1}.share-entry p{margin:6px 0;font-size:13px;color:#64655e}.share-entry>div{display:flex;gap:20px;flex-wrap:wrap}#share-link{min-height:90px;overflow-wrap:anywhere}

.expand-questions{display:block;margin:24px auto 0;text-align:center}