@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Space+Grotesk:wght@400;500;600;700&display=swap";
@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-border-style:solid;--tw-duration:initial}}}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.h-full{height:100%}.w-full{width:100%}.flex-1{flex:1}.shrink-0{flex-shrink:0}.cursor-pointer{cursor:pointer}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.flex-col{flex-direction:column}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.rounded-full{border-radius:3.40282e38px}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.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))}.text-center{text-align:center}.text-left{text-align:left}.italic{font-style:italic}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.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,-webkit-backdrop-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)}.duration-300{--tw-duration:.3s;transition-duration:.3s}@media (hover:hover){.hover\:opacity-90:hover{opacity:.9}}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.disabled\:opacity-40:disabled{opacity:.4}.disabled\:opacity-50:disabled{opacity:.5}:root{--bg-primary:#0a0a0f;--bg-secondary:#111118;--bg-card:#16161f;--bg-card-hover:#1c1c28;--border:#ffffff12;--border-accent:#8b5cf666;--text-primary:#f1f1f5;--text-secondary:#9898b3;--text-muted:#5c5c78;--accent:#8b5cf6;--accent-2:#6366f1;--accent-glow:#8b5cf640;--success:#10b981;--warning:#f59e0b;--danger:#ef4444;--info:#3b82f6}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg-primary);color:var(--text-primary);min-height:100vh;font-family:Inter,sans-serif;font-size:14px;line-height:1.6;overflow-x:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:#8b5cf666;border-radius:6px}::-webkit-scrollbar-thumb:hover{background:var(--accent)}.glass-card{-webkit-backdrop-filter:blur(20px);border:1px solid var(--border);background:#16161fd9;border-radius:16px}.glass-card-hover{transition:border-color .2s,background .2s,box-shadow .2s}.glass-card-hover:hover{border-color:var(--border-accent);box-shadow:0 0 30px var(--accent-glow);background:#1c1c28e6}.glow-accent{box-shadow:0 0 40px var(--accent-glow), 0 0 80px #8b5cf614}.gradient-text{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#a78bfa,#818cf8,#38bdf8);-webkit-background-clip:text;background-clip:text}.gradient-text-hot{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#f97316,#ef4444,#a855f7);-webkit-background-clip:text;background-clip:text}.btn-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#8b5cf6,#6366f1);border:none;border-radius:10px;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:600;transition:opacity .2s,transform .1s,box-shadow .2s;display:inline-flex}.btn-primary:hover{opacity:.9;box-shadow:0 4px 20px var(--accent-glow);transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-ghost{color:var(--text-secondary);border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:10px;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:500;transition:all .2s;display:inline-flex}.btn-ghost:hover{background:var(--bg-card-hover);color:var(--text-primary);border-color:var(--border-accent)}.score-badge{border-radius:20px;align-items:center;gap:4px;padding:3px 10px;font-size:11px;font-weight:600;display:inline-flex}.score-high{color:#10b981;background:#10b98126;border:1px solid #10b9814d}.score-medium{color:#f59e0b;background:#f59e0b26;border:1px solid #f59e0b4d}.score-low{color:#ef4444;background:#ef444426;border:1px solid #ef44444d}.category-chip{letter-spacing:.05em;text-transform:uppercase;border-radius:12px;align-items:center;gap:4px;padding:2px 9px;font-size:10px;font-weight:700;display:inline-flex}.cat-hook{color:#f87171;background:#ef44441f;border:1px solid #ef444440}.cat-humor{color:#fbbf24;background:#fbbf241f;border:1px solid #fbbf2440}.cat-education{color:#60a5fa;background:#3b82f61f;border:1px solid #3b82f640}.cat-motivation{color:#34d399;background:#10b9811f;border:1px solid #10b98140}.cat-emotion{color:#c084fc;background:#a855f71f;border:1px solid #a855f740}.status-dot{border-radius:50%;width:8px;height:8px;display:inline-block}.status-pending{background:var(--text-muted)}.status-processing{background:var(--warning);animation:1.5s infinite pulse}.status-completed{background:var(--success)}.status-failed{background:var(--danger)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.progress-bar{background:#ffffff12;border-radius:4px;height:4px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#8b5cf6,#6366f1);border-radius:4px;height:100%;transition:width .4s}.sidebar{background:var(--bg-secondary);border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;width:240px;min-height:100vh;display:flex}.input-field{border:1px solid var(--border);width:100%;color:var(--text-primary);background:#ffffff0a;border-radius:10px;outline:none;padding:12px 16px;font-family:Inter,sans-serif;font-size:14px;transition:border-color .2s,box-shadow .2s}.input-field:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.input-field::placeholder{color:var(--text-muted)}.rank-1{color:#000;background:linear-gradient(135deg,#f59e0b,#fbbf24)}.rank-2{color:#000;background:linear-gradient(135deg,#6b7280,#9ca3af)}.rank-3{color:#fff;background:linear-gradient(135deg,#92400e,#b45309)}.rank-badge{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:11px;font-weight:800;display:flex}.rank-default{color:var(--text-secondary);background:#ffffff0f}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-duration{syntax:"*";inherits:false}