.story-start{position:fixed;inset:0;z-index:500;display:flex;flex-direction:column;background:radial-gradient(ellipse at 50% 0,rgba(113,124,91,.12),transparent 49%),#142019;color:#e9e7dc;font-family:var(--sans,"Microsoft YaHei",sans-serif)}
.ss-header{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;min-height:68px;padding:10px clamp(18px,4vw,56px);border-bottom:1px solid rgba(226,218,193,.14)}
.ss-heading{text-align:center;display:flex;flex-direction:column;gap:1px}.ss-heading span{color:#a69b7e;font-size:10px;letter-spacing:.18em}.ss-heading strong{font:500 16px var(--serif,serif);letter-spacing:.12em}
.ss-back,.ss-start,.ss-send{border:0;cursor:pointer}.ss-back{justify-self:start;background:none;color:#a9afa3;padding:8px 0;font-size:14px}.ss-start{justify-self:end;border:1px solid #c9a66b;border-radius:5px;background:#c9a66b;color:#18241c;padding:9px 16px;font-size:13px}.ss-start span{padding-left:8px}.ss-start:hover,.ss-send:hover{filter:brightness(1.1)}
.ss-main{width:min(100%,880px);min-height:0;flex:1;align-self:center;display:flex;flex-direction:column;padding:0 clamp(16px,3vw,28px) 24px}.ss-messages{min-height:0;flex:1;overflow-y:auto;padding:32px 0}.ss-empty{height:100%;min-height:180px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.ss-empty span{font:400 clamp(27px,4vw,40px) var(--serif,serif);letter-spacing:.18em;color:#e2d7bc}.ss-empty p{max-width:410px;color:#98a497;font-size:14px;line-height:1.8;margin:18px 0 0}
.ss-message{display:grid;grid-template-columns:78px minmax(0,1fr);gap:12px;padding:18px 0;border-bottom:1px solid rgba(226,218,193,.08)}.ss-message-label{color:#c9a66b;font-size:12px;padding-top:3px}.ss-user .ss-message-label{color:#98aa99}.ss-message-body{min-width:0;font-size:14px;line-height:1.85;overflow-wrap:anywhere}.ss-message-body p:first-child{margin-top:0}.ss-message-body p:last-child{margin-bottom:0}.ss-plain{white-space:pre-wrap}
.ss-compose{flex-shrink:0;border:1px solid rgba(226,218,193,.22);border-radius:9px;background:#1d2d23;padding:12px 14px}.ss-compose textarea{display:block;width:100%;min-height:54px;max-height:32vh;resize:vertical;border:0;box-shadow:none;background:transparent;color:#e9e7dc;font:14px/1.6 var(--sans,sans-serif);outline:none}.ss-compose textarea:focus{border:0;box-shadow:none}.ss-compose textarea::placeholder{color:#89978a}.ss-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:8px}.ss-reference-label{display:flex;align-items:center;gap:8px;color:#a9afa3;font-size:12px}.ss-reference-label select{max-width:min(220px,48vw);padding:5px 7px;background:#1b2a21;border:1px solid rgba(226,218,193,.2);border-radius:4px;color:#d8ddcf;font-size:12px}.ss-send{background:#d47758;border-radius:5px;color:#fff7eb;padding:8px 19px;font-size:13px}.ss-status{color:#e5a184;font-size:12px;margin:0}.ss-status:empty{display:none}.story-start button:disabled{opacity:.5;cursor:not-allowed}
@media(max-width:600px){.ss-header{min-height:60px;padding:8px 16px}.ss-heading strong{font-size:14px;letter-spacing:.04em}.ss-heading span{font-size:9px}.ss-back span{display:none}.ss-start{padding:8px 10px}.ss-main{padding:0 14px 14px}.ss-messages{padding:20px 0}.ss-message{grid-template-columns:1fr;gap:5px;padding:15px 0}.ss-message-label{padding:0}.ss-compose{padding:10px 12px}}
.ss-check{padding:3px 0;color:#e5a184;font-size:12px;text-decoration:underline;background:transparent}