:root{--mx:.5;--my:.5;--bg:#f6f0e7;--bg-soft:#fffcf7b8;--card:#fffcf7bd;--card-strong:#fffcf7e0;--line:#523e271a;--text:#34281d;--muted:#786858;--accent:#6a7c68;--accent-2:#8c6f55;--shadow-soft:0 10px 28px #422d180d;--shadow-mid:0 16px 38px #422d1812;--shadow-strong:0 24px 60px #3a291617;--radius-xl:28px;--radius-lg:22px;--radius-md:16px}*{box-sizing:border-box}html,body,#root{min-height:100%}body{color:var(--text);background:radial-gradient(circle at top left, #a1b69b2e, transparent 28%), radial-gradient(circle at bottom right, #b79a7e24, transparent 24%), var(--bg);margin:0;font-family:Noto Serif SC,Source Han Serif SC,Songti SC,STSong,Georgia,serif;overflow:hidden}button{font:inherit}.app-shell{min-height:100vh;padding:30px 18px 18px;position:relative;overflow:hidden}.paper-noise{pointer-events:none;opacity:.14;z-index:0;background-image:linear-gradient(#ffffff1a,#ffffff1a),radial-gradient(#5a462d08 .7px,#0000 .7px);background-size:auto,12px 12px;position:absolute;inset:0}.background-glow{pointer-events:none;filter:blur(75px);opacity:.34;z-index:0;border-radius:999px;animation:14s ease-in-out infinite backgroundFloat;position:absolute}.background-glow-1{background:#81967b40;width:300px;height:300px;top:-70px;left:-40px}.background-glow-2{background:#b5936e38;width:360px;height:360px;animation-delay:2s;bottom:-120px;right:-80px}.ambient-flow,.floating-light,.dust-layer{pointer-events:none;z-index:0;position:absolute}.ambient-flow{filter:blur(34px);opacity:.22;mix-blend-mode:screen;border-radius:999px;inset:auto}.ambient-flow-1{background:linear-gradient(90deg,#fff0,#ffffff94,#d5e8d652,#fff0);width:380px;height:120px;animation:18s ease-in-out infinite ambientDrift1;top:16%;left:-50px}.ambient-flow-2{background:linear-gradient(90deg,#fff0,#fff7ee9e,#e7d6bd47,#fff0);width:430px;height:140px;animation:21s ease-in-out infinite ambientDrift2;top:56%;right:-80px}.ambient-flow-3{background:linear-gradient(90deg,#fff0,#ffffff75,#dae3d23d,#fff0);width:300px;height:96px;animation:19s ease-in-out infinite ambientDrift3;bottom:16%;left:24%}.floating-light{filter:blur(16px);opacity:.24;border-radius:999px}.floating-light-1{background:radial-gradient(circle,#ffffffb8,#fff0);width:120px;height:120px;animation:14s ease-in-out infinite floatingOrb1;top:12%;right:16%}.floating-light-2{background:radial-gradient(circle,#fffaf0a3,#fff0);width:92px;height:92px;animation:16s ease-in-out infinite floatingOrb2;bottom:22%;left:10%}.floating-light-3{background:radial-gradient(circle,#f5faf58f,#fff0);width:78px;height:78px;animation:13s ease-in-out infinite floatingOrb3;top:42%;left:50%}.ambient-veil{pointer-events:none;z-index:0;opacity:.2;mix-blend-mode:screen;background:linear-gradient(#fff0 0%,#ffffff14 18%,#f5f0e81a 52%,#fff0 100%);animation:18s ease-in-out infinite ambientVeilMove;position:absolute;inset:0}@keyframes ambientVeilMove{0%{opacity:.14;transform:translateY(0)}50%{opacity:.24;transform:translateY(-14px)}to{opacity:.14;transform:translateY(0)}}.dust-layer{opacity:.18;background-repeat:repeat;animation-timing-function:linear;animation-iteration-count:infinite;inset:0}.dust-layer-1{background-image:radial-gradient(#78675214 .6px,#0000 .7px),radial-gradient(#ffffff29 .5px,#0000 .7px);background-position:0 0,50px 90px;background-size:150px 150px,210px 210px;animation:40s linear infinite dustMove1}.dust-layer-2{background-image:radial-gradient(#ffffff24 .7px,#0000 .8px),radial-gradient(#82705a0d .5px,#0000 .8px);background-position:30px 60px,100px 10px;background-size:230px 230px,180px 180px;animation:55s linear infinite dustMove2}@keyframes backgroundFloat{0%{transform:translate(0,0)scale(1)}50%{transform:translate(8px,-10px)scale(1.03)}to{transform:translate(0,0)scale(1)}}@keyframes ambientDrift1{0%{opacity:.18;transform:translate(0,0)rotate(0)}50%{opacity:.34;transform:translate(48px,-22px)rotate(3deg)}to{opacity:.18;transform:translate(0,0)rotate(0)}}@keyframes ambientDrift2{0%{opacity:.2;transform:translate(0,0)rotate(0)}50%{opacity:.36;transform:translate(-56px,18px)rotate(-3deg)}to{opacity:.2;transform:translate(0,0)rotate(0)}}@keyframes ambientDrift3{0%{opacity:.16;transform:translate(0,0)}50%{opacity:.3;transform:translate(30px,-14px)}to{opacity:.16;transform:translate(0,0)}}@keyframes floatingOrb1{0%{opacity:.22;transform:translate(0,0)scale(1)}50%{opacity:.38;transform:translate(26px,-34px)scale(1.14)}to{opacity:.22;transform:translate(0,0)scale(1)}}@keyframes floatingOrb2{0%{opacity:.18;transform:translate(0,0)scale(1)}50%{opacity:.32;transform:translate(-22px,28px)scale(1.12)}to{opacity:.18;transform:translate(0,0)scale(1)}}@keyframes floatingOrb3{0%{opacity:.16;transform:translate(0,0)scale(1)}50%{opacity:.3;transform:translate(16px,-22px)scale(1.16)}to{opacity:.16;transform:translate(0,0)scale(1)}}@keyframes dustMove1{0%{transform:translate(0,0)}to{transform:translate(18px,-26px)}}@keyframes dustMove2{0%{transform:translate(0,0)}to{transform:translate(-24px,18px)}}.topbar{z-index:1;justify-content:space-between;align-items:flex-start;margin-bottom:10px;padding:8px 4px 0;display:flex;position:relative}.eyebrow{color:var(--accent);letter-spacing:.08em;text-transform:none;opacity:.95;margin:0 0 2px;font-size:12px;display:block}.brand-title{letter-spacing:.01em;margin:0;padding-top:1px;font-size:30px;font-weight:700;line-height:1.2}.topbar-meta{align-items:center;gap:10px;display:flex}.meta-pill,.small-chip,.time-badge,.relation-badge{color:var(--muted);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffcf7a8;border:1px solid #62513a1a;border-radius:999px;justify-content:center;align-items:center;padding:7px 12px;font-size:12px;display:inline-flex}.main-layout{z-index:1;grid-template-columns:310px minmax(0,1fr) 336px;gap:18px;height:calc(100vh - 120px);display:grid;position:relative}.left-column,.right-column,.center-column{min-height:0}.left-column,.right-column{padding-right:4px;overflow:auto}.center-column{flex-direction:column;min-width:0;display:flex}.left-column::-webkit-scrollbar{width:8px}.right-column::-webkit-scrollbar{width:8px}.left-column::-webkit-scrollbar-thumb{background:#5a46321f;border-radius:999px}.right-column::-webkit-scrollbar-thumb{background:#5a46321f;border-radius:999px}.card,.story-card,.right-tabs-card,.feedback-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:var(--radius-xl);background:linear-gradient(#fffcf7b8 0%,#fffaf48f 100%);border:1px solid #523e2714;position:relative}.card{box-shadow:var(--shadow-soft);margin-bottom:16px;padding:18px 18px 16px}.left-card-soft{box-shadow:0 9px 22px #422d1809}.hero-card{position:relative;overflow:hidden}.hero-card-quiet{box-shadow:0 10px 24px #422d180a}.hero-card:after{content:"";background:radial-gradient(circle,#80977b1f,#0000 70%);border-radius:999px;width:180px;height:180px;position:absolute;inset:auto -10% -55% auto}.hero-card-top{justify-content:space-between;align-items:flex-start;display:flex}.section-kicker{color:var(--accent);letter-spacing:.12em;text-transform:uppercase;margin:0 0 8px;font-size:12px}.hero-name{margin:0;font-size:30px;font-weight:700}.hero-subtitle{color:var(--muted);margin:8px 0 0;font-size:13px;line-height:1.6}.hero-emblem{position:relative}.hero-emblem:before{content:"";filter:blur(8px);background:radial-gradient(#8c6f551f,#0000 70%);border-radius:999px;position:absolute;inset:-10px}.seal-badge{width:46px;height:46px;color:var(--accent-2);background:linear-gradient(#8c6f5529,#8c6f5514);border:1px solid #8c6f551f;border-radius:50%;place-items:center;font-size:20px;font-weight:700;display:grid}.identity-list{gap:10px;margin-top:18px;display:grid}.identity-item{background:#ffffff6b;border:1px solid #5a46320f;border-radius:16px;justify-content:space-between;gap:12px;padding:12px 14px;display:flex}.identity-item span{color:var(--muted);font-size:13px}.identity-item strong{font-size:15px}.card-title-row{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.card-title-row h3{margin:0;font-size:18px}.status-pill-list{gap:10px;display:flex}.status-pill{background:#ffffff6b;border:1px solid #5a46320f;border-radius:16px;flex:1;padding:12px 14px}.status-label{color:var(--muted);margin-bottom:6px;font-size:12px;display:block}.status-pill strong{font-size:16px}.divider,.story-divider,.feedback-divider{background:linear-gradient(90deg,#0000,#5a46321f,#0000);height:1px;margin:14px 0 16px}.stat-row{margin-bottom:12px}.stat-row-top{color:var(--muted);justify-content:space-between;margin-bottom:6px;font-size:13px;display:flex}.stat-row-right{align-items:center;gap:6px;display:flex}.trend-hint{border-radius:999px;justify-content:center;align-items:center;width:16px;height:16px;font-size:11px;font-weight:700;display:inline-flex}.trend-up{color:#5f7f5d;background:#6a7c681f}.trend-down{color:#8c6251;background:#8c6f551f}.stat-track{background:#6f615014;border-radius:999px;height:10px;position:relative;overflow:hidden}.stat-fill{border-radius:inherit;background:linear-gradient(90deg,#6a7c68bf,#a78e6f9e);height:100%;box-shadow:0 0 16px #6a7c682e}.money-row{border-top:1px dashed #5a46321a;justify-content:space-between;margin-top:14px;padding-top:12px;display:flex}.money-row span{color:var(--muted)}.tag-list{flex-wrap:wrap;gap:10px;display:flex}.effect-tag{background:#ffffff85;border:1px solid #5a463214;border-radius:999px;align-items:center;gap:8px;padding:10px 12px;font-size:13px;display:inline-flex}.effect-tag em{color:var(--muted);font-size:12px;font-style:normal}.effect-buff{box-shadow:inset 0 0 0 1px #6a7c6814}.effect-debuff{box-shadow:inset 0 0 0 1px #966d6314}.story-stage{flex-direction:column;height:100%;min-height:0;animation:6.5s ease-in-out infinite stageBreath;display:flex}@keyframes stageBreath{0%{transform:translateY(0)}50%{transform:translateY(-2px)}to{transform:translateY(0)}}.story-card{min-height:0;box-shadow:var(--shadow-strong), inset 0 1px 0 #ffffffad;border-radius:30px;padding:24px 30px 22px;position:relative;overflow:hidden}.story-card:before{content:"";pointer-events:none;opacity:.85;background:radial-gradient(circle at 0 0,#ffffffad,#0000 28%),linear-gradient(#ffffff14,#0000 42%);position:absolute;inset:0}.story-card-top{z-index:1;justify-content:space-between;align-items:flex-start;gap:16px;display:flex;position:relative}.story-title{letter-spacing:.02em;margin:0;font-size:28px;line-height:1.12}.story-body{z-index:1;max-width:760px;position:relative}.story-body p{color:#45372a;letter-spacing:.01em;margin:0 0 14px;padding-left:2px;font-size:17px;line-height:1.85;position:relative}.story-body p:first-child:before{content:"“";color:#8c6f5547;font-size:34px;line-height:1;position:absolute;top:-6px;left:-18px}.choice-list{gap:10px;margin-top:12px;display:grid}.choice-card{cursor:pointer;width:100%;color:var(--text);background:linear-gradient(#ffffffd1,#fcf8f1b8);border:1px solid #5a46321a;border-radius:20px;grid-template-columns:52px 1fr 28px;align-items:center;gap:12px;padding:14px 16px;transition:box-shadow .22s,border-color .22s,background .22s;display:grid;position:relative;overflow:hidden;box-shadow:0 12px 30px #3c2d1c0d}.choice-card:before{content:"";background:linear-gradient(90deg,#0000,#ffffff2e,#0000);transition:transform .65s;position:absolute;inset:0;transform:translate(-100%)}.choice-card:hover:before{transform:translate(100%)}.choice-card:hover .choice-arrow{transform:translate(3px,-2px)}.choice-gentle:hover{border-color:#6a7c683d;box-shadow:0 16px 36px #5a705c14}.choice-distant:hover{border-color:#786e6238;box-shadow:0 16px 36px #5a463212}.choice-curious:hover{border-color:#8c6f5538;box-shadow:0 16px 36px #8c6f5514}.choice-index{letter-spacing:.04em;border-radius:14px;place-items:center;width:42px;height:42px;font-size:14px;font-weight:700;display:grid}.choice-index-gentle{color:#5f7f5d;background:#6a7c6814}.choice-index-distant{color:#7b6f63;background:#73695f14}.choice-index-curious{color:#8c6f55;background:#8c6f5517}.choice-index-neutral{color:#7b6f63;background:#73695f14}.choice-main{text-align:left;flex-direction:column;align-items:flex-start;display:flex}.choice-text{font-size:17px;line-height:1.45}.choice-subtext{color:var(--muted);margin-top:5px;font-size:12px}.choice-arrow{color:var(--accent-2);opacity:.72;font-size:18px;transition:transform .22s}.feedback-card{box-shadow:var(--shadow-mid);transform-style:preserve-3d;will-change:transform, opacity;margin-bottom:14px;padding:14px 16px 12px;position:relative;overflow:hidden}.feedback-card:after{content:"";pointer-events:none;filter:blur(8px);opacity:.55;background:radial-gradient(#5a463214,#0000 72%);border-radius:999px;height:18px;position:absolute;bottom:10px;left:18px;right:18px}.feedback-card-expanded{box-shadow:0 18px 42px #422d1817,0 6px 16px #422d180a}.feedback-card-collapsed{box-shadow:0 12px 28px #422d180f,0 4px 10px #422d1808}.feedback-expanded-body{transform-origin:top;perspective:800px}.feedback-collapsed-body{transform-origin:top}.feedback-card:before{content:"";pointer-events:none;opacity:.88;background:radial-gradient(circle at 100% 0,#ffffff9e,#0000 26%);position:absolute;inset:0}.feedback-toggle{cursor:pointer;width:100%;color:inherit;text-align:left;background:0 0;border:0;justify-content:space-between;align-items:center;padding:0;display:flex}.feedback-header-left{flex-direction:column;align-items:flex-start;display:flex}.feedback-kicker{color:var(--accent);letter-spacing:.12em;text-transform:uppercase;margin-bottom:4px;font-size:11px;display:block}.feedback-title{font-size:16px}.feedback-toggle-hint{color:var(--muted);font-size:12px}.feedback-expanded-body,.feedback-collapsed-body{z-index:1;position:relative}.feedback-current-block,.feedback-history-block{margin-top:4px}.feedback-block-label{color:var(--muted);margin-bottom:10px;font-size:12px}.feedback-lines{gap:8px;display:grid}.feedback-line{background:#ffffff8f;border:1px solid #5a46320f;border-radius:14px;padding:10px 12px;box-shadow:0 6px 18px #422d1808}.feedback-more-count{color:var(--muted);margin-top:8px;font-size:12px}.feedback-empty{color:var(--muted);font-size:13px;line-height:1.7}.feedback-last-line{color:var(--text);padding:6px 0 2px;font-size:14px;line-height:1.7}.feedback-history-list{gap:8px;margin-top:8px;display:grid}.feedback-history-item{align-items:flex-start;gap:8px;display:flex}.feedback-history-dot{background:linear-gradient(#6a7c68bf,#8c6f55bf);border-radius:999px;width:7px;height:7px;margin-top:8px}.feedback-history-text{color:var(--muted);font-size:13px;line-height:1.65}.right-tabs-card{height:calc(100% - 10px);box-shadow:var(--shadow-mid);padding:16px;overflow:hidden}.right-tabs-card:before{content:"";pointer-events:none;opacity:.8;background:linear-gradient(#ffffff1f,#0000 22%);position:absolute;inset:0}.tabs{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:14px;display:grid}.tabs-bookmark{align-items:end}.tab-btn{color:var(--muted);cursor:pointer;background:#ffffff61;border:1px solid #5a463214;border-radius:18px 18px 12px 12px;min-height:52px;padding:10px 12px 14px;transition:all .22s,transform .22s,box-shadow .22s;position:relative;overflow:hidden}.tab-btn:before{content:"";opacity:.55;background:linear-gradient(#8c6f5514,#8c6f5505);border-radius:0 0 10px 10px;height:10px;position:absolute;bottom:0;left:12px;right:12px}.tab-btn:not(.tab-active){transform:translateY(4px);box-shadow:inset 0 1px #ffffff38}.tab-btn:hover{color:var(--text)}.tab-active{color:var(--text);z-index:2;background:#ffffffeb;border-color:#6a7c682e;position:relative;transform:translateY(-3px)scale(1.01);box-shadow:0 10px 22px #4632190f,inset 0 1px #fff9}.tab-active:after{content:"";background:linear-gradient(90deg, var(--accent), var(--accent-2));border-radius:999px;height:2px;position:absolute;bottom:8px;left:14px;right:14px;box-shadow:0 0 10px #6a7c6829}.tab-panel{gap:12px;display:grid}.relationship-card,.location-item,.journal-item-paper{background:#ffffff80;border:1px solid #5a463212;border-radius:18px;padding:14px 14px 13px;transition:transform .2s,box-shadow .2s,border-color .2s}.relationship-card{box-shadow:0 8px 18px #422d180a}.relationship-card:hover,.location-item:hover,.journal-item-paper:hover{border-color:#6a7c6829;transform:translateY(-2px);box-shadow:0 14px 30px #4632190f}.relationship-card-highlight{background:linear-gradient(#ffffffb3,#f5faf3b8);border-color:#6a7c6838}.relationship-top,.location-name-row{justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;display:flex}.relationship-card p,.location-item p,.journal-item-paper p{color:var(--muted);margin:0;font-size:13px;line-height:1.7}.relation-bar{background:#5a463214;border-radius:999px;height:8px;margin:8px 0 10px;overflow:hidden}.relation-bar-fill{border-radius:inherit;background:linear-gradient(90deg,#789678e6,#aa8c6ecc);height:100%}.location-active{border-color:#6a7c682e;box-shadow:inset 0 0 0 1px #6a7c680f}.journal-item-paper{background:linear-gradient(#ffffff9e,#fbf7f08a);align-items:flex-start;gap:12px;display:flex}.journal-bookmark{background:linear-gradient(#8c6f558c,#6a7c688c);border-radius:999px;align-self:stretch;width:8px;min-width:8px}.journal-text strong{margin-bottom:3px;font-size:14px;display:block}.journal-text p{color:var(--muted);margin:0;font-size:12px}.timeline-bar{z-index:2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffcf7b8;border:1px solid #62513a14;border-radius:18px;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;margin:0 4px 12px;padding:10px 14px;display:grid;position:relative;overflow:hidden;box-shadow:0 10px 28px #422d180d}.timeline-bar:before{content:"";pointer-events:none;opacity:.45;background:linear-gradient(90deg,#0000,#ffffff2e,#0000);animation:8s linear infinite timelineSheen;position:absolute;inset:0}@keyframes timelineSheen{0%{transform:translate(-110%)}to{transform:translate(110%)}}.timeline-season-spring .timeline-line-fill{background:linear-gradient(90deg,#83ab7ad9,#cdba84b3)}.timeline-season-summer .timeline-line-fill{background:linear-gradient(90deg,#6da079e6,#deb060b8)}.timeline-season-autumn .timeline-line-fill{background:linear-gradient(90deg,#9a7856e6,#c2985ebf)}.timeline-season-winter .timeline-line-fill{background:linear-gradient(90deg,#7d91a5e0,#aab4c4b3)}.timeline-left,.timeline-right{align-items:center;gap:8px;display:flex}.timeline-center{align-items:center;display:flex}.timeline-chip{color:var(--muted);background:#ffffff94;border:1px solid #62513a14;border-radius:999px;justify-content:center;align-items:center;gap:6px;padding:6px 10px;font-size:12px;display:inline-flex}.timeline-chip-strong{color:var(--text);font-weight:600}.timeline-weather-chip{min-width:64px}.timeline-weather-icon{opacity:.8;font-size:12px}.timeline-dot{color:#5a463247;font-size:14px;line-height:1}.timeline-line{background:#5a463212;border-radius:999px;width:100%;height:6px;position:relative;overflow:hidden}.timeline-line-fill{border-radius:inherit;height:100%;box-shadow:0 0 14px #6a7c682e}.timeline-line-shimmer{background:linear-gradient(90deg,#0000,#ffffff47,#0000);animation:5.2s linear infinite timelineLineDrift;position:absolute;inset:0}@keyframes timelineLineDrift{0%{transform:translate(-100%)}to{transform:translate(100%)}}.timeline-flow-text{color:var(--accent);letter-spacing:.02em;font-size:13px;font-weight:600}.left-column .card,.right-column .card,.feedback-card{position:relative}.left-column .card:after,.right-column .card:after,.feedback-card:after{content:"";opacity:.8;background:linear-gradient(90deg,#0000,#5a46320f,#0000);height:1px;position:absolute;inset:auto 18px 12px}.left-column .card:last-child:after,.right-column .card:last-child:after{display:none}.app-shell:after{content:"";pointer-events:none;mix-blend-mode:soft-light;z-index:0;background:linear-gradient(#ffffff0d,#0000 18% 82%,#00000005);position:absolute;inset:0}@media (width<=1280px){.main-layout{grid-template-columns:280px minmax(0,1fr) 300px}.story-title{font-size:26px}}@media (width<=1080px){body{overflow:auto}.app-shell{padding:16px}.main-layout{grid-template-columns:1fr;height:auto}.left-column,.right-column,.center-column{overflow:visible}.topbar{flex-direction:column;align-items:flex-start;gap:12px}.timeline-bar{grid-template-columns:1fr;gap:10px}}.mouse-glow{position:relative;overflow:hidden}.mouse-glow:after{content:"";pointer-events:none;border-radius:inherit;background:radial-gradient(circle at calc(var(--mx) * 100%) calc(var(--my) * 100%), #ffffff2e, transparent 30%);opacity:.45;transition:opacity .25s;position:absolute;inset:0}.panel-ambient{position:relative;overflow:hidden}.panel-ambient:before{content:"";pointer-events:none;filter:blur(18px);opacity:.7;background:linear-gradient(120deg,#fff0 0%,#ffffff1f 20%,#d6e7d61a 40%,#fff0 60%);animation:16s ease-in-out infinite panelAmbientFlow;position:absolute;inset:-20%}@keyframes panelAmbientFlow{0%{opacity:.38;transform:translate(-18%)translateY(0%)rotate(6deg)}50%{opacity:.62;transform:translate(12%)translateY(-4%)rotate(8deg)}to{opacity:.38;transform:translate(-18%)translateY(0%)rotate(6deg)}}