:root{--ink: #4a3f35;--ink-soft: #8b7d6b;--ink-faint: #b7a995;--paper: #f9f3e7;--paper-2: #fdf9f0;--paper-deep: #f1e7d3;--line: rgba(120, 100, 70, .22);--accent: #c98a5e;--accent-ink: #fff;--danger: #b45a5a;--shadow: 0 10px 30px rgba(90, 70, 40, .14);--radius: 18px}@media (prefers-color-scheme: dark){:root{--ink: #e8ddcc;--ink-soft: #b5a48c;--ink-faint: #7d6f5c;--paper: #241f1a;--paper-2: #2b251e;--paper-deep: #1c1813;--line: rgba(220, 195, 150, .18);--accent: #d99a6a;--accent-ink: #211a12;--danger: #d07b7b;--shadow: 0 10px 30px rgba(0,0,0,.45)}}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,"Noto Serif SC",Songti SC,STSong,serif;background:radial-gradient(1200px 500px at 20% -10%,rgba(201,138,94,.12),transparent 60%),var(--paper-deep);color:var(--ink);-webkit-font-smoothing:antialiased}a{color:var(--accent);text-decoration:none}button{font-family:inherit}.app{min-height:100%}.topbar{position:sticky;top:0;z-index:20;background:color-mix(in srgb,var(--paper-deep) 86%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.topbar-inner{max-width:720px;margin:0 auto;display:flex;align-items:center;gap:12px;padding:12px 16px}.brand{font-weight:700;letter-spacing:.12em;color:var(--accent)}.back-link{font-size:20px;color:var(--ink-soft);padding:2px 8px}.topbar-title{flex:1;font-weight:600;font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar-right{display:flex;gap:4px}.icon-link{font-size:18px;padding:4px 8px;color:var(--ink-soft);background:var(--paper);border:1px solid var(--line);border-radius:10px}.paper-card{position:relative;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:22px 20px;margin-bottom:18px}.page{min-height:100%}.write-main,.inbox-main,.letter-main,.share-main{max-width:720px;margin:0 auto;padding:18px 14px 60px}.paper-head{display:flex;align-items:center;gap:12px;margin-bottom:14px}.paper-kicker{color:var(--ink-faint);font-size:13px;letter-spacing:.3em}.persona-strip{display:flex;align-items:center;gap:8px;flex:1}.strip-avatar{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;color:#fff;font-weight:700;font-size:18px;box-shadow:inset 0 -8px 14px #0000002e}.strip-name{font-weight:700;font-size:18px}.mini-btn{border:1px solid var(--line);background:var(--paper-2);color:var(--ink-soft);border-radius:999px;padding:4px 12px;font-size:12px;cursor:pointer}.picker-hint{color:var(--ink-soft);font-size:13px;margin:0 0 10px}.persona-list{display:flex;gap:10px;overflow-x:auto;padding:4px 2px 10px;scrollbar-width:none}.persona-list::-webkit-scrollbar{display:none}.persona-card{position:relative;flex:0 0 108px;display:flex;flex-direction:column;align-items:center;gap:5px;background:var(--paper-2);border:1.5px solid var(--line);border-radius:16px;padding:14px 8px 10px;cursor:pointer;color:var(--ink);transition:transform .15s,border-color .15s,box-shadow .15s}.persona-card.selected{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 22%,transparent),var(--shadow);transform:translateY(-2px)}.persona-avatar{width:46px;height:46px;border-radius:50%;color:#fff;display:grid;place-items:center;font-size:19px;font-weight:700}.persona-name{font-size:14px;font-weight:700}.persona-tag{font-size:11px;color:var(--ink-soft);max-width:90px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.voice-preview{position:absolute;top:8px;right:8px;width:22px;height:22px;border-radius:50%;background:var(--paper-deep);color:var(--accent);font-size:12px;display:grid;place-items:center;border:1px solid var(--line)}.persona-bio{color:var(--ink-soft);font-size:13px;line-height:1.7;margin:2px 0 14px}.pen-row{display:flex;align-items:center;gap:10px;margin-bottom:12px}.pen-label{color:var(--ink-soft);font-size:14px;white-space:nowrap}.pen-input{flex:1;background:var(--paper-2);border:1px solid var(--line);border-radius:10px;color:var(--ink);padding:9px 12px;font-size:15px;font-family:inherit;outline:none}.pen-input:focus{border-color:var(--accent)}.letter-area{width:100%;min-height:220px;resize:vertical;background:var(--paper-2);border:1px solid var(--line);border-radius:14px;color:var(--ink);padding:16px;font-size:16px;line-height:1.9;font-family:inherit;outline:none}.letter-area:focus{border-color:var(--accent)}.letter-count{text-align:right;color:var(--ink-faint);font-size:12px;margin:6px 4px 12px}.form-err{color:var(--danger);font-size:13px;margin:8px 2px}.page-err{max-width:720px;margin:14px auto 0;padding:0 14px}.send-btn{width:100%;border:none;cursor:pointer;background:linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--accent) 75%,#a05c3a));color:var(--accent-ink);font-size:16px;font-weight:700;letter-spacing:.08em;border-radius:14px;padding:14px;box-shadow:0 8px 20px #b46e3c47}.send-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 10px 24px #b46e3c57}.send-btn:active:not(:disabled){transform:translateY(0) scale(.985)}.send-btn:disabled{opacity:.55;cursor:default}.inbox-desc{color:var(--ink-soft);font-size:13px;margin:2px 4px 14px}.letter-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.letter-row{display:flex;align-items:center;gap:12px;background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:14px;color:var(--ink);box-shadow:var(--shadow)}.row-avatar{width:40px;height:40px;border-radius:50%;color:#fff;display:grid;place-items:center;font-weight:700;flex:none}.row-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.row-title{font-weight:700;font-size:15px}.row-preview{color:var(--ink-soft);font-size:13px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.row-meta{display:flex;flex-direction:column;align-items:flex-end;gap:4px;flex:none}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--ink-faint)}.status-dot.done{background:#6d9b6d}.status-dot.replying,.status-dot.writing{background:var(--accent);animation:pulse 1.2s infinite}.status-dot.error{background:var(--danger)}.row-time{font-size:12px;color:var(--ink-faint)}@keyframes pulse{50%{opacity:.35}}.empty-box{text-align:center;padding:64px 0;color:var(--ink-soft)}.empty-icon{font-size:46px;display:block;margin-bottom:14px}.empty-title{font-size:17px;font-weight:700;color:var(--ink);margin:0 0 6px}.empty-sub{font-size:13px;line-height:1.8;color:var(--ink-soft);margin:0}.empty-btn{display:inline-block;margin-top:18px;background:var(--accent);color:var(--accent-ink);border-radius:999px;padding:11px 26px;font-weight:600;transition:transform .15s,box-shadow .15s}.empty-btn:hover{transform:translateY(-1px);box-shadow:0 8px 20px #b46e3c4d}.empty-btn:active{transform:scale(.98)}.empty-hint{color:var(--ink-soft);text-align:center;font-size:14px}.letter-body{font-size:16px;line-height:2.05}.opening{margin:0 0 14px;color:var(--ink-soft)}.para{text-indent:2em;margin:0 0 12px;white-space:pre-wrap;word-break:break-word}.head-text{display:flex;flex-direction:column}.head-name{font-weight:700;font-size:17px}.head-sub{color:var(--ink-soft);font-size:12px}.stamp{margin-left:auto;transform:rotate(4deg);border:1.5px solid var(--accent);color:var(--accent);border-radius:8px;padding:4px 8px;font-size:12px;letter-spacing:.12em;opacity:.85}.reply-tag{position:absolute;top:-11px;left:18px;background:var(--accent);color:var(--accent-ink);font-size:12px;letter-spacing:.2em;padding:3px 12px;border-radius:999px}.reply-card{margin-top:26px}.reply-para{display:flex;gap:10px;align-items:flex-start;opacity:0;animation:rise .7s forwards}@keyframes rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.play-btn{flex:none;margin-top:10px;width:34px;height:34px;border-radius:50%;border:1px solid var(--line);background:var(--paper-2);color:var(--accent);font-size:12px;cursor:pointer;display:grid;place-items:center}.play-btn.playing{background:var(--accent);color:var(--accent-ink);animation:pulse 1s infinite}.play-btn.fin{color:#6d9b6d}.play-btn:disabled{opacity:.35;cursor:default}.signature{text-align:right;color:var(--ink-soft);margin-top:18px;font-size:15px}.reply-pending{text-align:center;padding:40px 0;color:var(--ink-soft)}.pending-hint{font-size:13px;margin-top:10px}.spinner-wrap{display:flex;flex-direction:column;align-items:center;gap:12px;padding:50px 0;color:var(--ink-soft)}.spinner{width:34px;height:34px;border-radius:50%;border:3px solid var(--line);border-top-color:var(--accent);animation:spin .9s linear infinite}.spinner-label{font-size:14px}@keyframes spin{to{transform:rotate(360deg)}}.letter-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:6px}.ghost-btn{border:1px solid var(--line);background:var(--paper);color:var(--ink-soft);border-radius:999px;padding:9px 16px;font-size:13px;cursor:pointer}.ghost-btn.accent{border-color:var(--accent);color:var(--accent)}.share-url{font-size:12px;color:var(--ink-faint);word-break:break-all}.toast{position:fixed;left:50%;bottom:34px;transform:translate(-50%);background:var(--ink);color:var(--paper);font-size:13px;padding:10px 18px;border-radius:999px;z-index:50;box-shadow:var(--shadow)}.share-banner{text-align:center;color:var(--ink-soft);font-size:13px;letter-spacing:.2em;margin-bottom:16px}.share-foot{text-align:center;color:var(--ink-faint);font-size:12px;margin-top:22px}.share-main{padding-top:28px}.picker-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.picker-head .picker-hint{margin:0}.custom-toggle{border:1px solid var(--line);background:var(--paper-2);color:var(--accent);border-radius:999px;padding:5px 12px;font-size:12px;cursor:pointer;font-weight:600}.custom-box{display:flex;flex-direction:column;gap:10px;padding:14px;background:var(--paper-2);border:1px dashed var(--line);border-radius:14px;margin-bottom:4px}.custom-row{display:flex;align-items:center;gap:10px}.custom-row .pen-label{flex:0 0 52px}.custom-voice-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.voice-chip{display:inline-flex;align-items:center;gap:6px;background:color-mix(in srgb,var(--accent) 16%,transparent);color:var(--accent);border:1px solid var(--accent);border-radius:999px;padding:4px 10px;font-size:12px;font-weight:600}.chip-x{border:none;background:transparent;color:var(--accent);cursor:pointer;font-size:12px;padding:0}.lib-box{margin-top:6px;border-top:1px solid var(--line);padding-top:10px}.lib-search{display:flex;gap:8px;margin-bottom:8px}.lib-search .pen-input{flex:1}.lib-list{max-height:220px;overflow-y:auto;display:flex;flex-direction:column;gap:6px}.lib-item{display:flex;align-items:center;justify-content:space-between;gap:8px;background:var(--paper);border:1px solid var(--line);border-radius:10px;padding:8px 10px;cursor:pointer;font-size:13px}.lib-item.selected{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 20%,transparent)}.lib-title{flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.play-mini{width:26px;height:26px;border-radius:50%;border:1px solid var(--line);background:var(--paper-2);color:var(--accent);cursor:pointer;font-size:11px}.lib-empty{color:var(--ink-faint);font-size:12px;text-align:center;padding:10px 0}.reply-text{flex:1;min-width:0}.regen-audio-btn{border:none;background:transparent;color:var(--ink-faint);font-size:11px;cursor:pointer;padding:0;text-decoration:underline dotted;margin-top:-4px}.regen-audio-btn:disabled{opacity:.5;cursor:default}.regen-audio-btn:hover{color:var(--accent)}.polish-toolbar{margin-bottom:10px}.polish-toggle{background:color-mix(in srgb,var(--accent) 12%,transparent);border-color:color-mix(in srgb,var(--accent) 55%,var(--line));color:var(--accent)}.polish-panel{margin-top:10px;padding:12px;background:var(--paper-2);border:1px dashed var(--line);border-radius:14px;display:flex;flex-direction:column;gap:10px}.polish-styles{display:flex;flex-wrap:wrap;gap:8px}.style-chip{border:1px solid var(--line);background:var(--paper);color:var(--ink-soft);border-radius:999px;padding:6px 14px;font-size:13px;cursor:pointer}.style-chip.active{border-color:var(--accent);color:var(--accent);background:color-mix(in srgb,var(--accent) 14%,transparent);font-weight:600}.polish-go{padding:10px;font-size:14px}.polish-preview{border-top:1px solid var(--line);padding-top:10px;display:flex;flex-direction:column;gap:8px}.polish-preview-label{color:var(--ink-soft);font-size:12px;margin:0}.polish-text{background:var(--paper);border:1px solid var(--line);border-radius:10px;padding:12px;font-size:14px;line-height:1.9;white-space:pre-wrap;max-height:240px;overflow-y:auto}.polish-actions{display:flex;gap:8px;justify-content:flex-end}.polish-actions .accent{border-color:var(--accent);color:var(--accent)}@media (min-width: 960px){.write-main,.inbox-main,.letter-main,.share-main{max-width:1160px;padding:28px 30px 70px}.topbar-inner{max-width:1160px}.write-main{display:grid;grid-template-columns:360px 1fr;gap:26px;align-items:start}.write-main .paper-card{margin-bottom:0}.recipient-panel{position:sticky;top:84px;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px;display:flex;flex-direction:column;max-height:calc(100vh - 120px);overflow:hidden}.panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.panel-title{font-weight:700;font-size:15px;letter-spacing:.08em}.persona-search{margin-bottom:10px}.search-input{width:100%;background:var(--paper-2);border:1px solid var(--line);border-radius:10px;color:var(--ink);padding:9px 12px;font-size:13px;font-family:inherit;outline:none}.search-input:focus{border-color:var(--accent)}.persona-scroll{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:4px;padding-right:2px}.persona-scroll::-webkit-scrollbar{width:5px}.persona-scroll::-webkit-scrollbar-thumb{background:var(--line);border-radius:4px}.persona-row{display:flex;align-items:center;gap:10px;padding:8px 9px;border-radius:11px;cursor:pointer;border:1px solid transparent}.persona-row:hover{background:var(--paper-2)}.persona-row.selected{background:color-mix(in srgb,var(--accent) 13%,transparent);border-color:color-mix(in srgb,var(--accent) 45%,var(--line))}.persona-row-main{flex:1;min-width:0;display:flex;flex-direction:column}.persona-row-name{font-size:14px;font-weight:600}.persona-row-tag{font-size:11px;color:var(--ink-soft);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.row-preview{flex:none;width:24px;height:24px;border-radius:50%;background:var(--paper-2);border:1px solid var(--line);color:var(--accent);font-size:11px;cursor:pointer;display:grid;place-items:center}.panel-foot{margin-top:10px;padding-top:10px;border-top:1px solid var(--line)}.panel-foot .persona-bio{font-size:12px;line-height:1.7;color:var(--ink-soft);margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.letter-compose{padding:30px 34px}.letter-area{min-height:340px;font-size:16px;line-height:2.1}.letter-list{display:grid;grid-template-columns:repeat(2,1fr);align-items:stretch}.letter-row{height:100%}.letter-main .reply-card .reply-body{max-width:760px;margin:0 auto}}@media (max-width: 959px){.recipient-panel{margin-bottom:14px}.panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.panel-title{font-weight:700;font-size:14px}.persona-search{display:none}.persona-scroll{display:flex;gap:8px;overflow-x:auto;padding:2px 0 8px;scrollbar-width:none}.persona-scroll::-webkit-scrollbar{display:none}.persona-row{flex:0 0 auto;display:flex;align-items:center;gap:7px;background:var(--paper-2);border:1px solid var(--line);border-radius:999px;padding:6px 12px 6px 7px;cursor:pointer;font-size:13px}.persona-row.selected{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 14%,transparent)}.persona-row .row-avatar{width:26px;height:26px;font-size:13px}.persona-row-main{display:flex;align-items:baseline;gap:4px}.persona-row-tag,.row-preview,.panel-foot{display:none}}.inbox-head{display:flex;align-items:center;justify-content:space-between;margin:2px 4px 14px}.inbox-desc{margin:0}.inbox-count{background:color-mix(in srgb,var(--accent) 14%,transparent);color:var(--accent);border-radius:999px;padding:4px 12px;font-size:12px;font-weight:600}.letter-row{position:relative;transition:transform .15s,box-shadow .15s,border-color .15s}.letter-row:after{content:"";position:absolute;right:14px;bottom:-1px;left:14px;border-bottom:1px dashed var(--line)}.letter-row:hover{transform:translateY(-2px);box-shadow:0 12px 28px #5a46282e;border-color:color-mix(in srgb,var(--accent) 45%,var(--line))}.row-body{padding-left:2px}.row-title{font-size:15px}.row-preview{margin-top:2px}.letter-main{display:flex;flex-direction:column}.letter-main .paper-card{position:relative}.letter-main .incoming:before,.letter-main .reply-card:before{content:"";position:absolute;top:10px;left:14px;right:14px;border-top:1px dashed color-mix(in srgb,var(--accent) 30%,var(--line))}.letter-main .paper-head{padding-top:8px}.reply-card{margin-top:30px}.letter-actions{justify-content:center;margin-top:8px;padding-top:18px;border-top:1px dashed var(--line)}.share-url{background:var(--paper-2);border:1px solid var(--line);border-radius:8px;padding:6px 10px;max-width:100%}.reply-para{padding:10px 0;border-bottom:1px dotted var(--line)}.reply-para:last-child{border-bottom:none}.paper-card{background-image:radial-gradient(circle at 18% 12%,rgba(201,138,94,.05),transparent 45%),radial-gradient(circle at 85% 90%,rgba(123,141,154,.05),transparent 45%),var(--paper)}.reply-card{background-image:radial-gradient(circle at 80% 8%,rgba(201,138,94,.07),transparent 42%),radial-gradient(circle at 12% 92%,rgba(123,141,154,.05),transparent 42%),var(--paper)}@media (min-width: 960px){.letter-main .paper-card,.share-main .paper-card{max-width:780px;margin-left:auto;margin-right:auto;width:100%}.reply-card{max-width:780px!important}.letter-main .paper-card:first-child{margin-top:6px}.letter-main .paper-card+.paper-card{margin-top:30px}}.brand-mark{font-size:20px;line-height:1}.brand-small{font-size:14px}.write-hero{max-width:1160px;margin:0 auto;padding:22px 30px 4px;display:flex;align-items:center;gap:14px}.hero-mark{width:46px;height:46px;border-radius:14px;background:linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--accent) 70%,#a05c3a));display:grid;place-items:center;font-size:24px;box-shadow:0 6px 18px #b46e3c47}.hero-text{display:flex;flex-direction:column;gap:2px}.hero-title{margin:0;font-size:22px;font-weight:800;letter-spacing:.12em;color:var(--ink)}.hero-sub{margin:0;font-size:12px;letter-spacing:.35em;color:var(--ink-soft)}@media (max-width: 959px){.write-hero{padding:14px 16px 2px}.hero-mark{width:38px;height:38px;border-radius:11px;font-size:19px}.hero-title{font-size:18px}.hero-sub{font-size:10px;letter-spacing:.25em}}.audio-progress{height:3px;border-radius:999px;margin:2px 0 6px;background:var(--line);overflow:hidden;position:relative}.audio-progress-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--accent),color-mix(in srgb,var(--accent) 60%,#ff9d7a));transition:width .25s linear;box-shadow:0 0 6px color-mix(in srgb,var(--accent) 55%,transparent)}.head-date{font-size:11px;color:var(--ink-faint);margin-top:2px;letter-spacing:.05em}.row-del{flex:none;width:24px;height:24px;border-radius:50%;border:1px solid transparent;background:transparent;color:var(--ink-faint);font-size:12px;cursor:pointer;display:grid;place-items:center;opacity:0;transition:opacity .15s,background .15s,color .15s}.letter-row:hover .row-del{opacity:1}.row-del:hover{background:color-mix(in srgb,var(--danger) 14%,transparent);color:var(--danger)}@media (max-width: 959px){.row-del{opacity:1}}.ghost-btn.danger{border-color:color-mix(in srgb,var(--danger) 45%,var(--line));color:var(--danger)}.ghost-btn.danger:hover{background:color-mix(in srgb,var(--danger) 12%,transparent)}@media (max-width: 959px){.play-btn{width:42px;height:42px;font-size:14px}.regen-audio-btn{font-size:12px;padding:4px 0}.reply-para{gap:12px}}.row-status{font-size:11px;color:var(--ink-soft)}.row-status.done{color:#6d9b6d}.row-status.replying,.row-status.writing{color:var(--accent)}.row-status.error{color:var(--danger)}