@import"https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap";.auth-container{min-height:100vh;width:100%;display:flex;justify-content:center;align-items:center;position:relative;overflow:hidden;background-color:#f5f5f0;background-image:url(/assets/back-dd555fde.jpg);background-position:center;background-size:cover;background-repeat:no-repeat;background-attachment:fixed}:root{--color-light-gray: #f5f7f9;--color-light-gray-hover: #eef1f5;--color-dark-gray: #2c3e50;--color-light-blue: #e2e8f0;--color-delete-blue: #cbd5e1;--color-delete-blue-hover: #94a3b8;--primary-font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--color-black: #1a1a1a;--color-dark-grey: #334155;--color-grey: #64748b;--color-light-grey: #f8fafc;--color-white: #ffffff;--color-hover-grey: #f1f5f9;--border-radius: 12px;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1);--accent-color: #94a3b8;--accent-hover: #64748b;--accent-light: rgba(148, 163, 184, .15);--accent-lighter: rgba(148, 163, 184, .05);--highlight-color: rgba(96, 165, 250, .15);--highlight-hover: rgba(96, 165, 250, .25)}html{scrollbar-width:thin;-ms-overflow-style:auto}html::-webkit-scrollbar{width:8px;display:block}html::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}html::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px;transition:background .2s ease}html::-webkit-scrollbar-thumb:hover{background:#a8a8a8}body{scrollbar-width:thin;-ms-overflow-style:auto}body::-webkit-scrollbar{width:8px;display:block}body::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}body::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px;transition:background .2s ease}body::-webkit-scrollbar-thumb:hover{background:#a8a8a8}body{font-family:var(--primary-font);color:var(--color-dark-grey);line-height:1.5;background:radial-gradient(900px 600px at 15% 3%,rgba(148,163,184,.14) 0%,rgba(148,163,184,.07) 25%,rgba(255,255,255,0) 60%),radial-gradient(1100px 700px at 85% 10%,rgba(148,163,184,.14) 0%,rgba(148,163,184,.08) 30%,rgba(255,255,255,0) 65%),radial-gradient(900px 600px at 50% 95%,rgba(148,163,184,.12) 0%,rgba(255,255,255,0) 55%),linear-gradient(180deg,#f8f9fd 0%,#ffffff 55%,#f3f6fb 100%);min-height:100vh}.hero,.platforms,.demonstration{background:transparent}.hero:before,.platforms:before,.demonstration:before{display:none}.container{max-width:1760px;margin:0 auto;padding:0 4.8rem}.navbar{background-color:var(--color-white);box-shadow:0 2px 8px #0000000f;position:fixed;width:100%;top:0;z-index:1000;height:67px;display:flex;align-items:center;opacity:0;transition:opacity .5s ease-in-out;overflow:hidden}.nav-container{display:flex;justify-content:space-between;align-items:center;width:100%}.nav-left .logo{display:flex;align-items:center}.logo-img{height:34px;width:auto}.nav-left{padding-right:0}.nav-center{display:flex;gap:2rem}.nav-link{color:var(--color-grey);text-decoration:none;font-size:.9rem;font-weight:500;padding:.7rem 1.2rem;border-radius:var(--border-radius);transition:all .3s ease;background:transparent;position:relative;z-index:1}.nav-link:after{display:none}.nav-link:hover{color:var(--color-dark-grey);background-color:var(--color-light-gray);transform:translateY(-1px)}.nav-link.active{color:var(--color-dark-grey);background-color:var(--color-light-gray);box-shadow:0 2px 8px #0000000a}.nav-link:active{transform:translateY(0)}.nav-link.scroll-active{color:var(--color-dark-grey);background-color:var(--color-light-gray);box-shadow:0 2px 8px #0000000a;transform:translateY(-1px)}.add-to-chrome{height:35px;padding:0 1.4rem;display:flex;align-items:center;gap:.75rem;background-color:var(--color-light-grey);color:var(--color-dark-grey);border:1px solid var(--color-light-blue);border-radius:var(--border-radius);font-size:.9rem;font-weight:500;text-decoration:none;transition:all .3s ease}.add-to-chrome:hover{background-color:var(--color-white);transform:translateY(-2px);box-shadow:0 4px 20px #00000014;border-color:var(--color-dark-grey);color:var(--color-black)}@keyframes rotateChrome{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.add-to-chrome i{font-size:1.125rem;transition:transform .3s ease;animation:rotateChrome 4s linear infinite}.add-to-chrome:hover i{animation:none;transform:scale(1.1)}.profile-dropdown-container{position:relative;display:inline-block}.profile-trigger:hover{transform:scale(1.05);border-color:#c7d2fe}@keyframes fadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.profile-dropdown-menu a:hover,.profile-dropdown-menu button:hover{background-color:#f3f4f6!important}.btn{display:inline-flex;align-items:center;gap:.75rem;padding:.75rem 1.5rem;border-radius:8px;font-weight:500;transition:all .2s ease;text-decoration:none}.btn i{font-size:1.1rem}.btn-primary{background:#212121;color:#fff;border:none;box-shadow:none;border-radius:12px}.btn-primary:hover{background:#202020;transform:none;box-shadow:none}.btn-secondary{background-color:transparent;color:#212121;border:1px solid rgba(48,48,48,.3);box-shadow:none;border-radius:12px}.btn-secondary:hover{background-color:#3030300d;border-color:#30303080;transform:none;box-shadow:none}.btn-large{padding:.8rem 1.6rem;font-size:.9rem;text-decoration:none}.btn-hero{padding:.875rem 1.75rem;font-size:1.125rem;font-weight:600;border-radius:18px;text-decoration:none;transition:all .2s ease}.btn:hover{text-decoration:none}footer{background-color:var(--color-dark-grey);color:var(--color-white);padding:2.4rem 0 1.6rem}.footer-grid{display:flex;justify-content:center;margin-bottom:2rem}.footer-col{display:flex;gap:2rem}.footer-col a{color:var(--color-light-grey);text-decoration:none;transition:color .2s;font-size:.75rem}.footer-col a:hover{color:var(--color-white)}.footer-bottom{text-align:center;padding-top:2rem;border-top:1px solid rgba(255,255,255,.1);font-size:.875rem}@media (max-width: 768px){.footer-col{flex-direction:column;align-items:center;gap:1rem}}main{margin-top:67px;overflow-x:hidden;opacity:0;transition:opacity .5s ease-in-out}body[data-page=demonstration] main{margin-top:0}@media (max-width: 500px){main{margin-top:0;overflow-x:hidden;opacity:0;transition:opacity .5s ease-in-out}}.hero{padding:8rem 0 4rem;position:relative;overflow:visible;min-height:calc(100vh - 67px)}.hero{position:relative}.hero .container{max-width:none;padding:0 1.5rem}.hero-content-centered{max-width:100%;margin:0 auto;text-align:center;padding:0}.hero-date{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:2rem;font-size:.875rem;color:#212121}.hero-category{background:#f3f4f6;padding:.25rem .75rem;border-radius:1rem;font-weight:500;color:#212121}.hero-title{font-size:4rem;line-height:1.1;margin-bottom:2rem;font-weight:700;color:#212121;letter-spacing:-.04em}.hero-description{font-size:1.125rem;color:#212121;margin-bottom:3rem;line-height:1.6;max-width:950px;margin-left:auto;margin-right:auto}.hero-cta{display:flex;gap:1rem;justify-content:center;align-items:center;margin-bottom:4rem;position:relative;overflow:visible}.hero-cta:after{content:"";position:absolute;left:50%;top:50%;width:220%;height:220%;transform:translate(-50%,-50%) scale(.7);border-radius:50%;pointer-events:none;opacity:0;background:radial-gradient(circle,rgba(148,163,184,.18) 0%,rgba(148,163,184,.1) 22%,rgba(148,163,184,.04) 45%,rgba(148,163,184,0) 70%)}.floating-pill-icon{display:inline-flex;align-items:center;justify-content:center;width:96px;height:96px;border-radius:16px;pointer-events:none;position:relative;background:#fafafa;box-shadow:#0003 0 20px 40px;border:1px solid rgba(17,24,39,.03)}.floating-pill-icon:before{content:"";position:absolute;top:-25%;right:-25%;bottom:-25%;left:-25%;border-radius:50%;background:radial-gradient(circle,rgba(148,163,184,.18) 0%,rgba(148,163,184,.1) 30%,rgba(148,163,184,0) 65%);opacity:0;transform:scale(.7);pointer-events:none}.floating-pill-icon i{font-size:34px;color:#d6d6d6;-webkit-text-fill-color:initial}.floating-pill-icon:after{content:none}.cta-floating-icons{position:relative;pointer-events:none}.cta-icon-left{position:absolute;left:-100px;top:-14px;transform:rotate(-12deg)}.cta-icon-right{position:absolute;right:-100px;top:-14px;transform:rotate(12deg)}.overview-floating-icons{position:relative;pointer-events:none}.overview-left-top,.overview-left-bottom{position:absolute;left:-180px}.overview-left-top{top:-120px;transform:rotate(-8deg)}.overview-left-bottom{top:140px;transform:rotate(-4deg)}.overview-right-top,.overview-right-bottom{position:absolute;right:-180px}.overview-right-top{top:-120px;transform:rotate(8deg)}.overview-right-bottom{top:140px;transform:rotate(4deg)}.fp-chat,.fp-users,.fp-highlighter,.fp-book{box-shadow:#0003 0 20px 30px}.floating-pill-icon{will-change:transform}@keyframes ctaPulse{0%{opacity:.28;transform:scale(.85)}50%{opacity:.18;transform:scale(1.08)}to{opacity:0;transform:scale(1.28)}}.hero-cta .btn-hero{position:relative;overflow:hidden;will-change:transform}.hero-cta .btn-hero:before,.hero-cta .btn-hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:220%;height:220%;border-radius:50%;background:radial-gradient(circle,rgba(148,163,184,.22) 0%,rgba(148,163,184,.12) 25%,rgba(148,163,184,0) 60%);transform-origin:center;opacity:0}main.reveal .hero-cta .btn-hero:before{animation:none}main.reveal .hero-cta .btn-hero:after{animation:none}@keyframes ctaGroupPulse{0%{opacity:.14;transform:translate(-50%,-50%) scale(.72)}55%{opacity:.1;transform:translate(-50%,-50%) scale(1.1)}to{opacity:0;transform:translate(-50%,-50%) scale(1.35)}}main.reveal .hero-cta:after{animation:none}@keyframes ctaGlideLeft{0%{transform:translateZ(0)}80%{transform:translate3d(-14px,0,0)}to{transform:translate3d(-12px,0,0)}}@keyframes ctaGlideRight{0%{transform:translateZ(0)}80%{transform:translate3d(14px,0,0)}to{transform:translate3d(12px,0,0)}}@keyframes ctaSettleLeft{to{transform:translate(-4px,1px)}}@keyframes ctaSettleRight{to{transform:translate(4px,1px)}}main.reveal .hero-cta .btn-hero:nth-child(1){animation:ctaGlideLeft 1.3s cubic-bezier(.16,1,.3,1) 0ms 1 forwards}main.reveal .hero-cta .btn-hero:nth-child(2){animation:ctaGlideRight 1.3s cubic-bezier(.16,1,.3,1) 0ms 1 forwards}@keyframes iconNudgeLeftTop{0%{transform:rotate(-16deg) translate(0);filter:drop-shadow(0 0 0 rgba(0,0,0,0))}60%{transform:rotate(-16deg) translate(-4px);filter:drop-shadow(0 10px 16px rgba(0,0,0,.1))}to{transform:rotate(-16deg) translate(-4px);filter:drop-shadow(0 4px 9px rgba(0,0,0,.08))}}@keyframes iconNudgeLeftBottom{0%{transform:rotate(-12deg) translate(0);filter:drop-shadow(0 0 0 rgba(0,0,0,0))}60%{transform:rotate(-12deg) translate(-4px);filter:drop-shadow(0 10px 16px rgba(0,0,0,.1))}to{transform:rotate(-12deg) translate(-4px);filter:drop-shadow(0 4px 9px rgba(0,0,0,.08))}}@keyframes iconNudgeRightTop{0%{transform:rotate(23deg) translate(0);filter:drop-shadow(0 0 0 rgba(0,0,0,0))}60%{transform:rotate(23deg) translate(4px);filter:drop-shadow(0 10px 16px rgba(0,0,0,.1))}to{transform:rotate(23deg) translate(4px);filter:drop-shadow(0 4px 9px rgba(0,0,0,.08))}}@keyframes iconGlideUpLeft{0%{transform:rotate(-16deg) translateZ(0);filter:drop-shadow(0 0 0 rgba(0,0,0,0))}to{transform:rotate(-16deg) translate3d(-46px,-46px,0);filter:drop-shadow(0 10px 18px rgba(0,0,0,.11))}}@keyframes iconGlideDownLeft{0%{transform:rotate(-12deg) translateZ(0);filter:drop-shadow(0 0 0 rgba(0,0,0,0))}to{transform:rotate(-12deg) translate3d(-46px,46px,0);filter:drop-shadow(0 10px 18px rgba(0,0,0,.11))}}@keyframes iconGlideUpRight{0%{transform:rotate(23deg) translateZ(0);filter:drop-shadow(0 0 0 rgba(0,0,0,0))}to{transform:rotate(23deg) translate3d(46px,-46px,0);filter:drop-shadow(0 10px 18px rgba(0,0,0,.11))}}@keyframes iconGlideDownRight{0%{transform:rotate(8deg) translateZ(0);filter:drop-shadow(0 0 0 rgba(0,0,0,0))}to{transform:rotate(8deg) translate3d(46px,46px,0);filter:drop-shadow(0 10px 18px rgba(0,0,0,.11))}}main.reveal .overview-left-top{animation:iconGlideUpLeft 1.3s cubic-bezier(.16,1,.3,1) 0ms 1 forwards}main.reveal .overview-left-bottom{animation:iconGlideDownLeft 1.3s cubic-bezier(.16,1,.3,1) 0ms 1 forwards}main.reveal .overview-right-top{animation:iconGlideUpRight 1.3s cubic-bezier(.16,1,.3,1) 0ms 1 forwards}main.reveal .overview-right-bottom{animation:iconGlideDownRight 1.3s cubic-bezier(.16,1,.3,1) 0ms 1 forwards}.overview-left-top{box-shadow:#0003 -8px -12px 24px}.overview-right-bottom{box-shadow:#0003 8px 12px 24px}.overview-right-top{box-shadow:#0003 8px -12px 24px}.overview-left-bottom{box-shadow:#0003 -8px 12px 24px}.hero-samples{max-width:850px;margin:0 auto;text-align:left;padding-top:2rem;padding-bottom:2rem;border-top:none;min-height:400px}@media (min-height: 900px){.hero{min-height:calc(100vh - 67px)}.hero-samples{min-height:max(450px,calc(100vh - 600px))}}@media (min-height: 1100px){.hero-samples{min-height:max(500px,calc(100vh - 550px))}}@media (min-height: 1400px){.hero-samples{min-height:max(600px,calc(100vh - 500px))}}.audio-player-compact{display:flex;align-items:center;gap:.5rem;margin-bottom:1.5rem;justify-content:center;background:#ffffff;border:1px solid rgba(0,0,0,.08);border-radius:24px;padding:.375rem .75rem;box-shadow:0 1px 3px #0000000d;font-size:.875rem;max-width:fit-content;margin-left:auto;margin-right:auto}.audio-play-btn-compact,.audio-share-btn-compact{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;border:none;background:none;color:#666;cursor:pointer;transition:all .2s ease;font-size:.75rem}.audio-play-btn-compact:hover,.audio-share-btn-compact:hover{color:#000}.audio-play-btn-compact i{margin-left:1px}.audio-time-display{color:#666;font-size:.875rem;font-weight:500;min-width:40px;text-align:center;font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace}.audio-speed-controls{display:flex;align-items:center;gap:.25rem}.speed-btn{background:none;border:none;color:#666;font-size:.875rem;font-weight:500;cursor:pointer;padding:.25rem .375rem;border-radius:4px;transition:all .2s ease;min-width:32px;text-align:center}.speed-btn:hover{color:#000}.speed-btn.active{color:#000;font-weight:700}@media (max-width: 768px){.audio-player-compact{margin-bottom:1.25rem;padding:.25rem .5rem;gap:.375rem;font-size:.8125rem}.audio-play-btn-compact,.audio-share-btn-compact{width:24px;height:24px;font-size:.6875rem}.audio-time-display{font-size:.8125rem;min-width:35px}.speed-btn{font-size:.8125rem;padding:.1875rem .25rem;min-width:28px}}.samples-title{font-size:1.5rem;font-weight:700;color:#212121;margin-bottom:2rem;text-align:center;letter-spacing:-.02em}.samples-description{font-size:1.125rem;color:#212121;line-height:1.7;margin-bottom:1.5rem;text-align:justify;max-width:100%;text-align-last:left}@media (max-width: 768px){.hero{padding:6rem 0}.hero .container{padding:0 1rem}.hero-title{font-size:3rem;line-height:1.1}.hero-description{font-size:1rem}.hero-cta{flex-direction:column;gap:.75rem;margin-bottom:3rem}.btn-hero{width:100%;justify-content:center}.hero-samples{padding-top:1.5rem;max-width:100%}.samples-title{font-size:1.75rem;margin-bottom:1.5rem}.samples-description{font-size:.95rem;line-height:1.6}}@media (max-width: 480px){.hero-title{font-size:2.5rem}.hero-content-centered{padding:0}}@keyframes popupAppear{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.popup-content{padding:.5rem}.popup-item{display:flex;align-items:center;gap:8px;padding:6px 12px;border-radius:4px;cursor:default;font-size:10px;color:#2c2c2c;min-height:22px}.popup-item:hover,.popup-item.active{background:#e8e8e8}.popup-item i{font-size:10px;width:14px;color:#5f6368}.popup-item span{font-weight:400}.popup-item.active span{content:"Open Phraze App"}.demo-window{background:var(--color-white);border-radius:12px;overflow:hidden;box-shadow:0 20px 40px #00000014;border:1px solid rgba(0,0,0,.05)}.demo-header{padding:.4rem .8rem;background:var(--color-white);border-bottom:1px solid rgba(0,0,0,.05);display:flex;align-items:center}.demo-dots{display:flex;gap:.5rem;margin-right:1rem}.demo-dots span{width:10px;height:10px;border-radius:50%;background:var(--color-grey);opacity:.3}.demo-title{color:var(--color-grey);font-size:.625rem}.demo-content{padding:.8rem}.chat-message{margin-bottom:1.5rem;max-width:90%;display:flex;flex-direction:column}.chat-message.user{margin-left:auto;align-items:flex-end}.chat-message.ai{margin-right:auto;align-items:flex-start}.chat-message p{display:inline-block;font-family:var(--primary-font);font-size:.75rem;line-height:1.5;padding:.75rem 1rem;border-radius:12px;background:var(--color-light-grey);color:var(--color-dark-grey);margin:0;width:fit-content;max-width:100%}.chat-message.user p,.chat-message.ai p{background:var(--color-light-grey);color:var(--color-dark-grey)}.code-block{background:var(--color-dark-grey);color:var(--color-light-grey);padding:.8rem 1rem;border-radius:8px;margin-top:.5rem;font-family:var(--primary-font);font-size:.675rem;line-height:1.5;overflow-x:auto;white-space:nowrap}.code-block code{display:block}.highlight{background:var(--highlight-color);padding:.2rem .4rem;border-radius:4px;transition:all .3s ease;border-bottom:2px solid rgba(96,165,250,.25);position:relative;cursor:pointer;animation:smoothHighlight 3s ease-in-out infinite}.highlight.active{animation:pulse 2s infinite}@keyframes pulse{0%{box-shadow:0 0 #60a5fa66}70%{box-shadow:0 0 0 6px #60a5fa00}to{box-shadow:0 0 #60a5fa00}}.highlight-label{position:absolute;background:var(--color-white);padding:.4rem .6rem;border-radius:6px;font-size:.75rem;color:var(--color-dark-grey);box-shadow:0 2px 8px #0000001a;white-space:nowrap;pointer-events:none;border:1px solid var(--accent-light)}.highlight-label:before{content:"";position:absolute;width:8px;height:8px;background:var(--color-white);border:1px solid var(--accent-light);transform:rotate(45deg)}.highlight-method{top:-40px;left:50%;transform:translate(-50%)}.highlight-method:before{bottom:-5px;left:50%;margin-left:-4px;border-top:0;border-left:0}.highlight-feedback{bottom:-40px;left:50%;transform:translate(-50%)}.highlight-feedback:before{top:-5px;left:50%;margin-left:-4px;border-bottom:0;border-right:0}.features{padding:8rem 0;position:relative}.features h2{font-size:1.25rem;margin-bottom:2rem;color:var(--color-dark-grey);font-weight:600}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(256px,1fr));gap:1.6rem;margin-bottom:1rem}.feature-card{position:relative;overflow:hidden;padding:1.5rem;background:var(--color-white);border-radius:16px;box-shadow:0 4px 20px #0000000a;transition:all .3s ease;border:1px solid rgba(0,0,0,.03);height:fit-content}.feature-card:hover{transform:translateY(-4px);box-shadow:0 20px 40px #00000014}.feature-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.feature-icon{font-size:1.4rem;color:var(--accent-color);margin-bottom:0}.feature-header h3{font-size:.875rem;font-weight:600;margin-bottom:.5rem;color:var(--color-dark-grey)}.feature-content{margin-top:1rem}.feature-content p{font-size:.75rem;color:var(--color-grey);line-height:1.5;margin-bottom:1rem}.feature-details{margin-top:1.25rem;padding-top:1.25rem;border-top:1px solid var(--accent-lighter);font-size:.9375rem;color:var(--color-grey)}.feature-points{margin-top:1rem;display:flex;flex-direction:column;gap:.4rem}.feature-point{display:flex;align-items:center;gap:.4rem;font-size:.75rem;color:var(--color-grey)}.feature-point i{font-size:.75rem;color:var(--accent-color)}@keyframes dataGrow{0%{transform:scaleX(0);opacity:0}to{transform:scaleX(1);opacity:1}}.data-visualization{margin-top:1.5rem;display:flex;flex-direction:column;gap:.5rem}.data-line{height:4px;background:var(--accent-light);border-radius:2px;transform-origin:left;animation:dataGrow 1.5s ease-out forwards}.data-line:nth-child(2){animation-delay:.2s}.data-line:nth-child(3){animation-delay:.4s}.feature-card p{color:var(--color-grey);line-height:1.6}.platforms{padding:3rem 0 .5rem;position:relative;min-height:auto}.platforms{display:none!important}.platforms h2{margin-bottom:1.5rem}.platform-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;max-width:1000px}.platform-card{padding:1.5rem;background:#fafafa;border-radius:12px;box-shadow:0 4px 20px #0000000a;transition:all .3s ease;border:1px solid rgba(0,0,0,.03)}.platform-card:hover{transform:translateY(-4px);box-shadow:0 20px 40px #00000014;background:var(--color-white)}.platform-icon{font-size:1.5rem;margin-bottom:1rem;color:var(--accent-color)}.platform-card h3{font-size:.875rem;margin-bottom:.5rem;font-weight:600;color:var(--color-dark-grey)}.platform-card p{font-size:.75rem;color:var(--color-grey);margin-bottom:1rem;line-height:1.4}.platform-card li{font-size:.75rem;padding:.25rem 0;color:var(--color-dark-grey)}@media (max-width: 768px){.hero-content h1{font-size:2.5rem}.container,.nav-container{padding:0 2rem}.hero-cta{flex-direction:column}}@media (max-width: 1440px){.hero-grid{grid-template-columns:1fr;gap:3rem}.hero-demo{margin-left:0;max-width:100%}.chat-window{min-width:auto}}.demonstration{padding:1.5rem 0 3rem;position:relative;overflow:hidden;margin-top:-2rem}.demonstration h2{font-size:1.5rem;margin-bottom:2rem;padding-top:0;font-weight:700;letter-spacing:-.03em}.search-results{margin:0}.demo-window.search-results{margin-left:0;background:var(--color-white);border-radius:12px;box-shadow:0 8px 16px #0000000d}.search-result{padding:1.25rem 1.5rem;border-bottom:1px solid var(--accent-light)}.search-result:last-child{border-bottom:none}.search-result h3{font-size:.875rem;color:var(--color-dark-grey);margin-bottom:.25rem;font-weight:600}.search-result p{color:var(--color-grey);line-height:1.4;font-size:.75rem}.search-result .highlight{cursor:pointer;position:relative;background:var(--highlight-color);padding:.2rem .4rem;border-radius:4px;transition:background-color .3s ease}.search-result .highlight:hover{background:var(--highlight-hover)}.search-result .highlight:not([data-no-popup]):hover:after{display:none}.search-result .highlight:not([data-no-popup]):hover:after{content:"+ Add Label";position:absolute;top:-30px;left:50%;transform:translate(-50%);background:var(--color-white);padding:.25rem .5rem;border-radius:4px;font-size:.75rem;color:var(--color-dark-grey);box-shadow:0 2px 8px #0000001a;white-space:nowrap;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0;transform:translate(-50%,5px)}to{opacity:1;transform:translate(-50%)}}.demo-steps{margin-bottom:2rem}.demo-step{font-size:.875rem;color:var(--color-dark-grey);font-weight:500;display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.demo-step:before{content:"";width:24px;height:2px;background-color:var(--accent-color);display:inline-block}.context-menu{position:absolute;top:165px;left:180px;background:var(--color-white);border-radius:6px;box-shadow:0 2px 6px #00000026,0 0 0 1px #0000001a;padding:4px;width:200px;z-index:100}.context-menu:before{content:"";position:absolute;top:-4px;left:40px;width:8px;height:8px;background:white;transform:rotate(45deg);border-left:1px solid rgba(0,0,0,.1);border-top:1px solid rgba(0,0,0,.1)}.demo-window.search-results{position:relative}.highlight.active{background:var(--highlight-hover);box-shadow:0 0 0 2px var(--accent-color)}.demonstration .container{max-width:1760px;padding:0 4.8rem;margin:0 auto}.demo-container{display:grid;grid-template-columns:1fr 1fr;grid-template-areas:"step1 step2" "step3 step4";gap:1rem;align-items:start}.demo-section:nth-child(1){grid-area:step1}.demo-section:nth-child(2){grid-area:step3}.demo-section:nth-child(3){grid-area:step2}.demo-section:nth-child(4){grid-area:step4}.demo-section:nth-child(2){margin-top:.5rem}.demo-section:nth-child(4){margin-top:.5rem}.demo-window.search-results.with-zoom .demo-content{position:relative}.demo-window.search-results.with-zoom .search-result{transition:all .3s ease;filter:blur(1px);opacity:.5}.demo-window.search-results.with-zoom .search-result:first-child{filter:blur(0);opacity:1;transform:scale(1.02);background:white;position:relative;z-index:2;box-shadow:0 0 30px #0000000d;border-radius:8px}.demo-window.search-results.with-zoom:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.02);pointer-events:none}.demo-step-container{margin-bottom:1rem}.app-interface{width:100%;background:var(--color-white)}.app-content{padding:2rem;max-height:350px;overflow-y:auto}.app-content::-webkit-scrollbar{width:8px}.app-content::-webkit-scrollbar-track{background:var(--color-light-grey);border-radius:4px}.app-content::-webkit-scrollbar-thumb{background:var(--color-grey);border-radius:4px}.annotation-options{display:flex;flex-direction:column;gap:1.5rem}.annotation-option{display:flex;gap:1rem;padding:1rem;border-radius:12px;background:var(--color-light-grey);transition:all .2s ease}.annotation-option:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000000d}.option-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:12px;background:var(--color-white);color:var(--accent-color);font-size:1.25rem}.option-content h4{font-size:.875rem;font-weight:600;margin-bottom:.25rem;color:var(--color-dark-grey)}.option-content p{font-size:.75rem;color:var(--color-grey);line-height:1.4}.highlight-tag{position:absolute;top:calc(100% + 8px);left:0;background:white;color:var(--color-dark-grey);font-size:.75rem;padding:.25rem .5rem;border-radius:4px;white-space:nowrap;box-shadow:0 2px 6px #00000026,0 0 0 1px #0000001a;z-index:2}.highlight-tag:before{content:"";position:absolute;top:-4px;left:10px;width:8px;height:8px;background:white;transform:rotate(45deg);border-left:1px solid rgba(0,0,0,.1);border-top:1px solid rgba(0,0,0,.1)}.search-result{padding-bottom:2.5rem}.highlight.with-tag{position:relative}.highlight.with-tag:hover:after{display:none}@keyframes smoothHighlight{0%{background:rgba(96,165,250,0)}50%{background:var(--highlight-color)}to{background:rgba(96,165,250,0)}}.demo-section:first-child .highlight{animation:smoothHighlight 2s ease-in-out infinite}.highlight.no-animation{animation:none!important;background:var(--highlight-color)}.demo-section:first-child .highlight:nth-of-type(2){animation-delay:.7s}.demo-section:first-child .highlight:nth-of-type(3){animation-delay:1.4s}@keyframes menuPopup{0%,to{opacity:0;transform:translateY(-10px)}30%,70%{opacity:1;transform:translateY(0)}}.demo-section:nth-child(3) .context-menu{animation:menuPopup 3s ease-in-out infinite;transform-origin:top left}.demo-section:nth-child(3) .highlight.active{animation:smoothHighlight 2s ease-in-out infinite}.demo-section:nth-child(3) .context-menu{animation-delay:.3s}@keyframes autoScroll{0%{transform:translateY(0)}40%,60%{transform:translateY(-200px)}to{transform:translateY(0)}}@keyframes selectLabel{0%,15%,to{background:var(--color-light-grey);transform:translateY(0);box-shadow:none}20%,40%{background:var(--accent-light);transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}45%{background:var(--accent-light);transform:translateY(1px);box-shadow:0 2px 4px #0000001a}50%,90%{background:#f5f5f5;transform:translateY(0);box-shadow:inset 0 2px 4px #00000008}}.demo-section:nth-child(2) .annotation-options{animation:autoScroll 4s ease-in-out infinite}.demo-section:nth-child(2) .annotation-option:first-child{animation:selectLabel 4s ease-in-out infinite;animation-delay:2s}.demo-section:nth-child(4) .highlight{animation:none;background:var(--highlight-color)}@keyframes tagPopup{0%,10%{opacity:0;transform:translateY(10px)}20%,90%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(10px)}}.demo-section:nth-child(4) .highlight-tag{animation:tagPopup 6s ease-in-out infinite}.demo-section:nth-child(4) .highlight-tag:nth-of-type(1){animation-delay:0s}.demo-section:nth-child(4) .highlight-tag:nth-of-type(2){animation-delay:1.5s}.demo-section:nth-child(4) .highlight-tag:nth-of-type(3){animation-delay:3s}.demo-section:nth-child(4) .highlight-tag:nth-of-type(4){animation-delay:4.5s}.preloader{position:fixed;top:0;left:0;width:100%;height:100%;background:#fff;z-index:9999;transition:opacity .5s ease-in-out;display:flex;align-items:center;justify-content:center}.loader-container{display:flex;flex-direction:column;align-items:center;gap:2rem;width:100%;max-width:400px;margin:0;padding:0 2rem}.research-credit{position:relative;color:var(--color-grey);font-size:.875rem;opacity:0;animation:fadeInUp .5s ease forwards;animation-delay:.8s;text-align:center;margin-top:2rem}.loader{width:fit-content;height:fit-content;display:flex;align-items:center;justify-content:center;--book-color: var(--accent-color);--book-cover-color: var(--accent-color)}.book{width:150px;height:13px;background-color:var(--book-color);border-bottom:2px solid var(--book-cover-color);display:flex;align-items:flex-start;justify-content:flex-end;position:relative}.page{width:50%;height:2px;background-color:var(--book-color);animation:paging 1s ease-out infinite;transform-origin:left}.page2{width:50%;height:2px;background-color:var(--book-color);animation:paging 1.2s ease-out infinite;transform-origin:left;position:absolute}@keyframes paging{10%{transform:rotate(0)}to{transform:rotate(-180deg)}}.loader-slogan{color:var(--color-grey);font-size:1.25rem;font-weight:500;opacity:0;animation:fadeInUp .5s ease forwards;animation-delay:.5s}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUpIcons{0%{opacity:0;transform:translate(-50%,calc(-50% - 80px)) translateY(20px)}to{opacity:1;transform:translate(-50%,calc(-50% - 80px)) translateY(0)}}.timeline-nav{position:fixed;right:40px;top:50%;transform:translateY(-50%);z-index:100;display:flex;flex-direction:column;gap:30px}.timeline-dot{width:12px;height:12px;border-radius:50%;background:var(--color-light-grey);border:2px solid var(--accent-color);position:relative;cursor:pointer;transition:all .3s ease}.timeline-dot:before{content:"";position:absolute;width:2px;height:30px;background:var(--accent-light);top:12px;left:50%;transform:translate(-50%)}.timeline-dot:last-child:before{display:none}.timeline-dot.active{background:var(--accent-color);transform:scale(1.2)}.timeline-dot:after{content:attr(data-section);position:absolute;right:24px;top:50%;transform:translateY(-50%);white-space:nowrap;padding:4px 8px;background:var(--color-white);border-radius:4px;font-size:12px;color:var(--color-dark-grey);opacity:0;transition:all .3s ease;box-shadow:0 2px 8px #0000001a}.timeline-dot:hover:after{opacity:1;right:28px}.demo-section{opacity:1;transform:none}.demo-section.fade-in{animation:none}.demo-section:nth-child(1).fade-in,.demo-section:nth-child(2).fade-in,.demo-section:nth-child(3).fade-in,.demo-section:nth-child(4).fade-in{animation-delay:0s}.section-indicator{position:fixed;right:40px;top:50%;transform:translateY(-50%);z-index:100;display:flex;flex-direction:column;gap:30px;align-items:center}.section-title{font-size:.875rem;font-weight:500;color:var(--color-dark-grey);white-space:nowrap;position:absolute;right:calc(100% + 16px);background:var(--color-white);padding:4px 8px;border-radius:4px;box-shadow:0 2px 8px #0000001a;opacity:0;transform:translate(10px);transition:all .3s ease;pointer-events:none}.is-scrolling .section-title{opacity:1;transform:translate(0)}.section-dot:hover{transform:scale(1.1)}.section-dot.active{background:var(--accent-color);transform:scale(1.2)}main{opacity:0;transition:opacity 0s ease-in-out}main.reveal{opacity:1}.navbar{opacity:0;transition:opacity .5s ease-in-out}.navbar.reveal{opacity:1}.platforms{opacity:1;padding:6rem 0}.fade-in{opacity:1!important;transform:translateY(0)!important}.preloader{position:fixed;top:0;left:0;width:100%;height:100%;background:#fff;z-index:9999;transition:opacity .5s ease-in-out}.preloader.fade-out{opacity:0;pointer-events:none}.features-hero{text-align:center;padding:6rem 0 3rem;background:linear-gradient(to bottom,var(--accent-lighter),transparent)}.features-hero h1{font-size:3.5rem;margin-bottom:1.5rem;color:var(--color-dark-grey)}.features-subtitle{font-size:1.25rem;color:var(--color-grey);max-width:600px;margin:0 auto}.features-detailed{padding:6rem 0}.features-section{margin-bottom:6rem}.features-section h2{font-size:2.5rem;margin-bottom:3rem;color:var(--color-dark-grey)}.features-grid-detailed{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2.5rem}.feature-detailed-card{background:var(--color-white);padding:2.5rem;border-radius:16px;box-shadow:0 4px 20px #0000000f;transition:all .3s ease;border:1px solid rgba(0,0,0,.04)}.feature-detailed-card:hover{transform:translateY(-4px);box-shadow:0 20px 40px #0000001a}.feature-icon-large{font-size:2.5rem;color:var(--accent-color);margin-bottom:1.5rem}.feature-detailed-card h3{font-size:1.5rem;margin-bottom:1rem;color:var(--color-dark-grey)}.feature-detailed-card p{color:var(--color-grey);margin-bottom:1.5rem;line-height:1.6}.feature-list{list-style:none;padding:0}.feature-list li{padding:.5rem 0;color:var(--color-dark-grey);display:flex;align-items:center;gap:.75rem}.feature-list li:before{content:"→";color:var(--accent-color)}.features-cta{background:var(--accent-lighter);padding:6rem 0;margin-top:4rem}.cta-content{text-align:center;max-width:800px;margin:0 auto}.cta-content h2{font-size:2.5rem;margin-bottom:1.5rem;color:var(--color-dark-grey)}.cta-content p{font-size:1.25rem;color:var(--color-grey);margin-bottom:2.5rem}.cta-buttons{display:flex;gap:1.5rem;justify-content:center}.auth-container{min-height:100vh;width:100%;display:flex;justify-content:center;align-items:center;position:relative;overflow:hidden;background-color:#f5f5f0;background-image:url(/assets/back-dd555fde.jpg);background-position:center;background-size:cover;background-repeat:no-repeat;background-attachment:fixed}.auth-hero{position:relative;background:radial-gradient(1200px 600px at -10% 20%,rgba(148,163,184,.12) 0%,rgba(148,163,184,.06) 35%,rgba(255,255,255,0) 70%),radial-gradient(1000px 500px at 110% -10%,rgba(148,163,184,.12) 0%,rgba(148,163,184,.06) 35%,rgba(255,255,255,0) 70%),linear-gradient(135deg,#f8fafc 0%,#e2e8f0 100%);overflow:hidden;display:flex;flex-direction:column;justify-content:center;padding:4rem 3.25rem}.grid-pattern{position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(rgba(148,163,184,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(148,163,184,.08) 1px,transparent 1px);background-size:24px 24px;background-position:-1px -1px;opacity:.6;z-index:1}.auth-hero-content{position:relative;z-index:2;max-width:520px;margin:0 auto}.auth-hero-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:rgba(255,255,255,.9);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1.5px solid rgba(148,163,184,.2);border-radius:50px;font-size:.875rem;font-weight:600;color:#334155;margin-bottom:2rem;box-shadow:0 4px 12px #00000014;transition:all .3s ease}.auth-hero-badge i{color:#94a3b8;font-size:1rem}.auth-hero-badge:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000001f;border-color:#94a3b859}.auth-logo{display:inline-flex;align-items:center;gap:.5rem;font-size:1.6rem;font-weight:800;letter-spacing:-.02em;margin-bottom:1.75rem;color:var(--color-dark-grey);padding:.35rem .7rem;border-radius:10px;background:rgba(255,255,255,.7);box-shadow:0 1px 2px #0000000f;width:max-content}.auth-hero-content h1{font-size:3rem;font-weight:800;line-height:1.2;margin-bottom:1.25rem;letter-spacing:-.04em;background:linear-gradient(135deg,#0f172a 0%,#334155 50%,#475569 100%);-webkit-background-clip:text;background-clip:text;color:transparent;position:relative}.auth-hero-content h1:after{content:"";display:block;width:80px;height:5px;margin-top:12px;border-radius:9999px;background:linear-gradient(90deg,#94a3b8 0%,#cbd5e1 50%,#94a3b8 100%);box-shadow:0 2px 8px #94a3b84d}.auth-hero-content p{font-size:1.05rem;line-height:1.8;color:#475569;margin-bottom:2rem;max-width:48ch;font-weight:400}.auth-features{display:flex;flex-direction:column;gap:1rem}.auth-feature{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;border-radius:14px;background:rgba(255,255,255,.95);border:1.5px solid rgba(148,163,184,.15);box-shadow:0 2px 8px #0000000f;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.auth-feature:hover{transform:translate(8px);border-color:#94a3b84d;box-shadow:0 4px 16px #0000001a;background:rgba(255,255,255,1)}.feature-icon{background:linear-gradient(135deg,rgba(148,163,184,.15) 0%,rgba(148,163,184,.25) 100%);color:#64748b;width:2.5rem;height:2.5rem;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:1.125rem;transition:all .3s ease;box-shadow:0 2px 4px #0000000d}.auth-feature:hover .feature-icon{background:linear-gradient(135deg,rgba(148,163,184,.25) 0%,rgba(148,163,184,.35) 100%);color:#475569;transform:scale(1.05);box-shadow:0 4px 8px #0000001a}.feature-text{font-size:.95rem;line-height:1.5;color:#334155;font-weight:500;flex:1}.auth-form-container{display:flex;justify-content:center;align-items:center;padding:2rem;width:100%;position:relative;z-index:1;min-height:100vh}.auth-card{background-color:var(--color-white);border-radius:20px;box-shadow:0 4px 6px -1px #0000000d,0 10px 15px -3px #00000014,0 0 0 1px #00000005;width:100%;max-width:540px;padding:2.5rem;margin:4rem auto 0;transition:all .3s ease}.auth-card:hover{box-shadow:0 10px 15px -3px #00000014,0 20px 25px -5px #0000001a,0 0 0 1px #00000008}.auth-header{text-align:center;margin-bottom:2rem}.auth-icon-container{display:flex;align-items:center;justify-content:center;width:80px;height:80px;margin:0 auto 1.5rem;background:linear-gradient(135deg,#334155 0%,#475569 50%,#64748b 100%);border-radius:20px;box-shadow:0 10px 30px -5px #0000004d,0 0 0 1px #ffffff1a inset,0 1px 2px #fff3 inset;position:relative;overflow:hidden}.auth-icon-container:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:20px;padding:2px;background:linear-gradient(135deg,rgba(255,255,255,.3),rgba(255,255,255,.05));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;opacity:.6}.auth-icon{width:40px;height:40px;min-width:40px;min-height:40px;color:#fff;filter:drop-shadow(0 2px 6px rgba(0,0,0,.3));position:relative;z-index:1;flex-shrink:0;object-fit:contain}.auth-header h2{font-size:2rem;font-weight:700;color:var(--color-dark-grey);margin-bottom:.5rem;letter-spacing:-.03em;line-height:1.2}.auth-header p{font-size:1rem;color:var(--color-grey);font-weight:400}.auth-toggle{display:flex;background-color:#f8fafc;border-radius:12px;margin-bottom:1.5rem;padding:.25rem;gap:.25rem;border:1px solid rgba(0,0,0,.04)}.toggle-btn{background:none;border:none;padding:.75rem 1rem;flex:1;border-radius:8px;font-size:.95rem;font-weight:500;color:var(--color-grey);cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);position:relative}.toggle-btn:hover{color:var(--color-dark-grey)}.toggle-btn.active{background-color:var(--color-white);color:var(--color-dark-grey);box-shadow:0 2px 4px #00000014,0 1px 2px #0000000a;font-weight:600}.auth-form{display:flex;flex-direction:column;gap:1.25rem}.form-group{display:flex;flex-direction:column;gap:.25rem}.form-group label{font-size:.875rem;font-weight:600;color:var(--color-dark-grey);margin-bottom:.25rem;letter-spacing:.01em}.input-wrapper{position:relative;display:flex;align-items:center;width:100%}.input-icon{position:absolute;left:1rem;width:1.25rem;height:1.25rem;color:var(--color-grey);pointer-events:none;transition:color .2s ease;z-index:1}.form-group input{width:100%;border:1.5px solid #e2e8f0;border-radius:12px;padding:.8rem 1rem .8rem 3rem;font-size:.95rem;transition:all .2s cubic-bezier(.4,0,.2,1);background-color:#fafbfc;color:var(--color-dark-grey);font-weight:400}.form-group input:hover{background-color:var(--color-white);border-color:#cbd5e1}.form-group input::placeholder{color:#94a3b8;font-weight:400}.form-group input:focus{outline:none;border-color:var(--accent-color);background-color:var(--color-white);box-shadow:0 0 0 4px #94a3b81a;transform:translateY(-1px)}.input-wrapper:focus-within .input-icon{color:var(--accent-color)}.password-toggle{position:absolute;right:1.125rem;background:none;border:none;padding:0;cursor:pointer;color:var(--color-grey);display:flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;transition:all .2s ease;z-index:1;border-radius:6px}.password-toggle:hover{color:var(--accent-color);background-color:#94a3b81a}.password-toggle:focus{outline:none;color:var(--accent-color);background-color:#94a3b81a}.password-toggle svg{width:1.25rem;height:1.25rem}.password-input{padding-right:3.5rem!important}.forgot-password-link{font-size:.875rem;color:var(--accent-color);cursor:pointer;margin-top:-.25rem;margin-bottom:.25rem;text-align:right;font-weight:600;transition:all .2s ease}.forgot-password-link:hover{color:var(--accent-hover);text-decoration:underline}.auth-submit{--primary-color: #334155;--secondary-color: #ffffff;--hover-color: #000000;--arrow-width: 10px;--arrow-stroke: 2px;background:var(--primary-color);color:var(--secondary-color);border:none;border-radius:20px;padding:.85rem 1.8rem;font-size:.95rem;font-weight:600;cursor:pointer;transition:.2s background;margin-top:.75rem;display:flex;align-items:center;justify-content:center;gap:.6rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;letter-spacing:.01em}.auth-submit .arrow-wrapper{display:flex;justify-content:center;align-items:center}.auth-submit .arrow{margin-top:1px;width:var(--arrow-width);background:var(--primary-color);height:var(--arrow-stroke);position:relative;transition:.2s}.auth-submit .arrow:before{content:"";box-sizing:border-box;position:absolute;border:solid var(--secondary-color);border-width:0 var(--arrow-stroke) var(--arrow-stroke) 0;display:inline-block;top:-3px;right:3px;transition:.2s;padding:3px;transform:rotate(-45deg)}.auth-submit:hover{background-color:var(--hover-color)}.auth-submit:hover .arrow{background:var(--secondary-color)}.auth-submit:hover .arrow:before{right:0}.auth-submit:active{transform:translateY(0);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.auth-error{background:linear-gradient(135deg,#fef2f2 0%,#fee2e2 100%);color:#dc2626;padding:1rem 1.25rem;border-radius:12px;font-size:.875rem;border:1.5px solid #fecaca;margin-bottom:1.5rem;display:flex;align-items:center;gap:.75rem;font-weight:500;box-shadow:0 2px 4px #dc26261a}.auth-footer{margin-top:1.5rem;text-align:center;padding-top:1.5rem;border-top:1px solid rgba(0,0,0,.06)}.auth-footer p{font-size:.95rem;color:var(--color-grey);font-weight:400}.toggle-link{background:none;border:none;padding:0;font-size:.95rem;font-weight:600;color:var(--accent-color);cursor:pointer;transition:all .2s ease;text-decoration:none}.toggle-link:hover{color:var(--accent-hover);text-decoration:underline}.google-signup-container{width:100%;margin-top:1.5rem}.google-signup-divider{display:flex;align-items:center;margin:1.25rem 0 1rem;color:var(--color-grey);font-size:.875rem;font-weight:500}.google-signup-divider:before,.google-signup-divider:after{content:"";flex:1;height:1px;background:linear-gradient(to right,transparent,#e2e8f0,transparent)}.google-signup-divider:before{margin-right:.75rem}.google-signup-divider:after{margin-left:.75rem}.google-signup-button{width:100%;display:flex;align-items:center;justify-content:center;gap:.75rem;padding:.85rem 1.1rem;background-color:var(--color-white);border:1.5px solid #e2e8f0;border-radius:12px;font-size:.95rem;font-weight:600;color:#3c4043;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 2px #3c404314;position:relative;overflow:hidden}.google-signup-button:hover{background-color:#fafbfc;box-shadow:0 4px 6px -1px #3c40431f,0 2px 4px -1px #3c404314;border-color:#cbd5e1;transform:translateY(-1px)}.google-signup-button:active{background-color:#f8f9fa;box-shadow:0 1px 2px #3c404314;transform:translateY(0)}.google-signup-button:focus{outline:none;box-shadow:0 0 0 4px #4285f41a}.google-signup-icon{width:20px;height:20px;flex-shrink:0}.google-signup-text{font-weight:500;letter-spacing:.01em}.google-signup-expanded{margin-top:1rem;animation:slideDown .2s ease-out;display:flex;flex-direction:column;gap:0}.google-signup-expanded .google-signup-button{margin-top:.75rem}@media (max-width: 768px){.auth-container{grid-template-columns:1fr}.auth-hero{display:none}.auth-form-container{padding:2rem 1.5rem}}.sliding-rectangles-container{width:100%;overflow:hidden;padding:10px 0;position:relative;background-color:transparent}.sliding-rectangles-container .container{max-width:1760px;margin:0 auto;padding:0 4.8rem;overflow:visible}.sliding-row{display:flex;margin:8px 0;white-space:nowrap;position:relative;width:100%;overflow:hidden}.sliding-left,.sliding-right{display:flex;width:max-content;animation-timing-function:linear;animation-iteration-count:infinite;gap:0}.sliding-rectangle{display:inline-flex;align-items:center;justify-content:center;width:calc((100% - 40px) / 6);min-width:250px;height:50px;margin:0 4px;padding:0 1rem;background-color:var(--color-white);color:var(--color-dark-grey);border-radius:8px;font-weight:400;box-shadow:0 4px 6px #0000000d;text-align:center;opacity:1}.sliding-row:nth-child(1) .sliding-left{animation-name:slideLeft;animation-duration:90s}.sliding-row:nth-child(2) .sliding-right{animation-name:slideRight;animation-duration:75s}.sliding-row:nth-child(3) .sliding-left{animation-name:slideLeft;animation-duration:60s}@keyframes slideLeft{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes slideRight{0%{transform:translate(-50%)}to{transform:translate(0)}}@media (max-width: 768px){.sliding-rectangle{min-width:200px;height:45px;font-size:.85rem}.sliding-row:nth-child(1) .sliding-left{animation-duration:75s}.sliding-row:nth-child(2) .sliding-right{animation-duration:60s}.sliding-row:nth-child(3) .sliding-left{animation-duration:45s}.sliding-rectangles-container .container{padding:0 2rem}}@media (max-width: 480px){.sliding-rectangle{min-width:180px;height:40px;font-size:.75rem}.sliding-row:nth-child(1) .sliding-left{animation-duration:60s}.sliding-row:nth-child(2) .sliding-right{animation-duration:50s}.sliding-row:nth-child(3) .sliding-left{animation-duration:40s}}.feature-card-openai{background:#ffffff;border-radius:12px;padding:2rem;box-shadow:0 1px 2px #0000000a,0 4px 12px #0000000a;transition:all .3s ease;display:flex;flex-direction:column;gap:1.5rem;border:1px solid rgba(0,0,0,.03);position:relative;overflow:hidden}.feature-card-openai:hover{transform:translateY(-4px);box-shadow:0 4px 16px #00000014}.feature-card-openai:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,rgba(148,163,184,.6) 0%,rgba(148,163,184,.2) 100%);opacity:0;transition:opacity .3s ease}.feature-card-openai:hover:before{opacity:1}.feature-icon-openai{width:48px;height:48px;border-radius:10px;background:rgba(148,163,184,.1);display:flex;align-items:center;justify-content:center;color:var(--accent-color);font-size:1.25rem;transition:all .3s ease}.feature-card-openai:hover .feature-icon-openai{background:rgba(148,163,184,.15);transform:scale(1.05)}.feature-content-openai{display:flex;flex-direction:column;gap:1rem}.feature-card-openai h3{font-size:1.25rem;font-weight:600;color:#202123;letter-spacing:-.01em;margin:0}.feature-card-openai p{font-size:.95rem;line-height:1.6;color:#353740;margin:0;font-weight:400}.feature-list-openai{list-style:none;padding:0;margin:.5rem 0 0;display:flex;flex-direction:column;gap:.75rem}.feature-list-openai li{font-size:.9rem;color:#6e6e80;display:flex;align-items:center;gap:.75rem;position:relative;padding-left:1.25rem}.feature-list-openai li:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:6px;height:6px;border-radius:50%;background-color:var(--accent-color);opacity:.7}.features-grid-detailed{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem}@media (max-width: 768px){.feature-card-openai{padding:1.5rem}.feature-card-openai h3{font-size:1.1rem}.feature-card-openai p{font-size:.9rem}.feature-list-openai li{font-size:.85rem}}.fade-in-section{opacity:0;transform:translateY(20px);transition:opacity .6s ease-out,transform .6s ease-out;will-change:opacity,transform}.fade-in-section.is-visible{opacity:1;transform:translateY(0)}.features-section:first-of-type,.features-section:first-of-type .feature-card-openai{opacity:1!important;transform:none!important;transition:none!important}.features-section:not(:first-of-type) .features-grid-detailed .feature-card-openai{opacity:0;transform:translateY(20px);transition:opacity .6s ease-out,transform .6s ease-out}.features-section:not(:first-of-type) .features-grid-detailed .feature-card-openai.is-visible{opacity:1;transform:translateY(0)}.features-section:not(:first-of-type) .features-grid-detailed .feature-card-openai:nth-child(2){transition-delay:.2s}.features-section:not(:first-of-type) .features-grid-detailed .feature-card-openai:nth-child(3){transition-delay:.4s}.features-section:not(:first-of-type){opacity:0;transform:translateY(20px);transition:opacity .6s ease-out,transform .6s ease-out}.features-section:not(:first-of-type).is-visible{opacity:1;transform:translateY(0)}.demo-window img{opacity:0;transform:translateY(20px);transition:opacity .6s ease-out,transform .6s ease-out}.demo-window img.is-visible{opacity:1;transform:translateY(0)}.loading-dots{display:flex;gap:.5rem;padding:.5rem 0}.loading-dots span{width:4px;height:4px;border-radius:50%;background-color:#10a37f;animation:loadingDots 1.4s infinite ease-in-out both}@keyframes loadingDots{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.toast{position:fixed;bottom:20px;left:50%;transform:translate(-50%) translateY(100px);padding:12px 24px;border-radius:8px;color:#fff;font-size:14px;opacity:0;transition:all .3s ease;z-index:2000}.toast.toast--scoped{position:absolute;bottom:6px;left:50%;transform:translate(-50%);z-index:10}.toast.show{transform:translate(-50%) translateY(0);opacity:1}.toast.toast-success{background-color:#10b981}.toast.toast-error{background-color:#ef4444}.toast.toast-info{background-color:#3b82f6}.auth-error{color:#ef4444}.hero-workflow{margin-top:3rem;padding-top:2rem;border-top:none}.workflow-timeline{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;max-width:950px;margin:0 auto;align-items:stretch}.timeline-card{background:#ffffff;border:1px solid rgba(48,48,48,.3);border-radius:16px;padding:2rem 1.5rem;text-align:center;transition:all .3s ease;box-shadow:0 2px 8px #0000000a;position:relative;display:flex;flex-direction:column;min-height:220px;height:100%;align-self:stretch}.timeline-card-inner{position:relative;z-index:1;flex:1;display:flex;flex-direction:column;justify-content:center}.step-header{margin-bottom:1.25rem}.step-content h4{margin-bottom:.5rem}.timeline-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px #00000014;border-color:#3341551a}.step-header{display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem}.step-icon{font-size:1.5rem;background:#ffffff;color:#334155;border:2px solid #334155;border-radius:12px;padding:.75rem;width:60px;height:60px;display:flex;align-items:center;justify-content:center;font-weight:600;position:relative}.icon-symbol{font-size:1.2rem;font-weight:400}.step-number{position:absolute;top:-8px;right:-8px;width:24px;height:24px;border-radius:50%;background:#334155;color:#fff;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;border:2px solid #ffffff;box-shadow:0 2px 4px #0000001a}.step-content h4{font-size:1.1rem;font-weight:600;color:#212121;margin-bottom:.75rem;line-height:1.3}.step-content p{font-size:.95rem;color:#666;line-height:1.5;margin:0}@media (max-width: 768px){.workflow-timeline{grid-template-columns:1fr;gap:1.25rem}.timeline-card{padding:1.5rem 1.25rem}.step-header{gap:.75rem}.step-icon{font-size:1.75rem;width:50px;height:50px;padding:.5rem}}.timeline-card-wrapper{position:relative}.timeline-card-wrapper.span-all{grid-column:1 / -1}.timeline-card-wrapper.align-left .timeline-card{margin:0 auto 0 0}.timeline-card-wrapper.align-center .timeline-card{margin:0 auto}.timeline-card-wrapper.align-right .timeline-card{margin:0 0 0 auto}.timeline-card{transition:border-radius .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s cubic-bezier(.2,.8,.2,1)}.card-expand-btn{position:absolute;top:10px;right:10px;width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;background:#ffffff;color:#111827;border:1px solid rgba(17,24,39,.15);border-radius:8px;cursor:pointer;z-index:2;transition:background-color .2s ease,color .2s ease,border-color .2s ease,box-shadow .2s ease,opacity .22s ease}.workflow-timeline .card-expand-btn{opacity:0;pointer-events:none;animation:none}.workflow-timeline.show-icons .card-expand-btn{opacity:1;pointer-events:auto;animation:expandBtnIntroOnce .36s ease-out .12s 1 both}@keyframes expandBtnIntroOnce{0%{transform:scale(1);box-shadow:0 0 #11182700}50%{transform:scale(1.02);box-shadow:0 0 0 4px #1118270d}to{transform:scale(1);box-shadow:0 0 #11182700}}@media (prefers-reduced-motion: reduce){.workflow-timeline.show-icons .card-expand-btn{animation:none}}.timeline-card.expanded .timeline-card-inner{transition:opacity .2s ease,transform .45s cubic-bezier(.2,.8,.2,1);will-change:transform}.card-expand-btn:hover,.card-expand-btn:focus{outline:none;background:#f9fafb;border-color:#1118274d;box-shadow:0 2px 8px #0000000f}.card-expand-btn:active{background:#f3f4f6}.timeline-card--overlay{overflow:hidden;background:#ffffff;will-change:top,left,width,height,border-radius,box-shadow;backface-visibility:hidden;outline:none;border:none}.chat-demo{padding:4rem 0;background:transparent;position:relative;overflow:hidden}.chat-demo:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;display:none;pointer-events:none}.chat-demo-header{text-align:center;margin-bottom:3rem}.chat-demo-header h2{font-size:2.5rem;font-weight:700;color:var(--color-black);margin-bottom:1rem;letter-spacing:-.03em}.chat-demo-header p{font-size:1.125rem;color:var(--color-grey);max-width:600px;margin:0 auto;line-height:1.6}.PhrazeHighlight.has-annotations{background-color:var(--highlight-color, #ffb700b2)!important}.chat-demo-window{max-width:850px;margin:0 auto;background:#f8f8f6;border-radius:var(--border-radius);box-shadow:0 8px 32px #00000014;overflow:hidden;position:relative;z-index:1;border:1px solid rgba(0,0,0,.06)}.chat-demo-header-bar{background:var(--color-light-grey);padding:.75rem 1rem;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--color-light-blue)}.window-controls{display:flex;gap:.5rem}.control-dot{width:12px;height:12px;border-radius:50%}.control-dot.red{background:#ff5f57}.control-dot.yellow{background:#ffbd2e}.control-dot.green{background:#28ca42}.chat-demo-title{display:flex;align-items:center;gap:.5rem;margin-right:10px;color:var(--color-dark-grey);font-weight:600;font-size:.9rem}.chat-demo-messages{padding:1.5rem;max-height:465px;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none;position:relative}.chat-demo-messages::-webkit-scrollbar{width:0;height:0;display:none}.chat-demo-messages::-webkit-scrollbar-track{background:transparent}.chat-demo-messages::-webkit-scrollbar-thumb{background:rgba(0,0,0,.2);border-radius:0}.chat-demo-messages::-webkit-scrollbar-thumb:hover{background:rgba(0,0,0,.3)}.chat-demo-message{display:flex;gap:.75rem;margin-bottom:1.5rem;padding:1rem;border-radius:var(--border-radius);transition:all .3s ease}.chat-demo-message:last-of-type{margin-bottom:2rem}.chat-demo-message.user-message,.chat-demo-message.ai-message{background:var(--color-white);border:1px solid var(--color-light-blue);border-left:4px solid var(--accent-color)}.message-avatar{flex-shrink:0}.avatar-circle{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:600;box-shadow:0 2px 4px #0000001a}.user-avatar{background:var(--color-light-blue);color:var(--color-dark-grey);border:2px solid var(--color-white)}.ai-avatar{background:var(--color-grey);color:var(--color-white);border:2px solid var(--color-white)}.avatar-initials{font-size:.75rem;font-weight:600}.message-content{flex:1;min-width:0}.message-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.message-name{font-weight:600;font-size:.875rem;color:var(--color-black)}.ai-message .message-name{color:var(--color-black);font-weight:600}.message-time{font-size:.75rem;color:var(--color-grey);font-weight:400}.ai-badge{background:var(--color-grey);color:var(--color-white);padding:.25rem .5rem;border-radius:12px;font-size:.625rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.message-text{color:var(--color-dark-grey);line-height:1.6;font-size:15.2px;padding:.5rem 0}.ai-message .message-text{color:var(--color-dark-grey);font-weight:400;background:transparent;padding:.5rem 0;border-radius:none;border:none}.ai-message,.message-text{position:relative}.message-text:before{content:attr(data-mentions);position:absolute;top:-20px;left:0;font-size:.65rem;color:var(--accent-color);font-weight:600}.message-text:after{content:""}.chat-demo .message-text .highlight{background:#fef08a!important;padding:.125rem .25rem;border-radius:4px;position:relative;cursor:pointer;animation:none!important;border-bottom:none!important;border:none!important}.chat-demo .message-text .highlight:hover{background:#fde047!important}.chat-demo .ai-message .message-text .highlight{background:#fef08a!important;color:var(--color-black);font-weight:400;animation:none!important;border-bottom:none!important;border:none!important}.chat-demo .ai-message .message-text .highlight:hover{background:#fde047!important}.chat-demo .message-text .highlight:before{content:"Label: " attr(data-label) "\a Code: " attr(data-code) "\aUser: " attr(data-user);position:absolute;top:-6.5rem;left:50%;transform:translate(-50%);background:var(--color-white);color:var(--color-dark-grey);border:1px solid var(--color-light-blue);padding:.75rem 1rem;border-radius:6px;font-size:.75rem;white-space:pre-line;opacity:0;pointer-events:none;transition:opacity .2s ease;z-index:10;box-shadow:0 2px 8px #0000001a;font-weight:500;line-height:1.4;min-width:240px;max-width:300px;text-align:left}.chat-demo-message:first-of-type .message-text .highlight:before{top:2.5rem;transform:translate(-50%)}.chat-demo .message-text .highlight:hover:before{opacity:1}.chat-demo .message-text .mention{font-weight:600;color:var(--color-dark-grey)}.chat-demo .message-text .highlight{position:relative}.chat-demo .message-text .highlight:after{display:none!important}.message-text .highlight:before{content:attr(data-label);position:absolute;top:-1.75rem;left:50%;transform:translate(-50%);background:var(--color-dark-grey);color:var(--color-white);padding:.25rem .5rem;border-radius:4px;font-size:.625rem;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s ease;z-index:10}.message-text .highlight:after{content:attr(data-code);position:absolute;top:-3.25rem;left:50%;transform:translate(-50%);background:var(--accent-color);color:var(--color-white);padding:.25rem .5rem;border-radius:4px;font-size:.625rem;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s ease;z-index:10;font-family:Courier New,monospace}.message-text .highlight:hover:before,.message-text .highlight:hover:after{opacity:1}.chat-demo-input{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:var(--color-white);border:none;border-radius:24px;margin-top:1rem;box-shadow:0 2px 4px #0000000d}.input-icon-button{background:none;border:none;color:var(--color-grey);width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:50%;transition:all .2s ease;font-size:.875rem}.input-icon-button:hover{background:var(--color-light-grey);color:var(--color-dark-grey)}.input-field{flex:1;padding:.5rem .75rem;border:none;background:transparent;font-size:.875rem;outline:none}.input-placeholder-text{color:var(--color-grey);font-size:.875rem}.send-button{background:none;border:none;cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center;transition:opacity .2s ease}.send-button:hover{opacity:.8}.chat-demo.demo-section{opacity:1;transform:translateY(0);transition:all .6s ease}.chat-demo.demo-section.fade-in{opacity:1;transform:translateY(0)}@media (max-width: 768px){.chat-demo{padding:3rem 0}.chat-demo-header h2{font-size:2rem}.chat-demo-header p{font-size:1rem;padding:0 1rem}.chat-demo-window{margin:0 1rem}.chat-demo-messages{padding:1rem}.message-text .highlight:before,.message-text .highlight:after{position:relative;top:auto;left:auto;transform:none;display:inline-block;margin-left:.25rem;opacity:1}}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-bottom:40px}@media (max-width: 1024px){.feature-grid{grid-template-columns:repeat(2,1fr)!important}}@media (max-width: 768px){.feature-grid{grid-template-columns:1fr!important}}*{outline:none!important}*:focus,*:focus-visible,*:active{outline:none!important;-webkit-tap-highlight-color:transparent!important;-webkit-focus-ring-color:transparent!important;-moz-outline:none!important}.feature-card{background-color:#f7f7f7!important;border:2px solid transparent!important;outline:none!important;box-shadow:none!important;transform:none!important;transition:none!important;-webkit-tap-highlight-color:transparent!important;-webkit-focus-ring-color:transparent!important;-moz-outline:none!important;-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important;user-select:none!important}.feature-showcase-card{background-color:#f5f5f5!important;border:2px solid transparent!important;transition:all .3s ease!important;cursor:pointer!important}.feature-showcase-card.active{background-color:#fff!important;border:2px solid #e5e5e5!important}.feature-card:hover{background-color:#fff!important;border:2px solid #e5e5e5!important;outline:none!important;box-shadow:none!important;transform:none!important;transition:none!important;-webkit-tap-highlight-color:transparent!important;-webkit-focus-ring-color:transparent!important;-moz-outline:none!important}div.feature-card:hover{background-color:#fff!important;border:2px solid #e5e5e5!important}.feature-card:focus,.feature-card:focus-visible,.feature-card:active{outline:none!important;box-shadow:none!important;transform:none!important;transition:none!important;-webkit-tap-highlight-color:transparent!important;-webkit-focus-ring-color:transparent!important;-moz-outline:none!important}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.frame-button-1-holder{background-color:#f8f9fa;border:1px solid #eaeeef;border-radius:15px;padding:20px;margin-top:10px}.frame-button-1{background-color:#fff;border:1px solid #e9ecef;border-radius:10px;padding:12px 16px;margin-bottom:10px;transition:all .2s ease;width:100%;text-align:left;cursor:pointer;position:relative}.frame-button-1.selected{border-color:#d1d5db;box-shadow:0 0 0 3px #0000000f;background:#f3f4f6}.frame-button-1:hover{transform:translateY(-2px);box-shadow:0 4px 8px #00000014;border-color:#d1d5db;background-color:#f9fafb}.label-button-container{margin-bottom:8px}.label-content{display:flex;justify-content:space-between;align-items:center;width:100%}.label-main{display:flex;align-items:center}.label-main i{width:25px;text-align:center;display:inline-flex;justify-content:center;align-items:center}.label-main .p-2{padding-left:.5rem!important}.label-dropdown-arrow{font-size:.8rem;transition:transform .3s ease;color:#626262;padding:8px;cursor:pointer;margin-right:-8px;z-index:2;position:relative}.label-dropdown-arrow.active{transform:rotate(180deg)}.label-description{display:none;padding:12px 16px;margin-top:4px;background-color:#f8f9fa;border-radius:8px;font-size:.9rem;color:#6c757d;line-height:1.4;border-left:3px solid var(--color-light-blue, #92c2d7)}.label-description.active{display:block;animation:slideDown .3s ease forwards}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.app{text-align:center;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#282c34;color:#fff}.app-header{padding:2rem}h1{margin-bottom:1rem;color:#61dafb}.demo-window{min-height:400px;max-height:400px;overflow-y:auto}.annotation-options{padding:1rem}.annotation-option{margin-bottom:1.5rem}.loading-dots{display:flex;align-items:center;justify-content:center;gap:6px}.loading-dots span{width:8px;height:8px;background-color:#666;border-radius:50%;animation:loading-dots 1.4s infinite ease-in-out both}.loading-dots span:nth-child(1){animation-delay:-.32s}.loading-dots span:nth-child(2){animation-delay:-.16s}@keyframes loading-dots{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.PhrazeHighlight{background-color:var(--highlight-color, #FFF176)!important;color:#000!important;border-radius:3px!important;cursor:pointer!important;display:inline;position:relative!important;z-index:1!important;opacity:1}.HighlightPopup{opacity:1!important;pointer-events:auto!important;transition:none!important}.PhrazeHighlight{background-color:var(--highlight-color, #FFF176)!important;color:#000!important;border-radius:3px!important;cursor:pointer!important;display:inline!important;position:relative!important;z-index:1!important}.PhrazeHighlight:hover{background-color:var(--highlight-color, #FFF176)!important}.PhrazeHighlight:empty{display:none!important}.phraze-highlight-container{display:inline;position:relative}.phraze-highlight-container mark[id=PhrazeHighlight]{vertical-align:baseline}.annotation-popup{position:fixed;z-index:1000000001;background-color:#fbfbfb;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;padding:24px;width:400px;max-width:400px;position:relative}.annotation-popup .annotation-header{margin:0 0 16px;font-size:14px;font-weight:500;color:#6b7280;letter-spacing:-.01em;display:flex;justify-content:space-between;align-items:center}.annotation-popup .annotation-close-btn{background:none;border:none;font-size:20px;color:#9ca3af;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.annotation-popup .annotation-close-btn:hover{background-color:#f3f4f6;color:#6b7280}.annotation-popup textarea{width:100%;min-height:100px;padding:16px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;font-family:inherit;resize:vertical;box-sizing:border-box;margin-bottom:20px;color:#374151;background-color:#fff;transition:all .2s ease}.annotation-popup textarea:focus{outline:none;border-color:#d1d5db;background-color:#fff}.annotation-popup textarea::placeholder{color:#9ca3af}.annotation-popup .button-container{display:flex;gap:12px;justify-content:flex-end;align-items:center}.annotation-popup .add-annotation-button{flex:1;padding:10px 18px;border:1px solid #e5e7eb;border-radius:6px;font-size:13px;font-weight:400;cursor:pointer;transition:all .15s ease;display:flex;align-items:center;justify-content:center;gap:8px;height:38px;line-height:1;background-color:#fff;color:#374151;box-shadow:0 1px 2px #0000000d}.annotation-popup .add-annotation-button:hover{background-color:#f9fafb;border-color:#d1d5db}.annotation-popup .save-button{background-color:#fff;color:#000;border:1px solid #d1d5db;justify-content:flex-start}.annotation-popup .save-button:hover{background-color:#f8fafc;border-color:#9ca3af;transform:translateY(-1px);box-shadow:0 4px 12px #00000014}.annotation-popup .add-full-button{background-color:#fff;color:#000;border:1px solid #d1d5db}.annotation-popup .add-full-button:hover{background-color:#f8fafc;border-color:#9ca3af;transform:translateY(-1px);box-shadow:0 4px 12px #00000014}.phraze-note-list{list-style:disc;margin:5px 0 0 20px;max-height:100px;overflow-y:auto;font-size:12px;color:#333;list-style-position:inside;padding:0 0 0 5px}.phraze-note-list li{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px;padding:2px 0}.phraze-note-text{flex-grow:1;margin-right:5px;word-break:break-word}.phraze-note-delete-btn{flex-shrink:0;background:#eee;border:1px solid #ccc;color:#777;border-radius:50%;width:16px;height:16px;font-size:10px;line-height:14px;text-align:center;cursor:pointer;padding:0;margin-left:5px}.phraze-note-delete-btn:hover{background:#ddd;color:#333}.unselectable{-webkit-user-select:none;user-select:none}.selectable{-webkit-user-select:initial;user-select:initial}.center-under-img{display:flex;flex-direction:column;align-items:center}.back-button{background-color:#0000;border:none;width:30px;height:41px;cursor:pointer}.back-button:hover{background-color:#eef1f5}.messaging-header{font-size:14px;color:#d3d3d3;padding:10px}.messages-list{display:flex;flex-direction:column;gap:12px;width:100%;padding:10px}#groq-chats-list{margin-bottom:16px}.groq-message{padding:8px 12px;margin:4px 0;border-radius:6px;background:#f8f8f8}.topics-button{padding:8px 12px;border:none;background:#f5f5f5;border-radius:8px;cursor:pointer;transition:background .2s;width:unset;display:block;width:95%;margin:10px auto;height:43px}.topics-button:hover{background:#e0e0e0}.messaging-panel{width:50%;border-right:1px solid grey;height:800px}#contacts-panel{display:flex;flex-direction:column;gap:0px;padding:12px}.contact-footer{color:#bbb;font-size:13px}.contact-btn{display:flex;align-items:center;gap:10px;padding:8px 12px;border:none;background:white;border-top:solid 1px #F7F7F8;cursor:pointer;transition:background .2s;width:unset;height:90px}.contact-btn:hover{background:#e0e0e0}.contact-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover}.contact-name{font-weight:500;font-size:16px}.contact-email{color:#888;font-size:.9em}.contact-btn.everyone{font-weight:700}td{padding:8px}* Add these iMessage-style comment styles */ .comments-list{padding:16px;display:flex;flex-direction:column;gap:12px}.comment-item{display:flex;flex-direction:column;max-width:100%;gap:4px;align-items:flex-start;animation:slideInLeft .3s ease-out forwards;opacity:0;transform-origin:left center}.comment-item.my-comment{align-self:flex-end;align-items:flex-end;animation:slideInRight .3s ease-out forwards;transform-origin:right center}.comments-list .comment-item:nth-child(1){animation-delay:.05s}.comments-list .comment-item:nth-child(2){animation-delay:.1s}.comments-list .comment-item:nth-child(3){animation-delay:.15s}.comments-list .comment-item:nth-child(4){animation-delay:.2s}.comments-list .comment-item:nth-child(5){animation-delay:.25s}.comments-list .comment-item:nth-child(n+6){animation-delay:.3s}.comment-header{font-size:12px;color:#8e8e93;margin:0 8px}.comment-item.my-comment .comment-header{text-align:right}.comment-text{padding:12px 16px;border-radius:18px;font-size:14px;line-height:1.4;position:relative;word-wrap:break-word}.comment-item:not(.my-comment) .comment-text{background-color:#e9e9eb;color:#000;border-top-left-radius:4px;margin-right:40px}.comment-item.my-comment .comment-text{background-color:#007aff;color:#fff;border-top-right-radius:4px;margin-left:40px}.comment-input-container{background:#ffffff;border-top:1px solid #e9e9eb;padding:12px;position:sticky;bottom:0}.comment-input{flex-grow:1;background:#e9e9eb;border:none;border-radius:18px;padding:10px 16px 5px;font-size:14px;line-height:1.4;resize:none;min-height:43px;max-height:120px;overflow-y:hidden;transition:height .1s ease}.comment-input:focus{outline:none}.comment-button.primary{background-color:#007aff;color:#fff;border:none;height:43px;width:43px;border-radius:18px;padding:0;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s ease;flex-shrink:0}.comment-button.primary:hover{background-color:#0056b3}@keyframes slideInRight{0%{transform:translate(20px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideInLeft{0%{transform:translate(-20px);opacity:0}to{transform:translate(0);opacity:1}}.image-button{border:0px;width:43px;height:43px;border-radius:18px}.comment-image{max-width:100%;max-height:300px;border-radius:8px;margin:8px 0;cursor:pointer;transition:transform .2s ease}.comment-image:hover{transform:scale(1.02)}.image-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#f5f5f7;border-radius:8px;height:120px;margin:8px 0;color:#666}.image-placeholder i{font-size:24px;margin-bottom:8px}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.comment-input-wrapper{display:flex;align-items:center;gap:8px}.gsi-material-button{-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;-webkit-appearance:none;background-color:#fff;background-image:none;border:1px solid #747775;-webkit-border-radius:20px;border-radius:20px;-webkit-box-sizing:border-box;box-sizing:border-box;color:#1f1f1f;cursor:pointer;font-family:Roboto,arial,sans-serif;font-size:14px;height:40px;letter-spacing:.25px;outline:none;overflow:hidden;padding:0 12px;position:relative;text-align:center;-webkit-transition:background-color .218s,border-color .218s,box-shadow .218s;transition:background-color .218s,border-color .218s,box-shadow .218s;vertical-align:middle;white-space:nowrap;width:auto;max-width:400px;min-width:min-content}.gsi-material-button .gsi-material-button-icon{height:20px;margin-right:12px;min-width:20px;width:20px}.gsi-material-button .gsi-material-button-content-wrapper{-webkit-align-items:center;align-items:center;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-flex-wrap:nowrap;flex-wrap:nowrap;height:100%;justify-content:center;position:relative;width:100%}.gsi-material-button .gsi-material-button-contents{-webkit-flex-grow:0;flex-grow:0;font-family:Roboto,arial,sans-serif;font-weight:500;overflow:hidden;text-overflow:ellipsis;vertical-align:top}.gsi-material-button .gsi-material-button-state{-webkit-transition:opacity .218s;transition:opacity .218s;bottom:0;left:0;opacity:0;position:absolute;right:0;top:0}.gsi-material-button:disabled{cursor:default;background-color:#ffffff61;border-color:#1f1f1f1f}.gsi-material-button:disabled .gsi-material-button-contents{opacity:38%}.gsi-material-button:disabled .gsi-material-button-icon{opacity:38%}.gsi-material-button:not(:disabled):active .gsi-material-button-state,.gsi-material-button:not(:disabled):focus .gsi-material-button-state{background-color:#303030;opacity:12%}.gsi-material-button:not(:disabled):hover{-webkit-box-shadow:0 1px 2px 0 rgba(60,64,67,.3),0 1px 3px 1px rgba(60,64,67,.15);box-shadow:0 1px 2px #3c40434d,0 1px 3px 1px #3c404326}.gsi-material-button:not(:disabled):hover .gsi-material-button-state{background-color:#303030;opacity:8%}.HighlightPopup{cursor:pointer;opacity:.5;transition:.5s}.HighlightPopup:hover{opacity:1;transition:.5s}.sidebar-project-dropdown{width:100%;padding:10px 16px;border-radius:12px;border:1px solid rgba(0,0,0,.1);background:#fff;font-weight:500;font-size:.95rem;color:#2c3e50;cursor:pointer;transition:box-shadow .18s,border-color .18s,background .18s;box-shadow:0 2px 8px #0000000a;outline:none;min-height:44px;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url('data:image/svg+xml;utf8,<svg fill="%2364748b" height="20" viewBox="0 0 24 24" width="20" xmlns="http://www.w3.org/2000/svg"><path d="M7 10l5 5 5-5z"/></svg>');background-repeat:no-repeat;background-position:right 14px center;background-size:20px 20px}.sidebar-project-dropdown:focus{border-color:var(--accent-color);box-shadow:0 0 0 2px var(--accent-light);background:#f8fafc}.sidebar-project-dropdown:hover{border-color:var(--accent-hover);background:var(--color-light-gray-hover)}.sidebar-project-dropdown option{border-radius:8px;background:#fff;color:#2c3e50;font-size:.95rem;font-weight:500;padding:10px 16px;margin:4px 0;transition:background .18s,color .18s}.sidebar-project-dropdown option:hover,.sidebar-project-dropdown option:focus{background:#f0f4fa;color:#1a2533}.groqScreenshotButton{background:none;border:none;cursor:pointer;text-align:left;width:210px}.img-overlay{opacity:0;transition:.25s}.img-overlay:hover{opacity:1;transition:.25s}.phraze-unified-annotation-card{position:fixed;transform:translate(-50%);background-color:#fff;border-radius:8px;box-shadow:0 2px 12px #0000001f;border:1px solid #e5e7eb;padding:12px;z-index:1000000000;opacity:0;transition:opacity .2s,visibility .2s;pointer-events:none;min-width:260px;max-width:320px}.phraze-highlight-container:hover .phraze-unified-annotation-card,.phraze-unified-annotation-card:hover{opacity:1;visibility:visible;pointer-events:auto}.annotation-popup .labels-section{margin-bottom:16px}.annotation-popup .labels-header{font-size:14px;font-weight:500;color:#6b7280;margin-bottom:8px}.annotation-popup .labels-toggle-btn{width:100%;padding:8px 12px;background:white;border:1px solid #e5e7eb;border-radius:6px;font-size:14px;color:#374151;cursor:pointer;display:flex;align-items:center;justify-content:space-between;transition:all .2s ease}.annotation-popup .labels-toggle-btn:hover{background-color:#f9fafb;border-color:#d1d5db}.annotation-popup .labels-toggle-btn span{font-size:12px;color:#6b7280}.annotation-popup .labels-dropdown{position:relative;background:white;border:1px solid #e5e7eb;border-radius:6px;box-shadow:0 4px 6px -1px #0000001a;z-index:1000;max-height:200px;overflow-y:auto;margin-top:2px}.annotation-popup .label-type-header{padding:8px 12px;font-size:12px;font-weight:600;color:#6b7280;background-color:#f9fafb;border-bottom:1px solid #e5e7eb;text-transform:uppercase;letter-spacing:.05em}.annotation-popup .label-option{padding:8px 12px;cursor:pointer;font-size:14px;color:#374151;transition:background-color .2s ease}.annotation-popup .create-custom-option{padding:8px 12px;cursor:pointer;border-top:1px solid #e5e7eb;color:#6b7280;transition:background-color .2s ease}.annotation-popup .create-custom-option:hover{background-color:#f9fafb}.annotation-popup .label-option:hover{background-color:#f3f4f6}.annotation-popup .selected-labels-container{margin-top:8px;display:flex;flex-wrap:wrap;gap:4px}.annotation-popup .selected-label-tag{background:#e5e7eb;color:#374151;padding:4px 8px;border-radius:12px;font-size:12px;font-weight:500;white-space:nowrap;line-height:1.2;display:flex;align-items:center;gap:4px;max-width:200px;overflow:hidden;text-overflow:ellipsis;flex-shrink:0;min-width:fit-content}.annotation-popup .selected-label-tag button{background:none;border:none;color:#6b7280;cursor:pointer;font-size:14px;width:16px;height:16px;margin-left:4px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .15s ease}.annotation-popup .selected-label-tag button:hover{background-color:#d1d5db;color:#374151}.annotation-popup .codes-section{margin-bottom:16px}.annotation-popup .codes-header{font-size:14px;font-weight:500;color:#6b7280;margin-bottom:8px}.annotation-popup .codes-toggle-btn{width:100%;padding:8px 12px;background:white;border:1px solid #e5e7eb;border-radius:6px;font-size:14px;color:#374151;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:all .2s ease}.annotation-popup .codes-toggle-btn:hover{background-color:#f9fafb;border-color:#d1d5db}.annotation-popup .codes-toggle-btn span{font-size:12px;color:#6b7280}.annotation-popup .codes-dropdown{position:relative;background:white;border:1px solid #e5e7eb;border-radius:6px;box-shadow:0 4px 6px -1px #0000001a;z-index:1000;max-height:200px;overflow-y:auto;margin-top:2px}.annotation-popup .code-type-header{padding:8px 12px;font-size:12px;font-weight:600;color:#6b7280;background-color:#f9fafb;border-bottom:1px solid #e5e7eb;text-transform:uppercase;letter-spacing:.05em}.annotation-popup .code-option{padding:8px 12px;cursor:pointer;font-size:14px;color:#374151;transition:background-color .2s ease}.annotation-popup .code-option:hover{background-color:#f3f4f6}.annotation-popup .selected-codes-container{margin-top:8px;display:flex;flex-wrap:wrap;gap:6px}.annotation-popup .selected-code-tag{background:#e5e7eb;color:#374151;padding:4px 8px;border-radius:12px;font-size:12px;display:flex;align-items:center;gap:4px;border:1px solid #d1d5db}.annotation-popup .selected-code-tag button{background:none;border:none;color:#6b7280;cursor:pointer;font-size:14px;padding:0;width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.annotation-popup .selected-code-tag button:hover{background-color:#d1d5db;color:#374151}.phraze-unified-annotation-card.active{opacity:1;visibility:visible;pointer-events:auto}.annotation-card-header{display:flex;flex-direction:column;align-items:flex-start;margin-bottom:12px;gap:8px;min-width:0}.profile-section{display:flex;align-items:center;gap:6px;flex-shrink:0;min-width:0}.profile-image{width:28px;height:28px;border-radius:50%;object-fit:cover;border:1px solid #e5e7eb}.username{font-size:13px;font-weight:600;color:#374151;white-space:nowrap;line-height:1.2}.labels-codes-section{display:flex;flex-wrap:wrap;gap:4px;width:100%;align-items:flex-start;max-width:100%;overflow:hidden}.labels-section,.codes-section{width:100%;margin-bottom:4px;min-height:16px;box-sizing:border-box}.section-header{font-size:11px;font-weight:600;color:#6b7280;letter-spacing:.05em;margin-bottom:8px;padding-bottom:4px;border-bottom:1px solid rgba(0,0,0,.06);height:20px;line-height:20px}.labels-container,.codes-container{display:flex;flex-wrap:wrap;gap:2px;width:100%;align-items:flex-start;max-width:100%;overflow:hidden;min-height:16px;box-sizing:border-box}.label-pill,.code-pill{padding:3px 6px;border-radius:8px;font-size:10px;font-weight:700;text-transform:lowercase;white-space:nowrap;display:inline-flex;align-items:center;gap:3px;line-height:1;max-width:100%;overflow:hidden;text-overflow:ellipsis;flex-shrink:1;min-width:0}.label-pill{background-color:#f0f4ff;color:#4b5563;border:1px solid #d1d5db}.code-pill{background-color:#f0fdf4;color:#4b5563;border:1px solid #d1d5db}.notes-section{margin-bottom:4px}.annotation-richtext[data-placeholder]:empty:before{content:attr(data-placeholder);color:#9ca3af;font-style:italic;pointer-events:none}.annotation-richtext:focus[data-placeholder]:empty:before{display:none}.annotation-richtext{margin-bottom:12px}.phraze-unified-annotation-card{width:280px;min-width:280px;max-width:280px}.phraze-note-text img{max-width:100%;height:auto;max-height:200px;border-radius:4px;margin:4px 0;display:block}.annotation-richtext img{max-width:100%;height:auto;max-height:200px;border-radius:4px;margin:4px 0;display:block;border:1px solid #e5e7eb}.notes-section .phraze-note-list{margin:0;padding:0;max-height:100px;overflow-y:auto}.notes-section .phraze-note-list li{background-color:#f9fafb;border-radius:4px;padding:6px 8px;margin-bottom:4px;border:1px solid #f3f4f6}.notes-section .phraze-note-text{color:#374151;font-size:12px;line-height:1.3}.notes-section .phraze-note-delete-btn{background-color:#f3f4f6;border-color:#e5e7eb;color:#6b7280;width:16px;height:16px;font-size:10px;line-height:14px}.notes-section .phraze-note-delete-btn:hover{background-color:#e5e7eb;border-color:#d1d5db;color:#374151}.annotation-card-footer{display:flex;gap:6px;align-items:center;justify-content:space-between;padding-top:8px;border-top:1px solid #f3f4f6}.add-note-btn,.delete-highlight-btn{width:28px;height:28px;border-radius:50%;border:1px solid #d1d5db;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease;font-size:12px;background-color:#fff}.add-note-btn{color:#374151;font-weight:700;font-size:16px}.add-note-btn:hover{background-color:#f9fafb;border-color:#9ca3af;transform:scale(1.02)}.delete-highlight-btn{color:#374151;font-weight:700}.delete-highlight-btn:hover{background-color:#f9fafb;border-color:#9ca3af;transform:scale(1.02)}.notes-section:empty:after{content:"No notes yet";display:block;text-align:center;color:#9ca3af;font-size:12px;font-style:italic;padding:16px 0}.labels-codes-section:empty:after{content:"No labels or codes";display:block;text-align:center;color:#9ca3af;font-size:10px;font-style:italic;padding:6px 0}.labels-container:empty:after,.codes-container:empty:after{content:"No labels";display:block;text-align:center;color:#9ca3af;font-size:10px!important;font-style:italic;padding:6px 0;height:12px;line-height:12px;font-weight:400;max-height:12px;overflow:hidden;white-space:nowrap;font-family:inherit}.codes-container:empty:after{content:"No codes";font-size:10px!important}.labels-container:after,.codes-container:after{font-size:10px!important;color:#9ca3af!important;font-style:italic!important}.conditional-header{font-size:10px;color:#9ca3af;font-style:italic;padding:2px 0;height:12px;line-height:12px;font-weight:400;font-family:inherit;display:block;text-align:left;margin-bottom:6px}.drawing-canvas{box-shadow:0 10px 25px #00000026;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.drawing-display{pointer-events:none}button[title="Draw on message"]:hover svg{transform:rotate(15deg);transition:transform .2s ease}.message-bubble:hover .message-actions{opacity:1!important}.share-chat-modal{position:absolute!important;top:0!important;left:0!important;right:0!important;bottom:0!important;transform:none!important;transition:none!important;z-index:1000000000!important;isolation:isolate!important;contain:layout style paint!important;will-change:auto!important}.share-chat-modal-content{transform:none!important;transition:none!important;position:relative!important;isolation:isolate!important;contain:layout style paint!important;will-change:auto!important}.share-chat-modal *{transform:none!important;transition:none!important;will-change:auto!important}.attach-highlight-btn{width:28px;height:28px;border-radius:50%;border:1px solid #d1d5db;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .15s ease,border-color .15s ease;font-size:12px;background-color:#fff;color:#374151;font-weight:700}.attach-highlight-btn:hover{background-color:#f9fafb;border-color:#9ca3af}.attach-highlight-btn:active{transform:scale(.98);background-color:#f3f4f6}