*{box-sizing:border-box}*,body{margin:0;padding:0}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:#12111A;color:#F5F3FA;min-height:100vh;align-items:center;justify-content:center}.phone,body{display:flex;flex-direction:column}.phone{width:100%;max-width:480px;height:100vh;background:transparent}.screen,.status-bar{display:none}.screen{flex-direction:column;flex:1 1;overflow:hidden;height:100%}.screen.active{display:flex}.cover{flex-direction:column;padding:40px 30px;text-align:center;flex:1 1;overflow-y:auto}.cover,.hero{display:flex;align-items:center;justify-content:center}.hero{width:100%;height:700px;background:linear-gradient(135deg,rgba(201,169,233,.2),rgba(168,218,220,.2));border-radius:24px;margin-bottom:30px;overflow:hidden;position:relative}.hero video{width:100%;height:100%;object-fit:cover;object-position:center 10%}.hero-placeholder{width:100%;height:100%;display:none;align-items:center;justify-content:center;font-size:64px}.title{font-family:Syne,sans-serif;font-size:28px;font-weight:700;margin-bottom:4px;background:linear-gradient(135deg,#C9A9E9,#E8B4D3);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.subtitle{font-size:15px;color:#B8A8C8;margin-bottom:24px;line-height:1.4}.cta-button{font-family:DM Sans,sans-serif;font-size:16px;font-weight:600;padding:14px 40px;background:linear-gradient(135deg,#C9A9E9,#E8B4D3);color:white;border:none;border-radius:999px;cursor:pointer;box-shadow:0 8px 24px rgba(201,169,233,.4);transition:transform .2s,box-shadow .2s}.cta-button:hover{transform:translateY(-2px);box-shadow:0 12px 32px rgba(201,169,233,.5)}.cta-button:active{transform:translateY(0)}.footer-text{margin-top:20px;font-size:13px;color:#7a6b8a}.dm-header{padding:10px 16px;background:#1A1525;border-bottom:1px solid rgba(201,169,233,.1);display:flex;flex-direction:row;align-items:center;gap:12px}.back-btn{font-family:Inter,sans-serif;font-size:22px;color:#C9A9E9;background:none;border:none;cursor:pointer;padding:4px 4px 4px 0;transition:all .2s;line-height:1}.back-btn:hover{color:#E8B4D3}.avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#C9A9E9,#A8DADC);display:flex;align-items:center;justify-content:center;font-size:20px;overflow:hidden;flex-shrink:0}.avatar img{width:100%;height:100%;object-fit:cover;object-position:center top}.avatar-placeholder{font-size:20px}.dm-name{font-family:DM Sans,sans-serif;font-size:16px;font-weight:600;color:#F5F3FA;flex:1 1}.chat{flex:1 1;overflow-y:auto;padding:12px 16px;display:flex;flex-direction:column;gap:4px;scroll-behavior:smooth;background:#0e0c1c;position:relative}.chat:before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse 85% 65% at 18% 22%,rgba(110,55,190,.38) 0,transparent 58%),radial-gradient(ellipse 60% 55% at 80% 65%,rgba(50,90,200,.22) 0,transparent 52%),radial-gradient(ellipse 70% 45% at 55% 95%,rgba(170,70,140,.18) 0,transparent 55%);animation:auroraPulse 10s ease-in-out infinite alternate}@keyframes auroraPulse{0%{opacity:.7;transform:scale(1)}33%{opacity:1;transform:scale(1.05) translateX(6px)}66%{opacity:.85;transform:scale(.97) translateY(-8px)}to{opacity:1;transform:scale(1.03)}}.chat::-webkit-scrollbar{width:0}.message{display:flex;gap:8px;animation:slideIn .3s ease;margin-bottom:2px}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message.nora{justify-content:flex-start}.message.user{justify-content:flex-end}.bubble{max-width:75%;padding:8px 12px 22px;font-size:14.5px;line-height:1.5;position:relative;word-wrap:break-word}.message.nora .bubble{background:#2A2838;color:#F5F3FA;border-radius:0 8px 8px 8px;box-shadow:0 1px 2px rgba(0,0,0,.3)}.message.nora .bubble:before{content:"";position:absolute;top:0;left:-8px;width:0;height:0;border-color:transparent #2a2838 transparent transparent;border-style:solid;border-width:0 8px 8px 0}.message.user .bubble{background:#3A2F45;color:#F5F3FA;border-radius:8px 0 8px 8px;box-shadow:0 1px 2px rgba(0,0,0,.3)}.message.user .bubble:after{content:"";position:absolute;top:0;right:-8px;width:0;height:0;border-color:#3a2f45 transparent transparent;border-style:solid;border-width:8px 8px 0 0}.bubble-time{position:absolute;bottom:5px;right:10px;font-size:11px;color:#9B8EB0;white-space:nowrap}.message.user .bubble-time{color:#B8A8C8}.typing{display:none;align-items:center;gap:8px;padding:10px 14px;background:#2A2838;border-radius:0 8px 8px 8px;width:-moz-fit-content;width:fit-content;position:relative;box-shadow:0 1px 2px rgba(0,0,0,.3)}.typing:before{content:"";position:absolute;top:0;left:-8px;width:0;height:0;border-color:transparent #2a2838 transparent transparent;border-style:solid;border-width:0 8px 8px 0}.typing.show{display:flex}.typing-text{font-size:13px;color:#B8A8C8}.dots{display:flex;gap:4px}.dot{width:6px;height:6px;background:#C9A9E9;border-radius:50%;animation:bounce 1.4s ease-in-out infinite}.dot:first-child{animation-delay:0s}.dot:nth-child(2){animation-delay:.2s}.dot:nth-child(3){animation-delay:.4s}@keyframes bounce{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-8px)}}.input-area{padding:8px 12px;border-top:1px solid rgba(201,169,233,.1);background:#1A1525;display:none}.input-area.show{display:block}.choices{display:none;flex-direction:column;gap:10px}.choices.show{display:flex}.choice-btn{font-family:DM Sans,sans-serif;font-size:15px;font-weight:500;padding:12px 16px;background:#2A2838;color:#F5F3FA;border:1px solid rgba(201,169,233,.2);border-radius:8px;cursor:pointer;transition:all .2s;text-align:left}.choice-btn:hover{background:#3A2F45;border-color:rgba(201,169,233,.4)}.choice-btn:active{transform:scale(.98)}.category-grid{display:none;grid-template-columns:1fr 1fr;gap:10px}.category-grid.show{display:grid}.category-btn{font-family:DM Sans,sans-serif;font-size:15px;font-weight:600;padding:16px;background:#2A2838;color:#F5F3FA;border:1px solid rgba(201,169,233,.2);border-radius:8px;cursor:pointer;transition:all .2s;text-align:center}.category-btn:hover{background:#3A2F45;border-color:rgba(201,169,233,.4);transform:translateY(-2px)}.category-btn:active{transform:translateY(0)}.category-btn.viewed{opacity:.5;background:#2A2838}.text-input-wrapper{display:none;gap:10px}.text-input-wrapper.show{display:flex}.text-input{flex:1 1;font-family:Inter,sans-serif;font-size:15px;padding:12px 16px;background:#2A2838;border:1px solid rgba(201,169,233,.2);border-radius:24px;color:#F5F3FA;outline:none}.text-input::placeholder{color:#7a6b8a}.text-input:focus{border-color:rgba(201,169,233,.5)}.send-btn{font-family:DM Sans,sans-serif;font-size:14px;font-weight:600;padding:12px 20px;background:linear-gradient(135deg,#C9A9E9,#E8B4D3);color:white;border:none;border-radius:22px;cursor:pointer;transition:all .2s;flex-shrink:0;box-shadow:0 4px 12px rgba(201,169,233,.4)}.send-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(201,169,233,.5)}.send-btn:active{transform:scale(.95)}.dropdown-group{display:none;flex-direction:column;gap:10px}.dropdown-group.show{display:flex}.dropdown-row{display:flex;gap:10px}select{flex:1 1;font-family:Inter,sans-serif;font-size:14px;padding:12px;background:#2A2838;border:1px solid rgba(201,169,233,.2);border-radius:8px;color:#F5F3FA;outline:none;cursor:pointer}select:focus{border-color:rgba(201,169,233,.5)}option{background:#2A2838;color:#F5F3FA}