:root{--bg-primary: #0a0a0c;--bg-secondary: #0d0d0f;--bg-card: rgba(15, 15, 18, .6);--accent: #f0d890;--accent-dim: #e8cc7a;--accent-muted: #dfc175;--text-primary: #ffffff;--text-secondary: #c8c8d8;--text-muted: #b8b8c8;--border-color: rgba(240, 216, 144, .15);--border-hover: rgba(240, 216, 144, .3);--transition-speed: .4s;--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}[data-theme=light]{--bg-primary: #f5f3ef;--bg-secondary: #eae7e1;--bg-card: rgba(255, 255, 255, .6);--accent: #8a7340;--accent-dim: #7a6535;--accent-muted: #6b572e;--text-primary: #1a1a1c;--text-secondary: #4a4a5a;--text-muted: #6a6a7a;--border-color: rgba(138, 115, 64, .15);--border-hover: rgba(138, 115, 64, .3)}*{margin:0;padding:0;box-sizing:border-box}html,body{font-family:var(--font-family);background-color:var(--bg-primary);color:var(--text-primary);min-height:100vh;-webkit-font-smoothing:antialiased}h1,h2,h3{font-weight:200;letter-spacing:.15em;text-transform:uppercase}p{font-weight:300;letter-spacing:.03em;color:var(--text-secondary);line-height:1.6}.app-shell{min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1;max-width:1200px;margin:0 auto;padding:3rem 2rem;width:100%}.navbar{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 3rem;border-bottom:1px solid var(--border-color)}.navbar-brand{display:flex;align-items:center;gap:1rem}.logo-svg{width:36px;height:36px}.brand-text{font-size:.85rem;font-weight:300;letter-spacing:.3em;color:var(--accent)}.navbar-links{display:flex;gap:2rem}.nav-link{color:var(--text-secondary);text-decoration:none;font-size:.75rem;font-weight:300;letter-spacing:.2em;transition:opacity var(--transition-speed) ease-in-out}.nav-link:hover{opacity:.6}.arc{transform-origin:center}.arc-1{animation:rotate-arc 80s linear infinite}.arc-2{animation:rotate-arc 100s linear infinite reverse}.arc-3{animation:rotate-arc 120s linear infinite}@keyframes rotate-arc{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.page{padding-top:2rem}.page-title{font-size:1.8rem;color:var(--accent);margin-bottom:.5rem}.page-subtitle{font-size:.85rem;margin-bottom:3rem}.lists-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.create-list-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:3rem 2rem;background:transparent;border:1px solid var(--border-color);border-radius:2px;color:var(--text-muted);cursor:pointer;transition:all var(--transition-speed) ease-in-out;min-height:180px}.create-list-btn:hover{border-color:var(--border-hover);opacity:.8}.btn-icon{font-size:1.5rem;font-weight:200;color:var(--accent)}.btn-text{font-size:.7rem;font-weight:300;letter-spacing:.2em}.login-page{display:flex;align-items:center;justify-content:center;min-height:100vh;background-color:var(--bg-primary)}.login-container{text-align:center}.login-logo-svg{width:120px;height:120px;margin-bottom:2rem}.login-title{font-size:2rem;color:var(--accent);letter-spacing:.3em;margin-bottom:.5rem}.login-subtitle{font-size:.7rem;letter-spacing:.25em;color:var(--text-muted);margin-bottom:3rem}.login-btn{background:transparent;border:1px solid var(--accent-muted);color:var(--accent);padding:.8rem 2.5rem;font-size:.75rem;font-weight:300;letter-spacing:.15em;cursor:pointer;transition:all var(--transition-speed) ease-in-out;font-family:var(--font-family)}.login-btn:hover{opacity:.7}.theme-toggle{background:transparent;border:none;color:var(--accent);font-size:1.1rem;cursor:pointer;padding:.3rem;transition:opacity var(--transition-speed) ease-in-out}.theme-toggle:hover{opacity:.6}.nav-user{color:var(--text-muted);font-size:.7rem;font-weight:300;letter-spacing:.1em}.nav-link.active{color:var(--accent)}.loading-indicator{display:flex;justify-content:center;padding:4rem}.loading-arc svg{width:40px;height:40px}.list-card{padding:1.5rem;border:1px solid var(--border-color);border-radius:2px;cursor:pointer;transition:all var(--transition-speed) ease-in-out;min-height:140px;display:flex;flex-direction:column}.list-card:hover{border-color:var(--border-hover);opacity:.85}.list-card-header{display:flex;justify-content:space-between;align-items:flex-start}.list-card-title{font-size:1rem;font-weight:300;letter-spacing:.1em;color:var(--accent)}.list-card-delete{background:transparent;border:none;color:var(--text-muted);font-size:1.2rem;cursor:pointer;opacity:0;transition:opacity var(--transition-speed) ease-in-out;padding:0 .3rem}.list-card:hover .list-card-delete{opacity:.5}.list-card-delete:hover{opacity:1!important;color:var(--accent)}.list-card-desc{font-size:.8rem;margin-top:.5rem;flex:1}.list-card-meta{margin-top:auto;padding-top:1rem}.list-card-count{font-size:.7rem;color:var(--text-muted);letter-spacing:.1em}.create-form{display:flex;flex-direction:column;gap:.8rem;cursor:default}.input-field{background:transparent;border:1px solid var(--border-color);border-radius:2px;color:var(--text-primary);padding:.7rem 1rem;font-family:var(--font-family);font-size:.8rem;font-weight:300;letter-spacing:.05em;outline:none;transition:border-color var(--transition-speed) ease-in-out;width:100%}.input-field::placeholder{color:var(--text-muted);opacity:.5}.input-field:focus{border-color:var(--accent-muted)}.btn-primary{background:transparent;border:1px solid var(--accent);color:var(--accent);padding:.6rem 1.5rem;font-family:var(--font-family);font-size:.7rem;font-weight:300;letter-spacing:.15em;cursor:pointer;transition:opacity var(--transition-speed) ease-in-out}.btn-primary:hover{opacity:.7}.btn-primary:disabled{opacity:.3;cursor:not-allowed}.btn-secondary{background:transparent;border:1px solid var(--border-color);color:var(--text-secondary);padding:.6rem 1.5rem;font-family:var(--font-family);font-size:.7rem;font-weight:300;letter-spacing:.15em;cursor:pointer;transition:opacity var(--transition-speed) ease-in-out}.btn-secondary:hover{opacity:.7}.form-actions{display:flex;gap:.8rem;margin-top:.5rem}.error-text{color:#e07070;font-size:.75rem;font-weight:300}.page-header{display:flex;align-items:center;gap:1.5rem;margin-bottom:2rem}.back-btn{background:transparent;border:none;color:var(--text-muted);font-family:var(--font-family);font-size:.75rem;font-weight:300;letter-spacing:.1em;cursor:pointer;transition:opacity var(--transition-speed) ease-in-out;padding:0}.back-btn:hover{opacity:.6}.external-link{color:var(--accent-muted);font-size:.7rem;font-weight:300;letter-spacing:.1em;text-decoration:none;margin-left:auto;transition:opacity var(--transition-speed) ease-in-out}.external-link:hover{opacity:.6}.articles-list{display:flex;flex-direction:column;gap:1px}.article-row{display:flex;align-items:center;gap:1rem;padding:1rem 1.2rem;border:1px solid var(--border-color);cursor:pointer;transition:all var(--transition-speed) ease-in-out}.article-row:hover{border-color:var(--border-hover);opacity:.85}.article-row-icon{flex-shrink:0}.source-icon{width:20px;height:20px}.article-row-info{flex:1;display:flex;flex-direction:column;gap:.2rem;overflow:hidden}.article-row-title{font-size:.85rem;font-weight:300;color:var(--text-primary);letter-spacing:.03em}.article-row-url{font-size:.65rem;color:var(--text-muted);letter-spacing:.02em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.article-row-type{font-size:.6rem;color:var(--accent-muted);letter-spacing:.15em;flex-shrink:0}.article-row-delete{background:transparent;border:none;color:var(--text-muted);font-size:1.2rem;cursor:pointer;opacity:0;transition:opacity var(--transition-speed) ease-in-out;padding:0 .3rem}.article-row:hover .article-row-delete{opacity:.5}.article-row-delete:hover{opacity:1!important;color:var(--accent)}.add-article-form{padding:1.2rem;border:1px solid var(--accent-muted);display:flex;flex-direction:column;gap:.8rem}.add-article-btn{background:transparent;border:1px dashed var(--border-color);color:var(--text-muted);padding:1rem;font-family:var(--font-family);font-size:.7rem;font-weight:300;letter-spacing:.15em;cursor:pointer;transition:all var(--transition-speed) ease-in-out;text-align:center}.add-article-btn:hover{border-color:var(--border-hover);opacity:.8}.timeline-container{margin:2rem 0;padding:1.5rem 0;border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color)}.timeline-track{display:flex;gap:0;overflow-x:auto;padding:.5rem 0;scrollbar-width:thin;scrollbar-color:var(--border-color) transparent}.timeline-node{display:flex;flex-direction:column;align-items:center;gap:.5rem;background:transparent;border:none;cursor:pointer;padding:.5rem 1rem;min-width:60px;transition:opacity var(--transition-speed) ease-in-out}.timeline-node:hover{opacity:.7}.timeline-dot{width:8px;height:8px;border-radius:50%;border:1px solid var(--accent-muted);transition:all var(--transition-speed) ease-in-out}.timeline-node.active .timeline-dot{background:var(--accent);border-color:var(--accent)}.timeline-date{font-size:.6rem;color:var(--text-muted);letter-spacing:.05em;white-space:nowrap}.timeline-node.active .timeline-date{color:var(--accent)}.timeline-slider{width:100%;margin-top:1rem;-webkit-appearance:none;appearance:none;height:1px;background:var(--border-color);outline:none}.timeline-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:12px;height:12px;border-radius:50%;background:transparent;border:1px solid var(--accent);cursor:pointer}.diff-viewer{margin-top:1.5rem}.diff-lines{font-family:Consolas,Monaco,monospace;font-size:.75rem;line-height:1.6}.diff-line{display:flex;padding:.1rem .5rem}.diff-added{background:#64c86414}.diff-removed{background:#c8646414}.diff-line-prefix{color:var(--text-muted);width:1.5rem;flex-shrink:0;-webkit-user-select:none;user-select:none}.diff-added .diff-line-prefix{color:#8bc68b}.diff-removed .diff-line-prefix{color:#c68b8b}.diff-line-content{white-space:pre-wrap;word-break:break-all}.commit-detail{border:1px solid var(--border-color);padding:1.2rem}.commit-meta{display:flex;gap:1.5rem;margin-bottom:.8rem}.commit-sha{font-family:Consolas,monospace;font-size:.75rem;color:var(--accent)}.commit-author,.commit-date{font-size:.7rem;color:var(--text-muted);letter-spacing:.05em}.commit-message{font-size:.8rem;margin-bottom:1rem;color:var(--text-primary)}.diff-content{font-family:Consolas,monospace;font-size:.7rem;color:var(--text-secondary);white-space:pre-wrap;word-break:break-all;line-height:1.5;padding:1rem;border-top:1px solid var(--border-color);margin:0;background:transparent}.empty-state{text-align:center;padding:4rem 2rem}.empty-state p{font-size:.85rem}.config-form{max-width:600px}.config-section{margin-bottom:2rem}.config-label{display:block;font-size:.65rem;color:var(--accent-muted);letter-spacing:.2em;margin-bottom:.8rem;font-weight:300}.toggle-btn{background:transparent;border:1px solid var(--border-color);color:var(--text-muted);padding:.5rem 1.5rem;font-family:var(--font-family);font-size:.7rem;font-weight:300;letter-spacing:.15em;cursor:pointer;transition:all var(--transition-speed) ease-in-out}.toggle-btn.active{border-color:var(--accent);color:var(--accent)}.day-selector{display:flex;gap:.5rem;flex-wrap:wrap}.day-btn{background:transparent;border:1px solid var(--border-color);color:var(--text-muted);padding:.5rem .8rem;font-family:var(--font-family);font-size:.65rem;font-weight:300;letter-spacing:.1em;cursor:pointer;transition:all var(--transition-speed) ease-in-out}.day-btn.selected{border-color:var(--accent);color:var(--accent)}.day-btn:hover{opacity:.7}.time-input{max-width:200px;color-scheme:dark}[data-theme=light] .time-input{color-scheme:light}.email-row{display:flex;gap:.5rem;margin-bottom:.5rem}.remove-email-btn{background:transparent;border:1px solid var(--border-color);color:var(--text-muted);width:36px;font-size:1rem;cursor:pointer;transition:opacity var(--transition-speed) ease-in-out;flex-shrink:0}.remove-email-btn:hover{opacity:.6}.add-email-btn{background:transparent;border:none;color:var(--accent-muted);font-family:var(--font-family);font-size:.7rem;font-weight:300;letter-spacing:.1em;cursor:pointer;padding:.5rem 0;transition:opacity var(--transition-speed) ease-in-out}.add-email-btn:hover{opacity:.6}
