.gift-demo{min-height:100svh;color:var(--foreground);background:var(--background);overflow-wrap:anywhere;padding:1.5rem 1.25rem 3rem}.gift-demo__shell{max-width:1040px;margin:auto}.gift-demo__back{align-items:center;gap:.5rem;min-height:44px;font-size:.8rem;display:inline-flex}.gift-demo a{text-underline-offset:4px}.gift-demo__welcome{margin-block:2rem 3rem}.gift-demo__intro{max-width:680px}.gift-demo__badge{border:1px solid var(--primary);color:var(--primary);letter-spacing:.06em;border-radius:999px;padding:.3rem .8rem;font-size:.75rem;display:inline-block}.gift-demo h1{font-family:var(--font-serif);letter-spacing:-.035em;text-wrap:balance;margin-block:1rem 1.5rem;font-size:clamp(2.2rem,4.6vw,3.7rem);line-height:1.16}.gift-demo h1.gift-demo__headline-zh{letter-spacing:-.035em;text-wrap:initial;max-width:none;font-size:clamp(1.65rem,7.4vw,3.4rem)}.gift-demo__headline-zh>span{white-space:nowrap;display:block}.gift-demo h2{font-family:var(--font-serif);text-wrap:balance;margin-bottom:1rem;font-size:clamp(1.5rem,3vw,2.15rem);line-height:1.3}.gift-demo h3{margin-block:.6rem;font-size:1.05rem;font-weight:600}.gift-demo p{line-height:1.7}.gift-demo__intro>p{color:var(--muted-foreground);margin-top:.85rem;font-size:.875rem}.gift-demo__intro>.gift-demo__subtitle{color:var(--foreground);font-size:1.1rem}.gift-demo__actions{flex-wrap:wrap;align-items:center;gap:1rem 1.5rem;margin-top:1.5rem;display:flex}.gift-demo__preview-link{min-height:44px;color:var(--primary);align-items:center;text-decoration:underline;display:inline-flex}.gift-demo__cta{background:var(--primary);min-height:44px;color:var(--primary-foreground);border-radius:.4rem;justify-content:center;align-items:center;gap:.75rem;padding:.9rem 1.25rem;font-weight:600;display:inline-flex}.gift-demo__mobile{display:none}.gift-demo__gift{border:1px solid color-mix(in srgb, var(--primary) 22%, transparent);background:color-mix(in srgb, var(--card) 90%, var(--primary) 2%);border-radius:.6rem;grid-template-columns:minmax(0,1fr);gap:1rem;padding:1.5rem;scroll-margin-top:1rem;display:grid}.gift-demo__preview-label{color:var(--primary);letter-spacing:.08em;border-bottom:1px solid var(--border);padding-bottom:.75rem;font-size:.75rem}.gift-demo__cover{width:156px;min-width:0;margin-inline:auto;padding-right:14%}.gift-demo__cover .song-artwork{aspect-ratio:1;width:100%;margin:0}.gift-demo__message,.gift-demo__playback{min-width:0}.gift-demo__recipient{color:var(--primary);font-size:.875rem}.gift-demo__message h2{margin-block:.5rem;font-size:clamp(1.6rem,3vw,2.4rem)}.gift-demo__dedication{font-family:var(--font-serif);font-size:1.1rem}.gift-demo__sender{color:var(--muted-foreground);margin-top:.5rem;font-size:.875rem}.gift-demo__sync{color:var(--muted-foreground);margin-bottom:.75rem;font-size:.75rem}.gift-demo__sync a{text-decoration:underline}.gift-demo__excerpts{border-top:1px solid var(--border);padding-top:1rem}.gift-demo__excerpts>p{color:var(--muted-foreground);font-size:.85rem}.gift-demo__excerpts>h3{font-family:var(--font-serif);margin-top:1.75rem;font-size:1.45rem}.gift-demo button{cursor:pointer;min-height:44px}.gift-demo__excerpts>button,.gift-demo__copy button{color:var(--primary);text-underline-offset:5px;font-weight:600;text-decoration:underline}.gift-demo__detail-list{gap:.75rem;margin-top:1rem;display:grid}.gift-demo__detail-list button{text-align:start;border:1px solid var(--border);border-radius:.4rem;flex-direction:column;gap:.5rem;min-width:0;padding:1rem;font-size:.875rem;display:flex}.gift-demo__detail-list button>*{text-overflow:ellipsis;min-width:0;display:block;overflow:hidden}.gift-demo [aria-pressed=true]{border-color:var(--primary);background:color-mix(in srgb, var(--primary) 7%, transparent)}.gift-demo__eyebrow{letter-spacing:.06em;color:var(--muted-foreground);font-size:.7rem}.gift-demo__listen{color:var(--primary);font-weight:600}.gift-demo__lyrics{border-block:1px solid var(--border);margin-top:1.5rem;padding-block:.5rem}.gift-demo summary{cursor:pointer;align-content:center;min-height:44px}.gift-demo__lyrics>div{font-family:var(--font-serif);padding:1rem .5rem;line-height:1.8}.gift-demo__verse{margin-top:1.5rem}.gift-demo__gloss{color:var(--muted-foreground);font-size:.85rem}.gift-demo__buyer{max-width:850px;margin:3.5rem auto}.gift-demo__buyer>p,.gift-demo__checks p{color:var(--muted-foreground);font-size:.9rem}.gift-demo__checks{gap:1.5rem;margin-top:1.5rem;display:grid}.gift-demo__scenes{flex-wrap:wrap;gap:.6rem;margin-block:1.5rem;display:flex}.gift-demo__scenes button{border:1px solid var(--border);border-radius:999px;padding:.6rem 1rem;font-size:.875rem}.gift-demo blockquote{font-family:var(--font-serif);border-left:2px solid var(--primary);background:var(--card);padding:1rem 1.5rem;font-size:1.25rem;line-height:1.8}.gift-demo__copy{font-size:.8rem}.gift-demo__copy p{min-height:1.5rem;color:var(--muted-foreground)}.gift-demo__fine{font-size:.75rem}.gift-demo__footer{text-align:center;max-width:650px;margin:3rem auto}.gift-demo__footer p{color:var(--muted-foreground);margin-block:1rem;font-size:.8rem}.gift-demo__footer .gift-demo__next{color:var(--foreground);font-size:1rem}.gift-demo__footer>a:last-child{align-items:center;min-height:44px;font-size:.85rem;text-decoration:underline;display:inline-flex}.gift-demo__questions{max-width:750px;margin:4rem auto 0}.gift-demo__questions h2{font-size:1.2rem}.gift-demo__questions details{border-bottom:1px solid var(--border);padding-block:.5rem;font-size:.875rem}.gift-demo__questions details p{color:var(--muted-foreground);padding-block:.75rem}.gift-demo__questions nav{flex-wrap:wrap;gap:1.5rem;margin-top:1rem;font-size:.75rem;display:flex}.gift-demo__questions nav a{align-items:center;min-height:44px;text-decoration:underline;display:inline-flex}.gift-demo :is(a,button,textarea,summary):focus-visible{outline:2px solid var(--primary);outline-offset:5px}@media (width>=768px){.gift-demo{padding-top:2rem}.gift-demo__welcome{grid-template-columns:minmax(0,1fr) 220px;align-items:center;gap:3rem;display:grid}.gift-demo__mobile{border-left:1px solid var(--border);min-width:0;padding-left:1.5rem;display:block}.gift-demo__mobile h2{font-family:inherit;font-size:.875rem;font-weight:600;line-height:1.6}.gift-demo__mobile p,.gift-demo__mobile a{font-size:.75rem}.gift-demo__mobile a{align-items:center;min-height:44px;text-decoration:underline;display:inline-flex}.gift-demo__qr{background:#fff;width:160px;height:160px;margin-block:.75rem}.gift-demo__qr img{width:160px;height:160px}.gift-demo__local-note{color:var(--muted-foreground)}.gift-demo__gift{grid-template-columns:minmax(0,1fr);align-items:center;gap:1.5rem 2rem;padding:2rem}.gift-demo__preview-label,.gift-demo__playback{grid-column:1/-1}.gift-demo__cover{width:100%;max-width:260px}.gift-demo__detail-list{grid-template-columns:repeat(3,minmax(0,1fr))}.gift-demo__checks{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=767px){.gift-demo__welcome{margin-block:1rem 2rem}.gift-demo__gift{padding:1rem}.gift-demo__actions{flex-direction:column;align-items:stretch}.gift-demo__message{text-align:center}}@media (prefers-reduced-motion:reduce){.gift-demo *,.gift-demo :before,.gift-demo :after{scroll-behavior:auto;transition:none!important;animation:none!important}}.gift-demo__playback .music-transport-wave{display:none}.gift-demo__wave{max-width:560px;height:36px;color:var(--primary);margin-bottom:.5rem}.gift-demo[data-envelope] .gift-demo__gift{margin-top:.75rem}.gift-demo__explain{border-top:1px solid var(--border);color:var(--primary);letter-spacing:.08em;text-align:center;margin-block:3rem 0;padding-top:2rem;font-size:.8rem}.gift-demo[data-envelope] .gift-demo__welcome{margin-top:1.5rem}@media (width<=767px){.gift-demo[data-envelope] .gift-demo__cover{order:3}.gift-demo[data-envelope] .gift-demo__playback{order:2}}.gift-demo__buyer-zone{border:1px solid var(--border);border-top:4px solid var(--primary);border-radius:var(--paper-radius);background:color-mix(in srgb, var(--primary) 8%, var(--background));margin-top:2rem;padding:clamp(1rem,3vw,2rem)}.gift-demo__buyer-label{color:var(--primary)}.gift-demo__buyer-note{max-width:44rem;margin-bottom:1rem;font-size:.875rem}