:root{--page-bg:linear-gradient(135deg,#667eea,#764ba2);--on-page:#fff;--on-page-soft:#ffffffd9;--chip-bg:#ffffff26;--chip-border:#ffffff4d;--surface:#fff;--surface-2:#fafbfc;--surface-3:#f3f4f6;--surface-3-hover:#e5e7eb;--border:#e5e7eb;--text:#374151;--text-strong:#1f2937;--text-muted:#6b7280;--text-faint:#69707e;--accent:#667eea;--accent-2:#764ba2;--on-accent:#fff;--focus-ring:#667eea1a;--card-shadow:0 20px 60px #00000040;--btn-shadow:#667eea59;--signin-bg:#1f2937;--signin-text:#fff;--signin-shadow:#1f29374d;--seal-ring:#5b3d84;--seal-mark:#764ba2;color-scheme:light}:root[data-theme=dark]{--page-bg:linear-gradient(135deg,#2b2550,#17142a);--on-page:#ece9f5;--on-page-soft:#ece9f5cc;--chip-bg:#ffffff14;--chip-border:#ffffff29;--surface:#1c1930;--surface-2:#232039;--surface-3:#2b2743;--surface-3-hover:#363152;--border:#363152;--text:#c9c4da;--text-strong:#f0eef7;--text-muted:#9b95b0;--text-faint:#9c97b4;--accent:#8f9df2;--accent-2:#a97fd4;--on-accent:#1a172c;--focus-ring:#8f9df22e;--card-shadow:0 20px 60px #0000008c;--btn-shadow:#8f9df24d;--signin-bg:#ece9f5;--signin-text:#1c1930;--signin-shadow:#00000073;--seal-ring:#6b4f9b;--seal-mark:#8a68bd;color-scheme:dark}.container{display:flex;flex-direction:column;margin:0 auto;max-width:900px;min-height:100vh;padding:40px 20px;position:relative}.header{animation:fadeIn .8s ease-in;margin-bottom:50px;text-align:center}.header,.logo{color:#fff;color:var(--on-page)}.logo{filter:drop-shadow(0 2px 8px rgba(0,0,0,.15));height:60px;margin-bottom:16px;width:72px}.header h1{font-size:2.8rem;font-weight:600;letter-spacing:-.5px;line-height:1.2;margin-bottom:12px;text-shadow:0 2px 12px #00000026}.header h1,.subtitle{font-family:Tiempos Text,"Source Serif 4",Georgia,serif}.subtitle{font-size:1.1rem;font-style:italic;font-weight:400;letter-spacing:0;line-height:1.5;opacity:.92}.content-wrapper{animation:slideUp .6s ease-out;background:#fff;background:var(--surface);border-radius:16px;box-shadow:0 20px 60px #00000040;box-shadow:var(--card-shadow);display:flex;flex-direction:column;flex-grow:1;padding:48px}.edit-section,.history-section,.view-section{display:flex;flex-direction:column;height:100%}.editor{background:#fafbfc;background:var(--surface-2);border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:12px;color:#1f2937;color:var(--text-strong);flex-grow:1;font-family:Tiempos Text,"Source Serif 4",Georgia,serif;font-size:16px;line-height:1.7;margin-bottom:20px;min-height:60vh;padding:18px 20px;resize:vertical;transition:border-color .2s,box-shadow .2s}.editor:focus{background:#fff;background:var(--surface);border-color:#667eea;border-color:var(--accent);box-shadow:0 0 0 3px #667eea1a;box-shadow:0 0 0 3px var(--focus-ring);outline:none}.letter-content{word-wrap:break-word;color:#374151;color:var(--text);font-family:Tiempos Text,"Source Serif 4",Georgia,serif;font-size:16.5px;line-height:1.8;margin-bottom:32px;white-space:pre-wrap}.letter-content p{font-weight:400;letter-spacing:0;margin-bottom:1.5rem}.letter-content p:first-child{color:#1f2937;color:var(--text-strong);font-weight:500}.letter-block{margin-bottom:8px}.section-head{align-items:baseline;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border);display:flex;gap:16px;justify-content:space-between;margin-bottom:20px;padding-bottom:8px}.section-title{color:#1f2937;color:var(--text-strong);font-family:Tiempos Text,"Source Serif 4",Georgia,serif;font-size:1.15rem;font-weight:600;letter-spacing:-.2px;margin:0}.section-title-opening{color:#69707e;color:var(--text-faint);font-family:inherit;font-size:.78rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.btn-section-edit{background:none;border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:999px;color:#6b7280;color:var(--text-muted);cursor:pointer;flex-shrink:0;font-family:inherit;font-size:12.5px;font-weight:600;padding:4px 14px;transition:color .2s,border-color .2s,background .2s}.btn-section-edit:hover{background:#fafbfc;background:var(--surface-2);border-color:#667eea;border-color:var(--accent);color:#667eea;color:var(--accent)}.section-empty{color:#69707e;color:var(--text-faint);font-style:italic;margin:0 0 32px}.section-actions{align-items:center;display:flex;flex-direction:column;gap:14px;margin-top:8px}.btn-link-quiet{background:none;border:none;color:#69707e;color:var(--text-faint);cursor:pointer;font-family:inherit;font-size:13px;padding:0;text-decoration:underline}.btn-link-quiet:hover{color:#667eea;color:var(--accent)}.signin-error{border:1px solid #667eea;border:1px solid var(--accent);border-radius:10px;color:#1f2937;color:var(--text-strong);font-size:14px;line-height:1.5;margin:0 auto 18px;max-width:420px;padding:12px 16px}.conflict,.signin-error{background:#fafbfc;background:var(--surface-2)}.conflict{border:1px solid #667eea;border:1px solid var(--accent);border-radius:12px;margin-bottom:20px;padding:18px 20px}.conflict-title{color:#1f2937;color:var(--text-strong);font-size:14.5px;font-weight:600;margin:0 0 12px}.conflict-label{color:#69707e;color:var(--text-faint);font-size:12.5px;font-weight:600;letter-spacing:.06em;margin:0 0 8px;text-transform:uppercase}.conflict-body{background:#fff;background:var(--surface);border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:8px;max-height:220px;overflow-y:auto;padding:12px 14px}.conflict-body .letter-content{font-size:15px;margin-bottom:0}.conflict-body .letter-content p:last-child{margin-bottom:0}.conflict-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:14px}.note-field{display:flex;flex-direction:column;gap:6px;margin-bottom:20px}.note-label{color:#374151;color:var(--text);font-size:13px;font-weight:600;letter-spacing:-.2px}.note-optional{color:#69707e;color:var(--text-faint);font-weight:400}.note-input{background:#fafbfc;background:var(--surface-2);border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:10px;color:#1f2937;color:var(--text-strong);font-family:inherit;font-size:14px;padding:13px 14px;transition:border-color .2s,box-shadow .2s}.note-input::placeholder{color:#69707e;color:var(--text-faint)}.note-input:focus{background:#fff;background:var(--surface);border-color:#667eea;border-color:var(--accent);box-shadow:0 0 0 3px #667eea1a;box-shadow:0 0 0 3px var(--focus-ring);outline:none}.note-count{align-self:flex-end;color:#69707e;color:var(--text-faint);font-size:12px}.button-group{display:flex;gap:12px;justify-content:flex-end}.btn{border:none;border-radius:8px;cursor:pointer;font-family:inherit;font-size:14px;font-weight:600;letter-spacing:-.3px;padding:11px 24px;transition:all .2s ease}.btn-save{background:linear-gradient(135deg,#667eea,#764ba2);background:linear-gradient(135deg,var(--accent) 0,var(--accent-2) 100%);color:#fff;color:var(--on-accent)}.btn-save:hover:not(:disabled){box-shadow:0 8px 20px #667eea59;box-shadow:0 8px 20px var(--btn-shadow);transform:translateY(-1px)}.btn-save:disabled{cursor:not-allowed;opacity:.6}.btn-cancel{background:#f3f4f6;background:var(--surface-3);color:#374151;color:var(--text);font-weight:500}.btn-cancel:hover{background:#e5e7eb;background:var(--surface-3-hover);transform:translateY(-1px)}.btn-edit{align-self:center;background:linear-gradient(135deg,#667eea,#764ba2);background:linear-gradient(135deg,var(--accent) 0,var(--accent-2) 100%);color:#fff;color:var(--on-accent);font-size:15px;padding:12px 32px}.btn-edit:hover{box-shadow:0 8px 20px #667eea59;box-shadow:0 8px 20px var(--btn-shadow);transform:translateY(-1px)}.user-chip{align-items:center;background:#ffffff26;background:var(--chip-bg);border:1px solid #ffffff4d;border:1px solid var(--chip-border);border-radius:999px;color:#fff;color:var(--on-page);display:inline-flex;font-size:14px;gap:8px;margin-top:16px;padding:6px 14px}.avatar{border-radius:50%;height:22px;width:22px}.btn-link{background:none;border:none;color:#ffffffd9;color:var(--on-page-soft);cursor:pointer;font-family:inherit;font-size:13px;padding:0;text-decoration:underline}.btn-link:hover{color:#fff;color:var(--on-page)}.signin-section{text-align:center}.signin-hint{color:#6b7280;color:var(--text-muted);font-family:Tiempos Text,"Source Serif 4",Georgia,serif;font-size:15px;font-style:italic;margin-bottom:16px}.signin-buttons{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.btn-signin{background:#1f2937;background:var(--signin-bg);border-radius:8px;color:#fff;color:var(--signin-text);display:inline-block;font-size:14px;font-weight:600;letter-spacing:-.3px;padding:11px 24px;text-decoration:none;transition:all .2s ease}.btn-signin:hover{box-shadow:0 8px 20px #1f29374d;box-shadow:0 8px 20px var(--signin-shadow);transform:translateY(-1px)}.signin-unconfigured{color:#69707e;color:var(--text-faint);font-size:14px}.btn-history{align-self:center;background:none;border:none;color:#6b7280;color:var(--text-muted);cursor:pointer;font-family:Tiempos Text,"Source Serif 4",Georgia,serif;font-size:14px;font-style:italic;margin-top:20px;padding:4px;transition:color .2s ease}.btn-history:hover{color:#667eea;color:var(--accent)}.history-header{align-items:center;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border);display:flex;gap:16px;justify-content:space-between;margin-bottom:28px;padding-bottom:16px}.history-title{color:#1f2937;color:var(--text-strong);font-family:Tiempos Text,"Source Serif 4",Georgia,serif;font-size:1.4rem;font-weight:600;letter-spacing:-.3px}.history-meta{color:#6b7280;color:var(--text-muted);font-size:14px;margin-bottom:24px}.history-empty,.history-meta{font-family:Tiempos Text,"Source Serif 4",Georgia,serif;font-style:italic}.history-empty{color:#69707e;color:var(--text-faint);padding:32px 0;text-align:center}.history-list{display:flex;flex-direction:column;gap:10px;list-style:none}.history-row{align-items:stretch;display:flex;gap:8px}.btn-visibility{align-self:center;background:#f3f4f6;background:var(--surface-3);border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:8px;color:#6b7280;color:var(--text-muted);cursor:pointer;flex-shrink:0;font-family:inherit;font-size:13px;font-weight:600;padding:8px 14px;transition:background .2s,color .2s}.btn-visibility:hover{background:#e5e7eb;background:var(--surface-3-hover);color:#1f2937;color:var(--text-strong)}.history-item{background:#fafbfc;background:var(--surface-2);border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:10px;cursor:pointer;display:flex;flex:1 1;flex-direction:column;font-family:inherit;gap:4px;min-width:0;padding:14px 16px;text-align:left;transition:border-color .2s,background .2s,transform .2s}.history-item:hover{background:#fff;background:var(--surface);border-color:#667eea;border-color:var(--accent);transform:translateY(-1px)}.history-when{color:#1f2937;color:var(--text-strong);font-size:13px;font-weight:600;letter-spacing:-.2px}.history-who{color:#6b7280;color:var(--text-muted);font-size:13px}.history-preview{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#69707e;color:var(--text-faint);display:-webkit-box;font-family:Tiempos Text,"Source Serif 4",Georgia,serif;font-size:14px;line-height:1.5;margin-top:2px;overflow:hidden}.footer{margin-top:40px;opacity:.88;text-align:center}.footer,.theme-toggle{color:#fff;color:var(--on-page)}.theme-toggle{align-items:center;background:#ffffff26;background:var(--chip-bg);border:1px solid #ffffff4d;border:1px solid var(--chip-border);border-radius:999px;cursor:pointer;display:inline-flex;height:38px;justify-content:center;padding:0;position:absolute;right:20px;top:40px;transition:background .2s ease,transform .2s ease;width:38px;z-index:2}.theme-toggle:hover{background:#ffffff4d;background:var(--chip-border);transform:translateY(-1px)}.theme-toggle svg{height:18px;width:18px}.footer p{font-size:14px;font-weight:400;letter-spacing:-.2px;margin:6px 0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:600px){.container{padding:20px 16px}.header{margin-bottom:32px}.header h1{font-size:2rem}.content-wrapper{padding:24px}.button-group{flex-direction:column}.btn{width:100%}.btn-edit{align-self:stretch}.history-header{align-items:stretch;flex-direction:column;gap:12px}.theme-toggle{right:16px;top:20px}}
/*# sourceMappingURL=main.c6026aee.css.map*/