@import "https://fonts.googleapis.com/css2?family=Raleway:wght@300;400;500;600&family=Playfair+Display:ital,wght@0,400;0,600;1,400&family=Space+Grotesk:wght@300..700&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-deep:#0d0a14;--bg-mid:#130f1e;--glass-bg:#ffffff0e;--glass-border:#ffffff1f;--glass-shine:#ffffff14;--text-primary:#e6dcffeb;--text-sub:#b4a5d2a6;--accent-a:#c8a8ff;--accent-b:#a8d8ff;--accent-c:#ffd5b8;--glow-purple:#b478ff2e;--glow-blue:#64b4ff1f;--glow-warm:#ffb46414}html,body,#root{background:var(--bg-deep);width:100%;height:100%;color:var(--text-primary);font-family:Raleway,sans-serif;font-weight:300;overflow:hidden}.bg-blob{filter:blur(80px);pointer-events:none;z-index:0;border-radius:50%;animation:18s ease-in-out infinite alternate blobDrift;position:fixed}.blob-1{background:radial-gradient(circle,#823cff38,#0000 70%);width:55vw;height:55vw;animation-duration:22s;top:-15vw;left:-10vw}.blob-2{background:radial-gradient(circle,#3ca0ff2e,#0000 70%);width:40vw;height:40vw;animation-duration:18s;animation-delay:-7s;bottom:-8vw;right:-8vw}.blob-3{background:radial-gradient(circle,#ff8c501a,#0000 70%);width:30vw;height:30vw;animation-duration:26s;animation-delay:-12s;bottom:15vh;left:30vw}@keyframes blobDrift{0%{transform:translate(0)scale(1)}33%{transform:translate(3vw,2vh)scale(1.06)}66%{transform:translate(-2vw,4vh)scale(.96)}to{transform:translate(1vw,-3vh)scale(1.03)}}.page{z-index:1;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.glass-panel{background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(32px)saturate(1.8);box-shadow:0 0 0 .5px #ffffff0f inset, 0 8px 32px #00000073, 0 2px 8px #0000004d, inset 0 1px 0 var(--glass-shine);border-radius:24px;position:relative;overflow:hidden}.glass-panel:before{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(135deg,#ffffff12 0%,#0000 50%,#ffffff08 100%);position:absolute;inset:0}.input-panel{flex-direction:column;gap:28px;width:min(480px,90vw);padding:40px 36px;animation:.6s both fadeUp;display:flex}@keyframes fadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.logo-area{text-align:center;flex-direction:column;align-items:center;gap:8px;display:flex}.logo-icon{filter:drop-shadow(0 0 12px #c8a8ff80);width:52px;height:52px;animation:4s ease-in-out infinite iconPulse}@keyframes iconPulse{0%,to{filter:drop-shadow(0 0 12px #c8a8ff80)}50%{filter:drop-shadow(0 0 20px #c8a8ffcc)}}.logo-title{letter-spacing:.08em;background:linear-gradient(135deg, var(--accent-a), var(--accent-b));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-family:Playfair Display,serif;font-size:2rem;font-weight:600}.logo-sub{letter-spacing:.18em;text-transform:uppercase;color:var(--text-sub);font-size:.75rem}.input-group{flex-direction:column;gap:10px;display:flex}.glass-input{border:1px solid var(--glass-border);color:var(--text-primary);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border-radius:14px;outline:none;width:100%;padding:14px 18px;font-family:Raleway,sans-serif;font-size:.88rem;font-weight:400;transition:border-color .2s,box-shadow .2s,background .2s}.glass-input::placeholder{color:var(--text-sub)}.glass-input:focus{background:#c8a8ff12;border-color:#c8a8ff73;box-shadow:0 0 0 3px #c8a8ff1f}.glass-btn{color:var(--text-primary);letter-spacing:.06em;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#c8a8ff2e,#a8d8ff1f);border:1px solid #c8a8ff4d;border-radius:14px;justify-content:center;align-items:center;gap:8px;width:100%;padding:14px 22px;font-family:Raleway,sans-serif;font-size:.88rem;font-weight:500;transition:all .2s;display:flex}.glass-btn:hover:not(:disabled){background:linear-gradient(135deg,#c8a8ff47,#a8d8ff33);border-color:#c8a8ff80;transform:translateY(-1px);box-shadow:0 4px 20px #c8a8ff33}.glass-btn:disabled{opacity:.35;cursor:not-allowed}.samples{flex-direction:column;gap:10px;display:flex}.samples-label{letter-spacing:.16em;text-transform:uppercase;color:var(--text-sub);text-align:center;font-size:.7rem}.sample-chips{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.glass-chip{color:var(--text-sub);letter-spacing:.04em;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:100px;padding:6px 14px;font-family:Raleway,sans-serif;font-size:.72rem;transition:all .2s}.glass-chip:hover{color:var(--text-primary);background:#c8a8ff1f;border-color:#c8a8ff4d}.error-msg{color:#ffa08ce6;text-align:center;background:#ff645014;border:1px solid #ff645040;border-radius:12px;padding:10px 16px;font-size:.8rem}.loading-panel{flex-direction:column;align-items:center;gap:20px;width:260px;padding:48px 36px;animation:.4s both fadeUp;display:flex}.loader-orb{justify-content:center;align-items:center;width:70px;height:70px;display:flex;position:relative}.orb-ring{border:1px solid #0000;border-radius:50%;animation:3s linear infinite orbSpin;position:absolute}.ring-1{border-top-color:#c8a8ffb3;border-right-color:#c8a8ff33;width:70px;height:70px;animation-duration:2.5s}.ring-2{border-top-color:#a8d8ff99;border-left-color:#a8d8ff33;width:52px;height:52px;animation-duration:3.5s;animation-direction:reverse}.ring-3{border-top-color:#ffd5b880;border-right-color:#ffd5b826;width:36px;height:36px;animation-duration:2s}.orb-core{background:radial-gradient(circle,#ffffffe6,#c8a8ff99);border-radius:50%;width:12px;height:12px;animation:2s ease-in-out infinite corePulse;box-shadow:0 0 12px #c8a8ffcc}@keyframes orbSpin{to{transform:rotate(360deg)}}@keyframes corePulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.4)}}.loading-text{color:var(--text-primary);text-align:center;font-family:Playfair Display,serif;font-size:1rem}.loading-sub{color:var(--text-sub);letter-spacing:.08em;text-align:center;font-size:.72rem}.result-layout{align-items:stretch;width:100%;height:100%;display:flex;position:relative}.canvas-area{flex:1;height:100%}.canvas-wrapper{width:100%;height:100%}.canvas-wrapper canvas{width:100%!important;height:100%!important}.info-overlay{z-index:10;animation:.6s .2s both fadeUp;position:absolute;bottom:32px;left:32px}.info-panel{flex-direction:column;gap:14px;width:min(340px,88vw);padding:24px 24px 20px;display:flex}.back-btn{color:var(--text-sub);cursor:pointer;align-self:flex-start;font-size:.72rem}.result-title{color:var(--text-primary);font-family:Playfair Display,serif;font-size:.95rem;font-weight:600;line-height:1.4}.result-summary{color:var(--text-sub);-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:.75rem;line-height:1.65;display:-webkit-box;overflow:hidden}.legend{flex-direction:column;gap:8px;display:flex}.legend-label{letter-spacing:.16em;text-transform:uppercase;color:var(--text-sub);font-size:.65rem}.topic-pills{flex-wrap:wrap;gap:6px;display:flex}.topic-pill{letter-spacing:.04em;color:var(--pill-color,#dcd2ffd9);cursor:default;opacity:.85;will-change:transform;background:0 0;border:none;margin:0;padding:0;font-family:Space Grotesk,sans-serif;font-size:.78rem;font-weight:500;transition:transform .2s,opacity .2s,text-shadow .2s}.topic-pill:hover{opacity:1;text-shadow:0 0 10px var(--pill-glow,#c8a8ff99), 0 0 22px var(--pill-glow,#c8a8ff59);transform:translateY(-2px)scale(1.03)}.more-pill{color:var(--text-sub);font-style:italic}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#c8a8ff33;border-radius:4px}