:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#e5e7eb;background:radial-gradient(circle at top,#e0f2fe 0,#020617 55%);font-family:system-ui,-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,sans-serif}*,:before,:after{box-sizing:border-box}body{min-height:100vh;margin:0}#root,.app-root{min-height:100vh}.app{color:#0f172a;flex-direction:column;min-height:100vh;transition:background .35s,color .35s;display:flex}.app-landing{background:radial-gradient(circle at top,#020617 0 35%,#000112 100%);justify-content:center;align-items:center;padding:2.8rem;display:flex;position:relative;overflow:hidden!important}.app-landing:before{content:"";opacity:.25;pointer-events:none;background-image:linear-gradient(#0f172a99 1px,#0000 1px),linear-gradient(90deg,#0f172a99 1px,#0000 1px);background-size:40px 40px;position:absolute;inset:-40px}.app-landing:after{content:"";mix-blend-mode:screen;opacity:.4;filter:blur(4px);background:radial-gradient(circle at 20% 20%,#38bdf873,#0000 65%),radial-gradient(circle at 80% 10%,#2563eb59,#0000 70%);border-radius:999px;width:520px;height:520px;animation:18s ease-in-out infinite alternate landing-glow;position:absolute;top:-220px;right:-120px}.landing-card{text-align:center;-webkit-backdrop-filter:blur(22px);background:radial-gradient(circle at top,#94a3b814,#0000 60%),linear-gradient(135deg,#020617,#020817 40%,#020b1d 100%);flex-direction:column;justify-content:center;align-items:center;animation:.7s ease-out forwards card-pop-in;display:flex;position:absolute;top:0;left:0;width:100vw!important;max-width:100vw!important;height:100vh!important;max-height:100vh!important;box-shadow:none!important;border:none!important;border-radius:0!important;margin:0!important;padding:0!important;overflow:hidden!important}.landing-card:before{content:"";border-radius:inherit;-webkit-mask-composite:xor;opacity:.55;background:conic-gradient(from 180deg,#38bdf840,#3b82f699,#818cf899,#38bdf840);padding:1px;animation:20s linear infinite border-spin;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.landing-card:after{content:"";opacity:.3;filter:blur(12px);mix-blend-mode:screen;background:radial-gradient(circle at 40% 40%,#22c55e73,#0000 72%);border-radius:999px;width:360px;height:360px;position:absolute;bottom:-140px;left:-90px}.landing-card>*{z-index:1;position:relative}.landing-card:hover{transition:transform .35s cubic-bezier(.21,.9,.35,1),box-shadow .35s ease-out;transform:translateY(-6px)translateZ(0);box-shadow:0 52px 190px #0f172a,0 0 0 1px #94a3b866}.landing-badge{letter-spacing:.09em;text-transform:uppercase;color:#e5e7eb;background:#0f172ae6;border:1px solid #94a3b899;border-radius:999px;align-items:center;gap:.4rem;margin-bottom:1.3rem;padding:.32rem .95rem;font-size:.75rem;display:inline-flex;box-shadow:0 0 32px #0f172ae6}.landing-badge:before{content:"";background:radial-gradient(circle at 30% 30%,#22c55e,#16a34a);border-radius:999px;width:8px;height:8px;box-shadow:0 0 18px #22c55ef2}.landing-title{letter-spacing:.22em;text-transform:uppercase;justify-content:center;align-items:baseline;gap:.18rem;margin-bottom:.8rem;font-size:clamp(2.7rem,4.8vw,3.1rem);font-weight:700;display:flex}.landing-title-main{background:linear-gradient(120deg,#e5f2ff,#38bdf8,#0ea5e9);color:#0000;text-shadow:0 0 30px #38bdf8e6,0 8px 22px #0f172ae6;-webkit-background-clip:text}.landing-title-sub{color:#e5e7eb;text-shadow:0 6px 18px #0f172acc}.landing-subtitle{color:#dbeafe;text-align:center;text-shadow:0 4px 14px #0f172ae6;max-width:32rem;margin:.2rem auto 0;font-size:1.05rem;line-height:1.8}.landing-explainer{color:#94a3b8;max-width:34rem;margin-top:.7rem;margin-left:auto;margin-right:auto;font-size:.9rem;line-height:1.7}.landing-upload-area{flex-wrap:wrap;justify-content:center;align-items:center;gap:.9rem;margin-top:2.2rem;display:flex}.file-input{cursor:pointer;white-space:nowrap;background:radial-gradient(circle at 0 0,#020617,#020617 70%);border:1px solid #94a3b8cc;border-radius:999px;align-items:center;gap:.6rem;padding:.78rem 1.3rem;font-size:.9rem;display:inline-flex;position:relative;box-shadow:0 18px 40px #0f172ae6}.file-input input{opacity:0;cursor:pointer;position:absolute;inset:0}.file-input span{color:#e5e7eb;text-overflow:ellipsis;max-width:260px;overflow:hidden}.primary-btn{color:#0f172a;cursor:pointer;background:linear-gradient(120deg,#38bdf8,#0ea5e9);border:none;border-radius:999px;outline:none;justify-content:center;align-items:center;gap:.35rem;padding:.9rem 1.7rem;font-size:.9rem;font-weight:600;transition:transform .18s ease-out,box-shadow .18s ease-out,filter .18s ease-out;display:inline-flex;position:relative;overflow:hidden;transform:translateY(0);box-shadow:0 20px 52px #38bdf8b3}.primary-btn:before{content:"";opacity:0;background:radial-gradient(circle at 10% 0,#ffffffa6,#0000 55%);transition:opacity .22s ease-out,transform .22s ease-out;position:absolute;inset:-40%;transform:translate(-40%)}.primary-btn:after{content:"";border-radius:inherit;opacity:.5;mix-blend-mode:soft-light;border:1px solid #f8fafc73;position:absolute;inset:-12px}.primary-btn:hover:not(:disabled){filter:brightness(1.07);transform:translateY(-2px);box-shadow:0 28px 72px #38bdf8e6}.primary-btn:hover:before{opacity:1;transform:translate(0)}.primary-btn:disabled{opacity:.65;cursor:default;box-shadow:none}.landing-steps{color:#64748b;justify-content:center;align-items:center;gap:.35rem;margin-top:1.2rem;font-size:.8rem;display:flex}.step-pill{color:#e5e7eb;background:#0f172ae6;border:1px solid #94a3b88c;border-radius:999px;padding:.18rem .55rem}.step-arrow{opacity:.85}.made-by{color:#64748b;text-transform:lowercase;letter-spacing:.12em;font-size:.78rem;animation:3.5s ease-in-out infinite subtle-fade;position:absolute;bottom:.7rem;right:2rem}.made-by span{color:#cbd5f5;font-weight:500}@keyframes subtle-fade{0%,to{opacity:.4}50%{opacity:1}}.fade-in-up{opacity:0;animation:.7s ease-out forwards fade-in-up;transform:translateY(14px)}@keyframes fade-in-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes border-spin{to{transform:rotate(360deg)}}@keyframes landing-glow{0%{opacity:.3;transform:translate(10px)}50%{opacity:.5;transform:translate(-15px,20px)}to{opacity:.35;transform:translate(5px,-10px)}}@keyframes card-pop-in{0%{opacity:0;transform:translateY(20px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.error-text{color:#fecaca;margin-top:.75rem;font-size:.82rem}.app-chat{background:radial-gradient(circle at top,#020617 0 40%,#000112 100%);flex-direction:column;gap:.75rem;padding:.4rem 1.6rem 1.4rem;display:flex;position:relative;overflow:hidden}.app-chat:before{content:"";opacity:.45;filter:blur(4px);pointer-events:none;background:radial-gradient(circle,#38bdf873,#0000 65%);border-radius:999px;width:520px;height:520px;position:absolute;top:-120px;left:50%;transform:translate(-50%)}.app-chat:after{content:"";opacity:.25;pointer-events:none;background-image:linear-gradient(#1f293752 1px,#0000 1px),linear-gradient(90deg,#1f293752 1px,#0000 1px);background-size:36px 36px;position:absolute;inset:40% -60px -60px}.chat-header{z-index:1;color:#e5e7eb;background:radial-gradient(circle at 0 0,#020617,#020617 80%);border:1px solid #94a3b880;border-radius:999px;justify-content:space-between;align-items:center;gap:1rem;padding:.9rem 1.4rem;display:flex;position:relative;box-shadow:0 24px 60px #0f172af2,0 0 0 1px #0f172ae6}.chat-header-left,.chat-header-right{align-items:center;gap:.75rem;display:flex}.logo-circle{color:#020617;background:radial-gradient(circle at 30% 20%,#38bdf8,#0ea5e9);border-radius:999px;justify-content:center;align-items:center;width:36px;height:36px;font-size:.95rem;font-weight:700;display:flex;box-shadow:0 0 30px #38bdf8e6}.header-title{font-size:1rem;font-weight:600}.header-subtitle{color:#9ca3af;font-size:.8rem}.ghost-btn{color:#e5e7eb;cursor:pointer;background:#0f172abf;border:1px solid #94a3b8b3;border-radius:999px;align-items:center;gap:.25rem;padding:.4rem .95rem;font-size:.8rem;transition:background .18s,transform .18s,box-shadow .18s;display:inline-flex}.ghost-btn:hover{background:#0f172af2;transform:translateY(-1px);box-shadow:0 10px 24px #0f172ad9}.chat-main{z-index:1;flex-direction:column;flex:1;gap:.6rem;min-height:0;display:flex;position:relative}.chat-layout{flex:1;gap:.8rem;min-height:0;display:flex}.messages-area{background:radial-gradient(circle at 0 0,#020617,#020617 60%,#00010b);border:1px solid #1f2937e6;border-radius:1.9rem;flex:1.7;min-height:0;padding:1.05rem;box-shadow:0 28px 72px #0f172a,0 0 0 1px #0f172ae6}.messages-scroll{flex-direction:column;gap:.75rem;height:100%;max-height:calc(100vh - 230px);padding-right:.2rem;display:flex;overflow-y:auto}.messages-scroll::-webkit-scrollbar{width:6px}.chat-sidebar::-webkit-scrollbar{width:6px}.messages-scroll::-webkit-scrollbar-track{background:0 0}.chat-sidebar::-webkit-scrollbar-track{background:0 0}.messages-scroll::-webkit-scrollbar-thumb{background:linear-gradient(#38bdf8,#0ea5e9);border-radius:999px}.chat-sidebar::-webkit-scrollbar-thumb{background:linear-gradient(#38bdf8,#0ea5e9);border-radius:999px}.message-bubble{color:#e5e7eb;border-radius:1rem;max-width:80%;padding:.7rem .9rem;font-size:.9rem;line-height:1.5;animation:.25s ease-out message-fade-in}.message-user{color:#0f172a;background:linear-gradient(135deg,#38bdf8,#0ea5e9);border-bottom-right-radius:.4rem;margin-left:auto;box-shadow:0 12px 28px #38bdf88c}.message-assistant{background:#0f172afa;border:1px solid #374151f2;border-bottom-left-radius:.4rem;margin-right:auto;box-shadow:0 12px 28px #0f172ae6}.message-role{text-transform:uppercase;letter-spacing:.08em;opacity:.7;margin-bottom:.25rem;font-size:.7rem}.typing-bubble{flex-direction:column;display:inline-flex}.typing-dots{gap:.25rem;display:inline-flex}.typing-dots span{background:#e5e7eb;border-radius:999px;width:6px;height:6px;animation:.9s ease-in-out infinite typing-bounce}.typing-dots span:nth-child(2){animation-delay:.15s}.typing-dots span:nth-child(3){animation-delay:.3s}@keyframes typing-bounce{0%,80%,to{opacity:.4;transform:translateY(0)}40%{opacity:1;transform:translateY(-3px)}}@keyframes message-fade-in{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}.chat-sidebar{flex-direction:column;flex:1;gap:.7rem;max-width:320px;max-height:calc(100vh - 210px);padding-right:.2rem;display:flex;overflow-y:auto}.sidebar-card{color:#e5e7eb;background:radial-gradient(circle at 0 0,#020617,#00010b 90%);border:1px solid #374151f2;border-radius:1.5rem;padding:.9rem 1.05rem;font-size:.82rem;line-height:1.5;box-shadow:0 18px 44px #0f172a,0 0 0 1px #0f172ae6}.sidebar-label{text-transform:uppercase;letter-spacing:.1em;color:#9ca3af;margin-bottom:.4rem;font-size:.72rem}.sidebar-body{color:#d1d5db;margin:0;font-size:.8rem}.sidebar-list{color:#d1d5db;margin:.15rem 0 0;padding-left:1.1rem;font-size:.8rem}.sidebar-list li+li{margin-top:.2rem}.score-row{align-items:center;gap:.9rem;display:flex}.score-circle{border:2px solid #38bdf8d9;border-radius:999px;flex-direction:column;justify-content:center;align-items:center;width:70px;height:70px;font-family:system-ui,-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,sans-serif;display:flex;box-shadow:0 0 30px #38bdf8b3}.score-main{font-size:1.35rem;font-weight:700}.score-out-of{color:#9ca3af;font-size:.65rem}.score-details{flex:1}.score-label{color:#e5e7eb;margin-bottom:.25rem;font-size:.82rem}.score-bar{background:#1f2937e6;border-radius:999px;width:100%;height:6px;margin-bottom:.4rem;overflow:hidden}.score-bar-fill{border-radius:inherit;background:linear-gradient(90deg,#38bdf8,#0ea5e9);height:100%}.rolefit-block{flex-direction:column;gap:.35rem;margin-top:.55rem;display:flex}.mini-bar-row{grid-template-columns:auto 1fr auto;align-items:center;gap:.35rem;font-size:.75rem;display:grid}.mini-bar-label{color:#d1d5db}.mini-bar-track{background:#1f2937e6;border-radius:999px;height:4px;overflow:hidden}.mini-bar-fill{border-radius:inherit;background:#38bdf8e6;height:100%}.mini-bar-value{color:#9ca3af;font-size:.72rem}.skills-wrap{flex-wrap:wrap;gap:.3rem;margin-top:.4rem;display:flex}.skill-pill{color:#e5e7eb;background:#0f172af5;border:1px solid #374151e6;border-radius:999px;padding:.18rem .55rem;font-size:.75rem}.skill-pill-muted{opacity:.7}.chat-input-bar{z-index:1;align-items:flex-end;gap:.75rem;margin-top:.15rem;display:flex;position:relative}.chat-textarea{resize:none;color:#f9fafb;background:#0f172ae6;border:1px solid #374151d9;border-radius:1.2rem;flex:1;min-height:56px;max-height:140px;padding:.75rem .9rem;font-size:.9rem;line-height:1.5}.chat-textarea::placeholder{color:#6b7280}.chat-textarea:disabled{opacity:.6}.send-btn{height:40px;padding-inline:1.1rem}.error-banner{z-index:1;color:#fee2e2;background:#7f1d1de6;border:1px solid #f87171b3;border-radius:.9rem;margin-top:.3rem;padding:.45rem .7rem;font-size:.78rem;position:relative}.theme-toggle{justify-content:center;align-items:center;display:flex}.switch{perspective:80px;width:52px;height:26px;display:inline-block;position:relative}.switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;background:linear-gradient(135deg,#020617,#0b1120);border-radius:999px;transition:background .3s,box-shadow .3s,transform .3s;position:absolute;inset:0;box-shadow:0 6px 14px #0f172acc,0 0 0 1px #0f172ae6}.slider:after{content:"";border-radius:inherit;opacity:.6;background:radial-gradient(circle at 20%,#38bdf840,#0000 60%);transition:opacity .3s,background .3s;position:absolute;inset:3px}.slider:before{content:"🌙";color:#e5e7eb;transform-origin:50%;background:radial-gradient(circle at 30% 30%,#0f172a,#020617);border-radius:999px;justify-content:center;align-items:center;width:20px;height:20px;font-size:12px;transition:transform .35s cubic-bezier(.22,.8,.35,1),box-shadow .35s,background .35s,color .25s;display:flex;position:absolute;top:3px;left:3px;transform:translateZ(0)translate(0)rotateY(0);box-shadow:0 4px 8px #0f172ae6,0 0 0 1px #0f172ae6}.switch input:checked+.slider{background:linear-gradient(135deg,#facc15,#fb923c);transform:rotateX(10deg)rotateY(-10deg)translateZ(0);box-shadow:0 6px 16px #f8b524a6,0 0 0 1px #f8fafc66}.switch input:checked+.slider:after{opacity:.9;background:radial-gradient(circle at 80%,#fcd34d73,#0000 65%)}.switch input:checked+.slider:before{content:"☀️";color:#c05621;background:radial-gradient(circle at 30% 30%,#fef3c7,#fed7aa);transform:translate(24px)rotateY(180deg)translateZ(2px);box-shadow:0 5px 12px #f97316b3,0 0 0 1px #f8fafccc}.switch input:active+.slider:before{transform:translate(0)translateZ(4px)scale(.92)}.switch input:active:checked+.slider:before{transform:translate(24px)translateZ(4px)scale(.92)rotateY(180deg)}@keyframes knob-pop{0%{transform:translate(0)translateZ(0)scale(1)}40%{transform:translate(1px)translateZ(4px)scale(1.07)}to{transform:translate(0)translateZ(0)scale(1)}}.switch input:focus-visible+.slider:before{outline:none;animation:.35s ease-out knob-pop}.app-landing.light,.app-chat.light{background:radial-gradient(circle at top,#fdf2ff 0,#e0f2fe 40%,#cffafe 100%)}.app-landing.light:before,.app-chat.light:after{opacity:.15}.app-chat.light:before{background:radial-gradient(circle,#60a5fa66,#0000 65%)}.light .landing-card{background:linear-gradient(135deg,#fdf4ff,#ecfeff);border-color:#94a3b859;box-shadow:0 28px 80px #0f172a2e,0 0 0 1px #e2e8f0e6}.light .landing-card:before{opacity:.3}.light .landing-card:after{background:radial-gradient(circle at 40% 40%,#22c55e33,#0000 70%)}.light .landing-badge{color:#111827;box-shadow:none;background:#0f172a14;border-color:#94a3b880}.light .landing-badge:before{box-shadow:none}.light .landing-title-main{background:linear-gradient(120deg,#0f172a,#1f2937);color:#0000;text-shadow:none;-webkit-background-clip:text}.light .landing-title-sub{color:#111827;text-shadow:none}.light .landing-subtitle{color:#4b5563;text-shadow:none}.light .landing-explainer,.light .landing-steps{color:#6b7280}.light .step-pill{color:#111827;background:#f9fafbf2;border-color:#d1d5dbe6}.light .file-input{box-shadow:none;background:#0f172a0a;border-color:#94a3b8b3}.light .file-input span{color:#111827}.light .chat-header{color:#111827;background:linear-gradient(135deg,#f9f5ff,#e0f2fe);border-color:#d1d5dbe6;box-shadow:0 22px 60px #0f172a26,0 0 0 1px #e5e7ebe6}.light .header-subtitle{color:#6b7280}.light .ghost-btn{color:#111827;background:#f9fafbf2;border-color:#d1d5dbe6}.light .ghost-btn:hover{background:#e5edff;box-shadow:0 10px 24px #94a3b866}.light .messages-area{background:linear-gradient(135deg,#f9fafb,#eef2ff);border-color:#d1d5dbe6;box-shadow:0 22px 70px #0f172a1a,0 0 0 1px #e5e7ebe6}.light .sidebar-card{color:#111827;background:linear-gradient(135deg,#fff,#eef2ff);border-color:#d1d5dbe6;box-shadow:0 16px 40px #0f172a14,0 0 0 1px #e5e7ebe6}.light .sidebar-label{color:#6b7280}.light .sidebar-body,.light .sidebar-list{color:#4b5563}.light .score-circle{border-color:#3b82f699;box-shadow:0 0 18px #3b82f659}.light .score-out-of{color:#9ca3af}.light .score-bar{background:#e5e7ebe6}.light .score-bar-fill{background:linear-gradient(90deg,#4f46e5,#6366f1)}.light .mini-bar-track{background:#e5e7ebe6}.light .mini-bar-fill{background:#3b82f6e6}.light .mini-bar-label{color:#374151}.light .mini-bar-value{color:#6b7280}.light .skill-pill{color:#111827;background:#f9fafbf5;border-color:#d1d5dbe6}.light .message-user{color:#f9fafb;background:linear-gradient(135deg,#4f46e5,#6366f1);box-shadow:0 12px 28px #4f46e573}.light .message-assistant{color:#111827;background:linear-gradient(135deg,#fff,#eef2ff);border-color:#d1d5dbe6;box-shadow:0 12px 28px #94a3b859}.light .chat-textarea{color:#111827;background:linear-gradient(135deg,#f9fafb,#eff6ff);border-color:#d1d5dbe6}@media (max-width:640px){.app-landing{padding:1.7rem}.landing-card{border-radius:1.9rem;padding:2rem 1.7rem 1.8rem}.landing-upload-area{flex-direction:column;align-items:stretch}.file-input{justify-content:center;width:100%}.landing-steps{flex-wrap:wrap;row-gap:.25rem}.chat-header{flex-direction:column;align-items:flex-start}.chat-layout{flex-direction:column}.chat-sidebar{max-width:100%;max-height:none}.chat-input-bar{flex-direction:column}.chat-textarea{width:100%}.send-btn{justify-content:center;width:100%}.message-bubble{max-width:100%}.made-by{text-align:center;color:#64748b;letter-spacing:.12em;margin-top:1.8rem;font-size:.78rem;animation:3.5s ease-in-out infinite subtle-fade;position:static}.made-by span{color:#cbd5f5;text-transform:none;font-weight:500}.score-row{align-items:flex-start}}