@import "https://fonts.googleapis.com/css2?family=Fredoka:wght@600;700&family=Space+Mono&display=swap";#root{box-sizing:border-box;flex-direction:column;width:100%;max-width:100%;min-height:100svh;margin:0;display:flex}*{box-sizing:border-box;margin:0;padding:0}body{background:#f0ede6;font-family:Space Mono,monospace}#root{box-sizing:border-box;text-align:left;border:none;flex-direction:column;width:100%;max-width:100%;min-height:100svh;margin:0;display:flex}.app{flex-direction:column;min-height:100vh;display:flex}.hero{background-image:url(https://images.unsplash.com/photo-1601758124510-52d02ddb7cbd?w=1400&q=80);background-position:50%;background-size:cover;flex-direction:column;justify-content:center;align-items:center;min-height:60vh;padding:48px 24px;display:flex;position:relative;overflow:hidden}.hero:after{content:"";background:#0000004d;position:absolute;inset:0}.hero-title{z-index:1;color:#0000;-webkit-text-stroke:3px #f0c0e0;text-align:center;text-transform:uppercase;letter-spacing:-2px;font-family:Fredoka,sans-serif;font-size:clamp(80px,18vw,180px);font-weight:700;line-height:.85;position:relative}.hero-sub{z-index:1;color:#f0c0e0;letter-spacing:3px;text-transform:uppercase;margin-top:20px;font-family:Space Mono,monospace;font-size:11px;position:relative}.deco{z-index:1;color:#fff;opacity:.85;font-size:32px;position:absolute}.top-left{font-size:40px;top:24px;left:32px}.top-right{font-size:28px;top:40px;right:48px}.bottom-left{font-size:36px;bottom:32px;left:48px}.bottom-right{font-size:44px;bottom:24px;right:32px}.desc-section{background:#f0ede6;width:100%;max-width:680px;margin:0 auto;padding:48px 24px}.desc-text{color:#1a1a1a;border-left:3px solid #d4829e;padding-left:20px;font-family:Space Mono,monospace;font-size:13px;line-height:1.8}.chat-section{flex:1;width:100%;max-width:680px;margin:0 auto;padding:0 24px 48px}.rainbow-card{background:#f0ede6;border-radius:16px;padding:32px;position:relative}.rainbow-card:before{content:"";-webkit-mask-composite:xor;pointer-events:none;background:linear-gradient(135deg,#ff6b9d,#ff8c42,#ffd93d,#6bcb77,#4d96ff,#c77dff);border-radius:16px;padding:3px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.chat-area{flex-direction:column;gap:14px;min-height:200px;padding-bottom:16px;display:flex}.empty-state{color:#aaa;text-align:center;padding:40px 0;font-family:Space Mono,monospace;font-size:13px}.bubble-bot{color:#1a1a1a;background:#fff;border:1.5px solid #e0ddd6;border-radius:0 16px 16px;align-self:flex-start;max-width:78%;padding:12px 16px;font-family:Space Mono,monospace;font-size:13px;line-height:1.6}.bubble-user{color:#f0ede6;background:#1a1a1a;border-radius:16px 0 16px 16px;align-self:flex-end;max-width:78%;padding:12px 16px;font-family:Space Mono,monospace;font-size:13px;line-height:1.6}.dotted-divider{border-top:2px dotted #ccc;margin:16px 0}.example-questions{margin-bottom:20px}.example-label{color:#aaa;letter-spacing:2px;text-transform:uppercase;margin-bottom:10px;font-family:Space Mono,monospace;font-size:10px}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{color:#1a1a1a;cursor:pointer;text-align:left;background:0 0;border:1.5px solid #1a1a1a;border-radius:20px;padding:6px 14px;font-family:Space Mono,monospace;font-size:11px;transition:all .15s}.chip:hover{color:#f0ede6;background:#1a1a1a}.input-area{align-items:center;gap:12px;display:flex}.input-area input{color:#1a1a1a;background:0 0;border:none;border-bottom:1.5px solid #1a1a1a;outline:none;flex:1;padding:10px 0;font-family:Space Mono,monospace;font-size:13px}.input-area input::placeholder{color:#aaa}.input-area button{color:#f0ede6;cursor:pointer;letter-spacing:2px;text-transform:uppercase;background:#1a1a1a;border:none;border-radius:8px;padding:10px 20px;font-family:Space Mono,monospace;font-size:11px;font-weight:700}.input-area button:hover{background:#333}