*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%;overflow:hidden}body{background:#0a0a1a;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.app{height:100vh;display:flex}.app[data-theme=dark],.result-page[data-theme=dark],[data-theme=dark]{--bg:#1a1a2e;--header-bg:linear-gradient(135deg, #2c3e50, #1a1a2e);--header-border:#ffffff14;--msg-bg-ai:#2c3e50;--msg-bg-user:#f4a219;--msg-color-ai:#e0e0e0;--msg-color-user:#1a1a1a;--input-bg:#1a1a2e;--input-border:#ffffff1a;--input-color:#e0e0ff;--input-placeholder:#555;--input-bar-bg:#2c3e50;--dot-color:#f4a219;--btn-bg:linear-gradient(90deg, #f4a219, #d38112);--btn-color:#1a1a1a;--header-color:#f4a219;--header-sub:#a0a0c0;--scrollbar-thumb:#333}.app[data-theme=light],.result-page[data-theme=light],[data-theme=light]{--bg:#fcf6ef;--header-bg:linear-gradient(135deg, #2c3e50, #1a2a3a);--header-border:#00000014;--msg-bg-ai:#fff8f0;--msg-bg-user:#f4a219;--msg-color-ai:#252525;--msg-color-user:#1a1a1a;--input-bg:#fff;--input-border:#0000001f;--input-color:#252525;--input-placeholder:#999;--input-bar-bg:#fff;--dot-color:#f4a219;--btn-bg:linear-gradient(90deg, #f4a219, #d38112);--btn-color:#1a1a1a;--header-color:#f4a219;--header-sub:#b0b0b0;--scrollbar-thumb:#ccc}.chat-container{background:var(--bg);flex-direction:column;width:100%;display:flex}.chat-header{background:var(--header-bg);border-bottom:1px solid var(--header-border);align-items:center;gap:12px;padding:12px 16px;display:flex}.chat-logo{border-radius:8px;width:auto;height:40px}.chat-header-title{flex:1}.chat-header-title h1{color:var(--header-color);margin:0;font-size:16px;font-weight:700}.chat-header-title p{color:var(--header-sub);margin:1px 0 0;font-size:12px}.theme-toggle{border:1px solid var(--header-border);cursor:pointer;width:36px;height:36px;color:var(--header-color);background:0 0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:background .2s;display:flex}.theme-toggle:hover{background:#ffffff1a}.chat-messages{background:var(--bg);flex-direction:column;flex:1;gap:10px;padding:16px;display:flex;overflow-y:auto}.chat-messages::-webkit-scrollbar{width:5px}.chat-messages::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:3px}.message{display:flex}.message.ai{justify-content:flex-start}.message.user{justify-content:flex-end}.message-bubble{white-space:pre-wrap;border-radius:18px;max-width:85%;padding:10px 14px;font-size:14px;line-height:1.6}.message.ai .message-bubble{background:var(--msg-bg-ai);color:var(--msg-color-ai);border-bottom-left-radius:4px}.message.user .message-bubble{background:var(--msg-bg-user);color:var(--msg-color-user);border-bottom-right-radius:4px}.typing{align-items:center;gap:5px;padding:14px 18px;display:flex}.dot{background:var(--dot-color);border-radius:50%;width:7px;height:7px;animation:1.4s infinite both blink}.dot:nth-child(2){animation-delay:.2s}.dot:nth-child(3){animation-delay:.4s}@keyframes blink{0%,80%,to{opacity:.3}40%{opacity:1}}.chat-input{background:var(--input-bar-bg);border-top:1px solid var(--header-border);gap:8px;padding:12px 16px;display:flex}.chat-input input{border:1px solid var(--input-border);background:var(--input-bg);color:var(--input-color);border-radius:12px;outline:none;flex:1;padding:10px 14px;font-size:14px;transition:border-color .2s}.chat-input input:focus{border-color:#f4a219}.chat-input input::placeholder{color:var(--input-placeholder)}.chat-input button{background:var(--btn-bg);color:var(--btn-color);cursor:pointer;border:none;border-radius:12px;padding:10px 18px;font-size:14px;font-weight:600;transition:opacity .2s}.chat-input button:disabled{opacity:.4;cursor:not-allowed}.chat-input button:not(:disabled):hover{opacity:.85}.result-page{background:var(--bg,#1a1a2e);justify-content:center;min-height:100vh;display:flex;position:relative;overflow:auto}.result-content{z-index:1;width:100%;max-width:500px;padding:32px 20px;animation:.5s fadeInUp;position:relative}.result-header{text-align:center;margin-bottom:32px}.result-badge{margin-bottom:12px;font-size:64px;animation:.6s both bounceIn}.result-title{color:#f4a219;margin:0 0 8px;font-size:32px;font-weight:800;animation:.4s .2s both fadeInUp}.result-subtitle{color:var(--header-sub,#88a);margin:0;font-size:15px;line-height:1.5;animation:.4s .3s both fadeInUp}.result-card{background:var(--bg,#1a1a2e);border:1px solid var(--header-border,#ffffff14);border-radius:20px;animation:.4s .4s both fadeInUp;overflow:hidden;box-shadow:0 8px 32px #0003}.result-card-header{color:#f4a219;background:linear-gradient(135deg,#2c3e50,#1a2a3a);align-items:center;gap:12px;padding:16px 20px;font-size:14px;font-weight:600;display:flex}.result-logo{border-radius:4px;width:auto;height:28px}.result-details{flex-direction:column;gap:16px;padding:20px;display:flex}.result-row{border-bottom:1px solid var(--header-border,#ffffff0d);justify-content:space-between;align-items:center;padding-bottom:12px;display:flex}.result-row:last-child{border-bottom:none;padding-bottom:0}.result-label{color:var(--header-sub,#88a);font-size:13px}.result-value{color:var(--input-color,#e0e0ff);font-size:15px;font-weight:600}.result-highlight{color:#f4a219;font-size:16px;font-weight:700}.result-capture{background:inherit;border-radius:20px;padding:24px 20px}.result-actions{flex-direction:column;gap:12px;margin-top:28px;animation:.4s .5s both fadeInUp;display:flex}.result-btn{cursor:pointer;border:none;border-radius:14px;justify-content:center;align-items:center;gap:8px;width:100%;padding:14px;font-size:15px;font-weight:600;transition:opacity .2s;display:flex}.result-btn-primary{color:#1a1a1a;background:linear-gradient(90deg,#f4a219,#d38112)}.result-btn-secondary{color:var(--header-sub,#88a);border:1px solid var(--header-border,#ffffff1a);background:0 0}.result-btn:hover{opacity:.85}.confetti-container{pointer-events:none;position:absolute;inset:0;overflow:hidden}.confetti-piece{border-radius:2px;animation:linear infinite confettiFall;position:absolute;top:-10px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{transform:scale(1.15)}70%{transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleX{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.no-animate,.no-animate *{transition:none!important;animation:none!important}@keyframes confettiFall{0%{opacity:1;transform:translateY(-10px)rotate(0)}to{opacity:0;transform:translateY(500px)rotate(720deg)}}@media (width>=768px){.chat-messages,.chat-input{width:100%;max-width:600px;margin:0 auto}}