@import url(https://fonts.googleapis.com/css2?family=Arbutus+Slab&display=swap);code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.react-flow{direction:ltr}.react-flow__container{height:100%;left:0;position:absolute;top:0;width:100%}.react-flow__pane{cursor:grab;z-index:1}.react-flow__pane.selection{cursor:pointer}.react-flow__pane.dragging{cursor:grabbing}.react-flow__viewport{pointer-events:none;transform-origin:0 0;z-index:2}.react-flow__renderer{z-index:4}.react-flow__selection{z-index:6}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible{outline:none}.react-flow .react-flow__edges{overflow:visible;pointer-events:none}.react-flow__connection-path,.react-flow__edge-path{stroke:#b1b1b7;stroke-width:1;fill:none}.react-flow__edge{cursor:pointer;pointer-events:visibleStroke}.react-flow__edge.animated path{stroke-dasharray:5;animation:dashdraw .5s linear infinite}.react-flow__edge.animated path.react-flow__edge-interaction{stroke-dasharray:none;animation:none}.react-flow__edge.inactive{pointer-events:none}.react-flow__edge.selected,.react-flow__edge:focus,.react-flow__edge:focus-visible{outline:none}.react-flow__edge.selected .react-flow__edge-path,.react-flow__edge:focus .react-flow__edge-path,.react-flow__edge:focus-visible .react-flow__edge-path{stroke:#555}.react-flow__edge-textwrapper{pointer-events:all}.react-flow__edge-textbg{fill:#fff}.react-flow__edge .react-flow__edge-text{pointer-events:none;-webkit-user-select:none;user-select:none}.react-flow__connection{pointer-events:none}.react-flow__connection .animated{stroke-dasharray:5;animation:dashdraw .5s linear infinite}.react-flow__connectionline{z-index:1001}.react-flow__nodes{pointer-events:none;transform-origin:0 0}.react-flow__node{box-sizing:border-box;cursor:grab;pointer-events:all;position:absolute;transform-origin:0 0;-webkit-user-select:none;user-select:none}.react-flow__node.dragging{cursor:grabbing}.react-flow__nodesselection{pointer-events:none;transform-origin:left top;z-index:3}.react-flow__nodesselection-rect{cursor:grab;pointer-events:all;position:absolute}.react-flow__handle{background:#1a192b;border:1px solid #fff;border-radius:100%;height:6px;min-height:5px;min-width:5px;pointer-events:none;position:absolute;width:6px}.react-flow__handle.connectionindicator{cursor:crosshair;pointer-events:all}.react-flow__handle-bottom{bottom:-4px;left:50%;top:auto;transform:translate(-50%)}.react-flow__handle-top{left:50%;top:-4px;transform:translate(-50%)}.react-flow__handle-left{left:-4px;top:50%;transform:translateY(-50%)}.react-flow__handle-right{right:-4px;top:50%;transform:translateY(-50%)}.react-flow__edgeupdater{cursor:move;pointer-events:all}.react-flow__panel{margin:15px;position:absolute;z-index:5}.react-flow__panel.top{top:0}.react-flow__panel.bottom{bottom:0}.react-flow__panel.left{left:0}.react-flow__panel.right{right:0}.react-flow__panel.center{left:50%;transform:translateX(-50%)}.react-flow__attribution{background:#ffffff80;font-size:10px;margin:0;padding:2px 3px}.react-flow__attribution a{color:#999;text-decoration:none}@keyframes dashdraw{0%{stroke-dashoffset:10}}.react-flow__edgelabel-renderer{height:100%;pointer-events:none;position:absolute;-webkit-user-select:none;user-select:none;width:100%}.react-flow__edge.updating .react-flow__edge-path{stroke:#777}.react-flow__edge-text{font-size:10px}.react-flow__node.selectable:focus,.react-flow__node.selectable:focus-visible{outline:none}.react-flow__node-default,.react-flow__node-group,.react-flow__node-input,.react-flow__node-output{background-color:#fff;border:1px solid #1a192b;border-radius:3px;color:#222;font-size:12px;padding:10px;text-align:center;width:150px}.react-flow__node-default.selectable:hover,.react-flow__node-group.selectable:hover,.react-flow__node-input.selectable:hover,.react-flow__node-output.selectable:hover{box-shadow:0 1px 4px 1px #00000014}.react-flow__node-default.selectable.selected,.react-flow__node-default.selectable:focus,.react-flow__node-default.selectable:focus-visible,.react-flow__node-group.selectable.selected,.react-flow__node-group.selectable:focus,.react-flow__node-group.selectable:focus-visible,.react-flow__node-input.selectable.selected,.react-flow__node-input.selectable:focus,.react-flow__node-input.selectable:focus-visible,.react-flow__node-output.selectable.selected,.react-flow__node-output.selectable:focus,.react-flow__node-output.selectable:focus-visible{box-shadow:0 0 0 .5px #1a192b}.react-flow__node-group{background-color:#f0f0f040}.react-flow__nodesselection-rect,.react-flow__selection{background:#0059dc14;border:1px dotted #0059dccc}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible,.react-flow__selection:focus,.react-flow__selection:focus-visible{outline:none}.react-flow__controls{box-shadow:0 0 2px 1px #00000014}.react-flow__controls-button{align-items:center;background:#fefefe;border:none;border-bottom:1px solid #eee;box-sizing:initial;cursor:pointer;display:flex;height:16px;justify-content:center;padding:5px;-webkit-user-select:none;user-select:none;width:16px}.react-flow__controls-button:hover{background:#f4f4f4}.react-flow__controls-button svg{max-height:12px;max-width:12px;width:100%}.react-flow__controls-button:disabled{pointer-events:none}.react-flow__controls-button:disabled svg{fill-opacity:.4}.react-flow__minimap{background-color:#fff}.react-flow__minimap svg{display:block}.react-flow__resize-control{position:absolute}.react-flow__resize-control.left,.react-flow__resize-control.right{cursor:ew-resize}.react-flow__resize-control.bottom,.react-flow__resize-control.top{cursor:ns-resize}.react-flow__resize-control.bottom.right,.react-flow__resize-control.top.left{cursor:nwse-resize}.react-flow__resize-control.bottom.left,.react-flow__resize-control.top.right{cursor:nesw-resize}.react-flow__resize-control.handle{background-color:#3367d9;border:1px solid #fff;border-radius:1px;height:4px;transform:translate(-50%,-50%);width:4px}.react-flow__resize-control.handle.left{left:0;top:50%}.react-flow__resize-control.handle.right{left:100%;top:50%}.react-flow__resize-control.handle.top{left:50%;top:0}.react-flow__resize-control.handle.bottom{left:50%;top:100%}.react-flow__resize-control.handle.bottom.left,.react-flow__resize-control.handle.top.left{left:0}.react-flow__resize-control.handle.bottom.right,.react-flow__resize-control.handle.top.right{left:100%}.react-flow__resize-control.line{border:0 solid #3367d9}.react-flow__resize-control.line.left,.react-flow__resize-control.line.right{height:100%;top:0;transform:translate(-50%);width:1px}.react-flow__resize-control.line.left{border-left-width:1px;left:0}.react-flow__resize-control.line.right{border-right-width:1px;left:100%}.react-flow__resize-control.line.bottom,.react-flow__resize-control.line.top{height:1px;left:0;transform:translateY(-50%);width:100%}.react-flow__resize-control.line.top{border-top-width:1px;top:0}.react-flow__resize-control.line.bottom{border-bottom-width:1px;top:100%}*{box-sizing:border-box;margin:0;padding:0;transition:all .3s cubic-bezier(.4,0,.2,1)}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;animation:gradientShift 15s ease infinite;background:linear-gradient(135deg,#020204,#040408 25%,#030309 50%,#1a0a40 75%,#040408);background-attachment:fixed;background-size:400% 400%;color:#fff;font-family:Arbutus Slab,serif;overflow-x:hidden}body,html{min-height:100vh}html{background:#000;scroll-behavior:smooth}a,button,div,h1,h2,h3,h4,h5,h6,input,p,select,span,textarea{transition:all .3s cubic-bezier(.4,0,.2,1)}a:hover,button:hover,input:focus,select:focus,textarea:focus{transition:all .2s cubic-bezier(.4,0,.2,1)}.analyze-button,.input-field,.navbar-item{transition:color .3s ease,background .3s ease,border-color .3s ease,box-shadow .3s ease,transform .3s ease}.hero-title,.navbar-logo,.step-card{transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s ease,filter .3s ease}@keyframes gradientShift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes progressGlow{0%,to{box-shadow:0 0 10px currentColor}50%{box-shadow:0 0 25px currentColor,0 0 35px currentColor}}@keyframes slideInFromLeft{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInFromRight{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#0f0f23cc}::-webkit-scrollbar-thumb{background:linear-gradient(45deg,#8b5cf6,#ec4899);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(45deg,#7c3aed,#db2777)}.navbar{background:#0000;border-bottom:none;left:0;padding:1rem 0;position:fixed;right:0;top:0;z-index:1000}.navbar-container{align-items:center;display:flex;justify-content:space-between;padding:0 2rem;width:100%}.navbar-logo{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#8b5cf6,#ec4899,#06b6d4);background-clip:text;-webkit-background-clip:text;cursor:pointer;font-size:1.8rem;font-weight:800;text-shadow:0 0 20px #8b5cf680}.navbar-menu{align-items:center}.navbar-items,.navbar-menu{display:flex;gap:2rem}.navbar-item{background:#0000;border:none;border-radius:8px;color:#e5e7eb;cursor:pointer;font-size:1rem;font-weight:500;padding:.5rem 1rem;transition:all .3s ease}.navbar-item:hover{background:#8b5cf61a;color:#8b5cf6}.navbar-item.active{background:#8b5cf626;color:#8b5cf6}.navbar-user{align-items:center;display:flex;gap:1.5rem;margin-left:2rem}.user-name{background:#8b5cf61a;border:1px solid #8b5cf64d;border-radius:20px;color:#8b5cf6;font-size:.9rem;font-weight:600;margin-right:.5rem;padding:.5rem 1rem}.logout-button{background:#ef44441a;border:1px solid #ef44444d;border-radius:20px;color:#fca5a5;cursor:pointer;font-size:.8rem;font-weight:500;padding:.5rem 1rem;transition:all .3s ease}.logout-button:hover{background:#ef444433;border-color:#ef444480;color:#fecaca;transform:scale(1.05)}.login-button-nav{background:#8b5cf61a;border:1px solid #8b5cf64d;border-radius:20px;color:#8b5cf6;cursor:pointer;font-size:.8rem;font-weight:500;padding:.5rem 1rem;transition:all .3s ease}.login-button-nav:hover{background:#8b5cf633;border-color:#8b5cf680;color:#a855f7;transform:scale(1.05)}.mobile-user-info{border-bottom:1px solid #8b5cf633;margin-bottom:1rem;padding:1rem}.navbar-mobile-toggle{background:#0000;border:none;color:#fff;cursor:pointer;display:none;font-size:1.5rem;padding:.5rem}.navbar-mobile-menu{animation:slideDown .3s ease-out;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0f0f23f2;border-top:1px solid #8b5cf633;display:flex;flex-direction:column;gap:.5rem;left:0;padding:1rem;position:absolute;right:0;top:100%}.navbar-mobile-item{background:#0000;border:none;border-radius:8px;color:#e5e7eb;cursor:pointer;font-size:1rem;font-weight:500;padding:1rem;text-align:left;transition:all .3s ease}.navbar-mobile-item:hover{background:#8b5cf61a;color:#8b5cf6}.navbar-mobile-item.active{background:#8b5cf626;color:#8b5cf6}.page-container{color:#fff;min-height:100vh;overflow:hidden;padding-top:4rem;position:relative}.page-content{margin:0 auto;max-width:1200px;padding:2rem;position:relative;z-index:1}.animated-background{animation:float 20s ease-in-out infinite;background:radial-gradient(circle at 20% 80%,#8b5cf61a 0,#0000 50%),radial-gradient(circle at 80% 20%,#ec48991a 0,#0000 50%),radial-gradient(circle at 40% 40%,#06b6d40d 0,#0000 50%);bottom:0;left:0;position:absolute;right:0;top:0}.robot-background{background-image:url(/static/media/robo.1e66a1bb4d6f09b9b15a.png);background-position:100% 100%;background-repeat:no-repeat;background-size:contain;bottom:0;height:800px;opacity:.3;pointer-events:none;position:fixed;right:10%;width:800px;z-index:0}.floating-particles{bottom:0;left:0;overflow:hidden;pointer-events:none;position:absolute;right:0;top:0}.particle{border-radius:50%;opacity:.6;position:absolute}.hero-section{margin-bottom:4rem;padding:4rem 0;text-align:center}.hero-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#8b5cf6,#ec4899,#06b6d4);background-clip:text;-webkit-background-clip:text;font-size:clamp(3rem,8vw,6rem);font-weight:900;letter-spacing:-.02em;line-height:1.1;margin:0 0 1rem;text-shadow:0 0 50px #8b5cf680}.hero-subtitle{color:#e5e7eb;font-size:clamp(1.2rem,3vw,2rem);font-weight:300;letter-spacing:.1em;margin:0 0 3rem;opacity:.9}.hero-description{color:#9ca3af;font-size:clamp(1rem,2vw,1.25rem);line-height:1.6;margin:0 auto 3rem;max-width:600px}.input-section{margin:0 auto;max-width:700px;padding:2rem}.input-container{align-items:center;display:flex;flex-wrap:wrap;gap:1.5rem;margin-bottom:0}.input-container.with-results{margin-bottom:2rem}.comments-analysis .input-container{align-items:center!important;display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important}.comments-analysis .input-field{flex:1 1!important;min-width:0!important}.comments-analysis .analyze-button{flex-shrink:0!important;white-space:nowrap!important}@media (max-width:768px){.comments-analysis .input-container{flex-direction:row!important}}@media (max-width:480px){.comments-analysis .input-container{flex-direction:row!important}}.input-field{animation:slideInFromLeft 1s ease-out;background:#000000b3;background-clip:padding-box;border:2px solid #0000;border-radius:50px;color:#fff;flex:1 1;font-family:inherit;font-size:1.1rem;font-weight:400;min-width:400px;outline:none;padding:1.5rem 2rem;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.input-field:before{background:linear-gradient(90deg,#ec4899,#8b5cf6,#06b6d4);border-radius:50px;bottom:0;content:"";left:0;margin:-2px;opacity:.8;position:absolute;right:0;top:0;z-index:-1}.input-field:focus{box-shadow:0 0 30px #8b5cf666,0 0 60px #ec489933}.input-field:focus:before{animation:gradientShift 3s ease infinite;background:linear-gradient(90deg,#ec4899,#8b5cf6,#06b6d4);background-size:300% 300%;opacity:1}.input-field::placeholder{color:#9ca3af}.custom-dropdown{display:inline-block;min-width:220px;position:relative}.language-select{align-items:center;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#000000b3;border:2px solid #0000;border-radius:50px;box-shadow:0 8px 25px #0000004d,inset 0 1px 0 #ffffff1a;color:#fff;cursor:pointer;display:flex;font-family:inherit;font-size:1.1rem;font-weight:500;padding:1.5rem 3.5rem 1.5rem 2rem;position:relative;transition:all .3s ease;width:100%}.dropdown-text{flex:1 1;text-align:left}.dropdown-arrow{color:#8b5cf6;font-size:.8rem;opacity:.7;position:absolute;right:1.5rem;transition:transform .3s ease}.dropdown-arrow.rotated{transform:rotate(180deg)}.dropdown-options{animation:dropdownSlideIn .3s ease-out;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#000000f2;border:2px solid #8b5cf64d;border-radius:20px;box-shadow:0 20px 50px #00000080,0 0 30px #8b5cf633,inset 0 1px 0 #ffffff1a;left:0;overflow:hidden;position:absolute;right:0;top:calc(100% + 8px);z-index:1000}.dropdown-option{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0000;border-bottom:1px solid #ffffff0d;cursor:pointer;display:flex;justify-content:space-between;padding:1.2rem 1.8rem;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.dropdown-option:last-child{border-bottom:none}.dropdown-option:hover{background:#8b5cf61a;transform:translateX(4px)}.dropdown-option.selected{background:#8b5cf633;border-left:3px solid #8b5cf6}.option-text{color:#fff;flex:1 1;font-size:1rem;font-weight:500}.dropdown-option.selected .option-text{color:#c084fc}.check-icon{color:#8b5cf6;font-size:.8rem}@keyframes dropdownSlideIn{0%{opacity:0;transform:translateY(-10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.language-select.open,.language-select:hover:not(.disabled){box-shadow:0 0 30px #8b5cf666,0 0 60px #ec489933}.language-select.disabled{background:#1e1e1ee6;background-image:linear-gradient(135deg,#3c3c3c4d,#28282833);border:2px solid #0000;box-shadow:0 2px 8px #0003;cursor:not-allowed;opacity:.4;transform:scale(.95)}.analyze-button{align-items:center;animation:slideInFromRight 1s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000c;border:2px solid #ffffff4d;border-radius:50px;color:#fff;cursor:pointer;display:flex;font-family:inherit;font-size:1.1rem;font-weight:600;gap:.5rem;justify-content:center;min-width:140px;padding:1.5rem 3rem;transition:all .4s cubic-bezier(.4,0,.2,1)}.analyze-button:hover:not(:disabled){background:#8b5cf61a;border-color:#8b5cf699;box-shadow:0 0 20px #8b5cf64d,0 0 40px #ec489933;transform:scale(1.05) translateY(-2px)}.analyze-button:disabled{background:#282828cc;border-color:#ffffff1a;cursor:not-allowed;opacity:.5;transform:scale(.95)}.spinner{animation:spin 1s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:currentcolor;height:16px;width:16px}.progress-section{margin-top:2rem;text-align:center}.progress-text{color:#8b5cf6;font-size:1.2rem;font-weight:600;margin-bottom:1rem;text-shadow:0 0 10px #8b5cf680}.progress-bar-container{background:#1e1e3ccc;border:1px solid #8b5cf64d;border-radius:10px;box-shadow:inset 0 2px 10px #0000004d;height:12px;overflow:hidden;width:100%}.progress-bar{animation:gradientShift 2s ease infinite;background:linear-gradient(90deg,#8b5cf6,#ec4899,#06b6d4);background-size:200% 100%;border-radius:10px;box-shadow:0 0 20px #8b5cf680;height:100%;transition:width .8s cubic-bezier(.4,0,.2,1)}.progress-percentage{color:#06b6d4;font-size:.9rem;font-weight:500;margin-top:1rem}.error-container{animation:fadeInUp .5s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#ef444433,#dc26261a);border:2px solid #ef444466;border-radius:16px;margin-top:2rem;padding:1.5rem}.error-content{color:#fca5a5;font-size:1rem;line-height:1.5;margin:0}.results-container{animation:fadeInUp 1s ease-out;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0f0f23e6;border:1px solid #8b5cf64d;border-radius:24px;box-shadow:0 25px 50px #00000040;padding:3rem}.score-display{margin-bottom:3rem;text-align:center}.score-value{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#8b5cf6,#ec4899);background-clip:text;-webkit-background-clip:text;font-size:4rem;font-weight:900;margin-bottom:1rem;text-shadow:0 0 30px #8b5cf680}.score-message{color:#06b6d4;font-size:1.5rem;margin:0}.about-page{padding-top:5rem}.about-content{margin:0 auto;max-width:800px;padding:4rem 2rem}.about-header{margin-bottom:4rem;text-align:center}.about-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#8b5cf6,#ec4899,#06b6d4);background-clip:text;-webkit-background-clip:text;font-size:clamp(2.5rem,6vw,4rem);font-weight:900;letter-spacing:-.02em;margin:0 0 2rem;text-shadow:0 0 30px #8b5cf680}.about-main-content{animation:fadeInUp 1s ease-out;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0f0f23e6;border:1px solid #8b5cf64d;border-radius:24px;box-shadow:0 25px 50px #00000040,0 0 50px #8b5cf61a;padding:3rem}.how-to-use-page{padding-top:5rem}.how-to-use-content{margin:0 auto;max-width:1200px;padding:4rem 2rem}.how-to-use-header{margin-bottom:4rem;text-align:center}.how-to-use-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#8b5cf6,#ec4899,#06b6d4);background-clip:text;-webkit-background-clip:text;font-size:clamp(2.5rem,6vw,4rem);font-weight:900;letter-spacing:-.02em;margin:0 0 1.5rem;text-shadow:0 0 30px #8b5cf680}.steps-grid{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:4rem}.step-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0f0f23e6;border:1px solid #8b5cf64d;border-radius:24px;box-shadow:0 25px 50px #00000040;cursor:pointer;overflow:hidden;padding:2.5rem;position:relative;transition:all .5s cubic-bezier(.4,0,.2,1)}.step-card:hover{box-shadow:0 35px 70px #0000004d;transform:translateY(-10px) scale(1.02)}.back-button{align-items:center;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#000c;border:2px solid #ffffff4d;border-radius:50px;color:#fff;cursor:pointer;display:flex;font-weight:500;left:2rem;padding:.75rem 1.5rem;position:fixed;text-decoration:none;top:2rem;transition:all .3s ease;z-index:100}.back-button:hover{background:#8b5cf633;border-color:#8b5cf699;box-shadow:0 8px 25px #8b5cf64d;transform:translateY(-2px)}.sentiment-chart{align-items:center;display:flex;flex-wrap:wrap;gap:2rem;justify-content:center}.sentiment-item{align-items:center;display:flex;flex-direction:column;gap:1rem}.sentiment-circle{align-items:center;border-radius:50%;color:#fff;display:flex;font-weight:700;justify-content:center;transition:all .3s ease}.sentiment-circle.positive{background:linear-gradient(135deg,#10b981,#059669);font-size:1.5rem;height:8rem;width:8rem}.sentiment-circle.neutral{background:linear-gradient(135deg,#6b7280,#4b5563);font-size:1.25rem;height:6rem;width:6rem}.sentiment-circle.negative{background:linear-gradient(135deg,#ef4444,#dc2626);font-size:1rem;height:4rem;width:4rem}.sentiment-label{font-size:1.1rem;font-weight:600}.sentiment-label.positive{color:#10b981}.sentiment-label.neutral{color:#6b7280}.sentiment-label.negative{color:#ef4444}.questions-list{display:flex;flex-direction:column;gap:1rem}.question-item{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:15px;overflow:hidden;transition:all .3s ease}.question-item:hover{background:#ffffff14;border-color:#8b5cf64d}.question-button{align-items:center;background:#0000;border:none;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:500;justify-content:space-between;padding:1.5rem;text-align:left;transition:all .3s ease;width:100%}.question-button:hover{background:#8b5cf61a}.question-text{flex:1 1;margin-right:1rem}.question-icon{color:#9ca3af;flex-shrink:0;height:1.25rem;width:1.25rem}.question-answer{background:#0003;border-top:1px solid #ffffff1a;color:#d1d5db;font-size:.95rem;line-height:1.6;padding:0 1.5rem 1.5rem}.feedback-list{display:flex;flex-direction:column;gap:1rem;list-style:none;margin:0;padding:0}.feedback-item{align-items:flex-start;color:#d1d5db;display:flex;font-size:1rem;gap:1rem;line-height:1.6}.feedback-bullet{background:linear-gradient(135deg,#8b5cf6,#ec4899);border-radius:50%;flex-shrink:0;height:.5rem;margin-top:.5rem;width:.5rem}.insights-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.insight-card{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;padding:2rem;transition:all .3s ease}.insight-card:hover{background:#ffffff14;border-color:#8b5cf64d;box-shadow:0 20px 40px #0000004d;transform:translateY(-5px)}.insight-title{align-items:center;color:#fff;display:flex;font-size:1.25rem;font-weight:600;gap:.75rem;margin-bottom:1rem}.insight-icon{font-size:1.5rem}.insight-detail{color:#d1d5db;font-size:.95rem;line-height:1.6;margin:0}.stat-card.sentiment-positive .stat-value{color:#10b981}@media (max-width:768px){.navbar-items{display:none}.navbar-mobile-toggle{display:block}.navbar-logo{font-size:1rem!important;font-weight:700}.input-container{flex-direction:column;gap:1rem;padding:1.5rem}.input-field{font-size:1rem;min-width:100%;padding:1rem}.custom-dropdown,.language-select{min-width:0;min-width:auto;width:100%}.language-select{font-size:1rem;padding:1rem 3rem 1rem 1.5rem}.dropdown-options{border-radius:15px}.dropdown-option{font-size:.95rem;padding:1rem 1.5rem}.analyze-button{font-size:1.1rem;margin-top:.5rem;padding:1rem 2rem;width:100%}.steps-grid{gap:1.5rem;grid-template-columns:1fr;padding:1rem}.step-card{font-size:.95rem;padding:1.5rem}.step-number{font-size:1.5rem;height:2.5rem;width:2.5rem}.page-content{margin-top:1rem;padding:1rem}.hero-title{font-size:2.5rem;line-height:1.2;margin-bottom:1rem}.hero-subtitle{font-size:1.1rem;line-height:1.5;margin-bottom:2rem}.robot-background{display:none}.metric-card{font-size:.9rem;margin-bottom:1rem}.metric-score{font-size:1.8rem}.metric-reason{font-size:.85rem;line-height:1.4}.click-more-button{font-size:.8rem;margin-top:.5rem;padding:.3rem .8rem}.analysis-results{padding:1rem;text-align:center}.summary-section{margin-bottom:2rem;text-align:center}.summary-title{font-size:1.8rem;margin-bottom:1rem;text-align:center}.summary-content{font-size:1rem;line-height:1.6;padding:0 .5rem;text-align:justify}.metrics-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr;margin-top:1.5rem}.metric-card{border-radius:12px;padding:1rem;text-align:center}.metric-title{font-size:1.1rem}.metric-score,.metric-title{margin-bottom:.5rem;text-align:center}.metric-score{font-size:2rem}.metric-reason{font-size:.9rem;line-height:1.5;margin-bottom:.5rem;text-align:justify}.popup-header,.popup-title{text-align:center}.popup-title{font-size:1.3rem}.popup-score{font-size:1.8rem;text-align:center}.popup-analysis{font-size:.9rem;line-height:1.6;text-align:justify}.popup-sections{text-align:left}.popup-section{margin-bottom:1rem}.popup-section h4{font-size:1rem;margin-bottom:.5rem;text-align:center}.popup-section ul{padding-left:1rem;text-align:left}.popup-section li{font-size:.85rem;line-height:1.4;margin-bottom:.3rem}.popup-overlay{padding:1rem}.popup-content{font-size:.9rem;max-height:80vh;max-width:none;padding:1.5rem;width:95%}.popup-header{font-size:1.3rem;margin-bottom:1rem}.popup-close{font-size:1.5rem;right:1rem;top:1rem}.popup-score{font-size:2rem;margin-bottom:1rem}.popup-section{margin-bottom:1.5rem}.popup-section h3{font-size:1.1rem;margin-bottom:.5rem}.popup-section ul{font-size:.85rem;line-height:1.4}.loading-overlay{padding:1rem}.loading-content{padding:2rem 1.5rem;width:90%}.loading-title{font-size:1.5rem;margin-bottom:1rem}.loading-subtitle{font-size:1rem;margin-bottom:1.5rem}.loading-spinner{height:3rem;margin-bottom:1.5rem;width:3rem}.progress-bar{height:.5rem;margin-bottom:1rem}.progress-text{font-size:.9rem}.navbar-mobile-menu{gap:.5rem;padding:1rem}.navbar-mobile-item{border-radius:8px;font-size:1rem;padding:.8rem 1rem}.mobile-user-info{margin-bottom:.5rem;padding:.8rem 1rem}.login-button-nav,.logout-button,.user-name{font-size:.85rem;padding:.4rem .8rem}}@media (max-width:480px){.navbar-logo{font-size:.8rem!important;font-weight:600}.hero-title{font-size:2rem;line-height:1.1}.hero-subtitle{font-size:1rem;line-height:1.4}.input-container{flex-direction:column;padding:1rem}.input-field{font-size:.95rem;padding:.8rem}.language-select{font-size:.95rem;padding:.8rem 2.5rem .8rem 1.2rem}.dropdown-option{font-size:.9rem;padding:.8rem 1.2rem}.check-icon{font-size:1rem}.analyze-button{font-size:1rem;padding:.8rem 1.5rem}.step-card{font-size:.9rem;padding:1.2rem}.step-number{font-size:1.3rem;height:2.2rem;width:2.2rem}.metric-card{font-size:.85rem;padding:.8rem}.metric-title{font-size:1rem}.metric-score{font-size:1.6rem}.metric-reason{font-size:.8rem}.click-more-button{font-size:.75rem;padding:.25rem .6rem}.popup-content{font-size:.85rem;padding:1.2rem;width:98%}.popup-header{font-size:1.2rem}.popup-score{font-size:1.8rem}.popup-section h3{font-size:1rem}.popup-section ul{font-size:.8rem}.loading-content{padding:1.5rem 1rem;width:95%}.loading-title{font-size:1.3rem}.loading-subtitle{font-size:.9rem}.loading-spinner{height:2.5rem;width:2.5rem}.navbar-mobile-menu{padding:.8rem}.navbar-mobile-item{font-size:.9rem;padding:.6rem .8rem}.login-button-nav,.logout-button,.user-name{font-size:.8rem;padding:.3rem .6rem}.summary-title{font-size:1.5rem}.summary-content{font-size:.9rem;padding:0 .3rem}.analysis-results{padding:.8rem}.summary-section{margin-bottom:1.5rem}.metrics-grid{gap:.8rem;margin-top:1rem}.popup-overlay{padding:.5rem}.popup-title{font-size:1.1rem}.popup-score{font-size:1.5rem}.popup-analysis{font-size:.8rem}.popup-section h4{font-size:.9rem}.popup-section li{font-size:.75rem}.results-container>div>div>div{border-radius:12px!important;padding:1.2rem!important}.results-container>div>div>div h3{font-size:1.1rem!important;margin-bottom:.8rem!important}.results-container>div>div>div li{font-size:.85rem!important;gap:.4rem!important;margin-bottom:.6rem!important}.results-container>div>div>div li span:first-child{font-size:.9rem!important}.results-container>div>div:last-child{border-radius:12px!important;padding:1.2rem!important}.results-container>div>div:last-child h3{font-size:1.1rem!important;margin-bottom:.8rem!important}.results-container>div>div:last-child li{font-size:.85rem!important;gap:.4rem!important;margin-bottom:.6rem!important}.results-container>div>div:last-child li span:first-child{font-size:.9rem!important}.results-container>div>div[style*=grid-template-columns]{gap:1rem!important;padding:.3rem!important}.results-container>div>div>div[style*="background: linear-gradient"]{border-radius:12px!important;padding:1.2rem!important}.results-container>div>div>div h3[style*=fontSize]{font-size:1.1rem!important;margin-bottom:.8rem!important;padding:0 .3rem!important}.results-container>div>div>div li[style*="display: flex"]{font-size:.85rem!important;gap:.4rem!important;margin-bottom:.6rem!important;padding:0 .3rem!important}.results-container>div>div>div li span[style*="color: #10b981"],.results-container>div>div>div li span[style*="color: #ef4444"]{font-size:.9rem!important;min-width:.8rem!important}.results-container>div>div>div li span:not([style*=color]){font-size:.85rem!important;max-width:calc(100% - 1.2rem)!important}.results-container>div>div[style*="background: linear-gradient"][style*="rgba(139, 92, 246"]{border-radius:12px!important;padding:1.2rem!important}.results-container>div>div h3[style*="color: #8b5cf6"]{font-size:1.1rem!important;margin-bottom:.8rem!important}.results-container>div>div li span[style*="color: #8b5cf6"]{font-size:.9rem!important}.results-container{padding:.8rem!important}.results-container>div>div>div{padding:1rem!important}.popup-content{max-height:85vh!important}.metric-card button{word-wrap:break-word!important;border-radius:12px!important;font-size:.95rem!important;line-height:1.4!important;margin-top:1rem!important;max-width:100%!important;overflow-wrap:break-word!important;padding:.75rem 1rem!important;text-align:center!important;white-space:normal!important;width:100%!important;word-break:break-word!important}.popup-content{line-height:1.5!important;margin:0!important;padding:1.5rem!important;width:95%!important}.popup-content h2{font-size:1.3rem!important;font-weight:700!important;margin-bottom:1rem!important;text-align:center!important}.popup-content>div{background:#0f0f2399!important;border:1px solid #8b5cf64d!important;border-radius:12px!important;margin-bottom:1rem!important;padding:1rem!important}.popup-content h3{align-items:center!important;color:#8b5cf6!important;display:flex!important;font-size:1.1rem!important;font-weight:600!important;gap:.4rem!important;margin-bottom:.8rem!important}.popup-content ul{margin:0!important;padding-left:1rem!important}.popup-content li{align-items:flex-start!important;color:#e5e7eb!important;display:flex!important;font-size:.95rem!important;gap:.5rem!important;line-height:1.4!important;margin-bottom:.5rem!important}.popup-content li span:first-child{color:#8b5cf6!important;font-size:1rem!important;margin-top:.1rem!important;min-width:1rem!important}.popup-content li span:last-child{flex:1 1!important;text-align:justify!important}.popup-content>div:first-of-type{background:#8b5cf626!important;border:1px solid #8b5cf666!important;padding:1rem!important;text-align:center!important}.popup-content>div:first-of-type span:first-child{color:#8b5cf6!important;font-size:2rem!important;font-weight:900!important}.popup-content>div:first-of-type span:last-child{font-size:1.1rem!important;font-weight:600!important}.metric-card button{font-size:.9rem!important;margin-top:.8rem!important;padding:.6rem .8rem!important}.popup-content{max-height:95vh!important;max-width:98vw!important;overflow:hidden!important;padding:1rem!important;width:98%!important}.popup-content h2{font-size:1.1rem!important;line-height:1.2!important;margin-bottom:.8rem!important}.popup-content>div{border-radius:10px!important;margin-bottom:.8rem!important;padding:.8rem!important}.popup-content h3{font-size:1rem!important;gap:.3rem!important;margin-bottom:.6rem!important}.popup-content ul{padding-left:.8rem!important}.popup-content li{font-size:.9rem!important;gap:.4rem!important;line-height:1.3!important;margin-bottom:.4rem!important}.popup-content li span:first-child{font-size:.9rem!important;min-width:.8rem!important}.popup-content>div:first-of-type{padding:.8rem!important}.popup-content>div:first-of-type span:first-child{font-size:1.8rem!important}.popup-content>div:first-of-type span:last-child{font-size:1rem!important}.popup-content button[onClick*=closeMetricPopup]{font-size:1.2rem!important;height:30px!important;right:.8rem!important;top:.8rem!important;width:30px!important}.metric-card h3,.metric-card li,.metric-card p,.metric-card span,.results-container h3,.results-container li,.results-container p,.results-container span{word-wrap:break-word!important;-webkit-hyphens:auto!important;hyphens:auto!important;max-width:100%!important;overflow-wrap:break-word!important;word-break:break-word!important}.results-container{padding:1rem}.score-display{margin-bottom:2rem;text-align:center}.score-value{font-size:2.5rem;text-align:center}.score-message{font-size:1.1rem;text-align:center}.results-container h3{font-size:1.8rem;margin-bottom:1rem;text-align:center}.results-container p{font-size:1rem;line-height:1.6;padding:0 .5rem;text-align:justify}.results-container>div>div,.results-container>div>div>div{gap:1.5rem!important;grid-template-columns:1fr!important}.metric-card{max-height:none!important;padding:1.5rem!important;text-align:center}.metric-card>div{flex-direction:column!important;text-align:center}.metric-card h3{font-size:1.2rem!important;margin-bottom:1rem!important;text-align:center}.metric-card>div>div{justify-content:center!important;margin-bottom:1rem}.metric-card span{font-size:1.6rem!important}.results-container>div>div>div{background:linear-gradient(135deg,#10b9811a,#22c55e0d)!important;border:2px solid #10b9814d!important;border-radius:16px!important;margin-bottom:1rem!important;padding:1.5rem!important}.results-container>div>div>div:nth-child(2){background:linear-gradient(135deg,#ef44441a,#dc26260d)!important;border:2px solid #ef44444d!important}.results-container>div>div>div h3{font-size:1.3rem!important;margin-bottom:1rem!important;padding:0 .5rem!important;text-align:center!important}.results-container>div>div>div ul{margin:0!important;padding:0!important}.results-container>div>div>div li{align-items:flex-start!important;color:#e5e7eb!important;display:flex!important;font-size:.95rem!important;gap:.5rem!important;line-height:1.5!important;margin-bottom:.8rem!important;padding:0 .5rem!important;text-align:left!important}.results-container>div>div>div li span:first-child{color:#10b981!important;font-size:1rem!important;margin-top:.1rem!important;min-width:1rem!important}.results-container>div>div>div:nth-child(2) li span:first-child{color:#ef4444!important}.results-container>div>div>div li span:last-child{flex:1 1!important;text-align:justify!important}.results-container>div>div:last-child{background:linear-gradient(135deg,#8b5cf61a,#a855f70d)!important;border:2px solid #8b5cf64d!important;border-radius:16px!important;margin-top:1rem!important;padding:1.5rem!important}.results-container>div>div:last-child h3{color:#8b5cf6!important;font-size:1.3rem!important;margin-bottom:1rem!important;text-align:center!important}.results-container>div>div:last-child ul{margin:0!important;padding:0!important}.results-container>div>div:last-child li{align-items:flex-start!important;color:#e5e7eb!important;display:flex!important;font-size:.95rem!important;gap:.5rem!important;line-height:1.5!important;margin-bottom:.8rem!important;padding:0 .5rem!important;text-align:left!important}.results-container>div>div:last-child li span:first-child{color:#8b5cf6!important;font-size:1rem!important;margin-top:.1rem!important;min-width:1rem!important}.results-container>div>div:last-child li span:last-child{flex:1 1!important;text-align:justify!important}.results-container>div>div[style*=grid-template-columns]{box-sizing:border-box!important;gap:1.5rem!important;grid-template-columns:1fr!important;max-width:100%!important;overflow-x:hidden!important;padding:.5rem!important}.results-container>div>div>div[style*="background: linear-gradient"]{border-radius:16px!important;overflow-x:hidden!important;padding:1.5rem!important}.results-container>div>div>div h3[style*=fontSize],.results-container>div>div>div[style*="background: linear-gradient"]{word-wrap:break-word!important;box-sizing:border-box!important;margin-bottom:1rem!important;max-width:100%!important;word-break:break-word!important}.results-container>div>div>div h3[style*=fontSize]{flex-direction:column!important;font-size:1.3rem!important;gap:.5rem!important;overflow-wrap:break-word!important;padding:0 .5rem!important;text-align:center!important}.results-container>div>div>div ul[style*=listStyle]{margin:0!important;max-width:100%!important;overflow-x:hidden!important;padding:0!important}.results-container>div>div>div li[style*="display: flex"]{word-wrap:break-word!important;align-items:flex-start!important;box-sizing:border-box!important;color:#e5e7eb!important;display:flex!important;font-size:.95rem!important;gap:.5rem!important;line-height:1.5!important;margin-bottom:.8rem!important;max-width:100%!important;overflow-wrap:break-word!important;padding:0 .5rem!important;text-align:left!important;word-break:break-word!important}.results-container>div>div>div li span[style*="color: #10b981"]{color:#10b981!important;flex-shrink:0!important;font-size:1rem!important;margin-top:.1rem!important;min-width:1rem!important}.results-container>div>div>div li span[style*="color: #ef4444"]{color:#ef4444!important;flex-shrink:0!important;font-size:1rem!important;margin-top:.1rem!important;min-width:1rem!important}.results-container>div>div>div li span:not([style*=color]){word-wrap:break-word!important;flex:1 1!important;max-width:calc(100% - 1.5rem)!important;overflow-wrap:break-word!important;text-align:justify!important;word-break:break-word!important}.results-container>div>div[style*="background: linear-gradient"][style*="rgba(139, 92, 246"]{background:linear-gradient(135deg,#8b5cf61a,#a855f70d)!important;border:2px solid #8b5cf64d!important;border-radius:16px!important;margin-top:1rem!important;padding:1.5rem!important}.results-container>div>div h3[style*="color: #8b5cf6"]{color:#8b5cf6!important;flex-direction:column!important;font-size:1.3rem!important;gap:.5rem!important;margin-bottom:1rem!important;text-align:center!important}.results-container>div>div li span[style*="color: #8b5cf6"]{color:#8b5cf6!important;font-size:1rem!important;margin-top:.1rem!important;min-width:1rem!important}.results-container{box-sizing:border-box!important;max-width:100vw!important;overflow-x:hidden!important;padding:1rem!important}.results-container>div,.results-container>div>div{max-width:100%!important;overflow-x:hidden!important}.results-container>div>div{word-wrap:break-word!important;word-break:break-word!important}.results-container>div>div>div{word-wrap:break-word!important;max-width:100%!important;overflow-x:hidden!important;word-break:break-word!important}.results-container h3,.results-container li,.results-container p,.results-container span{word-wrap:break-word!important;max-width:100%!important;overflow-wrap:break-word!important;word-break:break-word!important}.metric-card{word-wrap:break-word!important;word-break:break-word!important}.metric-card,.metric-card>div{max-width:100%!important;overflow-x:hidden!important}.popup-overlay{max-height:100vh!important;max-width:100vw!important;overflow:hidden!important}.popup-content{word-wrap:break-word!important;max-height:90vh!important;max-width:95vw!important;overflow-x:hidden!important;overflow-y:auto!important;word-break:break-word!important}.score-display,.score-message,.score-value{max-width:100%!important;overflow-x:hidden!important}.score-message{word-wrap:break-word!important;word-break:break-word!important}}.desktop-only{display:block}.mobile-only{display:none}@media (max-width:768px){.desktop-only{display:none!important}.mobile-only{display:block!important}.back-button{font-size:.9rem;left:1rem;padding:.5rem 1rem;top:1rem}.sentiment-chart{gap:1rem}.sentiment-circle.positive{font-size:1.25rem;height:6rem;width:6rem}.sentiment-circle.neutral{font-size:1rem;height:4.5rem;width:4.5rem}.sentiment-circle.negative{font-size:.9rem;height:3rem;width:3rem}.insights-grid{grid-template-columns:1fr}.insight-card{padding:1.5rem}.question-button{font-size:.9rem;padding:1rem}.question-answer{font-size:.9rem;padding:0 1rem 1rem}}button:focus-visible,input:focus-visible{outline:2px solid #8b5cf6;outline-offset:2px;transition:outline .2s ease,outline-offset .2s ease}.navbar-logo:hover{filter:brightness(1.2);transition:all .3s cubic-bezier(.4,0,.2,1)}.hero-title{transition:all .6s cubic-bezier(.4,0,.2,1)}.input-section{transition:all .4s cubic-bezier(.4,0,.2,1)}.login-container{align-items:center;display:flex;justify-content:center;min-height:100vh;overflow:hidden;position:relative}.login-content{animation:fadeInUp 1s ease-out;max-width:450px;padding:2rem;width:100%;z-index:10}.login-header{margin-bottom:3rem;text-align:center}.login-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#8b5cf6,#ec4899,#06b6d4);background-clip:text;-webkit-background-clip:text;font-size:clamp(3rem,8vw,4rem);font-weight:900;letter-spacing:-.02em;line-height:1.1;margin:0 0 1rem;text-shadow:0 0 50px #8b5cf680}.login-subtitle{color:#9ca3af;font-size:clamp(1rem,2vw,1.2rem);letter-spacing:.1em;margin:0;opacity:.9}.login-form-container{animation:slideUp 1s ease-out .2s both;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0f0f23e6;border:1px solid #8b5cf64d;border-radius:24px;box-shadow:0 25px 50px #00000040;padding:2.5rem}.login-form{margin-bottom:2rem}.form-group{margin-bottom:1.5rem}.login-input{background:#000000b3;background-clip:padding-box;border:2px solid #0000;border-radius:50px;color:#fff;font-family:inherit;font-size:1rem;font-weight:400;outline:none;padding:1.25rem 1.5rem;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1);width:100%}.login-input::placeholder{color:#9ca3af}.login-input:focus{background:#000c;border-color:#8b5cf699;box-shadow:0 0 30px #8b5cf666,0 0 60px #ec489933}.login-input:disabled{cursor:not-allowed;opacity:.6}.error-message{animation:slideDown .3s ease-out;background:#ef44441a;border:1px solid #ef44444d;border-radius:12px;color:#fca5a5;font-size:.9rem;margin-bottom:1.5rem;padding:1rem;text-align:center}.login-button{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000c;border:2px solid #ffffff4d;border-radius:50px;color:#fff;cursor:pointer;display:flex;font-family:inherit;font-size:1.1rem;font-weight:600;gap:.5rem;justify-content:center;padding:1.25rem 2rem;transition:all .4s cubic-bezier(.4,0,.2,1);width:100%}.login-button:hover:not(:disabled){background:#8b5cf61a;border-color:#8b5cf699;box-shadow:0 0 20px #8b5cf64d,0 0 40px #ec489933;transform:scale(1.02) translateY(-2px)}.login-button:disabled{background:#282828cc;border-color:#ffffff1a;cursor:not-allowed;opacity:.7;transform:scale(.98)}.login-divider{margin:2rem 0;position:relative;text-align:center}.login-divider:before{background:linear-gradient(90deg,#0000,#8b5cf64d,#0000);content:"";height:1px;left:0;position:absolute;right:0;top:50%}.login-divider span{background:#0f0f23e6;color:#9ca3af;font-size:.9rem;padding:0 1rem;position:relative;z-index:1}.google-login-button{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:2px solid #fff3;border-radius:50px;color:#fff;cursor:pointer;display:flex;font-family:inherit;font-size:1rem;font-weight:500;gap:.75rem;justify-content:center;margin-bottom:1rem;padding:1rem 2rem;transition:all .4s cubic-bezier(.4,0,.2,1);width:100%}.google-login-button:hover:not(:disabled){background:#ffffff26;border-color:#ffffff4d;box-shadow:0 0 20px #ffffff1a;transform:scale(1.02) translateY(-2px)}.google-login-button:disabled{cursor:not-allowed;opacity:.6;transform:scale(.98)}.google-icon{height:20px;width:20px}.guest-login-button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0000;border:2px solid #8b5cf64d;border-radius:50px;color:#8b5cf6;cursor:pointer;font-family:inherit;font-size:1rem;font-weight:500;padding:1rem 2rem;transition:all .4s cubic-bezier(.4,0,.2,1);width:100%}.guest-login-button:hover:not(:disabled){background:#8b5cf61a;border-color:#8b5cf680;box-shadow:0 0 20px #8b5cf633;transform:scale(1.02) translateY(-2px)}.guest-login-button:disabled{cursor:not-allowed;opacity:.6;transform:scale(.98)}.toggle-mode{border-top:1px solid #8b5cf61a;margin:1.5rem 0;padding:1rem 0;text-align:center}.toggle-mode p{color:#9ca3af;font-size:.9rem;margin:0}.toggle-button{background:#0000;border:none;color:#8b5cf6;cursor:pointer;font-size:.9rem;font-weight:600;margin-left:.5rem;text-decoration:underline;transition:all .3s ease}.toggle-button:hover:not(:disabled){color:#a855f7;text-shadow:0 0 10px #8b5cf64d}.toggle-button:disabled{cursor:not-allowed;opacity:.6}@media (max-width:768px){.login-content{padding:1rem}.login-form-container{padding:2rem 1.5rem}.login-title{font-size:clamp(2.5rem,6vw,3.5rem)}}button{font-family:inherit}a{color:#8b5cf6;text-decoration:none;transition:color .3s ease}a:hover{color:#ec4899}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:translateY(-50px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.metric-popup-backdrop{animation:fadeIn .3s ease-out}.metric-popup-content{animation:slideIn .3s ease-out}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes glow{0%{filter:drop-shadow(0 0 8px rgba(139,92,246,.4))}to{filter:drop-shadow(0 0 16px rgba(139,92,246,.6))}}@keyframes shimmer{0%{left:-100%}to{left:100%}}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes floatParticle{0%,to{opacity:.4;transform:translateY(0) translateX(0)}25%{opacity:.8;transform:translateY(-12px) translateX(8px)}50%{opacity:.6;transform:translateY(-8px) translateX(-4px)}75%{opacity:.8;transform:translateY(-4px) translateX(12px)}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.metric-card::-webkit-scrollbar{width:4px}.metric-card::-webkit-scrollbar-track{background:#0f0f231a;border-radius:2px}.metric-card::-webkit-scrollbar-thumb{background:#8b5cf64d;border-radius:2px;-webkit-transition:background .3s ease;transition:background .3s ease}.metric-card::-webkit-scrollbar-thumb:hover{background:#8b5cf680}.metric-card{scrollbar-color:#8b5cf64d #0f0f231a;scrollbar-width:thin}.share-button{align-items:center!important;background:linear-gradient(135deg,#8b5cf6,#7c3aed)!important;border:none!important;border-radius:50%!important;bottom:2rem!important;box-shadow:0 4px 12px #8b5cf666!important;color:#fff!important;cursor:pointer!important;display:flex!important;font-size:1.5rem!important;height:60px!important;justify-content:center!important;position:fixed!important;right:2rem!important;transition:all .3s ease!important;width:60px!important;z-index:1000!important}.share-button:hover{background:linear-gradient(135deg,#7c3aed,#6d28d9)!important;box-shadow:0 6px 16px #8b5cf680!important;transform:scale(1.1)!important}.share-button:disabled{cursor:not-allowed!important;opacity:.7!important;transform:none!important}@media (max-width:768px){.share-button{bottom:1.5rem!important;font-size:1.2rem!important;height:50px!important;right:1.5rem!important;width:50px!important}}
/*# sourceMappingURL=main.98f844f6.css.map*/