/* Native sources: message_detail/widgets + co_creation/tokens.dart + question/*.dart. */
/* The live demo replaces the static STORY-CUE screenshot when JavaScript runs. */
.app-preview.live-preview{width:340px}
.live-demo{width:100%;max-width:378px;margin-inline:auto;--chat-ink:#3e3933;--chat-gold:#7a6410;--chat-line:#8a7419;--ease:cubic-bezier(.22,.61,.36,1)}
.native-device{padding:8px;border-radius:39px;background:#1c1c1f;box-shadow:0 0 0 1px #696765,0 0 0 3px #383839,0 24px 54px -18px #0006}.native-app{height:708px;border-radius:31px;overflow:hidden;background:#fff8f0;color:var(--chat-ink);font:400 13.5px/1.75 'Noto Sans JP',sans-serif;letter-spacing:0;position:relative;display:flex;flex-direction:column;text-align:left}.native-app *, .native-app *::before,.native-app *::after{box-sizing:border-box}.native-app p,.native-app h3{margin:0}.native-app button{font:inherit;letter-spacing:0;cursor:pointer}.native-app button:focus-visible,.native-app textarea:focus-visible{outline:2px solid #7a6410;outline-offset:3px}.native-app button:disabled{opacity:.4;cursor:default}.native-app .native-icon{display:block;flex-shrink:0}.native-status{height:34px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:8px 24px 2px;font-size:12px;color:#4c4639}.native-status b{font-weight:600}.native-home{height:17px;background:inherit;flex-shrink:0;display:grid;place-items:center}.native-home::after{content:'';height:4px;width:104px;background:#3e3933;border-radius:4px}.native-content{flex:1;min-height:0;position:relative;overflow:hidden}.native-chat{height:100%;display:flex;flex-direction:column}.native-header{display:flex;align-items:center;gap:9px;background:#fff8f0;height:58px;padding:6px 13px;flex-shrink:0;color:#1e1b13}.native-back{font-size:26px;line-height:1;margin-right:2px}.native-header .native-avatar{width:40px;height:40px;font-size:16px}.native-header b{font-size:17px;flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:500}.native-header button{padding:4px;border:0;background:none;width:30px;display:grid;place-items:center}.native-header>span:has(svg){display:flex;opacity:.6}.native-more{font-size:13px;letter-spacing:1px}.native-chapters{height:68px;display:flex;background:#fff8f0;flex-shrink:0;padding-top:8px}.native-chapters>div{flex:1;min-width:0;text-align:center;position:relative;color:#c6bba9}.native-chapters>div::before{content:'';height:4px;position:absolute;top:14px;left:0;right:0;background:#eae2d4}.native-chapters>div:first-child::before{left:50%;background:#725c0c}.native-chapters>div:last-child::before{right:50%}.native-chapters>div>span{position:relative;display:grid;place-items:center;width:32px;height:32px;padding:7.5px;background:#eae2d4;border-radius:50%;margin-inline:auto}.native-chapters .native-icon{color:#fff}.native-chapters small{font:500 9px/1.6 'Noto Sans JP',sans-serif;white-space:nowrap}.native-chapters .current{color:#725c0c}.native-chapters .current>span{background:#725c0c}.native-chat-scroll{flex:1;overflow:auto;overscroll-behavior:contain;background:#e1d9cc;padding:10px 0 20px;scrollbar-width:thin}.native-date{font-size:10px;text-align:center;border-radius:30px;background:#fbf3e5;width:max-content;padding:5px 13px;margin:0 auto 14px}.native-message{display:flex;gap:7px;align-items:flex-end;padding:0 12px;margin-bottom:12px}.native-message .native-avatar{width:32px;height:32px;font-size:13px}.native-message p{border-radius:8px;background:#fff;padding:8px;font-size:12px;line-height:1.75}.native-message time{font-size:9px;line-height:1.5;color:#4c4639;white-space:nowrap}.native-message.mine{justify-content:flex-end}.native-message.mine p{background:#ffe086}.native-card-slot{margin-top:18px}.native-question-card{margin:0 16px;padding:20px 18px 16px;border-radius:20px;background:#fff;box-shadow:0 1px 4px #3e39330f;text-align:center;animation:native-rise 280ms var(--ease) both}.native-card-heading{display:flex;align-items:center;justify-content:center;gap:8px;color:var(--chat-gold);font-size:13px;line-height:1.4;letter-spacing:.52px}.native-card-heading>span{width:30px;height:30px;display:grid;place-items:center;background:#f1e6c8;border-radius:50%;flex-shrink:0}.native-card-heading .native-icon{color:#7a6410}.native-app .native-question{font:500 14.5px/1.9 'Noto Sans JP',sans-serif;margin-top:12px;text-align:center;color:var(--chat-ink)}.native-app .native-caption{font-size:11px;line-height:1.7;color:#a79e8f;margin-top:10px;text-align:center}.native-app .native-outline{background:none;border:1.5px solid var(--chat-line);border-radius:22px;color:var(--chat-line);font-size:14px;font-weight:700;line-height:1.2;padding:10px 34px;display:block;width:max-content;max-width:100%;margin:14px auto 0}.native-app .native-filled{background:var(--chat-gold);border:0;border-radius:22px;color:#f9f5ec;padding:11px 36px;font-size:14px;font-weight:700;line-height:1.2;display:block;margin:14px auto 0}.native-app .native-link{display:block;width:max-content;max-width:100%;margin:10px auto 0;padding:4px 0;border:0;border-radius:0;background:none;color:var(--chat-line);font-size:12.5px;line-height:1.4;text-decoration:underline;text-underline-offset:4px;font-weight:400}.native-input-bar{display:flex;gap:12px;align-items:center;background:#f5eddf;padding:9px 12px;flex-shrink:0}.native-input-bar>span{border:1px solid #1e1b13;border-radius:22px;flex:1;min-width:0;padding:9px 13px;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#4c4639}.native-input-bar .native-icon{color:#4c4639}.native-scrim{position:absolute;inset:0;background:#3e393361;animation:native-fade 280ms both}.native-sheet{position:absolute;bottom:0;left:0;right:0;max-height:100%;overflow:auto;overscroll-behavior:contain;background:#f9f5ec;border-radius:24px 24px 0 0;padding:12px 20px 26px;animation:native-sheet 280ms var(--ease) both}.native-handle{height:4px;width:40px;border-radius:2px;background:#cfc4b0;margin:0 auto 16px}.native-sheet .native-question{font-size:15.5px;line-height:1.85;margin-bottom:14px}.native-sheet label{font-size:12px;font-weight:700;line-height:1.4;color:#5c5347;display:block;margin-bottom:8px}.native-sheet textarea{display:block;width:100%;min-height:115px;max-height:220px;resize:vertical;border:1px solid #cfc4b0;border-radius:14px;padding:14px 16px;color:#3e3933;background:#fff;font:400 13.5px/1.9 'Noto Sans JP',sans-serif;box-shadow:none;letter-spacing:0}.native-sheet textarea::placeholder{color:#b4aa99}.native-counter{display:block;text-align:right;color:#a79e8f;font-size:11px;line-height:1.4;margin-top:6px}.native-app .native-submit{width:100%;border-radius:24px;padding:13px 0;font-size:14.5px}.native-sheet .native-link{margin-top:14px}.native-waiting{opacity:.92;padding:18px}.native-waiting .native-card-heading{font-size:12.5px}.native-waiting .native-card-heading>span{width:26px;height:26px}.native-waiting .native-question{font-size:14px;line-height:1.8}.native-wait-label{display:flex;align-items:center;gap:7px;text-align:left;font-size:12px;line-height:1.5;color:#5c5347;margin-top:14px}.native-ready{border:1.5px solid #d9c88f;box-shadow:0 2px 8px #7a64101f}.native-pair{display:flex;align-items:center;justify-content:center;gap:10px}.native-avatar{display:inline-grid;place-items:center;flex-shrink:0;width:28px;height:28px;background:#cbdde8;color:#6e8ca0;border:1.5px solid #afc7d6;border-radius:50%;font:700 12px/1 'Noto Sans JP',sans-serif}.native-avatar.male{background:#f3d9ce;color:#b98a72;border-color:#e4c4b4}.native-pair .native-avatar{width:34px;height:34px;font-size:14px}.native-ready h3{font:700 15px/1.4 'Noto Sans JP',sans-serif;margin-top:12px}.native-ready-caption{font-size:11.5px;line-height:1.5;color:#a79e8f;margin-top:6px!important}.native-deferred{display:flex;align-items:center;gap:8px;padding:11px 16px;margin:0 16px;border-radius:12px;background:#f1ebdd;font-size:12px;line-height:1.4}.native-deferred>span{flex:1}.native-deferred .native-link{margin:0;flex-shrink:0}.native-reveal{height:100%;overflow:auto;overscroll-behavior:contain;background:#f7f0df;padding:26px 26px 20px;outline:none;animation:native-rise 280ms var(--ease) both}.reveal-visible .native-app{background:#f7f0df}.native-paper-header{display:flex;align-items:center;justify-content:space-between;height:26px;margin-top:14px}.native-paper-header>span{font:italic 11px/1.4 'Cormorant Garamond',serif;letter-spacing:3.3px;color:#a17b3c}.native-paper-header>i{width:20px}.native-paper-header button,.native-history-header button{font-family:sans-serif;font-size:30px;background:none;border:0;color:#6b5327;padding:0;width:20px;line-height:1}.native-rule{display:flex;align-items:center;justify-content:center;gap:8px;font-size:8px;line-height:1;color:#a17b3c;letter-spacing:3px;margin:26px 0 18px}.native-rule i{height:1px;background:#d8c9a7;flex:1}.native-app .native-paper-question{font:600 16.5px/2 'Shippori Mincho','Noto Serif JP',serif;letter-spacing:.825px;color:#6b5327;text-align:center;margin:0 0 26px}.native-paper-answer{padding:15px 16px;border:1px solid #d8c9a7;border-radius:16px;background:#ffffffbf;margin-top:14px}.native-paper-answer>div{display:flex;align-items:center;gap:8px;margin-bottom:8px}.native-paper-answer b{font:700 12px/1.4 'Noto Sans JP',sans-serif;color:#5c5347}.native-paper-answer p{font:400 13.5px/1.95 'Noto Serif JP',serif;color:#3e3933;white-space:pre-wrap;overflow-wrap:anywhere}.partner-text{min-height:79px}.native-narrator{margin-top:14px;padding:15px 12px;border:1px dashed #a17b3c;border-radius:12px;background:#fbf6ea99;text-align:center;color:#6b5327}.native-narrator>span{font:italic 9px/1.5 'Cormorant Garamond',serif;color:#a17b3c;letter-spacing:2.7px}.native-narrator p{font:400 12.5px/1.9 'Noto Serif JP',serif;margin-top:8px}.native-app .native-history-link{margin-top:18px;font-size:12px;text-decoration-color:#d8c9a7}.native-reveal .native-paper-question{animation:native-rise 462ms 210ms var(--ease) both}.native-reveal .my-answer{animation:native-rise 504ms 1008ms var(--ease) both}.native-reveal .partner-answer{animation:native-rise 420ms 1932ms var(--ease) both}.native-reveal .native-narrator{animation:native-fade 294ms 3696ms both}.native-reveal .native-history-link{animation:native-fade 210ms 3990ms both}.native-reveal:not(.reveal-complete) .native-history-link{visibility:hidden}.native-reveal.reveal-complete>*{animation:none;opacity:1;transform:none}.native-history{height:100%;overflow:auto;background:#fbf6ea;padding:8px 18px 32px;color:#4a4235;outline:0}.native-history-header{position:relative;text-align:center;padding:12px 0 18px}.native-history-header button{position:absolute;left:0;top:9px}.native-history-header h3{font:600 16px/1.9 'Shippori Mincho','Noto Serif JP',serif;letter-spacing:.5px}.native-history-intro,.native-empty{font:400 12px/1.8 'Noto Serif JP',serif;text-align:center;color:#9a8f7d}.native-archive-chapter{display:flex;flex-direction:column;align-items:center;gap:8px;margin:24px 0;font:italic 13px/1.5 'Cormorant Garamond',serif;letter-spacing:3px;color:#a17b3c}.native-history article{border:1px solid #a17b3c48;border-radius:16px;background:#fffdf8;padding:16px 18px 14px;box-shadow:0 5px 14px #4a42351a}.native-history article small{font:italic 10px/1.6 'Cormorant Garamond',serif;letter-spacing:1px;color:#a17b3c}.native-history article p{font:600 14.5px/1.9 'Shippori Mincho','Noto Serif JP',serif;margin-top:10px}.native-history article .native-outline{font:400 11.5px/1.3 'Noto Serif JP',serif;padding:7px 16px;margin:12px 0 0 auto;border-width:1px}.native-empty{margin-top:40px!important}.live-controls{display:flex;justify-content:center;align-items:center;gap:16px;margin-top:18px;line-height:1.5;font-size:12px;color:#736448}.live-controls button,.live-controls a{border:0;background:none;color:inherit;padding:5px 0;cursor:pointer;font:inherit;letter-spacing:.02em;white-space:nowrap}.live-controls button:hover,.live-controls a:hover{text-decoration:underline;text-underline-offset:4px}.live-controls button:focus-visible,.live-steps button:focus-visible{outline:2px solid #a17b3c;outline-offset:3px}.live-steps{display:flex;margin-top:13px}.live-steps button{flex:1;min-width:0;text-align:center;cursor:pointer;border:0;border-top:2px solid #d8c9a7;background:none;color:#87765c;padding:10px 0 4px;font:500 11px/1.5 'Noto Sans JP',sans-serif;white-space:nowrap;letter-spacing:0}.live-steps button>span{display:block;font:italic 16px/1.2 'Cormorant Garamond',serif;margin-bottom:4px}.live-steps button[aria-pressed=true]{border-color:#7a6410;color:#7a6410}.live-caption{font-size:12px;line-height:1.8;text-align:center;color:#87765c;min-height:44px;margin-top:13px!important}.night .live-controls{color:#e5d4b4}.night .live-steps button{color:#c3b18f;border-color:#d4af6a33}.night .live-steps button[aria-pressed=true]{color:#ebc888;border-color:#d4af6a}.night .live-controls button:focus-visible,.night .live-steps button:focus-visible{outline-color:var(--gold)}.night .live-caption{color:#e5d4b4}.demo-intro .native-message.other{animation:native-rise 320ms 500ms var(--ease) both}.demo-intro .native-message.mine{animation:native-rise 320ms 1500ms var(--ease) both}.demo-intro .native-question-card{animation-delay:2700ms}.demo-paused .native-app *,.demo-offscreen .native-app *,.demo-hidden .native-app *{animation-play-state:paused!important}@keyframes native-rise{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes native-fade{from{opacity:0}to{opacity:1}}@keyframes native-sheet{from{transform:translateY(100%)}to{transform:translateY(0)}}
@media(max-width:1100px){.native-app{height:704px}}
@media(max-width:800px){.app-preview.live-preview{width:100%;max-width:340px}}
@media(max-width:560px){.native-app{height:704px}.native-device{padding:7px;border-radius:35px}.native-app{border-radius:28px}.native-header{gap:7px;padding-inline:10px}.native-message{padding-inline:10px;gap:5px}.native-message p{font-size:11.5px}.native-question-card{margin-inline:12px;padding-inline:16px}.native-app .native-question{font-size:14px}.native-reveal{padding-inline:22px}.native-input-bar{gap:8px}.live-controls{gap:15px}.native-sheet textarea{font-size:16px;line-height:1.7}.native-sheet .native-question{font-size:15.5px}.native-app .native-paper-question{font-size:16px}}
@media(max-width:350px){.native-header{gap:5px}.native-header b{font-size:15px}.native-header>.native-avatar{width:33px;height:33px}.native-question-card{margin-inline:10px;padding-inline:12px}.native-reveal{padding-inline:18px}.native-input-bar>span{padding-inline:8px}.native-sheet{padding-inline:16px}.native-paper-answer{padding:13px}.live-controls{gap:10px;font-size:11px}}
@media(prefers-reduced-motion:reduce){.native-app *{animation:none!important;transition:none!important}}

.native-pair>.native-icon{color:#b98a72}.native-wait-label>.native-icon,.native-archive-chapter>.native-icon,.native-deferred>.native-icon{color:#7a6410}