@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{background:#0a0a0f;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}::-webkit-scrollbar-track{background:#1a1a2e}*{box-sizing:border-box;margin:0;padding:0}body{background:#07070f;color:#fff;font-family:Inter,sans-serif;min-height:100vh;overflow-x:hidden}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#0d0d1a}::-webkit-scrollbar-thumb{background:#6c63ff;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#8b83ff}.app{min-height:100vh;overflow-x:hidden;position:relative}.bg-animation{height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:0}.bg-orb{animation:floatOrb 10s ease-in-out infinite;border-radius:50%;filter:blur(100px);opacity:.12;position:absolute}.orb1{animation-delay:0s;background:radial-gradient(circle,#6c63ff,#ff6584,#0000);height:700px;left:-200px;top:-200px;width:700px}.orb2{animation-delay:3s;background:radial-gradient(circle,#ff6584,#ff8c42,#0000);height:500px;right:-150px;top:30%;width:500px}.orb3{animation-delay:6s;background:radial-gradient(circle,#43e97b,#38f9d7,#0000);bottom:10%;height:400px;left:10%;width:400px}.orb4{animation-delay:2s;background:radial-gradient(circle,#f093fb,#f5576c,#0000);height:300px;left:50%;top:60%;width:300px}@keyframes floatOrb{0%,to{transform:translateY(0) translateX(0) scale(1)}33%{transform:translateY(-40px) translateX(20px) scale(1.05)}66%{transform:translateY(20px) translateX(-20px) scale(.95)}}.bg-grid{background-image:linear-gradient(#6c63ff08 1px,#0000 0),linear-gradient(90deg,#6c63ff08 1px,#0000 0);background-size:60px 60px}.bg-grid,.particles{height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:0}.particles{overflow:hidden}.particle{animation:particleFloat linear infinite;background:#6c63ff;border-radius:50%;box-shadow:0 0 6px #6c63ff;height:3px;opacity:0;position:absolute;width:3px}.particle:first-child{animation-delay:0s;animation-duration:12s;background:#ff6584;box-shadow:0 0 6px #ff6584;height:2px;left:5%;width:2px}.particle:nth-child(2){animation-delay:2s;animation-duration:18s;height:3px;left:10%;width:3px}.particle:nth-child(3){animation-delay:4s;animation-duration:14s;background:#43e97b;box-shadow:0 0 6px #43e97b;height:2px;left:20%;width:2px}.particle:nth-child(4){animation-delay:1s;animation-duration:16s;left:30%}.particle:nth-child(5){animation-delay:3s;animation-duration:20s;background:#f093fb;box-shadow:0 0 6px #f093fb;height:4px;left:40%;width:4px}.particle:nth-child(6){animation-delay:5s;animation-duration:13s;height:2px;left:50%;width:2px}.particle:nth-child(7){animation-delay:.5s;animation-duration:17s;background:#ff6584;box-shadow:0 0 6px #ff6584;left:60%}.particle:nth-child(8){animation-delay:2.5s;animation-duration:15s;background:#43e97b;box-shadow:0 0 6px #43e97b;height:3px;left:70%;width:3px}.particle:nth-child(9){animation-delay:4.5s;animation-duration:19s;left:80%}.particle:nth-child(10){animation-delay:1.5s;animation-duration:11s;background:#f093fb;box-shadow:0 0 6px #f093fb;height:2px;left:90%;width:2px}.particle:nth-child(11){animation-delay:6s;animation-duration:22s;height:4px;left:15%;width:4px}.particle:nth-child(12){animation-delay:3.5s;animation-duration:16s;background:#ff8c42;box-shadow:0 0 6px #ff8c42;left:75%}.particle:nth-child(13){animation-delay:7s;animation-duration:14s;height:2px;left:35%;width:2px}.particle:nth-child(14){animation-delay:2s;animation-duration:18s;background:#6c63ff;left:55%}.particle:nth-child(15){animation-delay:4s;animation-duration:13s;background:#43e97b;box-shadow:0 0 6px #43e97b;height:3px;left:95%;width:3px}@keyframes particleFloat{0%{opacity:0;transform:translateY(100vh) rotate(0deg)}10%{opacity:.8}90%{opacity:.8}to{opacity:0;transform:translateY(-100px) rotate(2turn)}}.side-decoration{align-items:center;display:flex;flex-direction:column;gap:40px;height:100%;justify-content:center;pointer-events:none;position:fixed;top:0;width:120px;z-index:0}.side-decoration.left{left:0}.side-decoration.right{right:0}.side-line{animation:sidePulse 3s ease-in-out infinite;background:linear-gradient(180deg,#0000,#6c63ff66,#0000);height:200px;width:1px}.side-dot{animation:dotPulse 2s ease-in-out infinite;background:#6c63ff;border-radius:50%;box-shadow:0 0 10px #6c63ff,0 0 20px #6c63ff;height:6px;width:6px}.side-dot:nth-child(2){animation-delay:.5s;background:#ff6584;box-shadow:0 0 10px #ff6584,0 0 20px #ff6584}.side-dot:nth-child(3){animation-delay:1s;background:#43e97b;box-shadow:0 0 10px #43e97b,0 0 20px #43e97b}.side-dot:nth-child(4){animation-delay:1.5s;background:#f093fb;box-shadow:0 0 10px #f093fb,0 0 20px #f093fb}.side-icon{animation:sideFloat 4s ease-in-out infinite;font-size:24px;opacity:.15}.side-decoration.left .side-icon:nth-child(odd){animation-delay:0s}.side-decoration.left .side-icon:nth-child(2n){animation-delay:2s}.side-decoration.right .side-icon:nth-child(odd){animation-delay:1s}.side-decoration.right .side-icon:nth-child(2n){animation-delay:3s}@keyframes sidePulse{0%,to{opacity:.3;transform:scaleY(1)}50%{opacity:.8;transform:scaleY(1.1)}}@keyframes dotPulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.5)}}@keyframes sideFloat{0%,to{opacity:.1;transform:translateY(0)}50%{opacity:.25;transform:translateY(-15px)}}.corner-decoration{height:150px;pointer-events:none;position:fixed;width:150px;z-index:0}.corner-decoration.top-left{border-left:1px solid #6c63ff33;border-radius:0 0 100% 0;border-top:1px solid #6c63ff33;left:0;top:0}.corner-decoration.top-right{border-radius:0 0 0 100%;border-right:1px solid #ff658433;border-top:1px solid #ff658433;right:0;top:0}.corner-decoration.bottom-left{border-bottom:1px solid #43e97b33;border-left:1px solid #43e97b33;border-radius:0 100% 0 0;bottom:0;left:0}.corner-decoration.bottom-right{border-bottom:1px solid #f093fb33;border-radius:100% 0 0 0;border-right:1px solid #f093fb33;bottom:0;right:0}.header{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#07070fd9;border-bottom:1px solid #6c63ff26;padding:16px 24px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.header:after{background:linear-gradient(90deg,#0000,#6c63ff,#ff6584,#0000);bottom:-1px;content:"";height:1px;left:0;opacity:.5;position:absolute;width:100%}.header-content{justify-content:center;margin:0 auto;max-width:900px}.header-content,.logo{align-items:center;display:flex}.logo{gap:12px}.logo-icon{filter:drop-shadow(0 0 10px rgba(108,99,255,.5));font-size:32px}.logo-title{-webkit-text-fill-color:#0000;animation:gradientShift 4s ease infinite;background:linear-gradient(135deg,#6c63ff,#ff6584,#43e97b);-webkit-background-clip:text;background-clip:text;background-size:200% auto;font-size:20px;font-weight:800}.logo-sub{color:#555;font-size:11px;letter-spacing:.5px;margin-top:2px}@keyframes gradientShift{0%{background-position:0}50%{background-position:100%}to{background-position:0}}.clear-btn{background:#6c63ff1a;border:1px solid #6c63ff40;border-radius:10px;color:#8b83ff;cursor:pointer;font-size:13px;font-weight:500;letter-spacing:.3px;padding:8px 18px;transition:all .3s ease}.clear-btn:hover{background:#6c63ff33;border-color:#6c63ff80;box-shadow:0 4px 15px #6c63ff33;transform:translateY(-2px)}.main{margin:0 auto;max-width:900px;padding:40px 24px;position:relative;z-index:1}.url-section{margin-bottom:32px;transition:all .5s ease}.url-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff05;border:1px solid #ffffff12;border-radius:24px;box-shadow:0 8px 32px #0006,inset 0 1px 0 #ffffff0d;overflow:hidden;padding:40px;position:relative}.url-card:before{background:linear-gradient(90deg,#0000,#6c63ff80,#ff658480,#0000);content:"";height:1px;left:0;position:absolute;right:0;top:0}.url-hero{margin-bottom:36px;text-align:center}.url-hero-title{font-size:48px;font-weight:900;letter-spacing:-1px;line-height:1.15;margin-bottom:16px}.gradient-text{-webkit-text-fill-color:#0000;animation:gradientShift 3s ease infinite;background:linear-gradient(135deg,#6c63ff,#ff6584,#f093fb);-webkit-background-clip:text;background-clip:text;background-size:200% auto}.url-hero-sub{color:#666;font-size:16px;line-height:1.6;margin:0 auto;max-width:500px}.url-input-row{display:flex;gap:12px}.url-input-wrapper{align-items:center;background:#ffffff0a;border:1px solid #ffffff17;border-radius:14px;display:flex;flex:1 1;padding:0 18px;transition:all .3s ease}.url-input-wrapper:focus-within{background:#6c63ff0a;border-color:#6c63ff99;box-shadow:0 0 0 4px #6c63ff1a,0 0 20px #6c63ff1a}.url-icon{font-size:18px;margin-right:12px;opacity:.6}.url-input{background:#0000;border:none;color:#fff;flex:1 1;font-family:inherit;font-size:15px;outline:none;padding:16px 0}.url-input::placeholder{color:#444}.analyze-btn{background:linear-gradient(135deg,#6c63ff,#ff6584);border:none;border-radius:14px;box-shadow:0 4px 20px #6c63ff66;color:#fff;cursor:pointer;font-size:15px;font-weight:700;letter-spacing:.3px;overflow:hidden;padding:16px 32px;position:relative;transition:all .3s ease;white-space:nowrap}.analyze-btn:before{background:linear-gradient(45deg,#0000,#ffffff1a,#0000);content:"";height:200%;left:-50%;position:absolute;top:-50%;transform:rotate(45deg) translateX(-100%);transition:transform .5s ease;width:200%}.analyze-btn:hover:before{transform:rotate(45deg) translateX(100%)}.analyze-btn:hover:not(:disabled){box-shadow:0 8px 30px #6c63ff99;transform:translateY(-3px)}.analyze-btn:active:not(:disabled){transform:translateY(-1px)}.analyze-btn:disabled{cursor:not-allowed;opacity:.5}.btn-loading{align-items:center;display:flex;gap:10px}.progress-bar{background:#ffffff0f;border-radius:2px;height:2px;margin-top:20px;overflow:hidden}.progress-fill{animation:gradientShift 2s ease infinite;background:linear-gradient(90deg,#6c63ff,#ff6584,#43e97b);background-size:200% auto;border-radius:2px;height:100%;transition:width .8s ease}.progress-fill.extracting{width:35%}.progress-fill.processing{width:75%}.progress-fill.ready{width:100%}.spinner{animation:spin .7s linear infinite;border:2px solid #ffffff40;border-radius:50%;border-top-color:#fff;display:inline-block;flex-shrink:0;height:16px;width:16px}@keyframes spin{to{transform:rotate(1turn)}}.error-msg{background:#ff658414;border:1px solid #ff658426;border-radius:10px;color:#ff6584;font-size:13px;margin-top:14px;padding:10px 16px}.video-badge{align-items:center;background:#43e97b14;border:1px solid #43e97b33;border-radius:20px;color:#43e97b;display:inline-flex;font-size:13px;font-weight:500;gap:8px;margin-top:18px;padding:8px 16px}.badge-dot{animation:dotPulse 1.5s ease infinite;background:#43e97b;border-radius:50%;box-shadow:0 0 8px #43e97b;height:7px;width:7px}.chat-section{margin-bottom:32px}.chat-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff05;border:1px solid #ffffff12;border-radius:24px;box-shadow:0 8px 32px #0006;overflow:hidden;position:relative}.chat-card:before{background:linear-gradient(90deg,#0000,#6c63ff66,#ff658466,#0000);content:"";height:1px;left:0;position:absolute;right:0;top:0}.messages{display:flex;flex-direction:column;gap:24px;max-height:480px;overflow-y:auto;padding:28px}.message{animation:fadeSlideIn .4s cubic-bezier(.16,1,.3,1);display:flex;gap:14px}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.message.user{flex-direction:row-reverse}.message-avatar{align-items:center;background:#ffffff0a;border:1px solid #ffffff14;border-radius:50%;box-shadow:0 4px 12px #0003;display:flex;flex-shrink:0;font-size:18px;height:38px;justify-content:center;width:38px}.message.user .message-avatar{background:#6c63ff26;border-color:#6c63ff4d;box-shadow:0 4px 12px #6c63ff33}.message-body{max-width:78%}.message.user .message-body{align-items:flex-end;display:flex;flex-direction:column}.message-content{border-radius:18px;font-size:14px;line-height:1.7;padding:14px 18px;white-space:pre-wrap}.message.user .message-content{background:linear-gradient(135deg,#6c63ff,#8b83ff);border-bottom-right-radius:4px;box-shadow:0 4px 15px #6c63ff4d;color:#fff}.message.assistant .message-content{background:#ffffff0d;border:1px solid #ffffff12;border-bottom-left-radius:4px;color:#d0d0e0}.message-time{color:#444;font-size:11px;margin-top:6px;padding:0 4px}.typing-indicator{background:#ffffff0d;border:1px solid #ffffff12;border-radius:18px;border-bottom-left-radius:4px;display:flex;gap:5px;padding:16px 20px;width:-webkit-fit-content;width:fit-content}.typing-indicator span{animation:bounce 1.4s ease infinite;border-radius:50%;height:8px;width:8px}.typing-indicator span:first-child{background:#6c63ff;box-shadow:0 0 6px #6c63ff}.typing-indicator span:nth-child(2){animation-delay:.2s;background:#ff6584;box-shadow:0 0 6px #ff6584}.typing-indicator span:nth-child(3){animation-delay:.4s;background:#43e97b;box-shadow:0 0 6px #43e97b}@keyframes bounce{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-10px)}}.chat-input-section{background:#00000040;border-top:1px solid #ffffff0d;padding:18px 24px}.chat-input-wrapper{align-items:flex-end;background:#ffffff0a;border:1px solid #ffffff14;border-radius:16px;display:flex;gap:12px;padding:12px 16px;transition:all .3s ease}.chat-input-wrapper:focus-within{border-color:#6c63ff80;box-shadow:0 0 0 4px #6c63ff14}.chat-input{background:#0000;border:none;color:#e0e0f0;flex:1 1;font-family:inherit;font-size:14px;line-height:1.6;max-height:120px;outline:none;resize:none}.chat-input::placeholder{color:#444}.send-btn{align-items:center;background:linear-gradient(135deg,#6c63ff,#ff6584);border:none;border-radius:12px;box-shadow:0 4px 12px #6c63ff66;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:16px;height:38px;justify-content:center;transition:all .3s ease;width:38px}.send-btn:hover:not(:disabled){box-shadow:0 6px 20px #6c63ff80;transform:translateY(-2px) scale(1.05)}.send-btn:disabled{cursor:not-allowed;opacity:.4}.chat-hint{color:#383838;font-size:11px;letter-spacing:.3px;margin-top:10px;text-align:center}.features-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr);margin-top:36px}@media (max-width:900px){.features-grid{grid-template-columns:repeat(2,1fr)}}.feature-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff05;border:1px solid #ffffff0f;border-radius:20px;cursor:default;overflow:hidden;padding:28px;position:relative;transition:all .4s cubic-bezier(.16,1,.3,1)}.feature-card:before{background:linear-gradient(90deg,#0000,#6c63ff4d,#0000);content:"";height:1px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.feature-card:hover:before{opacity:1}.feature-card:hover{background:#6c63ff0a;border-color:#6c63ff40;box-shadow:0 20px 40px #6c63ff1f,0 0 0 1px #6c63ff1a;transform:translateY(-6px)}.feature-card:nth-child(2):hover{background:#ff65840a;border-color:#ff658440;box-shadow:0 20px 40px #ff65841f,0 0 0 1px #ff65841a}.feature-card:nth-child(3):hover{background:#43e97b0a;border-color:#43e97b40;box-shadow:0 20px 40px #43e97b1f,0 0 0 1px #43e97b1a}.feature-card:nth-child(4):hover{background:#f093fb0a;border-color:#f093fb40;box-shadow:0 20px 40px #f093fb1f,0 0 0 1px #f093fb1a}.feature-icon{display:block;filter:drop-shadow(0 0 8px rgba(108,99,255,.3));font-size:36px;margin-bottom:14px}.feature-title{color:#e0e0f0;font-size:16px;font-weight:700;margin-bottom:8px}.feature-desc{color:#555;font-size:13px;line-height:1.6}@media (max-width:768px){.side-decoration{display:none}.corner-decoration{height:60px;width:60px}.header{padding:12px 16px}.logo-title{font-size:16px}.logo-icon{font-size:24px}.stats-bar{gap:0;overflow-x:auto;padding:8px 12px}.stat-item{padding:6px 16px}.stat-value{font-size:12px}.stat-label{font-size:10px}.main{padding:20px 16px}.url-card{padding:24px 20px}.url-hero-title{font-size:28px;letter-spacing:-.5px}.url-hero-sub{font-size:14px}.url-input-row{flex-direction:column}.analyze-btn{justify-content:center;width:100%}.features-grid{gap:12px;grid-template-columns:1fr}.feature-card{padding:20px}.messages{gap:16px;padding:16px}.message-body{max-width:88%}.message-content{font-size:13px;padding:10px 14px}.chat-input-section{padding:12px 16px}}@media (max-width:480px){.url-hero-title{font-size:22px}.stats-bar{justify-content:flex-start}.stat-item{padding:6px 12px}.logo-sub{display:none}}.stats-bar{background:#6c63ff0a;border-bottom:1px solid #6c63ff14;gap:0;justify-content:center;padding:12px 24px;position:relative;z-index:1}.stat-item,.stats-bar{align-items:center;display:flex}.stat-item{flex-direction:column;padding:8px 32px}.stat-value{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#6c63ff,#ff6584);-webkit-background-clip:text;background-clip:text;font-size:14px;font-weight:700}.stat-label{color:#444;font-size:11px;letter-spacing:.5px;margin-top:2px}.stat-divider{background:#ffffff0f;height:30px;width:1px}.processing-animation{align-items:center;animation:fadeSlideIn .5s ease;display:flex;flex-direction:column;gap:32px;padding:40px 0 20px}.processing-orb{align-items:center;display:flex;height:100px;justify-content:center;position:relative;width:100px}.processing-ring{animation:spinRing linear infinite;border:2px solid #0000;border-radius:50%;position:absolute}.ring1{animation-duration:1.5s;border-right-color:#6c63ff4d;border-top-color:#6c63ff;box-shadow:0 0 15px #6c63ff4d;height:100px;width:100px}.ring2{animation-direction:reverse;animation-duration:2s;border-left-color:#ff65844d;border-top-color:#ff6584;box-shadow:0 0 15px #ff65844d;height:75px;width:75px}.ring3{animation-duration:1s;border-right-color:#43e97b4d;border-top-color:#43e97b;box-shadow:0 0 15px #43e97b4d;height:50px;width:50px}@keyframes spinRing{to{transform:rotate(1turn)}}.processing-emoji{animation:pulse 1.5s ease infinite;font-size:28px;z-index:1}.processing-steps{display:flex;flex-direction:column;gap:12px;max-width:280px;width:100%}.step{align-items:center;display:flex;gap:12px;opacity:.3;transition:all .5s ease}.step.active{opacity:1}.step.done{opacity:.6}.step-dot{background:#444;border-radius:50%;flex-shrink:0;height:8px;transition:all .5s ease;width:8px}.step.active .step-dot{animation:dotPulse 1s ease infinite;background:#6c63ff;box-shadow:0 0 10px #6c63ff}.step.done .step-dot{background:#43e97b;box-shadow:0 0 8px #43e97b}.step-text{color:#888;font-size:13px;font-weight:500}.step.active .step-text{color:#e0e0f0}.step.done .step-text{color:#43e97b}.processing-hint{color:#444;font-size:12px;text-align:center}.ready-section{flex-wrap:wrap;gap:12px;justify-content:space-between;margin-top:16px}.ready-section,.summarize-btn{align-items:center;display:flex}.summarize-btn{background:linear-gradient(135deg,#43e97b,#38f9d7);border:none;border-radius:10px;box-shadow:0 4px 15px #43e97b4d;color:#000;cursor:pointer;font-size:14px;font-weight:700;gap:8px;padding:10px 20px;transition:all .3s ease}.summarize-btn:hover:not(:disabled){box-shadow:0 8px 25px #43e97b66;transform:translateY(-2px)}.summarize-btn:disabled{cursor:not-allowed;opacity:.6}.summary-card{animation:fadeSlideIn .4s ease;background:#43e97b0a;border:1px solid #43e97b26;border-radius:20px;margin-top:16px;padding:24px;position:relative}.summary-card:before{background:linear-gradient(90deg,#0000,#43e97b66,#0000);content:"";height:1px;left:0;position:absolute;right:0;top:0}.summary-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.summary-title{color:#43e97b;font-size:16px;font-weight:700}.summary-close{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:50%;color:#666;cursor:pointer;display:flex;font-size:12px;height:28px;justify-content:center;transition:all .2s ease;width:28px}.summary-close:hover{background:#ffffff1a;color:#fff}.summary-content{color:#c0c0d0;font-size:14px;line-height:1.8;white-space:pre-wrap}.trim-btn{align-items:center;background:linear-gradient(135deg,#f093fb,#f5576c);border:none;border-radius:10px;box-shadow:0 4px 15px #f093fb4d;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:700;gap:8px;padding:10px 20px;transition:all .3s ease}.trim-btn:hover:not(:disabled){box-shadow:0 8px 25px #f093fb66;transform:translateY(-2px)}.trim-btn:disabled{cursor:not-allowed;opacity:.6}.trim-card{animation:fadeSlideIn .4s ease;background:#f093fb0a;border:1px solid #f093fb26;border-radius:20px;margin-top:16px;padding:24px;position:relative}.trim-card:before{background:linear-gradient(90deg,#0000,#f093fb66,#0000);content:"";height:1px;left:0;position:absolute;right:0;top:0}.trim-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.trim-title{color:#f093fb;font-size:16px;font-weight:700}.trim-stats{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(4,1fr);margin-bottom:24px}.trim-stat{background:#ffffff08;border:1px solid #ffffff12;border-radius:12px;padding:14px;text-align:center}.trim-stat.highlight{background:#6c63ff14;border-color:#6c63ff33}.trim-stat.saved{background:#43e97b14;border-color:#43e97b33}.trim-stat.percent{background:#f093fb14;border-color:#f093fb33}.trim-stat-value{color:#fff;display:block;font-size:20px;font-weight:800;margin-bottom:4px}.trim-stat.saved .trim-stat-value{color:#43e97b}.trim-stat.percent .trim-stat-value{color:#f093fb}.trim-stat-label{color:#555;font-size:11px;letter-spacing:.5px;text-transform:uppercase}.trim-subtitle{color:#888;font-size:13px;font-weight:500;margin-bottom:12px}.trim-segments{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.trim-segment{align-items:center;background:#ffffff08;border:1px solid #ffffff12;border-radius:12px;color:inherit;display:flex;gap:14px;padding:12px 16px;text-decoration:none;transition:all .3s ease}.trim-segment:hover{background:#6c63ff14;border-color:#6c63ff40;transform:translateX(4px)}.segment-number{background:linear-gradient(135deg,#6c63ff,#ff6584);border-radius:50%;color:#fff;flex-shrink:0;font-size:12px;font-weight:700;height:28px;justify-content:center;width:28px}.segment-info,.segment-number{align-items:center;display:flex}.segment-info{flex:1 1;justify-content:space-between}.segment-time{color:#e0e0f0;font-size:14px;font-weight:600}.segment-duration{background:#ffffff0d;border-radius:10px;color:#555;font-size:12px;padding:2px 8px}.segment-arrow{color:#6c63ff;font-size:16px;transition:transform .3s ease}.trim-segment:hover .segment-arrow{transform:translateX(4px)}.trim-tagline{border-top:1px solid #ffffff0d;color:#f093fb;font-size:13px;font-weight:600;letter-spacing:.5px;padding-top:12px;text-align:center}@media (max-width:600px){.trim-stats{grid-template-columns:repeat(2,1fr)}.action-buttons{flex-direction:column}}.trim-hint{color:#666;font-size:12px;margin-top:8px;text-align:center}.notes-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;box-shadow:0 4px 15px #667eea4d;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:700;gap:8px;padding:10px 20px;transition:all .3s ease}.notes-btn:hover:not(:disabled){box-shadow:0 8px 25px #667eea66;transform:translateY(-2px)}.notes-btn:disabled{cursor:not-allowed;opacity:.6}.notes-card{animation:fadeSlideIn .4s ease;background:#667eea0a;border:1px solid #667eea26;border-radius:20px;margin-top:16px;padding:24px;position:relative}.notes-card:before{background:linear-gradient(90deg,#0000,#667eea66,#0000);content:"";height:1px;left:0;position:absolute;right:0;top:0}.notes-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.notes-title{color:#667eea;font-size:16px;font-weight:700}.notes-content{color:#c0c0d0;font-family:inherit;font-size:14px;line-height:1.9;white-space:pre-wrap}.notes-ready-card{align-items:center;animation:fadeSlideIn .4s ease;background:#667eea14;border:1px solid #667eea40;border-radius:14px;display:flex;gap:16px;margin-top:16px;padding:16px 20px}.notes-ready-icon{flex-shrink:0;font-size:32px}.notes-ready-text{flex:1 1}.notes-ready-text h4{color:#667eea;font-size:14px;font-weight:700;margin-bottom:4px}.notes-ready-text p{color:#555;font-size:12px}.download-notes-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;box-shadow:0 4px 15px #667eea4d;color:#fff;cursor:pointer;font-size:14px;font-weight:700;padding:10px 20px;transition:all .3s ease;white-space:nowrap}.download-notes-btn:hover{box-shadow:0 8px 25px #667eea66;transform:translateY(-2px)}.mcq-btn{align-items:center;background:linear-gradient(135deg,#f7971e,#ffd200);border:none;border-radius:10px;box-shadow:0 4px 15px #f7971e4d;color:#1a1a1a;cursor:pointer;display:flex;font-size:14px;font-weight:700;gap:8px;padding:10px 20px;transition:all .3s ease}.mcq-btn:hover:not(:disabled){box-shadow:0 8px 25px #f7971e66;transform:translateY(-2px)}.mcq-btn:disabled{cursor:not-allowed;opacity:.6}.mcq-card{animation:fadeSlideIn .4s ease;background:#f7971e0a;border:1px solid #f7971e26;border-radius:20px;margin-top:16px;padding:24px;position:relative}.mcq-card:before{background:linear-gradient(90deg,#0000,#f7971e66,#0000);content:"";height:1px;left:0;position:absolute;right:0;top:0}.mcq-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:20px}.mcq-title{color:#f7971e;font-size:16px;font-weight:700;margin-bottom:4px}.mcq-topic{color:#666;font-size:12px}.score-banner{align-items:center;background:#6c63ff1a;border:1px solid #6c63ff33;border-radius:12px;display:flex;gap:16px;margin-bottom:20px;padding:16px 20px}.score-value{color:#6c63ff;font-size:28px;font-weight:800}.score-label{color:#888;flex:1 1;font-size:14px}.retake-btn{background:#6c63ff26;border:1px solid #6c63ff4d;border-radius:8px;color:#8b83ff;cursor:pointer;font-size:13px;font-weight:600;padding:8px 16px;transition:all .3s ease}.retake-btn:hover{background:#6c63ff40;transform:translateY(-1px)}.mcq-questions{display:flex;flex-direction:column;gap:20px;margin-bottom:20px}.mcq-question{background:#ffffff05;border:1px solid #ffffff12;border-radius:14px;padding:16px;transition:all .3s ease}.mcq-question.correct{background:#43e97b0a;border-color:#43e97b4d}.mcq-question.wrong{background:#ff65840a;border-color:#ff65844d}.question-text{color:#e0e0f0;font-size:14px;font-weight:600;line-height:1.5;margin-bottom:14px}.question-num{color:#f7971e;margin-right:6px}.options{display:flex;flex-direction:column;gap:8px}.option{align-items:center;background:#ffffff08;border:1px solid #ffffff14;border-radius:10px;color:#c0c0d0;cursor:pointer;display:flex;font-size:13px;gap:12px;padding:10px 14px;text-align:left;transition:all .2s ease;width:100%}.option:hover{background:#6c63ff14;border-color:#6c63ff33;color:#fff}.option-selected{background:#6c63ff26!important;border-color:#6c63ff66!important;color:#fff!important}.option-correct{background:#43e97b1f!important;border-color:#43e97b66!important;color:#43e97b!important}.option-wrong{background:#ff65841f!important;border-color:#ff658466!important;color:#ff6584!important}.option-key{color:#f7971e;font-size:13px;font-weight:800;min-width:20px}.option-correct .option-key{color:#43e97b}.option-wrong .option-key{color:#ff6584}.explanation{border-radius:8px;display:flex;font-size:12px;gap:8px;line-height:1.5;margin-top:12px;padding:10px 14px}.exp-correct{background:#43e97b14;border:1px solid #43e97b26;color:#43e97b}.exp-wrong{background:#ff658414;border:1px solid #ff658426;color:#f99}.submit-quiz-btn{background:linear-gradient(135deg,#6c63ff,#ff6584);border:none;border-radius:12px;box-shadow:0 4px 15px #6c63ff4d;color:#fff;cursor:pointer;font-size:15px;font-weight:700;padding:14px;transition:all .3s ease;width:100%}.submit-quiz-btn:hover{box-shadow:0 8px 25px #6c63ff66;transform:translateY(-2px)}.video-length-hint{color:#666;font-size:11px;margin-top:8px;width:100%}.interview-btn{align-items:center;background:linear-gradient(135deg,#4facfe,#00f2fe);border:none;border-radius:10px;box-shadow:0 4px 15px #4facfe4d;color:#1a1a1a;cursor:pointer;display:flex;font-size:14px;font-weight:700;gap:8px;padding:10px 20px;transition:all .3s ease}.interview-btn:hover:not(:disabled){box-shadow:0 8px 25px #4facfe66;transform:translateY(-2px)}.interview-btn:disabled{cursor:not-allowed;opacity:.6}.interview-card{animation:fadeSlideIn .4s ease;background:#4facfe0a;border:1px solid #4facfe26;border-radius:20px;margin-top:16px;padding:24px;position:relative}.interview-card:before{background:linear-gradient(90deg,#0000,#4facfe66,#0000);content:"";height:1px;left:0;position:absolute;right:0;top:0}.interview-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:20px}.interview-title{color:#4facfe;font-size:16px;font-weight:700;margin-bottom:4px}.interview-topic{color:#666;font-size:12px}.interview-level{margin-bottom:24px}.interview-level:last-child{margin-bottom:0}.level-label{border-bottom:1px solid #ffffff14;font-size:12px;font-weight:700;letter-spacing:.5px;margin-bottom:12px;padding-bottom:8px}.basic-label{color:#43e97b}.intermediate-label{color:#4facfe}.advanced-label{color:#f5576c}.interview-question{background:#ffffff05;border:1px solid #ffffff0f;border-radius:10px;margin-bottom:10px;padding:12px 16px}.iq-question{color:#e0e0f0;font-size:13.5px;font-weight:600;line-height:1.5;margin-bottom:6px}.iq-tip{color:#888;font-size:12px;font-style:italic;line-height:1.5}.video-history-bar{align-items:center;background:#ffffff05;border-bottom:1px solid #ffffff0d;display:flex;gap:12px;overflow-x:auto;padding:10px 24px;position:relative;z-index:1}.history-label{color:#666;flex-shrink:0;font-size:11px;white-space:nowrap}.history-chips{display:flex;gap:8px}.history-chip{background:#6c63ff14;border:1px solid #6c63ff26;border-radius:16px;color:#8b83ff;cursor:pointer;font-size:11px;padding:6px 14px;transition:all .2s ease;white-space:nowrap}.history-chip:hover:not(:disabled){background:#6c63ff26}.history-chip.active{background:#6c63ff40;border-color:#6c63ff80;color:#fff}.history-chip:disabled{cursor:not-allowed;opacity:.5}.result-block{margin-bottom:20px}.result-block:last-child{margin-bottom:32px}.action-buttons{display:flex;flex-wrap:wrap;gap:10px}.action-buttons button{flex:1 1 auto;min-width:140px}.auth-container{align-items:center;background:#07070f;display:flex;justify-content:center;min-height:100vh;padding:20px}.auth-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff08;border:1px solid #ffffff14;border-radius:24px;box-shadow:0 8px 32px #0006;max-width:420px;padding:40px;width:100%}.auth-logo{margin-bottom:32px;text-align:center}.auth-logo .logo-icon{display:block;font-size:48px;margin-bottom:12px}.auth-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#6c63ff,#ff6584);-webkit-background-clip:text;background-clip:text;font-size:20px;font-weight:800;margin-bottom:8px}.auth-subtitle{color:#666;font-size:12px}.auth-tabs{background:#ffffff08;border-radius:12px;display:flex;gap:8px;margin-bottom:24px;padding:4px}.auth-tab{background:#0000;border:none;border-radius:10px;color:#666;cursor:pointer;flex:1 1;font-size:14px;font-weight:600;padding:10px;transition:all .3s ease}.auth-tab.active{background:linear-gradient(135deg,#6c63ff,#ff6584);color:#fff}.auth-form{display:flex;flex-direction:column;gap:14px}.auth-input{background:#ffffff0a;border:1px solid #ffffff17;border-radius:12px;color:#fff;font-size:14px;outline:none;padding:14px 16px;transition:all .3s ease}.auth-input:focus{border-color:#6c63ff80;box-shadow:0 0 0 3px #6c63ff1a}.auth-input::placeholder{color:#555}.auth-error{background:#ff658414;border-radius:10px;color:#ff6584;font-size:13px;padding:10px 14px}.auth-submit-btn{background:linear-gradient(135deg,#6c63ff,#ff6584);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:15px;font-weight:700;margin-top:8px;padding:14px;transition:all .3s ease}.auth-submit-btn:hover:not(:disabled){box-shadow:0 8px 25px #6c63ff66;transform:translateY(-2px)}.auth-submit-btn:disabled{cursor:not-allowed;opacity:.6}.auth-loading{align-items:center;color:#fff;display:flex;font-size:16px;justify-content:center;min-height:100vh}.logout-btn{background:#ff65841a;border:1px solid #ff658440;border-radius:10px;color:#ff6584;cursor:pointer;font-size:13px;font-weight:500;padding:8px 16px;transition:all .3s ease}.logout-btn:hover{background:#ff658433}.neural-sphere-container{height:280px;margin:0 auto 20px;max-width:400px;width:100%}@media (max-width:600px){.neural-sphere-container{height:200px}}.holo-floor{background-image:linear-gradient(#6c63ff26 1px,#0000 0),linear-gradient(90deg,#6c63ff26 1px,#0000 0);background-size:40px 40px;bottom:0;height:300px;mask-image:linear-gradient(0deg,#000,#0000);-webkit-mask-image:linear-gradient(0deg,#000,#0000);opacity:.4;transform:perspective(500px) rotateX(60deg);transform-origin:bottom;z-index:0}.holo-floor,.scan-line{left:0;pointer-events:none;position:fixed;width:100%}.scan-line{animation:scanMove 12s ease-in-out infinite;background:linear-gradient(90deg,#0000,#6c63ff66,#0000);height:1px;opacity:.3;top:0;z-index:1}@keyframes scanMove{0%{top:0}to{top:100%}}
/*# sourceMappingURL=main.153d7813.css.map*/