@import "https://fonts.googleapis.com/css2?family=Manrope:wght@500;600;700;800&family=Roboto:wght@400;500;700&display=swap";
:root{--font-heading:"Manrope", -apple-system, BlinkMacSystemFont, sans-serif;--font-body:"Roboto", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono:"Manrope", -apple-system, BlinkMacSystemFont, sans-serif;--paper:#fff;--mist:#f8f9fa;--mist-2:#eef1f3;--ink:#1f1f1f;--ink-soft:#3c4043;--slate:#5f6368;--line:#e8eaed;--line-strong:#dadce0;--blue:#1a73e8;--blue-bright:#4285f4;--blue-soft:#e8f0fe;--teal:#009688;--teal-bright:#12b5b0;--teal-soft:#e0f5f3;--purple:#7c4dff;--purple-soft:#f2ecfe;--orange:#f9862a;--orange-soft:#fef1e3;--green:#1e8e3e;--green-soft:#e6f4ea;--red:#d93025;--red-soft:#fce8e6;--jade:var(--teal);--jade-bright:var(--teal-bright);--jade-soft:var(--teal-soft);--clay:var(--red);--clay-soft:var(--red-soft);--amber:var(--orange);--amber-soft:var(--orange-soft);--plum:var(--purple);--plum-soft:var(--purple-soft);--bg-primary:var(--mist);--bg-secondary:var(--paper);--bg-tertiary:var(--mist);--bg-card:var(--paper);--bg-card-hover:var(--paper);--bg-input:var(--paper);--border-subtle:var(--line);--border-hover:var(--line-strong);--border-focus:var(--blue);--border-glow:#1a73e826;--accent-emerald:var(--teal);--accent-emerald-light:var(--teal-bright);--accent-emerald-glow:#0096881f;--accent-cyan:var(--blue-bright);--accent-violet:var(--purple);--accent-violet-glow:#7c4dff1f;--accent-amber:var(--orange);--accent-rose:var(--red);--accent-blue:var(--blue);--text-primary:var(--ink);--text-secondary:var(--ink-soft);--text-muted:var(--slate);--text-inverse:#fff;--radius-sm:10px;--radius-md:14px;--radius-lg:22px;--radius-xl:28px;--radius-full:9999px;--shadow-card:0 1px 2px #3c40430f, 0 2px 10px #3c40430f;--shadow-hover:0 2px 4px #3c404314, 0 6px 20px #3c40431a;--shadow-glow:none;--shadow-modal:0 20px 48px -12px #1f1f1f38;--transition-fast:.16s cubic-bezier(.16, 1, .3, 1);--transition-normal:.25s cubic-bezier(.16, 1, .3, 1)}*{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--mist);min-height:100%;color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);letter-spacing:-.01em;color:var(--ink);font-weight:700}.font-mono,.num{font-family:var(--font-heading);font-variant-numeric:tabular-nums;letter-spacing:-.01em;font-weight:700}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--mist)}::-webkit-scrollbar-thumb{background:var(--line-strong);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--slate)}.app-container{background:var(--mist);flex-direction:column;min-height:100vh;display:flex;position:relative}.main-content{flex:1;width:100%;max-width:680px;margin:0 auto;padding:20px 16px 100px}@media (min-width:768px){.main-content{padding:32px 24px 72px}}.glass-card{background:var(--paper);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);transition:box-shadow var(--transition-normal), transform var(--transition-normal);border:1px solid #0000;padding:24px}.glass-card:hover{box-shadow:var(--shadow-hover)}.glass-card-interactive:hover{box-shadow:var(--shadow-hover);transform:translateY(-1px)}.btn{border-radius:var(--radius-full);font-family:var(--font-body);cursor:pointer;transition:all var(--transition-fast);-webkit-user-select:none;user-select:none;border:none;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:.92rem;font-weight:500;text-decoration:none;display:inline-flex}.btn:active{transform:scale(.97)}.btn-primary{background:var(--blue);color:#fff}.btn-primary:hover{background:var(--blue-bright)}.btn-secondary{background:var(--paper);color:var(--ink);border:1px solid var(--line-strong)}.btn-secondary:hover{background:var(--mist)}.btn-ai{background:var(--purple);color:#fff}.btn-ai:hover{background:#8f66ff}.btn-ghost{color:var(--text-secondary);background:0 0}.btn-ghost:hover{background:var(--mist);color:var(--text-primary)}.btn-danger{background:var(--red-soft);color:var(--red);border:1px solid #0000}.btn-danger:hover{background:#fad9d5}.badge{border-radius:var(--radius-full);letter-spacing:.02em;align-items:center;gap:5px;padding:3px 10px;font-size:.72rem;font-weight:700;display:inline-flex}.badge-emerald{background:var(--teal-soft);color:var(--teal)}.badge-violet{background:var(--purple-soft);color:var(--purple)}.badge-amber{background:var(--orange-soft);color:var(--orange)}.badge-rose{background:var(--red-soft);color:var(--red)}.badge-neutral{background:var(--mist-2);color:var(--slate)}.input-field{background:var(--paper);border:1px solid var(--line-strong);border-radius:var(--radius-md);width:100%;font-size:.95rem;font-family:var(--font-body);color:var(--text-primary);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);outline:none;padding:12px 16px}.input-field:focus{border-color:var(--blue);box-shadow:0 0 0 3px var(--blue-soft)}.input-field::placeholder{color:var(--slate)}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr;gap:16px;display:grid}.grid-chips{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.grid-chips-4{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}@media (min-width:480px){.grid-chips-4{grid-template-columns:repeat(4,1fr)}}@media (min-width:640px){.grid-2,.grid-4{grid-template-columns:repeat(2,1fr)}}@media (min-width:960px){.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}}@keyframes skeletonPulse{0%,to{opacity:1}50%{opacity:.55}}.skeleton{background:var(--mist-2);border-radius:var(--radius-sm);animation:1.3s ease-in-out infinite skeletonPulse}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.28s cubic-bezier(.16,1,.3,1) forwards fadeIn}