:root{--ui-bg: #f6f1e8;--ui-card: #ffffff;--ui-accent: #9b6b3e;--ui-text: #2e2a26;--ui-muted: #7a6f66}body{background:var(--ui-bg);color:var(--ui-text);font-family:Inter,sans-serif}.people-page{max-width:1400px;margin:0 auto}.people-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.btn-accent{background:var(--ui-accent);color:#fff;border-radius:10px;padding:8px 14px;text-decoration:none}.btn-accent:hover{opacity:.9}.mode-switcher{display:flex;gap:10px;margin-bottom:30px}.mode-btn{padding:6px 14px;border-radius:999px;border:1px solid var(--ui-accent);color:var(--ui-accent);text-decoration:none;font-size:14px}.mode-btn.active{background:var(--ui-accent);color:#fff}.search-box input{width:100%;padding:12px 16px;border-radius:12px;border:1px solid #e5e5e5;margin-bottom:30px}.generations-wrapper{position:relative;padding-left:60px}.generations-wrapper:before{content:"";position:absolute;left:28px;top:0;bottom:0;width:3px;background:linear-gradient(to bottom,#9b6b3e26,#9b6b3e59,#9b6b3e26)}.generation-block{margin-bottom:70px}.generation-title{font-size:22px;font-weight:600;margin-bottom:30px;display:flex}.generation-title:after{content:"";flex-grow:1;height:1px;margin-left:20px;background:linear-gradient(to right,var(--ui-accent),transparent)}.generation-count{font-size:14px;color:var(--ui-muted);margin-left:8px}.depth-phrase{font-size:16px;font-weight:600;margin-bottom:30px}.people-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:28px}.person-card{border-radius:22px;overflow:hidden;background:var(--ui-card);box-shadow:0 15px 45px #5032140f;transition:transform .3s ease,box-shadow .3s ease}.person-card:hover{transform:translateY(-6px);box-shadow:0 25px 60px #5032141f}.person-card.root-person{border:2px solid #d4a24a;box-shadow:0 0 0 4px #d4a24a26}.person-photo{position:relative;height:260px}.person-photo img{width:100%;height:100%;object-fit:cover}.person-card[data-life=dead] .person-photo img{filter:grayscale(70%) contrast(.9)}.person-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(30,20,10,.55) 0%,rgba(30,20,10,.25) 40%,rgba(30,20,10,.05) 70%,transparent 100%)}.person-name-overlay{position:absolute;bottom:20px;left:18px;right:18px;color:#fff;font-weight:700;font-size:18px;line-height:1.3;z-index:2;text-shadow:0 2px 6px rgba(0,0,0,.6),0 0 15px rgba(0,0,0,.4)}.person-badges{position:absolute;top:14px;left:14px;display:flex;flex-direction:column;gap:6px}.person-badge{font-size:11px;padding:5px 10px;border-radius:999px;font-weight:500;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.badge-alive{background:#ecfdf5e6;color:#065f46}.badge-dead{background:#f3f4f6e6;color:#7f1d1d}.badge-war{background:#fff7ede6;color:#9a3412}.badge-root{background:#fef3c7f2;color:#92400e}.tree-button{position:absolute;top:14px;right:14px;width:36px;height:36px;border-radius:50%;background:#ffffffe6;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:16px;transition:all .2s ease}.tree-button:hover{background:var(--ui-accent);color:#fff;transform:scale(1.1)}.person-meta{padding:20px;text-align:center}.person-years{font-size:14px;color:var(--ui-muted)}.person-phrase{font-size:13px;font-style:italic;color:var(--ui-accent);margin-top:6px}.person-card{transition:transform .25s ease,box-shadow .25s ease;will-change:transform}.person-card:hover{transform:translateY(-6px);box-shadow:0 18px 40px #3c28141f}.person-photo img{transition:transform .5s ease}.person-card:hover .person-photo img{transform:scale(1.05)}.person-card:hover .person-photo:after{opacity:.85}