:root{color:#172026;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f7f3ed;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible{outline-offset:2px;outline:3px solid #2f9e9b52}.app-shell{color:#172026;background:linear-gradient(90deg,#2f9e9b14,#0000 28%),linear-gradient(270deg,#d88a2414,#0000 24%),#f7f3ed;grid-template-columns:minmax(240px,300px) minmax(360px,1fr) minmax(280px,360px);min-height:100svh;display:grid}button{font:inherit}.conversation-panel,.status-panel{min-height:100svh;padding:22px;overflow-y:auto}.conversation-panel{background:#ffffffb8;border-right:1px solid #1720261f}.status-panel{background:#ffffffc7;border-left:1px solid #1720261f}.brand-block,.status-top,.section-heading,.chapter-title,.relationship-head,.readiness-card{align-items:center;display:flex}.brand-block{gap:12px;margin-bottom:22px}.brand-mark{color:#fff;background:#172026;border-radius:8px;place-items:center;width:46px;height:46px;display:grid;box-shadow:0 12px 30px #17202633}.eyebrow{color:#7b6f63;text-transform:uppercase;margin:0 0 4px;font-size:12px;font-weight:800;line-height:1.2}h1,h2,p{margin:0}h1{font-size:24px;line-height:1.1}h2{font-size:20px;line-height:1.2}.chat-tabs{gap:10px;display:grid}.chat-tab{color:#172026;text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:12px;width:100%;min-height:64px;padding:10px;display:flex}.chat-tab.active{background:#fff;border-color:#17202629;box-shadow:0 10px 24px #17202614}.chat-tab strong,.chat-tab small{display:block}.chat-tab small{color:#746b62;margin-top:3px;font-size:12px}.chat-avatar,.mini-avatar,.message-avatar{border-radius:8px;flex:none;place-items:center;font-weight:800;display:grid}.chat-avatar{width:42px;height:42px}.club-avatar{color:#f8fbf8;background:#172026}.chat-portrait,.mini-portrait,.message-avatar,.card-portrait{object-fit:cover;object-position:top center;background:#f7f3ed;border:1px solid #1720261a;flex:none}.chat-portrait{border-radius:8px;width:42px;height:42px}.cast-strip{margin-top:26px}.section-heading,.chapter-title{color:#53615e;gap:8px}.section-heading h2{font-size:15px}.cast-card{text-align:left;border-top:1px solid #1720261a;gap:10px;margin-top:12px;padding:12px 0;display:flex}.mini-avatar,.mini-portrait{width:34px;height:34px;font-size:14px}.mini-portrait{border-radius:8px}.cast-card p,.relationship-card p,.readiness-card p{color:#655f59;margin-top:4px;font-size:13px;line-height:1.45}.phone-frame{background:radial-gradient(circle at 0 0,#f06f8f1f,#0000 26%),#fbfaf7;grid-template-rows:auto 1fr auto;min-width:0;height:100svh;display:grid}.chat-header{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fbfaf7e6;border-bottom:1px solid #1720261a;justify-content:space-between;align-items:center;gap:16px;min-height:74px;padding:18px 24px;display:flex}.chat-header>div:first-child{min-width:0}.header-actions{gap:8px;display:flex}.icon-button{color:#172026;cursor:pointer;background:#fff;border:1px solid #1720261f;border-radius:8px;place-items:center;width:38px;height:38px;display:grid}.message-list{flex-direction:column;gap:14px;min-height:0;padding:24px;display:flex;overflow-y:auto}.message-row{align-items:flex-end;gap:10px;max-width:78%;display:flex}.message-row.player{align-self:flex-end}.message-avatar{border-radius:8px;width:36px;height:36px;font-size:14px}.bubble-wrap{min-width:0}.speaker-name{color:#7b6f63;margin:0 0 4px 4px;font-size:12px;font-weight:700;display:block}.message-row.player .speaker-name{text-align:right;margin-right:4px}.message-bubble{color:#1f272b;overflow-wrap:anywhere;background:#fff;border-radius:8px;padding:12px 14px;line-height:1.58;box-shadow:0 10px 30px #17202612}.message-row.player .message-bubble{color:#fff;background:#2f9e9b}.system-message{color:#635c55;text-align:center;background:#17202612;border-radius:8px;align-self:center;max-width:82%;padding:9px 12px;font-size:13px;line-height:1.5}.choice-dock{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffd1;border-top:1px solid #1720261a;padding:16px 24px 22px}.chapter-title span{overflow-wrap:anywhere;min-width:0}.choices{gap:10px;margin-top:12px;display:grid}.choices button{color:#172026;text-align:left;cursor:pointer;background:#fff;border:1px solid #1720261f;border-radius:8px;min-height:68px;padding:12px 14px;transition:transform .16s,border-color .16s,box-shadow .16s}.choices button:hover{border-color:#2f9e9b80;transform:translateY(-1px);box-shadow:0 10px 24px #1720261a}.choices strong,.choices span{display:block}.choices span{color:#67615b;margin-top:5px;font-size:14px;line-height:1.45}.ending-panel{color:#225f5d;background:#e8fbf8;border:1px solid #2f9e9b40;border-radius:8px;align-items:center;gap:10px;min-height:58px;margin-top:12px;padding:12px 14px;display:flex}.ending-panel span{color:#3c6865;font-size:14px}.status-top{justify-content:space-between;gap:14px;margin-bottom:16px}.save-pill{color:#fff;white-space:nowrap;background:#172026;border-radius:8px;padding:6px 8px;font-size:12px}.readiness-card{color:#225f5d;background:#e8fbf8;border-radius:8px;align-items:flex-start;gap:10px;padding:14px}.relationship-list{gap:12px;margin-top:16px;display:grid}.relationship-card{background:#fff;border:1px solid #1720261a;border-radius:8px;padding:14px;box-shadow:0 10px 24px #1720260f}.relationship-head{align-items:flex-start;gap:10px}.card-portrait{object-fit:cover;object-position:top center;border-radius:8px;width:58px;height:76px}.worry{border-top:1px solid #17202614;padding-top:10px}.stat-grid{gap:8px;margin-top:12px;display:grid}.stat-grid label span{color:#4b5654;justify-content:space-between;gap:10px;font-size:12px;font-weight:700;display:flex}meter{width:100%;height:8px}meter::-webkit-meter-bar{background:#eee6dc;border:0;border-radius:999px}meter::-webkit-meter-optimum-value{background:#2f9e9b;border-radius:999px}@media (width<=1180px){.app-shell{grid-template-columns:250px minmax(360px,1fr)}.status-panel{border-top:1px solid #1720261f;border-left:0;grid-column:1/-1;min-height:auto}.relationship-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=760px){.app-shell{grid-template-columns:1fr}.conversation-panel,.status-panel{border:0;min-height:auto;padding:16px}.chat-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.chat-tab{min-height:58px}.cast-strip{display:none}.phone-frame{border-block:1px solid #1720261f;height:78svh;min-height:620px}.chat-header,.message-list,.choice-dock{padding-inline:16px}.message-row{max-width:92%}.relationship-list{grid-template-columns:1fr}}@media (width<=460px){.chat-tabs{grid-template-columns:1fr}.phone-frame{min-height:680px}.status-top,.chat-header{align-items:flex-start}.chat-header{flex-direction:column;gap:10px;padding-block:14px;display:flex}.header-actions{display:none}}