:root{--paper:#f4f0e7;--paper-deep:#eae2d3;--paper-light:#fbf8f1;--ink:#202623;--ink-soft:#56605b;--line:#20262326;--line-strong:#20262347;--cinnabar:#a74735;--cinnabar-dark:#803326;--jade:#516c63;--gold:#b17d35;--indigo:#4a596e;--shadow-sm:0 10px 28px #2a231a14;--shadow-lg:0 28px 80px #1a1b193d;--serif:"Songti SC", "STSong", "SimSun", "Noto Serif CJK SC", serif;--sans:"PingFang SC", "Microsoft YaHei", "Noto Sans CJK SC", sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--paper)}body{background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;margin:0}body.overlay-open{overflow:hidden}button,input,select{font:inherit}button{color:inherit}button,a{-webkit-tap-highlight-color:transparent}:is(button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible){outline-offset:3px;outline:3px solid #a7473561}button{cursor:pointer}svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px}.app-shell{min-height:100vh;overflow:hidden}.topbar{z-index:30;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#f4f0e7f0;grid-template-columns:1fr auto 1fr;align-items:center;min-height:78px;padding:0 5vw;display:grid;position:sticky;top:0}.brand{width:max-content;color:inherit;align-items:center;gap:12px;text-decoration:none;display:inline-flex}.brand>span:last-child{gap:2px;display:grid}.brand strong{font-family:var(--serif);letter-spacing:.12em;font-size:19px}.brand small{color:var(--ink-soft);letter-spacing:.18em;font-size:10px}.brand-seal{border:1px solid var(--cinnabar);background:var(--cinnabar);color:#fffaf1;width:42px;height:42px;font-family:var(--serif);box-shadow:inset 0 0 0 3px var(--cinnabar), inset 0 0 0 4px #ffffff5c;flex:none;place-items:center;font-size:22px;line-height:1;display:grid}.desktop-nav{align-self:stretch;align-items:stretch;gap:28px;display:flex}.desktop-nav button{color:var(--ink-soft);background:0 0;border:0;font-size:13px;position:relative}.desktop-nav button:after{background:var(--cinnabar);content:"";opacity:0;height:2px;transition:all .2s;position:absolute;bottom:-1px;left:0;right:0;transform:scaleX(.25)}.desktop-nav button.active{color:var(--ink);font-weight:700}.desktop-nav button.active:after{opacity:1;transform:scaleX(1)}.desktop-nav span{background:var(--paper-deep);border-radius:99px;place-items:center;min-width:18px;height:18px;margin-left:4px;font-size:10px;display:inline-grid}.top-actions{justify-content:flex-end;align-items:center;gap:8px;display:flex}.icon-button,.favorite-button{border:1px solid var(--line);background:#ffffff59;border-radius:50%;flex:none;place-items:center;width:44px;height:44px;transition:border-color .2s,background .2s,color .2s,transform .2s;display:inline-grid}.icon-button:hover,.favorite-button:hover{border-color:var(--line-strong);background:var(--paper-light);transform:translateY(-1px)}.install-button{border:1px solid var(--ink);background:var(--ink);min-height:44px;color:var(--paper-light);border-radius:4px;align-items:center;gap:8px;padding:0 17px;font-size:12px;display:inline-flex}.hero{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1.05fr) minmax(360px,.75fr);align-items:center;gap:clamp(42px,8vw,130px);min-height:650px;padding:76px max(5vw,50vw - 700px) 94px;display:grid;position:relative}.hero:before{background:var(--line);content:"";width:1px;position:absolute;top:0;bottom:0;left:63%}.hero:after{content:"史";color:#a7473514;width:108px;height:108px;font-family:var(--serif);text-align:center;border:1px solid #a7473529;font-size:76px;line-height:108px;position:absolute;bottom:56px;right:6vw;transform:rotate(-6deg)}.hero-copy{z-index:1;max-width:700px;position:relative}.eyebrow,.section-kicker{color:var(--cinnabar);letter-spacing:.28em;text-transform:uppercase;margin:0 0 16px;font-size:11px;font-weight:700}.hero h1{font-family:var(--serif);letter-spacing:-.04em;margin:0;font-size:clamp(52px,6.1vw,90px);font-weight:500;line-height:1.08}.hero h1 em{color:var(--cinnabar);font-style:normal}.hero-lead{max-width:610px;color:var(--ink-soft);font-family:var(--serif);margin:32px 0 0;font-size:clamp(17px,1.55vw,22px);line-height:1.85}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:36px;display:flex}.primary-button,.secondary-button{border-radius:3px;justify-content:center;align-items:center;gap:8px;min-height:48px;padding:0 20px;font-size:13px;font-weight:700;display:inline-flex}.primary-button{border:1px solid var(--cinnabar);background:var(--cinnabar);color:#fffaf2}.primary-button:hover{background:var(--cinnabar-dark);border-color:var(--cinnabar-dark)}.secondary-button{border:1px solid var(--line-strong);background:0 0}.secondary-button:hover{background:var(--paper-light)}.hero-stats{gap:34px;margin-top:48px;display:flex}.hero-stats span{color:var(--ink-soft);gap:5px;font-size:11px;display:grid}.hero-stats b{color:var(--ink);font-family:var(--serif);font-size:27px;font-weight:500}.hero-card-wrap{z-index:1;justify-self:center;width:min(100%,430px);position:relative}.today-label{color:var(--ink-soft);letter-spacing:.18em;align-items:center;gap:8px;margin-bottom:12px;font-size:11px;display:flex}.today-label i{background:var(--cinnabar);width:19px;height:1px}.hero-person-card{aspect-ratio:4/5.3;border:1px solid var(--line-strong);background:var(--paper-light);width:100%;box-shadow:var(--shadow-lg);text-align:left;border-radius:7px;padding:0;transition:transform .25s,box-shadow .25s;position:relative;overflow:hidden}.hero-person-card:hover{transform:translateY(-5px)rotate(-.5deg);box-shadow:0 35px 90px #1a1b1945}.hero-person-card .portrait-art{position:absolute;inset:0 0 42%}.hero-person-copy{border-top:1px solid var(--line);background:var(--paper-light);align-content:start;min-height:44%;padding:24px 28px 22px;display:grid;position:absolute;inset:auto 0 0}.hero-person-copy small{color:var(--cinnabar);letter-spacing:.15em;font-size:10px}.hero-person-copy strong{font-family:var(--serif);letter-spacing:.04em;margin-top:5px;font-size:43px;font-weight:500}.hero-person-copy i{color:var(--ink-soft);font-size:12px;font-style:normal}.hero-person-copy em{border-top:1px solid var(--line);font-family:var(--serif);margin-top:16px;padding-top:13px;font-size:15px;font-style:normal}.hero-flip-hint{color:var(--ink-soft);align-items:center;gap:6px;font-size:10px;display:flex;position:absolute;bottom:18px;right:18px}.hero-flip-hint svg{width:15px}.catalog{max-width:1500px;margin:0 auto;padding:92px 5vw 110px}.catalog-heading{justify-content:space-between;align-items:end;gap:24px;display:flex}.catalog-heading h2{font-family:var(--serif);letter-spacing:-.02em;margin:0;font-size:clamp(38px,4vw,60px);font-weight:500}.catalog-heading>p{color:var(--ink-soft);margin:0 0 8px;font-size:12px}.catalog-heading>p b{color:var(--ink);font-family:var(--serif);font-size:18px}.catalog-controls{z-index:20;border-top:1px solid var(--line);border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#f4f0e7f0;justify-content:space-between;align-items:center;gap:20px;margin:38px 0 32px;padding:12px 0;display:flex;position:sticky;top:78px}.era-tabs{scrollbar-width:none;gap:6px;display:flex;overflow-x:auto}.era-tabs::-webkit-scrollbar{display:none}.era-tabs button,.filter-chips button{min-width:max-content;min-height:40px;color:var(--ink-soft);background:0 0;border:1px solid #0000;border-radius:99px;padding:0 14px;font-size:12px}.era-tabs button:hover,.filter-chips button:hover{border-color:var(--line)}.era-tabs button.active,.filter-chips button.active{border-color:var(--ink);background:var(--ink);color:var(--paper-light)}.control-buttons{flex:none;gap:8px;display:flex}.control-buttons button{border:1px solid var(--line);background:#ffffff4d;align-items:center;gap:8px;min-height:42px;padding:0 13px;font-size:12px;display:flex;position:relative}.control-buttons button:hover{border-color:var(--line-strong);background:var(--paper-light)}.control-buttons svg{width:17px}.control-buttons b{background:var(--cinnabar);color:#fff;border-radius:50%;place-items:center;width:18px;height:18px;font-size:10px;display:grid}.control-buttons .has-filter{color:var(--cinnabar);border-color:#a7473580}.people-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;display:grid}.person-tile{border:1px solid var(--line);background:var(--paper-light);min-width:0;box-shadow:var(--shadow-sm);border-radius:5px;transition:border-color .2s,transform .2s,box-shadow .2s;position:relative;overflow:hidden}.person-tile:hover{border-color:var(--line-strong);transform:translateY(-4px);box-shadow:0 18px 45px #2a231a1f}.tile-main{text-align:left;background:0 0;border:0;width:100%;padding:0;display:block}.person-tile .portrait-art{aspect-ratio:1.42;border-bottom:1px solid var(--line);width:100%}.tile-copy{padding:18px 20px 20px;display:grid}.tile-meta{color:var(--cinnabar);letter-spacing:.12em;text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.tile-copy>strong{font-family:var(--serif);margin-top:5px;font-size:29px;font-weight:500}.tile-copy>small{color:var(--ink-soft);margin-top:1px;font-size:11px}.role-line{min-height:36px;color:var(--ink-soft);margin-top:13px;font-size:11px;line-height:1.55}.tile-scores{border-top:1px solid var(--line);gap:14px;margin-top:15px;padding-top:13px;display:flex}.tile-scores i{color:var(--ink-soft);align-items:baseline;gap:4px;font-size:9px;font-style:normal;display:flex}.tile-scores b{color:var(--ink);font-family:var(--serif);font-size:17px;font-weight:500}.person-tile>.favorite-button{z-index:4;color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#1e22208f;border-color:#ffffff59;width:38px;height:38px;position:absolute;top:10px;right:10px}.favorite-button svg{width:18px}.favorite-button.active{border-color:var(--cinnabar);background:var(--cinnabar);color:#fff}.favorite-button.active svg{fill:currentColor}.favorite-button.large{background:var(--paper-light);width:48px;height:48px;color:var(--ink)}.favorite-button.large.active{background:var(--cinnabar);color:#fff}.portrait-art{--accent:var(--cinnabar);--accent-dark:var(--cinnabar-dark);--wash:#d9b6a6;isolation:isolate;background:#d7c5ad;position:relative;overflow:hidden}.portrait-art.palette-jade{--accent:#516c63;--accent-dark:#354c45;--wash:#9eb3aa;background:#c9d0c4}.portrait-art.palette-gold{--accent:#b17d35;--accent-dark:#76501f;--wash:#ddc48e;background:#ddd0ad}.portrait-art.palette-ink{--accent:#3b4541;--accent-dark:#202623;--wash:#9aa39d;background:#c3c3b8}.portrait-art.palette-indigo{--accent:#4a596e;--accent-dark:#303b4c;--wash:#9fa9b7;background:#c6c9cb}.portrait-sun{aspect-ratio:1;background:#fff8e657;border-radius:50%;width:24%;position:absolute;top:9%;right:8%}.portrait-arch{border:1px solid #ffffff47;border-radius:50% 50% 0 0;position:absolute}.portrait-arch-one{inset:14% 10% -30%}.portrait-arch-two{inset:23% 20% -36%}.portrait-halo{z-index:1;aspect-ratio:1;background:var(--wash);opacity:.45;border:1px solid #ffffff61;border-radius:50%;width:50%;position:absolute;top:12%;left:50%;transform:translate(-50%)}.portrait-hair{z-index:4;background:var(--accent-dark);border-radius:49% 49% 40% 40%;width:31%;height:34%;position:absolute;top:23%;left:50%;transform:translate(-50%)}.portrait-face{z-index:5;background:#d8aa82;border-radius:44% 44% 48% 48%;width:24%;height:29%;position:absolute;top:27%;left:50%;transform:translate(-50%);box-shadow:inset 10px 0 #ffffff14}.portrait-face .brow{background:var(--accent-dark);opacity:.9;width:24%;height:2px;position:absolute;top:34%}.portrait-face .brow.left{left:17%;transform:rotate(5deg)}.portrait-face .brow.right{right:17%;transform:rotate(-5deg)}.portrait-face .nose{background:#4f312357;width:1px;height:25%;position:absolute;top:37%;left:50%}.portrait-face .beard{background:var(--accent-dark);clip-path:polygon(0 0,100% 0,72% 100%,50% 75%,28% 100%);border-radius:12% 12% 50% 50%;width:36%;height:40%;position:absolute;top:69%;left:50%;transform:translate(-50%)}.portrait-shoulders{z-index:3;background:var(--accent);border-radius:50% 50% 12% 12%;width:78%;height:55%;position:absolute;bottom:-9%;left:50%;transform:translate(-50%)}.portrait-robe{z-index:5;justify-content:center;gap:8%;width:45%;height:41%;display:flex;position:absolute;bottom:-3%;left:50%;transform:translate(-50%)}.portrait-robe i{border-left:1px solid #ffffff47;border-right:1px solid #0000001f;width:18%;display:block;transform:skew(-12deg)}.portrait-robe b{border-left:1px solid #ffffff2e;border-right:1px solid #0000001f;width:18%}.portrait-hat{z-index:6;background:var(--accent-dark);border-radius:50% 50% 10% 10%;width:31%;height:13%;position:absolute;top:18%;left:50%;transform:translate(-50%)}.portrait-crown{z-index:7;justify-content:center;align-items:end;gap:5%;width:36%;height:17%;display:none;position:absolute;top:12%;left:50%;transform:translate(-50%)}.portrait-crown b{background:var(--accent-dark);border:1px solid #fff3;width:34%;height:100%}.portrait-crown i{background:var(--accent-dark);width:20%;height:62%}.portrait-prop{z-index:6;background:var(--accent-dark);transform-origin:bottom;border-radius:2px;width:3px;height:65%;display:none;position:absolute;bottom:4%;right:13%;transform:rotate(-8deg)}.portrait-mark{z-index:8;background:var(--accent);color:#fff;width:38px;height:38px;font-family:var(--serif);box-shadow:inset 0 0 0 3px var(--accent), inset 0 0 0 4px #ffffff47;border:1px solid #ffffffb3;place-items:center;font-size:17px;display:grid;position:absolute;top:9%;left:8%}.portrait-label{z-index:8;color:#ffffffa8;letter-spacing:.12em;font-size:8px;position:absolute;bottom:4%;right:4%}.portrait-art[data-variant=ruler] .portrait-crown{display:flex}.portrait-art[data-variant=ruler] .portrait-hat{border-radius:3px;width:36%;height:8%;top:19%}.portrait-art[data-variant=ruler] .portrait-shoulders{width:84%}.portrait-art[data-variant=general] .portrait-hat{clip-path:polygon(10% 23%,50% 0,90% 23%,100% 100%,0 100%);border-radius:50% 50% 18% 18%;width:34%;height:19%;top:16%}.portrait-art[data-variant=general] .portrait-shoulders:before,.portrait-art[data-variant=general] .portrait-shoulders:after{background:var(--accent-dark);content:"";border:1px solid #fff3;width:20%;height:35%;position:absolute;top:8%}.portrait-art[data-variant=general] .portrait-shoulders:before{left:4%;transform:rotate(-18deg)}.portrait-art[data-variant=general] .portrait-shoulders:after{right:4%;transform:rotate(18deg)}.portrait-art[data-variant=scholar] .portrait-hat{border-radius:2px;width:42%;height:7%;top:20%}.portrait-art[data-variant=scholar] .portrait-hat:before,.portrait-art[data-variant=scholar] .portrait-hat:after{background:var(--accent-dark);content:"";width:36%;height:3px;position:absolute;top:30%}.portrait-art[data-variant=scholar] .portrait-hat:before{right:91%;transform:rotate(-8deg)}.portrait-art[data-variant=scholar] .portrait-hat:after{left:91%;transform:rotate(8deg)}.portrait-art[data-variant=official] .portrait-hat{border-radius:4px 4px 35% 35%;width:38%;height:11%;top:18%}.portrait-art[data-variant=official] .portrait-hat:before,.portrait-art[data-variant=official] .portrait-hat:after{background:var(--accent-dark);content:"";width:34%;height:4px;position:absolute;top:43%}.portrait-art[data-variant=official] .portrait-hat:before{right:94%;transform:rotate(-12deg)}.portrait-art[data-variant=official] .portrait-hat:after{left:94%;transform:rotate(12deg)}.portrait-art[data-variant=envoy] .portrait-prop{display:block}.portrait-art[data-variant=envoy] .portrait-hat{clip-path:polygon(23% 0,77% 0,100% 100%,0 100%);border-radius:4px;width:29%;height:15%;top:17%}.portrait-art.compact .portrait-mark{width:31px;height:31px;font-size:14px}.portrait-art.compact .portrait-label{font-size:7px}.empty-state{border:1px dashed var(--line-strong);text-align:center;align-content:center;place-items:center;min-height:390px;padding:40px;display:grid}.empty-state>span{border:1px solid var(--line);width:72px;height:72px;color:var(--cinnabar);font-family:var(--serif);place-items:center;font-size:25px;display:grid}.empty-state h3{font-family:var(--serif);margin:20px 0 7px;font-size:28px;font-weight:500}.empty-state p{max-width:440px;color:var(--ink-soft);margin:0 0 22px;font-size:13px;line-height:1.8}.site-footer{border-top:1px solid var(--line);color:var(--ink-soft);grid-template-columns:1fr auto 1fr;align-items:center;gap:30px;padding:40px 5vw 42px;font-size:11px;display:grid}.site-footer>div{align-items:center;gap:12px;display:flex}.site-footer>div p{gap:3px;margin:0;display:grid}.site-footer>div b{color:var(--ink);font-family:var(--serif);font-size:16px}.site-footer>div small{font-size:9px}.site-footer>p{text-align:center;margin:0}.site-footer>button{min-height:44px;color:var(--cinnabar);background:0 0;border:0;justify-self:end;font-size:11px}.site-footer .brand-seal{width:35px;height:35px;font-size:18px}.mobile-nav{display:none}.overlay{z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#181c1ab8;animation:.2s both overlay-in;position:fixed;inset:0}.focus-overlay{padding:max(18px, env(safe-area-inset-top)) 24px max(24px, env(safe-area-inset-bottom));overflow:auto}.focus-stage{place-items:center;min-height:calc(100vh - 48px);display:grid;position:relative}.focus-toolbar{z-index:110;top:max(20px, env(safe-area-inset-top));color:#ffffffb8;justify-content:space-between;align-items:center;display:flex;position:fixed;left:26px;right:26px}.focus-toolbar p{letter-spacing:.1em;margin:0;font-size:11px}.focus-toolbar p span{color:#fff;font-family:var(--serif);font-size:20px}.focus-toolbar .icon-button{color:#fff;background:#ffffff1a;border-color:#ffffff42}.focus-card{perspective:1400px;width:min(90vw,430px);margin:56px 0 32px}.focus-card-inner{aspect-ratio:4/5.65;width:100%;transform-style:preserve-3d;transition:transform .65s cubic-bezier(.2,.7,.2,1);position:relative}.focus-card.is-flipped .focus-card-inner{transform:rotateY(180deg)}.focus-face{background:var(--paper-light);box-shadow:var(--shadow-lg);-webkit-backface-visibility:hidden;backface-visibility:hidden;border:1px solid #ffffff47;border-radius:8px;position:absolute;inset:0;overflow:hidden}.focus-front{pointer-events:auto}.focus-back,.focus-card.is-flipped .focus-front{pointer-events:none}.focus-card.is-flipped .focus-back{pointer-events:auto}.focus-front .portrait-art{position:absolute;inset:0 0 37%}.focus-front-copy{border-top:1px solid var(--line);background:var(--paper-light);align-content:start;height:39%;padding:22px 27px;display:grid;position:absolute;bottom:0;left:0;right:0}.focus-front-copy p,.back-heading>span{color:var(--cinnabar);letter-spacing:.14em;margin:0;font-size:10px}.focus-front-copy h2{font-family:var(--serif);margin:4px 0 0;font-size:43px;font-weight:500;line-height:1}.focus-front-copy span{color:var(--ink-soft);margin-top:7px;font-size:12px}.focus-front-copy small{color:var(--ink-soft);margin-top:3px;font-size:10px}.focus-quote{z-index:4;border-top:1px solid var(--line);font-family:var(--serif);padding-top:13px;font-size:13px;line-height:1.6;position:absolute;bottom:21px;left:22px;right:22px}.focus-back{flex-direction:column;padding:30px;display:flex;transform:rotateY(180deg)}.back-heading{border-bottom:1px solid var(--line);padding-bottom:15px}.back-heading h2{font-family:var(--serif);margin:5px 0 3px;font-size:37px;font-weight:500}.back-heading small{color:var(--ink-soft);font-size:10px}.back-bio{color:var(--ink-soft);font-family:var(--serif);-webkit-line-clamp:4;-webkit-box-orient:vertical;margin:18px 0 17px;font-size:14px;line-height:1.85;display:-webkit-box;overflow:hidden}.top-score-grid{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.top-score-grid div{border:1px solid var(--line);text-align:center;padding:11px 8px;display:grid}.top-score-grid b{font-family:var(--serif);font-size:22px;font-weight:500}.top-score-grid span{color:var(--ink-soft);font-size:9px}.mini-timeline{gap:8px;margin-top:15px;display:grid}.mini-timeline div{grid-template-columns:70px 1fr;align-items:center;gap:8px;font-size:10px;display:grid}.mini-timeline b{color:var(--cinnabar);font-family:var(--serif);font-size:13px;font-weight:500}.text-link{border:0;border-top:1px solid var(--line);min-height:44px;color:var(--cinnabar);background:0 0;justify-content:space-between;align-items:center;margin-top:auto;padding:0;font-size:11px;font-weight:700;display:flex}.text-link svg{width:17px}.focus-card-actions{grid-template-columns:1fr auto;gap:9px;margin-top:12px;display:grid}.focus-card-actions>button:first-child{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff1a;border:1px solid #ffffff42;border-radius:4px;justify-content:center;align-items:center;gap:8px;min-height:48px;font-size:12px;display:flex}.focus-card-actions svg{width:18px}.stage-arrow{z-index:105;color:#fff;background:#ffffff1a;border:1px solid #ffffff47;border-radius:50%;place-items:center;width:50px;height:50px;display:grid;position:fixed;top:50%;transform:translateY(-50%)}.stage-arrow.previous{left:5vw}.stage-arrow.next{right:5vw}.detail-panel{background:var(--paper);width:min(1180px,100vw - 48px);max-height:calc(100vh - 42px);box-shadow:var(--shadow-lg);border-radius:8px;margin:18px auto;overflow:auto}.detail-toolbar{z-index:8;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#f4f0e7f5;justify-content:space-between;align-items:center;min-height:62px;padding:8px 18px;display:flex;position:sticky;top:0}.detail-toolbar>div{gap:7px;display:flex}.icon-text-button{min-height:44px;color:var(--ink-soft);background:0 0;border:0;align-items:center;gap:7px;font-size:11px;display:inline-flex}.icon-text-button svg{width:18px}.detail-hero{border-bottom:1px solid var(--line);grid-template-columns:290px 1fr;min-height:330px;display:grid}.detail-hero .portrait-art{border-right:1px solid var(--line);width:100%}.detail-hero>div:last-child{align-content:center;padding:45px 7vw;display:grid}.detail-hero p{color:var(--cinnabar);letter-spacing:.15em;margin:0;font-size:10px}.detail-hero h2{font-family:var(--serif);margin:6px 0 4px;font-size:62px;font-weight:500;line-height:1}.detail-hero span,.detail-hero small{color:var(--ink-soft);font-size:12px}.detail-hero small{margin-top:3px}.detail-hero blockquote{border-top:1px solid var(--line);border-left:3px solid var(--cinnabar);max-width:650px;font-family:var(--serif);margin:28px 0 0;padding:15px 0 0 20px;font-size:18px;line-height:1.7}.detail-content{grid-template-columns:minmax(0,1fr) 360px;display:grid}.detail-main{padding:54px 5vw 70px}.detail-main>section+section{border-top:1px solid var(--line);margin-top:55px;padding-top:48px}.detail-main h3,.detail-aside h3{font-family:var(--serif);margin:0 0 17px;font-size:28px;font-weight:500}.detail-main section>p:not(.section-kicker),.two-column-copy p{color:var(--ink-soft);font-family:var(--serif);margin:0;font-size:15px;line-height:2}.tag-row{flex-wrap:wrap;gap:7px;margin-top:20px;display:flex}.tag-row span{border:1px solid var(--line);color:var(--ink-soft);border-radius:99px;padding:6px 10px;font-size:10px}.full-timeline{gap:24px;margin:28px 0 0;padding:0;list-style:none;display:grid;position:relative}.full-timeline:before{background:var(--line);content:"";width:1px;position:absolute;top:11px;bottom:12px;left:93px}.full-timeline li{grid-template-columns:76px 1fr;gap:35px;display:grid;position:relative}.full-timeline li:before{border:2px solid var(--paper);background:var(--cinnabar);width:9px;height:9px;box-shadow:0 0 0 1px var(--cinnabar);content:"";border-radius:50%;position:absolute;top:8px;left:88px}.full-timeline time{color:var(--cinnabar);font-family:var(--serif);text-align:right;font-size:13px}.full-timeline h4{font-family:var(--serif);margin:0 0 6px;font-size:17px;font-weight:600}.full-timeline p{color:var(--ink-soft);margin:0;font-size:12px;line-height:1.75}.two-column-copy{grid-template-columns:1fr 1fr;gap:40px;display:grid}.two-column-copy>div+div{border-left:1px solid var(--line);padding-left:40px}.detail-aside{border-left:1px solid var(--line);background:var(--paper-deep);padding:54px 32px}.detail-aside section+section{border-top:1px solid var(--line);margin-top:44px;padding-top:38px}.score-list{gap:13px;margin-top:24px;display:grid}.score-row{grid-template-columns:40px minmax(60px,1fr) 48px;align-items:center;gap:9px;display:grid}.score-row>span{color:var(--ink-soft);font-size:10px}.score-track{background:#2026231f;height:4px;overflow:hidden}.score-track i{background:var(--cinnabar);height:100%;display:block}.score-track.muted{background:#20262312}.score-row>b{font-family:var(--serif);text-align:right;font-size:14px;font-weight:500}.score-row>b.score-missing{color:var(--ink-soft);font-family:var(--sans);font-size:8px;font-weight:400}.score-note{color:var(--ink);font-family:var(--serif);margin:23px 0 0;font-size:12px;line-height:1.8}.method-note,.privacy-note{border-left:2px solid var(--gold);color:var(--ink-soft);background:#ffffff59;margin:14px 0 0;padding:13px;font-size:9px;line-height:1.7}.certainty{align-items:center;gap:12px;margin:20px 0;display:flex}.certainty b{border:1px solid var(--cinnabar);width:45px;height:45px;color:var(--cinnabar);font-family:var(--serif);place-items:center;font-size:19px;display:grid}.certainty span{color:var(--ink-soft);font-size:10px}.source-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.source-list li{color:var(--ink-soft);font-family:var(--serif);padding-left:15px;font-size:11px;line-height:1.6;position:relative}.source-list li:before{background:var(--cinnabar);content:"";width:5px;height:5px;position:absolute;top:.7em;left:0;transform:rotate(45deg)}.sheet-overlay{justify-content:flex-end;align-items:flex-start;padding:0;display:flex}.sheet{width:min(100%,530px);height:100%;padding:34px 36px max(36px, env(safe-area-inset-bottom));background:var(--paper);animation:.28s both sheet-in;overflow-y:auto;box-shadow:-24px 0 70px #00000038}.sheet>header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:20px;min-height:72px;padding-bottom:22px;display:flex}.sheet h2{font-family:var(--serif);margin:0;font-size:32px;font-weight:500}.sheet .eyebrow{margin-bottom:7px}.search-field{border:1px solid var(--line-strong);background:var(--paper-light);grid-template-columns:auto 1fr auto;align-items:center;gap:10px;min-height:54px;margin-top:24px;padding:0 8px 0 16px;display:grid}.search-field svg{width:19px;color:var(--ink-soft)}.search-field input{min-width:0;height:50px;color:var(--ink);background:0 0;border:0;outline:0;font-size:14px}.search-field input::placeholder{color:#92968f}.search-field button{min-width:48px;height:38px;color:var(--cinnabar);background:0 0;border:0;font-size:11px}.search-count{color:var(--ink-soft);margin:20px 0 9px;font-size:10px}.search-results{display:grid}.search-results>button{border:0;border-bottom:1px solid var(--line);text-align:left;background:0 0;grid-template-columns:44px 1fr auto;align-items:center;gap:12px;min-height:68px;padding:9px 2px;display:grid}.search-results>button:hover{background:#ffffff57}.search-results>button>span:nth-child(2){gap:4px;display:grid}.search-results b{font-family:var(--serif);font-size:17px;font-weight:500}.search-results small{max-width:340px;color:var(--ink-soft);text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.search-results svg{width:16px;color:var(--ink-soft)}.mini-seal{background:var(--cinnabar);color:#fff;width:40px;height:40px;font-family:var(--serif);place-items:center;font-size:15px;display:grid}.mini-seal.palette-jade{background:var(--jade)}.mini-seal.palette-gold{background:var(--gold)}.mini-seal.palette-ink{background:var(--ink)}.mini-seal.palette-indigo{background:var(--indigo)}.sheet-empty{color:var(--ink-soft);text-align:center;padding:40px 10px;font-size:12px;line-height:1.8}.filter-group{margin-top:30px}.filter-group h3{font-family:var(--serif);margin:0 0 13px;font-size:17px;font-weight:500}.filter-chips{flex-wrap:wrap;gap:7px;display:flex}.filter-chips button{border-color:var(--line)}.filter-group select{border:1px solid var(--line-strong);background:var(--paper-light);width:100%;min-height:50px;color:var(--ink);border-radius:0;padding:0 14px}.filter-summary{border:1px solid var(--line);color:var(--ink-soft);text-align:center;margin-top:32px;padding:18px;font-size:11px}.filter-summary b{color:var(--cinnabar);font-family:var(--serif);font-size:18px}.filter-sheet>footer{background:var(--paper);grid-template-columns:1fr 2fr;gap:8px;margin:28px -8px -10px;padding:14px 8px 10px;display:grid;position:sticky;bottom:0}.about-intro{grid-template-columns:62px 1fr;align-items:start;gap:18px;margin-top:28px;display:grid}.about-intro .brand-seal{width:58px;height:58px;font-size:27px}.about-intro p{color:var(--ink-soft);font-family:var(--serif);margin:0;font-size:14px;line-height:1.9}.principles{counter-reset:principle;gap:0;margin:32px 0 0;padding:0;list-style:none;display:grid}.principles li{border-top:1px solid var(--line);counter-increment:principle;grid-template-columns:32px 90px 1fr;gap:10px;padding:18px 0;display:grid}.principles li:before{color:var(--cinnabar);content:"0" counter(principle);font-family:var(--serif);font-size:14px}.principles b{font-family:var(--serif);font-size:14px}.principles span{color:var(--ink-soft);font-size:11px;line-height:1.7}.about-sheet .privacy-note,.install-sheet .privacy-note{margin-top:28px;padding:16px;font-size:10px}.install-steps{gap:14px;margin-top:28px;display:grid}.install-steps div{border:1px solid var(--line);background:var(--paper-light);padding:20px}.install-steps b{font-family:var(--serif);font-size:16px}.install-steps p{color:var(--ink-soft);margin:9px 0 0;font-size:11px;line-height:1.8}@keyframes overlay-in{0%{opacity:0}}@keyframes sheet-in{0%{opacity:0;transform:translate(30px)}}@media (max-width:1180px){.topbar{grid-template-columns:1fr auto auto}.desktop-nav{gap:15px;margin-right:16px}.people-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hero{grid-template-columns:minmax(0,1fr) minmax(320px,.72fr);gap:50px}.hero:before{left:60%}.detail-content{grid-template-columns:minmax(0,1fr) 320px}}@media (max-width:860px){.topbar{grid-template-columns:1fr auto;min-height:68px;padding:0 18px}.desktop-nav{display:none}.brand strong{font-size:17px}.brand small{display:none}.brand-seal{width:38px;height:38px;font-size:20px}.top-actions .icon-button:nth-child(2){display:none}.install-button{place-items:center;width:44px;padding:0;font-size:0;display:inline-grid}.install-button svg{width:20px}.hero{grid-template-columns:1fr;gap:48px;min-height:auto;padding:54px 22px 64px}.hero:before,.hero:after{display:none}.hero-copy{max-width:660px}.hero h1{font-size:clamp(50px,13vw,76px)}.hero-lead{font-size:16px}.hero-card-wrap{width:min(88vw,400px)}.catalog{padding:64px 20px 100px}.catalog-controls{margin:28px -20px 24px;padding:10px 20px;top:68px}.control-buttons button:first-child span{display:none}.people-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.site-footer{text-align:center;grid-template-columns:1fr;justify-items:center;padding-bottom:110px}.site-footer>button{justify-self:center}.mobile-nav{z-index:60;right:12px;bottom:max(10px, env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#202623f0;border:1px solid #ffffff47;border-radius:14px;grid-template-columns:repeat(3,1fr);min-height:66px;padding:7px;display:grid;position:fixed;left:12px;box-shadow:0 16px 45px #00000042}.mobile-nav button{color:#ffffff94;background:0 0;border:0;border-radius:9px;align-content:center;place-items:center;gap:2px;min-height:50px;font-size:9px;display:grid;position:relative}.mobile-nav button.active{color:#fff;background:#ffffff17}.mobile-nav svg{width:19px;height:19px}.mobile-nav b{background:var(--cinnabar);color:#fff;border-radius:50%;place-items:center;width:17px;height:17px;font-size:8px;display:grid;position:absolute;top:2px;left:calc(50% + 7px)}.stage-arrow{top:auto;bottom:max(18px, env(safe-area-inset-bottom));transform:none}.stage-arrow.previous{left:20px}.stage-arrow.next{right:20px}.detail-panel{width:calc(100vw - 24px);max-height:calc(100vh - 24px);margin:0 auto}.detail-hero{grid-template-columns:230px 1fr}.detail-content{grid-template-columns:1fr}.detail-aside{border-top:1px solid var(--line);border-left:0}}@media (max-width:580px){.hero{padding-top:42px}.hero h1{font-size:clamp(46px,15vw,64px)}.hero-lead{margin-top:24px;font-size:15px;line-height:1.75}.hero-actions{grid-template-columns:1fr 1fr;margin-top:28px;display:grid}.primary-button,.secondary-button{padding:0 13px}.hero-stats{justify-content:space-between;gap:12px;margin-top:36px}.hero-stats b{font-size:22px}.hero-card-wrap{width:min(94vw,380px)}.catalog-heading{align-items:start}.catalog-heading h2{font-size:39px}.catalog-heading>p{white-space:nowrap;padding-top:24px}.catalog-controls{flex-wrap:wrap;gap:8px}.era-tabs{order:2;width:calc(100% + 40px);margin:0 -20px -10px;padding:5px 20px 10px}.control-buttons{order:1;justify-content:flex-end;width:100%}.people-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.tile-copy{padding:13px 13px 15px}.tile-copy>strong{font-size:25px}.tile-meta{font-size:8px}.role-line{min-height:32px;margin-top:10px;font-size:9px}.tile-scores{gap:8px;margin-top:10px;padding-top:9px}.tile-scores b{font-size:15px}.person-tile>.favorite-button{width:35px;height:35px;top:7px;right:7px}.portrait-art.compact .portrait-mark{width:27px;height:27px;font-size:12px}.focus-overlay{padding:8px 12px 80px}.focus-stage{min-height:calc(100vh - 88px)}.focus-toolbar{top:max(10px, env(safe-area-inset-top));left:14px;right:14px}.focus-card{width:min(92vw,400px);margin-top:58px}.focus-front-copy{padding:18px 22px}.focus-front-copy h2{font-size:38px}.focus-quote{font-size:12px;bottom:16px;left:18px;right:18px}.focus-back{padding:23px}.back-heading h2{font-size:33px}.back-bio{-webkit-line-clamp:4;margin:14px 0;font-size:12px}.mini-timeline{margin-top:11px}.sheet-overlay{align-items:flex-end}.sheet{width:100%;height:auto;max-height:91vh;padding:25px 20px max(28px, env(safe-area-inset-bottom));border-radius:16px 16px 0 0;animation-name:sheet-up}.sheet h2{font-size:28px}.detail-panel{border-radius:0;width:calc(100vw - 24px);max-height:100vh;margin:0}.detail-toolbar{padding:max(8px, env(safe-area-inset-top)) 10px 8px}.detail-hero{grid-template-columns:1fr}.detail-hero .portrait-art{border-right:0;border-bottom:1px solid var(--line);height:270px}.detail-hero>div:last-child{padding:34px 24px 38px}.detail-hero h2{font-size:49px}.detail-hero blockquote{font-size:15px}.detail-main{padding:40px 24px 54px}.detail-main>section+section{margin-top:42px;padding-top:38px}.two-column-copy{grid-template-columns:1fr;gap:35px}.two-column-copy>div+div{border-top:1px solid var(--line);border-left:0;padding-top:35px;padding-left:0}.detail-aside{padding:40px 24px 70px}.full-timeline:before{left:76px}.full-timeline li{grid-template-columns:61px 1fr;gap:31px}.full-timeline li:before{left:71px}.principles li{grid-template-columns:29px 74px 1fr;gap:7px}}@keyframes sheet-up{0%{opacity:0;transform:translateY(30px)}}@media (max-width:390px){.hero-actions,.people-grid{grid-template-columns:1fr}.person-tile .portrait-art{aspect-ratio:1.6}.tile-copy{padding:16px 18px 18px}.role-line{min-height:auto}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.focus-card-inner{transition:none}}