.story-companion-dialog[role=dialog]{width:calc(100% - 2rem);max-width:760px;padding:0;display:block;gap:0;border:0;border-radius:28px;background:transparent;box-shadow:0 24px 70px #583b7b22}.story-companion-dialog[data-state]{animation:none}.story-companion-dialog>button:last-child{display:none}.story-companion{--sg-surface: #F2EDFA;--sg-ink: #30283A;--sg-primary: #583B7B;--sg-card: #fff;box-sizing:border-box;width:100%;padding:28px;background:var(--sg-surface);color:var(--sg-ink);border:1px solid #e1d6ef;border-radius:28px;font-family:system-ui,-apple-system,Segoe UI,sans-serif;line-height:1.65;animation:sg-arrive .55s cubic-bezier(.2,.8,.2,1) both}.story-companion *{box-sizing:border-box}.story-companion .sg-top{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.story-companion .sg-eyebrow{margin:0 0 8px;color:#765a96;font-size:12px;font-weight:750;letter-spacing:.12em;text-transform:uppercase}.story-companion .sg-title{margin:0;color:var(--sg-ink);font-size:27px;line-height:1.15;font-weight:760;letter-spacing:-.025em}.story-companion .sg-subtitle{margin:7px 0 0;color:#756b7e;font-size:14px}.story-companion .sg-close{width:42px;height:42px;flex:none;border:1px solid #e5dced;border-radius:14px;background:var(--sg-card);color:var(--sg-primary);display:grid;place-items:center;cursor:pointer;transition:background .16s,box-shadow .16s,transform .16s}.story-companion .sg-close:hover{background:#f8f4fc;box-shadow:0 5px 14px #583b7b20}.story-companion .sg-close:active{transform:scale(.96)}.story-companion .sg-close:focus-visible,.story-companion .sg-choice:focus-visible,.story-companion summary:focus-visible{outline:3px solid #9a75bf;outline-offset:3px}.story-companion .sg-intro{margin-top:22px;padding:22px 24px;border-radius:22px;background:linear-gradient(135deg,#fff,#f8f4fc);border:1px solid #e5dced;box-shadow:0 8px 22px #583b7b0b}.story-companion .sg-intro h2{margin:0 0 12px;font-size:14px;color:#765a96;letter-spacing:.1em;text-transform:uppercase;font-weight:700}.story-companion .sg-hook{margin:0;color:var(--sg-ink);font-size:22px;line-height:1.45;font-weight:650}.story-companion .sg-chips{display:flex;flex-wrap:wrap;gap:9px;margin-top:17px}.story-companion .sg-chip{padding:7px 12px;border:1px solid #e4d9ef;border-radius:999px;background:var(--sg-card);color:#5d4b6c;font-size:13px}.story-companion .sg-chip strong{color:var(--sg-primary);font-weight:700}.story-companion .sg-choices{margin:22px 0 0;padding:0;border:0;min-width:0}.story-companion .sg-section-label{margin:0 0 12px;padding:0;color:var(--sg-primary);font-size:12px;font-weight:750;letter-spacing:.12em;text-transform:uppercase}.story-companion .sg-choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.story-companion .sg-choice{position:relative;display:flex;gap:14px;align-items:flex-start;padding:17px;border:1px solid #dfd3ec;border-radius:20px;background:var(--sg-card);cursor:pointer;transition:background .16s,border-color .16s,box-shadow .16s}.story-companion .sg-choice:hover{background:#fcfaff;border-color:#bba4d1;box-shadow:0 7px 18px #583b7b12}.story-companion .sg-choice:active{transform:scale(.99)}.story-companion .sg-choice input{position:absolute;opacity:0}.story-companion .sg-choice:has(input:checked){border-color:#8b69ae;background:#f9f5fd;box-shadow:inset 0 0 0 1px #8b69ae}.story-companion .sg-choice:has(input:focus-visible){outline:3px solid #9a75bf;outline-offset:3px}.story-companion .sg-iconbox{width:48px;height:48px;flex:none;border-radius:16px;background:#eee5f7;color:var(--sg-primary);display:grid;place-items:center}.story-companion .sg-choice strong{display:block;margin:1px 0 3px;color:#39274c;font-size:15px}.story-companion .sg-choice small{display:block;color:#756b7e;font-size:13px;line-height:1.5}.story-companion .sg-explain{margin:10px 2px 0;text-align:center;color:#6d5a7b;font-size:13px}.story-companion .sg-overview{margin-top:22px;padding:21px 23px;border:1px solid #dfd3ec;border-radius:20px;background:var(--sg-card)}.story-companion .sg-overview h3{margin:0 0 10px;color:var(--sg-primary);font-size:12px;letter-spacing:.12em;text-transform:uppercase;font-weight:700}.story-companion .sg-overview p{margin:0;font-size:15px;line-height:1.8;color:#43394a;white-space:pre-line}.story-companion .sg-question{margin-top:14px;padding:15px 18px;border-left:3px solid #a985ca;border-radius:0 14px 14px 0;background:#eee6f6;color:#49375a;font-size:14px;font-weight:570}.story-companion .sg-more{margin-top:25px}.story-companion .sg-more h3,.story-companion .sg-themes h3{margin:0 0 12px;color:var(--sg-primary);font-size:12px;letter-spacing:.12em;text-transform:uppercase;font-weight:700}.story-companion .sg-details{margin-top:10px;border:1px solid #e3d9ec;border-radius:17px;background:var(--sg-card);overflow:hidden}.story-companion .sg-details summary{padding:15px 17px;list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:12px;color:#382b43;font-weight:700}.story-companion .sg-details summary::-webkit-details-marker{display:none}.story-companion .sg-details summary:after{content:"＋";color:#765a96;font-size:18px;transition:transform .18s}.story-companion .sg-details[open] summary:after{content:"−"}.story-companion .sg-detail-body{padding:0 18px 18px;color:#554b5b;font-size:14px;line-height:1.75}.story-companion .sg-detail-body p{margin:8px 0 0}.story-companion .sg-person{display:flex;gap:12px;align-items:center;margin-top:12px}.story-companion .sg-avatar{width:38px;height:38px;flex:none;border-radius:13px;background:#eee5f7;color:var(--sg-primary);display:grid;place-items:center;font-size:16px;font-weight:750}.story-companion .sg-person strong{display:block;color:#382b43}.story-companion .sg-person span{display:block;color:#756b7e;font-size:12px}.story-companion .sg-connection{margin-top:13px!important;padding-top:12px;border-top:1px solid #eee8f3}.story-companion .sg-themes{margin-top:23px}.story-companion .sg-theme{margin-top:10px;padding:15px 17px;border-left:3px solid #b28bcf;border-radius:0 14px 14px 0;background:var(--sg-card)}.story-companion .sg-theme strong{font-size:14px;color:#382b43}.story-companion .sg-theme p{margin:4px 0 0;color:#665b6d;font-size:14px;line-height:1.7}.story-companion .sg-prep{margin-top:23px;padding:17px 19px;display:flex;align-items:center;gap:14px;border:1px solid #d9c9e8;border-radius:18px;background:#ebe2f4}.story-companion .sg-prepmark{width:42px;height:42px;flex:none;border-radius:14px;background:var(--sg-primary);color:var(--sg-card);display:grid;place-items:center;animation:sg-softpulse 2s ease-in-out infinite}.story-companion .sg-prep strong{display:block;color:#3c2c4d;font-size:14px}.story-companion .sg-prep p{margin:3px 0 0;color:#756b7e;font-size:12px}.story-companion .sg-price{margin-top:12px;padding:14px 17px;border:1px solid #e3d9ec;border-radius:16px;background:var(--sg-card);display:flex;justify-content:space-between;align-items:center;gap:12px;color:#554b5b;font-size:13px}.story-companion .sg-price strong{color:var(--sg-primary);text-align:right}.story-companion .sg-disclaimer{margin:17px 0 0;padding-top:14px;border-top:1px solid #dfd3ec;color:#817687;font-size:12px}.story-companion .sg-action{margin-top:16px;width:100%;height:auto;min-height:44px;padding:13px 17px;border-radius:16px;background:var(--sg-primary);color:var(--sg-card);white-space:normal}.story-companion .sg-gate-cards{margin-top:22px}@keyframes sg-softpulse{0%,to{opacity:1}50%{opacity:.68}}@keyframes sg-arrive{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(max-width:560px){.story-companion{padding:20px}.story-companion .sg-choice-grid{grid-template-columns:1fr}.story-companion .sg-intro{padding:20px}.story-companion .sg-hook{font-size:20px}.story-companion .sg-title{font-size:24px}}
