:root{--workos-red:#dc2626;--workos-red-hover:#b91c1c;--workos-red-light:rgba(239,68,68,0.1)}[data-authkit]{--authkit-primary-color:var(--workos-red)!important;--authkit-primary-color-hover:var(--workos-red-hover)!important;--authkit-background:#000000!important;--authkit-text-color:#ffffff!important;--authkit-border-radius:8px!important}@keyframes blob{0%{transform:translate(0) scale(1)}33%{transform:translate(30px,-50px) scale(1.1)}66%{transform:translate(-20px,20px) scale(.9)}to{transform:translate(0) scale(1)}}.animate-blob{animation:blob 7s infinite}.animation-delay-2000{animation-delay:2s}.animation-delay-4000{animation-delay:4s}.authkit-container{background:black!important;min-height:100vh;position:relative;overflow:hidden}.authkit-container:before{left:10%;background:radial-gradient(circle,rgba(239,68,68,.2) 0,transparent 70%)}.authkit-container:after,.authkit-container:before{content:"";position:absolute;top:10%;width:300px;height:300px;border-radius:50%;filter:blur(40px);animation:blob 7s infinite;z-index:0}.authkit-container:after{right:10%;background:radial-gradient(circle,rgba(251,146,60,.2) 0,transparent 70%);animation-delay:2s}.authkit-form{position:relative;z-index:10;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:rgba(17,24,39,.9)!important;border:1px solid rgba(75,85,99,1)!important;border-radius:12px!important;box-shadow:0 25px 50px -12px rgba(0,0,0,.5)!important}.authkit-button{background:var(--workos-red)!important;border:none!important;color:white!important;font-weight:600!important;position:relative!important;overflow:hidden!important;transition:all .3s ease!important;transform:translateZ(0)!important}.authkit-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.authkit-button:hover{background:var(--workos-red-hover)!important;transform:translateY(-2px)!important;box-shadow:0 10px 25px rgba(220,38,38,.3)!important}.authkit-button:hover:before{left:100%}.authkit-button:active{transform:translateY(0)!important;box-shadow:0 5px 15px rgba(220,38,38,.2)!important}.authkit-button-primary{animation:pulse-red 2s infinite}@keyframes pulse-red{0%{box-shadow:0 0 0 0 rgba(220,38,38,.7)}70%{box-shadow:0 0 0 10px rgba(220,38,38,0)}to{box-shadow:0 0 0 0 rgba(220,38,38,0)}}.authkit-input{background:rgba(31,41,55,1)!important;border:1px solid rgba(75,85,99,1)!important;color:white!important}.authkit-input:focus{border-color:var(--workos-red)!important;box-shadow:0 0 0 3px rgba(220,38,38,.1)!important}.authkit-input::-moz-placeholder{color:rgba(156,163,175,1)!important}.authkit-input::placeholder{color:rgba(156,163,175,1)!important}.authkit-text{color:white!important}.authkit-text-muted{color:rgba(156,163,175,1)!important}.authkit-link{color:var(--workos-red)!important;transition:color .2s ease!important}.authkit-link:hover{color:var(--workos-red-hover)!important}.authkit-loading{position:relative;overflow:hidden}.authkit-loading:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:loading-shimmer 1.5s infinite}@media (max-width:768px){.authkit-container:after,.authkit-container:before{width:200px;height:200px}}.authkit-slide-in{animation:slideInUp .5s ease-out}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.authkit-message{padding:12px 16px;border-radius:8px;margin:16px 0;font-size:14px;font-weight:500}.authkit-message-success{background:rgba(16,185,129,.1);border:1px solid rgba(16,185,129,.3);color:#10b981}.authkit-message-error{background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.3);color:#ef4444}.authkit-gradient-border{position:relative;border:none!important;background:linear-gradient(145deg,#1f2937,#111827)!important}.authkit-gradient-border:before{content:"";position:absolute;inset:0;padding:1px;background:linear-gradient(145deg,var(--workos-red),#f97316,var(--workos-red));border-radius:inherit;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;-webkit-mask-composite:xor}.script-content ::-moz-selection{background-color:rgba(59,130,246,.3);color:#1f2937}.script-content ::selection{background-color:rgba(59,130,246,.3);color:#1f2937}.comment-highlight{animation:highlight-pulse 2s ease-in-out infinite}@keyframes highlight-pulse{0%,to{background-color:rgba(251,191,36,.3)}50%{background-color:rgba(251,191,36,.5)}}.comment-dialog{animation:slideUp .2s ease-out;box-shadow:0 10px 25px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05)}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.inline-comment-thread{animation:fadeInScale .2s ease-out}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.script-with-comments{position:relative}.script-with-comments .script-content{line-height:1.6;padding:12px;border-radius:6px;background:#ffffff;border:1px solid #e5e7eb;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:12px;color:#374151}.comment-highlight-area{background-color:rgba(251,191,36,.25);border-bottom:2px solid #f59e0b;border-radius:2px;cursor:pointer;transition:all .2s ease;position:relative}.comment-highlight-area:hover{background-color:rgba(251,191,36,.4);border-bottom-color:#d97706}.comment-highlight-area.active{background-color:rgba(251,191,36,.5);border-bottom-color:#b45309}.comment-count-indicator{position:absolute;top:-8px;right:-8px;background:#3b82f6;color:white;border-radius:50%;width:16px;height:16px;font-size:10px;font-weight:600;display:flex;align-items:center;justify-content:center;border:2px solid white;box-shadow:0 2px 4px rgba(0,0,0,.1)}.collaboration-cursor{position:absolute;pointer-events:none;transition:all .1s ease;z-index:10}.collaboration-cursor:before{content:"";position:absolute;width:2px;height:20px;background-color:var(--cursor-color,#3b82f6);border-radius:1px}.collaboration-cursor:after{content:attr(data-user);position:absolute;top:-28px;left:0;background:var(--cursor-color,#3b82f6);color:white;padding:3px 6px;border-radius:4px;font-size:11px;font-weight:500;white-space:nowrap;box-shadow:0 2px 4px rgba(0,0,0,.2)}.comment-stats{font-size:11px;color:#6b7280;display:flex;align-items:center;gap:8px;margin-top:8px;padding:4px 0;border-top:1px solid #f3f4f6}.comment-stats .stat-item{display:flex;align-items:center;gap:4px}.comment-stats .stat-item.active{color:#f59e0b;font-weight:500}.comment-stats .stat-item.resolved{color:#10b981}.comment-author-avatar{width:24px;height:24px;border-radius:50%;background:linear-gradient(45deg,#3b82f6,#1d4ed8);color:white;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:600;text-transform:uppercase;flex-shrink:0}.comment-content{flex:1;min-width:0}.comment-header{display:flex;align-items:center;gap:8px;margin-bottom:4px}.comment-author{font-size:13px;font-weight:500;color:#111827}.comment-timestamp{font-size:11px;color:#6b7280}.comment-body{font-size:13px;color:#374151;line-height:1.4;white-space:pre-wrap;word-wrap:break-word}.selected-text-preview{background:rgba(147,197,253,.1);border-left:4px solid #3b82f6;border-radius:0 4px 4px 0;padding:8px 12px;margin-bottom:12px}.selected-text-label{font-size:11px;color:#6b7280;margin-bottom:4px;text-transform:uppercase;font-weight:500;letter-spacing:.5px}.selected-text-content{font-size:13px;font-weight:500;color:#111827;font-style:italic;line-height:1.4}.reply-button{font-size:11px;padding:4px 8px;color:#6b7280;transition:color .2s}.reply-button:hover{color:#3b82f6}.resolve-button{font-size:11px;padding:4px 8px;color:#10b981;transition:all .2s}.resolve-button:hover{color:#059669;background-color:rgba(16,185,129,.1)}@media (max-width:768px){.comment-dialog{min-width:auto!important}.comment-dialog,.inline-comment-thread{max-width:calc(100vw - 32px);left:16px!important;right:16px!important;width:auto!important}.script-content{font-size:11px;padding:8px}.comment-author-avatar{width:20px;height:20px;font-size:9px}}.loading-collaborative-features{background:linear-gradient(90deg,#f3f4f6 25%,#e5e7eb 50%,#f3f4f6 75%);background-size:200% 100%;animation:loading-shimmer 1.5s infinite}@keyframes loading-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (prefers-color-scheme:dark){.script-content{background:#1f2937;border-color:#374151;color:#e5e7eb}.comment-highlight-area{background-color:rgba(251,191,36,.2)}.comment-highlight-area:hover{background-color:rgba(251,191,36,.3)}.selected-text-preview{background:rgba(59,130,246,.1);border-left-color:#60a5fa}.comment-body{color:#d1d5db}.comment-author{color:#f9fafb}}.comment-highlight-area:focus{outline:2px solid #3b82f6;outline-offset:2px}.script-content:focus-within{border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.1)}@media (prefers-contrast:high){.comment-highlight-area{background-color:#fbbf24;border-bottom-color:#92400e}.comment-highlight-area:hover{background-color:#f59e0b}}