@import "https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,100..900;1,9..144,100..900&family=Outfit:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600&display=swap";:root{--bg-primary:#fdfbf7;--bg-secondary:#f6f3ec;--accent-primary:#1c3144;--accent-secondary:#a04d3a;--text-primary:#1f2421;--text-secondary:#5d635e;--success:#2e6f40;--error:#a63a50;--border-color:#d3ceb9;--card-shadow:0 4px 12px #1c31440a, 0 1px 3px #1c314405}body.dark-mode{--bg-primary:#1a1d1a;--bg-secondary:#242925;--accent-primary:#d9b47a;--accent-secondary:#e07a5f;--text-primary:#e8eaed;--text-secondary:#9aa0a6;--success:#81c995;--error:#e07a5f;--border-color:#3c4043;--card-shadow:0 4px 12px #0000004d, 0 1px 3px #0003}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}body{background-color:var(--bg-primary);background-image:radial-gradient(var(--border-color) .8px, transparent .8px);color:var(--text-primary);background-size:20px 20px;font-family:Outfit,sans-serif;line-height:1.5;overflow-x:hidden}#root{flex-direction:column;min-height:100vh;display:flex}.app-container{flex-direction:column;flex:1;width:100%;max-width:600px;height:100vh;margin:0 auto;padding:12px;display:flex}h1,h2,h3{letter-spacing:-.015em;font-family:Fraunces,serif;font-weight:700}.gradient-text{color:var(--accent-secondary)}.glass-card{background:var(--bg-secondary);border:1px solid var(--border-color);box-shadow:var(--card-shadow);border-radius:16px;padding:24px}.btn-primary{background:var(--accent-primary);color:#fff;border:1px solid var(--accent-primary);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:1rem;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 4px #1c314440}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px #1c314440}.btn-primary:active{transform:translateY(2px);box-shadow:0 0 #1c314440}.btn-secondary{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;border-radius:8px;padding:12px 24px;font-weight:500;transition:all .2s;box-shadow:0 2px 4px #1c314405}.btn-secondary:hover{background:#ece9dd;border-color:#c1bba2}.btn-secondary:active{transform:translateY(1px)}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;background:#1c3144a6;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.glass-button{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;transition:all .2s;display:flex;box-shadow:0 2px 4px #1c314405}.glass-button:hover{background:#ece9dd;border-color:#c1bba2}.primary-button{background:var(--accent-primary);border:1px solid var(--accent-primary);color:#fff;cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:10px;padding:16px;font-weight:600;transition:all .2s;display:flex;box-shadow:0 4px #1c314440}.primary-button:hover{transform:translateY(-2px);box-shadow:0 6px #1c314440}.primary-button:active{transform:translateY(2px);box-shadow:0 0 #1c314440}textarea::placeholder{color:var(--text-secondary);opacity:.6}.lang-item:hover{background:#1c31440d!important}