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

.button.kakao{background:#fee500;color:#191919;border-color:#fee500}.button.kakao:hover{background:#f4dc00;border-color:#f4dc00}.room-ticket>.button+.button{margin-top:10px}.button.kakao[hidden]{display:none}