#voicebook-design{--v-paper:light-dark(#f7f4ef,#211c27);--v-ink:light-dark(#342b3d,#f0e8f5);--v-purple:light-dark(#75518f,#c4a5db);--v-soft:light-dark(#eee7f4,#34283f);--v-muted:light-dark(#736878,#bcb0c5);--v-line:light-dark(#e5dce7,#504256);--v-white:light-dark(#fffdfa,#2a2330);--v-button:light-dark(#75518f,#ad83c7);--v-on-button:light-dark(#ffffff,#211528);--v-red:light-dark(#9e2436,#ffafbd);font:16px/1.7 -apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;color:var(--v-ink)}
  #voicebook-design *{box-sizing:border-box}#voicebook-design [hidden]{display:none!important}
  #voicebook-design button,#voicebook-design input,#voicebook-design textarea{font:inherit}#voicebook-design button{color:inherit}#voicebook-design button:disabled{opacity:.5;cursor:default}
  #voicebook-design .design-nav{display:flex;gap:8px;margin:0 0 16px;flex-wrap:wrap;padding-right:95px}#voicebook-design .design-nav button{padding:9px 15px;border:1px solid var(--v-line);border-radius:9px;background:var(--v-white);min-height:44px}#voicebook-design .design-nav button[aria-selected="true"]{color:var(--v-purple);background:var(--v-soft)}
  #voicebook-design .stage{padding:22px 12px}#voicebook-design .phone{max-width:410px;margin:auto;background:var(--v-paper);padding:28px 24px;border:1px solid var(--v-line);border-radius:24px}#voicebook-design .organizer{max-width:650px;margin:auto;padding:28px 24px;background:var(--v-paper);border:1px solid var(--v-line);border-radius:20px}
  #voicebook-design .eyebrow{font-size:12px;color:var(--v-muted);margin:0 0 26px;letter-spacing:.6px}#voicebook-design h1{font:500 29px/1.5 "Songti SC",serif;margin:13px 0 10px;letter-spacing:1px}#voicebook-design h2{font:500 25px/1.5 "Songti SC",serif;margin:16px 0 8px}#voicebook-design .intro{font-size:14px;color:var(--v-muted);margin:0 0 24px}
  #voicebook-design .round-icon{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background:var(--v-soft);color:var(--v-purple);font-size:28px}#voicebook-design .identity{display:flex;align-items:center;justify-content:space-between;font-size:14px;margin-bottom:16px}#voicebook-design strong{font-weight:500}#voicebook-design .text-action{border:0;background:transparent;color:var(--v-purple);padding:4px 6px;min-height:44px;font-size:13px}
  #voicebook-design .mode-switch{display:flex;padding:4px;background:var(--v-soft);border-radius:12px;gap:4px;margin-bottom:18px}#voicebook-design .mode-switch button{border:0;background:transparent;border-radius:9px;flex:1;padding:10px 5px;min-height:44px;font-size:14px}#voicebook-design .mode-switch button[aria-selected="true"]{background:var(--v-white);color:var(--v-purple)}
  #voicebook-design .prompt{display:flex;gap:8px;align-items:center;justify-content:space-between;font-size:13px;color:var(--v-muted);margin-bottom:10px}#voicebook-design .prompt span{flex:1}#voicebook-design .prompt button{flex-shrink:0}
  #voicebook-design .record-surface{background:var(--v-white);border:1px solid var(--v-line);border-radius:18px;text-align:center;padding:24px 16px 14px}#voicebook-design .record-caption{font-size:13px;color:var(--v-muted);margin:0}#voicebook-design .time{font-size:30px;font-variant-numeric:tabular-nums;margin:7px 0 12px;font-weight:400;letter-spacing:2px}#voicebook-design .wave{height:38px;display:flex;align-items:center;justify-content:center;gap:4px;margin:0 0 19px;color:var(--v-purple)}#voicebook-design .wave b{display:block;width:3px;height:5px;background:currentColor;border-radius:3px}#voicebook-design .wave.active b:nth-child(3n){height:31px}#voicebook-design .wave.active b:nth-child(3n + 1){height:18px}#voicebook-design .wave.active b:nth-child(4n){height:38px}#voicebook-design .record-button{margin:auto;display:flex;flex-direction:column;gap:7px;align-items:center;justify-content:center;width:108px;height:108px;background:var(--v-soft);border:1px solid var(--v-line);color:var(--v-purple);border-radius:50%;font-size:13px}#voicebook-design .record-button svg{width:24px;height:24px}#voicebook-design .quiet{font-size:12px;color:var(--v-muted);margin:17px 0 4px}#voicebook-design .record-actions{display:flex;align-items:center;justify-content:center;gap:18px}
  #voicebook-design .primary{width:100%;padding:13px 14px;min-height:48px;background:var(--v-button);color:var(--v-on-button);border:0;border-radius:12px;margin-top:20px;font-size:15px}#voicebook-design .minor{background:var(--v-white);border:1px solid var(--v-line);padding:8px 14px;border-radius:9px;min-height:44px;font-size:13px}#voicebook-design .privacy{color:var(--v-muted);font-size:12px;text-align:center;margin:12px 0 0}#voicebook-design footer{margin:26px 0 0;text-align:center;color:var(--v-muted);font:13px/1.8 "Songti SC",serif;letter-spacing:2px}
  #voicebook-design .wish-paper{padding:20px 16px;background:var(--v-white);border:1px solid var(--v-line);border-radius:16px}#voicebook-design .salutation{font-family:"Songti SC",serif;margin:0 0 15px}#voicebook-design textarea{width:100%;resize:vertical;border:0;background:var(--v-white);color:var(--v-ink);padding:0;font-size:16px;line-height:1.9}#voicebook-design textarea::placeholder{color:var(--v-muted)}#voicebook-design .signature{display:flex;gap:12px;justify-content:space-between;color:var(--v-muted);font-size:12px;margin-top:14px}#voicebook-design .signature span:last-child{white-space:nowrap}#voicebook-design input{width:100%;padding:9px;border:1px solid var(--v-line);border-radius:9px;background:var(--v-white);color:var(--v-ink)}
  #voicebook-design .send-error,#voicebook-design .permission-error{color:var(--v-red);font-size:13px;margin-top:14px}#voicebook-design .success{text-align:center;padding:18px 0 4px}#voicebook-design .success p{color:var(--v-muted);font-size:14px}#voicebook-design .receipt{display:grid;gap:7px;text-align:left;background:var(--v-white);border:1px solid var(--v-line);border-radius:15px;padding:20px;margin-top:25px;font-size:14px}#voicebook-design .receipt span{color:var(--v-muted)}
  #voicebook-design .admin-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:25px 0 10px;font-size:14px}#voicebook-design .admin-toolbar button[aria-pressed="true"]{background:var(--v-soft);color:var(--v-purple)}#voicebook-design .wish-row{padding:18px 0;border-bottom:1px solid var(--v-line)}#voicebook-design .row-heading{display:flex;gap:12px;justify-content:space-between;align-items:center}#voicebook-design .row-meta{font-size:12px;color:var(--v-muted);margin:4px 0 12px}#voicebook-design .wish-row p.message{font-family:"Songti SC",serif;margin:12px 0;white-space:pre-wrap;overflow-wrap:anywhere}#voicebook-design .row-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}#voicebook-design .listen-panel{padding:14px;background:var(--v-soft);margin:10px 0;border-radius:12px;font-size:13px}#voicebook-design .trash-summary{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:13px;margin-top:16px;color:var(--v-muted)}
  @media(max-width:420px){#voicebook-design .stage{padding:12px 0}#voicebook-design .phone,#voicebook-design .organizer{padding:22px 18px}#voicebook-design h1{font-size:25px}#voicebook-design .design-nav{padding-right:0}#voicebook-design .signature{flex-wrap:wrap}}

#voicebook-design .sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
body{margin:0;background:#f7f4ef;color-scheme:light}#voicebook-design .phone,#voicebook-design .organizer{border:0;border-radius:0}#voicebook-design button{cursor:pointer}#voicebook-design{padding:20px 0}#voicebook-design audio{width:100%;margin-top:14px}#voicebook-design a{color:var(--v-purple)}