:root{color-scheme:light;font-family:Segoe UI,Helvetica Neue,Arial,sans-serif;background:radial-gradient(circle at top,rgba(63,94,251,.16),transparent 36%),linear-gradient(180deg,#f7f8fc,#ecf0f7);color:#102033;line-height:1.5;font-weight:400}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input,textarea{font:inherit}#app{min-height:100vh}.app-shell{min-height:100vh;padding:24px}.app-panel{width:min(100%,980px);margin:0 auto;background:#ffffffe0;border:1px solid rgba(116,136,175,.22);border-radius:28px;box-shadow:0 24px 60px #10203324;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);overflow:hidden}.app-header,.app-toolbar,.story-layout{padding:28px}.app-header{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;border-bottom:1px solid rgba(116,136,175,.18)}.app-header__copy{display:grid;gap:12px}.app-header__meta{display:grid;gap:8px;min-width:180px;color:#54657d;font-size:.95rem;text-align:right}.app-header h1,.story-header h2{margin:0}.app-summary,.story-description,.toolbar-meta p,.timeline-empty,.choice-empty{margin:0;color:#54657d}.app-kicker,.section-label{margin:0 0 8px;color:#4f6ef7;font-size:.8rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.app-toolbar{display:flex;justify-content:space-between;gap:16px;align-items:center;border-bottom:1px solid rgba(116,136,175,.18)}.app-toolbar__hint{margin:0;color:#54657d}.locale-switcher{display:inline-flex;gap:6px;padding:6px;border-radius:999px;background:#eef3ff;border:1px solid rgba(79,110,247,.15)}.locale-switcher__button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;padding:10px 14px;border-radius:999px;background:transparent;color:#2747cb;cursor:pointer;font-weight:700}.locale-switcher__button--active{background:#4f6ef7;color:#fff;box-shadow:0 12px 24px #4f6ef73d}.story-layout{display:grid;gap:20px}.story-header{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.status-pill{display:inline-flex;align-items:center;justify-content:center;padding:10px 14px;border-radius:999px;background:#eef3ff;color:#2747cb;font-size:.9rem;font-weight:700;white-space:nowrap}.timeline{display:grid;gap:14px;max-height:420px;overflow-y:auto;padding-right:8px}.timeline-empty,.choice-empty{padding:20px;border-radius:20px;border:1px dashed rgba(116,136,175,.28);background:#f2f6ffb3}.message-card{padding:18px;border-radius:22px;background:#fff;border:1px solid rgba(116,136,175,.16);box-shadow:0 10px 24px #1020330f}.message-card--system{background:#f0f5ff}.message-card p{margin:10px 0 0}.message-media{width:100%;margin-top:14px;border-radius:18px}.message-media--image{display:block;border:1px solid rgba(116,136,175,.16);background:#0b1526}.message-media--audio{display:block}.message-meta{display:flex;justify-content:space-between;gap:12px;color:#54657d;font-size:.9rem}.choice-panel{display:grid;gap:12px}.choice-button,.primary-button,.secondary-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;border-radius:18px;cursor:pointer;transition:transform .18s ease,opacity .18s ease,box-shadow .18s ease}.choice-button,.secondary-button{padding:15px 18px;text-align:left;background:#fff;color:#102033;border:1px solid rgba(116,136,175,.2);box-shadow:0 10px 24px #1020330d}.choice-button:hover,.primary-button:hover,.secondary-button:hover{transform:translateY(-1px)}.choice-button:disabled,.primary-button:disabled,.secondary-button:disabled{cursor:not-allowed;opacity:.55;transform:none}.toolbar{display:flex;justify-content:space-between;gap:16px;align-items:center;padding-top:8px;border-top:1px solid rgba(116,136,175,.18)}.toolbar-meta{display:grid;gap:4px}.toolbar-actions{display:flex;gap:12px}.primary-button,.secondary-button{padding:14px 18px}.primary-button{background:linear-gradient(135deg,#4f6ef7,#3051e3);color:#fff;box-shadow:0 14px 26px #4f6ef747}@media (max-width: 768px){.app-shell{padding:12px}.app-header,.app-toolbar,.story-layout{padding:20px}.app-header,.story-header,.toolbar,.toolbar-actions{flex-direction:column;align-items:stretch}.app-header__meta{text-align:left}.app-toolbar{flex-direction:column;align-items:stretch}.timeline{max-height:none}}
