#peopleview{display:none}#peopleview.on{display:block}.pp{max-width:1200px;margin:0 auto;padding:56px 24px 120px;color:var(--fg)}.pp-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;flex-wrap:wrap;margin-bottom:36px}.pp-head h2{font-family:"Instrument Serif",Georgia,serif;font-style:italic;font-weight:400;font-size:clamp(48px,6vw,80px);line-height:1;margin:0}.pp-head p{margin:10px 0 0;color:var(--mute);font-size:14px;letter-spacing:.04em}.pp-filter{display:flex;gap:8px;flex-wrap:wrap}.pp-filter button{border:1px solid rgba(255,255,255,.14);background:#0a0a0a80;color:var(--sub);border-radius:999px;padding:6px 14px;font-size:12.5px;cursor:pointer;letter-spacing:.04em}.pp-filter button.on{background:#f5f5f5;color:#0a0a0a;border-color:#f5f5f5}.pp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:22px}.pp-card{position:relative;border-radius:14px;overflow:hidden;background:#141414b3;border:1px solid rgba(255,255,255,.08);aspect-ratio:2/3;cursor:default;transition:transform .35s cubic-bezier(.2,.8,.2,1),border-color .3s,box-shadow .35s}.pp-card:hover{transform:translateY(-4px);border-color:#89aacc80;box-shadow:0 20px 50px #0000008c}.pp-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.85) contrast(1.04);transition:transform .6s cubic-bezier(.2,.8,.2,1)}.pp-card:hover img{transform:scale(1.04)}.pp-card:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.88) 0%,rgba(0,0,0,.25) 38%,transparent 60%);pointer-events:none}.pp-meta{position:absolute;left:14px;right:14px;bottom:12px;z-index:2}.pp-name{font-family:"Noto Serif SC",serif;font-size:17px;font-weight:500;line-height:1.3;color:#fff;outline:none}.pp-work{font-size:11.5px;color:#ffffff9e;margin-top:3px;letter-spacing:.03em;outline:none}.pp-note{font-size:12px;color:#fffc;margin-top:6px;font-style:italic;outline:none}.pp-empty{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:var(--mute);font-size:12.5px;text-align:center;padding:16px;border:1px dashed rgba(255,255,255,.18);border-radius:14px}.pp-empty b{font-size:26px;font-weight:300;color:var(--sub)}.pp-card.over{border-color:#89aacc;box-shadow:0 0 0 2px #89aacc}.pp-tools{position:absolute;top:8px;right:8px;z-index:3;display:flex;gap:6px;opacity:0;transition:opacity .2s}.pp-card:hover .pp-tools{opacity:1}.pp-tools button{border:0;background:#0009;color:#fff;border-radius:999px;width:28px;height:28px;font-size:13px;cursor:pointer;backdrop-filter:blur(6px)}.pp-add{cursor:pointer}.pp-tip{margin-top:28px;color:var(--mute);font-size:12.5px;letter-spacing:.04em}@media (max-width:600px){.pp-grid{grid-template-columns:repeat(2,1fr);gap:12px}.pp{padding:32px 14px 96px}}#peopleview.on:before{content:"";position:fixed;inset:0;background:#08080ad1;z-index:-1;pointer-events:none}.pp-card{cursor:pointer}.pd-mask{position:fixed;inset:0;background:#0009;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:60;animation:pd-fade .25s}.pd{position:fixed;z-index:61;top:50%;left:50%;transform:translate(-50%,-50%);width:min(960px,calc(100vw - 32px));height:min(640px,calc(100vh - 64px));display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);background:#101012f5;border:1px solid rgba(255,255,255,.1);border-radius:20px;overflow:hidden;box-shadow:0 40px 120px #000000b3;animation:pd-in .35s cubic-bezier(.2,.8,.2,1)}@keyframes pd-fade{0%{opacity:0}}@keyframes pd-in{0%{opacity:0;transform:translate(-50%,-47%) scale(.98)}}.pd-x{position:absolute;top:14px;right:14px;z-index:3;width:34px;height:34px;border-radius:50%;border:0;background:#ffffff14;color:#eee;font-size:18px;cursor:pointer}.pd-x:hover{background:#ffffff2e}.pd-img{position:relative;background:#0c0c0e;cursor:pointer;overflow:hidden}.pd-img img{width:100%;height:100%;object-fit:cover;display:block}.pd-img span{position:absolute;left:14px;bottom:14px;font-size:12px;padding:5px 12px;border-radius:999px;background:#0009;color:#fff;opacity:0;transition:opacity .2s}.pd-img:hover span{opacity:1}.pd-img.over{box-shadow:inset 0 0 0 3px #89aacc}.pd-body{padding:40px 40px 28px;overflow-y:auto;color:var(--fg)}.pd-k{font-size:11px;letter-spacing:.3em;color:var(--mute);margin-bottom:14px}.pd-name{font-family:"Noto Serif SC",serif;font-size:34px;font-weight:500;line-height:1.25;outline:none}.pd-work{margin-top:6px;color:var(--mute);font-size:14px;outline:none}.pd-body label{display:block;margin:26px 0 8px;font-size:11px;letter-spacing:.2em;color:var(--mute)}.pd-f{font-size:15px;line-height:1.9;color:var(--sub);outline:none;padding:10px 12px;margin:0 -12px;border-radius:10px;border:1px solid transparent;transition:border-color .2s,background .2s;white-space:pre-wrap;min-height:1.9em}.pd-f:hover{background:#ffffff08}.pd-f:focus,.pd-name:focus,.pd-work:focus{background:#ffffff0d;border-color:#89aacc73}.pd-name,.pd-work{padding:4px 8px;margin-left:-8px;margin-right:-8px;border-radius:8px;border:1px solid transparent}.pd-note{font-family:"Noto Serif SC",serif;font-size:17px;color:var(--fg)}.pd-mine{border-color:#ffffff12}[data-ph]:empty:before{content:attr(data-ph);color:#ffffff47}.pd-links{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:28px;padding-top:18px;border-top:1px solid rgba(255,255,255,.07);font-size:13px}.pd-links a{color:#a9c3de;text-decoration:none}.pd-links a:hover{color:#fff}.pd-saved{color:#9fe39a;font-size:12px}.pd-del{margin-left:auto;border:0;background:none;color:#fff6;font-size:12px;cursor:pointer}.pd-del:hover{color:#ff9a8a}body.pd-open{overflow:hidden}@media (max-width:760px){.pd{grid-template-columns:1fr;grid-template-rows:220px 1fr;height:calc(100vh - 32px)}.pd-body{padding:24px 20px}.pd-name{font-size:26px}}.pp-card.dragging{opacity:.35;transform:scale(.97)}.pp-card.before{box-shadow:-4px 0 #89aacc}.pp-card.after{box-shadow:4px 0 #89aacc}.pp-card[draggable=true]{cursor:grab}.pp-card[draggable=true]:active{cursor:grabbing}.pp-mode{display:inline-flex;gap:4px;padding:4px;border-radius:999px;background:#ffffff0f;margin-bottom:28px}.pp-mode button{border:0;background:none;color:var(--sub);border-radius:999px;padding:7px 18px;font-size:13px;cursor:pointer}.pp-mode button.on{background:#f5f5f5;color:#0a0a0a}.ge-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}.ge-card{position:relative;aspect-ratio:16/10;border-radius:12px;overflow:hidden;background:#141414b3;border:1px solid rgba(255,255,255,.08);cursor:grab;transition:transform .3s,border-color .3s}.ge-card:hover{transform:translateY(-3px);border-color:#89aacc80}.ge-card img{width:100%;height:100%;object-fit:cover;display:block}.ge-card:hover .pp-tools{opacity:1}.ge-card.over{box-shadow:0 0 0 2px #89aacc}.ge-card.dragging{opacity:.35}.ge-n{position:absolute;left:10px;bottom:8px;font-size:11px;color:#fffc;background:#00000080;padding:2px 8px;border-radius:999px}.ge-add{cursor:pointer}.ge-saved{color:#9fe39a;font-size:12.5px;align-self:center;margin-right:6px}.ge-card:after{content:"";position:absolute;left:0;right:0;bottom:0;height:46%;background:linear-gradient(to top,rgba(0,0,0,.85),transparent);pointer-events:none}.ge-cap{position:absolute;left:10px;right:10px;bottom:9px;z-index:2;display:flex;align-items:center;gap:8px}.ge-cap .ge-n{position:static}.ge-t{font-size:14px;font-weight:600;color:#fff;outline:none;border-radius:4px;padding:1px 4px;cursor:text;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ge-t:hover{background:#ffffff1f}.ge-t:focus{background:#0009;outline:1px solid #5fa3ad}