.achievements-overlay{z-index:400;background:oklch(0% 0 0/.4);justify-content:center;align-items:center;animation:.15s ease-out fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.achievements-container{background:var(--color-silk-light);border-radius:var(--radius-lg);flex-direction:column;width:92%;max-width:520px;max-height:85vh;animation:.2s ease-out achievementsSlideIn;display:flex;overflow:hidden;box-shadow:0 12px 60px oklch(0% 0 0/.3)}@keyframes achievementsSlideIn{0%{opacity:0;transform:translateY(10px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.achievements-header{padding:var(--sp-lg) var(--sp-lg) var(--sp-md);border-bottom:1px solid oklch(0% 0 0/.06)}.achievements-header-top{justify-content:space-between;align-items:flex-start;display:flex}.achievements-title{font-family:var(--font-title);font-size:var(--fs-h2);margin:0}.achievements-close{cursor:pointer;width:32px;height:32px;color:var(--color-ink-muted);background:oklch(0% 0 0/.06);border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-family:system-ui;font-size:16px;transition:all .15s;display:flex}.achievements-close:hover,.achievements-close:active{color:var(--color-ink);background:oklch(0% 0 0/.12)}.achievements-progress{margin-top:var(--sp-sm);align-items:center;gap:var(--sp-sm);display:flex}.achievements-progress-bar{background:oklch(0% 0 0/.06);border-radius:4px;flex:1;height:8px;overflow:hidden}.achievements-progress-fill{background:linear-gradient(90deg,#c43a31,#e05c52);border-radius:4px;height:100%;transition:width .5s ease-out}.achievements-progress-text{font-size:var(--fs-small);color:var(--color-ink-muted);white-space:nowrap}.achievements-filters{padding:var(--sp-sm) var(--sp-lg);-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;border-bottom:1px solid oklch(0% 0 0/.04);flex-shrink:0;gap:6px;display:flex;overflow-x:auto}.achievements-filters::-webkit-scrollbar{display:none}.achievements-filter-btn{font-size:var(--fs-xs);cursor:pointer;font-weight:600;font-family:var(--font-body);white-space:nowrap;border:none;border-bottom:2px solid #0000;border-radius:6px;flex-shrink:0;padding:4px 12px;transition:all .1s}.achievements-list{padding:var(--sp-sm) var(--sp-lg) var(--sp-lg);-webkit-overflow-scrolling:touch;flex:1;overflow-y:auto}.achievement-item{gap:var(--sp-sm);padding:var(--sp-sm);border-radius:var(--radius-md);margin-bottom:2px;transition:opacity .15s;display:flex}.achievement-item.unlocked{background:oklch(0% 0 0/.02)}.achievement-item.locked{opacity:.35}.achievement-icon-box{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;display:flex}.achievement-info{flex:1;min-width:0}.achievement-name{font-weight:600;font-size:var(--fs-body);line-height:1.3}.achievement-name.unlocked{color:var(--color-ink)}.achievement-name.locked{color:var(--color-ink-muted)}.achievement-desc{font-size:var(--fs-xs);color:var(--color-ink-muted);margin-top:2px;line-height:1.4}.achievement-category-tag{color:var(--color-ink-muted);white-space:nowrap;background:oklch(0% 0 0/.04);border-radius:4px;flex-shrink:0;align-self:center;padding:2px 6px;font-size:10px}@media (width<=767px){.achievements-container{border-radius:var(--radius-md);width:96%;max-height:90vh}.achievements-header{padding:var(--sp-md) var(--sp-md) var(--sp-sm)}.achievements-title{font-size:var(--fs-h3)}.achievements-filters{padding:var(--sp-xs) var(--sp-md)}.achievements-list{padding:var(--sp-xs) var(--sp-md) var(--sp-md)}.achievement-item{padding:var(--sp-xs) var(--sp-sm)}.achievement-icon-box{width:36px;height:36px;font-size:18px}}@media (width<=400px){.achievements-container{width:98%}.achievement-name{font-size:var(--fs-small)}.achievement-category-tag{padding:1px 4px;font-size:9px}}.global-nav{height:var(--nav-height);align-items:center;gap:var(--sp-md);padding:0 var(--sp-lg);-webkit-backdrop-filter:blur(12px);z-index:100;background:oklch(98% .005 80/.92);border-bottom:1px solid oklch(0% 0 0/.06);display:flex;position:fixed;top:0;left:0;right:0}.nav-logo{align-items:center;gap:var(--sp-xs);font-family:var(--font-title);font-size:var(--fs-h3);color:var(--color-ink);white-space:nowrap;font-weight:700;text-decoration:none;display:flex}.nav-logo-icon{font-size:1.3em}.nav-links{margin-left:var(--sp-lg);scrollbar-width:none;-ms-overflow-style:none;flex:1;gap:2px;min-width:0;display:flex;overflow:auto hidden}.nav-links::-webkit-scrollbar{display:none}.nav-links:empty{display:none}.nav-links>*{flex-shrink:0}.nav-link{font-size:var(--fs-small);color:var(--color-ink-muted);white-space:nowrap;transition:all var(--duration-fast) var(--ease-out-quart);border-radius:8px;align-items:center;gap:5px;padding:5px 12px;text-decoration:none;display:flex}.nav-link:hover{color:var(--color-ink);background:oklch(0% 0 0/.04)}.nav-link.active{color:var(--color-vermilion);background:oklch(52% .15 27/.08);font-weight:600}.nav-search{margin-left:auto}.nav-search-input{width:200px;font-family:var(--font-body);font-size:var(--fs-small);color:var(--color-ink);background:var(--color-silk-light);transition:border-color var(--duration-fast);border:1px solid oklch(0% 0 0/.1);border-radius:8px;padding:6px 12px}.nav-search-input:focus{border-color:var(--color-vermilion);outline:none;width:260px}.nav-about-btn{color:var(--color-ink-muted);font-family:var(--font-body);font-size:var(--fs-small);cursor:pointer;transition:all var(--duration-fast);white-space:nowrap;background:0 0;border:1px solid oklch(0% 0 0/.1);border-radius:6px;padding:6px 14px}.nav-about-btn:hover{border-color:var(--color-vermilion);color:var(--color-vermilion)}.mobile-nav{height:60px;height:calc(60px + env(safe-area-inset-bottom,0px));-webkit-backdrop-filter:blur(12px);z-index:100;padding-bottom:env(safe-area-inset-bottom,0px);-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;background:oklch(98% .005 80/.95);border-top:1px solid oklch(0% 0 0/.06);display:none;position:fixed;bottom:0;left:0;right:0;overflow:auto hidden}.mobile-nav::-webkit-scrollbar{display:none}.mobile-nav-inner{justify-content:space-around;align-items:center;min-width:100%;height:60px;padding:0 4px;display:flex}.mobile-nav-link{color:var(--color-ink-muted);transition:color var(--duration-fast);cursor:pointer;background:0 0;border:none;border-radius:8px;flex-direction:column;flex-shrink:0;align-items:center;gap:2px;min-width:0;padding:6px 12px;font-family:inherit;font-size:10px;text-decoration:none;display:flex}.mobile-nav-link.active{color:var(--color-vermilion)}.mobile-nav-icon{font-size:20px;line-height:1}.mobile-nav-label{white-space:nowrap;font-size:10px;line-height:1.2}.mobile-achievement-badge{background:var(--color-vermilion);color:#fff;border-radius:7px;justify-content:center;align-items:center;min-width:18px;height:14px;margin-top:-2px;padding:0 4px;font-size:9px;font-weight:700;line-height:1;display:inline-flex}@media (width<=767px){.global-nav{display:none}.mobile-nav{display:flex}body,.page-container{padding-bottom:calc(60px + env(safe-area-inset-bottom,0px) + 10px)}}@media (width>=768px) and (width<=1079px){.global-nav{padding:0 var(--sp-md);gap:var(--sp-sm)}.nav-links{margin-left:var(--sp-sm);flex:none;gap:2px;overflow-x:auto}.nav-link{padding:5px 8px;font-size:12px}.nav-link-icon{font-size:14px}.nav-search-input{width:120px}.nav-search-input:focus{width:160px}.nav-logo{font-size:var(--fs-body);gap:4px}.nav-logo-icon{font-size:1.1em}.nav-about-btn{padding:4px 10px;font-size:11px}}@media (width>=1080px) and (width<=1280px){.global-nav{padding:0 var(--sp-md);gap:var(--sp-xs)}.nav-link{padding:5px 10px;font-size:12px}.nav-link-icon{font-size:14px}.nav-logo{font-size:calc(var(--fs-h3) * .85)}}@media (width<=480px){.mobile-nav-link{padding:4px 8px}.mobile-nav-icon{font-size:18px}.mobile-nav-label{font-size:9px}.mobile-nav-inner{height:56px}.mobile-nav{height:56px;height:calc(56px + env(safe-area-inset-bottom,0px))}body,.page-container{padding-bottom:calc(56px + env(safe-area-inset-bottom,0px) + 10px)}}@media (width<=400px){.mobile-nav-label{display:none}.mobile-nav-link{gap:0;padding:4px 10px}.mobile-nav-icon{font-size:20px}.mobile-achievement-badge{min-width:16px;height:12px;font-size:8px}}@media (width<=340px){.mobile-nav-inner{gap:2px}.mobile-nav-link{padding:4px 6px}.mobile-nav-icon{font-size:18px}}.today-section{z-index:1;padding:0 var(--sp-lg) var(--sp-xl);max-width:1100px;margin:0 auto;position:relative}.today-header{align-items:center;gap:var(--sp-sm);margin-bottom:var(--sp-md);display:flex}.today-title{font-family:var(--font-title);font-size:var(--fs-h2);color:var(--color-ink);align-items:center;gap:var(--sp-sm);display:flex}.today-seal{border:2px solid var(--color-vermilion);width:32px;height:32px;color:var(--color-vermilion);border-radius:4px;justify-content:center;align-items:center;font-family:Noto Serif SC,serif;font-size:14px;font-weight:900;display:inline-flex;transform:rotate(5deg)}.today-refresh{cursor:pointer;width:32px;height:32px;color:var(--color-ink-muted);background:0 0;border:1px solid oklch(0% 0 0/.1);border-radius:50%;justify-content:center;align-items:center;margin-left:auto;font-size:16px;transition:all .15s;display:flex}.today-refresh:hover{color:var(--color-vermilion);border-color:var(--color-vermilion);transform:rotate(180deg)}.today-grid{gap:var(--sp-md);grid-template-columns:repeat(3,1fr);display:grid}.today-card{background:var(--color-silk-light);border-radius:var(--radius-lg);transition:transform var(--duration-normal) var(--ease-out-quart), box-shadow var(--duration-normal) var(--ease-out-quart);border:1px solid oklch(0% 0 0/.06);overflow:hidden}.today-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.today-card-header{padding:10px var(--sp-md);border-bottom:1px solid oklch(0% 0 0/.04);align-items:center;gap:6px;display:flex}.today-person .today-card-header{background:linear-gradient(90deg,oklch(52% .15 27/.04),#0000)}.today-event .today-card-header{background:linear-gradient(90deg,oklch(52% .1 140/.04),#0000)}.today-trivia .today-card-header{background:linear-gradient(90deg,oklch(52% .08 60/.04),#0000)}.today-card-icon{font-size:14px}.today-card-label{font-size:var(--fs-xs);color:var(--color-ink-muted);text-transform:uppercase;letter-spacing:.05em;font-weight:600}.today-card-body{padding:var(--sp-md)}.today-person-name{font-family:var(--font-title);font-size:var(--fs-h3);color:var(--color-ink);margin-bottom:4px;font-weight:700}.today-person-courtesy{font-size:var(--fs-small);color:var(--color-ink-muted);font-weight:400}.today-person-tags{margin-bottom:var(--sp-xs);flex-wrap:wrap;gap:4px;display:flex}.today-tag{white-space:nowrap;border-radius:10px;padding:2px 8px;font-size:10px;font-weight:500}.today-tag-muted{color:var(--color-ink-muted);background:oklch(0% 0 0/.03)}.today-person-bio,.today-event-summary{font-size:var(--fs-small);color:var(--color-ink-muted);margin:var(--sp-xs) 0;line-height:1.7}.today-event-title{font-family:var(--font-title);font-size:var(--fs-body);color:var(--color-ink);margin-bottom:2px;font-weight:600}.today-event-factions{margin:var(--sp-xs) 0;flex-wrap:wrap;gap:4px;display:flex}.today-badge{color:var(--color-vermilion);margin:var(--sp-xs) 0;background:oklch(52% .15 27/.08);border-radius:10px;padding:2px 8px;font-size:10px;display:inline-block}.today-trivia-note{font-size:var(--fs-xs);color:var(--color-ink-muted);padding:var(--sp-xs) var(--sp-sm);border-left:2px solid var(--color-vermilion);margin:var(--sp-xs) 0;background:oklch(52% .08 60/.04);border-radius:2px;line-height:1.6}.today-trivia-text{font-size:var(--fs-small);color:var(--color-ink-muted);margin:var(--sp-xs) 0;font-style:italic;line-height:1.7}.today-card-link{margin-top:var(--sp-sm);font-size:var(--fs-xs);color:var(--color-vermilion);font-weight:600;text-decoration:none;display:inline-block}.today-card-link:hover{text-decoration:underline}@media (width<=1023px){.today-grid{gap:var(--sp-sm);grid-template-columns:1fr}.today-section{padding:0 var(--sp-md) var(--sp-lg)}}.home-page{max-width:var(--max-content-width);padding-top:calc(var(--nav-height) + var(--sp-xl));background:oklch(97% .005 70);margin:0 auto;position:relative;overflow:hidden}.ink-background{pointer-events:none;z-index:0;position:fixed;inset:0;overflow:hidden}.ink-blob{filter:blur(50px);opacity:.12;will-change:transform;border-radius:50%;position:absolute}.ink-blob-1{background:radial-gradient(circle,#2c2c2c,#0000);width:500px;height:500px;animation:25s ease-in-out infinite inkDrift1;top:-5%;left:-10%}.ink-blob-2{background:radial-gradient(circle,#c43a31,#0000);width:400px;height:400px;animation:20s ease-in-out infinite inkDrift2;top:40%;right:-5%}.ink-blob-3{background:radial-gradient(circle,#4a6fa5,#0000);width:350px;height:350px;animation:22s ease-in-out infinite inkDrift3;bottom:10%;left:20%}.ink-blob-4{background:radial-gradient(circle,#2c2c2c,#0000);width:300px;height:300px;animation:18s ease-in-out infinite inkDrift4;top:60%;left:60%}@keyframes inkDrift1{0%{transform:translate(0)scale(1)}25%{transform:translate(60px,30px)scale(1.05)}50%{transform:translate(20px,80px)scale(.95)}75%{transform:translate(-30px,40px)scale(1.02)}to{transform:translate(0)scale(1)}}@keyframes inkDrift2{0%{transform:translate(0)scale(1)}33%{transform:translate(-40px,-20px)scale(1.08)}66%{transform:translate(-80px,30px)scale(.92)}to{transform:translate(0)scale(1)}}@keyframes inkDrift3{0%{transform:translate(0)scale(1)}50%{transform:translate(40px,-30px)scale(1.06)}to{transform:translate(0)scale(1)}}@keyframes inkDrift4{0%{transform:translate(0)scale(1)}33%{transform:translate(-20px,20px)scale(.94)}66%{transform:translate(-50px,-15px)scale(1.04)}to{transform:translate(0)scale(1)}}.ink-svg{opacity:.1;width:100%;height:40%;position:absolute;bottom:0;left:0}.ink-wave{fill:none;stroke:#2c2c2c;stroke-width:2.5px;stroke-linecap:round}.ink-wave-1{stroke-width:2.5px}.ink-wave-2{stroke-width:2px}.ink-wave-3{stroke-width:1.5px}.poem-background{pointer-events:none;z-index:0;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow:hidden}.poem-text{text-align:center;color:oklch(22% .01 60/.12);writing-mode:vertical-rl;letter-spacing:.5em;flex-direction:column;align-items:center;gap:0;max-height:88vh;padding:6vh 2vw;font-family:STXingkai,KaiTi,STKaiti,ZCOOL XiaoWei,serif;font-size:clamp(22px,4vw,44px);line-height:2.2;display:flex}.poem-line{opacity:0;animation:28s ease-in-out infinite poemFade;display:inline-block}.poem-line.poem-spacer{opacity:0;height:1.5em;animation:none}@keyframes poemFade{0%{opacity:0}4%{opacity:1}40%{opacity:1}50%{opacity:0}to{opacity:0}}.hero,.features{z-index:1;position:relative}@media (width<=767px){.poem-background{align-items:flex-start}.poem-text{writing-mode:horizontal-tb;text-align:center;letter-spacing:.15em;flex-flow:wrap;justify-content:center;gap:4px;max-height:none;padding:20px 10px;font-size:14px;line-height:2.2;transform:none}.poem-line{margin:0 4px}.poem-line.poem-spacer{display:none}}.hero{text-align:center;padding:var(--sp-2xl) var(--sp-lg);position:relative}.hero-content{z-index:1;position:relative}.hero-title{font-size:var(--fs-hero);color:var(--color-ink);margin-bottom:var(--sp-md);letter-spacing:.04em}.hero-subtitle{font-size:var(--fs-h3);color:var(--color-ink-muted);max-width:640px;margin:0 auto var(--sp-lg);line-height:1.8}.hero-cta{background:var(--color-vermilion);color:#fff;font-family:var(--font-title);font-size:var(--fs-body);transition:background var(--duration-fast), transform var(--duration-fast);border-radius:8px;padding:14px 40px;font-weight:600;text-decoration:none;display:inline-block}.hero-cta:hover{background:var(--color-vermilion-dark);transform:translateY(-2px)}.hero-decoration{background:linear-gradient(90deg, transparent, var(--color-vermilion), var(--color-ink), var(--color-vermilion), transparent);border-radius:2px;width:60%;max-width:400px;height:4px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.hero-motto{margin-bottom:var(--sp-md);animation:.8s ease-out mottoFadeIn}.hero-motto-line{color:oklch(22% .01 60/.5);letter-spacing:.08em;font-family:STXingkai,KaiTi,STKaiti,ZCOOL XiaoWei,serif;font-size:clamp(16px,2.2vw,24px);line-height:1.6;display:block}.hero-motto-source{color:oklch(22% .01 60/.3);letter-spacing:.05em;margin-top:4px;font-size:clamp(10px,1vw,13px);display:block}@keyframes mottoFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.features{padding:var(--sp-xl) var(--sp-lg) var(--sp-2xl)}.features-grid{gap:var(--sp-lg);grid-template-columns:repeat(3,1fr);max-width:1100px;margin:0 auto;display:grid}.feature-card{padding:var(--sp-lg);background:var(--color-silk-light);border-radius:var(--radius-lg);transition:transform var(--duration-normal) var(--ease-out-quart), box-shadow var(--duration-normal) var(--ease-out-quart);border:1px solid oklch(0% 0 0/.06);position:relative;overflow:hidden}.feature-card:hover{box-shadow:var(--shadow-md);transform:translateY(-4px)}.feature-accent{height:3px;position:absolute;top:0;left:0;right:0}.feature-timeline .feature-accent{background:linear-gradient(90deg, var(--color-ink), var(--color-ink-muted))}.feature-relations .feature-accent{background:linear-gradient(90deg, var(--color-vermilion), var(--color-vermilion-light))}.feature-decisions .feature-accent{background:linear-gradient(90deg,#d4a017,#e8c547)}.feature-watermark{font-family:var(--font-title);color:oklch(0% 0 0/.03);pointer-events:none;font-size:120px;font-weight:900;line-height:1;position:absolute;bottom:-20px;right:-10px}.feature-title{font-size:var(--fs-h3);margin-bottom:var(--sp-sm)}.feature-desc{font-size:var(--fs-small);color:var(--color-ink-muted);margin-bottom:var(--sp-md);line-height:1.7}.feature-link{font-size:var(--fs-small);color:var(--color-ink);transition:color var(--duration-fast);font-weight:600;text-decoration:none}.feature-link:hover{color:var(--color-vermilion)}@media (width<=1023px){.features-grid{grid-template-columns:repeat(2,1fr)}.features-grid .feature-card:last-child{grid-column:1/-1;justify-self:center;max-width:400px}}@media (width<=767px){.hero{padding:var(--sp-lg) var(--sp-md)}.hero-title{word-break:break-word;-webkit-hyphens:auto;hyphens:auto;font-size:clamp(1.8rem,8vw,2.4rem)}.hero-subtitle{font-size:var(--fs-body)}.hero-subtitle br{display:none}.hero-cta{width:100%;max-width:280px;font-size:var(--fs-body);margin:0 auto;padding:16px 24px;display:block}.features{padding:var(--sp-lg) var(--sp-md) var(--sp-xl)}.features-grid{gap:var(--sp-md);grid-template-columns:1fr}.features-grid .feature-card:last-child{grid-column:auto;max-width:none}.feature-card{padding:var(--sp-md)}.home-page{padding-top:var(--sp-lg)}}.overview-page{max-width:var(--max-content-width);padding-top:calc(var(--nav-height) + var(--sp-xl));padding-bottom:var(--sp-2xl);background:oklch(97% .005 70);min-height:100vh;margin:0 auto;position:relative;overflow:hidden}.ov-particles{pointer-events:none;z-index:0;position:fixed;inset:0;overflow:hidden}.ov-particle{will-change:transform, opacity;background:oklch(22% .01 60/.08);border-radius:50%;width:6px;height:6px;animation:linear infinite particleFall;position:absolute;top:-20px}@keyframes particleFall{0%{opacity:0;transform:translateY(-20px)translate(0)scale(1)}10%{opacity:.6}50%{opacity:.4;transform:translateY(50vh)translate(20px)scale(.8)}90%{opacity:.2}to{opacity:0;transform:translateY(100vh)translate(-10px)scale(.5)}}.ov-hero{text-align:center;padding:var(--sp-2xl) var(--sp-lg) var(--sp-xl);z-index:1;position:relative}.ov-hero-content{z-index:1;position:relative}.ov-title-row{justify-content:center;align-items:center;gap:var(--sp-md);margin-bottom:var(--sp-md);display:flex}.ov-title{font-family:var(--font-title);color:var(--color-ink);letter-spacing:.06em;gap:.02em;font-size:clamp(2.8rem,7vw,5rem);font-weight:900;display:flex}.ov-title-char{opacity:0;animation:charRise .6s var(--ease-out-expo) forwards;will-change:transform, opacity;display:inline-block;transform:translateY(30px)}@keyframes charRise{to{opacity:1;transform:translateY(0)}}.ov-seal-stamp{opacity:0;will-change:transform, opacity;width:60px;height:60px;animation:.4s ease-out .8s forwards sealDrop;position:relative}.ov-seal-inner{border:3px solid var(--color-vermilion);width:100%;height:100%;font-family:var(--font-title);color:var(--color-vermilion);letter-spacing:1px;text-align:center;background:oklch(52% .15 27/.08);border-radius:6px;justify-content:center;align-items:center;font-size:13px;font-weight:900;line-height:1.1;display:flex;transform:rotate(-8deg)}.ov-seal-ripple{border:2px solid var(--color-vermilion);opacity:0;border-radius:8px;animation:.8s ease-out 1s forwards sealRipple;position:absolute;inset:-4px}@keyframes sealDrop{0%{opacity:0;transform:scale(2.5)translateY(-40px)rotate(-30deg)}60%{opacity:1;transform:scale(.9)translateY(4px)rotate(-12deg)}75%{transform:scale(1.05)translateY(-2px)rotate(-6deg)}to{opacity:1;transform:scale(1)translateY(0)rotate(-8deg)}}@keyframes sealRipple{0%{opacity:.5;transform:scale(1)}to{opacity:0;transform:scale(2.2)}}.ov-subtitle{font-size:var(--fs-h3);color:var(--color-ink-muted);max-width:600px;margin:0 auto var(--sp-lg);opacity:0;line-height:1.8;animation:.8s ease-out 1.2s forwards subtitleFade}@keyframes subtitleFade{to{opacity:1}}.ov-cta{background:var(--color-vermilion);color:#fff;font-family:var(--font-title);font-size:var(--fs-body);transition:transform var(--duration-fast) var(--ease-out-quart);opacity:0;z-index:1;border-radius:8px;padding:14px 48px;font-weight:600;text-decoration:none;animation:.8s ease-out 1.5s forwards subtitleFade;display:inline-block;position:relative;overflow:hidden}.ov-cta:hover{transform:translateY(-2px)}.ov-cta-text{z-index:1;position:relative}.ov-cta-ink{z-index:0;background:radial-gradient(circle,oklch(42% .16 27),oklch(35% .14 27));border-radius:50%;width:0;height:0;transition:width .4s,height .4s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ov-cta:hover .ov-cta-ink{width:300px;height:300px}.ov-stats{padding:var(--sp-xl) var(--sp-lg);z-index:1;position:relative}.ov-stats-grid{gap:var(--sp-lg);grid-template-columns:repeat(3,1fr);max-width:800px;margin:0 auto;display:grid}.ov-stat-card{text-align:center;padding:var(--sp-lg) var(--sp-md);background:var(--color-silk-light);border-radius:var(--radius-lg);transition:transform var(--duration-normal) var(--ease-out-quart), box-shadow var(--duration-normal) var(--ease-out-quart);border:1px solid oklch(0% 0 0/.06);position:relative;overflow:hidden}.ov-stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-4px)}.ov-stat-number{font-family:var(--font-title);color:var(--color-ink);margin-bottom:var(--sp-xs);font-size:clamp(2.5rem,5vw,4rem);font-weight:900;line-height:1}.ov-stat-label{font-size:var(--fs-body);color:var(--color-ink-muted);margin-bottom:var(--sp-sm)}.ov-stat-bar{border-radius:2px;width:60%;height:3px;margin:0 auto}.ov-section-title{font-family:var(--font-title);font-size:var(--fs-h2);color:var(--color-ink);text-align:center;margin-bottom:var(--sp-lg);z-index:1;position:relative}.ov-section-title:after{content:"";background:var(--color-vermilion);width:48px;height:3px;margin:var(--sp-sm) auto 0;border-radius:2px;display:block}.ov-eras{padding:var(--sp-xl) var(--sp-lg);z-index:1;position:relative}.ov-eras-grid{gap:var(--sp-md);grid-template-columns:repeat(4,1fr);max-width:1200px;margin:0 auto;display:grid}.ov-era-card{padding:var(--sp-lg);background:var(--color-silk-light);border-radius:var(--radius-lg);border:1px solid oklch(0% 0 0/.06);border-top:3px solid var(--era-color);transition:transform var(--duration-normal) var(--ease-out-quart), box-shadow var(--duration-normal) var(--ease-out-quart);position:relative;overflow:hidden}.ov-era-card:hover{box-shadow:var(--shadow-md);transform:translateY(-4px)}.ov-era-scanline{width:100%;height:100%;transition:left .6s var(--ease-out-quart);pointer-events:none;background:linear-gradient(105deg,#0000 40%,oklch(100% 0 0/.35) 50%,#0000 60%);position:absolute;top:0;left:-100%}.ov-era-card:hover .ov-era-scanline{left:100%}.ov-era-icon{margin-bottom:var(--sp-xs);font-size:36px}.ov-era-name{font-family:var(--font-title);font-size:var(--fs-h3);color:var(--color-ink);margin-bottom:2px;font-weight:700}.ov-era-period{font-size:var(--fs-xs);color:var(--era-color);margin-bottom:var(--sp-sm);font-weight:600;display:inline-block}.ov-era-desc{font-size:var(--fs-small);color:var(--color-ink-muted);line-height:1.7}.ov-entries{padding:var(--sp-xl) var(--sp-lg) var(--sp-2xl);z-index:1;position:relative}.ov-entries-grid{gap:var(--sp-md);grid-template-columns:repeat(3,1fr);max-width:1000px;margin:0 auto;display:grid}.ov-entry-card{padding:var(--sp-lg) var(--sp-md);background:var(--color-silk-light);border-radius:var(--radius-lg);border:1px solid oklch(0% 0 0/.06);border-top:3px solid var(--entry-accent);transition:transform var(--duration-normal) var(--ease-out-quart), box-shadow var(--duration-normal) var(--ease-out-quart);flex-direction:column;align-items:center;gap:4px;text-decoration:none;display:flex;position:relative;overflow:hidden}.ov-entry-card:hover{box-shadow:var(--shadow-md);transform:translateY(-4px)}.ov-entry-scanline{width:100%;height:100%;transition:left .6s var(--ease-out-quart);pointer-events:none;background:linear-gradient(105deg,#0000 40%,oklch(100% 0 0/.3) 50%,#0000 60%);position:absolute;top:0;left:-100%}.ov-entry-card:hover .ov-entry-scanline{left:100%}.ov-entry-icon{font-size:32px}.ov-entry-label{font-family:var(--font-title);font-size:var(--fs-body);color:var(--color-ink);font-weight:700}.ov-entry-desc{font-size:var(--fs-xs);color:var(--color-ink-muted)}@media (width<=1023px){.ov-eras-grid,.ov-entries-grid{grid-template-columns:repeat(2,1fr)}.ov-stats-grid{gap:var(--sp-md)}}@media (width<=767px){.ov-hero{padding:var(--sp-lg) var(--sp-md) var(--sp-md)}.ov-title{font-size:clamp(2rem,9vw,3rem)}.ov-title-row{gap:var(--sp-sm);flex-direction:column}.ov-seal-stamp{width:48px;height:48px}.ov-seal-inner{font-size:10px}.ov-subtitle{font-size:var(--fs-body)}.ov-subtitle br{display:none}.ov-cta{width:100%;max-width:280px;margin:0 auto;padding:14px 24px;display:block}.ov-stats-grid{gap:var(--sp-sm);grid-template-columns:1fr;max-width:320px}.ov-stat-card{padding:var(--sp-md)}.ov-eras-grid,.ov-entries-grid{grid-template-columns:1fr}.ov-era-card,.ov-entry-card{padding:var(--sp-md)}}.timeline-wrapper{background:var(--color-silk);flex-direction:column;width:100%;height:100%;display:flex}.era-navigator{padding:var(--sp-sm) var(--sp-md);background:var(--color-silk-light);-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;overscroll-behavior-x:contain;border-bottom:1px solid oklch(0% 0 0/.06);flex-shrink:0;gap:2px;display:flex;overflow-x:auto}.era-btn{font-family:var(--font-body);font-size:var(--fs-xs);color:var(--color-ink-muted);cursor:pointer;transition:all var(--duration-fast) var(--ease-out-quart);white-space:nowrap;scroll-snap-align:start;background:0 0;border:none;border-radius:6px;flex-shrink:0;padding:6px 14px}.era-btn:hover{color:var(--color-ink);background:oklch(0% 0 0/.04)}.era-btn.active{background:var(--color-vermilion);color:#fff;font-weight:600}.timeline-toolbar{align-items:center;gap:var(--sp-sm);padding:var(--sp-xs) var(--sp-md);border-bottom:1px solid oklch(0% 0 0/.04);flex-shrink:0;display:flex}.toolbar-search{flex:1;max-width:320px;position:relative}.toolbar-search input{width:100%;font-family:var(--font-body);font-size:var(--fs-small);color:var(--color-ink);background:var(--color-silk-light);transition:border-color var(--duration-fast);border:1px solid oklch(0% 0 0/.1);border-radius:6px;padding:6px 12px}.toolbar-search input:focus{border-color:var(--color-vermilion);outline:none}.toolbar-filters{gap:4px;display:flex}.filter-btn{font-family:var(--font-body);font-size:var(--fs-xs);cursor:pointer;transition:all var(--duration-fast);border:1px solid oklch(0% 0 0/.1);border-radius:12px;padding:4px 10px}.filter-btn:hover{border-color:var(--color-ink-muted)}.filter-btn.active{color:#fff;border-color:#0000;font-weight:600}.timeline-canvas-container{flex:1;position:relative;overflow:hidden}.timeline-canvas-container svg{display:block}.zoom-controls{bottom:var(--sp-md);right:var(--sp-md);z-index:10;background:var(--color-silk-light);border:1px solid oklch(0% 0 0/.08);border-radius:8px;gap:4px;padding:4px;display:flex;position:absolute}.zoom-btn{cursor:pointer;width:32px;height:32px;transition:background var(--duration-fast);background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;font-size:16px;display:flex}.zoom-btn:hover{background:oklch(0% 0 0/.06)}.zoom-level-indicator{top:var(--sp-sm);right:var(--sp-sm);color:#fff;font-size:var(--fs-xs);z-index:10;pointer-events:none;background:oklch(22% .01 60/.85);border-radius:6px;padding:4px 10px;position:absolute}.event-detail-panel{background:var(--color-silk-light);z-index:20;width:420px;height:100%;animation:slideInPanel var(--duration-normal) var(--ease-out-quart);border-left:1px solid oklch(0% 0 0/.08);flex-direction:column;display:flex;position:absolute;top:0;right:0;box-shadow:-4px 0 16px oklch(0% 0 0/.08)}@keyframes slideInPanel{0%{transform:translate(100%)}to{transform:translate(0)}}.panel-header{padding:var(--sp-md);justify-content:space-between;align-items:flex-start;gap:var(--sp-sm);border-bottom:1px solid oklch(0% 0 0/.06);display:flex}.panel-header h3{font-size:var(--fs-h3);flex:1;line-height:1.3}.panel-close{cursor:pointer;color:var(--color-ink-muted);background:0 0;border:none;border-radius:4px;flex-shrink:0;padding:4px;font-size:20px}.panel-close:hover{background:oklch(0% 0 0/.04)}.panel-drag-handle{width:36px;height:4px;margin:0 auto var(--sp-xs);background:oklch(0% 0 0/.15);border-radius:2px;flex-shrink:0;display:none}.event-detail-overlay{z-index:199;animation:fadeIn var(--duration-fast) ease-out;background:oklch(0% 0 0/.3);display:none;position:fixed;inset:0}.panel-meta{gap:var(--sp-xs);padding:var(--sp-sm) var(--sp-md);font-size:var(--fs-xs);color:var(--color-ink-muted);border-bottom:1px solid oklch(0% 0 0/.04);flex-wrap:wrap;display:flex}.panel-tabs{border-bottom:1px solid oklch(0% 0 0/.06);flex-shrink:0;display:flex}.panel-tab{font-family:var(--font-body);font-size:var(--fs-small);color:var(--color-ink-muted);cursor:pointer;transition:all var(--duration-fast);background:0 0;border:none;flex:1;padding:10px;position:relative}.panel-tab:after{content:"";height:2px;transition:all var(--duration-fast);background:0 0;border-radius:1px;position:absolute;bottom:0;left:20%;right:20%}.panel-tab.active{color:var(--color-vermilion);font-weight:600}.panel-tab.active:after{background:var(--color-vermilion);left:10%;right:10%}.panel-body{padding:var(--sp-md);flex:1;overflow-y:auto}.panel-body p{font-size:var(--fs-body);color:var(--color-ink);line-height:1.8}.perspective-tabs{margin-bottom:var(--sp-sm);gap:4px;display:flex}.perspective-tab{font-family:var(--font-body);font-size:var(--fs-xs);cursor:pointer;transition:all var(--duration-fast);background:0 0;border:1px solid oklch(0% 0 0/.1);border-radius:12px;padding:4px 12px}.perspective-tab.active{color:#fff;border-color:#0000;font-weight:600}.faction-tag-list{flex-wrap:wrap;gap:4px;display:flex}.faction-tag{font-size:var(--fs-xs);color:var(--color-ink-muted);border:1px solid oklch(0% 0 0/.1);border-radius:10px;padding:2px 8px}@media (width<=1023px){.toolbar-search{max-width:200px}}@media (width<=767px){.timeline-toolbar{align-items:stretch;gap:var(--sp-xs);padding:var(--sp-xs) var(--sp-sm);flex-direction:column}.toolbar-search{max-width:none}.toolbar-filters{-webkit-overflow-scrolling:touch;padding-bottom:4px;overflow-x:auto}.filter-btn{flex-shrink:0}.event-detail-panel{border-radius:var(--radius-lg) var(--radius-lg) 0 0;width:100%;height:70vh;max-height:70vh;animation:slideUpPanel var(--duration-normal) var(--ease-out-quart);z-index:200;border-top:1px solid oklch(0% 0 0/.08);border-left:none;position:fixed;inset:auto 0 0;box-shadow:0 -4px 16px oklch(0% 0 0/.08)}@keyframes slideUpPanel{0%{transform:translateY(100%)}to{transform:translateY(0)}}.panel-drag-handle,.event-detail-overlay{display:block}.zoom-controls{bottom:auto;top:var(--sp-sm);right:var(--sp-sm)}.zoom-level-indicator{display:none}.panel-body{padding:var(--sp-sm)}.panel-header{padding:var(--sp-sm) var(--sp-md)}}.skeleton-loader{gap:var(--sp-md);padding:var(--sp-lg);flex-direction:column;animation:1.5s ease-in-out infinite skeletonPulse;display:flex}@keyframes skeletonPulse{0%,to{opacity:.5}50%{opacity:1}}.skeleton-block{background:linear-gradient(90deg,oklch(0% 0 0/.04) 25%,oklch(0% 0 0/.08) 50%,oklch(0% 0 0/.04) 75%) 0 0/200% 100%;border-radius:4px;height:20px;animation:1.5s infinite skeletonShimmer}@keyframes skeletonShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-block.w60{width:60%}.skeleton-block.w80{width:80%}.skeleton-block.w40{width:40%}.skeleton-block.h40{height:40px}.skeleton-block.h80{height:80px}.skeleton-block.h200{height:200px}.skeleton-block.round{border-radius:50%;width:48px;height:48px}.ink-story-overlay{z-index:500;padding:var(--sp-lg);background:oklch(10% .01 60/.85);justify-content:center;align-items:center;animation:.3s ease-out inkFadeIn;display:flex;position:fixed;inset:0}@keyframes inkFadeIn{0%{opacity:0}to{opacity:1}}.ink-story-container{border-radius:8px;width:100%;max-width:1000px;height:min(82vh,660px);display:flex;overflow:hidden;box-shadow:0 12px 60px oklch(0% 0 0/.6)}.ink-story-left{flex:0 0 50%;position:relative;overflow:hidden}.ink-story-right{flex-direction:column;flex:0 0 50%;display:flex;position:relative;overflow:hidden}.ink-story-close-btn{color:#ddd;cursor:pointer;z-index:10;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:oklch(0% 0 0/.2);border:none;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;font-family:system-ui;font-size:18px;line-height:1;transition:all .15s;display:flex;position:absolute;top:clamp(8px,1.2vw,14px);right:clamp(8px,1.2vw,14px)}.ink-story-close-btn:hover,.ink-story-close-btn:active{color:#fff;background:oklch(0% 0 0/.4)}@media (width<=767px){.ink-story-overlay{align-items:flex-end;padding:0}.ink-story-container{max-width:100%;height:92vh;height:calc(92vh - env(safe-area-inset-bottom,0px));border-radius:12px 12px 0 0;flex-direction:column;animation:.35s ease-out inkSlideUp}@keyframes inkSlideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.ink-story-left{flex:0 0 35%;min-height:180px}.ink-story-right{flex:1;padding:clamp(16px,3vw,20px)}}@media (width<=400px){.ink-story-left{flex:0 0 30%;min-height:140px}.ink-story-right{padding:12px}}.relations-wrapper{background:var(--color-silk);flex:1;gap:0;display:flex;position:relative}.relations-sidebar{background:var(--color-silk-light);width:260px;padding:var(--sp-md);gap:var(--sp-md);border-right:1px solid oklch(0% 0 0/.06);flex-direction:column;flex-shrink:0;display:flex;overflow-y:auto}.sidebar-section{gap:var(--sp-xs);flex-direction:column;display:flex}.sidebar-section-title{font-family:var(--font-title);font-size:var(--fs-small);color:var(--color-ink);padding-bottom:var(--sp-xs);border-bottom:1px solid oklch(0% 0 0/.06);font-weight:700}.filter-checkbox-group{flex-direction:column;gap:4px;display:flex}.filter-checkbox{cursor:pointer;font-size:var(--fs-small);color:var(--color-ink-muted);transition:background var(--duration-fast);border-radius:6px;align-items:center;gap:6px;padding:4px 8px;display:flex}.filter-checkbox:hover{background:oklch(0% 0 0/.04)}.filter-checkbox.active{color:var(--color-ink);font-weight:600}.filter-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.relations-canvas{flex:1;position:relative;overflow:hidden}.relations-canvas svg{display:block}.path-query-panel{padding:var(--sp-sm);background:var(--color-silk-light);border-radius:var(--radius-md);gap:var(--sp-xs);border:1px solid oklch(0% 0 0/.06);flex-direction:column;display:flex}.path-query-row{align-items:center;gap:var(--sp-xs);display:flex}.path-query-select{font-family:var(--font-body);font-size:var(--fs-xs);color:var(--color-ink);background:var(--color-silk-light);border:1px solid oklch(0% 0 0/.1);border-radius:6px;flex:1;padding:6px 8px}.path-query-btn{background:var(--color-vermilion);color:#fff;font-family:var(--font-body);font-size:var(--fs-xs);cursor:pointer;transition:background var(--duration-fast);white-space:nowrap;border:none;border-radius:6px;padding:6px 14px;font-weight:600}.path-query-btn:hover{background:var(--color-vermilion-dark)}.path-result{padding:var(--sp-sm);font-size:var(--fs-xs);color:var(--color-ink-muted);background:oklch(0% 0 0/.02);border-radius:6px;line-height:1.6}.path-result strong{color:var(--color-ink)}.person-detail-panel{background:var(--color-silk-light);z-index:20;width:380px;height:100%;animation:slideInPanel var(--duration-normal) var(--ease-out-quart);border-left:1px solid oklch(0% 0 0/.08);flex-direction:column;display:flex;position:absolute;top:0;right:0;overflow-y:auto;box-shadow:-4px 0 16px oklch(0% 0 0/.08)}.person-detail-header{align-items:center;gap:var(--sp-sm);padding:var(--sp-md);border-bottom:1px solid oklch(0% 0 0/.06);display:flex}.person-avatar{width:48px;height:48px;font-family:var(--font-title);font-size:var(--fs-h3);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:flex}.person-name-group{flex:1}.person-name-group h3{font-size:var(--fs-h3);font-weight:700}.person-name-group .courtesy{font-size:var(--fs-xs);color:var(--color-ink-muted)}.person-bio{font-size:var(--fs-body);color:var(--color-ink);line-height:1.8}.detail-section-title{font-family:var(--font-title);font-size:var(--fs-body);color:var(--color-ink);margin-bottom:var(--sp-xs);font-weight:700}.highlight-cards{gap:var(--sp-xs);flex-direction:column;display:flex}.highlight-card{padding:var(--sp-sm);border-left:3px solid var(--color-vermilion);background:oklch(0% 0 0/.02);border-radius:4px}.highlight-card h4{font-size:var(--fs-small);margin-bottom:2px;font-weight:600}.highlight-card p{font-size:var(--fs-xs);color:var(--color-ink-muted)}.novel-diff-box{padding:var(--sp-sm);border-radius:var(--radius-md);font-size:var(--fs-small);border-left:3px solid var(--color-vermilion);background:oklch(52% .15 27/.04);line-height:1.7}.relation-list{flex-direction:column;gap:4px;display:flex}.relation-item{font-size:var(--fs-xs);color:var(--color-ink-muted);align-items:center;gap:4px;padding:4px 0;display:flex}.relation-item-link{cursor:pointer;color:var(--color-vermilion);font-weight:600}.relation-item-link:hover{text-decoration:underline}.event-list{flex-direction:column;gap:4px;display:flex}.event-list-item{gap:var(--sp-xs);cursor:pointer;font-size:var(--fs-small);color:var(--color-ink);transition:color var(--duration-fast);padding:4px 0;display:flex}.event-list-item:hover{color:var(--color-vermilion)}.event-list-year{color:var(--color-ink-muted);flex-shrink:0;width:40px}.graph-legend{bottom:var(--sp-md);right:var(--sp-md);background:var(--color-silk-light);border-radius:var(--radius-md);padding:var(--sp-sm);font-size:var(--fs-xs);z-index:10;border:1px solid oklch(0% 0 0/.08);flex-direction:column;gap:4px;display:flex;position:absolute}.legend-item{align-items:center;gap:6px;display:flex}.legend-line{flex-shrink:0;width:24px;height:2px}.legend-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.relation-legend{padding:var(--sp-xs) 0;flex-wrap:wrap;gap:8px;display:flex}.relation-legend-item{font-size:var(--fs-xs);color:var(--color-ink-muted);align-items:center;gap:4px;display:flex}@media (width<=1023px){.relations-sidebar{z-index:210;width:280px;max-width:85vw;animation:slideInLeft var(--duration-normal) var(--ease-out-quart);border-right:1px solid oklch(0% 0 0/.06);display:none;position:fixed;top:0;bottom:0;left:0;overflow-y:auto;box-shadow:4px 0 16px oklch(0% 0 0/.1)}.relations-sidebar.open{display:flex}@keyframes slideInLeft{0%{transform:translate(-100%)}to{transform:translate(0)}}.sidebar-overlay{z-index:209;background:oklch(0% 0 0/.3);display:none;position:fixed;inset:0}.sidebar-overlay.open{display:block}.person-detail-panel{width:100%;max-width:100%}.graph-legend{bottom:auto;top:var(--sp-sm);right:var(--sp-sm);padding:4px 8px;font-size:9px;left:auto}.graph-legend .relation-legend{display:none}@media (width<=767px){.graph-legend{left:var(--sp-sm);flex-flow:wrap;gap:2px 8px;padding:4px 8px;font-size:8px;right:auto}.graph-legend .legend-item .legend-dot{width:6px;height:6px}.graph-legend .relation-legend{display:none}}.mobile-filter-btn{bottom:70px;right:var(--sp-sm);z-index:50;background:var(--color-vermilion);color:#fff;font-family:var(--font-body);font-size:var(--fs-small);cursor:pointer;border:none;border-radius:20px;padding:8px 16px;font-weight:600;display:block;position:fixed;box-shadow:0 2px 8px oklch(0% 0 0/.2)}}.mobile-filter-btn{display:none}.core-toggle-btn{background:var(--color-silk-light);color:var(--color-ink-muted);font-family:var(--font-body);font-size:var(--fs-small);cursor:pointer;white-space:nowrap;border:1px solid oklch(0% 0 0/.1);border-radius:8px;align-items:center;gap:4px;padding:8px 16px;font-weight:500;transition:all .15s;display:inline-flex}.core-toggle-btn:hover{border-color:var(--color-vermilion);color:var(--color-vermilion)}@media (width<=767px){.person-detail-panel{z-index:220;border-left:none;border-radius:0;width:100%;height:100%;max-height:100vh;animation:.2s ease-out fadeIn;position:fixed;inset:0}.graph-legend{flex-flow:wrap;gap:2px 8px;padding:4px 8px;font-size:8px}.graph-legend .legend-item .legend-dot{width:6px;height:6px}.graph-legend .relation-legend{display:none}.sidebar-toggle-btn{display:flex}.core-toggle-btn{bottom:80px;right:var(--sp-sm);z-index:50;background:var(--color-silk-light);font-size:var(--fs-xs);-webkit-backdrop-filter:blur(8px);border:1px solid oklch(0% 0 0/.08);border-radius:20px;padding:8px 14px;position:fixed;box-shadow:0 2px 10px oklch(0% 0 0/.18)}.core-toggle-btn:active{transform:scale(.95)}}.sidebar-toggle-btn{top:calc(var(--nav-height) + var(--sp-sm));left:var(--sp-sm);background:var(--color-silk-light);width:36px;height:36px;color:var(--color-ink);cursor:pointer;z-index:50;box-shadow:var(--shadow-sm);transition:background var(--duration-fast);border:1px solid oklch(0% 0 0/.1);border-radius:8px;justify-content:center;align-items:center;font-size:18px;display:none;position:fixed}.sidebar-toggle-btn:hover{background:var(--color-silk-warm)}.sidebar-close-btn{top:var(--sp-sm);right:var(--sp-sm);cursor:pointer;color:var(--color-ink-muted);background:0 0;border:none;border-radius:4px;padding:4px;font-size:20px;display:none;position:absolute}.sidebar-close-btn:hover{background:oklch(0% 0 0/.04)}@media (width<=1023px){.sidebar-close-btn{display:block}.relations-sidebar{padding-top:var(--sp-xl)}}.decisions-wrapper{max-width:1100px;padding:var(--sp-md);margin:0 auto}.decision-grid{gap:var(--sp-md);grid-template-columns:repeat(2,1fr);display:grid}.decision-card{background:var(--color-silk-light);border-radius:var(--radius-lg);padding:var(--sp-md);cursor:pointer;transition:transform var(--duration-normal) var(--ease-out-quart), box-shadow var(--duration-normal) var(--ease-out-quart);gap:var(--sp-xs);border:1px solid oklch(0% 0 0/.06);flex-direction:column;display:flex}.decision-card:hover{box-shadow:var(--shadow-md);transform:translateY(-4px)}.decision-card-top{justify-content:space-between;align-items:flex-start;display:flex}.decision-card-year{font-size:var(--fs-xs);color:var(--color-ink-muted);background:oklch(0% 0 0/.04);border-radius:4px;padding:2px 8px}.decision-card-difficulty{border-radius:8px;padding:2px 8px;font-size:10px;font-weight:600}.decision-card-title{font-family:var(--font-title);font-size:var(--fs-h3);font-weight:700}.decision-card-role{font-size:var(--fs-small);color:var(--color-ink-muted)}.decision-card-question{font-size:var(--fs-body);color:var(--color-ink);margin-top:var(--sp-xs);font-style:italic;line-height:1.6}.decision-flow{max-width:800px;margin:0 auto}.scene-intro{padding:var(--sp-xl);border-radius:var(--radius-lg);margin-bottom:var(--sp-lg);background:linear-gradient(175deg,oklch(92% .015 75/.6) 0%,oklch(88% .018 68/.8) 100%);flex-direction:column;justify-content:flex-end;min-height:300px;display:flex;position:relative}.scene-intro:before{content:"";border-radius:var(--radius-lg);pointer-events:none;background:repeating-linear-gradient(0deg,#0000,#0000 2px,oklch(0% 0 0/.03) 2px 4px);position:absolute;inset:0}.scene-intro-title{font-family:var(--font-title);font-size:var(--fs-h2);color:var(--color-ink);margin-bottom:var(--sp-sm);position:relative}.scene-intro-role{font-size:var(--fs-body);color:var(--color-ink-muted);margin-bottom:var(--sp-sm);position:relative}.scene-intro-text{font-size:var(--fs-body);color:var(--color-ink);max-width:600px;padding-left:var(--sp-md);border-left:3px solid var(--color-vermilion);line-height:1.8;position:relative}.choice-section{margin-bottom:var(--sp-lg)}.choice-section-title{font-family:var(--font-title);font-size:var(--fs-h3);margin-bottom:var(--sp-md);text-align:center}.option-cards{gap:var(--sp-sm);flex-direction:column;display:flex}.option-card{padding:var(--sp-md);background:var(--color-silk-light);border-radius:var(--radius-md);cursor:pointer;transition:all var(--duration-fast) var(--ease-out-quart);border:2px solid oklch(0% 0 0/.06)}.option-card:hover{border-color:var(--color-vermilion);background:oklch(52% .15 27/.03);transform:translate(4px)}.option-card.selected{border-color:var(--color-vermilion);background:oklch(52% .15 27/.06)}.option-card-header{align-items:center;gap:var(--sp-sm);margin-bottom:var(--sp-xs);display:flex}.option-letter{background:var(--color-ink);color:#fff;width:28px;height:28px;font-weight:700;font-size:var(--fs-small);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.option-card.selected .option-letter{background:var(--color-vermilion)}.option-title{font-family:var(--font-title);font-size:var(--fs-h3);font-weight:600}.option-desc{font-size:var(--fs-body);color:var(--color-ink-muted);margin-left:40px;line-height:1.6}.historical-note{margin-top:var(--sp-sm);padding:var(--sp-sm);border-left:3px solid var(--color-vermilion);font-size:var(--fs-small);color:var(--color-ink-muted);cursor:pointer;background:oklch(52% .1 140/.06);border-radius:4px;line-height:1.6}.historical-note summary{color:var(--color-vermilion);cursor:pointer;font-weight:600}.confirm-overlay{z-index:200;background:oklch(0% 0 0/.4);justify-content:center;align-items:center;animation:.15s ease-out fadeIn;display:flex;position:fixed;inset:0}.confirm-dialog{background:var(--color-silk-light);border-radius:var(--radius-lg);padding:var(--sp-lg);text-align:center;width:90%;max-width:420px;box-shadow:var(--shadow-lg)}.confirm-dialog h3{margin-bottom:var(--sp-sm)}.confirm-dialog p{font-size:var(--fs-body);color:var(--color-ink-muted);margin-bottom:var(--sp-md)}.confirm-actions{gap:var(--sp-sm);justify-content:center;display:flex}.confirm-btn{font-family:var(--font-body);font-size:var(--fs-body);cursor:pointer;transition:opacity var(--duration-fast);border:none;border-radius:8px;padding:10px 24px;font-weight:600}.confirm-btn.primary{background:var(--color-vermilion);color:#fff}.confirm-btn.secondary{color:var(--color-ink);background:oklch(0% 0 0/.06)}.confirm-btn:hover{opacity:.85}.simulating-overlay{z-index:200;color:#fff;background:oklch(22% .01 60/.92);flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.ink-spread{width:120px;height:120px;margin-bottom:var(--sp-lg);position:relative}.ink-ring{border:2px solid var(--color-vermilion);border-radius:50%;animation:2s ease-out infinite inkExpand;position:absolute;inset:0}.ink-ring:nth-child(2){animation-delay:.6s}.ink-ring:nth-child(3){animation-delay:1.2s}@keyframes inkExpand{0%{opacity:.8;transform:scale(.2)}to{opacity:0;transform:scale(1.5)}}.simulating-text{font-family:var(--font-title);font-size:var(--fs-h2);color:var(--color-silk-light);margin-bottom:var(--sp-sm)}.simulating-progress{font-size:var(--fs-body);color:var(--color-ink-muted)}.result-section{animation:fadeIn var(--duration-normal) var(--ease-out-quart)}.result-header{text-align:center;margin-bottom:var(--sp-lg)}.result-header h2{font-family:var(--font-title);font-size:var(--fs-h2);margin-bottom:var(--sp-sm)}.result-header p{font-size:var(--fs-body);color:var(--color-ink-muted)}.timeline-cards{gap:var(--sp-md);margin-bottom:var(--sp-lg);grid-template-columns:repeat(3,1fr);display:grid}.timeline-card{background:var(--color-silk-light);border-radius:var(--radius-lg);transition:transform var(--duration-normal);border:1px solid oklch(0% 0 0/.06);overflow:hidden}.timeline-card:hover{transform:translateY(-2px)}.timeline-card-bar{height:4px}.timeline-card-body{padding:var(--sp-md)}.timeline-card-body h4{font-size:var(--fs-h3);margin-bottom:var(--sp-xs)}.timeline-card-body p{font-size:var(--fs-small);color:var(--color-ink-muted);margin-bottom:var(--sp-sm);line-height:1.7}.timeline-card-body .basis{font-size:var(--fs-xs);color:var(--color-ink-muted);padding:var(--sp-xs) var(--sp-sm);background:oklch(0% 0 0/.02);border-radius:4px;font-style:italic}.compare-section{background:var(--color-silk-light);border-radius:var(--radius-lg);padding:var(--sp-lg);margin-bottom:var(--sp-lg);border:1px solid oklch(0% 0 0/.06)}.compare-section h3{text-align:center;margin-bottom:var(--sp-md)}.compare-grid{gap:var(--sp-md);grid-template-columns:1fr 1fr;display:grid}.compare-col{padding:var(--sp-md);border-radius:var(--radius-md)}.compare-col.simulation{background:oklch(52% .15 27/.04)}.compare-col.historical{background:oklch(22% .01 60/.04)}.compare-col h4{font-size:var(--fs-body);margin-bottom:var(--sp-sm);text-align:center;font-weight:700}.compare-col p{font-size:var(--fs-small);color:var(--color-ink-muted);line-height:1.7}.butterfly-section{background:var(--color-silk-light);border-radius:var(--radius-lg);padding:var(--sp-lg);margin-bottom:var(--sp-lg);text-align:center;border:1px solid oklch(0% 0 0/.06)}.butterfly-section h3{margin-bottom:var(--sp-md);font-family:var(--font-title)}.butterfly-container{width:100%;max-width:700px;margin:0 auto;overflow-x:auto}.butterfly-svg{width:100%;height:auto}.butterfly-svg text{font-family:var(--font-body,"Noto Sans SC", sans-serif);-webkit-user-select:none;user-select:none}.butterfly-svg .fork-label{fill:#fff;text-anchor:middle;font-size:10px}.share-card-modal{background:var(--color-silk-light);border-radius:var(--radius-lg);padding:var(--sp-lg);width:92%;max-width:420px;box-shadow:var(--shadow-lg);animation:.2s ease-out fadeIn}.share-card-preview{margin-bottom:var(--sp-md);background:linear-gradient(168deg,#f8f3e6,#f0e8d5);border:1px solid oklch(0% 0 0/.08);border-radius:12px;overflow:hidden}.share-card-header{align-items:center;gap:var(--sp-sm);padding:var(--sp-md);border-bottom:1px solid oklch(0% 0 0/.06);display:flex}.share-card-seal{border:2px solid var(--color-vermilion);width:40px;height:40px;color:var(--color-vermilion);border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;font-family:Noto Serif SC,serif;font-size:14px;font-weight:900;display:flex;transform:rotate(5deg)}.share-card-title{font-family:var(--font-title);font-size:var(--fs-body);color:var(--color-ink);font-weight:700}.share-card-subtitle{font-size:var(--fs-small);color:var(--color-ink-muted);margin-top:2px}.share-card-body{padding:var(--sp-md)}.share-card-role{font-size:var(--fs-small);color:var(--color-ink-muted);margin-bottom:var(--sp-sm)}.share-card-choice{font-size:var(--fs-body);margin-bottom:var(--sp-md);padding:var(--sp-sm);background:oklch(52% .15 27/.06);border-radius:6px;font-weight:600}.share-card-result{margin-bottom:var(--sp-md);flex-direction:column;gap:6px;display:flex}.share-card-result-item{align-items:center;gap:var(--sp-xs);font-size:var(--fs-small);color:var(--color-ink);background:oklch(0% 0 0/.02);border-radius:6px;padding:6px 10px;display:flex}.share-card-badge{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:10px;display:flex}.share-card-impact{align-items:center;gap:var(--sp-xs);padding:var(--sp-sm);background:oklch(52% .1 140/.06);border-radius:6px;display:flex}.share-card-impact-label{font-size:var(--fs-xs);color:var(--color-ink-muted);white-space:nowrap}.share-card-impact-bar-bg{background:oklch(0% 0 0/.08);border-radius:4px;flex:1;height:8px;overflow:hidden}.share-card-impact-bar-fill{background:linear-gradient(90deg,#c43a31,#e05c52);border-radius:4px;height:100%;transition:width 1s ease-out}.share-card-impact-pct{font-size:var(--fs-small);color:var(--color-vermilion);text-align:right;min-width:36px;font-weight:700}.share-card-footer{padding:var(--sp-sm) var(--sp-md);color:var(--color-ink-muted);border-top:1px solid oklch(0% 0 0/.06);justify-content:space-between;align-items:center;font-size:10px;display:flex}.share-card-hash{color:var(--color-vermilion)}.share-card-actions{gap:var(--sp-sm);justify-content:center;display:flex}.difference-analysis{margin-top:var(--sp-lg);padding:var(--sp-md);border-radius:var(--radius-md);border-left:3px solid var(--color-vermilion);background:oklch(52% .1 140/.04)}.difference-analysis h4{font-size:var(--fs-body);margin-bottom:var(--sp-xs)}.difference-analysis p{font-size:var(--fs-small);color:var(--color-ink-muted);line-height:1.7}.result-actions{gap:var(--sp-sm);margin-top:var(--sp-lg);justify-content:center;display:flex}.result-action-btn{font-family:var(--font-body);font-size:var(--fs-body);cursor:pointer;transition:opacity var(--duration-fast);border:none;border-radius:8px;padding:12px 32px;font-weight:600}.result-action-btn:hover{opacity:.85}.result-action-btn.primary{background:var(--color-vermilion);color:#fff}.result-action-btn.secondary{color:var(--color-ink);background:oklch(0% 0 0/.06)}@media (width<=1023px){.decisions-wrapper{padding:var(--sp-sm)}.scene-intro{padding:var(--sp-lg);min-height:200px}.scene-intro-text{padding-left:var(--sp-sm);border-left-width:2px}}@media (width<=767px){.decisions-wrapper{padding:0}.decision-grid{gap:var(--sp-sm);grid-template-columns:1fr}.decision-card{padding:var(--sp-sm)}.decision-card-title{font-size:var(--fs-h3)}.scene-intro{padding:var(--sp-md);min-height:160px;margin-bottom:var(--sp-md)}.scene-intro-title{font-size:var(--fs-h3)}.scene-intro-text{font-size:var(--fs-small);line-height:1.7}.option-card{padding:var(--sp-sm)}.option-title{font-size:var(--fs-body)}.option-desc{font-size:var(--fs-small);margin-left:36px}.timeline-cards,.compare-grid{gap:var(--sp-sm);grid-template-columns:1fr}.compare-section{padding:var(--sp-md)}.result-actions{gap:var(--sp-sm);flex-direction:column}.result-action-btn{text-align:center;width:100%}.confirm-dialog{padding:var(--sp-md);margin:var(--sp-sm)}.simulating-text{font-size:var(--fs-h3)}.choice-section-title{font-size:var(--fs-body)}.butterfly-container{overflow-x:auto}.butterfly-svg{min-width:500px}.share-card-modal{padding:var(--sp-md);width:95%}}.scene-quote{font-family:var(--font-title);font-size:var(--fs-body);color:var(--color-ink);padding:var(--sp-sm) var(--sp-md);margin-bottom:var(--sp-sm);border-left:3px solid var(--color-vermilion);border-radius:0 var(--radius-sm) var(--radius-sm) 0;animation:quoteFadeIn .6s var(--ease-out-quart);background:oklch(0% 0 0/.02);font-style:italic;line-height:1.9;position:relative}@keyframes quoteFadeIn{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}.council-section{padding:var(--sp-md) 0}.council-title{font-family:var(--font-title);font-size:var(--fs-h2);text-align:center;margin-bottom:var(--sp-xs);color:var(--color-ink)}.council-subtitle{text-align:center;font-size:var(--fs-small);color:var(--color-ink-muted);margin-bottom:var(--sp-lg);font-style:italic}.council-cards{gap:var(--sp-md);flex-direction:column;display:flex}.council-card{border:1px solid oklch(0% 0 0/.08);border-left:4px solid var(--color-ink-muted);border-radius:var(--radius-md);padding:var(--sp-md);opacity:0;animation:councilCardEnter .5s var(--ease-out-quart) forwards;background:linear-gradient(175deg,oklch(96% .01 80) 0%,oklch(92% .015 75) 100%);position:relative;overflow:hidden}.council-card:before{content:"";pointer-events:none;background:repeating-linear-gradient(90deg,#0000,#0000 3px,oklch(0% 0 0/.015) 3px 4px);position:absolute;inset:0}@keyframes councilCardEnter{0%{opacity:0;transform:translateY(16px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.council-tone-aggressive{border-left-color:#c43a31}.council-tone-cautious{border-left-color:#4a6fa5}.council-tone-strategic{border-left-color:#7b1fa2}.council-tone-loyal{border-left-color:#5a8f5a}.council-tone-pragmatic{border-left-color:#d4a017}.council-card-header{align-items:center;gap:var(--sp-sm);margin-bottom:var(--sp-sm);display:flex;position:relative}.council-avatar{background:var(--color-ink);color:#fff;width:40px;height:40px;font-family:var(--font-title);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:16px;font-weight:700;display:flex}.council-info{flex:1}.council-name{font-family:var(--font-title);font-size:var(--fs-body);color:var(--color-ink);font-weight:700}.council-role{font-size:var(--fs-xs);color:var(--color-ink-muted)}.council-tone-badge{white-space:nowrap;border-radius:8px;padding:2px 8px;font-size:10px;font-weight:600}.council-tone-badge.tone-aggressive{color:#c43a31;background:oklch(52% .15 27/.1)}.council-tone-badge.tone-cautious{color:#4a6fa5;background:oklch(45% .1 250/.1)}.council-tone-badge.tone-strategic{color:#7b1fa2;background:oklch(50% .12 300/.1)}.council-tone-badge.tone-loyal{color:#5a8f5a;background:oklch(50% .1 140/.1)}.council-tone-badge.tone-pragmatic{color:#d4a017;background:oklch(55% .1 85/.1)}.council-advice{font-family:var(--font-title);font-size:var(--fs-body);color:var(--color-ink);padding:var(--sp-sm) var(--sp-md);border-radius:var(--radius-sm);background:oklch(0% 0 0/.02);line-height:1.9;position:relative}.option-advisor-tag{margin-top:var(--sp-xs);font-size:var(--fs-xs);border-radius:10px;align-items:center;gap:4px;margin-left:40px;padding:3px 10px;font-weight:600;display:inline-flex}.option-advisor-tag.tone-aggressive{color:#c43a31;background:oklch(52% .15 27/.08)}.option-advisor-tag.tone-cautious{color:#4a6fa5;background:oklch(45% .1 250/.08)}.option-advisor-tag.tone-strategic{color:#7b1fa2;background:oklch(50% .12 300/.08)}.option-advisor-tag.tone-loyal{color:#5a8f5a;background:oklch(50% .1 140/.08)}.option-advisor-tag.tone-pragmatic{color:#d4a017;background:oklch(55% .1 85/.08)}.option-advisor-icon{font-size:11px}.option-advisor-name{font-family:var(--font-title)}.option-advisor-action{opacity:.7;font-size:9px}@media (width<=767px){.scene-quote{font-size:var(--fs-small);padding:var(--sp-xs) var(--sp-sm)}.council-title{font-size:var(--fs-h3)}.council-card{padding:var(--sp-sm)}.council-avatar{width:32px;height:32px;font-size:13px}.council-name{font-size:var(--fs-small)}.council-advice{font-size:var(--fs-small);padding:var(--sp-xs) var(--sp-sm);line-height:1.7}.option-advisor-tag{margin-left:36px;font-size:10px}}.page-container{max-width:var(--max-content-width);padding-top:calc(var(--nav-height) + var(--sp-lg));padding-left:var(--sp-lg);padding-right:var(--sp-lg);min-height:100vh;margin:0 auto}.page-header{text-align:center;padding:var(--sp-xl) 0 var(--sp-lg)}.page-header h1{font-size:var(--fs-h1);margin-bottom:var(--sp-sm)}.page-header p{font-size:var(--fs-body);color:var(--color-ink-muted)}.timeline-placeholder,.relations-placeholder,.decisions-placeholder{text-align:center;padding:var(--sp-2xl);background:var(--color-silk-light);border-radius:var(--radius-lg);border:1px dashed oklch(0% 0 0/.1)}.placeholder-hint{font-size:var(--fs-small);color:var(--color-ink-muted);margin-top:var(--sp-sm)}@media (width<=767px){.page-container{padding-top:var(--sp-lg)}}.person-detail-page{max-width:800px;padding:var(--sp-lg);margin:0 auto}.person-detail-back{color:var(--color-ink-muted);font-family:var(--font-body);font-size:var(--fs-body);cursor:pointer;margin-bottom:var(--sp-md);transition:color var(--duration-fast);background:0 0;border:none;align-items:center;gap:6px;padding:8px 0;display:inline-flex}.person-detail-back:hover{color:var(--color-vermilion)}.person-detail-card{background:var(--color-silk-light);border-radius:var(--radius-lg);border:1px solid oklch(0% 0 0/.06);overflow:hidden}.person-detail-cover{height:120px;padding:var(--sp-md);align-items:flex-end;display:flex}.person-detail-avatar-row{align-items:center;gap:var(--sp-md);display:flex}.person-detail-avatar{width:64px;height:64px;font-family:var(--font-title);color:#fff;border:3px solid #fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:28px;font-weight:700;display:flex;box-shadow:0 2px 8px oklch(0% 0 0/.15)}.person-detail-heading h1{font-size:var(--fs-h1);color:#fff;text-shadow:0 1px 4px oklch(0% 0 0/.4)}.person-detail-heading .subtitle{font-size:var(--fs-body);color:oklch(100% 0 0/.8)}.person-detail-body{padding:var(--sp-lg);gap:var(--sp-lg);flex-direction:column;display:flex}.person-info-grid{gap:var(--sp-sm);grid-template-columns:repeat(auto-fit,minmax(160px,1fr));display:grid}.person-info-item{padding:var(--sp-sm);border-radius:var(--radius-md);background:oklch(0% 0 0/.02)}.person-info-item label{font-size:var(--fs-xs);color:var(--color-ink-muted);margin-bottom:2px;display:block}.person-info-item span{font-size:var(--fs-body);color:var(--color-ink);font-weight:600}.person-info-item .unknown{color:var(--color-ink-muted);font-style:italic;font-weight:400}.detail-section{padding-top:var(--sp-md);border-top:1px solid oklch(0% 0 0/.06)}.detail-section h2{font-size:var(--fs-h3);margin-bottom:var(--sp-sm)}.biography-text{font-size:var(--fs-body);color:var(--color-ink);line-height:2}.highlight-list{gap:var(--sp-sm);flex-direction:column;display:flex}.relation-group{margin-bottom:var(--sp-md)}.relation-group h3{font-size:var(--fs-body);color:var(--color-ink-muted);margin-bottom:var(--sp-xs);border-bottom:1px solid oklch(0% 0 0/.04);padding-bottom:4px}.relation-group-list{flex-direction:column;gap:4px;display:flex}.relation-person-link{color:var(--color-vermilion);cursor:pointer;transition:background var(--duration-fast);border-radius:4px;align-items:center;gap:6px;padding:4px 8px;font-weight:600;display:inline-flex}.relation-person-link:hover{background:oklch(52% .15 27/.06)}.event-link-item{gap:var(--sp-sm);cursor:pointer;color:var(--color-ink);transition:color var(--duration-fast);align-items:center;padding:6px 0;display:flex}.event-link-item:hover{color:var(--color-vermilion)}.event-link-year{color:var(--color-ink-muted);width:44px;font-size:var(--fs-small);flex-shrink:0}@media (width<=767px){.person-detail-page{padding:var(--sp-sm)}.person-info-grid{grid-template-columns:1fr 1fr}}.poetry-page{max-width:800px;margin:0 auto;padding:0}.poetry-filters{margin-bottom:var(--sp-lg);padding:0 var(--sp-md);flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.poetry-filter-btn{cursor:pointer;font-family:var(--font-body);font-size:var(--fs-small);-webkit-tap-highlight-color:transparent;touch-action:manipulation;border:none;border-radius:16px;min-width:44px;min-height:36px;padding:6px 18px;font-weight:600;transition:all .15s}.poetry-filter-btn:active{transform:scale(.96)}.poetry-list{max-width:800px;padding:0 var(--sp-md);margin:0 auto}.poetry-card{background:var(--color-silk-light);border-radius:var(--radius-lg);padding:var(--sp-lg);margin-bottom:var(--sp-md);border:1px solid oklch(0% 0 0/.06);transition:box-shadow .2s}.poetry-card:active{box-shadow:var(--shadow-sm)}.poetry-card-header{margin-bottom:var(--sp-xs);flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:4px;display:flex}.poetry-card-title{font-family:var(--font-title);font-size:var(--fs-h3);margin:0;font-weight:700;line-height:1.3}.poetry-card-era{font-size:var(--fs-xs);color:var(--color-ink-muted);white-space:nowrap;background:oklch(0% 0 0/.04);border-radius:8px;flex-shrink:0;padding:2px 10px}.poetry-card-author{font-size:var(--fs-body);color:var(--color-vermilion);margin-bottom:var(--sp-sm);font-weight:600}.poetry-card-content{font-size:var(--fs-body);color:var(--color-ink);margin-bottom:var(--sp-sm);white-space:pre-line;line-height:2;font-family:var(--font-title)}.poetry-card-notes{font-size:var(--fs-small);color:var(--color-ink-muted);padding:var(--sp-sm);border-left:3px solid var(--color-vermilion);background:oklch(0% 0 0/.02);border-radius:6px;line-height:1.7}.poetry-empty{text-align:center;color:var(--color-ink-muted);padding:3rem}@media (width<=767px){.poetry-card{padding:var(--sp-md);margin-bottom:var(--sp-sm);border-radius:var(--radius-md)}.poetry-list{padding:0 var(--sp-sm)}.poetry-filters{padding:0 var(--sp-sm);margin-bottom:var(--sp-md);gap:6px}.poetry-filter-btn{font-size:var(--fs-xs);min-height:32px;padding:5px 14px}.poetry-card-content{font-size:var(--fs-body);line-height:1.9}}@media (width<=400px){.poetry-card{padding:var(--sp-sm)}.poetry-card-title{font-size:var(--fs-body)}.poetry-card-era{padding:1px 6px;font-size:10px}.poetry-card-author{font-size:var(--fs-small)}.poetry-filters{gap:4px}.poetry-filter-btn{min-height:28px;padding:4px 10px;font-size:11px}}.map-overlay{z-index:400;box-sizing:border-box;background:#00000059;justify-content:center;align-items:center;padding:24px;animation:.15s ease-out fadeIn;display:flex;position:fixed;inset:0}.map-container{border-radius:var(--radius-lg);width:100%;max-width:1056px;max-height:calc(92vh - 44.16px);animation:mapSlideUp .25s var(--ease-out-quart);background:#fff;flex-direction:column;display:flex;position:relative;overflow:hidden;box-shadow:0 12px 48px #0003}.map-container-page{border-radius:var(--radius-lg);width:100%;box-shadow:var(--shadow-sm);margin-bottom:var(--sp-xl);background:#fff;border:1px solid #00000014;flex-direction:column;display:flex;position:relative;overflow:hidden}.map-header{padding:var(--sp-md) var(--sp-lg);border-bottom:1px solid #00000014;flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.map-title{align-items:center;gap:var(--sp-sm);font-family:var(--font-title);font-size:var(--fs-h3);color:#1a1a1a;font-weight:700;display:flex}.map-seal{border:2px solid var(--color-vermilion);width:32px;height:32px;color:var(--color-vermilion);border-radius:3px;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;font-weight:900;display:inline-flex;transform:rotate(4deg)}.map-era{font-size:var(--fs-xs);color:#666;font-weight:400;font-family:var(--font-body);background:#0000000a;border-radius:8px;flex-shrink:0;padding:3px 10px}.map-year-note{font-size:var(--fs-xs);color:var(--color-vermilion);font-weight:500;font-family:var(--font-body);text-overflow:ellipsis;white-space:nowrap;background:#c43a3114;border-radius:8px;flex-shrink:1;max-width:320px;padding:3px 10px;overflow:hidden}.map-close{cursor:pointer;color:#666;background:#0000000d;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;transition:all .15s;display:flex}.map-close:hover{background:var(--color-vermilion);color:#fff}.map-slider{height:36px;margin:0 var(--sp-lg);cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;flex-shrink:0;position:relative}.map-slider:active{cursor:grabbing}.map-slider-track{background:#00000014;border-radius:3px;height:6px;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.map-slider-fill{background:linear-gradient(90deg,#4a6fa5,#c43a31);border-radius:3px;height:100%;transition:width 50ms}.map-slider-thumb{border:2px solid var(--color-vermilion);z-index:2;background:#fff;border-radius:50%;width:16px;height:16px;transition:left 50ms;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 1px 4px #0003}.map-slider-year{color:#1a1a1a;font-size:11px;font-weight:700;font-family:var(--font-body);white-space:nowrap;position:absolute;top:-22px;left:50%;transform:translate(-50%)}.map-slider-marks{pointer-events:none;position:absolute;inset:0}.map-slider-mark{cursor:pointer;pointer-events:auto;z-index:1;background:#00000026;border-radius:1px;width:3px;height:10px;position:absolute;top:50%;transform:translate(-50%,-50%)}.map-slider-mark:hover{background:var(--color-vermilion);width:4px;height:14px}.map-body-wrapper{min-height:0;padding:var(--sp-sm) var(--sp-md) var(--sp-md);flex:1;overflow-y:auto}.map-body{position:relative}.map-svg{aspect-ratio:4/3;border:1px solid #0000000f;border-radius:6px;width:100%;height:auto;display:block}.map-bg-container{aspect-ratio:4/3;background:#f5f0e8;border:1px solid #0000000f;border-radius:6px;width:100%;position:relative;overflow:hidden}.map-bg-image{object-fit:cover;image-rendering:auto;width:100%;height:100%;display:block;position:absolute;top:0;left:0}.map-svg-overlay{width:100%;height:100%;position:absolute;top:0;left:0}.map-vignette{pointer-events:none;z-index:1;background:repeating-linear-gradient(0deg,#0000,#0000 2px,#a0783c08 2px 4px),radial-gradient(70% 60%,#0000 40%,#50321459 85%,#321e0a8c 100%),radial-gradient(#c8aa7814 30%,#0000 70%);width:100%;height:100%;position:absolute;top:0;left:0}.map-flag-group{cursor:default;transition:transform .2s ease-out}.map-flag-group:hover{transform-origin:50%;transform:scale(1.12)}.map-legend{gap:var(--sp-xs);margin-top:var(--sp-sm);flex-wrap:wrap;justify-content:center;display:flex}.map-legend-item{color:#555;font-size:11px;font-family:var(--font-body);align-items:center;gap:4px;display:flex}.map-legend-color{border-radius:2px;flex-shrink:0;width:12px;height:12px;display:inline-block}.map-tooltip{color:#fff;font-size:13px;font-family:var(--font-title);pointer-events:none;white-space:nowrap;z-index:20;background:#1a1a1ae0;border-radius:6px;align-items:center;gap:8px;padding:6px 14px;animation:.1s ease-out fadeIn;display:flex;position:absolute;box-shadow:0 2px 8px #00000026}.map-tooltip strong{font-size:13px;font-weight:700}.map-tooltip-faction{color:#ffffffb3;font-size:11px;font-weight:500;font-family:var(--font-body);background:#ffffff1a;border-radius:3px;padding:1px 6px}@keyframes mapSlideUp{0%{opacity:0;transform:translateY(12px)scale(.99)}to{opacity:1;transform:translateY(0)scale(1)}}.map-container-page .map-header{padding:var(--sp-sm) var(--sp-lg)}.map-container-page .map-slider{padding:8px var(--sp-lg)}.map-container-page .map-body-wrapper{padding:var(--sp-xs) var(--sp-sm) var(--sp-sm)}@media (width<=767px){.map-overlay{padding:12px}.map-container{max-width:100%}.map-title{font-size:var(--fs-body)}.map-body-wrapper{padding:0 var(--sp-sm) var(--sp-sm)}.map-tooltip{padding:4px 8px;font-size:11px}.map-seal{width:26px;height:26px;font-size:11px}}.quiz-page{max-width:720px;margin:0 auto}.quiz-card{background:var(--color-silk-light,#fbf7ee);border-radius:var(--radius-lg,16px);padding:var(--sp-lg,24px);border:1px solid #0000000f;box-shadow:0 8px 32px #0000000f}.quiz-ready{text-align:center}.quiz-rank-badge{background:var(--color-vermilion,#c43a31);color:#fff;font-size:var(--fs-small,13px);margin-bottom:var(--sp-md,16px);border-radius:999px;padding:4px 14px;display:inline-block}.quiz-ready-text{color:var(--color-ink-muted,#6b5d4f);margin-bottom:var(--sp-lg,24px);font-size:var(--fs-body,15px)}.quiz-progress{font-size:var(--fs-small,13px);color:var(--color-ink-muted,#6b5d4f);margin-bottom:var(--sp-md,16px);justify-content:space-between;align-items:center;display:flex}.quiz-streak{color:var(--color-vermilion,#c43a31);font-weight:700}.quiz-score{font-weight:700}.quiz-question{font-size:var(--fs-h3,20px);margin:0 0 var(--sp-lg,24px);line-height:1.6;font-family:var(--font-serif,"Noto Serif SC", serif)}.quiz-options{flex-direction:column;gap:12px;display:flex}.quiz-option{text-align:left;width:100%;font-size:var(--fs-body,15px);font-family:var(--font-body,sans-serif);color:var(--color-ink,#2a2320);cursor:pointer;background:#fff;border:1.5px solid #0000001a;border-radius:12px;align-items:center;gap:12px;padding:14px 18px;transition:all .18s;display:flex}.quiz-option:hover:not(:disabled){border-color:var(--color-vermilion,#c43a31);transform:translateY(-1px)}.quiz-option-key{background:#0000000d;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;font-weight:700;display:inline-flex}.quiz-option.correct{background:#2e9c5b1f;border-color:#2e9c5b;animation:.4s quizPulse}.quiz-option.wrong{background:#d6453d1f;border-color:#d6453d;animation:.4s quizShake}.quiz-option.dim{opacity:.55}@keyframes quizPulse{0%{transform:scale(1)}50%{transform:scale(1.015)}to{transform:scale(1)}}@keyframes quizShake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.quiz-explain{margin-top:var(--sp-md,16px);padding-top:var(--sp-md,16px);border-top:1px dashed #0000001f}.quiz-explain-head{font-size:var(--fs-body,15px);margin-bottom:6px}.quiz-explain p{color:var(--color-ink-muted,#6b5d4f);margin:0 0 10px;line-height:1.7}.quiz-novel-tag,.quiz-source-ref{font-size:var(--fs-small,12px);border-radius:999px;margin-right:8px;padding:2px 10px;display:inline-block}.quiz-novel-tag{color:var(--color-vermilion,#c43a31);background:#c43a311f}.quiz-source-ref{color:var(--color-ink-muted,#6b5d4f);background:#0000000d}.quiz-btn{font-size:var(--fs-body,15px);font-weight:600;font-family:var(--font-body,sans-serif);cursor:pointer;border:none;border-radius:10px;padding:12px 28px;transition:all .18s}.quiz-btn.primary{background:var(--color-vermilion,#c43a31);color:#fff}.quiz-btn.primary:hover{filter:brightness(1.05);transform:translateY(-1px)}.quiz-result{text-align:center}.quiz-result-ring{width:120px;height:120px;margin:0 auto var(--sp-md,16px);border:4px solid var(--color-vermilion,#c43a31);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;display:flex}.quiz-result-rank{color:var(--color-vermilion,#c43a31);font-size:22px;font-weight:800;font-family:var(--font-serif,"Noto Serif SC", serif)}.quiz-result-sub{font-size:var(--fs-small,12px);color:var(--color-ink-muted,#6b5d4f)}.quiz-result-stats{justify-content:center;gap:var(--sp-xl,40px);margin:var(--sp-md,16px) 0 var(--sp-lg,24px);display:flex}.quiz-result-stats b{color:var(--color-ink,#2a2320);font-size:28px;display:block}.quiz-result-stats span{font-size:var(--fs-small,12px);color:var(--color-ink-muted,#6b5d4f)}.quiz-wrong-list{text-align:left;margin-bottom:var(--sp-lg,24px)}.quiz-wrong-list h3{font-size:var(--fs-body,15px);margin-bottom:var(--sp-sm,8px)}.quiz-wrong-item{background:#d6453d0f;border-radius:10px;margin-bottom:8px;padding:10px 14px}.quiz-wrong-item p{font-size:var(--fs-small,13px);margin:2px 0}.quiz-wrong-ans{color:var(--color-vermilion,#c43a31);font-weight:600}@media (width<=600px){.quiz-option{padding:12px 14px}.quiz-result-stats{gap:var(--sp-lg,24px)}}.traj-container-page{background:var(--color-silk-light);border-radius:var(--radius-lg);width:100%;box-shadow:var(--shadow-sm);margin-bottom:var(--sp-xl);border:1px solid oklch(0% 0 0/.06);flex-direction:column;display:flex;overflow:hidden}.traj-header{padding:var(--sp-sm) var(--sp-lg);border-bottom:1px solid oklch(0% 0 0/.06);flex-direction:column;flex-shrink:0;gap:4px;display:flex}.traj-title-row{align-items:center;gap:var(--sp-xs);display:flex}.traj-seal{border:2px solid;border-radius:3px;justify-content:center;align-items:center;width:28px;height:28px;font-size:12px;font-weight:900;display:inline-flex;transform:rotate(5deg)}.traj-title-name{font-family:var(--font-title);font-size:var(--fs-h3);font-weight:700}.traj-title-zi{font-size:var(--fs-body);color:var(--color-ink-muted);font-style:italic}.traj-title-years{font-size:var(--fs-small);color:var(--color-ink-muted);background:oklch(0% 0 0/.04);border-radius:8px;padding:2px 8px}.traj-header-summary{font-size:var(--fs-small);color:var(--color-ink-muted);opacity:.85;text-align:justify;margin:2px 0 0;line-height:1.6}.traj-person-selector{padding:var(--sp-xs) var(--sp-lg);-webkit-overflow-scrolling:touch;scrollbar-width:none;border-bottom:1px solid oklch(0% 0 0/.04);flex-shrink:0;gap:8px;display:flex;overflow-x:auto}.traj-person-selector::-webkit-scrollbar{display:none}.traj-person-card{cursor:pointer;white-space:nowrap;font-family:var(--font-body);font-size:var(--fs-small);color:var(--color-ink);background:0 0;border:1.5px solid oklch(0% 0 0/.08);border-radius:20px;flex-shrink:0;align-items:center;gap:6px;padding:7px 14px;transition:all .2s;display:flex}.traj-person-card:hover{border-color:var(--faction-color,#c43a31);background:oklch(0% 0 0/.03);transform:translateY(-1px)}.traj-person-card.active{border-color:var(--faction-color,#c43a31);background:oklch(var(--faction-color) .02 / .12);box-shadow:0 0 0 2px oklch(var(--faction-color) .01 / .08)}.traj-person-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.traj-person-name{font-weight:700;font-size:var(--fs-body)}.traj-person-zi{font-size:var(--fs-xs);color:var(--color-ink-muted);font-style:italic}.traj-person-years{color:var(--color-ink-muted);opacity:.7;font-size:10px}.traj-phase-nav{padding:6px var(--sp-lg);border-bottom:1px solid oklch(0% 0 0/.03);flex-wrap:wrap;flex-shrink:0;gap:6px;display:flex}.traj-phase-btn{cursor:pointer;font-family:var(--font-body);font-size:var(--fs-xs);color:var(--color-ink-muted);white-space:nowrap;background:0 0;border:1px solid oklch(0% 0 0/.08);border-radius:16px;align-items:center;gap:5px;padding:5px 12px;transition:all .2s;display:inline-flex}.traj-phase-btn:hover{border-color:var(--phase-color,#c43a31);color:var(--phase-color,#333)}.traj-phase-btn.active{border-color:var(--phase-color,#c43a31);background:oklch(var(--phase-color) .02 / .12);color:var(--phase-color,#333);font-weight:600}.traj-phase-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.traj-body-wrapper{min-height:0;padding:0 var(--sp-sm) var(--sp-sm);flex:1;position:relative;overflow:visible}.traj-body{background:0 0;min-height:380px;position:relative;overflow:hidden}.traj-svg{aspect-ratio:8/5;-webkit-user-select:none;user-select:none;z-index:1;background:0 0;border-radius:6px;width:100%;height:auto;margin-top:0;display:block;position:relative}.traj-line{stroke-dasharray:3000;stroke-dashoffset:3000px;animation:2s ease-out forwards trajDrawIn}@keyframes trajDrawIn{to{stroke-dashoffset:0}}.traj-point-group{cursor:pointer}.traj-point-dot{transition:r .15s,fill .15s}.traj-point-group:hover .traj-point-dot{filter:drop-shadow(0 0 4px #c43a3180)}.traj-point-label{transition:font-size .15s,fill .15s}.traj-tooltip{color:#fff;pointer-events:none;z-index:20;text-align:left;white-space:nowrap;background:oklch(25% .01 50/.94);border-radius:8px;max-width:260px;padding:8px 14px;font-family:Noto Serif SC,serif;font-size:13px;line-height:1.5;animation:.12s ease-out tooltipFadeIn;position:absolute;transform:translate(-50%,-100%)}.traj-tooltip strong{margin-right:6px;font-size:14px}.traj-tooltip-year{opacity:.75;background:oklch(0% 0 0/.15);border-radius:4px;padding:1px 6px;font-size:11px}.traj-tooltip p{opacity:.9;white-space:normal;margin:4px 0 0;font-size:12px;line-height:1.55}@keyframes tooltipFadeIn{0%{opacity:0;transform:translate(-50%,-90%)}to{opacity:1;transform:translate(-50%,-100%)}}@media (width<=767px){.traj-header{padding:6px var(--sp-md)}.traj-title-name{font-size:var(--fs-h4)}.traj-person-selector{padding:var(--sp-xs) var(--sp-sm)}.traj-person-card{padding:5px 10px;font-size:11px}.traj-person-zi,.traj-person-years{display:none}.trj-phase-nav{padding:4px var(--sp-sm)}.traj-phase-btn{padding:4px 8px;font-size:10px}.traj-header-summary{font-size:var(--fs-xs)}.traj-tooltip{max-width:calc(100% - 24px);font-size:12px}}@media (hover:none) and (pointer:coarse){.traj-point-group:active .traj-point-dot{r:7}.traj-person-card:active{transform:scale(.97)}.traj-phase-btn:active{transform:scale(.96)}}:root{--color-ink:oklch(22% .01 60);--color-ink-light:oklch(35% .01 60);--color-ink-muted:oklch(45% .01 60);--color-vermilion:oklch(52% .15 27);--color-vermilion-light:oklch(62% .12 27);--color-vermilion-dark:oklch(42% .16 27);--color-silk:oklch(96% .01 80);--color-silk-warm:oklch(92% .015 75);--color-silk-dark:oklch(88% .018 68);--color-silk-light:oklch(98% .005 80);--color-wei:#4a6fa5;--color-shu:#c43a31;--color-wu:#5a8f5a;--color-other:#8b8b8b;--color-political:#c43a31;--color-military:#2c2c2c;--color-diplomatic:#4a6fa5;--color-personnel:#5a8f5a;--color-economic:#d4a017;--color-relation-lord:oklch(22% .01 60);--color-relation-kin:oklch(35% .01 60);--color-relation-rival:oklch(52% .15 27);--color-relation-ally:oklch(52% .1 140);--color-relation-townsman:oklch(55% .02 80);--color-relation-recommend:oklch(45% .05 60);--font-title:"Noto Serif SC", "Source Han Serif SC", "SimSun", serif;--font-body:"Noto Sans SC", "Source Han Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif;--fs-hero:clamp(2.4rem, 6vw, 4.5rem);--fs-h1:clamp(1.8rem, 4vw, 3rem);--fs-h2:clamp(1.4rem, 3vw, 2rem);--fs-h3:clamp(1.1rem, 2vw, 1.5rem);--fs-body:clamp(.9rem, 1.5vw, 1.05rem);--fs-small:clamp(.75rem, 1.2vw, .85rem);--fs-xs:clamp(.65rem, 1vw, .75rem);--sp-xs:clamp(4px, .5vw, 8px);--sp-sm:clamp(8px, 1vw, 16px);--sp-md:clamp(16px, 2vw, 32px);--sp-lg:clamp(24px, 3vw, 48px);--sp-xl:clamp(32px, 5vw, 64px);--sp-2xl:clamp(48px, 8vw, 96px);--radius-sm:4px;--radius-md:8px;--radius-lg:16px;--shadow-sm:0 1px 3px oklch(0% 0 0/.08);--shadow-md:0 4px 12px oklch(0% 0 0/.1);--shadow-lg:0 8px 24px oklch(0% 0 0/.15);--ease-out-quart:cubic-bezier(.25, 1, .5, 1);--ease-out-expo:cubic-bezier(.16, 1, .3, 1);--duration-fast:.15s;--duration-normal:.3s;--duration-slow:.5s;--nav-height:56px;--sidebar-width:380px;--max-content-width:1440px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;touch-action:manipulation;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;font-size:16px}body{font-family:var(--font-body);font-size:var(--fs-body);color:var(--color-ink);background-color:var(--color-silk);min-height:100vh;line-height:1.6;position:relative}body:before{content:"";background:linear-gradient(175deg, var(--color-silk-light) 0%, var(--color-silk) 30%, var(--color-silk-warm) 70%, var(--color-silk-dark) 100%);z-index:-2;position:fixed;inset:0}body:after{content:"";z-index:-1;pointer-events:none;background:repeating-linear-gradient(0deg,#0000,#0000 2px,oklch(0% 0 0/.015) 2px 4px),repeating-linear-gradient(90deg,#0000,#0000 1px,oklch(0% 0 0/.01) 1px 2px);position:fixed;inset:0}h1,h2,h3,h4{font-family:var(--font-title);color:var(--color-ink);font-weight:700;line-height:1.3}h1{font-size:var(--fs-h1)}h2{font-size:var(--fs-h2)}h3{font-size:var(--fs-h3)}a{color:var(--color-vermilion);text-decoration:none}a:hover{color:var(--color-vermilion-light)}:focus-visible{outline:2px solid var(--color-vermilion);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--color-ink-muted);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--color-ink-light)}.scroll-touch{-webkit-overflow-scrolling:touch;overflow-scrolling:touch}.safe-area-bottom{padding-bottom:env(safe-area-inset-bottom,0px)}*{-webkit-tap-highlight-color:transparent}@media (hover:none) and (pointer:coarse){.clickable:active,button:not([disabled]):active,a:active,[role=button]:active{transition:transform 60ms ease-out;transform:scale(.97)}.clickable-item:active{background:oklch(0% 0 0/.04);transition:background 60ms}}@media (width<=767px){input[type=text],input[type=search],input[type=number],select,textarea{font-size:16px}.scroll-touch-mobile{-webkit-overflow-scrolling:touch;overflow-scrolling:touch}}.scroll-x{-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;overscroll-behavior-x:contain;scrollbar-width:none;-ms-overflow-style:none;overflow-x:auto}.scroll-x::-webkit-scrollbar{display:none}.touch-optimized{touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.min-tap-target{justify-content:center;align-items:center;min-width:44px;min-height:44px;display:inline-flex}html,body{overscroll-behavior-y:none}.traj-body-13{background-image:url(/han-13-states.png);background-position:50% -120px;background-repeat:no-repeat;background-size:100%;border-radius:6px}