:root{--color-text: #2a2520;--color-text-secondary:#5c524a;--color-text-tertiary: #8a7e74;--color-text-faint: #b0a69c;--color-bg: #fefdfb;--color-bg-hover: #f8f5f0;--color-border: #e8e2db;--color-border-light: #f0ebe5;--color-selection: rgba(123, 104, 174, .15);--color-accent-earth: #8B7355;--color-accent-sage: #5B8A72;--color-accent-twilight: #7B68AE;--color-accent-amber: #B8860B;--color-accent-teal: #2E8B8B;--color-accent-slate: #778899;--color-accent-gold: #C4A35A;--text-hero: clamp(2.2rem, 5vw, 3.5rem);--text-page-title: clamp(1.6rem, 3vw, 2.2rem);--text-h2: clamp(1.3rem, 2.5vw, 1.8rem);--text-body: 1rem;--text-sm: .9rem;--text-xs: .8rem;--text-meta: .75rem;--space-page-top: 20vh;--space-page-bottom: 15vh;--space-section: 4rem;--space-block: 2rem;--max-width-text: 560px;--max-width-content: 600px;--max-width-wide: 680px;--page-padding: 1.5rem;--font-serif: "EB Garamond", "Noto Serif SC", "Songti SC", "SimSun", serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{min-height:100vh;font-family:var(--font-serif);font-weight:300;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--color-bg);color:var(--color-text);line-height:1.8;overflow-x:hidden}a{color:inherit;text-decoration:none}::selection{background:var(--color-selection)}.fade-in{opacity:0;transform:translateY(20px);transition:opacity .8s ease,transform .8s ease}.fade-in.visible{opacity:1;transform:translateY(0)}.page-enter{animation:pageIn .6s ease both}@keyframes pageIn{0%{opacity:0}to{opacity:1}}@keyframes gentlePulse{0%,to{opacity:.4}50%{opacity:.7}}@keyframes accentGlow{0%,to{opacity:.3}50%{opacity:.6}}.page{position:relative;z-index:1}.page-container{max-width:var(--max-width-content);margin:0 auto;padding:var(--space-page-top) var(--page-padding) var(--space-page-bottom)}.page-container--text{max-width:var(--max-width-text)}.page-container--wide{max-width:var(--max-width-wide)}.page-hero{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:85vh;padding:0 var(--page-padding)}.title-hero{font-size:var(--text-hero);font-weight:400;letter-spacing:.15em;color:var(--color-text);text-align:center}.title-page{font-size:var(--text-page-title);font-weight:400;letter-spacing:.12em;text-align:center;margin-bottom:1rem;position:relative}.title-page:after{content:"";display:block;width:6px;height:6px;border-radius:50%;background:var(--color-accent-gold);opacity:.5;margin:.8rem auto 0;animation:gentlePulse 4s ease-in-out infinite}.title-h2{font-size:var(--text-h2);font-weight:400;letter-spacing:.1em;margin-bottom:.8rem}.subtitle{font-size:var(--text-sm);color:var(--color-text-secondary);font-weight:300;letter-spacing:.08em;text-align:center}.text-body{font-size:var(--text-body);line-height:2;color:var(--color-text-secondary)}.text-meta{font-size:var(--text-meta);color:var(--color-text-faint);letter-spacing:.05em}.text-faint{color:var(--color-text-faint)}.text-tertiary{color:var(--color-text-tertiary)}.text-center{text-align:center}.back-link{position:fixed;top:2rem;left:2rem;font-size:.85rem;color:var(--color-text-tertiary);letter-spacing:.02em;z-index:10;transition:color .3s ease}.back-link:hover{color:var(--color-accent-twilight)}.divider{width:40px;height:1px;background:linear-gradient(90deg,transparent,var(--color-accent-gold),transparent);margin:var(--space-section) auto;opacity:.5}.link-block{display:block;padding:2rem 0;transition:all .4s ease}.link-block:hover{opacity:.85}.project-link:hover .title-h2{color:var(--project-accent, var(--color-accent-earth))}.link-block:hover .project-description,.link-block:hover .episode-excerpt{color:var(--color-text-secondary)}.nav-link{font-size:.85rem;color:var(--color-text-tertiary);transition:color .3s ease}.nav-link:hover{color:var(--color-accent-twilight)}.episode-number{font-size:var(--text-meta);color:var(--color-text-faint);margin-bottom:.5rem;letter-spacing:.05em}.episode-title{font-size:1.3rem;font-weight:400;letter-spacing:.08em;margin-bottom:.6rem;transition:color .3s ease}.episode-excerpt{font-size:var(--text-sm);color:var(--color-text-tertiary);font-weight:300;transition:color .3s ease}.link-block:hover .episode-title{color:var(--color-accent-earth)}.speaker-K{color:var(--color-accent-amber)}.speaker-L{color:var(--color-accent-teal)}.speaker-C{color:var(--color-accent-slate)}.speaker-D{color:var(--color-accent-twilight)}.dialogue-silence{text-align:center;color:#b8860b59;font-size:1.2rem;letter-spacing:.5em;margin:2.5rem 0;-webkit-user-select:none;user-select:none}.dialogue-speaker{font-weight:500;font-size:var(--text-sm);letter-spacing:.03em}.dialogue-text{color:var(--color-text);font-size:var(--text-body);line-height:2}.episode-nav{display:flex;justify-content:space-between;align-items:center;margin-top:8rem;padding-top:3rem;border-top:1px solid var(--color-border-light)}.fragment-text{font-size:var(--text-body);line-height:2;color:var(--color-text-secondary)}.fragment-date{display:block;margin-top:.5rem;font-size:var(--text-meta);color:var(--color-text-faint);letter-spacing:.03em}.project-disabled{padding:2rem 0;opacity:.45}.project-description{font-size:.95rem;color:var(--color-text-secondary);font-weight:300;transition:color .3s ease}.footer-link{font-size:.85rem;color:var(--color-text-faint);letter-spacing:.08em;transition:color .3s ease}.footer-link:hover{color:var(--color-accent-sage)}@keyframes breathe{0%,to{opacity:.4}50%{opacity:.8}}@keyframes wordReveal{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%,to{opacity:.6}50%{opacity:1}}
