*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--color-bg: #faf6ee;--color-surface: #fefcf6;--color-surface-hover: #f5f0e4;--color-surface-active: #ede7d8;--color-ink: #1a1a18;--color-ink-light: #3d3b36;--color-ink-faded: #6e6a5e;--color-ink-muted: #a09a8c;--color-ink-ghost: #c8c3b4;--color-rule: #d4cfc2;--color-rule-heavy: #b0a998;--color-rule-light: #e5e0d4;--color-accent: #8b2232;--color-accent-hover: #6d1a28;--color-link: #2c4a7c;--color-danger: #9b2226;--color-danger-hover: #7a1a1d;--color-success: #386641;--color-warning: #8a6914;--radius: 0px;--shadow-card: none;--shadow-card-hover: none;--font-serif: "Lora", "Georgia", "Times New Roman", serif;--font-sans: "Source Sans 3", "Helvetica Neue", Arial, sans-serif;--font-display: "Libre Baskerville", "Georgia", serif;--transition: .15s ease}body{font-family:var(--font-serif);background:var(--color-bg);color:var(--color-ink);line-height:1.7;min-height:100vh;-webkit-font-smoothing:antialiased}body:before,body:after{display:none}#root{min-height:100vh;position:relative}button{cursor:pointer;font-family:inherit;font-size:inherit}input,textarea,select{font-family:inherit;font-size:inherit}a{color:var(--color-link);text-decoration:none}a:hover{text-decoration:underline}::selection{background:#8b1a1a26;color:var(--color-ink)}.app-layout{display:flex;min-height:100vh}.sidebar{width:250px;background:var(--color-surface);border-right:2px solid var(--color-rule);padding:0;display:flex;flex-direction:column;flex-shrink:0;position:sticky;top:0;height:100vh;overflow-y:auto}.sidebar-brand{padding:24px 20px 20px;border-bottom:3px double var(--color-rule)}.sidebar-brand h1{font-family:var(--font-display);font-size:20px;font-weight:400;color:var(--color-ink);letter-spacing:.5px;line-height:1.2}.sidebar-nav{display:flex;flex-direction:column;flex:1;gap:0;padding:8px 0}.sidebar-link{display:flex;align-items:center;gap:12px;padding:11px 20px;border:none;border-left:3px solid transparent;background:none;color:var(--color-ink-faded);font-family:var(--font-sans);font-size:14px;font-weight:500;text-align:left;transition:all var(--transition);width:100%;border-radius:0}.sidebar-link:before{display:none}.sidebar-link:hover{background:var(--color-surface-hover);color:var(--color-ink);border-left-color:var(--color-rule)}.sidebar-link.active{background:var(--color-surface-hover);color:var(--color-accent);border-left-color:var(--color-accent);font-weight:600}.sidebar-link svg{width:18px;height:18px;flex-shrink:0;opacity:.5}.sidebar-link.active svg{opacity:1;color:var(--color-accent)}.sidebar-link:hover svg{opacity:.7}.sidebar-badge{margin-left:auto;background:var(--color-accent);color:#fff;font-family:var(--font-sans);font-size:11px;font-weight:700;padding:1px 7px;border:none;border-radius:10px;animation:none;box-shadow:none;line-height:1.5}.main-content{flex:1;padding:36px 48px;overflow-y:auto;max-width:800px}.page-header{margin-bottom:28px;padding-bottom:14px;border-bottom:3px double var(--color-rule)}.page-header h2{font-family:var(--font-display);font-size:28px;font-weight:700;color:var(--color-ink);letter-spacing:-.5px;margin-bottom:4px;background:none;-webkit-text-fill-color:unset;line-height:1.2}.page-header p{color:var(--color-ink-faded);font-family:var(--font-sans);font-size:14px;font-weight:400;font-style:italic}.card{background:var(--color-surface);border:none;border-bottom:1px solid var(--color-rule-light);border-radius:var(--radius);box-shadow:none;margin-bottom:0;transition:all var(--transition);position:relative;overflow:hidden;animation:fadeIn .2s ease-out both}.card:before{display:none}.card:hover{background:var(--color-surface-hover);border-color:var(--color-rule);box-shadow:none;transform:none}.card-body{padding:16px 20px}.card:nth-child(2){animation-delay:.03s}.card:nth-child(3){animation-delay:.06s}.card:nth-child(4){animation-delay:.09s}.card:nth-child(5){animation-delay:.12s}.card:nth-child(6){animation-delay:.15s}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.newsletter-item{display:flex;align-items:flex-start;gap:12px;cursor:pointer;transition:all var(--transition)}.newsletter-item.unread .newsletter-subject{font-weight:700;color:var(--color-ink)}.newsletter-unread-dot{width:7px;height:7px;border-radius:50%;background:var(--color-accent);flex-shrink:0;margin-top:8px;box-shadow:none;animation:none}.newsletter-unread-dot.read{background:var(--color-ink-ghost);box-shadow:none}.newsletter-meta{flex:1;min-width:0}.newsletter-subject{font-family:var(--font-serif);font-size:15px;font-weight:400;color:var(--color-ink-light);margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color var(--transition)}.newsletter-item:hover .newsletter-subject{color:var(--color-ink)}.newsletter-sender{font-family:var(--font-sans);font-size:12px;font-weight:500;color:var(--color-ink-faded);font-style:italic}.newsletter-date{font-family:var(--font-sans);font-size:12px;color:var(--color-ink-muted);white-space:nowrap;flex-shrink:0}.newsletter-detail-header{margin-bottom:28px;padding-bottom:16px;border-bottom:1px solid var(--color-rule)}.newsletter-detail-header h2{font-family:var(--font-display);font-size:26px;font-weight:700;letter-spacing:-.3px;margin-bottom:10px;color:var(--color-ink);line-height:1.3;background:none;-webkit-text-fill-color:unset}.newsletter-detail-meta{display:flex;gap:20px;font-family:var(--font-sans);font-size:13px;color:var(--color-ink-faded);font-style:italic}.newsletter-detail-content{font-family:var(--font-serif);font-size:15px;line-height:1.85;white-space:pre-wrap;color:var(--color-ink-light)}.back-button{display:inline-flex;align-items:center;gap:6px;background:none;border:none;color:var(--color-link);font-family:var(--font-sans);font-size:13px;font-weight:500;padding:0;margin-bottom:20px;transition:all var(--transition)}.back-button:hover{color:var(--color-ink);transform:none}.tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}.tag{display:inline-block;background:transparent;color:var(--color-ink-faded);font-family:var(--font-sans);font-size:11px;font-weight:500;padding:2px 8px;border:1px solid var(--color-rule);border-radius:2px;letter-spacing:.3px;font-style:italic}.form-group{margin-bottom:20px}.form-group label{display:block;font-family:var(--font-sans);font-size:13px;font-weight:600;margin-bottom:6px;color:var(--color-ink-light);text-transform:none;letter-spacing:0}.form-group input,.form-group textarea,.form-group select{width:100%;padding:10px 14px;background:#fff;border:1px solid var(--color-rule);border-radius:var(--radius);color:var(--color-ink);font-size:14px;outline:none;transition:all var(--transition)}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--color-ink-ghost);font-style:italic;font-size:14px}.form-group input:focus,.form-group textarea:focus{border-color:var(--color-ink-faded);box-shadow:none;background:#fff}.form-group textarea{min-height:200px;resize:vertical;font-family:var(--font-serif);line-height:1.8}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 20px;border-radius:2px;border:1px solid transparent;font-family:var(--font-sans);font-size:13px;font-weight:600;transition:all var(--transition);position:relative;overflow:hidden}.btn:before{display:none}.btn-primary{background:var(--color-ink);color:var(--color-bg);border-color:var(--color-ink);box-shadow:none}.btn-primary:hover{background:var(--color-ink-light);border-color:var(--color-ink-light);transform:none;box-shadow:none}.btn-primary:active{background:#000}.btn-secondary{background:transparent;color:var(--color-ink-faded);border-color:var(--color-rule)}.btn-secondary:hover{background:var(--color-surface-hover);color:var(--color-ink);border-color:var(--color-rule-heavy)}.btn-danger{background:transparent;color:var(--color-danger);border-color:var(--color-danger);box-shadow:none}.btn-danger:hover{background:var(--color-danger);color:#fff;border-color:var(--color-danger);box-shadow:none;transform:none}.btn-sm{padding:5px 14px;font-size:12px}.btn-group{display:flex;gap:8px}.summary-card{margin-bottom:20px}.summary-card .card-body{padding:24px}.summary-date{font-family:var(--font-display);font-size:20px;font-weight:700;color:var(--color-ink);letter-spacing:-.3px;margin-bottom:4px;background:none;-webkit-text-fill-color:unset}.summary-count{font-family:var(--font-sans);font-size:13px;color:var(--color-ink-muted);margin-bottom:14px;font-style:italic}.summary-topics{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:18px}.summary-text{font-family:var(--font-serif);font-size:15px;line-height:1.85;white-space:pre-wrap;color:var(--color-ink-light)}.summary-text strong{font-weight:700;color:var(--color-ink)}.summary-actions{margin-top:20px;padding-top:14px;border-top:1px solid var(--color-rule-light)}.generate-banner{background:var(--color-surface);border:1px solid var(--color-rule);border-radius:var(--radius);padding:20px 24px;margin-bottom:28px;display:flex;align-items:center;justify-content:space-between;position:relative;overflow:hidden;box-shadow:none}.generate-banner:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--color-ink)}.generate-banner:after{display:none}.generate-banner-text h3{font-family:var(--font-display);font-size:16px;font-weight:700;margin-bottom:4px;color:var(--color-ink)}.generate-banner-text p{font-family:var(--font-sans);font-size:13px;color:var(--color-ink-faded);font-style:italic}.empty-state{text-align:center;padding:80px 20px;color:var(--color-ink-faded)}.empty-state svg{width:48px;height:48px;margin-bottom:20px;opacity:.2;color:var(--color-ink-muted);filter:none}.empty-state h3{font-family:var(--font-display);font-size:20px;font-weight:700;color:var(--color-ink);margin-bottom:8px}.empty-state p{font-family:var(--font-sans);font-size:14px;margin-bottom:24px;color:var(--color-ink-muted);font-style:italic}.delete-actions{display:flex;gap:8px;margin-top:10px}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-rule);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--color-rule-heavy)}.admin-login-container{max-width:420px;margin:40px auto}.admin-login-title{font-family:var(--font-display);font-size:18px;font-weight:700;color:var(--color-ink);margin-bottom:6px}.admin-login-subtitle{font-family:var(--font-sans);font-size:14px;color:var(--color-ink-faded);font-style:italic;margin-bottom:20px;line-height:1.6}.admin-login-error{color:var(--color-danger);font-family:var(--font-sans);font-size:13px;margin-bottom:12px}.admin-section{margin-bottom:32px}.admin-section-title{font-family:var(--font-display);font-size:18px;font-weight:700;color:var(--color-ink);margin-bottom:16px;padding-bottom:8px;border-bottom:1px solid var(--color-rule)}@media(max-width:768px){.sidebar{width:56px}.sidebar-brand h1,.sidebar-link span,.sidebar-badge{display:none}.sidebar-brand{justify-content:center;padding:16px 0}.sidebar-link{justify-content:center;padding:10px;border-left:none;border-bottom:2px solid transparent}.sidebar-link.active{border-left:none;border-bottom-color:var(--color-accent)}.main-content{padding:20px 16px}.generate-banner{flex-direction:column;gap:12px;text-align:center}}