:root,:root[data-theme=light]{--paper:#f4f7fd;--paper-raised:#fff;--ink:#1a2130;--ink-soft:#5b6679;--ink-faint:#9aa6bc;--accent:#7aa2f7;--accent-fill:#3e6fd9;--on-accent:#fff;--accent-soft:#d6e2fc;--accent-bg:#eaf0fd;--gold:#f0a92e;--gold-bg:#fdf3dd;--preview-bg:#e9eef8;--border:#1a21301a;--border-strong:#1a21302e;--shadow:#1a21301a;--danger:#c06b5e;--danger-bg:#faeae6}@media (prefers-color-scheme:dark){:root{--paper:#1a2130;--paper-raised:#262c3b;--ink:#f1f5f9;--ink-soft:#94a3b8;--ink-faint:#64748b;--accent:#7aa2f7;--accent-fill:#7aa2f7;--on-accent:#1a2130;--accent-soft:#2f3d63;--accent-bg:#7aa2f71f;--gold:#f5c25a;--gold-bg:#f5c25a21;--preview-bg:#1f2737;--border:#94a3b829;--border-strong:#94a3b847;--shadow:#00000073;--danger:#de9186;--danger-bg:#de918621}}:root[data-theme=dark]{--paper:#1a2130;--paper-raised:#262c3b;--ink:#f1f5f9;--ink-soft:#94a3b8;--ink-faint:#64748b;--accent:#7aa2f7;--accent-fill:#7aa2f7;--on-accent:#1a2130;--accent-soft:#2f3d63;--accent-bg:#7aa2f71f;--gold:#f5c25a;--gold-bg:#f5c25a21;--preview-bg:#1f2737;--border:#94a3b829;--border-strong:#94a3b847;--shadow:#00000073;--danger:#de9186;--danger-bg:#de918621}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--paper);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.screen{background:var(--paper);flex-direction:column;min-height:100vh;display:none}.screen.active{animation:.28s cubic-bezier(.2,.8,.2,1) both screen-in;display:flex}@keyframes screen-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.screen.active{animation:none}}.primary-btn,.secondary-btn,.new-letter-btn,.letter-card-open,.theme-card,.icon-btn,.topbar-primary-btn{transition:transform .12s}.primary-btn:active,.secondary-btn:active,.new-letter-btn:active,.letter-card-open:active,.theme-card:active,.icon-btn:active,.topbar-primary-btn:active{transform:scale(.96)}@media (prefers-reduced-motion:reduce){.primary-btn,.secondary-btn,.new-letter-btn,.letter-card-open,.theme-card,.icon-btn,.topbar-primary-btn{transition:none}.primary-btn:active,.secondary-btn:active,.new-letter-btn:active,.letter-card-open:active,.theme-card:active,.icon-btn:active,.topbar-primary-btn:active{transform:none}}.topbar{padding:14px 16px calc(10px + env(safe-area-inset-top));border-bottom:.5px solid var(--border);background:var(--paper);z-index:5;align-items:center;gap:10px;display:flex;position:sticky;top:0}.topbar h2{color:var(--ink);flex:1;margin:0;font-family:inherit;font-size:17px;font-weight:700}.icon-btn{border:.5px solid var(--border);background:var(--paper-raised);width:34px;height:34px;color:var(--ink-soft);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.icon-btn svg{width:16px;height:16px}.screen-body{flex:1;width:100%;max-width:520px;margin:0 auto;padding:16px 18px 24px}h1{color:var(--ink);margin:0 0 4px;font-family:inherit;font-size:26px;font-weight:700}.subtitle{color:var(--ink-soft);margin:0 0 16px;font-size:14px;line-height:1.55}.primary-btn{background:var(--accent-fill);width:100%;color:var(--on-accent);box-shadow:0 10px 22px var(--shadow);border:none;border-radius:12px;padding:15px;font-family:inherit;font-size:15px;font-weight:500}.primary-btn:disabled{opacity:.6}.secondary-btn{background:var(--paper-raised);width:100%;color:var(--ink-soft);border:.5px solid var(--border-strong);border-radius:12px;padding:14px;font-family:inherit;font-size:14.5px;font-weight:500}.topbar-primary-btn{background:var(--accent-fill);color:var(--on-accent);box-shadow:0 4px 10px var(--shadow);border:none;border-radius:999px;flex-shrink:0;padding:9px 18px;font-family:inherit;font-size:13.5px;font-weight:600;display:none}.sticky-actions{padding:12px 18px calc(14px + env(safe-area-inset-bottom));border-top:.5px solid var(--border);background:var(--paper);flex-shrink:0;position:sticky;bottom:0}@media (width>=1040px){.sticky-actions{display:none}}.field label{letter-spacing:.04em;text-transform:uppercase;color:var(--ink-faint);margin-bottom:6px;font-size:11px;font-weight:500;display:block}.row2{grid-template-columns:1fr 1fr;gap:12px;display:grid}input[type=text],textarea{background:var(--paper-raised);border:.5px solid var(--border);width:100%;color:var(--ink);border-radius:11px;padding:11px 13px;font-family:inherit;font-size:15px}input[type=text]:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-bg);outline:none}textarea{resize:vertical;line-height:1.5}.hint{color:var(--ink-faint);margin-top:5px;font-size:12px}.field.has-error label{color:var(--danger)}.field.has-error input[type=text],.field.has-error textarea{border-color:var(--danger);box-shadow:0 0 0 3px var(--danger-bg)}.field-error-msg{color:var(--danger);margin:6px 0 0;font-size:12px}@media (width<=380px){.row2{grid-template-columns:1fr}}@media (width>=860px){body{padding:0}.screen-stack{grid-template-columns:240px 1fr;width:100%;height:100vh;display:grid}#screen-home{-webkit-overflow-scrolling:touch;border-right:.5px solid var(--border);grid-column:1;min-height:0;animation:none;position:relative;overflow-y:auto;display:flex!important}#screen-picker,#screen-compose,#screen-letter-preview,#screen-detail-empty{-webkit-overflow-scrolling:touch;background:var(--paper-raised);grid-column:2;min-height:0;animation:none;overflow-y:auto}#screen-detail-empty{display:none}.screen-stack.show-detail-empty #screen-detail-empty{display:flex}#screen-shared{grid-column:1/-1}.screen-stack.show-shared #screen-home{display:none!important}}@media (width>=1040px){.screen-stack.show-live-preview{grid-template-columns:240px 1fr 1fr}.screen-stack.show-live-preview .live-preview-pane{border-left:.5px solid var(--border);grid-column:3;min-height:0;display:flex}}#screen-home .app-header{width:100%;max-width:520px;margin:0 auto;padding:22px 18px 16px}.app-header-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.brand{align-items:center;gap:10px;min-width:0;display:flex}.brand h1{margin:0}.brand-mark{width:30px;height:30px;color:var(--on-accent);background:var(--accent-fill);box-shadow:0 3px 8px var(--shadow);border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.brand-mark svg{width:15px;height:15px}.letter-list{flex-direction:column;gap:8px;display:flex}.letter-card{background:var(--paper-raised);border:.5px solid var(--border);border-radius:13px;align-items:center;gap:2px;width:100%;padding:4px 4px 4px 10px;display:flex}.letter-card-open{text-align:left;min-width:0;color:inherit;background:0 0;border:none;flex:1;align-items:center;gap:10px;padding:6px 0;font-family:inherit;display:flex}.lc-icon{width:32px;height:32px;box-shadow:0 3px 8px var(--shadow);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.lc-icon svg{fill:#fff;opacity:.92;width:13px;height:13px}.lc-text{min-width:0}.lc-title{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;margin:0 0 2px;font-size:13px;font-weight:500;overflow:hidden}.lc-meta{color:var(--ink-faint);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:11px;overflow:hidden}.lc-chev{color:var(--ink-faint);flex-shrink:0;margin-left:auto}.lc-chev svg{width:13px;height:13px}.letter-card-delete{width:30px;height:30px;color:var(--ink-faint);background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.letter-card-delete svg{width:15px;height:15px}.letter-card-delete:active{background:var(--danger-bg);color:var(--danger)}.empty-state{text-align:center;color:var(--ink-soft);padding:48px 16px}.empty-state p{margin:0 0 4px;font-size:13.5px}.empty-state .empty-hint{color:var(--ink-faint);font-size:12px}.new-letter-btn{background:var(--accent-fill);width:100%;color:var(--on-accent);box-shadow:0 8px 18px var(--shadow);border:none;border-radius:11px;justify-content:center;align-items:center;gap:7px;margin-top:14px;padding:11px;font-family:inherit;font-size:13.5px;font-weight:500;display:flex}.new-letter-btn svg{width:15px;height:15px}@media (width>=860px){#screen-home .app-header{padding:18px 14px 14px}#screen-home .screen-body{padding:0 14px 20px}#screen-home h1{font-size:22px}}.picker-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}@media (width<=420px){.picker-grid{grid-template-columns:repeat(2,1fr)}}.theme-card{text-align:center;background:var(--paper-raised);border:.5px solid var(--border);width:100%;color:inherit;border-radius:16px;flex-direction:column;align-items:center;gap:9px;padding:16px 8px 13px;font-family:inherit;transition:border-color .15s,background .15s,box-shadow .15s;display:flex;position:relative}.theme-card.picked{border:1.5px solid var(--accent);background:var(--accent-bg);box-shadow:0 6px 16px var(--shadow)}@media (hover:hover){.theme-card:not(.picked):hover{border-color:var(--border-strong);box-shadow:0 4px 10px var(--shadow)}}.t-swatch{width:46px;height:46px;box-shadow:0 3px 8px var(--shadow);border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.t-swatch svg{width:22px;height:22px}.t-name{color:var(--ink);margin:0;font-size:12px;font-weight:600;line-height:1.3}.t-check{background:var(--accent);width:19px;height:19px;color:var(--on-accent);box-shadow:0 2px 6px var(--shadow);opacity:0;border-radius:50%;justify-content:center;align-items:center;transition:opacity .15s,transform .15s;display:flex;position:absolute;top:-6px;right:-6px;transform:scale(.5)}.t-check svg{width:11px;height:11px}.theme-card.picked .t-check{opacity:1;transform:scale(1)}.picker-actions-inner{gap:10px;width:100%;max-width:520px;margin:0 auto;display:flex}.picker-actions-inner .secondary-btn,.picker-actions-inner .primary-btn{box-shadow:none;flex:1;margin:0}.picker-actions-inner .primary-btn{box-shadow:0 10px 22px var(--shadow)}@media (width>=1040px){#picker-confirm-top{display:inline-flex}}#letter-form{flex-direction:column;gap:16px;display:flex}.content-field{background:var(--paper);border:.5px solid var(--border);border-radius:14px;padding:14px 14px 12px}.content-field>label{padding-left:2px}.para-row{align-items:flex-start;gap:8px;margin-bottom:8px;display:flex}.para-input-wrap{flex:1;min-width:0}.para-count{color:var(--ink-faint);text-align:right;margin:4px 2px 0;font-size:11px}.para-count.warn{color:var(--gold)}.para-remove{border:.5px solid var(--border);background:var(--paper-raised);width:36px;height:36px;color:var(--ink-faint);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;margin-top:1px;display:flex}.para-remove svg{width:15px;height:15px}.para-break{align-items:center;gap:8px;margin:2px 0 8px;display:flex}.para-break-line{border-top:1px dashed var(--border-strong);flex:1;height:0}.para-break-toggle{color:var(--ink-faint);background:var(--paper-raised);border:.5px solid var(--border);border-radius:999px;flex-shrink:0;padding:5px 11px;font-family:inherit;font-size:11px;font-weight:500}.para-break.is-active .para-break-line{border-top-color:var(--accent)}.para-break.is-active .para-break-toggle{color:var(--on-accent);background:var(--accent);border-color:var(--accent)}.add-para{width:100%;color:var(--accent);border:1px dashed var(--border-strong);background:0 0;border-radius:11px;padding:11px;font-family:inherit;font-size:13.5px;font-weight:500}.compose-actions-inner{width:100%;max-width:520px;margin:0 auto}.topbar-compose-actions{flex-shrink:0;align-items:center;gap:6px;display:none}.compose-share-btn{background:var(--accent-fill);border-color:var(--accent-fill);color:var(--on-accent);box-shadow:0 4px 10px var(--shadow)}@media (width>=1040px){.topbar-compose-actions{display:flex}#screen-compose .screen-body{max-width:680px}.field-pair{grid-template-columns:1fr 1fr;gap:12px;display:grid}}#preview-frame[data-astro-cid-cz53uhis]{background:#fff;border:none;flex:1;width:100%}.bottom-bar[data-astro-cid-cz53uhis]{padding:12px 16px calc(14px + env(safe-area-inset-bottom));border-top:.5px solid var(--border);background:var(--paper);flex-direction:column;gap:8px;display:flex}.bottom-bar[data-astro-cid-cz53uhis][hidden]{display:none}.bottom-bar-inner[data-astro-cid-cz53uhis]{flex-direction:column;gap:8px;width:100%;max-width:520px;margin:0 auto;display:flex}.bottom-bar-row[data-astro-cid-cz53uhis]{gap:10px;display:flex}.bottom-bar-row[data-astro-cid-cz53uhis]>[data-astro-cid-cz53uhis],#download-btn[data-astro-cid-cz53uhis]{box-shadow:none;flex:1;margin:0}.detail-empty[data-astro-cid-5eqtksm7]{justify-content:center;align-items:center}.detail-empty-inner[data-astro-cid-5eqtksm7]{text-align:center;flex-direction:column;align-items:center;gap:10px;max-width:280px;padding:24px;display:flex}.detail-empty-icon[data-astro-cid-5eqtksm7]{background:var(--accent-bg);width:56px;height:56px;color:var(--accent);border-radius:50%;justify-content:center;align-items:center;display:flex}.detail-empty-icon[data-astro-cid-5eqtksm7] svg[data-astro-cid-5eqtksm7]{width:24px;height:24px}.detail-empty[data-astro-cid-5eqtksm7] h2[data-astro-cid-5eqtksm7]{color:var(--ink);margin:0;font-family:inherit;font-size:18px;font-weight:700}.detail-empty[data-astro-cid-5eqtksm7] p[data-astro-cid-5eqtksm7]{color:var(--ink-soft);margin:0;font-size:13.5px;line-height:1.6}.live-preview-pane{background:var(--preview-bg);min-height:0;display:none}#live-preview-frame{background:#fff;border:none;width:100%;height:100%;display:block}#screen-shared[data-astro-cid-54migcty]{position:relative}#shared-frame[data-astro-cid-54migcty]{background:#fff;border:none;flex:1;width:100%}.shared-cta[data-astro-cid-54migcty]{left:50%;bottom:calc(18px + env(safe-area-inset-bottom));white-space:nowrap;background:var(--accent-fill);color:var(--on-accent);box-shadow:0 6px 18px var(--shadow);border-radius:999px;align-items:center;gap:6px;padding:10px 18px;font-size:13.5px;font-weight:600;text-decoration:none;display:inline-flex;position:fixed;transform:translate(-50%)}