.future-scene{height:205px;border-radius:14px;position:relative;overflow:hidden;margin:18px 0;background:radial-gradient(ellipse at 50% 60%,#7a5ad3 0,#32265e 26%,#0a1127 65%);perspective:500px}.future-scene:before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 39px,#a9aeff14 40px 41px),repeating-linear-gradient(0deg,transparent 0 39px,#a9aeff14 40px 41px);transform:rotateX(55deg) translateY(90px) scale(1.8);transform-origin:bottom}.future-halo{position:absolute;left:50%;top:15%;width:140px;height:140px;transform:translateX(-50%);border:1px solid #d9c4ff;border-radius:50%;box-shadow:0 0 30px #a381ff,inset 0 0 20px #b895ff;animation:breath 3s infinite alternate}.portrait{position:absolute;left:50%;top:28px;transform:translateX(-50%);height:120px;width:120px;display:grid;place-items:center;border-radius:50%;background:#21173a;color:#d7c6ff;font-size:45px;box-shadow:0 0 30px #b192ff70;overflow:hidden}.portrait img{width:100%;height:100%;object-fit:cover}.scene-caption{position:absolute;bottom:15px;left:0;right:0;text-align:center;color:#e6dcff;font-size:11px;letter-spacing:.15em}.hands{position:absolute;inset:0;display:flex;justify-content:center;align-items:center;gap:85px;pointer-events:none;opacity:0}.hands span{font-size:44px;filter:drop-shadow(0 0 15px #decbff)}.hands span:last-child{transform:scaleX(-1)}.hands.play{animation:showhands 2.4s ease}.hands.play span:first-child{animation:lefthand 2.4s ease}.hands.play span:last-child{animation:righthand 2.4s ease}.quick{display:flex;gap:6px;flex-wrap:wrap;margin-top:12px}.quick button{border:1px solid #a98ade55;color:#d9cdf4;background:#211a35;border-radius:20px;padding:6px 9px;font-size:11px;cursor:pointer}.upload:focus-within{outline:2px solid #b494ff}@keyframes breath{to{transform:translateX(-50%) scale(1.08);opacity:.65}}@keyframes showhands{0%,100%{opacity:0}15%,85%{opacity:1}}@keyframes lefthand{30%,70%{transform:translateX(48px) rotate(25deg)}}@keyframes righthand{30%,70%{transform:translateX(-48px) scaleX(-1) rotate(25deg)}}@media(max-height:800px){.overlay.show{align-items:flex-start}.modal{margin:auto;padding:24px}.future-scene{height:160px}.future-halo{width:120px;height:120px}.portrait{width:95px;height:95px;top:25px}.modal h2{font-size:24px;margin:15px 0}.chat{height:110px}}
.dialogue-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:18px 0 8px;color:#e8ddff}.dialogue-head>div{display:grid;gap:3px}.dialogue-head strong{font-size:14px}.dialogue-head small,.dialogue-hint{color:#a7a2b8;font-size:11px}.dialogue-head>span{flex:0 0 auto;padding:5px 9px;border:1px solid #a98aff55;border-radius:20px;color:#d7c2ff;font-size:11px}.dialogue-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.dialogue-fields label{display:grid;grid-template-columns:1fr auto;align-items:center;gap:5px;color:#c8c1d8;font-size:11px}.dialogue-fields label span{color:#8d88a0;font-size:10px}.dialogue-fields input{grid-column:1/-1;width:100%;min-width:0;margin:0;padding:10px 11px;border:1px solid #ffffff20;border-radius:8px;background:#090b16;color:#fff}.dialogue-fields input:focus{outline:1px solid #a98aff}.dialogue-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:9px}.dialogue-actions #send{border:1px solid #a98aff55;border-radius:8px;padding:8px 12px;background:#835fe0;color:#fff;font-size:11px}.dialogue-actions #send:disabled{opacity:.65;cursor:wait}.dialogue-hint{min-height:17px;margin:8px 0 0}.quick button:disabled{opacity:.5;cursor:not-allowed}@media(max-width:560px){.dialogue-fields{grid-template-columns:1fr}.dialogue-actions{align-items:flex-start;flex-direction:column}}