body.page-excerpts-notes{--notes-bg: var(--t-bg);--notes-card: var(--c-surface);--notes-text: var(--c-text);--notes-muted: var(--c-muted);--notes-accent: color-mix(in oklab, var(--c-text) 25%, #4fabc2);--notes-accent-light: color-mix(in oklab, var(--c-bg) 88%, #4fabc2);--notes-border: var(--c-rule);--notes-border-hover: color-mix(in oklab, var(--c-rule) 60%, var(--c-text));--notes-shadow: var(--c-shadow);--notes-shadow-hover: var(--c-shadow-hover);--bg-body: var(--notes-bg);--bg-card: var(--notes-card);font-family:var(--t-font-sans);color:var(--notes-text)}body.page-excerpts-notes .page-content{max-width:1100px;margin:0 auto;padding:24px 1.5rem 56px}body.page-excerpts-notes .header-actions{display:flex;flex-direction:column;align-items:flex-end;gap:12px}body.page-excerpts-notes .subtitle{font-size:.875rem;color:var(--notes-muted);margin-top:8px}body.page-excerpts-notes .back-link{display:inline-flex;align-items:center;gap:.4rem;color:var(--notes-muted);text-decoration:none;font-size:.875rem;font-weight:500;transition:color var(--c-dur) var(--c-ease),transform var(--c-dur) var(--c-ease)}body.page-excerpts-notes .back-link:hover{color:var(--notes-text);transform:translate(-4px)}body.page-excerpts-notes .back-icon{width:1.1rem;height:1.1rem}body.page-excerpts-notes .notes-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:32px;padding:28px 24px;border-radius:20px;border:1px solid var(--notes-border);background-color:var(--notes-card);background-image:radial-gradient(circle at 15% 20%,color-mix(in oklab,var(--c-bg) 65%,white 35%) 0%,color-mix(in oklab,var(--c-bg) 25%,var(--notes-card) 75%) 55%,var(--notes-card) 100%);box-shadow:var(--notes-shadow);margin-bottom:18px}body.page-excerpts-notes .notes-hero__content{display:flex;flex-direction:column;gap:10px}body.page-excerpts-notes .notes-hero__eyebrow{margin:0;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--notes-muted)}body.page-excerpts-notes .notes-hero__title{margin:0;font-size:2.25rem;font-weight:700;letter-spacing:-.03em;color:var(--notes-text);font-family:var(--t-font-serif)}body.page-excerpts-notes .notes-hero__sub{margin:0;font-size:1rem;color:var(--notes-muted);max-width:560px;line-height:1.7}body.page-excerpts-notes .notes-hero__meta{display:flex;flex-wrap:wrap;gap:10px;align-items:center;font-size:.875rem;color:var(--notes-muted)}body.page-excerpts-notes .notes-hero__meta .meta-item{font-weight:600;color:var(--notes-text)}body.page-excerpts-notes .notes-hero__meta .meta-sep{color:inherit;opacity:.6}body.page-excerpts-notes .notes-hero__meta .meta-link{color:var(--notes-accent);text-decoration:none;font-weight:600;border-bottom:1px solid transparent;transition:border-color var(--c-dur) var(--c-ease),color var(--c-dur) var(--c-ease),opacity var(--c-dur) var(--c-ease)}body.page-excerpts-notes .notes-hero__meta .meta-link:hover{border-bottom-color:color-mix(in oklab,var(--notes-accent) 65%,var(--notes-border))}body.page-excerpts-notes .notes-hero__meta .meta-link:focus-visible{outline:3px solid var(--c-focus);outline-offset:2px;border-radius:6px}body.page-excerpts-notes .notes-hero__actions{display:flex;align-items:center;justify-content:flex-end;min-width:140px}body.page-excerpts-notes .random-btn{display:flex;align-items:center;gap:6px;padding:8px 14px;border:1px solid var(--notes-border);border-radius:8px;background:transparent;color:var(--notes-muted);font-size:.875rem;cursor:pointer;transition:all .2s ease}body.page-excerpts-notes .random-btn:hover{background:var(--notes-card);border-color:var(--notes-border-hover);color:var(--notes-text)}body.page-excerpts-notes .notes-filters{display:flex;flex-direction:column;gap:10px;padding:1rem 1.25rem;margin-bottom:1.5rem;border-radius:16px;border:1px solid var(--notes-border);background:var(--notes-card);box-shadow:var(--notes-shadow)}body.page-excerpts-notes .filter-head{display:flex;align-items:center;justify-content:space-between;gap:12px}body.page-excerpts-notes .filter-title{font-size:.875rem;font-weight:600;color:var(--notes-text)}body.page-excerpts-notes .filter-toggle{border:1px solid transparent;background:transparent;color:var(--notes-accent);font-size:.8125rem;font-weight:600;cursor:pointer;padding:4px 10px;border-radius:999px;transition:background-color var(--c-dur) var(--c-ease),border-color var(--c-dur) var(--c-ease),color var(--c-dur) var(--c-ease)}body.page-excerpts-notes .filter-toggle:hover{border-color:var(--notes-accent);background:var(--notes-accent-light)}body.page-excerpts-notes .filter-chips{display:flex;flex-wrap:wrap;gap:8px;align-items:center}body.page-excerpts-notes .chip{padding:6px 12px;border:1px solid var(--notes-border);border-radius:999px;background:color-mix(in oklab,var(--c-bg) 88%,var(--notes-card));color:var(--notes-muted);font-size:.8125rem;font-weight:600;white-space:nowrap;cursor:pointer;transition:background-color var(--c-dur) var(--c-ease),border-color var(--c-dur) var(--c-ease),color var(--c-dur) var(--c-ease),opacity var(--c-dur) var(--c-ease);text-decoration:none}body.page-excerpts-notes .chip:hover{border-color:var(--notes-border-hover);background:color-mix(in oklab,var(--c-bg) 82%,var(--notes-card));color:var(--notes-text)}body.page-excerpts-notes .chip.active{background:var(--notes-accent-light);color:var(--notes-accent);border-color:color-mix(in oklab,var(--notes-accent) 45%,var(--notes-border))}body.page-excerpts-notes .chip:focus-visible{outline:3px solid var(--c-focus);outline-offset:2px}body.page-excerpts-notes .timeline-year{font-size:1.5rem;font-weight:700;color:var(--notes-text);margin:40px 0 16px;padding-bottom:8px;border-bottom:2px solid var(--notes-text);letter-spacing:-.02em}body.page-excerpts-notes .timeline-month{font-size:1.125rem;font-weight:600;color:var(--notes-muted);margin:24px 0 12px;display:flex;align-items:center;gap:12px}body.page-excerpts-notes .month-link{color:inherit;text-decoration:none;display:flex;align-items:center;gap:4px;transition:color .2s ease}body.page-excerpts-notes .month-link:hover{color:var(--notes-accent)}body.page-excerpts-notes .link-icon{font-size:.8em;opacity:0;transform:translate(-4px,4px);transition:all .2s ease}body.page-excerpts-notes .month-link:hover .link-icon{opacity:1;transform:translate(0)}body.page-excerpts-notes .timeline-month:after{content:"";flex:1;height:1px;background:var(--notes-border)}body.page-excerpts-notes .notes-stream{display:flex;flex-direction:column;gap:16px;padding-top:10px}body.page-excerpts-notes .note-card{background:var(--notes-card);border:1px solid var(--notes-border);border-radius:16px;padding:22px 26px;box-shadow:var(--notes-shadow);transition:all .2s cubic-bezier(.25,.1,.25,1)}body.page-excerpts-notes .note-card:hover{border-color:var(--notes-border-hover);box-shadow:var(--notes-shadow-hover)}body.page-excerpts-notes .note-card.expanded{border-color:color-mix(in oklab,var(--notes-accent) 45%,var(--notes-border));box-shadow:var(--notes-shadow-hover)}body.page-excerpts-notes .note-meta{display:flex;align-items:center;gap:8px;font-size:.8125rem;color:var(--notes-muted);margin-bottom:8px}body.page-excerpts-notes .note-meta time{font-variant-numeric:tabular-nums}body.page-excerpts-notes .note-source{font-weight:500;color:var(--notes-accent)}body.page-excerpts-notes .note-title{margin:0 0 10px;font-size:1.125rem;font-weight:600;letter-spacing:-.01em;color:var(--notes-text);line-height:1.45}body.page-excerpts-notes .note-hook{margin:0;font-size:1rem;line-height:1.7;color:var(--notes-text)}body.page-excerpts-notes .note-body{margin-top:16px;padding-top:16px;border-top:1px solid var(--notes-border);line-height:1.7;color:var(--notes-text);animation:slideDown .3s ease}body.page-excerpts-notes .note-body[hidden]{display:none}body.page-excerpts-notes .note-body p{margin:0 0 12px}body.page-excerpts-notes .note-body p:last-child{margin-bottom:0}body.page-excerpts-notes .note-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:16px}body.page-excerpts-notes .tag-row{display:flex;gap:6px;flex-wrap:wrap}body.page-excerpts-notes .tag-pill{font-size:.75rem;padding:4px 8px;border-radius:4px;background:color-mix(in oklab,var(--c-bg) 72%,var(--notes-card));color:var(--notes-muted);font-weight:500}body.page-excerpts-notes .toggle-body{padding:6px 12px;border:none;border-radius:6px;background:transparent;color:var(--notes-accent);font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .15s ease}body.page-excerpts-notes .toggle-body:hover{background:var(--notes-accent-light)}body.page-excerpts-notes .load-more-container{display:flex;justify-content:center;margin:36px 0 10px}body.page-excerpts-notes .load-more-btn{padding:10px 20px;border:1px solid var(--notes-border);border-radius:8px;background:transparent;color:var(--notes-muted);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}body.page-excerpts-notes .load-more-btn:hover{background:var(--notes-card);border-color:var(--notes-border-hover);color:var(--notes-text)}body.page-excerpts-notes .load-more-btn:disabled{opacity:.5;cursor:not-allowed}body.page-excerpts-notes .notes-months-hero{display:flex;flex-direction:column;gap:10px;padding:26px 22px;border-radius:18px;border:1px solid var(--notes-border);background:var(--notes-card);box-shadow:var(--notes-shadow);margin-bottom:18px}body.page-excerpts-notes .notes-months-hero__eyebrow{margin:0;font-size:.75rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--notes-muted)}body.page-excerpts-notes .notes-months-hero__title{margin:0;font-size:2rem;font-family:var(--t-font-serif);color:var(--notes-text)}body.page-excerpts-notes .notes-months-hero__sub{margin:0;font-size:.95rem;color:var(--notes-muted)}body.page-excerpts-notes .notes-months-hero__meta{display:flex;flex-wrap:wrap;gap:10px;align-items:center;font-size:.875rem;color:var(--notes-muted)}body.page-excerpts-notes .notes-months-hero__meta .meta-item{font-weight:600;color:var(--notes-text)}body.page-excerpts-notes .notes-months-hero__meta .meta-sep{color:var(--notes-border-hover)}body.page-excerpts-notes .notes-months-hero__meta .meta-link{color:var(--notes-accent);text-decoration:none;font-weight:600}body.page-excerpts-notes .notes-months-hero__meta .meta-link:hover{text-decoration:underline}body.page-excerpts-notes .notes-months-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}body.page-excerpts-notes .month-card{display:flex;flex-direction:column;gap:6px;padding:16px 18px;border-radius:14px;border:1px solid var(--notes-border);background:var(--notes-card);text-decoration:none;color:inherit;box-shadow:var(--notes-shadow);transition:all .2s ease}body.page-excerpts-notes .month-card:hover{border-color:var(--notes-border-hover);box-shadow:var(--notes-shadow-hover);transform:translateY(-1px)}body.page-excerpts-notes .month-card__title{font-size:1.1rem;font-weight:600}body.page-excerpts-notes .month-card__meta{font-size:.85rem;color:var(--notes-muted)}body.page-excerpts-notes .month-section{margin-bottom:24px}body.page-excerpts-notes .month-section__title{font-size:1.25rem;font-weight:700;margin:10px 0 12px;color:var(--notes-text)}body.page-excerpts-notes .note-card.flash{animation:flashCard .8s ease-out}@keyframes flashCard{0%{box-shadow:0 0 0 2px var(--notes-accent)}to{box-shadow:none}}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@media(max-width:900px){body.page-excerpts-notes .notes-hero{flex-direction:column;align-items:flex-start}body.page-excerpts-notes .notes-hero__actions{width:100%;justify-content:flex-start}}@media(max-width:768px){body.page-excerpts-notes .page-content{padding:20px 1rem 44px}body.page-excerpts-notes .notes-hero{padding:20px 16px;border-radius:16px}body.page-excerpts-notes .notes-hero__title{font-size:1.75rem}body.page-excerpts-notes .notes-hero__sub{font-size:.9375rem}body.page-excerpts-notes .note-card{padding:16px 18px;border-radius:12px}body.page-excerpts-notes .note-footer{flex-direction:column;align-items:flex-start}body.page-excerpts-notes .random-btn{padding:6px 10px}body.page-excerpts-notes .notes-filters{padding:12px 14px}body.page-excerpts-notes .notes-months-hero{padding:20px 16px;border-radius:14px}body.page-excerpts-notes .notes-months-grid{grid-template-columns:1fr}body.page-excerpts-notes .chip{padding:4px 10px;font-size:.75rem}}