:root{color:#303932;font-synthesis:none;--green:#324c3e;--muted:#777e74;--line:#e5e3da;--rose:#ae6657;background:#f7f4ee;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;font-size:18px;font-weight:400;line-height:1.6}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0}button,input,textarea,select{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}button:disabled{cursor:default;opacity:.5}button,a,input,textarea,select{outline-offset:4px}button:focus-visible,a:focus-visible{outline:2px solid var(--rose)}.prototype-bar{text-align:center;letter-spacing:1px;color:#59674f;background:#e9ede5;padding:7px 20px;font-size:13px}.site-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;max-width:1240px;margin:auto;padding:30px 42px;display:flex}.brand{color:var(--green);letter-spacing:-.6px;align-items:center;gap:11px;font-family:Georgia,serif;font-size:24px;display:flex}.brand-sub{letter-spacing:1.7px;color:#858a7d;margin-top:2px;font:10px/1.8 sans-serif;display:block}.site-header nav{color:#697064;align-items:center;gap:28px;font-size:14px;display:flex}.site-header nav a:hover{color:var(--rose)}.stage-tag{border:1px solid #d6dace;border-radius:30px;padding:6px 13px;font-size:12px}.intro{text-align:center;padding:30.5px 20px 36px}.eyebrow{letter-spacing:2.5px;color:#7c8678;font-size:11px;font-weight:600}.intro .eyebrow{justify-content:center;align-items:center;gap:9px;display:flex}.eyebrow>span{background:var(--rose);border-radius:50%;width:5px;height:5px}h1{letter-spacing:1px;margin:22px 0 17px;font-family:Georgia,Songti SC,STSong,serif;font-size:clamp(34px,4vw + 2px,50px);font-weight:500;line-height:1.45}.accent{color:var(--rose)}.intro p{color:var(--muted);font-size:15px;line-height:2.1}.intro-note{color:#909181;margin-top:23px;font-size:13px}.intro-note span{color:#b28c57;margin-right:6px;font-size:19px}.mobile-break{display:none}.journey{justify-content:center;align-items:center;gap:27px;max-width:750px;margin:9px auto 43px;padding:0 24px;display:flex}.journey>div{color:#a0a295;white-space:nowrap;align-items:center;gap:11px;display:flex}.step-number{border:1px solid #dcded4;border-radius:50%;justify-content:center;align-items:center;width:29px;height:29px;font-family:Georgia,serif;font-size:14px;display:flex}.journey strong{letter-spacing:.5px;font-size:13px;font-weight:500;display:block}.journey small{margin-top:1px;font-size:11px;display:block}.journey .journey-current{color:var(--green)}.journey-current .step-number{background:var(--green);border-color:var(--green);color:#f9f8f2}.step-line{background:#dcded4;flex-shrink:0;width:45px;height:1px}.studio{grid-template-columns:minmax(0,1fr) 320px;gap:40px;max-width:1130px;margin:0 auto 70px;padding:0 24px;display:grid}.editor{border:1px solid var(--line);background:#fffefa;border-radius:7px;min-width:0;padding:34px 34px 22px;box-shadow:0 4px 18px #3c4b3210}.editor-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:29px;display:flex}.editor-heading .eyebrow{letter-spacing:2px;font-size:10px}.editor h2{letter-spacing:.3px;margin:8px 0 0;font-family:Georgia,Songti SC,serif;font-size:24px;font-weight:500}.private-label{white-space:nowrap;color:#7a8274;border:1px solid #e4e6dc;border-radius:4px;padding:4px 9px;font-size:12px}.start-card{text-align:center;padding:35px 0 50px}.letter-icon{color:var(--rose);font-family:Georgia,serif;font-size:72px;line-height:1.2}.start-card h3{font-family:Songti SC,serif;font-size:22px;font-weight:500}.start-card p{color:var(--muted);font-size:14px;line-height:2}.start-card .primary{width:240px;margin:22px auto}.start-card small{color:#8c8d81;font-size:12px;display:block}.draft-tools{border-bottom:1px solid var(--line);align-items:center;gap:9px;margin-bottom:25px;padding-bottom:22px;font-size:12px;display:flex}.draft-tools label{white-space:nowrap;color:var(--muted)}.draft-tools select{background:#fafaf5;flex:1;min-width:0;padding:6px 8px;font-size:12px}.text-button{color:#6c7869;white-space:nowrap;background:0 0;border:0;padding:5px 0;font-size:12px}.text-button:hover{color:var(--rose)}fieldset{border:0;min-width:0;margin:0;padding:0}.section-label{align-items:center;gap:9px;margin-bottom:17px;font-size:15px;font-weight:600;display:flex}.section-label>span{color:#abada0;letter-spacing:1px;font-family:Georgia,serif;font-size:14px;font-weight:400}.form-grid{grid-template-columns:1fr 1fr;gap:17px;display:grid}.form-grid label,label.field-label{font-size:13px;font-weight:500;display:block}.required{color:var(--rose)}.optional{color:#999b90;margin-left:4px;font-size:11px;font-weight:400}input,select,textarea{color:#3e493d;background:#fffefa;border:1px solid #dfe2d7;border-radius:4px;width:100%;padding:11px 12px;font-size:14px;line-height:1.7}input,select{margin-top:7px}input::placeholder,textarea::placeholder{color:#a2a398;font-size:13px}input:focus,select:focus,textarea:focus{border-color:#83947d;outline:1px solid #83947d}.field-label{margin:22px 0 10px}.occasion-options{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.occasion{color:#7b8173;background:#fffefa;border:1px solid #e4e6dc;border-radius:4px;justify-content:center;align-items:center;gap:7px;padding:10px 5px;font-size:13px;display:flex}.occasion span{font-size:18px;line-height:1}.occasion.selected{color:#41583d;background:#edf0e8;border-color:#b4c0aa}.memory-section{border-top:1px solid #eeeee5;margin-top:26px;margin-bottom:9px;padding-top:25px}.field-help{color:#949589;margin:0 0 17px;font-size:12px}.memory-field{margin-top:11px;display:block;position:relative}.memory-field textarea{resize:vertical;min-height:90px;padding:13px 18px 24px 40px;display:block}.memory-number{color:#aaac9e;font:13px Georgia,serif;position:absolute;top:14px;left:14px}.char-count{pointer-events:none;color:#b1b2a7;font-size:10px;position:absolute;bottom:9px;right:12px}textarea{resize:vertical;min-height:80px;display:block}.preferences{margin-top:22px}.form-footer{border-top:1px solid var(--line);justify-content:space-between;align-items:center;margin:26px 0 17px;padding-top:18px;display:flex}.save-status{color:#8d917f;font-size:11px}.secondary{color:#66735b;background:0 0;border:1px solid #d8dece;border-radius:4px;padding:6px 13px;font-size:12px}.primary{border:1px solid var(--green);background:var(--green);color:#fffefa;letter-spacing:1px;border-radius:4px;justify-content:center;align-items:center;gap:35px;padding:13px 22px;font-size:14px;transition:background .2s;display:flex}.primary:hover:not(:disabled){background:#46644f}.primary>span{font-size:20px}.generate{justify-content:space-between;gap:0;width:100%;padding-inline:22px}.under-button{color:#9b9d8e;text-align:center;margin:11px 0 0;font-size:11px}.feedback:empty{display:none}.feedback p{overflow-wrap:anywhere;border-radius:4px;padding:10px 12px;font-size:13px}.error{color:#8d3a32;background:#f9e9e3}.notice{color:#476040;background:#eff3e9}.reload{margin:12px auto 0;display:block}.gift-card{text-align:center;background:#ecebdf;border:1px solid #dedfcf;border-radius:5px;padding:23px 26px;position:relative;overflow:hidden}.gift-card:after{content:"";pointer-events:none;border:1px solid #fff7;position:absolute;inset:7px}.gift-card-top,.gift-card-bottom{letter-spacing:1px;color:#8a8b75;justify-content:space-between;font:10px/1.6 Georgia,serif;display:flex}.gift-card-top>span:last-child{font-size:18px;line-height:1}.record{background:repeating-radial-gradient(circle,#333d34 0 2px,#42483c 3px,#28332e 4px);border-radius:50%;place-items:center;width:174px;height:174px;margin:28px auto 25px;display:grid;transform:rotate(-14deg);box-shadow:6px 9px 20px #3d4a3529}.record-groove{border:1px solid #75806a54;border-radius:50%;place-items:center;width:143px;height:143px;display:grid}.record-label{background:#c7947c;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:65px;height:65px;display:flex}.record-label span{letter-spacing:-2px;color:#f9f0dd;font:italic 25px Georgia,serif}.record-label i{background:#26392e;border-radius:50%;width:5px;height:5px;margin-top:4px;display:block}.gift-dedication{color:#9b8b71;letter-spacing:2px;font:10px Georgia,serif}.gift-card h3{color:#4b5846;overflow-wrap:anywhere;margin:10px 0;font-family:Georgia,Songti SC,serif;font-size:26px;font-weight:400}.waveform{color:#9d8c6b;letter-spacing:1px;margin:15px 0;font-size:14px}.gift-card>p{color:#96937d;letter-spacing:1px;font-family:Songti SC,serif;font-size:13px;line-height:1.9}.gift-card-bottom{border-top:1px solid #d7d9c7;margin-top:23px;padding-top:16px;font-size:9px}.lyrics-panel{background:#faf9f3;border:1px solid #e4e3d8;border-radius:5px;margin-top:22px;padding:21px 22px}.preview-title{justify-content:space-between;align-items:center;gap:8px;display:flex}.preview-title h3{margin:0;font-family:Songti SC,serif;font-size:17px;font-weight:400}.preview-title>span{color:#949780;border:1px solid #e0e3d5;border-radius:20px;padding:2px 7px;font-size:10px}.empty-lyrics{color:#9b9e8e;margin:17px 0 4px;font-size:13px;line-height:2}.lyrics-panel pre{white-space:pre-wrap;overflow-wrap:anywhere;color:#6a735f;margin-top:22px;font-family:Georgia,Songti SC,serif;font-size:14px;line-height:2.2}.revision-note{color:#989f8d;border-top:1px solid var(--line);padding-top:12px;font-size:10px}.margin-note{color:#92977f;align-items:flex-start;gap:12px;margin:24px 10px;display:flex}.margin-note>span{font-size:30px;line-height:1.5}.margin-note p{margin:0;font-size:12px;line-height:2}.margin-note strong{color:#acaf9f;font-weight:400}.progress-note{color:#929b86;margin:0 10px;font-size:11px}.site-footer{border-top:1px solid var(--line);color:#989e8c;justify-content:space-between;gap:15px;max-width:1150px;margin:0 auto;padding:26px 15px 35px;font-size:11px;display:flex}.footer-heart{color:var(--rose);margin:0 6px}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width>=1500px){.intro{padding-top:35px}.studio{gap:46px}}@media (width<=900px){.site-header{padding:22px 24px}.site-header nav{gap:15px}.stage-tag{display:none}.studio{grid-template-columns:minmax(0,1fr) 270px;gap:22px}.editor{padding:25px 22px}.editor-heading{align-items:flex-start}.private-label{font-size:10px}.editor h2{font-size:22px}.form-grid{gap:12px}.occasion{gap:4px;font-size:12px}.gift-card{padding:22px 18px}.gift-card h3{font-size:24px}}@media (width<=700px){.prototype-bar{letter-spacing:0;font-size:11px}.site-header{padding:20px}.brand{font-size:21px}.brand-sub{font-size:8px}.site-header nav{font-size:12px}.site-header nav a:last-of-type{display:none}.intro{padding:20px 20px 24px}h1{font-size:35px}.intro p{font-size:14px}.intro .eyebrow{font-size:9px}.intro-note{font-size:12px}.journey{gap:10px;margin:15px auto 30px;padding:0 20px}.journey>div{gap:7px}.step-number{width:24px;height:24px;font-size:12px}.journey strong{font-size:12px}.journey small{font-size:9px}.step-line{width:15px}.studio{grid-template-columns:1fr;gap:25px;margin-bottom:40px;padding:0 16px}.editor{padding:25px 20px 20px}.preview-column{grid-template-columns:1fr;gap:0;width:100%;max-width:450px;margin:auto;display:grid}.gift-card{padding:22px 32px}.start-card{padding:20px 0 30px}.start-card small{font-size:11px}.site-footer{flex-direction:column;margin:0 20px;padding:22px 0;font-size:10px}.form-grid{gap:12px}.section-label{font-size:14px}.field-help{line-height:1.8}.private-label,.draft-tools .text-button{font-size:11px}.occasion{padding:11px 4px}.editor h2{font-size:23px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}@media (width<=700px){.mobile-break{display:block}.accent{white-space:nowrap}}.intro h1{white-space:pre-line;letter-spacing:-.7px;line-height:1.25}.localized-lines{white-space:pre-line}.language-picker{display:block}.language-picker select{background:0 0;width:auto;max-width:130px;margin:0;padding:6px 9px;font-size:13px}.site-header nav{gap:20px}.occasion{white-space:normal;overflow-wrap:anywhere}.editor-heading{flex-wrap:wrap}.journey>div{white-space:normal;min-width:0}.journey small{line-height:1.5}.preview-title{flex-wrap:wrap}.form-footer{gap:12px}.secondary,.brand{flex-shrink:0}.memory-number{left:auto;inset-inline-start:14px}.char-count{right:auto;inset-inline-end:12px}.memory-field textarea{padding-inline:40px 18px}.draft-tools select,.form-grid label{min-width:0}.lyrics-panel pre{font-family:Georgia,Songti SC,serif}.intro h1{color:#435643}.language-picker select:disabled{opacity:.6}@media (width<=900px){.site-header nav{gap:12px}.site-header nav>a{display:none}.journey{gap:15px}.journey small{font-size:10px}}@media (width<=700px){.site-header{gap:12px}.language-picker select{max-width:110px;font-size:12px}.brand{font-size:20px}.brand-sub{letter-spacing:1px}.journey{gap:8px}.journey>div{flex:1;align-items:flex-start}.step-line{width:8px}.journey small{font-size:10px}.journey strong{font-size:12px}.occasion-options{grid-template-columns:repeat(2,minmax(0,1fr))}.editor-heading .private-label{margin-top:2px}.prototype-bar{line-height:1.6}.intro h1{font-size:38px}.draft-tools{flex-wrap:wrap}.draft-tools select{flex-basis:50%}.form-footer .save-status{font-size:11px}.intro-note{padding-inline:8px}}.language-picker{color:#697064;position:relative}.language-picker select{appearance:none;padding-inline:9px 30px}.language-chevron{inset-inline-end:9px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}@media (width>=701px){html[lang=en] .intro h1{white-space:nowrap}}@media (width<=700px){.site-header{flex-wrap:wrap}.site-header nav{margin-inline-start:auto}html[lang=en] .intro h1{white-space:normal;text-wrap:balance}}html[lang=zh-CN] .intro h1{white-space:nowrap;font-size:clamp(18px,8.33333vw - 3.33333px,50px)}
