@keyframes smoothEntrance{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes pulseGlow{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.25)}}.animate-entrance{animation:.45s cubic-bezier(.25,1,.5,1) both smoothEntrance;animation-delay:calc(var(--stagger,0) * 40ms)}.notes-viewport{justify-content:center;width:100%;min-height:100vh;padding:7.5rem 0 120px;display:flex}.notes-container{flex-direction:column;gap:32px;width:90%;max-width:820px;display:flex}.focus-hide{max-height:300px;transition:transform .35s cubic-bezier(.25,1,.5,1),opacity .3s,max-height .35s cubic-bezier(.25,1,.5,1),margin .35s;overflow:hidden}.notes-container.is-focus-mode .focus-hide{opacity:0;pointer-events:none;max-height:0;margin:0;padding:0;transform:translateY(-10px)}.notes-header{flex-direction:column;display:flex}.section-tagline{color:#888;letter-spacing:.14em;text-transform:uppercase;align-items:center;gap:8px;margin-top:1.618rem;font-family:Plus Jakarta Sans,-apple-system,sans-serif;font-size:.82rem;font-weight:700;display:flex}.blue-dot{background-color:var(--themeColor,#015efb);width:6px;height:6px;box-shadow:0 0 10px rgba(var(--themeColorRgb,1, 94, 251), .7);border-radius:50%;animation:3s ease-in-out infinite pulseGlow}.main-title{color:#fff;font-size:3.4rem;font-weight:900;line-height:1.618}.subtitle{color:#86868b;margin-bottom:.5rem;font-size:1.05rem;font-weight:300}.category-filter-bar{flex-wrap:wrap;gap:10px;margin-bottom:6px;display:flex}.filter-btn{color:#a1a1a6;cursor:pointer;background:#ffffff08;border:1px solid #ffffff14;border-radius:30px;padding:.42rem 1.15rem;font-size:.82rem;font-weight:600;transition:all .25s}.filter-btn:hover{color:#fff;background:#ffffff14}.filter-btn.active{background:var(--themeColor,#015efb);border-color:var(--themeColor,#015efb);box-shadow:0 4px 18px rgba(var(--themeColorRgb,1, 94, 251), .35);font-weight:700;color:#fff!important}.notes-list{border-bottom:1px solid #ffffff14;flex-direction:column;display:flex}.note-item{background:0 0;border-top:1px solid #ffffff14;border-bottom:none;transition:transform .35s cubic-bezier(.25,1,.5,1),opacity .3s,padding .35s cubic-bezier(.25,1,.5,1);position:relative}.note-item:hover:not(.is-focused){background:#ffffff04}.note-item.hide-up{opacity:0;pointer-events:none;border-color:#0000;height:0;margin:0;padding:0;overflow:hidden;transform:translateY(-8px)}.note-item.hide-down{opacity:0;pointer-events:none;border-color:#0000;height:0;margin:0;padding:0;overflow:hidden;transform:translateY(8px)}.item-trigger{cursor:pointer;box-sizing:border-box;justify-content:space-between;align-items:flex-start;gap:20px;padding:24px 0;display:flex;position:relative}.active-indicator{background-color:var(--themeColor,#015efb);width:2px;height:50%;box-shadow:0 0 8px rgba(var(--themeColorRgb,1, 94, 251), .8);border-radius:2px;transition:transform .25s;position:absolute;top:50%;left:-12px;transform:translateY(-50%)scaleY(0)}.note-item:hover .active-indicator{transform:translateY(-50%)scaleY(1)}.item-main{flex-direction:column;flex:1;gap:6px;min-width:0;transition:transform .25s;display:flex}.note-item:hover:not(.is-focused) .item-main{transform:translate(4px)}.item-top-row{align-items:center;gap:6px;display:flex}.tag-dot{background-color:var(--themeColor,#015efb);width:3.5px;height:3.5px;box-shadow:0 0 5px rgba(var(--themeColorRgb,1, 94, 251), .5);border-radius:50%;flex-shrink:0}.category-tag{color:var(--themeColor,#015efb);letter-spacing:.06em;text-transform:uppercase;font-family:Plus Jakarta Sans,-apple-system,sans-serif;font-size:.72rem;font-weight:600}.quote-wrapper{margin:2px 0;position:relative}.bg-quote-mark{color:#ffffff1f;pointer-events:none;-webkit-user-select:none;user-select:none;font-family:Noto Serif SC;font-size:2.8rem;line-height:1;transition:color .3s,font-size .35s cubic-bezier(.25,1,.5,1),top .35s,left .35s;position:absolute;top:-.08em;left:-.5em}.note-item:hover .bg-quote-mark{color:#ffffff38}.item-quote{color:#f2f2f7;white-space:nowrap;text-overflow:ellipsis;text-indent:.75em;font-family:Noto Serif SC;font-size:1.15rem;font-weight:700;line-height:1.5;transition:font-size .35s cubic-bezier(.25,1,.5,1),color .25s,text-indent .35s cubic-bezier(.25,1,.5,1);overflow:hidden}.note-item:hover .item-quote{color:#fff}.item-sub-meta{color:#86868b;justify-content:flex-end;align-items:center;margin-top:2px;font-size:.85rem;transition:justify-content .3s,color .25s;display:flex}.item-title,.item-author{color:#86868b;font-weight:500}.dot-sep{opacity:.7;margin:0 4px 0 2px}.item-expanded-wrapper{opacity:0;grid-template-rows:0fr;transition:grid-template-rows .4s cubic-bezier(.25,1,.5,1),opacity .3s 50ms;display:grid}.item-expanded-inner{min-height:0;overflow:hidden}.book-divider{background:#ffffff14;width:100%;height:1px;margin:24px 0 28px}.book-article{color:#e5e5ea;white-space:pre-wrap;text-align:justify;letter-spacing:.02em;font-family:Noto Serif SC;font-size:1.2rem;line-height:2.2}.book-article p{margin-bottom:1.8rem}.bottom-back-bar{justify-content:flex-start;margin:3.5rem 0 1.5rem;display:flex}.back-link-btn{color:#86868b;letter-spacing:.02em;cursor:pointer;background:#ffffff08;border:1px solid #ffffff14;border-radius:20px;align-items:center;gap:6px;padding:.45rem 1rem;font-family:Plus Jakarta Sans,-apple-system,sans-serif;font-size:.82rem;transition:all .25s;display:inline-flex}.back-icon{width:14px;height:14px;transition:transform .25s}.back-link-btn:hover{color:#fff;background:#ffffff14;border-color:#ffffff29}.back-link-btn:hover .back-icon{transform:translateY(2px)}.item-action{flex-shrink:0;align-items:center;padding-top:6px;transition:opacity .25s;display:flex}.icon-arrow{color:#66666e;width:16px;height:16px;transition:transform .25s,color .25s}.note-item:hover .icon-arrow{color:var(--themeColor,#015efb);transform:translate(4px)}.note-item.is-focused{padding:.5rem 0 1rem;background:0 0!important;border-top:1px solid #ffffff14!important;border-bottom:none!important}.note-item.is-focused .active-indicator{display:none}.note-item.is-focused .bg-quote-mark{color:#ffffff26;font-size:5rem;top:-.08em;left:-.5em}.note-item.is-focused .item-quote{white-space:normal;color:#fff;letter-spacing:-.01em;text-indent:.85em;margin:16px 0 18px;font-size:2.2rem;line-height:1.45}.note-item.is-focused .item-sub-meta{color:#86868b;justify-content:flex-start;font-size:.95rem}.note-item.is-focused .item-title{color:#a1a1a6;font-weight:500}.note-item.is-focused .item-expanded-wrapper{opacity:1;grid-template-rows:1fr}.note-item.is-focused .item-action{opacity:0;pointer-events:none}.empty-state{text-align:center;color:#86868b;border-bottom:1px dashed #ffffff1a;padding:4rem 1rem}@media (max-width:768px){.notes-viewport{padding-top:6.5rem!important}.main-title{font-size:2.2rem!important}.item-trigger{padding:18px 0}.note-item.is-focused .item-quote{text-indent:.75em;font-size:1.45rem}.note-item.is-focused .bg-quote-mark{font-size:3.5rem}.book-article{font-size:1.05rem;line-height:2}}html.light-mode .main-title{color:#1d1d1f}html.light-mode .filter-btn{background:#0000000a;border-color:#00000014;color:#444!important}html.light-mode .filter-btn:hover{background:#00000014;color:#000!important}html.light-mode .filter-btn.active{box-shadow:0 4px 14px #00000026;color:#fff!important;background:#1d1d1f!important;border-color:#1d1d1f!important}html.light-mode .notes-list{border-bottom-color:#00000014}html.light-mode .note-item{border-top-color:#00000014}html.light-mode .note-item.is-focused{border-top-color:#00000014!important}html.light-mode .note-item:hover:not(.is-focused){background:#00000005}html.light-mode .bg-quote-mark{color:#00000014}html.light-mode .note-item:hover .bg-quote-mark{color:#00000029}html.light-mode .note-item.is-focused .bg-quote-mark{color:#0000001a}html.light-mode .item-quote{color:#1d1d1f}html.light-mode .note-item:hover:not(.is-focused) .item-quote{color:var(--themeColor,#015efb)}html.light-mode .note-item.is-focused .item-quote{color:#1d1d1f!important}html.light-mode .item-sub-meta,html.light-mode .item-title,html.light-mode .item-author{color:#6e6e73}html.light-mode .icon-arrow{color:#a1a1a6}html.light-mode .note-item:hover .icon-arrow{color:var(--themeColor,#015efb)}html.light-mode .book-divider{background:#00000014}html.light-mode .book-article{color:#1d1d1f}html.light-mode .back-link-btn{color:#6e6e73;background:#00000008;border-color:#00000014}html.light-mode .back-link-btn:hover{color:#1d1d1f;background:#0000000f}