:root{--pi-accent:rgb(var(--color-primary-500));--pi-accent2:rgb(var(--color-secondary-500));--pi-border:rgb(var(--color-neutral-200));--pi-bg:rgb(var(--color-neutral-50));--pi-bg-card:#ffffff;--pi-muted:rgb(var(--color-neutral-500));--pi-muted2:rgb(var(--color-neutral-400));--pi-text:rgb(var(--color-neutral-900))}html.dark{--pi-border:rgb(var(--color-neutral-700));--pi-bg:rgb(var(--color-neutral-900));--pi-bg-card:rgb(var(--color-neutral-800));--pi-muted:rgb(var(--color-neutral-400));--pi-muted2:rgb(var(--color-neutral-600));--pi-text:rgb(var(--color-neutral-50))}section.prose{max-width:100%}.max-w-fit{max-width:100%;width:100%}body.max-w-7xl{max-width:85%}#single_header.max-w-prose,article .article-content.max-w-prose,article>footer.max-w-prose{max-width:100%}.pi-intro{max-width:42rem;margin:3rem auto 1rem;text-align:center}.pi-intro h2{font-size:1.35rem;font-weight:600;margin:0 0 .5rem;color:var(--pi-text)}.pi-intro p{font-size:.9rem;color:var(--pi-muted);margin:0;line-height:1.6}.pi-controls{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:.75rem}.pi-search-wrap{flex:1 1 240px;position:relative;display:flex;align-items:center}.pi-search-wrap .pi-search-icon{position:absolute;left:.75rem;color:var(--pi-muted2);pointer-events:none;display:flex}#search-input{width:100%;padding:.6rem 2.5rem .6rem 2.35rem;border:1.5px solid var(--pi-border);border-radius:10px;background:var(--pi-bg-card);color:var(--pi-text);font-size:.9rem;font-family:inherit;box-sizing:border-box;transition:border-color .15s,box-shadow .15s;outline:none;-webkit-appearance:none}#search-input::placeholder{color:var(--pi-muted2)}#search-input:focus{border-color:var(--pi-accent);box-shadow:0 0 0 3px rgba(var(--color-primary-500),.1)}#search-clear{position:absolute;right:.6rem;background:0 0;border:none;padding:.25rem;cursor:pointer;color:var(--pi-muted2);display:flex;align-items:center;justify-content:center;border-radius:4px;transition:color .15s}#search-clear:hover{color:var(--pi-text)}.pi-search-hint{font-size:.8rem;color:var(--pi-muted2);margin:.4rem 0 0;text-align:center}.pi-sort-controls{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.pi-sort-btn{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem 1rem;font-size:.85rem;font-weight:500;font-family:inherit;border:1.5px solid var(--pi-border);border-radius:8px;background:var(--pi-bg-card);color:var(--pi-muted);cursor:pointer;transition:border-color .15s,color .15s,background .15s,box-shadow .15s;white-space:nowrap}.pi-sort-btn:hover{border-color:var(--pi-accent);color:var(--pi-accent);background:rgba(var(--color-primary-500),.04)}.pi-sort-btn.active-p{background:linear-gradient(135deg,rgb(var(--color-primary-500)),rgb(var(--color-secondary-500)) );border-color:transparent;color:#fff;box-shadow:0 2px 8px rgba(var(--color-primary-500),.25)}.pi-sort-btn.active-p:hover{background:linear-gradient(135deg,rgb(var(--color-primary-600)),rgb(var(--color-secondary-600)) );color:#fff}.pi-dir{font-size:.75rem;line-height:1;display:inline-flex;align-items:center}.pi-statusbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem;gap:.5rem;flex-wrap:wrap}.pi-count{font-size:.85rem;color:var(--pi-muted)}.person-item{border-radius:12px;overflow:hidden;transition:transform .25s ease,box-shadow .25s ease;cursor:pointer;position:relative}.person-item:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(0,0,0,.12)}.person-item::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,rgb(var(--color-primary-400)),rgb(var(--color-secondary-400)) );opacity:0;transition:opacity .2s;z-index:1;border-radius:12px 12px 0 0}.person-item:hover::before{opacity:1}.person-name{margin-top:.6rem;font-size:.875rem;font-weight:600;text-align:center;color:var(--pi-text);padding:0 .25rem;line-height:1.3}.person-overlay{position:absolute;bottom:0;left:0;right:0;padding:.6rem .5rem .5rem;background:linear-gradient(to top,rgba(var(--color-neutral-900),.85),transparent );font-size:.78rem;font-weight:500;color:#fff;text-align:center;opacity:0;transition:opacity .2s;letter-spacing:.02em}.person-item:hover .person-overlay{opacity:1}.pi-empty{grid-column:1/-1;padding:3.5rem 2rem;text-align:center;color:var(--pi-muted);border:1.5px dashed var(--pi-border);border-radius:14px;display:flex;flex-direction:column;align-items:center;gap:.5rem}.pi-empty-icon{color:var(--pi-muted2);margin-bottom:.25rem}.pi-empty strong{color:var(--pi-text)}html.pi-scroll-locked{overflow:hidden;padding-right:var(--scrollbar-width,0px)}#animation-container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:500;pointer-events:none;overflow:hidden}#animation-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(var(--color-neutral-900),.82);backdrop-filter:blur(3px);opacity:0;pointer-events:auto}.animating-cover{position:absolute;box-shadow:0 25px 50px -12px rgba(0,0,0,.55);border-radius:10px;overflow:hidden;pointer-events:auto;cursor:pointer}.animating-cover img{width:100%;height:100%;object-fit:cover;display:block}.cover-attribution{position:absolute;bottom:0;left:0;right:0;padding:5px 10px;font-size:.72rem;text-align:center;background:rgba(var(--color-neutral-900),.7);color:rgba(255,255,255,.8);opacity:.85}.cover-attribution a{color:#93c5fd;text-decoration:none}.cover-attribution a:hover{text-decoration:underline}.animating-summary{position:absolute;background:var(--pi-bg-card);border-radius:14px;box-shadow:0 25px 50px -12px rgba(0,0,0,.45);overflow:hidden;pointer-events:auto;opacity:0;max-height:90vh;display:flex;flex-direction:column}html.dark .animating-summary{background:rgb(var(--color-neutral-800))}.animating-summary::before{content:'';display:block;height:4px;flex-shrink:0;background:linear-gradient(90deg,rgb(var(--color-primary-400)),rgb(var(--color-secondary-400)) 60%,rgb(var(--color-primary-300)) )}.pi-summary-inner{overflow-y:auto;padding:1.35rem 1.75rem 2rem;flex:1}.pi-summary-inner>h1{font-size:1.5rem;font-weight:700;letter-spacing:-.02em;line-height:1.2;color:var(--pi-text);margin:0 0 .3rem;padding-right:2.5rem;border:none}.pi-summary-inner>h2{font-size:.85rem;font-weight:500;color:var(--pi-accent);margin:0 0 1.1rem;padding-bottom:1rem;border-bottom:1px solid var(--pi-border);line-height:1.4;letter-spacing:.01em}.pi-close-btn{position:absolute;top:.6rem;right:.75rem;width:28px;height:28px;border-radius:50%;background:rgba(var(--color-neutral-200),.8);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:rgb(var(--color-neutral-600));transition:background .15s;z-index:1;pointer-events:auto}.pi-close-btn:hover{background:rgba(var(--color-neutral-300),1)}html.dark .pi-close-btn{background:rgba(var(--color-neutral-700),.8);color:rgb(var(--color-neutral-300))}.pi-summary-inner::-webkit-scrollbar{width:6px}.pi-summary-inner::-webkit-scrollbar-track{background:0 0}.pi-summary-inner::-webkit-scrollbar-thumb{background:var(--pi-border);border-radius:3px}.pi-summary-inner::-webkit-scrollbar-thumb:hover{background:var(--pi-muted2)}.summary-content{margin-top:.25rem}.summary-content>p:first-child{font-size:.82rem;color:var(--pi-muted2);margin-bottom:.75rem}.summary-content h1{font-size:1.05rem;font-weight:700;letter-spacing:-.01em;margin:1.4rem 0 .4rem;color:var(--pi-text);line-height:1.3;border:none}.summary-content h2{font-size:.95rem;font-weight:600;color:var(--pi-text);margin:1.1rem 0 .35rem;padding-bottom:0;border-bottom:none;line-height:1.35}.summary-content h3{font-size:.9rem;font-weight:600;margin:.9rem 0 .3rem;color:var(--pi-text)}.summary-content h4{font-size:.875rem;font-weight:600;margin:.8rem 0 .25rem;color:var(--pi-text)}.summary-content p{font-size:.875rem;line-height:1.75;color:var(--pi-muted);margin:0 0 .65rem}.summary-content ul,.summary-content ol{padding-left:1.4rem;margin:0 0 .75rem}.summary-content li{font-size:.875rem;line-height:1.7;color:var(--pi-muted);margin-bottom:.3rem}.summary-content strong{color:var(--pi-text);font-weight:600}.summary-content a{color:var(--pi-accent);text-underline-offset:2px}@media(max-width:768px){.pi-summary-inner{padding:1.1rem 1.25rem 1.5rem}.pi-summary-inner>h1{font-size:1.25rem}.pi-summary-inner>h2{font-size:.8rem}.summary-content h1{font-size:.95rem}}#library{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1.5rem;padding:.25rem}@media(max-width:600px){#library{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:1rem}}section.flex>div:nth-child(1){margin-top:-4rem}@media(prefers-reduced-motion:reduce){.person-item{transition:none;transform:none!important}.person-item::before{transition:none}}