:root{--color-primary: #0066cc;--color-primary-dark: #0055aa;--color-primary-light: #cce5f7;--color-primary-bg: #e8f4fd;--color-text: #333;--color-text-secondary: #666;--color-text-tertiary: #999;--color-border: #eee;--color-border-secondary: #ddd;--color-bg-light: #f9f9f9;--color-bg-lighter: #f0f0f0;--color-bg-lightest: #f5f5f5;--color-note: #0066cc;--color-daily: #4CAF50;--color-media: #FF9800;--color-success: #4CAF50;--color-warning: #FF9800;--color-error: #cc0000;--font-family: sans-serif;--font-size-base: 1em;--font-size-small: .9em;--font-size-smaller: .8em;--font-size-smallest: .75em;--spacing-xs: .2rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--border-radius-sm: 3px;--border-radius: 4px;--border-radius-lg: 16px;--max-width: 800px;--transition: .2s}*{box-sizing:border-box}html{font-family:var(--font-family)}body{font-family:var(--font-family);color:var(--color-text);margin:0;padding:0;background:#fff}main{max-width:var(--max-width);margin:0 auto;padding:var(--spacing-xl)}h1{color:var(--color-text);margin-top:0;margin-bottom:var(--spacing-md);display:flex;align-items:flex-start;flex-wrap:wrap}h2{color:var(--color-text-secondary);margin-top:var(--spacing-xl);margin-bottom:var(--spacing-md);border-bottom:2px solid var(--color-primary);padding-bottom:var(--spacing-sm)}h3{color:var(--color-text);margin-top:var(--spacing-lg);margin-bottom:var(--spacing-sm)}p{line-height:1.6;margin:var(--spacing-md) 0}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition)}a:hover{text-decoration:underline;color:var(--color-primary-dark)}.back{margin-top:var(--spacing-xl)}.tag{display:inline-block;background:var(--color-bg-lighter);color:var(--color-text-secondary);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-lg);margin-right:var(--spacing-sm);margin-bottom:var(--spacing-xs);font-size:var(--font-size-smallest)}.tag a{color:var(--color-primary);text-decoration:none}.tag a:hover{text-decoration:underline}.tag-header{display:inline-block;background:var(--color-primary-bg);color:var(--color-primary);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-sm);font-weight:700;margin-left:var(--spacing-sm);font-size:var(--font-size-small)}.tag-cloud{display:flex;flex-wrap:wrap;gap:var(--spacing-md);margin:var(--spacing-xl) 0;padding:var(--spacing-md);background:var(--color-bg-light);border-radius:var(--border-radius)}.tag-cloud-label{display:block;font-weight:700;color:var(--color-text);margin-bottom:var(--spacing-sm);width:100%}.tag-button{display:inline-block;background:var(--color-primary-bg);color:var(--color-primary);padding:var(--spacing-sm) var(--spacing-md);border:none;border-radius:var(--border-radius-lg);font-size:var(--font-size-small);transition:background-color var(--transition);cursor:pointer;font-family:inherit}.tag-button:hover{background:var(--color-primary-light);text-decoration:none}.tag-button.active{background:var(--color-primary);color:#fff;font-weight:700}.tag-link{display:inline-block;background:var(--color-primary-bg);color:var(--color-primary);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius-lg);font-size:var(--font-size-small);transition:background-color var(--transition)}.tag-link:hover{background:var(--color-primary-light);text-decoration:none}.tag-link.active{background:var(--color-primary);color:#fff;font-weight:700}.note-item{margin:var(--spacing-lg) 0;padding:var(--spacing-md);border-left:3px solid var(--color-note)}.note-title{font-weight:700}.daily-item{margin:var(--spacing-lg) 0;padding:var(--spacing-md);border-left:3px solid var(--color-daily)}.daily-entry{margin:var(--spacing-xl) 0;padding:var(--spacing-md);border-left:3px solid var(--color-note)}.entry-date{color:var(--color-text-secondary);font-weight:700}.entry-time{color:var(--color-text-tertiary);font-size:var(--font-size-small)}.entry-tags{margin-top:var(--spacing-sm)}.media-item{margin:var(--spacing-lg) 0;padding:var(--spacing-md);border-left:3px solid var(--color-media)}.media-entry{margin:var(--spacing-xl) 0;padding:var(--spacing-md);border:1px solid var(--color-border-secondary);border-radius:var(--border-radius)}.media-title{font-weight:700}.media-type{display:inline-block;background:var(--color-primary-bg);color:var(--color-primary);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-sm);font-size:var(--font-size-smaller);margin-right:var(--spacing-sm)}.media-source{color:var(--color-text-secondary);margin:var(--spacing-sm) 0}.media-date{color:var(--color-text-tertiary);font-size:var(--font-size-small)}.media-url{margin:var(--spacing-sm) 0}.media-url a{color:var(--color-primary)}.note-tags{margin-top:var(--spacing-lg);padding-top:var(--spacing-md);border-top:1px solid var(--color-border)}.listening-icon{display:inline-block;position:relative;cursor:pointer}.listening-icon a{text-decoration:none;font-size:1.5em}.listening-tooltip{visibility:hidden;background-color:#333;color:#fff;text-align:center;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius-sm);position:absolute;z-index:1;bottom:125%;left:50%;transform:translate(-50%);white-space:nowrap;font-size:var(--font-size-smaller);opacity:0;transition:opacity var(--transition)}.listening-tooltip:after{content:"";position:absolute;top:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color:#333 transparent transparent transparent}.listening-icon:hover .listening-tooltip{visibility:visible;opacity:1}.results-count{color:var(--color-text-secondary);font-size:var(--font-size-small)}.no-results{color:var(--color-text-tertiary);font-style:italic;margin:var(--spacing-lg) 0}.empty{color:var(--color-text-tertiary)}#advanced-search{display:none;margin:var(--spacing-lg) 0;padding:var(--spacing-md);background:var(--color-bg-lightest);border-radius:var(--border-radius);border:1px solid var(--color-border)}#advanced-search.active{display:block}#search-input{width:100%;padding:var(--spacing-sm);font-size:var(--font-size-base);border:1px solid var(--color-border);border-radius:var(--border-radius-sm);font-family:inherit}#search-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px #0066cc1a}.search-toggle{background:none;border:none;color:var(--color-primary);cursor:pointer;font-size:var(--font-size-small);padding:0;margin-left:var(--spacing-sm);text-decoration:underline;font-style:italic}.search-toggle:hover{color:var(--color-primary-dark)}.clear-all-btn{background:none;border:none;color:var(--color-error);cursor:pointer;font-size:var(--font-size-smaller);padding:0;margin-left:var(--spacing-lg);text-decoration:underline;font-style:italic;visibility:hidden;pointer-events:none}.clear-all-btn.visible{visibility:visible;pointer-events:auto}.clear-all-btn:hover{color:#900}.section-header{display:inline-block;background:var(--color-bg-lighter);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-sm);margin-left:var(--spacing-lg);font-size:var(--font-size-small);color:var(--color-text-secondary)}ul{list-style:none;padding:0}li{margin:var(--spacing-sm) 0}.text-secondary{color:var(--color-text-secondary)}.text-tertiary{color:var(--color-text-tertiary)}.inline-block{display:inline-block}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.mt-xl{margin-top:var(--spacing-xl)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.mb-xl{margin-bottom:var(--spacing-xl)}