:root{--bg-primary:#0b0b0e;--bg-sidebar:#111116;--bg-elevated:#18181e;--bg-hover:#1e1e26;--border-color:#232329;--border-subtle:#1d1d24;--text-primary:#f0f0f5;--text-secondary:#a1a1aa;--text-muted:#71717a;--accent:#e040fb;--accent-alpha:#e040fb1f;--scrollbar:#232329;--scrollbar-hover:#333340}@media (prefers-color-scheme:light){:root{--bg-primary:#f5f5f8;--bg-sidebar:#fff;--bg-elevated:#f0f0f5;--bg-hover:#eaeaf2;--border-color:#e2e2ec;--border-subtle:#ebebf0;--text-primary:#0f0f14;--text-secondary:#52525b;--text-muted:#71717a;--accent:#c026d3;--accent-alpha:#c026d31a;--scrollbar:#d0d0da;--scrollbar-hover:#b0b0be}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg-primary);height:100%;color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"cv02","cv03","cv04","cv11";font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:15px;overflow:hidden}a{color:inherit;text-decoration:none}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--scrollbar);border-radius:2px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-hover)}::selection{background:var(--accent-alpha);color:var(--accent)}.app-container{width:100vw;height:100vh;display:flex;overflow:hidden}.sidebar{background:var(--bg-sidebar);border-right:1px solid var(--border-color);flex-direction:column;width:340px;min-width:340px;height:100%;display:flex}.sidebar-header{border-bottom:1px solid var(--border-color);flex-shrink:0;padding:20px 20px 16px}.logo-link{margin-bottom:4px;display:block}.courtesy-badge{background:var(--bg-primary);border:1px solid var(--border-color);color:var(--text-secondary);border-radius:8px;align-items:center;gap:10px;margin-top:12px;margin-bottom:24px;padding:10px 12px;font-size:.825rem;line-height:1.45;display:flex}.courtesy-badge svg{color:var(--text-muted);flex-shrink:0}.sidebar-header h1{color:var(--text-primary);letter-spacing:-.01em;align-items:center;gap:10px;font-size:1.1rem;font-weight:600;display:flex}.sidebar-header h1 svg{opacity:.7;flex-shrink:0}.search-container{align-items:center;display:flex;position:relative}.search-icon{color:var(--text-muted);pointer-events:none;flex-shrink:0;position:absolute;left:10px}.search-input{background:var(--bg-elevated);border:1px solid var(--border-color);width:100%;color:var(--text-primary);border-radius:8px;padding:8px 32px 8px 34px;font-family:inherit;font-size:16px;transition:border-color .15s,box-shadow .15s}.search-input::placeholder{color:var(--text-muted)}.search-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-alpha);outline:none}.clear-search{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:3px;transition:color .15s;display:flex;position:absolute;right:8px}.clear-search:hover{color:var(--text-primary)}.search-loading-hint{color:var(--accent);opacity:.8;margin-top:8px;font-size:.75rem;font-style:italic;animation:1.5s ease-in-out infinite pulse}@keyframes pulse{0%{opacity:.4}50%{opacity:.8}to{opacity:.4}}.keyboard-hint{display:none}@media (pointer:fine){.keyboard-hint{color:var(--text-muted);align-items:center;gap:5px;margin-top:10px;font-size:.7rem;display:flex}}.key-chip{border:1px solid var(--border-color);background:var(--bg-elevated);min-width:20px;height:20px;color:var(--text-secondary);border-bottom-width:2px;border-radius:4px;justify-content:center;align-items:center;padding:0 4px;font-family:inherit;font-size:.7rem;line-height:1;display:inline-flex}.key-chip--wide{min-width:26px}.keyboard-hint-label{color:var(--text-muted)}.sidebar-content{outline:none;flex:1;padding:0;overflow-y:auto}.no-results{text-align:center;color:var(--text-muted);padding:40px 20px;font-size:.95rem}.month-label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);z-index:10;background:var(--bg-sidebar);border-bottom:1px solid var(--border-subtle);padding:8px 20px 6px;font-size:.75rem;font-weight:600;position:sticky;top:0}@media (prefers-color-scheme:light){.month-label{background:var(--bg-sidebar)}}.month-articles{padding:4px 8px}.article-link{border-radius:7px;margin-bottom:1px;padding:10px 12px;transition:background .1s;display:block;position:relative}.article-link:hover,.article-link.keyboard-focused{background:var(--bg-hover)}.article-link.active{background:var(--accent-alpha)}.article-link.active .article-title{color:var(--accent)}.article-title{color:var(--text-primary);margin-bottom:3px;font-size:.95rem;font-weight:500;line-height:1.45}.article-date{color:var(--text-muted);font-variant-numeric:tabular-nums;font-size:.8rem}.main-content{background:var(--bg-primary);flex:1;height:100%;position:relative;overflow-y:auto}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.animate-in{animation:.25s cubic-bezier(.16,1,.3,1) forwards fadeIn}@media (max-width:768px){body,html{height:100dvh;overflow:hidden}.app-container{flex-direction:column;height:100dvh;min-height:100dvh;overflow:hidden}.sidebar{width:100%;min-width:unset;border-right:none;border-bottom:1px solid var(--border-color);height:100dvh}.sidebar--hidden-mobile{display:none}.sidebar-content{flex:1;max-height:none;overflow-y:auto}.main-content{height:100dvh;min-height:100dvh;display:none;overflow-y:auto}.sidebar--hidden-mobile+.main-content{display:block}.empty-state{display:none!important}}.interactor-link{color:var(--accent);background-image:linear-gradient(var(--accent),var(--accent));background-position:0 100%;background-repeat:no-repeat;background-size:0% 1px;font-weight:600;text-decoration:none;transition:background-size .25s ease-out}.interactor-link:hover{background-size:100% 1px}.empty-state{height:100%;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex}