:root{--bg:#f6f0e7;--bg-soft:#fffcf7b8;--card:#fffcf7bd;--card-strong:#fffcf7e0;--line:#523e271a;--text:#34281d;--muted:#786858;--accent:#6a7c68;--accent-2:#8c6f55;--shadow:0 18px 50px #422d1814;--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:24px;position:relative;overflow:hidden}.paper-noise{pointer-events:none;opacity:.18;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(70px);opacity:.35;border-radius:999px;position:absolute}.background-glow-1{background:#81967b40;width:280px;height:280px;top:-60px;left:-40px}.background-glow-2{background:#b5936e38;width:340px;height:340px;bottom:-120px;right:-80px}.topbar{z-index:1;justify-content:space-between;align-items:flex-end;margin-bottom:18px;padding:0 6px;display:flex;position:relative}.eyebrow{color:var(--accent);letter-spacing:.18em;text-transform:uppercase;margin:0 0 6px;font-size:13px}.brand-title{letter-spacing:.02em;margin:0;font-size:38px;font-weight:700}.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) 330px;gap:18px;height:calc(100vh - 106px);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{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:var(--radius-xl);background:linear-gradient(#fffcf7e6 0%,#fffaf4b8 100%)}.card{margin-bottom:16px;padding:18px 18px 16px}.hero-card{position:relative;overflow:hidden}.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}.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{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-track{background:#6f615014;border-radius:999px;height:10px;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;display:flex}.story-card{min-height:0;padding:28px 32px 24px}.story-card-top{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.story-title{margin:0;font-size:34px;line-height:1.15}.story-body{padding-top:4px}.story-body p{color:#45372a;letter-spacing:.01em;margin:0 0 18px;font-size:18px;line-height:1.95}.choice-list{gap:12px;margin-top:16px;display:grid}.choice-card{cursor:pointer;width:100%;color:var(--text);background:linear-gradient(#ffffffd1,#fcf8f1b8);border:1px solid #5a46321a;border-radius:22px;grid-template-columns:58px 1fr 32px;align-items:center;gap:14px;padding:16px 18px;transition:box-shadow .2s,border-color .2s,background .2s;display:grid;box-shadow:0 12px 30px #3c2d1c0d}.choice-card:hover{border-color:#6a7c6840;box-shadow:0 16px 36px #3c2d1c14}.choice-index{width:42px;height:42px;color:var(--accent);letter-spacing:.08em;background:#6a7c6814;border-radius:14px;place-items:center;font-size:13px;font-weight:700;display:grid}.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}.right-tabs-card{height:100%;padding:16px}.tabs{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:14px;display:grid}.tab-btn{color:var(--muted);cursor:pointer;background:#ffffff73;border:1px solid #5a463214;border-radius:16px;padding:10px 12px;transition:all .2s}.tab-btn:hover{color:var(--text)}.tab-active{color:var(--text);background:#ffffffd1;border-color:#6a7c682e;box-shadow:0 8px 20px #4632190d}.tab-panel{gap:12px;display:grid}.relationship-card,.location-item,.journal-item{background:#ffffff80;border:1px solid #5a463212;border-radius:18px;padding:14px 14px 13px}.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 p{color:var(--muted);margin:0;font-size:13px;line-height:1.7}.location-active{border-color:#6a7c682e;box-shadow:inset 0 0 0 1px #6a7c680f}.journal-item{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}@media (width<=1280px){.main-layout{grid-template-columns:280px minmax(0,1fr) 300px}.story-title{font-size:30px}}@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}}