:root{--bg-primary: #ffffff;--bg-secondary: #f5f5f5;--text-primary: #1a1a1a;--text-secondary: #4a4a4a;--accent: #d4a574;--border: #e0e0e0;--shadow: rgba(0, 0, 0, .1);--font-serif: "Iowan Old Style", "Charter", "Georgia", "Times New Roman", serif;--font-sans: -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "Helvetica Neue", "Segoe UI", "Roboto", sans-serif}@media(prefers-color-scheme:dark){:root{--bg-primary: #1a1a1a;--bg-secondary: #2a2a2a;--text-primary: #f5f5f5;--text-secondary: #b0b0b0;--accent: #d4a574;--border: #404040;--shadow: rgba(0, 0, 0, .3)}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg-primary);color:var(--text-primary);transition:background-color .2s,color .2s}h1,h2,h3,h4,h5,h6,.entry-date,.entry-title,.date-button{font-family:var(--font-serif);font-weight:400;letter-spacing:-.01em}.app{min-height:100vh;background:var(--bg-primary);display:flex}.sidebar{width:80px;height:100vh;border-right:1px solid var(--border);flex-shrink:0;position:sticky;top:0}.main-content{flex-grow:1;height:100vh;overflow-y:auto;display:flex;flex-direction:column;align-items:center;position:relative;padding:1rem 1rem 2rem}.sync-status{position:fixed;top:1rem;right:1rem;padding:.5rem 1rem;border-radius:8px;font-size:.875rem;font-family:var(--font-sans);z-index:1000;box-shadow:0 4px 6px var(--shadow)}.sync-status.offline{background:#d4a57433;color:var(--accent);border:1px solid var(--accent)}.sync-status.error{background:#c530301a;color:#c53030;border:1px solid rgba(197,48,48,.3)}.view-toggle{position:sticky;top:1rem;left:50%;transform:translate(-50%);display:flex;gap:.5rem;z-index:100;background:var(--bg-primary);padding:.25rem;border-radius:8px;border:1px solid var(--border);box-shadow:0 2px 4px var(--shadow);margin-bottom:1rem;align-self:center}.view-toggle button{padding:.5rem 1rem;border:none;background:transparent;border-radius:6px;cursor:pointer;font-family:var(--font-sans);font-size:.875rem;font-weight:500;color:var(--text-secondary);transition:all .2s}.view-toggle button:hover{color:var(--text-primary);background:var(--bg-secondary)}.view-toggle button.active{color:var(--accent);background:var(--bg-secondary)}