@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Fredoka:wght@400;500;600;700&subset=vietnamese&display=swap";:root{--bg-primary: #0a0a0a;--bg-secondary: #141414;--bg-tertiary: #1e1e1e;--bg-elevated: #2a2a2a;--bg-sidebar: #0d0d0d;--gradient-primary: linear-gradient(135deg, #FFD700 0%, #F59E0B 50%, #D97706 100%);--gradient-secondary: linear-gradient(135deg, #141414 0%, #1e1e1e 100%);--gradient-accent: linear-gradient(135deg, #F59E0B 0%, #FBBF24 100%);--gradient-success: linear-gradient(135deg, #34D399 0%, #6EE7B7 100%);--gradient-sidebar: linear-gradient(180deg, #0d0d0d 0%, #0a0a0a 100%);--gradient-honey: linear-gradient(135deg, rgba(255, 215, 0, .08) 0%, rgba(245, 158, 11, .03) 50%, transparent 100%);--text-primary: #F5F5F5;--text-secondary: #A3A3A3;--text-tertiary: #737373;--accent-gold: #FFD700;--accent-amber: #F59E0B;--accent-honey: #FBBF24;--accent-dark-gold: #D97706;--accent-green: #34D399;--accent-purple: #A78BFA;--accent-blue: #60A5FA;--accent-pink: #F472B6;--accent-cyan: #FFD700;--accent-teal: #F59E0B;--accent-ocean: #FFD700;--border-color: rgba(255, 215, 0, .12);--border-hover: rgba(255, 215, 0, .3);--border-sidebar: rgba(245, 158, 11, .15);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .6);--shadow-md: 0 4px 20px rgba(0, 0, 0, .7);--shadow-lg: 0 8px 40px rgba(0, 0, 0, .75);--shadow-xl: 0 20px 60px rgba(0, 0, 0, .85);--glow-gold: 0 0 25px rgba(255, 215, 0, .4);--glow-amber: 0 0 20px rgba(245, 158, 11, .35);--glow-honey: 0 0 20px rgba(251, 191, 36, .35);--glow-cyan: 0 0 25px rgba(255, 215, 0, .4);--glow-ocean: 0 0 20px rgba(245, 158, 11, .35);--glow-teal: 0 0 20px rgba(251, 191, 36, .35);--glow-purple: 0 0 20px rgba(167, 139, 250, .3);--glow-blue: 0 0 20px rgba(96, 165, 250, .35);--glow-green: 0 0 25px rgba(52, 211, 153, .4);--sidebar-width: 240px;--sidebar-collapsed: 68px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--transition-fast: .2s cubic-bezier(.4, 0, .2, 1);--transition-base: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .3s cubic-bezier(.4, 0, .2, 1)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg-primary);color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;position:relative}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at 20% 80%,rgba(255,215,0,.04) 0%,transparent 50%),radial-gradient(ellipse at 80% 20%,rgba(245,158,11,.03) 0%,transparent 50%),radial-gradient(ellipse at 50% 50%,rgba(251,191,36,.02) 0%,transparent 70%);pointer-events:none;z-index:0;animation:honeyAmbient 20s ease-in-out infinite alternate}@keyframes honeyAmbient{0%{opacity:.6}50%{opacity:1}to{opacity:.7}}#root{min-height:100vh}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2;margin-bottom:.5em}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.75rem}h4{font-size:1.5rem}h5{font-size:1.25rem}h6{font-size:1rem}p{margin-bottom:1rem}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:#ffd70026;border-radius:4px;transition:background var(--transition-base)}::-webkit-scrollbar-thumb:hover{background:#ffd7004d}.glass-card{background:#141414b3;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.5rem;transition:all var(--transition-base)}.glass-card:hover{background:#1e1e1ecc;border-color:var(--border-hover);box-shadow:var(--shadow-lg),0 0 30px #ffd7000f;transform:translateY(-2px)}.btn{padding:.75rem 1.5rem;border-radius:var(--radius-md);border:none;font-size:.95rem;font-weight:600;cursor:pointer;transition:all var(--transition-base);display:inline-flex;align-items:center;gap:.5rem;text-decoration:none;white-space:nowrap;position:relative;overflow:hidden}.btn:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,rgba(255,255,255,.1) 0%,transparent 100%);opacity:0;transition:opacity var(--transition-base)}.btn:hover:before{opacity:1}.btn-primary{background:var(--gradient-primary);color:#0a0a0a;box-shadow:var(--shadow-md);font-weight:700}.btn-primary:hover{box-shadow:var(--shadow-lg),var(--glow-gold);transform:translateY(-2px)}.btn-secondary{background:var(--bg-elevated);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover{background:var(--bg-tertiary);border-color:var(--border-hover)}.btn-accent{background:var(--gradient-accent);color:#0a0a0a;box-shadow:var(--shadow-md);font-weight:700}.btn-accent:hover{box-shadow:var(--shadow-lg),var(--glow-amber);transform:translateY(-2px)}.btn-success{background:var(--gradient-success);color:#0a0a0a;box-shadow:var(--shadow-md)}.btn-success:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.btn:active{transform:translateY(0)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.input{width:100%;padding:.875rem 1rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:.95rem;font-family:inherit;transition:all var(--transition-base)}.input:focus{outline:none;border-color:var(--accent-gold);box-shadow:0 0 0 3px #ffd7001a;background:var(--bg-tertiary)}.input::placeholder{color:var(--text-tertiary)}.select{width:100%;padding:.875rem 1rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:.95rem;font-family:inherit;cursor:pointer;transition:all var(--transition-base)}.select:focus{outline:none;border-color:var(--accent-gold);box-shadow:0 0 0 3px #ffd7001a}.badge{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .75rem;border-radius:999px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.badge-primary{background:#ffd70033;color:var(--accent-gold)}.badge-success{background:#34d39933;color:var(--accent-green)}.badge-warning{background:#f59e0b33;color:#f59e0b}.badge-error{background:#ef444433;color:#ef4444}.progress-bar{width:100%;height:8px;background:var(--bg-secondary);border-radius:999px;overflow:hidden;position:relative}.progress-fill{height:100%;background:var(--gradient-primary);border-radius:999px;transition:width var(--transition-slow);position:relative;overflow:hidden}.progress-fill:after{content:"";position:absolute;top:0;left:0;bottom:0;right:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 2s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.spinner{width:40px;height:40px;border:3px solid var(--bg-elevated);border-top-color:var(--accent-gold);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.tooltip{position:relative}.tooltip:after{content:attr(data-tooltip);position:absolute;bottom:100%;left:50%;transform:translate(-50%) translateY(-8px);padding:.5rem .75rem;background:var(--bg-elevated);color:var(--text-primary);font-size:.8rem;border-radius:var(--radius-sm);white-space:nowrap;opacity:0;pointer-events:none;transition:opacity var(--transition-base);box-shadow:var(--shadow-lg)}.tooltip:hover:after{opacity:1}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes bounceIn{0%{opacity:0;transform:scale(.3) translateY(20px)}50%{opacity:1;transform:scale(1.05) translateY(-5px)}70%{transform:scale(.95) translateY(2px)}to{transform:scale(1) translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes wobble{0%{transform:rotate(0)}25%{transform:rotate(-3deg)}50%{transform:rotate(3deg)}75%{transform:rotate(-1deg)}to{transform:rotate(0)}}@keyframes pulse-glow{0%,to{box-shadow:0 4px 15px #ffd70033}50%{box-shadow:0 4px 25px #ffd70066}}.spin{animation:spin .8s linear infinite}.fade-in{animation:fadeIn var(--transition-base)}.slide-up{animation:slideUp var(--transition-slow)}.slide-down{animation:slideDown var(--transition-slow)}.scale-in{animation:scaleIn var(--transition-slow)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.text-sm{font-size:.875rem}.text-base{font-size:1rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}.w-full{width:100%}.h-full{height:100%}.cursor-pointer{cursor:pointer}.select-none{-webkit-user-select:none;user-select:none}.rv-ref-list{display:flex;flex-direction:column;gap:.5rem;padding:.5rem 0}.rv-ref-card{display:flex;align-items:center;gap:.75rem;padding:.5rem;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);transition:all var(--transition-base);cursor:pointer}.rv-ref-card:hover{border-color:var(--border-hover);background:var(--bg-elevated);box-shadow:0 0 12px #ffd70014}.rv-ref-thumb{width:56px;height:56px;border-radius:var(--radius-sm);object-fit:cover;border:1px solid var(--border-color);flex-shrink:0;background:var(--bg-secondary)}.rv-ref-icon{width:56px;height:56px;border-radius:var(--radius-sm);background:var(--bg-secondary);border:1px solid var(--border-color);display:flex;align-items:center;justify-content:center;font-size:1.5rem;flex-shrink:0}.rv-ref-info{display:flex;flex-direction:column;gap:.15rem;min-width:0}.rv-ref-name{font-size:.85rem;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rv-ref-type{font-size:.7rem;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px}.rv-empty{text-align:center;padding:1.5rem .5rem}.rv-empty-text{font-size:.85rem;color:var(--text-secondary);margin-bottom:.25rem}.rv-empty-subtext{font-size:.75rem;color:var(--text-tertiary)}.rv-prompt-tabs{display:flex;gap:.35rem;padding:.5rem .75rem;background:var(--bg-secondary);border-bottom:1px solid var(--border-color)}.rv-prompt-tab{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .75rem;border:1px solid var(--border-color);border-radius:999px;background:transparent;color:var(--text-secondary);font-size:.72rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.rv-prompt-tab:hover{border-color:var(--border-hover);color:var(--text-primary);background:var(--bg-tertiary)}.rv-prompt-tab--active{background:#ffd7001f;border-color:var(--accent-gold);color:var(--accent-gold);font-weight:600}.rv-prompt-tab-count{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 4px;border-radius:999px;background:#ffffff14;font-size:.65rem;font-weight:600}.rv-prompt-tab--active .rv-prompt-tab-count{background:#ffd70033;color:var(--accent-gold)}.rv-ref-entry{padding:.75rem;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);transition:all var(--transition-base);margin-bottom:.5rem}.rv-ref-entry:hover{border-color:var(--accent-purple);background:var(--bg-elevated)}.rv-ref-entry-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.4rem}.rv-ref-entry-name{font-size:.85rem;font-weight:700;color:var(--accent-purple)}.rv-ref-entry-badge{font-size:.6rem;font-weight:600;padding:.1rem .4rem;border-radius:999px;background:#a78bfa26;color:var(--accent-purple);text-transform:uppercase;letter-spacing:.5px}.rv-ref-entry-desc{font-size:.72rem;color:var(--text-secondary);line-height:1.5;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;margin:0}