@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";:root{--color-primary:#7c3aed;--color-primary-light:#8b5cf6;--color-primary-dark:#6d28d9;--color-primary-50:#f5f3ff;--color-primary-100:#ede9fe;--color-primary-200:#ddd6fe;--color-secondary:#ec4899;--color-secondary-light:#f472b6;--color-secondary-dark:#db2777;--color-accent:#06b6d4;--color-bg:#0f0a1e;--color-bg-elevated:#1a1030;--color-bg-card:#1e1535;--color-bg-card-hover:#251c42;--color-border:#ffffff14;--color-border-strong:#ffffff26;--color-text-primary:#f1f0f5;--color-text-secondary:#a89fc4;--color-text-muted:#6b6484;--emotion-frustration:#f97316;--emotion-love:#ec4899;--emotion-anger:#ef4444;--emotion-sadness:#3b82f6;--emotion-gratitude:#22c55e;--emotion-missing:#8b5cf6;--emotion-relationship:#f472b6;--emotion-funny:#eab308;--emotion-appreciation:#14b8a6;--emotion-apology:#a78bfa;--emotion-motivation:#f97316;--emotion-confession:#6366f1;--emotion-other:#94a3b8;--reaction-love:#ec4899;--reaction-funny:#eab308;--reaction-sad:#3b82f6;--reaction-angry:#ef4444;--reaction-support:#14b8a6;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--font-sans:"Plus Jakarta Sans", "Inter", system-ui, sans-serif;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-size-5xl:3rem;--font-size-6xl:3.75rem;--shadow-sm:0 1px 3px #0006;--shadow-md:0 4px 16px #0000004d;--shadow-lg:0 8px 32px #0006;--shadow-glow:0 0 24px #7c3aed40;--shadow-glow-pink:0 0 24px #ec489940;--radius-sm:6px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--transition-fast:.15s ease;--transition-base:.25s ease;--transition-slow:.4s ease;--sidebar-width:260px;--right-panel-width:320px;--content-max:680px;--nav-height-mobile:64px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-sans);font-size:var(--font-size-base);color:var(--color-text-primary);background-color:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;line-height:1.6}#root{min-height:100vh}a{color:inherit;text-decoration:none}img,svg{max-width:100%;height:auto}button{cursor:pointer;background:0 0;border:none;font-family:inherit}input,textarea,select{font-family:inherit}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{border-radius:var(--radius-full);background:#ffffff1f}::-webkit-scrollbar-thumb:hover{background:#fff3}h1,h2,h3,h4,h5,h6{letter-spacing:-.02em;font-weight:700;line-height:1.2}.text-xs{font-size:var(--font-size-xs)}.text-sm{font-size:var(--font-size-sm)}.text-base{font-size:var(--font-size-base)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.text-2xl{font-size:var(--font-size-2xl)}.text-3xl{font-size:var(--font-size-3xl)}.text-muted{color:var(--color-text-secondary)}.btn{align-items:center;gap:var(--space-2);border-radius:var(--radius-full);font-size:var(--font-size-sm);transition:all var(--transition-base);white-space:nowrap;cursor:pointer;font-weight:600;font-family:var(--font-sans);border:none;padding:10px 20px;display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--color-primary), var(--color-secondary));color:#fff;box-shadow:0 4px 16px #7c3aed59}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 24px #7c3aed80}.btn-primary:active{transform:translateY(0)}.btn-secondary{color:var(--color-text-primary);border:1px solid var(--color-border);background:#ffffff14}.btn-secondary:hover{border-color:var(--color-border-strong);background:#ffffff1f}.btn-ghost{color:var(--color-text-secondary);background:0 0;padding:8px 12px}.btn-ghost:hover{color:var(--color-text-primary);background:#ffffff0f}.btn-sm{font-size:var(--font-size-xs);padding:6px 14px}.btn-lg{font-size:var(--font-size-base);padding:14px 28px}.btn-icon{border-radius:var(--radius-md);padding:8px}.card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:all var(--transition-base);overflow:hidden}.card:hover{border-color:var(--color-border-strong);background:var(--color-bg-card-hover)}.card-elevated{box-shadow:var(--shadow-md)}.card-body{padding:var(--space-5)}.card-body-lg{padding:var(--space-6)}.form-group{gap:var(--space-2);flex-direction:column;display:flex}.form-label{font-size:var(--font-size-sm);color:var(--color-text-secondary);letter-spacing:.04em;text-transform:uppercase;font-weight:600}.form-input{border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:var(--font-size-base);transition:all var(--transition-base);background:#ffffff0d;outline:none;width:100%;padding:12px 16px}.form-input:focus{border-color:var(--color-primary-light);background:#7c3aed14;box-shadow:0 0 0 3px #7c3aed26}.form-input::placeholder{color:var(--color-text-muted)}.form-textarea{resize:vertical;min-height:160px;line-height:1.7}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.skeleton{border-radius:var(--radius-sm);background:linear-gradient(90deg,#ffffff0d 25%,#ffffff1a 50%,#ffffff0d 75%) 0 0/1000px 100%;animation:2s infinite shimmer}.skeleton-text{border-radius:var(--radius-full);height:14px}.skeleton-title{border-radius:var(--radius-full);height:20px}.skeleton-avatar{border-radius:var(--radius-full);flex-shrink:0;width:40px;height:40px}.skeleton-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5);gap:var(--space-3);flex-direction:column;display:flex}.chip{align-items:center;gap:var(--space-1);border-radius:var(--radius-full);font-size:var(--font-size-xs);cursor:pointer;transition:all var(--transition-base);white-space:nowrap;border:1px solid #0000;padding:4px 12px;font-weight:600;display:inline-flex}.chip-default{color:var(--color-text-secondary);border-color:var(--color-border);background:#ffffff12}.chip-default:hover{color:var(--color-text-primary);background:#ffffff1f}.chip-active{background:linear-gradient(135deg, var(--color-primary), var(--color-secondary));color:#fff}.chip-tag{color:var(--color-primary-light);background:#7c3aed26;border-color:#7c3aed4d}.chip-tag:hover{background:#7c3aed40}.emotion-badge{border-radius:var(--radius-full);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:6px;padding:4px 10px;font-size:11px;font-weight:700;display:inline-flex}.emotion-frustration{color:#fb923c;background:#f9731633;border:1px solid #f973164d}.emotion-love{color:#f472b6;background:#ec489933;border:1px solid #ec48994d}.emotion-anger{color:#f87171;background:#ef444433;border:1px solid #ef44444d}.emotion-sadness{color:#60a5fa;background:#3b82f633;border:1px solid #3b82f64d}.emotion-gratitude{color:#4ade80;background:#22c55e33;border:1px solid #22c55e4d}.emotion-missing{color:#a78bfa;background:#8b5cf633;border:1px solid #8b5cf64d}.emotion-relationship{color:#f9a8d4;background:#f472b633;border:1px solid #f472b64d}.emotion-funny{color:#facc15;background:#eab30833;border:1px solid #eab3084d}.emotion-appreciation{color:#2dd4bf;background:#14b8a633;border:1px solid #14b8a64d}.emotion-apology{color:#c4b5fd;background:#a78bfa33;border:1px solid #a78bfa4d}.emotion-motivation{color:#fb923c;background:#f9731633;border:1px solid #f973164d}.emotion-confession{color:#818cf8;background:#6366f133;border:1px solid #6366f14d}.emotion-other{color:#cbd5e1;background:#94a3b833;border:1px solid #94a3b84d}.avatar{border-radius:var(--radius-full);background:linear-gradient(135deg, var(--color-primary), var(--color-secondary));width:40px;height:40px;font-weight:700;font-size:var(--font-size-sm);color:#fff;letter-spacing:0;flex-shrink:0;justify-content:center;align-items:center;display:flex}.avatar-sm{width:32px;height:32px;font-size:12px}.avatar-lg{width:56px;height:56px;font-size:var(--font-size-lg)}.avatar-xl{width:80px;height:80px;font-size:var(--font-size-2xl)}.divider{background:var(--color-border);height:1px;margin:var(--space-4) 0}.gradient-text{background:linear-gradient(135deg, var(--color-primary-light), var(--color-secondary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.badge{border-radius:var(--radius-full);justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 6px;font-size:11px;font-weight:700;display:inline-flex}.badge-primary{background:var(--color-primary);color:#fff}.stat-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5);transition:all var(--transition-base)}.stat-card:hover{border-color:var(--color-border-strong);box-shadow:var(--shadow-md);transform:translateY(-2px)}.stat-value{font-size:var(--font-size-3xl);letter-spacing:-.04em;font-weight:800;line-height:1}.stat-label{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-top:var(--space-1);font-weight:500}.section-header{margin-bottom:var(--space-5);justify-content:space-between;align-items:center;display:flex}.section-title{font-size:var(--font-size-lg);font-weight:700}.section-subtitle{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-top:2px}.overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;padding:var(--space-4);background:#000000bf;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:var(--color-bg-elevated);border:1px solid var(--color-border-strong);border-radius:var(--radius-xl);width:100%;max-width:520px;padding:var(--space-6);box-shadow:var(--shadow-lg);position:relative}.modal-header{margin-bottom:var(--space-5);justify-content:space-between;align-items:center;display:flex}.modal-title{font-size:var(--font-size-xl);font-weight:700}.toast{background:var(--color-bg-elevated);border:1px solid var(--color-border-strong);border-radius:var(--radius-full);font-size:var(--font-size-sm);z-index:2000;box-shadow:var(--shadow-lg);padding:10px 20px;font-weight:500;animation:.3s toastIn,.3s 2.7s forwards toastOut;position:fixed;bottom:90px;left:50%;transform:translate(-50%)}@keyframes toastIn{0%{opacity:0;transform:translate(-50%)translateY(20px)}to{opacity:1;transform:translate(-50%)translateY(0)}}@keyframes toastOut{0%{opacity:1;transform:translate(-50%)translateY(0)}to{opacity:0;transform:translate(-50%)translateY(20px)}}.spinner{border:2px solid #ffffff1a;border-top-color:var(--color-primary);border-radius:50%;width:24px;height:24px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.loading-dots{padding:var(--space-4);justify-content:center;align-items:center;gap:4px;display:flex}.loading-dots span{background:var(--color-primary);border-radius:50%;width:6px;height:6px;animation:1.2s ease-in-out infinite dot-pulse}.loading-dots span:nth-child(2){animation-delay:.2s}.loading-dots span:nth-child(3){animation-delay:.4s}@keyframes dot-pulse{0%,to{opacity:.4;transform:scale(.6)}50%{opacity:1;transform:scale(1)}}.glass{-webkit-backdrop-filter:blur(12px);background:#1e1535cc;border:1px solid #ffffff1a}.glow-primary{box-shadow:var(--shadow-glow)}.glow-pink{box-shadow:var(--shadow-glow-pink)}.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: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)}.w-full{width:100%}.text-center{text-align:center}.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}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}@media (width<=768px){.hide-mobile{display:none!important}:root{--font-size-5xl:2.25rem;--font-size-4xl:1.75rem}}@media (width>=769px){.hide-desktop{display:none!important}}