@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600;800&family=Bangers&display=swap";:root{--primary: #8b5cf6;--primary-glow: rgba(139, 92, 246, .5);--bg-dark: #0f172a;--bg-darker: #020617;--text-main: #f8fafc;--text-muted: #94a3b8;--glass: rgba(255, 255, 255, .03);--glass-border: rgba(255, 255, 255, .1);--glass-hover: rgba(255, 255, 255, .08);--font-accent: "Bangers", system-ui;--path-0: rgba(244, 63, 94, .1);--path-1: rgba(14, 165, 233, .1);--path-2: rgba(34, 197, 94, .1);--path-3: rgba(234, 179, 8, .1);--path-4: rgba(168, 85, 247, .1);--path-5: rgba(249, 115, 22, .1)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Outfit,sans-serif;background-color:var(--bg-darker);color:var(--text-main);min-height:100vh;overflow-x:hidden;background-image:radial-gradient(circle at 10% 20%,rgba(139,92,246,.15) 0%,transparent 40%),radial-gradient(circle at 90% 80%,rgba(59,130,246,.15) 0%,transparent 40%)}#root{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:2rem}.glass-panel{background:var(--glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:40px}.glow-text{text-shadow:0 0 20px var(--primary-glow)}.app-header-floating{margin-bottom:1.5rem;width:100%;max-width:1100px;display:flex;justify-content:center}.title-group{display:flex;align-items:center;gap:1.2rem}.app-logo{width:65px;height:65px;border-radius:18px;border:2px solid var(--glass-border);box-shadow:0 8px 16px #0000004d}.title-font{font-family:var(--font-accent);font-size:3.5rem;letter-spacing:2px;margin:0}.subtitle{color:var(--primary);font-size:.8em}button:active{transform:scale(.95)}.liquid-btn-3d{position:relative;background:linear-gradient(135deg,var(--primary),#7c3aed);border:none;border-radius:50px;box-shadow:0 4px #5b21b6,0 8px 15px #0000004d;transition:all .1s ease;overflow:hidden}.liquid-btn-3d.copy-success{background:linear-gradient(135deg,#10b981,#059669)!important;box-shadow:0 4px #065f46,0 8px 15px #0000004d!important}.liquid-btn-3d:hover{transform:translateY(-2px);box-shadow:0 6px #5b21b6,0 10px 20px #0006}.liquid-btn-3d:active{transform:translateY(2px);box-shadow:0 2px #5b21b6,0 4px 10px #0003}.history-btn-3d{position:relative!important;background:linear-gradient(135deg,#f59e0b,#d97706)!important;border:none!important;border-radius:50px!important;box-shadow:0 4px #92400e,0 8px 15px #0000004d!important;transition:all .1s ease!important;color:#fff!important;width:42px!important;height:42px!important;display:flex!important;align-items:center;justify-content:center}.history-btn-3d:hover{transform:translateY(-2px)!important;box-shadow:0 6px #92400e,0 10px 20px #0006!important}.history-btn-3d:active{transform:translateY(2px)!important;box-shadow:0 2px #92400e,0 4px 10px #0003!important}.purple-btn-3d{position:relative;background:linear-gradient(135deg,#a855f7,#9333ea)!important;border:none!important;border-radius:50px!important;box-shadow:0 4px #6b21a8,0 8px 15px #a855f74d!important;transition:all .1s ease!important;color:#fff!important;font-weight:700!important;padding:.6rem 1.2rem!important;display:flex!important;align-items:center;gap:.8rem}.purple-btn-3d:hover{transform:translateY(-2px)!important;box-shadow:0 6px #6b21a8,0 10px 20px #a855f766!important}.purple-btn-3d:active{transform:translateY(2px)!important;box-shadow:0 2px #6b21a8,0 4px 10px #a855f733!important}.pink-btn-3d{position:relative;background:linear-gradient(135deg,#ec4899,#db2777)!important;border:none!important;border-radius:50px!important;box-shadow:0 4px #9f1239,0 8px 15px #ec48994d!important;transition:all .1s ease!important;color:#fff!important;font-weight:700!important;display:flex!important;align-items:center;justify-content:center}.pink-btn-3d:hover{transform:translateY(-2px)!important;box-shadow:0 6px #9f1239,0 10px 20px #ec489966!important}.pink-btn-3d:active{transform:translateY(2px)!important;box-shadow:0 2px #9f1239,0 4px 10px #ec489933!important}.code-style{font-family:Courier New,Courier,monospace!important;background:#0000004d;padding:.2rem .5rem;border-radius:6px;border:1px solid rgba(255,255,255,.1);font-weight:600}.app-container.manual-layout{max-width:1400px}.manual-layout main{grid-template-columns:1fr 1.5fr!important;gap:3.5rem!important}.manual-layout .manual-entry-card{padding:2.5rem!important}.manual-layout .manual-row{grid-template-columns:140px 1.5fr 1.5fr 120px!important;gap:1.2rem!important}.manual-layout .manual-row input{padding:1rem!important;height:50px!important;font-size:1rem!important}.manual-inputs-headers{display:grid;grid-template-columns:120px 1fr 1fr 100px;gap:1rem;padding:0 .5rem .5rem}.manual-row{display:grid;grid-template-columns:120px 1fr 1fr 100px;gap:.8rem;align-items:center}.manual-row input{padding:.8rem!important;font-size:.95rem!important;border-radius:10px!important;background:#ffffff14!important}.manual-row input:first-child{width:100%!important}.modal-content{background:var(--bg-dark);border:1px solid var(--glass-border);border-radius:40px;padding:2rem;width:90%;max-width:600px;max-height:80vh;overflow-y:auto;position:relative;box-shadow:0 20px 50px #00000080}.json-code{background:#0000004d;padding:1.5rem;border-radius:20px;font-family:monospace;white-space:pre-wrap;color:#a5f3fc;font-size:.85rem;border:1px solid rgba(255,255,255,.05)}.unsaved-banner{position:fixed;top:2rem;left:50%;transform:translate(-50%);z-index:9999;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;padding:1rem 2rem;border-radius:50px;box-shadow:0 8px #92400e,0 12px 30px #f59e0b80;display:flex;align-items:center;gap:1rem;font-weight:700;font-size:1rem;border:2px solid rgba(255,255,255,.2)}.unsaved-banner strong{color:#fff;text-decoration:underline;text-underline-offset:3px}.banner-btn{background:#fff3;border:1px solid rgba(255,255,255,.3);color:#fff;padding:.5rem 1rem;border-radius:25px;font-weight:600;font-size:.85rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:.3rem}.banner-btn:hover{background:#ffffff4d;transform:scale(1.05)}.banner-btn.undo-btn{background:#ffffff40}.banner-btn.close-btn{padding:.5rem;width:36px;height:36px;justify-content:center}.sidebar-header-custom{margin-bottom:1.5rem}.sidebar-header-custom h3{font-family:var(--font-accent);font-size:1.5rem;letter-spacing:1px;margin-bottom:.5rem;color:var(--text-main)}.header-subtitle-small{font-family:var(--font-accent);font-size:1.2rem;letter-spacing:.5px;color:var(--primary)}.word-accordion-list{list-style:none;display:flex;flex-direction:column;gap:.5rem}.word-accordion-item{background:#ffffff08;border:1px solid var(--glass-border);border-radius:16px;overflow:hidden;transition:all .2s}.word-accordion-item:hover{background:#ffffff0d;border-color:var(--primary)}.word-accordion-header{width:100%;background:transparent;border:none;padding:1rem 1.2rem;display:flex;justify-content:space-between;align-items:center;cursor:pointer;color:var(--text-main);font-weight:700;font-size:1.1rem;letter-spacing:.5px;transition:all .2s}.word-accordion-header:hover{background:#ffffff0d}.word-title{font-family:var(--font-accent);font-size:1.3rem;letter-spacing:1px}.word-accordion-content{padding:0 1.2rem 1.2rem;display:flex;flex-direction:column;gap:.8rem;overflow:hidden}.translation-row{display:flex;align-items:center;gap:.8rem}.translation-label{display:flex;align-items:center;gap:.5rem;font-size:.85rem;font-weight:600;color:var(--text-muted);min-width:80px}.translation-input{flex:1;background:#ffffff0d;border:1px solid var(--glass-border);border-radius:10px;padding:.7rem 1rem;color:#fff;font-size:.95rem;outline:none;transition:all .3s}.translation-input:focus{border-color:var(--primary);box-shadow:0 0 10px var(--primary-glow);background:#ffffff14}.generate-btn.liquid-btn-3d{background:linear-gradient(135deg,#ff9d00,#e68a00)!important;box-shadow:0 4px #b36600,0 8px 15px #ff9d004d!important;animation:none!important}.generate-btn.liquid-btn-3d:hover{transform:translateY(-2px);box-shadow:0 6px #b36600,0 10px 20px #ff9d0066!important}.generate-btn.liquid-btn-3d:active{transform:translateY(2px);box-shadow:0 2px #b36600,0 4px 10px #ff9d0033!important}.manual-status-label{font-size:.85rem!important}.word-char-counter{display:flex;align-items:center;gap:1rem;padding:.5rem 1.5rem;border-radius:50px}.counter-item{display:flex;align-items:center;gap:.6rem}.counter-item .label{font-size:.8rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.counter-item .value{font-size:1.2rem;color:var(--primary);min-width:1.2rem;text-align:center}.counter-divider{width:1px;height:20px;background:var(--glass-border)}.bulk-import-section{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem;padding:1.5rem;background:#ffffff05;border-radius:20px;border:1px solid var(--glass-border)}.bulk-import-section textarea{width:100%;height:100px;background:#0003;border:1px solid var(--glass-border);border-radius:12px;padding:1rem;color:#fff;font-family:inherit;font-size:.9rem;resize:none;transition:all .3s}.bulk-import-section textarea:focus{border-color:var(--primary);background:#0000004d;outline:none}.bulk-import-btn{padding:1.2rem 2rem!important;font-size:1rem!important;width:100%}.spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}