:root{--pif-bg-overlay: rgba(5, 5, 10, .65);--pif-glass-bg: rgba(20, 20, 28, .85);--pif-glass-border: rgba(255, 255, 255, .1);--pif-primary-glow: rgba(99, 102, 241, .5);--pif-accent-gradient: linear-gradient(135deg, #6366f1 0%, #8b5cf6 50%, #d946ef 100%);--pif-text-primary: #ffffff;--pif-text-secondary: rgba(255, 255, 255, .7);--pif-text-tertiary: rgba(255, 255, 255, .4);--pif-surface-hover: rgba(255, 255, 255, .08);--pif-surface-active: rgba(255, 255, 255, .12);--pif-radius: 24px;--pif-easing: cubic-bezier(.2, .8, .2, 1)}.pif-overlay{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;background:var(--pif-bg-overlay);backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);z-index:9999;padding:20px;opacity:0;animation:pif-fade-in .3s var(--pif-easing) forwards}@keyframes pif-fade-in{to{opacity:1}}.pif-modal{position:relative;width:100%;max-width:460px;background:var(--pif-glass-bg);border:1px solid var(--pif-glass-border);border-radius:var(--pif-radius);padding:36px;box-shadow:0 40px 80px -12px #000000e6,0 0 0 1px #ffffff0d inset,0 0 100px -20px #6366f126;overflow:hidden;transform:translateY(20px);opacity:0;animation:pif-slide-up .5s cubic-bezier(.19,1,.22,1) .1s forwards}@keyframes pif-slide-up{to{transform:translateY(0);opacity:1}}.pif-modal:after{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(99,102,241,.8) 25%,rgba(217,70,239,.8) 75%,transparent 100%);box-shadow:0 0 15px #8b5cf699;opacity:1}.pif-close-btn{position:absolute;top:20px;right:20px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:50%;color:var(--pif-text-tertiary);cursor:pointer;transition:all .3s ease;z-index:10}.pif-close-btn:hover{background:var(--pif-surface-hover);color:var(--pif-text-primary);transform:rotate(90deg)}.pif-form-container{position:relative}.pif-back-btn{position:absolute;top:-14px;left:-14px;display:flex;align-items:center;gap:6px;background:#ffffff08;border:1px solid transparent;border-radius:12px;padding:8px 14px;color:var(--pif-text-tertiary);font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease;z-index:10}.pif-back-btn:hover{background:#ffffff14;border-color:#ffffff1a;color:var(--pif-text-primary);transform:translate(-4px);box-shadow:0 4px 12px #0003}.pif-back-btn span{font-weight:600}.pif-header{text-align:center;margin-bottom:32px}.pif-header h2{font-size:1.85rem;font-weight:700;color:var(--pif-text-primary);margin:0 0 10px;letter-spacing:-.03em;line-height:1.1;background:linear-gradient(to bottom right,#fff 30%,#ffffffb3);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 30px rgba(255,255,255,.1)}.pif-header p{font-size:1rem;color:var(--pif-text-secondary);margin:0;font-weight:400;line-height:1.5}.pif-stars{display:flex;justify-content:center;gap:12px;margin-bottom:36px;perspective:1000px}.pif-star{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#ffffff08;border:1px solid transparent;border-radius:14px;color:#ffffff4d;cursor:pointer;transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden}.pif-star svg{width:28px;height:28px;transition:all .3s ease;position:relative;z-index:2}.pif-star:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#eab30833,#eab30800);opacity:0;transition:opacity .3s ease}.pif-star:hover{transform:translateY(-6px) scale(1.15);background:#ffffff14;color:#facc15;box-shadow:0 15px 30px -5px #0006}.pif-star.active{background:#eab30826;border-color:#eab3084d;color:#facc15;box-shadow:0 0 20px #eab30826}.pif-star.active:before{opacity:1}.pif-star.active svg{fill:currentColor;filter:drop-shadow(0 0 10px rgba(234,179,8,.7))}.pif-choice-grid{display:grid;grid-template-columns:1fr;gap:16px;margin-bottom:24px}.pif-choice-card{position:relative;display:flex;align-items:center;gap:20px;padding:24px;background:#ffffff08;border:1px solid var(--pif-glass-border);border-radius:20px;cursor:pointer;overflow:hidden;transition:all .3s var(--pif-easing)}.pif-choice-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--pif-accent-gradient);opacity:0;transition:opacity .4s ease;z-index:0}.pif-choice-card:hover{border-color:#8b5cf666;transform:translateY(-3px);box-shadow:0 20px 40px -10px #00000080}.pif-choice-card:hover:before{opacity:.08}.pif-choice-card:active{transform:scale(.98)}.pif-choice-icon{position:relative;width:56px;height:56px;border-radius:18px;background:#ffffff0f;display:flex;align-items:center;justify-content:center;color:var(--pif-text-primary);z-index:1;transition:transform .4s cubic-bezier(.34,1.56,.64,1);border:1px solid rgba(255,255,255,.05)}.pif-choice-card:hover .pif-choice-icon{transform:scale(1.1) rotate(-8deg);background:#ffffff1a;box-shadow:0 0 20px #ffffff1a;color:#fff}.pif-choice-content{position:relative;z-index:1;flex:1}.pif-choice-content h3{margin:0 0 6px;font-size:1.1rem;font-weight:600;color:var(--pif-text-primary)}.pif-choice-content p{margin:0;font-size:.9rem;color:var(--pif-text-secondary)}.pif-tags{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:28px}.pif-tag{display:inline-flex;align-items:center;gap:8px;padding:12px 18px;background:#ffffff0a;border:1px solid var(--pif-glass-border);border-radius:14px;color:var(--pif-text-secondary);font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s cubic-bezier(.2,.8,.2,1)}.pif-tag:hover{background:#ffffff17;color:var(--pif-text-primary);border-color:#ffffff40;transform:translateY(-2px)}.pif-tag.selected{background:#6366f133;border-color:#6366f1;color:#e0e7ff;box-shadow:0 8px 20px -4px #6366f14d}.pif-tag svg{width:16px;height:16px;opacity:.9}.pif-textarea-wrapper{position:relative;border-radius:18px;background:#00000040;padding:1px;transition:all .3s ease;margin-bottom:28px;box-shadow:inset 0 2px 4px #0000004d}.pif-textarea-wrapper:focus-within{box-shadow:0 0 0 2px #6366f166,inset 0 2px 4px #0000004d;background:#00000059}.pif-textarea{width:100%;min-height:130px;padding:20px;background:transparent;border:none;color:var(--pif-text-primary);font-size:1rem;line-height:1.6;resize:none;outline:none;font-family:inherit}.pif-textarea::-moz-placeholder{color:var(--pif-text-tertiary)}.pif-textarea::placeholder{color:var(--pif-text-tertiary)}.pif-submit-btn{position:relative;width:100%;height:60px;background:var(--pif-accent-gradient);border:none;border-radius:18px;color:#fff;font-size:1.15rem;font-weight:700;letter-spacing:.02em;cursor:pointer;overflow:hidden;transition:all .3s ease;box-shadow:0 10px 30px -5px #6366f166}.pif-submit-btn:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to bottom,rgba(255,255,255,.15),transparent);opacity:.5}.pif-submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 20px 50px -10px #6366f199;filter:brightness(1.1)}.pif-submit-btn:active:not(:disabled){transform:scale(.98);box-shadow:0 5px 15px -5px #6366f180}.pif-submit-btn:disabled{background:#ffffff0d;color:#fff3;cursor:not-allowed;box-shadow:none}.pif-success{text-align:center;padding:40px 0}.pif-success-icon{width:90px;height:90px;background:#10b98126;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 28px;color:#10b981;border:1px solid rgba(16,185,129,.3);box-shadow:0 0 50px #10b9814d;animation:success-pop .6s cubic-bezier(.34,1.56,.64,1)}@keyframes success-pop{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.pif-select-wrapper{position:relative;margin-bottom:28px}.pif-select{width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#ffffff0a;border:1px solid var(--pif-glass-border);border-radius:14px;padding:16px 20px;color:var(--pif-text-primary);font-size:1rem;cursor:pointer;transition:all .2s ease}.pif-select:hover{background:#ffffff12}.pif-select:focus{border-color:#6366f1;outline:none;box-shadow:0 0 0 3px #6366f133}.pif-select-arrow{position:absolute;right:20px;top:50%;transform:translateY(-50%);color:var(--pif-text-tertiary);pointer-events:none}.pif-select option{background:#111116;color:#fff;padding:12px}@media (max-width: 640px){.pif-overlay{align-items:flex-end;padding:0}.pif-modal{border-radius:32px 32px 0 0;max-width:100%;margin-bottom:0;animation:pif-slide-up-mobile .4s cubic-bezier(.19,1,.22,1) forwards;border-bottom:none;padding-bottom:50px}@keyframes pif-slide-up-mobile{0%{transform:translateY(100%)}to{transform:translateY(0)}}.pif-stars{gap:8px}.pif-star{width:44px;height:44px}.pif-header h2{font-size:1.6rem}}:root{--modern-bg: #050507;--modern-card-bg: rgba(255, 255, 255, .03);--modern-border: rgba(255, 255, 255, .08);--modern-accent: #3b82f6;--modern-text: #f0f0f0;--modern-text-dim: #888899;--font-sans: "Inter", -apple-system, system-ui, sans-serif}.modern-page{background-color:transparent;color:var(--modern-text);font-family:var(--font-sans);min-height:100vh;overflow-x:hidden}.modern-bg-noise{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;opacity:.03;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");pointer-events:none}.modern-bg-glow{position:fixed;top:-20%;left:50%;transform:translate(-50%);width:800px;height:800px;background:radial-gradient(circle,rgba(59,130,246,.15) 0%,transparent 60%);z-index:0;filter:blur(100px);pointer-events:none}.modern-container{max-width:1200px;margin:0 auto;padding:0 24px;position:relative;z-index:10}.modern-nav{display:flex;justify-content:space-between;align-items:center;padding:32px 0;margin-bottom:80px}.modern-logo{font-weight:700;font-size:1.25rem;letter-spacing:-.03em;display:flex;align-items:center;gap:10px}.modern-hero{text-align:center;padding:0 0 120px;position:relative}.modern-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:100px;font-size:.85rem;color:var(--modern-text-dim);margin-bottom:32px}.modern-h1{font-size:clamp(3.5rem,6vw,5.5rem);line-height:1.05;font-weight:800;letter-spacing:-.04em;margin-bottom:32px;background:linear-gradient(180deg,#fff,#aaa);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.modern-sub{font-size:1.25rem;color:var(--modern-text-dim);max-width:640px;margin:0 auto 48px;line-height:1.6}.modern-bento-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,minmax(280px,auto));gap:24px;margin-bottom:160px;perspective:2000px}.modern-bento-card{background:var(--modern-card-bg);border:1px solid var(--modern-border);border-radius:24px;padding:32px;position:relative;overflow:hidden;transition:border-color .3s ease;display:flex;flex-direction:column}.modern-bento-card:hover{border-color:#fff3}.bento-col-span-2{grid-column:span 2}.bento-icon{width:48px;height:48px;background:#ffffff0d;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:auto;border:1px solid rgba(255,255,255,.05)}.bento-title{font-size:1.5rem;font-weight:600;margin-bottom:12px;margin-top:24px}.bento-desc{color:var(--modern-text-dim);line-height:1.5;font-size:1rem}.modern-tabs{display:flex;justify-content:center;gap:8px;margin-bottom:40px;background:#ffffff08;padding:6px;border-radius:100px;width:-moz-fit-content;width:fit-content;margin-left:auto;margin-right:auto;border:1px solid var(--modern-border)}.modern-tab{padding:10px 24px;border-radius:100px;font-size:.95rem;font-weight:500;cursor:pointer;color:var(--modern-text-dim);position:relative;transition:color .2s}.modern-tab.active{color:#fff;background:#ffffff1a}.mock-chat-bubble{background:#ffffff0d;border:1px solid rgba(255,255,255,.05);padding:12px 16px;border-radius:12px;font-size:.85rem;color:#ccc;margin-bottom:8px;width:-moz-fit-content;width:fit-content;max-width:90%}.mock-chat-bubble.ai{background:#3b82f626;border-color:#3b82f64d;color:#bfdbfe;align-self:flex-start;color:#93c5fd}.mock-chat-bubble.user{align-self:flex-end;background:#ffffff1a;margin-left:auto}.mock-chat-container{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.modern-footer{text-align:center;padding:100px 0;border-top:1px solid var(--modern-border)}@media (max-width: 900px){.modern-bento-grid{grid-template-columns:1fr;grid-template-rows:auto}.bento-col-span-2{grid-column:span 1}}@keyframes scroll{0%{transform:translate(0)}to{transform:translate(calc(-100% / 3))}}.logo-slider{overflow:hidden;padding:40px 0;white-space:nowrap;position:relative;-webkit-mask-image:linear-gradient(to right,transparent,black 15%,black 85%,transparent);mask-image:linear-gradient(to right,transparent,black 15%,black 85%,transparent);max-width:900px;margin:0 auto}.logo-track{display:inline-flex;animation:scroll 40s linear infinite;gap:60px;width:-moz-max-content;width:max-content}.company-logo{font-size:1.5rem;font-weight:700;color:#fff6;display:flex;align-items:center;gap:12px}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0f0f1a,#1a1a2e,#16213e);padding:1rem}.auth-container{display:grid;grid-template-columns:1fr 1fr;max-width:1000px;width:100%;min-height:600px;background:#ffffff08;border-radius:24px;overflow:hidden;box-shadow:0 25px 50px -12px #00000080,0 0 0 1px #ffffff0d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.auth-branding{background:linear-gradient(135deg,#6366f1,#8b5cf6,#a855f7);padding:3rem;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}.auth-branding:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 20% 80%,rgba(255,255,255,.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,255,255,.08) 0%,transparent 40%);pointer-events:none}.auth-branding-content{position:relative;z-index:1}.auth-logo{display:flex;align-items:center;gap:.75rem;font-size:1.5rem;font-weight:700;color:#fff;margin-bottom:2rem}.auth-logo svg{filter:drop-shadow(0 0 10px rgba(255,255,255,.3))}.auth-branding h1{font-size:2.5rem;font-weight:700;color:#fff;margin-bottom:1rem;line-height:1.2}.auth-branding p{font-size:1.1rem;color:#ffffffd9;margin-bottom:2rem;line-height:1.6}.auth-features{display:flex;flex-direction:column;gap:1rem}.auth-feature{display:flex;align-items:center;gap:.75rem;color:#fff;font-size:.95rem}.feature-icon{font-size:1.25rem}.auth-form-container{padding:3rem;display:flex;align-items:center;justify-content:center;background:#0f0f1af2}.auth-form{width:100%;max-width:380px}.auth-form h2{font-size:1.75rem;font-weight:700;color:#fff;margin-bottom:1.5rem}.auth-error{background:#ef444426;border:1px solid rgba(239,68,68,.3);color:#fca5a5;padding:.75rem 1rem;border-radius:8px;margin-bottom:1.5rem;font-size:.875rem}.form-group{margin-bottom:1.25rem}.form-group label{display:block;color:#ffffffb3;font-size:.875rem;font-weight:500;margin-bottom:.5rem}.input-with-icon{position:relative!important;display:flex!important;align-items:center!important;width:100%!important}.input-with-icon>svg{position:absolute!important;left:1.25rem!important;top:50%!important;transform:translateY(-50%)!important;color:#ffffffb3!important;pointer-events:none!important;z-index:10!important}.input-with-icon input{width:100%!important;padding:.875rem 3.5rem .875rem 4.5rem!important;background:#ffffff0d!important;border:1px solid rgba(255,255,255,.1)!important;border-radius:10px!important;color:#fff!important;font-size:.95rem!important;transition:all .2s ease!important}.input-with-icon input:-webkit-autofill,.input-with-icon input:-webkit-autofill:hover,.input-with-icon input:-webkit-autofill:focus,.input-with-icon input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 1000px #0f0f1a inset!important;-webkit-text-fill-color:white!important;-webkit-transition:background-color 5000s ease-in-out 0s!important;transition:background-color 5000s ease-in-out 0s!important}.input-with-icon:has(.password-toggle) input{padding-right:3rem}.input-with-icon input:focus{outline:none;border-color:#8b5cf6;background:#8b5cf61a;box-shadow:0 0 0 3px #8b5cf61a}.input-with-icon input::-moz-placeholder{color:#ffffff4d}.input-with-icon input::placeholder{color:#ffffff4d}.password-toggle{position:absolute!important;right:1.25rem!important;top:50%!important;transform:translateY(-50%)!important;background:none!important;border:none!important;color:#ffffffb3!important;cursor:pointer!important;padding:.25rem!important;display:flex!important;align-items:center!important;justify-content:center!important;transition:color .2s ease!important;z-index:20!important}.password-toggle svg{position:static!important}.password-toggle:hover{color:#fff!important}.password-requirements{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin-top:.75rem}.requirement{display:flex;align-items:center;gap:.5rem;font-size:.75rem;color:#fff6;transition:color .2s ease}.requirement svg{opacity:.3;transition:all .2s ease}.requirement.met{color:#4ade80}.requirement.met svg{opacity:1}.form-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.checkbox-label{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#fff9;cursor:pointer}.checkbox-label input[type=checkbox]{width:1rem;height:1rem;accent-color:#8b5cf6}.terms-checkbox{margin-bottom:1.5rem}.terms-checkbox a{color:#8b5cf6;text-decoration:none}.terms-checkbox a:hover{text-decoration:underline}.forgot-link{font-size:.875rem;color:#8b5cf6;text-decoration:none;transition:color .2s ease}.forgot-link:hover{color:#a78bfa}.auth-submit-btn{width:100%;padding:1rem;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;font-size:1rem;font-weight:600;border:none;border-radius:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .3s ease;box-shadow:0 4px 15px #6366f14d}.auth-submit-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 20px #6366f166}.auth-submit-btn:disabled{opacity:.6;cursor:not-allowed}.loading-spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.auth-divider{display:flex;align-items:center;margin:1.5rem 0}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:#ffffff1a}.auth-divider span{padding:0 1rem;font-size:.8rem;color:#fff6;text-transform:uppercase;letter-spacing:.05em}.social-buttons{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.social-btn{padding:.75rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:#fff;font-size:.875rem;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .2s ease}.social-btn:hover{background:#ffffff1a;border-color:#fff3}.auth-switch{text-align:center;margin-top:1.5rem;font-size:.875rem;color:#fff9}.auth-switch a{color:#8b5cf6;text-decoration:none;font-weight:500}.auth-switch a:hover{text-decoration:underline}.continue-local{text-align:center;margin-top:1rem;font-size:.8rem;color:#fff6}.continue-local a{color:#fff9;text-decoration:none}.continue-local a:hover{text-decoration:underline}.auth-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px;color:#fff9}.auth-loading .spinner{width:40px;height:40px;border:3px solid rgba(139,92,246,.2);border-top-color:#8b5cf6;border-radius:50%;animation:spin .8s linear infinite;margin-bottom:1rem}@media (max-width: 768px){.auth-container{grid-template-columns:1fr;max-width:100%;min-height:auto}.auth-branding{display:none}.auth-form-container{padding:2rem 1.5rem}.password-requirements{grid-template-columns:1fr}}.auth-success{background:#10b98126;border:1px solid rgba(16,185,129,.3);color:#6ee7b7;padding:.75rem 1rem;border-radius:8px;margin-bottom:1.5rem;font-size:.875rem;display:flex;align-items:center;gap:.5rem}.auth-info{background:#3b82f626;border:1px solid rgba(59,130,246,.3);color:#93c5fd;padding:.75rem 1rem;border-radius:8px;margin-bottom:1.5rem;font-size:.875rem;display:flex;align-items:center;gap:.5rem}.auth-error{display:flex;align-items:center;gap:.5rem}.auth-subtitle{color:#fff9;font-size:.95rem;line-height:1.6;margin-bottom:1.5rem}.auth-container-centered{display:flex;justify-content:center;align-items:center;max-width:500px}.auth-container-centered .auth-form-container{width:100%;background:#0f0f1af2;border-radius:24px;border:1px solid rgba(255,255,255,.05)}.back-link{display:inline-flex;align-items:center;gap:.5rem;color:#fff9;text-decoration:none;font-size:.875rem;margin-bottom:1.5rem;transition:color .2s ease}.back-link:hover{color:#8b5cf6}.otp-input-container{display:flex;justify-content:center}.otp-input{width:100%;max-width:200px;padding:1rem;background:#ffffff0d;border:2px solid rgba(139,92,246,.3);border-radius:12px;color:#fff;font-size:2rem;font-weight:700;letter-spacing:.75rem;text-align:center;font-family:SF Mono,Fira Code,monospace;transition:all .2s ease}.otp-input:focus{outline:none;border-color:#8b5cf6;background:#8b5cf61a;box-shadow:0 0 0 4px #8b5cf626}.otp-input::-moz-placeholder{color:#fff3;letter-spacing:.5rem}.otp-input::placeholder{color:#fff3;letter-spacing:.5rem}.otp-hint{text-align:center;font-size:.8rem;color:#ffffff80;margin-top:.75rem}.otp-resend{text-align:center;font-size:.875rem;color:#ffffff80;margin-top:1rem}.otp-resend a{color:#8b5cf6;text-decoration:none}.otp-resend a:hover{text-decoration:underline}.password-strength{display:flex;align-items:center;gap:.75rem;margin-top:.5rem}.strength-bar{flex:1;height:4px;background:#ffffff1a;border-radius:2px;overflow:hidden}.strength-fill{height:100%;border-radius:2px;transition:all .3s ease}.password-strength span{font-size:.75rem;font-weight:500;min-width:50px}.match-icon{position:absolute;right:1rem}.auth-submit-btn.secondary{background:#8b5cf626;border:1px solid rgba(139,92,246,.3);box-shadow:none}.auth-submit-btn.secondary:hover:not(:disabled){background:#8b5cf640;border-color:#8b5cf680;transform:none;box-shadow:none}.verification-status{text-align:center;padding:3rem 2rem}.verification-loading,.verification-success,.verification-error{display:flex;flex-direction:column;align-items:center;gap:1rem}.verification-loading h2,.verification-success h2,.verification-error h2{margin:0}.verification-loading p,.verification-success p,.verification-error p{color:#fff9;margin:0}.success-icon{color:#10b981;animation:scale-in .3s ease}.error-icon{color:#ef4444;animation:scale-in .3s ease}@keyframes scale-in{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.loading-spinner.large{width:48px;height:48px;border-width:3px}.email-icon-container{display:flex;justify-content:center;margin-bottom:1.5rem}.email-icon-container svg{color:#8b5cf6;opacity:.8}.verification-tips{background:#ffffff08;border:1px solid rgba(255,255,255,.05);border-radius:12px;padding:1.25rem;margin-top:1.5rem;text-align:left}.verification-tips h4{color:#fffc;font-size:.875rem;font-weight:600;margin:0 0 .75rem}.verification-tips ul{margin:0;padding-left:1.25rem}.verification-tips li{color:#ffffff80;font-size:.8rem;line-height:1.8}.social-btn.apple{background:#ffffff14}.social-btn.apple:hover{background:#ffffff26}.auth-coming-soon{background:#fbbf2426;border:1px solid rgba(251,191,36,.3);color:#fcd34d;padding:.75rem 1rem;border-radius:8px;margin-bottom:1.5rem;font-size:.875rem;display:flex;align-items:center;gap:.5rem;animation:slideIn .3s ease}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.coming-soon-btn{position:relative;opacity:.7}.coming-soon-btn:after{content:"";position:absolute;top:0;right:0;width:8px;height:8px;background:#fbbf24;border-radius:50%;transform:translate(25%,-25%)}.coming-soon-btn:hover{opacity:.85}.coming-soon-link{background:none;border:none;padding:0;cursor:pointer;font-family:inherit}button.forgot-link.coming-soon-link{font-size:.875rem;color:#8b5cf6;text-decoration:none;transition:color .2s ease}button.forgot-link.coming-soon-link:hover{color:#a78bfa}.link-button{background:none;border:none;padding:0;font-size:inherit;font-family:inherit;color:#8b5cf6;text-decoration:none;font-weight:500;cursor:pointer;transition:all .2s ease}.link-button:hover{text-decoration:underline}/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial}}}.pointer-events-none{pointer-events:none}.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.fixed{position:fixed}.static{position:static}.sticky{position:sticky}.-inset-px{top:-1px;right:-1px;bottom:-1px;left:-1px}.top-1\/2{top:50%}.z-0{z-index:0}.z-10{z-index:10}.container{width:100%}.mx-auto{margin-inline:auto}.block{display:block}.contents{display:contents}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.aspect-square{aspect-ratio:1}.h-\[50vh\]{height:50vh}.w-fit{width:-moz-fit-content;width:fit-content}.grow{flex-grow:1}.-translate-y-1\/2{--tw-translate-y: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.resize{resize:both}.appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.rounded-\[inherit\]{border-radius:inherit}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-4{border-style:var(--tw-border-style);border-width:4px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-transparent{border-color:#0000}.bg-gradient-to-r{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.from-transparent{--tw-gradient-from:transparent;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.\[mask-image\:linear-gradient\(transparent\,transparent\)\,linear-gradient\(\#000\,\#000\)\]{-webkit-mask-image:linear-gradient(#0000,#0000),linear-gradient(#000,#000);mask-image:linear-gradient(#0000,#0000),linear-gradient(#000,#000)}.bg-\[length\:250\%_100\%\,auto\]{background-size:250% 100%,auto}.bg-clip-text{-webkit-background-clip:text;background-clip:text}.\[background-repeat\:no-repeat\,padding-box\]{background-repeat:no-repeat,padding-box}.\[mask-composite\:intersect\]{-webkit-mask-composite:source-in;mask-composite:intersect}.\[mask-clip\:padding-box\,border-box\]{-webkit-mask-clip:padding-box,border-box;mask-clip:padding-box,border-box}.px-\[14px\]{padding-inline:14px}.py-\[8px\]{padding-block:8px}.text-left{text-align:left}.text-\[10px\]{font-size:10px}.whitespace-nowrap{white-space:nowrap}.text-transparent{color:#0000}.capitalize{text-transform:capitalize}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.italic{font-style:italic}.underline{text-decoration-line:underline}.underline-offset-4{text-underline-offset:4px}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-80{opacity:.8}.ring{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.\[--base-color\:\#a1a1aa\]{--base-color:#a1a1aa}.\[--base-gradient-color\:\#000\]{--base-gradient-color:#000}.\[--bg\:linear-gradient\(90deg\,\#0000_calc\(50\%-var\(--spread\)\)\,var\(--base-gradient-color\)\,\#0000_calc\(50\%\+var\(--spread\)\)\)\]{--bg:linear-gradient(90deg,#0000 calc(50% - var(--spread)),var(--base-gradient-color),#0000 calc(50% + var(--spread)))}@media (hover:hover){.hover\:underline:hover{text-decoration-line:underline}}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.focus-visible\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.focus-visible\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:opacity-50:disabled{opacity:.5}@media (prefers-color-scheme:dark){.dark\:\[--base-color\:\#71717a\]{--base-color:#71717a}.dark\:\[--base-gradient-color\:\#ffffff\]{--base-gradient-color:#fff}.dark\:\[--bg\:linear-gradient\(90deg\,\#0000_calc\(50\%-var\(--spread\)\)\,var\(--base-gradient-color\)\,\#0000_calc\(50\%\+var\(--spread\)\)\)\]{--bg:linear-gradient(90deg,#0000 calc(50% - var(--spread)),var(--base-gradient-color),#0000 calc(50% + var(--spread)))}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-base:#0b0f1a;--bg-primary:#0f1629;--bg-secondary:#151d32;--bg-tertiary:#1a2440;--bg-elevated:#1e2a4a;--bg-spotlight:#232f52;--accent-primary:#22d3ee;--accent-primary-hover:#06b6d4;--accent-primary-transparent:#22d3ee1f;--accent-primary-glow:#22d3ee40;--accent-secondary:#818cf8;--accent-gradient:linear-gradient(135deg,#22d3ee 0%,#818cf8 100%);--success:#10b981;--success-soft:#10b98126;--warning:#f59e0b;--warning-soft:#f59e0b26;--error:#ef4444;--error-soft:#ef444426;--info:#3b82f6;--info-soft:#3b82f626;--bg-quaternary:#243352;--accent-surface:#22d3ee14;--success-surface:#10b98114;--warning-surface:#f59e0b14;--error-surface:#ef444414;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-tertiary:#64748b;--text-placeholder:#475569;--text-inverse:#0f172a;--border-subtle:#ffffff0f;--border-default:#ffffff1a;--border-strong:#ffffff26;--border-accent:var(--accent-primary);--divider:#ffffff0d;--font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-mono:"SF Mono","Fira Code","Consolas",monospace;--text-xs:.75rem;--text-sm:.8125rem;--text-base:.9375rem;--text-md:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:2rem;--text-4xl:2.5rem;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--leading-tight:1.25;--leading-normal:1.5;--leading-relaxed:1.75;--space-0:0;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-xl:2.5rem;--space-lg:1.5rem;--space-md:1rem;--space-sm:.5rem;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--radius-2xl:24px;--radius-full:9999px;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 12px #0006;--shadow-lg:0 8px 24px #00000080;--shadow-xl:0 16px 48px #0009;--shadow-glow:0 0 30px var(--accent-primary-glow);--shadow-card:0 2px 8px #0000004d,0 0 0 1px var(--border-subtle);--transition-fast:.15s ease;--transition-base:.2s ease;--transition-slow:.3s ease;--transition-bounce:.4s cubic-bezier(.34,1.56,.64,1);--sidebar-width:260px;--sidebar-collapsed:72px;--header-height:64px;--content-max-width:1400px;--z-dropdown:100;--z-modal:200;--z-toast:300}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-size:16px}body{font-family:var(--font-family);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--text-primary);background:var(--bg-base);min-height:100vh;overflow-x:hidden}#root{flex-direction:column;min-height:100vh;display:flex}::-moz-selection{background:var(--accent-primary);color:var(--text-inverse)}::selection{background:var(--accent-primary);color:var(--text-inverse)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb{background:var(--bg-elevated);border-radius:var(--radius-full);border:2px solid var(--bg-secondary)}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.app-container{background:var(--bg-base);width:100%;min-height:100vh;display:flex}.main-content{min-height:100vh;margin-left:var(--sidebar-width);background:var(--bg-primary);transition:margin-left var(--transition-base);flex-direction:column;flex:1;display:flex}.content-scrollable{padding:var(--space-8);background:var(--bg-primary);flex:1;overflow:hidden auto}.content-constraint{max-width:var(--content-max-width);width:100%;margin:0 auto}.sidebar{width:var(--sidebar-width);background:var(--bg-base);border-right:1px solid var(--border-subtle);padding:var(--space-6);z-index:50;transition:width var(--transition-base);flex-direction:column;display:flex;position:fixed;top:0;bottom:0;left:0}.logo{align-items:center;gap:var(--space-3);padding-bottom:var(--space-6);margin-bottom:var(--space-6);border-bottom:1px solid var(--border-subtle);display:flex}.logo-icon{border-radius:var(--radius-md);background:0 0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.logo-text{font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--text-primary);letter-spacing:-.02em}.nav-list{gap:var(--space-2);flex-direction:column;list-style:none;display:flex}.nav-item{align-items:center;gap:var(--space-3);padding:var(--space-3)var(--space-4);border-radius:var(--radius-md);color:var(--text-secondary);font-weight:var(--font-medium);font-size:var(--text-base);transition:all var(--transition-fast);text-decoration:none;display:flex;position:relative}.nav-item:hover{background:var(--bg-secondary);color:var(--text-primary)}.nav-item.active{background:var(--accent-primary-transparent);color:var(--accent-primary)}.nav-item.active:before{content:"";background:var(--accent-primary);border-radius:0 var(--radius-full)var(--radius-full)0;width:3px;height:60%;position:absolute;top:50%;left:0;transform:translateY(-50%)}.sidebar-provider-card{padding:var(--space-4);background:var(--bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--border-subtle);margin-top:auto}.provider-status-row{align-items:center;gap:var(--space-2);margin-bottom:var(--space-3);display:flex}.status-indicator{border-radius:var(--radius-full);background:var(--text-tertiary);width:8px;height:8px}.status-indicator.connected{background:var(--success);box-shadow:0 0 8px var(--success)}.status-indicator.disconnected{background:var(--error)}.provider-status-text{font-size:var(--text-sm);color:var(--text-secondary)}.provider-info-row{align-items:center;gap:var(--space-3);display:flex}.provider-icon-wrapper{border-radius:var(--radius-md);background:var(--bg-tertiary);justify-content:center;align-items:center;width:36px;height:36px;display:flex}.provider-icon-wrapper.puter{background:linear-gradient(135deg,#8b5cf6,#6366f1)}.provider-icon-wrapper.openai{background:#10a37f}.provider-icon-wrapper.gemini{background:linear-gradient(135deg,#4285f4,#ea4335)}.provider-icon-wrapper.anthropic{background:#d97757}.provider-details{flex-direction:column;gap:2px;display:flex}.provider-name{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-primary)}.provider-model{font-size:var(--text-xs);color:var(--text-tertiary)}.app-header-premium{height:var(--header-height);padding:0 var(--space-6);-webkit-backdrop-filter:blur(20px)saturate(180%);z-index:40;justify-content:space-between;align-items:center;gap:var(--space-6);background:#0f1629d9;border-bottom:1px solid #ffffff0f;display:flex;position:sticky;top:0}.header-left{align-items:center;gap:var(--space-4);flex:1;display:flex}.breadcrumb{align-items:center;gap:var(--space-2);display:flex}.breadcrumb-home{border-radius:var(--radius-md);background:var(--bg-tertiary);border:1px solid var(--border-subtle);width:28px;height:28px;color:var(--text-tertiary);cursor:pointer;justify-content:center;align-items:center;transition:all .2s;display:flex}.breadcrumb-home:hover{background:var(--bg-elevated);color:var(--text-primary);border-color:var(--border-default);transform:translateY(-1px)}.breadcrumb-separator{color:var(--text-tertiary);opacity:.5}.breadcrumb-current{align-items:center;gap:var(--space-2);background:var(--bg-secondary);border-radius:var(--radius-full);border:1px solid var(--border-subtle);padding:6px 14px 6px 8px;display:flex}.page-icon-wrapper{border-radius:var(--radius-sm);background:var(--page-gradient,var(--accent-gradient));color:#fff;justify-content:center;align-items:center;width:24px;height:24px;display:flex;box-shadow:0 2px 8px #22d3ee4d}.page-title{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-primary);letter-spacing:-.01em}.header-center{justify-content:center;align-items:center;display:flex}.quick-stats{align-items:center;gap:var(--space-4);border-radius:var(--radius-full);background:linear-gradient(135deg,#22d3ee0d,#818cf80d);border:1px solid #22d3ee1a;flex-shrink:0;max-width:-moz-max-content;max-width:max-content;padding:8px 16px;display:flex}.stat-chip{align-items:center;gap:var(--space-2);color:var(--text-secondary);white-space:nowrap;flex-shrink:0;display:inline-flex}.stat-chip svg{color:var(--accent-primary);opacity:.8;flex-shrink:0;display:block;transform:translateY(1px)}.stat-chip.streak .streak-fire{margin-right:0;transform:translateY(1px)}.stat-chip.cost svg{color:var(--success)}.stat-value{font-size:var(--text-sm);font-weight:var(--font-bold);color:var(--text-primary);font-variant-numeric:tabular-nums;align-items:center;line-height:normal;display:inline-flex;transform:translateY(.5px)}.stat-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-tertiary);font-size:10px;font-weight:var(--font-medium);margin-left:-1px;transform:translateY(3.5px)}.stat-chip.sessions .stat-label{transform:translateY(2.5px)}.stat-divider{background:var(--border-subtle);width:1px;height:20px}.header-right{align-items:center;gap:var(--space-3);flex:1;justify-content:flex-end;display:flex}.time-display{align-items:center;gap:var(--space-2);background:var(--bg-tertiary);border-radius:var(--radius-md);border:1px solid var(--border-subtle);color:var(--text-secondary);padding:6px 12px;display:flex}.time-display svg{color:var(--accent-primary);opacity:.7}.time-text{flex-direction:column;gap:0;line-height:1.2;display:flex}.time-value{font-size:11px;font-weight:var(--font-semibold);color:var(--text-primary);font-variant-numeric:tabular-nums}.time-date{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.02em;font-size:9px}.header-action-btn{align-items:center;gap:var(--space-2);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--font-semibold);cursor:pointer;border:none;padding:8px 16px;transition:all .2s;display:flex}.header-action-btn.primary{background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));color:var(--text-inverse);box-shadow:0 4px 15px #22d3ee4d}.header-action-btn.primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #22d3ee66}.header-action-btn.primary:active{transform:translateY(0)}.header-icon-btn{border-radius:var(--radius-md);background:var(--bg-tertiary);border:1px solid var(--border-subtle);width:36px;height:36px;color:var(--text-secondary);cursor:pointer;justify-content:center;align-items:center;transition:all .2s;display:flex;position:relative}.header-icon-btn:hover{background:var(--bg-elevated);color:var(--text-primary);border-color:var(--border-default);transform:translateY(-1px)}.notification-badge{background:var(--error);color:#fff;width:16px;height:16px;font-size:9px;font-weight:var(--font-bold);border-radius:var(--radius-full);border:2px solid var(--bg-primary);justify-content:center;align-items:center;animation:2s ease-in-out infinite pulse-badge;display:flex;position:absolute;top:-4px;right:-4px}@keyframes pulse-badge{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.user-avatar-wrapper{margin-left:var(--space-2);position:relative}.user-avatar{border-radius:var(--radius-full);color:#fff;cursor:pointer;border:2px solid #0000;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}.user-avatar:hover{border-color:#fff3;transform:scale(1.05)}.user-status-dot{background:var(--success);border-radius:var(--radius-full);border:2px solid var(--bg-primary);width:10px;height:10px;box-shadow:0 0 8px var(--success);position:absolute;bottom:0;right:0}.quick-actions-dropdown{top:calc(var(--header-height) + 8px);right:var(--space-6);background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);width:220px;box-shadow:var(--shadow-xl);z-index:100;animation:.2s dropdown-appear;position:absolute;overflow:hidden}@keyframes dropdown-appear{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.dropdown-header{padding:var(--space-3)var(--space-4);border-bottom:1px solid var(--border-subtle);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-secondary);justify-content:space-between;align-items:center;display:flex}.dropdown-header button{color:var(--text-tertiary);cursor:pointer;background:0 0;border:none;padding:0;font-size:18px;line-height:1}.dropdown-header button:hover{color:var(--text-primary)}.dropdown-items{padding:var(--space-2)}.dropdown-items button{align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3)var(--space-4);border-radius:var(--radius-md);color:var(--text-secondary);font-size:var(--text-sm);cursor:pointer;text-align:left;background:0 0;border:none;transition:all .15s;display:flex}.dropdown-items button:hover{background:var(--bg-tertiary);color:var(--text-primary)}.dropdown-items button svg{color:var(--accent-primary)}.notifications-panel{top:calc(var(--header-height) + 8px);background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);z-index:100;width:360px;max-height:480px;animation:.25s cubic-bezier(.34,1.56,.64,1) notifications-appear;position:absolute;right:100px;overflow:hidden;box-shadow:0 20px 60px #00000080,0 0 0 1px #ffffff0d}@keyframes notifications-appear{0%{opacity:0;transform:translateY(-10px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.notifications-header{padding:var(--space-4);border-bottom:1px solid var(--border-subtle);background:linear-gradient(135deg,#22d3ee14,#818cf814);justify-content:space-between;align-items:center;display:flex}.notifications-header>span{align-items:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-primary);display:flex}.notifications-header>span svg{color:var(--accent-primary)}.notifications-header button{background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);width:28px;height:28px;color:var(--text-tertiary);cursor:pointer;justify-content:center;align-items:center;transition:all .15s;display:flex}.notifications-header button:hover{background:var(--bg-elevated);color:var(--text-primary)}.notifications-empty{padding:var(--space-10)var(--space-6);text-align:center;color:var(--text-tertiary)}.notifications-empty svg{color:var(--success);margin-bottom:var(--space-4);opacity:.7}.notifications-empty p{font-size:var(--text-md);font-weight:var(--font-semibold);color:var(--text-secondary);margin-bottom:var(--space-1)}.notifications-empty span{font-size:var(--text-sm)}.notifications-list{max-height:380px;padding:var(--space-2);overflow-y:auto}.notification-item{gap:var(--space-3);padding:var(--space-3);margin-bottom:var(--space-2);background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);border-left:3px solid var(--notif-color,var(--accent-primary));transition:all .2s;display:flex;position:relative}.notification-item:hover{background:var(--bg-elevated);transform:translate(2px)}.notification-item:last-child{margin-bottom:0}.notif-icon{background:rgba(var(--notif-color-rgb,34,211,238),.1);border-radius:var(--radius-md);width:36px;min-width:36px;height:36px;color:var(--notif-color,var(--accent-primary));justify-content:center;align-items:center;display:flex}.notif-content{flex:1;min-width:0}.notif-title{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-primary);margin-bottom:2px;line-height:1.3}.notif-message{color:var(--text-secondary);margin-bottom:var(--space-2);font-size:12px;line-height:1.4}.notif-action{background:var(--notif-color,var(--accent-primary));color:#fff;font-size:11px;font-weight:var(--font-semibold);border-radius:var(--radius-sm);cursor:pointer;border:none;align-items:center;gap:4px;padding:4px 10px;transition:all .15s;display:inline-flex}.notif-action:hover{filter:brightness(1.1);transform:translateY(-1px)}.notif-dismiss{top:var(--space-2);right:var(--space-2);border-radius:var(--radius-sm);width:20px;height:20px;color:var(--text-tertiary);cursor:pointer;opacity:0;background:0 0;border:none;justify-content:center;align-items:center;transition:all .15s;display:flex;position:absolute}.notification-item:hover .notif-dismiss{opacity:1}.notif-dismiss:hover{background:var(--bg-secondary);color:var(--text-primary)}.streak-fire{margin-right:0;font-size:14px;animation:1s ease-in-out infinite fire-pulse}@keyframes fire-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.stat-chip.streak .stat-value{color:#f97316}.header-icon-btn.has-notifications{animation:2s ease-in-out infinite gentle-pulse}@keyframes gentle-pulse{0%,to{box-shadow:0 0 #ef444400}50%{box-shadow:0 0 0 4px #ef444426}}.app-header{height:var(--header-height);padding:0 var(--space-8);background:var(--bg-primary);border-bottom:1px solid var(--border-subtle);z-index:40;justify-content:flex-end;align-items:center;display:flex;position:sticky;top:0}.header-spacer{flex:1}@media (max-width:1200px){.header-center{display:none}}@media (max-width:900px){.time-display,.header-action-btn span{display:none}.header-action-btn{justify-content:center;width:36px;height:36px;padding:0}}h1,h2,h3,h4,h5,h6{font-weight:var(--font-semibold);color:var(--text-primary);line-height:var(--leading-tight);letter-spacing:-.02em}h1{font-size:var(--text-3xl)}h2{font-size:var(--text-2xl)}h3{font-size:var(--text-xl)}h4{font-size:var(--text-lg)}h5{font-size:var(--text-md)}h6{font-size:var(--text-base)}p{color:var(--text-secondary);line-height:var(--leading-relaxed)}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}.text-accent-primary{color:var(--accent-primary)}.text-success{color:var(--success)}.text-warning{color:var(--warning)}.text-error{color:var(--error)}.card{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-card);transition:all var(--transition-base)}.card:hover{border-color:var(--border-default)}.card-header{margin-bottom:var(--space-4);padding-bottom:var(--space-4);border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;display:flex}.card-title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--text-primary)}.card-subtitle{font-size:var(--text-sm);color:var(--text-tertiary)}.stat-card{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:var(--space-6);gap:var(--space-4);transition:all var(--transition-base);flex-direction:column;display:flex;position:relative;overflow:hidden}.stat-card:before{content:"";background:var(--accent-gradient);opacity:0;height:3px;transition:opacity var(--transition-base);position:absolute;top:0;left:0;right:0}.stat-card:hover{border-color:var(--accent-primary);box-shadow:var(--shadow-lg),0 0 0 1px var(--accent-primary-transparent);transform:translateY(-2px)}.stat-card:hover:before{opacity:1}.stat-card-header{justify-content:space-between;align-items:center;display:flex}.stat-card-label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-secondary)}.stat-card-icon{border-radius:var(--radius-md);background:var(--accent-primary-transparent);width:40px;height:40px;color:var(--accent-primary);justify-content:center;align-items:center;display:flex}.stat-card-value{font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--text-primary);letter-spacing:-.02em}.stat-card-badge{align-items:center;gap:var(--space-1);padding:var(--space-1)var(--space-2);background:var(--success-soft);color:var(--success);font-size:var(--text-xs);font-weight:var(--font-medium);border-radius:var(--radius-full);display:inline-flex}.stat-box{background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-4);text-align:center}.btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-3)var(--space-5);font-family:var(--font-family);font-size:var(--text-base);font-weight:var(--font-semibold);border-radius:var(--radius-lg);cursor:pointer;white-space:nowrap;border:none;line-height:1;text-decoration:none;transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .2s,background .2s,border-color .2s;display:inline-flex;position:relative;overflow:hidden}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.btn:after{content:"";pointer-events:none;background:radial-gradient(circle,#ffffff4d 10%,#0000 10%) 50%/0% 0%;transition:background-size .4s ease-out;position:absolute;top:0;right:0;bottom:0;left:0}.btn:active:not(:disabled):after{background-size:300% 300%;transition:background-size}.btn-primary{background:var(--accent-gradient);color:var(--text-inverse);box-shadow:0 4px 14px var(--accent-primary-glow)}.btn-primary:hover:not(:disabled){box-shadow:0 8px 25px var(--accent-primary-glow),0 0 0 2px #22d3ee26;transform:translateY(-2px)scale(1.02)}.btn-primary:active:not(:disabled){box-shadow:0 2px 8px var(--accent-primary-glow);transform:translateY(0)scale(.98)}.btn-secondary{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-default)}.btn-secondary:hover:not(:disabled){background:var(--bg-elevated);border-color:var(--border-strong);transform:translateY(-2px);box-shadow:0 4px 12px #0003}.btn-secondary:active:not(:disabled){transform:translateY(0)scale(.98)}.btn-ghost{color:var(--text-secondary);background:0 0}.btn-ghost:hover:not(:disabled){background:var(--bg-secondary);color:var(--text-primary);transform:translate(2px)}.btn-ghost:active:not(:disabled){transform:translate(0)scale(.98)}.btn-danger{background:var(--error);color:#fff;box-shadow:0 4px 14px #ef44444d}.btn-danger:hover:not(:disabled){background:#dc2626;transform:translateY(-2px);box-shadow:0 6px 20px #ef444466}.btn-danger:active:not(:disabled){transform:translateY(0)scale(.98)}.btn-success{background:var(--success);color:#fff;box-shadow:0 4px 14px #10b9814d}.btn-success:hover:not(:disabled){background:#059669;transform:translateY(-2px);box-shadow:0 6px 20px #10b98166}.btn-sm{padding:var(--space-2)var(--space-3);font-size:var(--text-sm);border-radius:var(--radius-md)}.btn-lg{padding:var(--space-4)var(--space-8);font-size:var(--text-lg)}.btn-icon{border-radius:var(--radius-md);width:40px;height:40px;padding:0}.btn-icon:hover:not(:disabled){transform:scale(1.1)}.btn-icon:active:not(:disabled){transform:scale(.95)}.btn-back{color:var(--text-secondary);gap:var(--space-2);background:0 0}.btn-back:hover:not(:disabled){color:var(--text-primary);transform:translate(-4px)}.btn-back:active:not(:disabled){transform:translate(-2px)scale(.98)}.btn-forward svg:last-child,.btn-continue svg:last-child{transition:transform .2s}.btn-forward:hover:not(:disabled) svg:last-child,.btn-continue:hover:not(:disabled) svg:last-child{transform:translate(4px)}.btn-cancel{color:var(--text-tertiary);border:1px solid var(--border-subtle);background:0 0}.btn-cancel:hover:not(:disabled){color:var(--error);border-color:var(--error);background:var(--error-soft)}.btn-cancel:active:not(:disabled){transform:scale(.98)}.btn-outline-primary{color:var(--accent-primary);border:1px solid var(--accent-primary);background:0 0}.btn-outline-primary:hover:not(:disabled){background:var(--accent-primary-transparent);box-shadow:0 4px 12px var(--accent-primary-glow);transform:translateY(-2px)}.btn-outline-success{color:var(--success);border:1px solid var(--success);background:0 0}.btn-outline-success:hover:not(:disabled){background:var(--success-soft);transform:translateY(-2px)}.btn-loading{pointer-events:none;position:relative}.btn-loading:before{content:"";border:2px solid #0000;border-top-color:currentColor;border-radius:50%;width:16px;height:16px;animation:.6s linear infinite btnSpin;position:absolute}@keyframes btnSpin{to{transform:rotate(360deg)}}.btn-success:active:not(:disabled){transform:translateY(0)scale(.98)}.input-group{gap:var(--space-2);flex-direction:column;display:flex}.input-label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-secondary)}.input,.select,.textarea{width:100%;padding:var(--space-3)var(--space-4);font-family:var(--font-family);font-size:var(--text-base);color:var(--text-primary);background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);transition:all var(--transition-fast)}.input::-moz-placeholder,.textarea::-moz-placeholder{color:var(--text-placeholder)}.input::placeholder,.textarea::placeholder{color:var(--text-placeholder)}.input:hover,.select:hover,.textarea:hover{border-color:var(--border-default)}.input:focus,.select:focus,.textarea:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-primary-transparent);background:var(--bg-secondary);outline:none}.textarea{resize:vertical;min-height:120px}.input-error{border-color:var(--error)!important}.select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%2394A3B8'%3E%3Cpath d='M4 6l4 4 4-4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-3)center;padding-right:var(--space-10);cursor:pointer}.select option{background:var(--bg-secondary);color:var(--text-primary);padding:var(--space-2)}input[type=checkbox],input[type=radio]{width:18px;height:18px;accent-color:var(--accent-primary);cursor:pointer}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--bg-tertiary);border-radius:var(--radius-full);outline:none;width:100%;height:6px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--accent-primary);border-radius:var(--radius-full);cursor:pointer;width:18px;height:18px;box-shadow:0 2px 8px var(--accent-primary-glow)}.badge{align-items:center;gap:var(--space-1);padding:var(--space-1)var(--space-2);font-size:var(--text-xs);font-weight:var(--font-semibold);border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.02em;display:inline-flex}.badge-success{background:var(--success-soft);color:var(--success)}.badge-warning{background:var(--warning-soft);color:var(--warning)}.badge-error{background:var(--error-soft);color:var(--error)}.badge-info{background:var(--info-soft);color:var(--info)}.badge-accent{background:var(--accent-primary-transparent);color:var(--accent-primary)}.tag{align-items:center;gap:var(--space-1);padding:var(--space-1)var(--space-3);font-size:var(--text-sm);color:var(--text-secondary);background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);display:inline-flex}.tabs{gap:var(--space-1);background:var(--bg-secondary);padding:var(--space-1);border-radius:var(--radius-lg);border:1px solid var(--border-subtle);display:flex}.tab{padding:var(--space-2)var(--space-4);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-secondary);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;flex:1}.tab:hover{color:var(--text-primary);background:var(--bg-tertiary)}.tab.active{color:var(--text-primary);background:var(--bg-elevated);box-shadow:var(--shadow-sm)}.toast-container{bottom:var(--space-6);right:var(--space-6);z-index:var(--z-toast);gap:var(--space-3);flex-direction:column;display:flex;position:fixed}.toast{align-items:center;gap:var(--space-3);padding:var(--space-4)var(--space-5);background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);min-width:300px;max-width:420px;animation:.3s slideIn;display:flex}@keyframes slideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.toast-success{border-left:4px solid var(--success)}.toast-error{border-left:4px solid var(--error)}.toast-warning{border-left:4px solid var(--warning)}.toast-info{border-left:4px solid var(--accent-primary)}.page-container{gap:var(--space-6);flex-direction:column;animation:.3s fadeIn;display:flex}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.settings-section{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:var(--space-6);margin-bottom:var(--space-6)}.settings-section-title{align-items:center;gap:var(--space-3);font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--text-primary);margin-bottom:var(--space-4);display:flex}.settings-section-title svg{color:var(--accent-primary)}.settings-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));display:grid}.settings-provider-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(200px,1fr));display:grid}.settings-provider-card{align-items:center;gap:var(--space-4);padding:var(--space-4);background:var(--bg-tertiary);border:2px solid var(--border-subtle);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);display:flex;position:relative}.settings-provider-card:hover{border-color:var(--border-default);background:var(--bg-elevated)}.settings-provider-card.selected{border-color:var(--accent-primary);background:var(--accent-primary-transparent)}.settings-provider-icon{border-radius:var(--radius-md);background:var(--bg-secondary);width:44px;height:44px;color:var(--text-primary);font-size:var(--text-xl);justify-content:center;align-items:center;display:flex}.settings-provider-info{flex-direction:column;flex:1;gap:2px;display:flex}.settings-provider-name{font-weight:var(--font-semibold);color:var(--text-primary);font-size:var(--text-base)}.settings-provider-desc{font-size:var(--text-xs);color:var(--text-tertiary)}.settings-provider-check{color:var(--accent-primary)}.settings-section-animate{animation:.3s fadeIn}.ai-feedback-page{height:calc(100vh - var(--header-height) - var(--space-16));flex-direction:column;max-height:800px;display:flex}.ai-feedback-header{padding-bottom:var(--space-4);border-bottom:1px solid var(--border-subtle);margin-bottom:var(--space-4)}.ai-feedback-title{align-items:center;gap:var(--space-3);margin-bottom:var(--space-2);display:flex}.ai-feedback-title h2{font-size:var(--text-xl);font-weight:var(--font-semibold)}.ai-feedback-chat{gap:var(--space-4);padding:var(--space-4)0;flex-direction:column;flex:1;display:flex;overflow-y:auto}.ai-feedback-message{gap:var(--space-3);max-width:85%;display:flex}.ai-feedback-message.user{flex-direction:row-reverse;align-self:flex-end}.ai-feedback-avatar{border-radius:var(--radius-full);background:var(--bg-tertiary);width:36px;height:36px;color:var(--text-secondary);flex-shrink:0;justify-content:center;align-items:center;display:flex}.ai-feedback-message.ai .ai-feedback-avatar{background:var(--accent-primary-transparent);color:var(--accent-primary)}.ai-feedback-bubble{padding:var(--space-4);border-radius:var(--radius-lg);background:var(--bg-secondary);border:1px solid var(--border-subtle);line-height:var(--leading-relaxed)}.ai-feedback-message.user .ai-feedback-bubble{background:var(--accent-primary);color:var(--text-inverse);border-color:#0000}.ai-feedback-bubble.typing{color:var(--text-tertiary);font-style:italic}.ai-feedback-bubble p{margin-bottom:var(--space-3);color:inherit}.ai-feedback-bubble p:last-child{margin-bottom:0}.ai-feedback-bubble ul,.ai-feedback-bubble ol{margin-left:var(--space-4);margin-bottom:var(--space-3)}.ai-feedback-bubble li{margin-bottom:var(--space-1)}.ai-feedback-bubble code{font-family:var(--font-mono);background:var(--bg-tertiary);border-radius:var(--radius-sm);font-size:var(--text-sm);padding:2px 6px}.ai-feedback-bubble strong{font-weight:var(--font-semibold)}.ai-feedback-input-area{padding-top:var(--space-4);border-top:1px solid var(--border-subtle)}.interview-container,.interview-main{flex-direction:column!important;flex:1!important;grid-template-columns:none!important;width:100%!important;display:flex!important}.center-wrapper{width:100%;min-height:calc(100vh - 180px);padding:var(--space-6)var(--space-8);flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex}.setup-wizard{background:var(--bg-secondary);border-radius:var(--radius-xl);border:1px solid var(--border-subtle);width:100%;max-width:1410px;min-height:500px;max-height:85vh;box-shadow:var(--shadow-lg);flex-direction:column;margin:0 auto;display:flex;overflow:hidden}.wizard-header{padding:var(--space-6);border-bottom:1px solid var(--border-subtle);background:var(--bg-primary)}.wizard-progress{justify-content:space-between;gap:var(--space-4);display:flex}.progress-step{align-items:center;gap:var(--space-2);color:var(--text-tertiary);display:flex}.progress-step.active{color:var(--accent-primary)}.progress-step.completed{color:var(--success)}.step-circle{border-radius:var(--radius-full);background:var(--bg-tertiary);border:2px solid var(--border-subtle);width:32px;height:32px;font-weight:var(--font-semibold);font-size:var(--text-sm);justify-content:center;align-items:center;display:flex}.progress-step.active .step-circle{background:var(--accent-primary-transparent);border-color:var(--accent-primary);color:var(--accent-primary)}.progress-step.completed .step-circle{background:var(--success);border-color:var(--success);color:#fff}.step-label{font-size:var(--text-sm);font-weight:var(--font-medium)}.wizard-content{padding:var(--space-6);flex:1;overflow-y:auto}.wizard-footer{padding:var(--space-4)var(--space-6);border-top:1px solid var(--border-subtle);background:var(--bg-primary);justify-content:space-between;align-items:center;display:flex}.step-content{animation:.3s fadeIn}.step-header{align-items:flex-start;gap:var(--space-4);margin-bottom:var(--space-6);display:flex}.step-icon{border-radius:var(--radius-lg);background:var(--accent-primary-transparent);width:56px;height:56px;color:var(--accent-primary);justify-content:center;align-items:center;display:flex}.step-header h2{font-size:var(--text-xl);margin-bottom:var(--space-1)}.step-header p{font-size:var(--text-base);color:var(--text-secondary)}.form-section{gap:var(--space-4);flex-direction:column;display:flex}.upload-zone{margin-bottom:var(--space-4)}.upload-label{padding:var(--space-8);border:2px dashed var(--border-default);border-radius:var(--radius-lg);background:var(--bg-tertiary);cursor:pointer;transition:all var(--transition-fast);text-align:center;color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;display:flex}.upload-label:hover{border-color:var(--accent-primary);background:var(--accent-primary-transparent);color:var(--accent-primary)}.upload-title{font-size:var(--text-lg);font-weight:var(--font-semibold);margin-top:var(--space-3);color:var(--text-primary)}.upload-subtitle{font-size:var(--text-sm);color:var(--text-tertiary);margin-top:var(--space-1)}.divider-with-text{align-items:center;gap:var(--space-4);margin:var(--space-4)0;display:flex}.divider-with-text:before,.divider-with-text:after{content:"";background:var(--border-subtle);flex:1;height:1px}.divider-with-text span{font-size:var(--text-sm);color:var(--text-tertiary)}.extracted-info{background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-4);margin-top:var(--space-4)}.feedback-panel{padding:var(--space-6)}.feedback-score-card{background:var(--accent-gradient);border-radius:var(--radius-xl);padding:var(--space-8);text-align:center;color:#fff;margin-bottom:var(--space-6)}.feedback-score{font-size:4rem;font-weight:var(--font-bold);line-height:1}.feedback-recommendation{font-size:var(--text-lg);margin-top:var(--space-2);opacity:.9}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@media (max-width:1024px){.main-content{margin-left:0}.sidebar{transform:translate(-100%)}.sidebar.open{transform:translate(0)}.settings-provider-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}}@media (max-width:768px){:root{--space-6:1rem;--space-8:1.5rem}.content-scrollable,.card{padding:var(--space-4)}.stat-card-value,h1{font-size:var(--text-2xl)}h2{font-size:var(--text-xl)}}.flex{display:flex}.flex-col{flex-direction:column}.flex-1{flex:1}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.grid{display:grid}.w-full{width:100%}.h-full{height:100%}.relative{position:relative}.absolute{position:absolute}.hidden{display:none}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.text-center{text-align:center}.font-medium{font-weight:var(--font-medium)}.font-semibold{font-weight:var(--font-semibold)}.font-bold{font-weight:var(--font-bold)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-full{border-radius:var(--radius-full)}.cursor-pointer{cursor:pointer}.transition{transition:all var(--transition-base)}.memory-section{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:var(--space-6);margin-bottom:var(--space-4)}.memory-section-header{margin-bottom:var(--space-4);padding-bottom:var(--space-4);border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;display:flex}.memory-item{background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-4);margin-bottom:var(--space-3);transition:all var(--transition-fast)}.memory-item:hover{border-color:var(--border-default)}.deep-research-overlay{background:var(--bg-secondary);border-radius:var(--radius-xl)}.interview-active{height:calc(100vh - var(--header-height) - var(--space-8));gap:var(--space-4);flex-direction:column;display:flex}.interview-chat{gap:var(--space-4);padding:var(--space-4);background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);flex-direction:column;flex:1;display:flex;overflow-y:auto}.interview-message{gap:var(--space-3);max-width:80%;display:flex}.interview-message.user{flex-direction:row-reverse;align-self:flex-end}.interview-bubble{padding:var(--space-4);border-radius:var(--radius-lg);background:var(--bg-tertiary);border:1px solid var(--border-subtle)}.interview-message.user .interview-bubble{background:var(--accent-primary);color:var(--text-inverse);border-color:#0000}.interview-controls{justify-content:center;align-items:center;gap:var(--space-4);padding:var(--space-4);background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);display:flex}.mic-button{border-radius:var(--radius-full);background:var(--accent-gradient);color:#fff;cursor:pointer;width:80px;height:80px;transition:all var(--transition-fast);box-shadow:0 4px 20px var(--accent-primary-glow);border:none;justify-content:center;align-items:center;display:flex}.mic-button:hover{box-shadow:0 6px 30px var(--accent-primary-glow);transform:scale(1.05)}.mic-button.active{background:var(--error);animation:1.5s ease-in-out infinite pulse;box-shadow:0 4px 20px #ef444466}.mic-button.speaking{background:var(--success);box-shadow:0 4px 20px #10b98166}.performance-chart{background:var(--bg-tertiary);border-radius:var(--radius-lg);height:150px;padding:var(--space-4);align-items:flex-end;gap:var(--space-2);display:flex}.chart-bar{background:var(--accent-gradient);border-radius:var(--radius-sm)var(--radius-sm)0 0;min-height:20px;transition:height var(--transition-slow);flex:1}table{border-collapse:collapse;width:100%}thead{background:var(--bg-tertiary)}th,td{padding:var(--space-3)var(--space-4);text-align:left;border-bottom:1px solid var(--border-subtle)}th{font-weight:var(--font-semibold);font-size:var(--text-sm);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.02em}td{font-size:var(--text-base);color:var(--text-primary)}tbody tr:hover{background:var(--bg-tertiary)}details{background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);overflow:hidden}summary{padding:var(--space-4);cursor:pointer;font-weight:var(--font-medium);color:var(--text-primary);align-items:center;gap:var(--space-2);list-style:none;display:flex}summary::-webkit-details-marker{display:none}summary:before{content:"▶";font-size:var(--text-xs);color:var(--text-tertiary);transition:transform var(--transition-fast)}details[open] summary:before{transform:rotate(90deg)}details>div{padding:var(--space-4);border-top:1px solid var(--border-subtle)}.interview-container{gap:var(--space-6);min-height:calc(100vh - var(--header-height) - var(--space-16));grid-template-columns:1fr 320px;animation:.4s fadeIn;display:grid}.interview-main{gap:var(--space-6);flex-direction:column;display:flex}.interview-sidebar{gap:var(--space-4);top:var(--space-4);height:-moz-fit-content;height:fit-content;max-height:calc(100vh - var(--header-height) - var(--space-8));flex-direction:column;display:flex;position:sticky}.interview-sidebar .card{padding:var(--space-5)}.session-info{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:var(--space-5)}.session-timer{font-size:var(--text-3xl);font-weight:var(--font-bold);font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--text-primary);text-align:center;padding:var(--space-4)0;border-bottom:1px solid var(--border-subtle);margin-bottom:var(--space-4)}.session-stats{gap:var(--space-3);flex-direction:column;display:flex}.session-stat{padding:var(--space-2)0;justify-content:space-between;align-items:center;display:flex}.session-stat-label{font-size:var(--text-sm);color:var(--text-secondary)}.session-stat-value{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-primary)}.mode-selection-container{padding:var(--space-8)0;flex-direction:column;align-items:center;display:flex}.interview-mode-grid{gap:var(--space-8);max-width:1400px;margin:0 auto var(--space-10)auto;grid-template-columns:repeat(2,1fr);display:grid}.interview-mode-card{background:var(--bg-secondary);border:2px solid var(--border-subtle);border-radius:var(--radius-xl);padding:var(--space-10);cursor:pointer;text-align:center;justify-content:center;align-items:center;gap:var(--space-4);flex-direction:column;min-height:350px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.interview-mode-card:before{content:"";background:var(--accent-gradient);opacity:0;z-index:0;transition:opacity .3s;position:absolute;top:0;right:0;bottom:0;left:0}.interview-mode-card:hover{border-color:var(--accent-primary);box-shadow:0 12px 40px #00000026,0 0 0 1px var(--accent-primary-transparent);transform:translateY(-4px)}.interview-mode-card:hover:before{opacity:.05}.interview-mode-card>*{z-index:1;position:relative}.interview-mode-icon{border-radius:var(--radius-lg);background:var(--accent-primary-transparent);width:64px;height:64px;color:var(--accent-primary);margin-bottom:var(--space-5);justify-content:center;align-items:center;transition:all .3s;display:flex}.interview-mode-card:hover .interview-mode-icon{background:var(--accent-primary);color:#fff;box-shadow:0 4px 16px var(--accent-primary-glow);transform:scale(1.05)}.interview-mode-title{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--text-primary);margin-bottom:var(--space-3)}.interview-mode-desc{font-size:var(--text-base);color:var(--text-secondary);margin:0;line-height:1.6}.gradient-text-animated{background:var(--accent-gradient);-webkit-text-fill-color:transparent;background-size:200% 200%;-webkit-background-clip:text;background-clip:text;animation:5s infinite gradientShift}@keyframes gradientShift{0%,to{background-position:0%}50%{background-position:100%}}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:var(--z-modal);background:#000000b3;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;top:0;right:0;bottom:0;left:0}.modal-content{background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-2xl);padding:var(--space-8);width:90%;max-width:500px;max-height:90vh;box-shadow:var(--shadow-xl);animation:.3s modalSlideIn;overflow-y:auto}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.95)translateY(-20px)}to{opacity:1;transform:scale(1)translateY(0)}}.mic-check-dialog{text-align:center}.mic-check-icon{width:80px;height:80px;margin:0 auto var(--space-6);border-radius:var(--radius-full);background:var(--accent-gradient);color:#fff;box-shadow:0 8px 32px var(--accent-primary-glow);justify-content:center;align-items:center;animation:2s ease-in-out infinite pulseGlow;display:flex}@keyframes pulseGlow{0%,to{box-shadow:0 8px 32px var(--accent-primary-glow);transform:scale(1)}50%{box-shadow:0 12px 48px var(--accent-primary-glow);transform:scale(1.02)}}.mic-level-bar{background:var(--bg-tertiary);border-radius:var(--radius-full);height:8px;margin-top:var(--space-4);overflow:hidden}.mic-level-fill{background:var(--accent-gradient);border-radius:var(--radius-full);height:100%;transition:width .1s}.active-session-grid{gap:var(--space-6);height:calc(100vh - var(--header-height) - var(--space-8));grid-template-columns:1fr 320px;animation:.4s fadeIn;display:grid}.stage-card{background:radial-gradient(ellipse at center,var(--bg-secondary)0%,var(--bg-base)100%);border:1px solid var(--border-subtle);border-radius:var(--radius-2xl);flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.stage-card:before{content:"";background:radial-gradient(circle at 50% 30%,var(--accent-primary-transparent)0%,transparent 60%);opacity:.5;position:absolute;top:0;right:0;bottom:0;left:0}.live-badge{align-items:center;gap:var(--space-2);padding:var(--space-2)var(--space-4);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--border-subtle);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-bold);text-transform:uppercase;letter-spacing:.1em;color:var(--success);background:#0006;display:flex}.live-indicator{border-radius:var(--radius-full);background:var(--success);width:8px;height:8px;animation:1.5s ease-in-out infinite livePulse}.live-indicator.connecting{background:var(--warning);animation:none}@keyframes livePulse{0%,to{opacity:1;box-shadow:0 0 #10b98166}50%{opacity:.8;box-shadow:0 0 0 6px #10b98100}}.context-sidebar{gap:var(--space-4);padding:var(--space-4);background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);flex-direction:column;display:flex}.info-card{background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-4)}.info-card-header{align-items:center;gap:var(--space-2);font-size:var(--text-xs);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.05em;color:var(--text-tertiary);margin-bottom:var(--space-2);display:flex}.info-card-value{color:var(--text-primary);font-weight:var(--font-semibold)}.stage-controls{bottom:var(--space-8);align-items:center;gap:var(--space-4);padding:var(--space-4)var(--space-6);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-subtle);border-radius:var(--radius-full);background:#0006;display:flex;position:absolute}.mic-button-premium{border-radius:var(--radius-full);background:var(--bg-tertiary);border:2px solid var(--border-default);width:64px;height:64px;color:var(--text-secondary);cursor:pointer;justify-content:center;align-items:center;transition:all .2s;display:flex}.mic-button-premium:hover{border-color:var(--accent-primary);color:var(--accent-primary)}.mic-button-premium.active{background:var(--accent-gradient);color:#fff;box-shadow:0 4px 20px var(--accent-primary-glow);border-color:#0000;animation:2s ease-in-out infinite breathe}@keyframes breathe{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.ai-orb-container{z-index:5;flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative}.ai-orb-wrapper{width:160px;height:160px;position:relative}.ai-orb{border-radius:var(--radius-full);background:radial-gradient(circle at 30% 30%,var(--accent-primary)0%,var(--accent-secondary)100%);box-shadow:0 0 60px var(--accent-primary-glow),inset 0 0 40px #ffffff1a;transition:all .3s;position:absolute;top:0;right:0;bottom:0;left:0}.ai-orb.idle{animation:4s ease-in-out infinite orbIdle}.ai-orb.user-speaking{background:radial-gradient(circle at 30% 30%,var(--success)0%,#059669 100%);animation:.8s ease-in-out infinite orbPulse;box-shadow:0 0 80px #10b98180,inset 0 0 40px #ffffff1a}.ai-orb.ai-speaking{background:radial-gradient(circle at 30% 30%,var(--accent-primary)0%,#6366f1 100%);box-shadow:0 0 100px var(--accent-primary-glow),inset 0 0 40px #fff3;animation:1.2s ease-in-out infinite orbSpeak}.ai-orb-inner{border-radius:var(--radius-full);background:radial-gradient(circle at 40% 40%,#fff6,#0000 60%);position:absolute;top:20%;right:20%;bottom:20%;left:20%}.ai-orb-waves{border-radius:var(--radius-full);border:2px solid var(--accent-primary);opacity:0;animation:2s ease-out infinite waveRipple;position:absolute;top:-20px;right:-20px;bottom:-20px;left:-20px}@keyframes orbIdle{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes orbPulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}@keyframes orbSpeak{0%,to{transform:scale(1)rotate(0)}25%{transform:scale(1.03)rotate(1deg)}50%{transform:scale(1.06)rotate(-1deg)}75%{transform:scale(1.03)rotate(1deg)}}@keyframes waveRipple{0%{opacity:.6;transform:scale(1)}to{opacity:0;transform:scale(1.5)}}.ai-orb-status{margin-top:var(--space-6);font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--text-primary);text-align:center}.ai-orb-substatus{margin-top:var(--space-2);font-size:var(--text-sm);color:var(--text-secondary);text-align:center}.voice-controls{bottom:var(--space-8);align-items:center;gap:var(--space-6);padding:var(--space-4)var(--space-8);background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-full);box-shadow:var(--shadow-lg);display:flex;position:absolute;left:50%;transform:translate(-50%)}.feedback-panel{padding:0;animation:.4s fadeIn}.feedback-panel.loading{justify-content:center;align-items:center;gap:var(--space-4);min-height:300px;color:var(--text-secondary);flex-direction:column;display:flex}.score-hero-section{background:linear-gradient(135deg,var(--bg-secondary)0%,var(--bg-tertiary)100%);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:var(--space-8);text-align:center;position:relative;overflow:hidden}.score-hero-section:before{content:"";background:var(--accent-gradient);height:4px;position:absolute;top:0;left:0;right:0}.category-scores{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));display:grid}.category-score-item{background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-4);transition:all .2s}.category-score-item:hover{border-color:var(--accent-primary-dim);background:var(--bg-elevated)}.category-score-item.expanded{border-color:var(--accent-primary);box-shadow:0 4px 12px #6366f126}.category-header{align-items:center;gap:var(--space-3);margin-bottom:var(--space-3);display:flex}.category-icon{font-size:var(--text-lg)}.category-name{font-weight:var(--font-medium);color:var(--text-primary);flex:1}.category-value{font-weight:var(--font-bold);color:var(--accent-primary)}.category-bar{background:var(--bg-elevated);border-radius:var(--radius-full);height:6px;overflow:hidden}.category-fill{border-radius:var(--radius-full);height:100%;transition:width .5s}.strengths-gaps{gap:var(--space-6);margin-top:var(--space-6);grid-template-columns:1fr 1fr;display:grid}.strengths-section h4,.gaps-section h4{align-items:center;gap:var(--space-2);font-size:var(--text-base);margin-bottom:var(--space-4);display:flex}.strengths-section ul,.gaps-section ul{gap:var(--space-3);flex-direction:column;padding:0;list-style:none;display:flex}.strengths-section li,.gaps-section li{padding:var(--space-3);background:var(--bg-tertiary);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--text-secondary);border-left:3px solid #0000}.strengths-section li{border-left-color:var(--success)}.gaps-section li{border-left-color:var(--error)}.star-analysis{gap:var(--space-4);grid-template-columns:repeat(2,1fr);display:grid}.star-component{background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-4)}.star-header{padding-left:var(--space-3);border-left:3px solid var(--accent-secondary);margin-bottom:var(--space-3);justify-content:space-between;align-items:center;display:flex}.star-title{align-items:center;gap:var(--space-2);display:flex}.star-letter{font-size:var(--text-2xl);font-weight:var(--font-bold)}.star-name{font-weight:var(--font-semibold);color:var(--text-primary)}.star-score{font-weight:var(--font-bold);color:var(--accent-primary)}.star-desc{font-size:var(--text-sm);color:var(--text-tertiary);margin-bottom:var(--space-2)}.star-feedback{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.6}.improvement-plan{margin-top:var(--space-6)}.weekly-plan{gap:var(--space-4);margin-top:var(--space-4);grid-template-columns:repeat(4,1fr);display:grid}.week-card{background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-4)}.week-header{margin-bottom:var(--space-3);justify-content:space-between;align-items:center;display:flex}.week-number{font-weight:var(--font-bold);color:var(--accent-primary)}.week-focus{font-size:var(--text-xs);color:var(--text-tertiary);text-transform:uppercase}.week-plan{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.5}.upgrade-prompt{text-align:center;padding:var(--space-10);background:var(--bg-tertiary);border:2px dashed var(--border-default);border-radius:var(--radius-xl);flex-direction:column;align-items:center;display:flex}.upgrade-prompt h3{margin:var(--space-4)0 var(--space-2)}.upgrade-prompt p{max-width:400px;margin-bottom:var(--space-6)}.framework-recommendations{margin-top:var(--space-6)}.framework-list{gap:var(--space-4);margin-top:var(--space-4);grid-template-columns:repeat(3,1fr);display:grid}.framework-card{background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-4)}.framework-card h5{font-size:var(--text-base);margin-bottom:var(--space-2)}.framework-card p{font-size:var(--text-sm);margin-bottom:var(--space-3)}.framework-tags{gap:var(--space-2);flex-wrap:wrap;display:flex}.option-grid{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(140px,1fr));display:grid}.option-card{text-align:center;padding:var(--space-4);background:var(--bg-tertiary);border:2px solid var(--border-subtle);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);flex-direction:column;align-items:center;display:flex}.option-card:hover{border-color:var(--border-default);background:var(--bg-elevated)}.option-card.selected{border-color:var(--accent-primary);background:var(--accent-primary-transparent)}.option-name{font-weight:var(--font-semibold);color:var(--text-primary);font-size:var(--text-sm)}.option-desc{font-size:var(--text-xs);color:var(--text-tertiary);margin-top:var(--space-1)}.persona-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(220px,1fr));display:grid}.persona-card{padding:var(--space-4);background:var(--bg-tertiary);border:2px solid var(--border-subtle);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast)}.persona-card:hover{border-color:var(--border-default)}.persona-card.selected{border-color:var(--accent-primary);background:var(--accent-primary-transparent)}.persona-header{align-items:center;gap:var(--space-2);margin-bottom:var(--space-2);color:var(--text-primary);display:flex}.persona-name{font-weight:var(--font-semibold)}.persona-style{font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--space-3)}.persona-traits{gap:var(--space-1);flex-wrap:wrap;display:flex}.trait-tag{font-size:var(--text-xs);background:var(--bg-secondary);border-radius:var(--radius-sm);color:var(--text-tertiary);padding:2px 6px}.difficulty-options{gap:var(--space-4);display:flex}.difficulty-option{text-align:center;padding:var(--space-4);background:var(--bg-tertiary);border:2px solid var(--border-subtle);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);flex-direction:column;flex:1;align-items:center;display:flex}.difficulty-option:hover{border-color:var(--border-default)}.difficulty-option.selected{border-color:var(--level-color,var(--accent-primary));background:var(--level-color,var(--accent-primary))}@supports (color:color-mix(in lab,red,red)){.difficulty-option.selected{background:color-mix(in srgb,var(--level-color,var(--accent-primary))10%,transparent)}}.diff-indicator{border-radius:var(--radius-full);background:var(--level-color,var(--text-tertiary));width:12px;height:12px;margin-bottom:var(--space-2)}.diff-name{font-weight:var(--font-semibold);color:var(--text-primary)}.diff-desc{font-size:var(--text-xs);color:var(--text-tertiary);margin-top:var(--space-1)}.form-row{gap:var(--space-4);grid-template-columns:1fr 1fr;display:grid}.input-hint{font-size:var(--text-xs);color:var(--text-tertiary);margin-top:var(--space-2)}.input-error-message{align-items:center;gap:var(--space-1);font-size:var(--text-xs);color:var(--error);margin-top:var(--space-1);display:flex}.action-list{gap:var(--space-3);margin-top:var(--space-4);flex-direction:column;display:flex}.action-item{align-items:flex-start;gap:var(--space-3);padding:var(--space-3);background:var(--bg-tertiary);border-radius:var(--radius-md);display:flex}.action-number{border-radius:var(--radius-full);background:var(--accent-primary-transparent);width:24px;height:24px;color:var(--accent-primary);font-size:var(--text-sm);font-weight:var(--font-bold);flex-shrink:0;justify-content:center;align-items:center;display:flex}.action-text{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.5}.empty-state{text-align:center;padding:var(--space-12);color:var(--text-tertiary);flex-direction:column;justify-content:center;align-items:center;display:flex}.empty-message{font-size:var(--text-sm);color:var(--text-tertiary);font-style:italic}.loading-spinner{border:3px solid var(--border-subtle);border-top-color:var(--accent-primary);border-radius:var(--radius-full);width:24px;height:24px;animation:.8s linear infinite spin}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.chat-area{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);flex-direction:column;flex:1;display:flex;overflow:hidden}.grid-2-col{grid-template-columns:1fr 1fr;display:grid}.span-2{grid-column:span 2}.tag-list{gap:var(--space-2);flex-wrap:wrap;align-items:center;display:flex}.badge-primary{background:var(--accent-primary-transparent);color:var(--accent-primary)}.badge-secondary{background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border-subtle);cursor:pointer}.badge-secondary:hover{background:var(--bg-elevated);border-color:var(--border-default)}.btn-icon-sm{border-radius:var(--radius-md);cursor:pointer;width:32px;height:32px;transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex}.btn-icon-sm:hover{background:var(--bg-tertiary)}@media (max-width:1024px){.interview-container{grid-template-columns:1fr}.interview-sidebar{display:none}.active-session-grid{grid-template-columns:1fr}.context-sidebar{display:none}.star-analysis{grid-template-columns:1fr}.weekly-plan{grid-template-columns:repeat(2,1fr)}.framework-list,.strengths-gaps{grid-template-columns:1fr}}@media (max-width:768px){.interview-mode-grid,.form-row,.persona-grid{grid-template-columns:1fr}.difficulty-options{flex-direction:column}.weekly-plan{grid-template-columns:1fr}.voice-controls{padding:var(--space-3)var(--space-4);gap:var(--space-4)}}.setup-wizard{flex-direction:column;width:100%;display:flex}.wizard-header{width:100%;padding:var(--space-6);background:var(--bg-secondary);border-bottom:1px solid var(--border-subtle);margin:0}.wizard-content{width:100%;padding:var(--space-6);flex:1;overflow-y:auto}.step-content{width:100%;max-width:100%}.wizard-footer{width:100%;padding:var(--space-4)var(--space-6);border-top:1px solid var(--border-subtle);background:var(--bg-secondary);justify-content:space-between;align-items:center;display:flex}.upload-zone{width:100%}.page-transition{width:100%;height:100%}.page-enter{animation:.4s cubic-bezier(.4,0,.2,1) forwards pageEnter}.page-exit{animation:.25s cubic-bezier(.4,0,1,1) forwards pageExit}@keyframes pageEnter{0%{opacity:0;transform:translateY(20px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes pageExit{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(-10px)scale(.99)}}.slide-transition{width:100%}.slide-enter-forward{animation:.35s cubic-bezier(.4,0,.2,1) forwards slideEnterForward}.slide-exit-forward{animation:.25s cubic-bezier(.4,0,1,1) forwards slideExitForward}.slide-enter-backward{animation:.35s cubic-bezier(.4,0,.2,1) forwards slideEnterBackward}.slide-exit-backward{animation:.25s cubic-bezier(.4,0,1,1) forwards slideExitBackward}@keyframes slideEnterForward{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}@keyframes slideExitForward{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-30px)}}@keyframes slideEnterBackward{0%{opacity:0;transform:translate(-40px)}to{opacity:1;transform:translate(0)}}@keyframes slideExitBackward{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(30px)}}.fade-transition{--fade-duration:.3s}.fade-out{animation:fadeOut var(--fade-duration)cubic-bezier(.4,0,1,1)forwards}@keyframes fadeOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}.card-transition{animation:.4s cubic-bezier(.4,0,.2,1) forwards cardEnter;animation-delay:var(--card-delay,0s);opacity:0}@keyframes cardEnter{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.scale-enter{animation:.3s cubic-bezier(.34,1.56,.64,1) forwards scaleEnter}@keyframes scaleEnter{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.reveal-enter{animation:.35s cubic-bezier(.4,0,.2,1) forwards revealEnter;overflow:hidden}.reveal-exit{animation:.25s cubic-bezier(.4,0,1,1) forwards revealExit;overflow:hidden}@keyframes revealEnter{0%{opacity:0;max-height:0}to{opacity:1;max-height:1000px}}@keyframes revealExit{0%{opacity:1;max-height:1000px}to{opacity:0;max-height:0}}.shake{animation:.5s cubic-bezier(.36,.07,.19,.97) shake}@keyframes shake{10%,90%{transform:translate(-1px)}20%,80%{transform:translate(2px)}30%,50%,70%{transform:translate(-4px)}40%,60%{transform:translate(4px)}}.pulse-attention{animation:2s cubic-bezier(.4,0,.6,1) infinite pulseAttention}@keyframes pulseAttention{0%,to{opacity:1;box-shadow:0 0 0 0 var(--accent-primary-glow)}50%{opacity:.9;box-shadow:0 0 0 8px #0000}}.skeleton-loading{background:linear-gradient(90deg,var(--bg-tertiary)25%,var(--bg-elevated)50%,var(--bg-tertiary)75%);background-size:200% 100%;animation:1.5s ease-in-out infinite skeletonLoading}@keyframes skeletonLoading{0%{background-position:200% 0}to{background-position:-200% 0}}.transition-all{transition:all var(--transition-base)}.transition-fast{transition:all var(--transition-fast)}.transition-slow{transition:all var(--transition-slow)}.transition-bounce{transition:all var(--transition-bounce)}.hover-lift{transition:transform var(--transition-base),box-shadow var(--transition-base)}.hover-lift:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.content-scrollable>*{animation:.4s cubic-bezier(.4,0,.2,1) forwards contentEnter}@keyframes contentEnter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.info-grid{gap:var(--space-4);margin-top:var(--space-4);grid-template-columns:repeat(2,1fr);display:grid}.info-item{gap:var(--space-2);padding:var(--space-3);background:var(--bg-tertiary);border-radius:var(--radius-md);border:1px solid var(--border-subtle);flex-direction:column;display:flex}.info-item.span-2{grid-column:span 2}.info-label{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em}.info-value{font-size:var(--text-base);font-weight:var(--font-medium);color:var(--text-primary);word-break:break-word}.skills-tags{margin-top:var(--space-4);gap:var(--space-2);flex-direction:column;display:flex}.skills-tags .info-label{margin-bottom:var(--space-1)}.skills-tags .tag-list{gap:var(--space-2);flex-wrap:wrap;display:flex}@media (max-width:640px){.info-grid{grid-template-columns:1fr}.info-item.span-2{grid-column:span 1}}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes thinkingPulse{0%,to{border-color:#22d3ee4d}50%{border-color:#22d3eecc}}.research-thought{animation:.3s ease-out slideUp}.thinking-indicator{animation:1s linear infinite spin}.thinking-border{animation:2s ease-in-out infinite thinkingPulse}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}.text-shimmer{background:linear-gradient(90deg,var(--text-primary)0%,var(--accent-primary)50%,var(--text-primary)100%);-webkit-text-fill-color:transparent;background-size:200%;-webkit-background-clip:text;background-clip:text;animation:2s linear infinite shimmer}@keyframes skeleton-shimmer{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}.skeleton{background:linear-gradient(90deg,var(--bg-tertiary)0%,var(--bg-elevated)50%,var(--bg-tertiary)100%);border-radius:var(--radius-md);background-size:200px 100%;animation:1.2s ease-in-out infinite skeleton-shimmer}.skeleton-text{height:1em;margin-bottom:.5em}.skeleton-text.short{width:40%}.skeleton-text.medium{width:70%}.skeleton-text.long{width:90%}.skeleton-card{height:100px;margin-bottom:1rem}.skeleton-circle{border-radius:50%;width:40px;height:40px}.spin{animation:1s linear infinite spin}@keyframes fade-in-fast{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:.15s ease-out forwards fade-in-fast}.virtualized-list>*{content-visibility:auto;contain-intrinsic-size:0 60px}.gpu-accelerated{will-change:transform,opacity;transform:translateZ(0)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}:root{--sidebar-mobile-width: 100%;--mobile-header-height: 56px;--mobile-nav-height: 60px}@media (max-width: 1400px){:root{--sidebar-width: 240px;--content-max-width: 1200px}.content-scrollable{padding:var(--space-6)}.dashboard,.memory-page,.settings-page{padding:var(--space-5)}.interview-mode-grid{max-width:1200px}}@media (max-width: 1200px){:root{--sidebar-width: 220px}.app-header-premium{padding:0 var(--space-4);gap:var(--space-4)}.quick-stats{padding:6px 12px}.stat-label{display:none}.dashboard-main{grid-template-columns:1fr}.memory-page .dashboard-grid{grid-template-columns:1fr 1fr;gap:var(--space-4)}.story-section-layout{grid-template-columns:280px 1fr;height:auto}}@media (max-width: 1024px){:root{--header-height: 56px;--space-8: 1.5rem;--space-6: 1rem;--text-2xl: 1.375rem;--text-xl: 1.125rem}.sidebar{position:fixed!important;left:-100%!important;top:0;bottom:0;width:280px!important;z-index:1000!important;transition:left .3s cubic-bezier(.4,0,.2,1)!important;box-shadow:none!important;padding:var(--space-4)!important}.sidebar-wrapper.mobile-open .sidebar{left:0!important;box-shadow:0 0 50px #00000080!important}.sidebar-wrapper{display:contents}.sidebar-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;z-index:999;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.sidebar-overlay.visible{opacity:1;visibility:visible}.main-content{margin-left:0!important;width:100%!important}.content-scrollable{padding:var(--space-4);padding-bottom:calc(var(--mobile-nav-height) + var(--space-4))!important}.app-header-premium{height:var(--header-height);padding:0 var(--space-3);gap:var(--space-2)}.header-left{flex:1;display:flex;align-items:center;gap:var(--space-3)}.breadcrumb{display:none!important}.header-center{flex:1;justify-content:center}.quick-stats{padding:4px 10px;gap:var(--space-2);background:#22d3ee0d}.stat-chip svg{width:12px;height:12px}.stat-value{font-size:12px}.time-display,.header-action-btn span{display:none!important}.header-action-btn{padding:8px!important;border-radius:var(--radius-md)!important}.mobile-bottom-nav{position:fixed;bottom:0;left:0;right:0;height:var(--mobile-nav-height);background:var(--bg-base);border-top:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:space-around;padding:0 var(--space-2);z-index:100;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.mobile-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-1) var(--space-2);color:var(--text-tertiary);text-decoration:none;transition:color .2s ease;min-width:44px}.mobile-nav-item.active{color:var(--accent-primary)}.mobile-nav-item svg{width:20px;height:20px;margin-bottom:2px}.mobile-nav-item span{font-size:10px;font-weight:var(--font-medium)}.stats-grid{grid-template-columns:repeat(2,1fr)!important}.quick-actions,.memory-page .dashboard-grid{grid-template-columns:1fr!important}.story-section-layout{grid-template-columns:1fr!important;height:auto!important}.detail-grid,.coach-grid{grid-template-columns:1fr!important}}@media (max-width: 600px){:root{--space-6: .75rem;--space-4: .5rem}.stats-grid{grid-template-columns:1fr!important}.dashboard-hero h1{font-size:var(--text-lg)!important}.streak-badge{display:none!important}}@media (min-width: 1025px){.mobile-bottom-nav,.mobile-menu-btn,.sidebar-overlay{display:none!important}}@supports (padding: max(0px)){.mobile-bottom-nav{padding-bottom:env(safe-area-inset-bottom);height:calc(var(--mobile-nav-height) + env(safe-area-inset-bottom))}}@media (hover: none){.nav-item,.mobile-nav-item,.header-icon-btn,.btn{cursor:default}}