.cine-stage{position:relative;min-height:calc(100vh - 80px);display:flex;align-items:flex-start;justify-content:center;padding:24px 24px 40px;overflow:hidden;isolation:isolate}.cine-bg{position:absolute;inset:-10%;z-index:-3;background:radial-gradient(60% 50% at 50% 30%,rgba(245,158,11,.18) 0%,transparent 70%),radial-gradient(40% 35% at 20% 70%,rgba(99,102,241,.16) 0%,transparent 70%),radial-gradient(35% 30% at 80% 75%,rgba(244,63,94,.12) 0%,transparent 70%);filter:blur(40px);animation:cine-bg-drift 14s ease-in-out infinite alternate}@keyframes cine-bg-drift{0%{transform:translate(-2%,-1%) scale(1);opacity:.85}to{transform:translate(3%,2%) scale(1.08);opacity:1}}.cine-glow{position:absolute;z-index:-2;top:20px;left:50%;transform:translate(-50%);width:480px;height:480px;background:radial-gradient(circle,rgba(245,158,11,.22) 0%,transparent 60%);filter:blur(20px);animation:cine-glow-breathe 5s ease-in-out infinite;pointer-events:none}@keyframes cine-glow-breathe{0%,to{opacity:.6;transform:translate(-50%) scale(1)}50%{opacity:1;transform:translate(-50%) scale(1.08)}}.cine-grain{position:absolute;inset:0;z-index:-1;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%' height='100%' filter='url(%23n)' opacity='0.4'/></svg>");opacity:.05;pointer-events:none;mix-blend-mode:overlay;animation:cine-grain-shift .4s steps(3) infinite}@keyframes cine-grain-shift{0%{transform:translate(0)}33%{transform:translate(-1px,1px)}66%{transform:translate(1px,-1px)}to{transform:translate(0)}}.cine-scan{position:absolute;inset:0;z-index:-1;background:repeating-linear-gradient(180deg,transparent 0,transparent 3px,rgba(255,255,255,.015) 3px,rgba(255,255,255,.015) 4px);pointer-events:none}.cine-frame{position:relative;width:100%;max-width:760px;padding:28px 36px;border-radius:20px;background:linear-gradient(180deg,#0b0e17c7,#07090feb);backdrop-filter:blur(8px);box-shadow:0 0 0 1px #f59e0b2e,0 20px 80px -20px #000000b3,0 0 120px -30px #f59e0b2e;overflow:hidden}.cine-frame:before{content:"";position:absolute;inset:-2px;border-radius:24px;padding:2px;background:conic-gradient(from 0deg,#f59e0b00,#f59e0b80 40deg,#6366f166,#f43f5e66 220deg,#f59e0b80 320deg,#f59e0b00 360deg);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;-webkit-mask-composite:xor;animation:cine-border-spin 9s linear infinite;pointer-events:none;z-index:1}@keyframes cine-border-spin{to{transform:rotate(360deg)}}.cnr{position:absolute;width:22px;height:22px;border:2px solid rgba(245,158,11,.55);z-index:2;pointer-events:none;transition:opacity .3s ease}.cnr-tl{top:10px;left:10px;border-right:0;border-bottom:0;border-top-left-radius:6px}.cnr-tr{top:10px;right:10px;border-left:0;border-bottom:0;border-top-right-radius:6px}.cnr-bl{bottom:10px;left:10px;border-right:0;border-top:0;border-bottom-left-radius:6px}.cnr-br{bottom:10px;right:10px;border-left:0;border-top:0;border-bottom-right-radius:6px}.cine-hero{text-align:center;margin-bottom:20px;position:relative;z-index:3}.orb-wrap{display:flex;flex-direction:column;align-items:center;margin-bottom:14px}.orb-canvas-frame{width:180px;height:180px;position:relative;margin-bottom:10px}.orb-canvas-frame .promi-orb-inline{width:100%!important;height:100%!important}.orb-state{font-family:var(--font-mono, ui-monospace, monospace);font-size:11px;color:rgb(var(--pn-text-dim));letter-spacing:.18em;text-transform:uppercase;margin:0}.cine-eyebrow{font-family:var(--font-mono, ui-monospace, monospace);font-size:12px;color:rgb(var(--pn-accent));letter-spacing:.16em;margin:0 0 6px;animation:cine-pulse-accent 2.4s ease-in-out infinite}@keyframes cine-pulse-accent{0%,to{opacity:.7}50%{opacity:1}}.cine-title{font-family:var(--font-display, "Space Grotesk", sans-serif);font-size:clamp(28px,3.2vw,40px);font-weight:600;margin:0 0 10px;background:linear-gradient(135deg,#fff,#fde68a 60%,#f59e0b);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.cine-sub{color:rgb(var(--pn-text-dim));font-size:14px;line-height:1.55;max-width:520px;margin:0 auto}.cine-chat{position:relative;z-index:3;background:#0b0e178c;border:1px solid rgba(245,158,11,.18);border-radius:14px;overflow:hidden;box-shadow:inset 0 0 30px #0006}.cine-chat-bar{display:flex;align-items:center;gap:6px;padding:10px 14px;background:#07090fa6;border-bottom:1px solid rgba(245,158,11,.12);font-family:var(--font-mono, ui-monospace, monospace);font-size:10.5px;color:rgb(var(--pn-text-dim));letter-spacing:.14em}.cine-chat-bar .dot{width:9px;height:9px;border-radius:50%;background:#b4530999}.cine-chat-bar .d-1{background:#ef4444}.cine-chat-bar .d-2{background:#f59e0b}.cine-chat-bar .d-3{background:#34d399}.cine-chat-bar .cine-chat-id{margin-left:auto}.cine-messages{flex:1;overflow-y:auto;padding:14px 16px 8px;min-height:200px;max-height:38vh;display:flex;flex-direction:column;gap:10px}.cine-messages::-webkit-scrollbar{width:6px}.cine-messages::-webkit-scrollbar-thumb{background:#f59e0b40;border-radius:3px}.cine-messages .bubble{max-width:85%;padding:12px 14px;border-radius:12px;font-size:14px;line-height:1.55;white-space:pre-wrap;animation:cine-bubble-in .32s cubic-bezier(.2,.7,.2,1)}.cine-messages .bubble.user{margin-left:auto;background:linear-gradient(135deg,#f59e0b2e,#f59e0b14);border:1px solid rgba(245,158,11,.35);color:#fff8e7}.cine-messages .bubble.assistant{margin-right:auto;background:#161a2cb3;border:1px solid rgba(99,102,241,.18);color:rgb(var(--pn-text))}.cine-messages .bubble.system{margin:0 auto;background:transparent;border:1px dashed rgba(139,146,173,.3);color:rgb(var(--pn-text-dim));font-size:12.5px;font-style:italic;padding:8px 14px}@keyframes cine-bubble-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.cine-input{display:flex;gap:10px;padding:14px;background:#07090f80;border-top:1px solid rgba(245,158,11,.12)}.cine-input textarea{flex:1;background:#0b0e17bf;border:1px solid rgba(245,158,11,.18);border-radius:10px;padding:10px 12px;color:rgb(var(--pn-text));font:inherit;font-size:14px;resize:none;outline:none;transition:border-color .18s ease,box-shadow .18s ease}.cine-input textarea:focus{border-color:#f59e0b8c;box-shadow:0 0 0 3px #f59e0b1f}.cine-input-actions{display:flex;flex-direction:column;gap:6px}.btn-send,.btn-finalize{font:inherit;font-weight:600;cursor:pointer;border-radius:9px;padding:9px 16px;white-space:nowrap;transition:background .15s ease,color .15s ease,transform .12s ease}.btn-send{background:linear-gradient(135deg,rgb(var(--pn-accent)),#b45309);color:#07090f;border:0;font-size:13.5px}.btn-send:hover:not(:disabled){transform:translateY(-1px)}.btn-send:disabled,.btn-finalize:disabled{opacity:.5;cursor:not-allowed}.btn-finalize{background:transparent;color:rgb(var(--pn-text-dim));border:1px solid rgba(245,158,11,.25);font-size:11.5px;padding:6px 12px}.btn-finalize:hover:not(:disabled){color:rgb(var(--pn-text));border-color:#f59e0b8c}.cine-hint{padding:0 14px 12px;margin:0;font-family:var(--font-mono, ui-monospace, monospace);font-size:11px;color:rgb(var(--pn-text-dim));text-align:center;background:#07090f66}.cine-foot{text-align:center;color:rgb(var(--pn-text-dim));font-size:12px;margin:14px 0 0;position:relative;z-index:3}.cine-foot a{color:rgb(var(--pn-accent));text-decoration:underline}@media(max-width:640px){.cine-stage{padding:20px 14px 40px}.cine-frame{padding:24px 16px 20px;border-radius:16px}.orb-canvas-frame{width:140px;height:140px}.cine-glow{width:360px;height:360px;top:10px}.cine-title{font-size:clamp(24px,7vw,32px)}.cine-sub{font-size:13px}.cine-messages{padding:12px 12px 6px;min-height:180px;max-height:50vh}.cnr{width:16px;height:16px}}@media(prefers-reduced-motion:reduce){.cine-bg,.cine-glow,.cine-grain,.cine-frame:before,.cine-eyebrow{animation:none!important}}