@import url(https://fonts.googleapis.com/css2?family=Vazirmatn:wght@400;600;700;900&display=swap);[data-v-32102864]:root{--tr:all 0.5s ease 0s}.toast-panel[data-v-32102864]{position:fixed;top:16px;right:16px;display:flex;flex-direction:column;gap:12px;z-index:1000}.toast-item[data-v-32102864]{max-height:25rem;transition:var(--tr);position:relative;animation:show-toast-32102864 4s ease 0s 1}@keyframes show-toast-32102864{0%,50%,to{max-height:0;opacity:0}10%,25%{max-height:15rem;opacity:1}}.toast[data-v-32102864]{background:#fff;color:#111827;padding:1rem 3rem 1rem 2rem;border-radius:1rem;position:relative;font-weight:300;margin:.25rem 0;text-align:right;max-width:22rem;transition:var(--tr);opacity:1;border:.15rem solid #fff2;box-shadow:0 0 1.5rem 0 #1a1f4360}.toast[data-v-32102864]:before{content:"";position:absolute;width:.5rem;height:calc(100% - 1.5rem);top:.75rem;right:.5rem;z-index:0;border-radius:1rem;background:var(--clr)}.toast h3[data-v-32102864]{font-size:1.1rem;margin:0;line-height:1.35rem;font-weight:700;position:relative;color:var(--clr)}.toast p[data-v-32102864]{position:relative;font-size:.95rem;z-index:1;margin:.25rem 0 0;color:#595959;line-height:1.3rem}.close[data-v-32102864]{position:absolute;width:1.35rem;height:1.35rem;text-align:center;left:1rem;cursor:pointer;border-radius:100%;border:none;background:transparent}.close[data-v-32102864]:after{position:absolute;width:100%;height:100%;left:0;font-size:1.6rem;content:"+";transform:rotate(-45deg);border-radius:100%;display:flex;align-items:center;justify-content:center;color:#595959}.close[data-v-32102864]:hover:after{background:var(--clr);color:#fff}.toast-item.help[data-v-32102864]{--clr:#0070e0}.toast-item.success[data-v-32102864]{--clr:#03a65a}.toast-item.warning[data-v-32102864]{--clr:#fc8621}.toast-item.error[data-v-32102864]{--clr:#db3056}:root{--bg:#f8fafc;--text:#1e293b;--primary:#2563eb}body{margin:0;padding:0;font-family:Vazirmatn,sans-serif;background:var(--bg);color:var(--text);direction:rtl}.app-shell{min-height:100vh}.nav{justify-content:space-between;padding:16px 24px;background:#fff;border-bottom:1px solid #e2e8f0}.brand,.nav{display:flex;align-items:center}.brand{gap:10px;font-weight:700;font-size:18px}.brand img{height:32px;width:auto}.content{max-width:1200px;margin:0 auto;padding:40px 24px}.content.no-pad{max-width:none;margin:0;padding:0}input{text-align:right}input.ltr,input[type=email],input[type=password]{direction:ltr;text-align:left}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background-color:#cbd5e1;border-radius:999px;border:3px solid transparent;background-clip:content-box;-webkit-transition:background-color .2s ease;transition:background-color .2s ease}::-webkit-scrollbar-thumb:hover{background-color:var(--primary)}*{--scroll-size:5px;--scroll-radius:10px;--scroll-track:hsla(0,0%,100%,.1);--scroll-thumb-color:#fff}.auth-card[data-v-2106cf83]{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:24px;box-shadow:0 8px 24px rgba(0,0,0,.06);width:100%;max-width:400px;margin:0 auto}h2[data-v-2106cf83]{margin:0 0 4px;font-size:22px}.muted[data-v-2106cf83]{margin:0 0 20px;color:var(--muted)}.field[data-v-2106cf83]{position:relative;display:flex;flex-direction:column;gap:8px;margin-bottom:16px}label[data-v-2106cf83]{font-size:13px;color:var(--muted)}input[data-v-2106cf83]{border:1px solid var(--border);border-radius:10px;padding:12px 14px;font-size:14px;outline:none;background:#fafafa}input[data-v-2106cf83]:focus{border-color:var(--accent);background:#fff;box-shadow:0 0 0 4px rgba(59,130,246,.12)}.toggle[data-v-2106cf83]{position:absolute;right:8px;top:31px;background:transparent;border:none;color:var(--muted);font-size:12px;padding:6px 8px;border-radius:6px;cursor:pointer}.toggle[data-v-2106cf83]:hover{color:var(--accent);background:rgba(59,130,246,.08)}.row[data-v-2106cf83]{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.checkbox[data-v-2106cf83]{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--muted)}.link[data-v-2106cf83]{color:var(--accent);text-decoration:none;font-size:13px}.link[data-v-2106cf83]:hover{color:var(--accent-dark)}.primary[data-v-2106cf83]{width:100%;background:#000;color:#fff;border:none;border-radius:10px;padding:12px 14px;font-weight:600;cursor:pointer}.primary[data-v-2106cf83]:disabled{opacity:.6;cursor:not-allowed}.switch[data-v-2106cf83]{margin-top:14px;text-align:center;color:var(--muted)}.switch a[data-v-2106cf83]{color:var(--accent);text-decoration:none}.error[data-v-2106cf83]{margin-top:10px;color:#ef4444;font-size:13px}.auth-card[data-v-acddc102]{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:24px;box-shadow:0 8px 24px rgba(0,0,0,.06);width:100%;max-width:400px;margin:0 auto}h2[data-v-acddc102]{margin:0 0 4px;font-size:22px}.muted[data-v-acddc102]{margin:0 0 20px;color:var(--muted)}.field[data-v-acddc102]{position:relative;display:flex;flex-direction:column;gap:8px;margin-bottom:16px}label[data-v-acddc102]{font-size:13px;color:var(--muted)}input[data-v-acddc102]{border:1px solid var(--border);border-radius:10px;padding:12px 14px;font-size:14px;outline:none;background:#fafafa}input[data-v-acddc102]:focus{border-color:var(--accent);background:#fff;box-shadow:0 0 0 4px rgba(59,130,246,.12)}.toggle[data-v-acddc102]{position:absolute;right:8px;top:31px;background:transparent;border:none;color:var(--muted);font-size:12px;padding:6px 8px;border-radius:6px;cursor:pointer}.toggle[data-v-acddc102]:hover{color:var(--accent);background:rgba(59,130,246,.08)}.row[data-v-acddc102]{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.checkbox[data-v-acddc102]{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--muted)}.primary[data-v-acddc102]{width:100%;background:#000;color:#fff;border:none;border-radius:10px;padding:12px 14px;font-weight:600;cursor:pointer}.primary[data-v-acddc102]:disabled{opacity:.6;cursor:not-allowed}.switch[data-v-acddc102]{margin-top:14px;text-align:center;color:var(--muted)}.switch a[data-v-acddc102]{color:var(--accent);text-decoration:none}.error[data-v-acddc102]{margin-top:10px;color:#ef4444;font-size:13px}.success[data-v-acddc102]{margin-top:10px;color:#10b981;font-size:13px}@media (max-width:600px){.auth-card[data-v-acddc102]{box-sizing:border-box}}.sidebar[data-v-d17f8cda]{background:#fff;border-left:1px solid #f1f5f9;position:sticky;top:0;display:flex;flex-direction:column;padding:24px}.brand[data-v-d17f8cda]{display:flex;align-items:center;gap:12px;margin-bottom:32px;padding-right:8px}.logo-circle[data-v-d17f8cda]{width:40px;height:40px;background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;border-radius:12px;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:18px;box-shadow:0 4px 12px rgba(37,99,235,.3)}.brand-text[data-v-d17f8cda]{font-size:20px;font-weight:800;color:#1e293b;letter-spacing:-.5px}.menu[data-v-d17f8cda]{flex:1;display:flex;flex-direction:column;gap:8px}.item[data-v-d17f8cda]{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:12px;color:#64748b;text-decoration:none;font-weight:600;transition:all .2s;font-size:15px}.item[data-v-d17f8cda]:hover{background:#f8fafc;color:#1e293b;transform:translateX(-4px)}.item.active[data-v-d17f8cda]{background:#eff6ff;color:#2563eb}.item.active .icon[data-v-d17f8cda]{transform:scale(1.1)}.icon[data-v-d17f8cda]{font-size:20px;transition:transform .2s}.divider[data-v-d17f8cda]{height:1px;background:#f1f5f9;margin:12px 0}.sidebar-footer[data-v-d17f8cda]{margin-top:auto}.ad-card[data-v-d17f8cda]{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-radius:16px;padding:16px;display:flex;align-items:center;gap:12px;border:1px solid #bae6fd}.ad-icon[data-v-d17f8cda]{font-size:24px}.ad-text strong[data-v-d17f8cda]{display:block;color:#0c4a6e;font-size:14px;margin-bottom:2px}.ad-text p[data-v-d17f8cda]{margin:0;color:#0284c7;font-size:12px}.layout[data-v-fc3be808]{display:grid;grid-template-columns:260px 1fr;height:100vh;overflow:hidden;background:#f8fafc;font-family:Vazirmatn,sans-serif}.sidebar-col[data-v-fc3be808]{background:#fff;border-left:1px solid #edf2f7;height:100%;overflow-y:auto;z-index:50;box-shadow:4px 0 24px rgba(0,0,0,.02)}.main-content[data-v-fc3be808]{display:flex;flex-direction:column;height:100vh;overflow-y:auto;position:relative}.top-header[data-v-fc3be808]{height:72px;background:hsla(0,0%,100%,.8);backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:space-between;padding:0 40px;position:sticky;top:0;z-index:40;border-bottom:1px solid #f1f5f9}.page-title[data-v-fc3be808]{font-size:20px;font-weight:800;color:#1e293b;margin:0;background:linear-gradient(135deg,#1e293b,#334155);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.breadcrumb[data-v-fc3be808]{color:#94a3b8;font-size:14px;margin-right:8px}.user-profile[data-v-fc3be808]{display:flex;align-items:center;gap:12px}.user-name[data-v-fc3be808]{font-size:14px;font-weight:600;color:#475569}.avatar-circle[data-v-fc3be808]{width:40px;height:40px;border-radius:50%;overflow:hidden;border:2px solid #fff;box-shadow:0 4px 12px rgba(0,0,0,.1);cursor:pointer;transition:transform .2s}.avatar-circle[data-v-fc3be808]:hover{transform:scale(1.05)}.avatar-circle img[data-v-fc3be808]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.content-body[data-v-fc3be808]{padding:32px 40px;flex:1;max-width:1400px;margin:0 auto;width:100%}.slide-fade-enter-active[data-v-fc3be808]{transition:all .3s ease-out}.slide-fade-leave-active[data-v-fc3be808]{transition:all .2s cubic-bezier(1,.5,.8,1)}.slide-fade-enter-from[data-v-fc3be808]{transform:translateY(20px);opacity:0}.slide-fade-leave-to[data-v-fc3be808]{transform:translateY(-20px);opacity:0}@media (max-width:1024px){.layout[data-v-fc3be808]{grid-template-columns:80px 1fr}}@media (max-width:768px){.layout[data-v-fc3be808]{grid-template-columns:1fr}.sidebar-col[data-v-fc3be808]{display:none}.top-header[data-v-fc3be808]{padding:0 20px}.content-body[data-v-fc3be808]{padding:20px}}.dashboard-home[data-v-74177f30]{max-width:1200px;margin:0 auto}.welcome-banner[data-v-74177f30]{background:linear-gradient(120deg,#2563eb,#1e40af);border-radius:24px;padding:32px 40px;color:#fff;display:flex;align-items:center;justify-content:space-between;margin-bottom:40px;box-shadow:0 10px 30px rgba(37,99,235,.2);position:relative;overflow:hidden}.welcome-banner[data-v-74177f30]:before{content:"";position:absolute;top:-50px;right:-50px;width:200px;height:200px;background:hsla(0,0%,100%,.1);border-radius:50%}.welcome-text h1[data-v-74177f30]{margin:0 0 10px;font-size:26px;font-weight:800}.welcome-text p[data-v-74177f30]{margin:0;opacity:.9;font-size:15px}.btn-create-glow[data-v-74177f30]{background:hsla(0,0%,100%,.2);border:1px solid hsla(0,0%,100%,.4);color:#fff;padding:12px 24px;border-radius:12px;font-weight:700;cursor:pointer;backdrop-filter:blur(5px);transition:all .3s}.btn-create-glow[data-v-74177f30]:hover{background:#fff;color:#2563eb;transform:translateY(-2px)}.stats-overview[data-v-74177f30]{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;margin-bottom:40px}.stat-card[data-v-74177f30]{border-radius:20px;padding:24px;color:#fff;position:relative;overflow:hidden;box-shadow:0 8px 20px rgba(0,0,0,.1);display:flex;flex-direction:column;justify-content:space-between;height:160px}.blue-gradient[data-v-74177f30]{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 8px 20px rgba(59,130,246,.3)}.green-gradient[data-v-74177f30]{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 8px 20px rgba(16,185,129,.3)}.purple-gradient[data-v-74177f30]{background:linear-gradient(135deg,#a855f7,#7c3aed);box-shadow:0 8px 20px rgba(168,85,247,.3)}.stat-icon[data-v-74177f30]{font-size:32px;margin-bottom:12px;opacity:.9}.stat-info[data-v-74177f30]{z-index:2}.stat-label[data-v-74177f30]{font-size:14px;opacity:.9;display:block;margin-bottom:4px}.stat-value[data-v-74177f30]{font-size:32px;font-weight:800}.stat-chart[data-v-74177f30]{position:absolute;bottom:0;right:0;width:100%;height:60px;opacity:.3;pointer-events:none}.sparkline[data-v-74177f30]{width:100%;height:100%}.main-grid[data-v-74177f30]{display:grid;grid-template-columns:2fr 1fr;gap:32px}@media (max-width:900px){.main-grid[data-v-74177f30]{grid-template-columns:1fr}}.section-header[data-v-74177f30]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.section-header h3[data-v-74177f30]{font-size:18px;font-weight:700;color:#1e293b;margin:0}.link-more[data-v-74177f30]{color:#3b82f6;text-decoration:none;font-size:13px;font-weight:600}.rooms-list[data-v-74177f30]{display:flex;flex-direction:column;gap:16px}.room-row[data-v-74177f30]{background:#fff;border-radius:16px;padding:16px;display:flex;align-items:center;gap:16px;border:1px solid #f1f5f9;transition:all .2s;cursor:pointer}.room-row[data-v-74177f30]:hover{transform:translateX(-4px);border-color:#e2e8f0;box-shadow:0 4px 12px rgba(0,0,0,.03)}.room-icon-box[data-v-74177f30]{width:48px;height:48px;background:#eff6ff;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px;color:#3b82f6}.room-content[data-v-74177f30]{flex:1}.room-content h4[data-v-74177f30]{margin:0 0 4px;font-size:16px;color:#1e293b}.sub-text[data-v-74177f30]{font-size:13px;color:#64748b}.room-metrics[data-v-74177f30]{display:flex;gap:16px;padding:0 16px;border-left:1px solid #f1f5f9}.metric[data-v-74177f30]{display:flex;flex-direction:column;align-items:center}.m-val[data-v-74177f30]{font-weight:700;color:#334155}.m-lbl[data-v-74177f30]{font-size:11px;color:#94a3b8}.badge[data-v-74177f30]{font-size:12px;padding:4px 10px;border-radius:99px;font-weight:600}.badge.active[data-v-74177f30]{background:#ecfdf5;color:#059669}.arrow[data-v-74177f30]{color:#cbd5e1;font-size:20px;font-weight:300}.empty-state[data-v-74177f30]{background:#fff;border:2px dashed #e2e8f0;border-radius:20px;text-align:center;padding:40px}.empty-illustration[data-v-74177f30]{font-size:48px;margin-bottom:16px;opacity:.5}.empty-state h4[data-v-74177f30]{color:#1e293b;margin:0 0 10px}.empty-state p[data-v-74177f30]{color:#64748b;margin-bottom:20px}.btn-primary[data-v-74177f30]{background:#2563eb;color:#fff;border:none;padding:10px 24px;border-radius:99px;font-weight:600;cursor:pointer}.analytics-card[data-v-74177f30]{background:#fff;border-radius:20px;padding:24px;border:1px solid #f1f5f9;margin-bottom:32px}.card-header[data-v-74177f30]{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.card-header h4[data-v-74177f30]{margin:0;color:#1e293b;font-size:16px}.badge-pro[data-v-74177f30]{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;font-size:10px;padding:2px 6px;border-radius:4px;font-weight:800}.chart-box[data-v-74177f30]{height:160px;display:flex;align-items:flex-end;justify-content:center;margin-bottom:20px}.bar-chart[data-v-74177f30]{display:flex;gap:8px;align-items:flex-end;height:100%;width:100%}.bar[data-v-74177f30]{flex:1;background:#e2e8f0;border-radius:6px 6px 0 0;position:relative;transition:height .5s}.bar span[data-v-74177f30]{position:absolute;bottom:-20px;width:100%;text-align:center;font-size:12px;color:#94a3b8}.insight-text[data-v-74177f30]{font-size:13px;color:#475569;line-height:1.6;background:#f8fafc;padding:12px;border-radius:8px}.tips-section h4[data-v-74177f30]{font-size:16px;color:#1e293b;margin:0 0 16px}.tip-box[data-v-74177f30]{background:#fff;border:1px solid #f1f5f9;border-radius:16px;padding:16px;display:flex;gap:12px;margin-bottom:16px;transition:transform .2s}.tip-box[data-v-74177f30]:hover{transform:translateY(-2px);border-color:#cbd5e1}.tip-icon[data-v-74177f30]{font-size:24px}.tip-body strong[data-v-74177f30]{display:block;color:#334155;margin-bottom:4px;font-size:14px}.tip-body p[data-v-74177f30]{margin:0;font-size:12px;color:#64748b;line-height:1.5}.loading-state[data-v-74177f30]{text-align:center;padding:40px;color:#94a3b8}.spinner[data-v-74177f30]{width:30px;height:30px;border:3px solid #e2e8f0;border-top-color:#3b82f6;border-radius:50%;animation:spin-74177f30 1s linear infinite;margin:0 auto 10px}@keyframes spin-74177f30{to{transform:rotate(1turn)}}.pattern-input[data-v-6759b181]{display:flex;flex-direction:column;align-items:center;gap:12px}.pattern-grid[data-v-6759b181]{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;background:#f1f5f9;padding:16px;border-radius:12px}.dot-btn[data-v-6759b181]{width:40px;height:40px;border-radius:50%;background:#cbd5e1;border:none;cursor:pointer;transition:all .2s;position:relative}.dot-btn.active[data-v-6759b181]{background:#2563eb;box-shadow:0 0 0 4px rgba(37,99,235,.2)}.reset[data-v-6759b181]{background:none;border:1px solid #e2e8f0;color:#64748b;padding:4px 12px;border-radius:6px;font-size:12px;cursor:pointer}.reset[data-v-6759b181]:hover{background:#f8fafc;color:#ef4444;border-color:#fee2e2}.card[data-v-6410aedb]{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:24px;box-shadow:0 8px 24px rgba(0,0,0,.06)}.form[data-v-6410aedb]{display:grid;grid-template-columns:1fr 1fr;gap:12px}.field[data-v-6410aedb]{display:flex;flex-direction:column;gap:6px}label[data-v-6410aedb]{font-size:13px;color:var(--muted)}input[data-v-6410aedb],textarea[data-v-6410aedb]{border:1px solid var(--border);border-radius:10px;padding:10px 12px;font-size:14px}textarea[data-v-6410aedb]{min-height:80px}.primary[data-v-6410aedb]{grid-column:1/-1;background:var(--accent);color:#000;border:none;border-radius:10px;padding:10px 14px;font-weight:600;cursor:pointer}.result[data-v-6410aedb]{margin-top:16px;border-top:1px solid var(--border);padding-top:16px}.lists[data-v-6410aedb]{margin-top:20px;display:grid;grid-template-columns:1fr 1fr;gap:16px}.list[data-v-6410aedb]{border:1px solid var(--border);border-radius:12px;padding:12px;background:#fff}.list h3[data-v-6410aedb]{margin:0 0 8px}.item[data-v-6410aedb]{display:flex;align-items:center;justify-content:space-between;padding:8px 0;border-bottom:1px dashed var(--border)}.item[data-v-6410aedb]:last-child{border-bottom:none}.status[data-v-6410aedb]{font-size:12px;color:var(--muted)}.muted[data-v-6410aedb]{color:var(--muted)}.actions[data-v-6410aedb]{display:flex;gap:8px;align-items:center}.btn-link[data-v-6410aedb]{text-decoration:none;color:var(--accent);font-size:.9rem;padding:4px 8px;border-radius:6px;background:rgba(0,0,0,.05);transition:background .2s}.btn-link[data-v-6410aedb]:hover{background:rgba(0,0,0,.1)}.btn-link.secondary[data-v-6410aedb]{color:#e65100;background:#fff3e0}.btn-link.secondary[data-v-6410aedb]:hover{background:#ffe0b2}.sec-options[data-v-6410aedb]{display:flex;gap:12px;margin-top:4px}.sec-options label[data-v-6410aedb]{display:flex;align-items:center;gap:4px;cursor:pointer}.container[data-v-0be5cea7]{padding:30px;max-width:1000px;margin:0 auto;min-height:100vh;font-family:Vazirmatn,sans-serif;color:#334155}.header[data-v-0be5cea7]{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:30px}.header h1[data-v-0be5cea7]{font-size:28px;font-weight:900;margin:0;color:#1e293b;letter-spacing:-.5px}.room-subtitle[data-v-0be5cea7]{font-size:14px;color:#64748b;font-weight:500}.back-btn[data-v-0be5cea7]{text-decoration:none;color:#475569;border:1px solid #cbd5e1;padding:8px 16px;border-radius:12px;transition:all .2s;font-weight:600;background:#fff;font-size:14px}.back-btn[data-v-0be5cea7]:hover{background:#f1f5f9;border-color:#94a3b8}.gallery-section[data-v-0be5cea7]{background:#fff;padding:24px;border-radius:24px;box-shadow:0 4px 6px -1px rgba(0,0,0,.05),0 10px 15px -3px rgba(0,0,0,.05)}.tabs[data-v-0be5cea7]{display:flex;gap:8px;margin-bottom:24px;overflow-x:auto;padding-bottom:4px;border-bottom:1px solid #f1f5f9}.tabs button[data-v-0be5cea7]{background:transparent;color:#64748b;border:none;border-radius:10px;padding:10px 14px;cursor:pointer;font-weight:600;white-space:nowrap;transition:.2s;font-size:14px}.tabs button[data-v-0be5cea7]:hover{background:#f8fafc;color:#334155}.tabs button.active[data-v-0be5cea7]{background:#eff6ff;color:#2563eb;font-weight:700}h2[data-v-0be5cea7]{margin-bottom:20px;color:#1e293b;font-size:18px;font-weight:800;border-right:4px solid #3b82f6;padding-right:12px}.loading[data-v-0be5cea7]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px;color:#94a3b8}.spinner[data-v-0be5cea7]{width:32px;height:32px;border:3px solid #e2e8f0;border-top-color:#3b82f6;border-radius:50%;animation:spin-0be5cea7 1s linear infinite;margin-bottom:16px}.empty[data-v-0be5cea7]{text-align:center;color:#94a3b8;padding:60px;background:#f8fafc;border-radius:20px;border:2px dashed #e2e8f0}.empty-icon[data-v-0be5cea7]{font-size:48px;margin-bottom:16px;opacity:.5}.grid-layout[data-v-0be5cea7]{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.card-item[data-v-0be5cea7]{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:16px;transition:transform .2s,box-shadow .2s}.card-item[data-v-0be5cea7]:hover{transform:translateY(-4px);box-shadow:0 10px 25px rgba(0,0,0,.05)}.image-pair[data-v-0be5cea7]{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px}.img-col[data-v-0be5cea7]{display:flex;flex-direction:column;gap:6px}.img-label[data-v-0be5cea7]{font-size:11px;color:#64748b;font-weight:600}.card-item img[data-v-0be5cea7]{width:100%;height:140px;-o-object-fit:cover;object-fit:cover;border-radius:10px;background:#f1f5f9;border:1px solid #f1f5f9}.card-meta[data-v-0be5cea7]{display:flex;flex-direction:column;gap:8px}.meta-row[data-v-0be5cea7]{display:flex;justify-content:space-between;color:#475569;font-size:13px}.btn-details[data-v-0be5cea7]{background:#f1f5f9;color:#334155;border:none;border-radius:8px;padding:10px;cursor:pointer;font-weight:600;width:100%;margin-top:8px;transition:.2s}.btn-details[data-v-0be5cea7]:hover{background:#e2e8f0}.slider-container[data-v-0be5cea7]{display:flex;align-items:flex-start;gap:16px;margin-bottom:24px;position:relative}.slider-wrapper[data-v-0be5cea7]{flex:1}.nav-btn[data-v-0be5cea7]{background:#fff;border:1px solid #e2e8f0;width:40px;height:40px;border-radius:50%;cursor:pointer;color:#64748b;font-size:18px;display:flex;align-items:center;justify-content:center;transition:.2s;position:absolute;top:200px;z-index:10;box-shadow:0 4px 6px rgba(0,0,0,.05)}.nav-btn[data-v-0be5cea7]:hover:not(:disabled){background:#f8fafc;color:#3b82f6;border-color:#bfdbfe}.nav-btn[data-v-0be5cea7]:disabled{opacity:.4;cursor:not-allowed}.nav-btn.prev[data-v-0be5cea7]{right:-20px}.nav-btn.next[data-v-0be5cea7]{left:-20px}.image-container[data-v-0be5cea7]{background:#f1f5f9;border-radius:16px;padding:12px;margin-bottom:16px;text-align:center}.art-image[data-v-0be5cea7]{max-width:100%;max-height:450px;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.1)}.art-info[data-v-0be5cea7]{background:#fff}.info-header[data-v-0be5cea7]{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;border-bottom:1px solid #f1f5f9;padding-bottom:12px}.info-header h3[data-v-0be5cea7]{margin:0;font-size:18px;color:#1e293b}.date[data-v-0be5cea7]{color:#94a3b8;font-size:13px}.thumbnails[data-v-0be5cea7]{display:flex;gap:8px;overflow-x:auto;padding-bottom:8px}.thumb[data-v-0be5cea7]{width:60px;height:60px;border-radius:10px;overflow:hidden;cursor:pointer;opacity:.5;border:2px solid transparent;flex-shrink:0;transition:.2s}.thumb.active[data-v-0be5cea7]{opacity:1;border-color:#3b82f6;transform:scale(1.05)}.thumb img[data-v-0be5cea7]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.analysis h4[data-v-0be5cea7]{color:#475569;margin-bottom:12px;font-size:14px;font-weight:700}.pending[data-v-0be5cea7]{display:flex;align-items:center;gap:8px;color:#64748b;font-size:14px;background:#f8fafc;padding:12px;border-radius:8px}.spinner-small[data-v-0be5cea7]{width:16px;height:16px;border:2px solid #cbd5e1;border-top-color:#3b82f6;border-radius:50%;animation:spin-0be5cea7 1s linear infinite}@keyframes spin-0be5cea7{to{transform:rotate(1turn)}}.callout[data-v-0be5cea7]{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:14px;margin-bottom:16px}.callout.positive[data-v-0be5cea7]{background:#f0fdf4;border-color:#bbf7d0;color:#15803d}.callout.parent-advice[data-v-0be5cea7]{background:#eff6ff;border-color:#bfdbfe;color:#1e40af}.callout-title[data-v-0be5cea7]{font-size:12px;font-weight:700;margin-bottom:6px;opacity:.8}.callout-text[data-v-0be5cea7]{font-size:14px;line-height:1.6}.score-row[data-v-0be5cea7]{margin-bottom:16px}.score-header[data-v-0be5cea7]{display:flex;justify-content:space-between;margin-bottom:6px;font-size:13px;font-weight:600;color:#475569}.score-value[data-v-0be5cea7]{color:#0f172a;font-weight:800}.score-bar[data-v-0be5cea7]{height:8px;background:#e2e8f0;border-radius:4px;overflow:hidden}.score-fill[data-v-0be5cea7]{height:100%;background:linear-gradient(90deg,#3b82f6,#6366f1);border-radius:4px}.details-grid[data-v-0be5cea7]{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px;margin-bottom:16px}.detail[data-v-0be5cea7]{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:10px}.detail-label[data-v-0be5cea7]{font-size:11px;color:#94a3b8;margin-bottom:4px}.detail-text[data-v-0be5cea7]{font-size:13px;font-weight:600;color:#334155}.tags[data-v-0be5cea7]{display:flex;gap:6px;flex-wrap:wrap}.tag[data-v-0be5cea7]{background:#f1f5f9;color:#64748b;padding:4px 8px;border-radius:6px;font-size:12px;font-weight:500}.story-grid[data-v-0be5cea7]{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.story-card[data-v-0be5cea7]{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:16px;display:flex;flex-direction:column}.story-head[data-v-0be5cea7]{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid #f8fafc}.story-title[data-v-0be5cea7]{font-weight:700;color:#334155}.story-date[data-v-0be5cea7]{font-size:12px;color:#94a3b8}.chat-preview[data-v-0be5cea7]{background:#f8fafc;border-radius:12px;padding:12px;margin-bottom:12px;display:flex;flex-direction:column;gap:8px}.mini-msg[data-v-0be5cea7]{display:flex;gap:8px;font-size:13px;color:#475569}.role-icon[data-v-0be5cea7]{font-size:14px}.analysis-preview[data-v-0be5cea7]{margin-bottom:12px}.rating-badge[data-v-0be5cea7]{background:#fffbeb;color:#b45309;padding:6px 12px;border-radius:8px;font-size:13px;display:inline-flex;align-items:center;gap:6px;border:1px solid #fcd34d}.btn-action[data-v-0be5cea7]{background:#8b5cf6;color:#fff;border:none;padding:8px 12px;border-radius:8px;font-size:13px;cursor:pointer}.music-card[data-v-0be5cea7]{display:flex;flex-direction:column;gap:12px;text-align:center}.music-icon-large[data-v-0be5cea7]{font-size:40px;margin-bottom:4px}.lyrics-snippet[data-v-0be5cea7]{font-size:13px;color:#64748b;font-style:italic;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:8px}.lyrics-box[data-v-0be5cea7]{max-height:200px;overflow-y:auto;white-space:pre-wrap;text-align:center;background:#fff1f2;border-color:#fecdd3;color:#9f1239}.lyrics-text[data-v-0be5cea7]{font-family:inherit;font-size:15px;line-height:2}.conn-image[data-v-0be5cea7]{position:relative;height:160px;border-radius:12px;overflow:hidden;margin-bottom:12px;background:#f1f5f9;border:1px solid #e2e8f0}.conn-image img[data-v-0be5cea7]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.mission-badge[data-v-0be5cea7]{position:absolute;top:8px;right:8px;background:hsla(0,0%,100%,.95);padding:4px 8px;border-radius:6px;font-size:11px;font-weight:700;color:#333;box-shadow:0 2px 4px rgba(0,0,0,.1);backdrop-filter:blur(2px)}.mission-badge.kitchen[data-v-0be5cea7]{color:#ea580c;border-right:3px solid #ea580c}.mission-badge.workshop[data-v-0be5cea7]{color:#2563eb;border-right:3px solid #2563eb}.mission-badge.league[data-v-0be5cea7]{color:#9333ea;border-right:3px solid #9333ea}.status-pill[data-v-0be5cea7]{font-size:11px;padding:2px 8px;border-radius:99px;background:#f1f5f9;color:#64748b}.status-pill.completed[data-v-0be5cea7]{background:#dcfce7;color:#166534}.conn-modal-img[data-v-0be5cea7]{width:100%;height:300px;border-radius:16px;overflow:hidden;margin-bottom:24px;background:#f8fafc;border:1px solid #e2e8f0}.conn-modal-img img[data-v-0be5cea7]{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.magic-title-box[data-v-0be5cea7]{text-align:center;margin-bottom:24px}.magic-title-box h4[data-v-0be5cea7]{font-size:24px;background:linear-gradient(135deg,#3b82f6,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin:0;font-weight:900}.badges-row[data-v-0be5cea7]{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:20px}.badge[data-v-0be5cea7]{background:#fef9c3;color:#b45309;padding:6px 12px;border-radius:99px;font-size:13px;font-weight:700;border:1px solid #fde047}.security-panel[data-v-0be5cea7]{max-width:600px;margin:0 auto}.sec-card[data-v-0be5cea7]{background:#fff;padding:32px;border-radius:24px;text-align:center;border:1px solid #e2e8f0}.sec-icon[data-v-0be5cea7]{font-size:48px;margin-bottom:16px}.sec-desc[data-v-0be5cea7]{color:#64748b;margin-bottom:24px;font-size:14px}.sec-options[data-v-0be5cea7]{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.sec-radio[data-v-0be5cea7]{display:flex;align-items:center;gap:12px;padding:12px 16px;border:2px solid #e2e8f0;border-radius:12px;cursor:pointer;transition:.2s}.sec-radio.selected[data-v-0be5cea7]{border-color:#3b82f6;background:#eff6ff;color:#1e40af}.sec-radio input[data-v-0be5cea7]{accent-color:#3b82f6}.sec-input-wrap[data-v-0be5cea7]{margin-bottom:24px;text-align:right}.sec-input-wrap label[data-v-0be5cea7]{display:block;margin-bottom:8px;font-weight:600;color:#334155}.pin-input[data-v-0be5cea7]{width:100%;padding:14px;border:2px solid #cbd5e1;border-radius:12px;font-size:20px;text-align:center;letter-spacing:4px;outline:none;transition:.2s}.pin-input[data-v-0be5cea7]:focus{border-color:#3b82f6}.pattern-wrapper[data-v-0be5cea7]{display:flex;justify-content:center;background:#f8fafc;padding:20px;border-radius:16px;border:1px solid #e2e8f0}.btn-save[data-v-0be5cea7]{background:#2563eb;color:#fff;border:none;padding:12px 32px;border-radius:12px;font-weight:700;font-size:16px;cursor:pointer;transition:.2s;width:100%}.btn-save[data-v-0be5cea7]:hover:not(:disabled){background:#1d4ed8}.btn-save[data-v-0be5cea7]:disabled{opacity:.6;cursor:not-allowed}.modal-overlay[data-v-0be5cea7]{position:fixed;inset:0;background:rgba(15,23,42,.6);backdrop-filter:blur(4px);z-index:2000;display:flex;align-items:center;justify-content:center;padding:20px}.modal-card[data-v-0be5cea7]{background:#fff;width:100%;max-width:550px;border-radius:24px;max-height:85vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 25px 50px -12px rgba(0,0,0,.25);animation:slideUp-0be5cea7 .3s cubic-bezier(.16,1,.3,1)}.modal-card h3.modal-title[data-v-0be5cea7]{margin:0;padding:20px 24px;border-bottom:1px solid #f1f5f9;font-size:18px;color:#1e293b;text-align:right;background:#fff}.modal-body[data-v-0be5cea7]{padding:24px;overflow-y:auto}.close-btn[data-v-0be5cea7]{position:absolute;top:16px;left:16px;width:32px;height:32px;border-radius:50%;background:#f1f5f9;border:none;color:#64748b;font-weight:700;cursor:pointer;transition:.2s;z-index:10}.close-btn[data-v-0be5cea7]:hover{background:#e2e8f0;color:#ef4444}.modal-pair[data-v-0be5cea7]{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:24px}.modal-pair img[data-v-0be5cea7]{width:100%;border-radius:12px;border:1px solid #e2e8f0;aspect-ratio:1;-o-object-fit:contain;object-fit:contain;background:#f8fafc}@keyframes slideUp-0be5cea7{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.header[data-v-0be5cea7]{flex-direction:column;align-items:flex-start;gap:12px}.back-btn[data-v-0be5cea7]{width:100%;text-align:center}.grid-layout[data-v-0be5cea7]{grid-template-columns:1fr}.modal-card[data-v-0be5cea7]{height:100%;max-height:100%;border-radius:0}.slider-container[data-v-0be5cea7]{flex-direction:column;position:relative}.nav-btn[data-v-0be5cea7]{top:50%;transform:translateY(-50%)}.nav-btn.prev[data-v-0be5cea7]{right:0}.nav-btn.next[data-v-0be5cea7]{left:0}}.profile-card[data-v-2c1114c5]{display:flex;align-items:center;gap:20px;background:var(--card);border:1px solid var(--border);border-radius:16px;padding:24px;box-shadow:0 8px 24px rgba(0,0,0,.06)}.avatar img[data-v-2c1114c5]{width:80px;height:80px;border-radius:50%;border:1px solid var(--border)}.muted[data-v-2c1114c5]{color:var(--muted)}.card[data-v-39bede6a],.card[data-v-3a1086fe],.card[data-v-4227ad61]{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:24px;box-shadow:0 8px 24px rgba(0,0,0,.06)}.room-wrap[data-v-e28dd200]{min-height:100vh;padding:24px;background:linear-gradient(135deg,#a5f3fc,#c4b5fd 50%,#fda4af);font-family:Vazirmatn,sans-serif;overflow-x:hidden;position:relative}.header[data-v-e28dd200]{max-width:800px;margin:0 auto 32px}.top-row[data-v-e28dd200]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.icon-btn[data-v-e28dd200]{width:48px;height:48px;border-radius:50%;border:3px solid #fff;background:hsla(0,0%,100%,.4);font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;backdrop-filter:blur(4px)}.icon-btn[data-v-e28dd200]:hover{background:#fff;transform:scale(1.1);box-shadow:0 4px 12px rgba(0,0,0,.1)}.icon-btn.logout[data-v-e28dd200]{color:#ef4444}.icon-btn.settings[data-v-e28dd200]{color:#6366f1}.room-status[data-v-e28dd200]{padding:8px 16px;background:#fff;border-radius:999px;font-weight:700;font-size:14px;box-shadow:0 4px 12px rgba(0,0,0,.1)}.room-status.expired[data-v-e28dd200]{color:#ef4444;background:#fee2e2}.title-section[data-v-e28dd200]{text-align:center}.room-title[data-v-e28dd200]{font-size:36px;font-weight:900;color:#fff;margin:0 0 8px;text-shadow:2px 2px 0 rgba(0,0,0,.1);background:linear-gradient(135deg,#7c3aed,#db2777);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:inline-block;animation:float-e28dd200 3s ease-in-out infinite}.room-subtitle[data-v-e28dd200]{color:#5b21b6;font-size:18px;font-weight:600;margin:0}.games-grid[data-v-e28dd200]{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:20px;max-width:800px;margin:0 auto;position:relative;z-index:10}.game-card[data-v-e28dd200]{background:hsla(0,0%,100%,.8);border-radius:24px;padding:16px;display:flex;flex-direction:column;align-items:center;gap:12px;cursor:pointer;transition:all .3s cubic-bezier(.34,1.56,.64,1);border:4px solid #fff;box-shadow:0 8px 24px rgba(0,0,0,.1);backdrop-filter:blur(8px)}.game-card[data-v-e28dd200]:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 16px 40px rgba(0,0,0,.15);background:#fff;z-index:20}.game-card.disabled[data-v-e28dd200]{opacity:.6;filter:grayscale(1);cursor:not-allowed}.game-card.disabled[data-v-e28dd200]:hover{transform:none}.game-icon-box[data-v-e28dd200]{width:100px;height:100px;border-radius:20px;display:flex;align-items:center;justify-content:center;box-shadow:inset 0 0 20px rgba(0,0,0,.1);transition:transform .5s ease}.game-card:hover .game-icon-box[data-v-e28dd200]{transform:rotate(10deg) scale(1.1)}.game-icon[data-v-e28dd200]{font-size:48px;filter:drop-shadow(0 4px 8px rgba(0,0,0,.2))}.game-info[data-v-e28dd200]{text-align:center}.game-title[data-v-e28dd200]{display:block;font-size:18px;font-weight:800;color:#4b5563;margin-bottom:4px}.play-btn-text[data-v-e28dd200]{font-size:12px;color:#8b5cf6;font-weight:700;opacity:0;transform:translateY(10px);transition:all .3s ease;display:block}.game-card:hover .play-btn-text[data-v-e28dd200]{opacity:1;transform:translateY(0)}.decoration[data-v-e28dd200]{position:fixed;font-size:60px;opacity:.5;pointer-events:none;z-index:1}.cloud-1[data-v-e28dd200]{top:10%;left:5%;animation:float-e28dd200 6s ease-in-out infinite}.cloud-2[data-v-e28dd200]{top:20%;right:5%;animation:float-e28dd200 7s ease-in-out infinite reverse}.star-1[data-v-e28dd200]{bottom:15%;left:10%;font-size:40px;animation:spin-e28dd200 10s linear infinite}.star-2[data-v-e28dd200]{bottom:25%;right:15%;font-size:30px;animation:pulse-e28dd200 3s ease-in-out infinite}.lock-overlay[data-v-e28dd200]{position:fixed;inset:0;background:rgba(0,0,0,.8);backdrop-filter:blur(10px);z-index:1000;display:flex;align-items:center;justify-content:center}.lock-card[data-v-e28dd200]{background:#fff;border-radius:24px;padding:32px;width:90%;max-width:400px;text-align:center;box-shadow:0 20px 40px rgba(0,0,0,.3)}.lock-icon[data-v-e28dd200]{font-size:48px;margin-bottom:16px}.lock-card h2[data-v-e28dd200]{margin:0 0 8px;color:#1e293b}.lock-card p[data-v-e28dd200]{color:#64748b;margin-bottom:24px}.pin-display[data-v-e28dd200]{display:flex;justify-content:center;gap:16px;margin-bottom:24px}.dot[data-v-e28dd200]{width:16px;height:16px;border-radius:50%;border:2px solid #cbd5e1;background:#f1f5f9}.dot.filled[data-v-e28dd200]{background:#2563eb;border-color:#2563eb;transform:scale(1.2)}.numpad[data-v-e28dd200]{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.numpad button[data-v-e28dd200]{aspect-ratio:1;border-radius:50%;background:#f8fafc;border:1px solid #e2e8f0;font-size:20px;font-weight:700;color:#334155;cursor:pointer;transition:all .2s}.numpad button[data-v-e28dd200]:active{background:#e2e8f0;transform:scale(.95)}.numpad .zero[data-v-e28dd200]{grid-column:2}.numpad .del[data-v-e28dd200]{background:#fee2e2;color:#ef4444;border-color:#fecaca}.pattern-grid[data-v-e28dd200]{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;width:200px;margin:0 auto 24px}.dot-btn[data-v-e28dd200]{width:40px;height:40px;border-radius:50%;background:#e2e8f0;border:none;margin:0 auto;cursor:pointer;transition:all .2s}.dot-btn.active[data-v-e28dd200]{background:#2563eb;box-shadow:0 0 0 4px rgba(37,99,235,.3)}.actions[data-v-e28dd200]{display:flex;gap:10px;justify-content:center}.reset[data-v-e28dd200]{background:#f1f5f9;color:#64748b}.reset[data-v-e28dd200],.submit[data-v-e28dd200]{border:none;padding:8px 16px;border-radius:8px;cursor:pointer}.submit[data-v-e28dd200]{background:#2563eb;color:#fff;font-weight:700}.submit[data-v-e28dd200]:disabled{opacity:.5}.error[data-v-e28dd200]{color:#ef4444;margin-top:16px;font-weight:700}@keyframes float-e28dd200{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes spin-e28dd200{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes pulse-e28dd200{0%,to{transform:scale(1);opacity:.5}50%{transform:scale(1.2);opacity:.8}}@media (max-width:600px){.room-title[data-v-e28dd200]{font-size:28px}.games-grid[data-v-e28dd200]{grid-template-columns:repeat(2,1fr)}.game-icon-box[data-v-e28dd200]{width:80px;height:80px}.game-icon[data-v-e28dd200]{font-size:40px}}.paint-wrap[data-v-8eef9cbe]{display:grid;grid-template-columns:420px 1fr;gap:16px;padding:24px;max-width:1400px;margin:0 auto}@media (max-width:900px){.paint-wrap[data-v-8eef9cbe]{grid-template-columns:1fr;padding:12px;gap:12px}.template-visual[data-v-8eef9cbe]{width:80px;height:80px;font-size:48px}.color-panel[data-v-8eef9cbe]{grid-template-columns:repeat(auto-fill,40px);justify-content:center}}.panel[data-v-8eef9cbe]{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:16px;box-shadow:0 4px 6px -1px rgba(0,0,0,.1)}.template-panel[data-v-8eef9cbe]{background:#fff}.template-card[data-v-8eef9cbe]{display:flex;gap:12px;align-items:center;background:#f0f9ff;border:2px dashed #bae6fd;border-radius:14px;padding:12px;margin-bottom:8px}.template-visual[data-v-8eef9cbe]{width:120px;height:120px;display:flex;align-items:center;justify-content:center;font-size:72px;background:#fff;border-radius:16px;flex-shrink:0;box-shadow:0 4px 12px rgba(0,0,0,.05)}.template-info[data-v-8eef9cbe]{display:flex;flex-direction:column;gap:6px}.template-title[data-v-8eef9cbe]{font-weight:800;color:#0369a1;font-size:1.1rem}.template-text[data-v-8eef9cbe]{color:#334155;font-size:14px}.template-actions[data-v-8eef9cbe]{display:flex;gap:8px}.note[data-v-8eef9cbe]{font-size:12px;color:#94a3b8}.canvas-card[data-v-8eef9cbe]{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:16px;overflow:hidden;display:flex;flex-direction:column;height:calc(100vh - 48px);max-height:800px;box-shadow:0 10px 15px -3px rgba(0,0,0,.1)}.color-panel[data-v-8eef9cbe]{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid #f1f5f9}.color-swatch[data-v-8eef9cbe]{width:36px;height:36px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 2px #e2e8f0;cursor:pointer;transition:transform .2s}.color-swatch[data-v-8eef9cbe]:hover{transform:scale(1.1)}.color-picker[data-v-8eef9cbe]{width:36px;height:36px;border:none;background:transparent;cursor:pointer}.size-label[data-v-8eef9cbe]{font-size:13px;font-weight:500;color:#64748b;margin-right:8px}.size-slider[data-v-8eef9cbe]{width:120px;accent-color:var(--accent)}.tools[data-v-8eef9cbe]{display:flex;align-items:center;gap:8px;margin-bottom:12px;flex-wrap:wrap}.tool-btn[data-v-8eef9cbe]{background:#f1f5f9;color:#475569;border:none;border-radius:10px;padding:8px 16px;font-weight:600;font-size:14px;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .2s}.tool-btn[data-v-8eef9cbe]:hover{background:#e2e8f0}.tool-btn.active[data-v-8eef9cbe]{background:#eff6ff;color:#2563eb}.sound-btn[data-v-8eef9cbe]{background:#dbeafe;color:#1e40af}.sound-btn[data-v-8eef9cbe]:hover{background:#bfdbfe}.tts-btn[data-v-8eef9cbe]{width:40px;justify-content:center;padding:8px}.submit-btn[data-v-8eef9cbe]{margin-right:auto;background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;padding:10px 24px;border-radius:12px;box-shadow:0 4px 12px rgba(37,99,235,.3);transition:all .3s}.submit-btn[data-v-8eef9cbe]:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(37,99,235,.4)}.canvas[data-v-8eef9cbe]{flex:1;width:100%;border:2px dashed #e2e8f0;border-radius:12px;touch-action:none;background:#fff;cursor:crosshair}.modal-overlay[data-v-8eef9cbe],.popup-overlay[data-v-8eef9cbe]{position:fixed;inset:0;background:rgba(15,23,42,.6);display:flex;align-items:center;justify-content:center;z-index:2000;backdrop-filter:blur(4px)}.modal-content.magic-theme[data-v-8eef9cbe]{background:linear-gradient(135deg,#fff,#f0f9ff);border:4px solid #bae6fd;box-shadow:0 25px 50px -12px rgba(0,0,0,.25);border-radius:24px;padding:32px;text-align:center;width:90%;max-width:480px;position:relative;min-height:400px;display:flex;flex-direction:column;justify-content:center}.magic-icon[data-v-8eef9cbe]{font-size:48px;margin-bottom:16px;animation:bounce-8eef9cbe 2s infinite}@keyframes bounce-8eef9cbe{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.modal-content h3[data-v-8eef9cbe]{color:#0c4a6e;margin-bottom:8px;font-size:24px}.modal-content p[data-v-8eef9cbe]{color:#0284c7;margin-bottom:24px;font-size:16px}.preview-box[data-v-8eef9cbe]{background:#fff;padding:12px;border-radius:12px;display:inline-block;margin-bottom:24px;box-shadow:0 4px 6px -1px rgba(0,0,0,.1);transform:rotate(-2deg)}.mini-preview[data-v-8eef9cbe]{max-width:150px;border-radius:8px;border:1px solid #e2e8f0}.prompt-section[data-v-8eef9cbe]{text-align:right;margin-bottom:24px;width:100%}.prompt-section label[data-v-8eef9cbe]{display:block;font-weight:600;color:#334155;margin-bottom:8px;font-size:14px}.input-wrap[data-v-8eef9cbe]{display:flex;gap:8px}.input-wrap input[data-v-8eef9cbe]{flex:1;padding:10px 14px;border:2px solid #e2e8f0;border-radius:12px;font-size:14px;outline:none;transition:border .2s}.input-wrap input[data-v-8eef9cbe]:focus{border-color:#3b82f6}.mic-btn[data-v-8eef9cbe]{background:#f1f5f9;border:none;width:42px;width:44px;border-radius:12px;font-size:20px;cursor:pointer;color:#64748b}.mic-btn[data-v-8eef9cbe]:hover{background:#e2e8f0;color:#ef4444}.actions-row[data-v-8eef9cbe]{display:flex;flex-direction:column;gap:12px;margin-bottom:16px;width:100%}.btn-magic[data-v-8eef9cbe]{background:linear-gradient(135deg,#8b5cf6,#6d28d9);color:#fff;padding:14px;border:none;border-radius:14px;font-weight:700;font-size:16px;cursor:pointer;transition:transform .2s;display:flex;justify-content:center;align-items:center;gap:8px;box-shadow:0 4px 12px rgba(139,92,246,.4)}.btn-magic[data-v-8eef9cbe]:hover{transform:scale(1.02)}.btn-simple[data-v-8eef9cbe]{background:transparent;color:#64748b;padding:12px;border:2px solid #e2e8f0;border-radius:14px;font-weight:600;cursor:pointer;transition:all .2s}.btn-simple[data-v-8eef9cbe]:hover{background:#f8fafc;color:#334155;border-color:#cbd5e1}.close-text[data-v-8eef9cbe]{background:none;border:none;color:#94a3b8;font-size:13px;cursor:pointer;text-decoration:underline}.magic-loading[data-v-8eef9cbe]{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%}.magic-spinner[data-v-8eef9cbe]{font-size:60px;margin-bottom:20px;position:relative;animation:float-8eef9cbe 3s ease-in-out infinite}.wand[data-v-8eef9cbe]{position:relative;z-index:2;animation:wave-8eef9cbe 1.5s ease-in-out infinite}.sparkles[data-v-8eef9cbe]{position:absolute;top:-10px;right:-20px;font-size:40px;animation:sparkle-8eef9cbe 1s linear infinite}.progress-bar-magic[data-v-8eef9cbe]{width:100%;height:8px;background:#e0f2fe;border-radius:99px;overflow:hidden;margin-top:20px}.progress-bar-magic .fill[data-v-8eef9cbe]{height:100%;width:50%;background:linear-gradient(90deg,#8b5cf6,#ec4899);animation:progress-indeterminate-8eef9cbe 2s linear infinite}@keyframes wave-8eef9cbe{0%,to{transform:rotate(0deg)}50%{transform:rotate(-20deg)}}@keyframes sparkle-8eef9cbe{0%{opacity:0;transform:scale(.5)}50%{opacity:1;transform:scale(1.2)}to{opacity:0;transform:scale(.5)}}@keyframes float-8eef9cbe{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes progress-indeterminate-8eef9cbe{0%{transform:translateX(-100%)}to{transform:translateX(200%)}}.popup-content[data-v-8eef9cbe]{background:#fff;border-radius:24px;padding:32px;text-align:center;max-width:600px;width:90%;box-shadow:0 20px 50px rgba(0,0,0,.3);animation:pop-in-8eef9cbe .4s cubic-bezier(.175,.885,.32,1.275)}@keyframes pop-in-8eef9cbe{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.popup-confetti[data-v-8eef9cbe]{font-size:64px;margin-bottom:16px;animation:spin-8eef9cbe 2s linear infinite}@keyframes spin-8eef9cbe{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.popup-content h3[data-v-8eef9cbe]{font-size:28px;color:#1f57c9;margin-bottom:8px}.popup-content p[data-v-8eef9cbe]{color:#4b5563;margin-bottom:24px;font-size:18px}.animal-grid[data-v-8eef9cbe]{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:12px;margin-bottom:24px;max-height:300px;overflow-y:auto}.animal-btn[data-v-8eef9cbe]{display:flex;flex-direction:column;align-items:center;gap:6px;background:#f3f4f6;border:2px solid transparent;border-radius:16px;padding:12px;cursor:pointer;transition:all .2s}.animal-btn[data-v-8eef9cbe]:hover{background:#e0e7ff;transform:translateY(-2px)}.animal-btn .emoji[data-v-8eef9cbe]{font-size:32px}.animal-btn .name[data-v-8eef9cbe]{font-size:14px;font-weight:700;color:#374151}.close-popup[data-v-8eef9cbe]{background:#ef4444;color:#fff;border:none;padding:10px 24px;border-radius:12px;font-weight:700;cursor:pointer;font-size:16px}.panel-header[data-v-8eef9cbe]{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.back-btn[data-v-8eef9cbe]{background:#e5e7eb;border:none;padding:6px 12px;border-radius:8px;cursor:pointer;font-weight:600;color:#374151}.back-btn[data-v-8eef9cbe]:hover{background:#d1d5db}.puzzle-wrap[data-v-1e40805d]{min-height:100vh;padding:16px;background:linear-gradient(135deg,#a5f3fc,#c4b5fd 50%,#fda4af);font-family:Vazirmatn,sans-serif}.header[data-v-1e40805d]{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:20px}.back-btn[data-v-1e40805d]{background:linear-gradient(135deg,#fff,#f0f9ff);border:3px solid #38bdf8;border-radius:999px;padding:10px 20px;font-weight:700;font-size:14px;color:#0369a1;cursor:pointer;box-shadow:0 4px 12px rgba(56,189,248,.3);transition:all .3s ease}.back-btn[data-v-1e40805d]:hover{transform:scale(1.05)}.title[data-v-1e40805d]{font-size:28px;background:linear-gradient(135deg,#7c3aed,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0;flex:1;text-align:center}.diff-pills[data-v-1e40805d]{display:flex;gap:8px}.diff-pill[data-v-1e40805d]{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#b45309;border:none;border-radius:999px;padding:10px 18px;font-weight:700;font-size:14px;cursor:pointer;transition:all .3s ease}.diff-pill.active[data-v-1e40805d]{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#fff;box-shadow:0 4px 16px rgba(245,158,11,.4)}.select-phase[data-v-1e40805d]{max-width:800px;margin:0 auto}.source-tabs[data-v-1e40805d]{display:flex;gap:8px;margin-bottom:20px;flex-wrap:wrap;justify-content:center}.source-tab[data-v-1e40805d]{background:hsla(0,0%,100%,.9);border:3px solid transparent;border-radius:16px;padding:14px 20px;font-weight:700;font-size:15px;color:#6b7280;cursor:pointer;transition:all .3s ease}.source-tab.active[data-v-1e40805d]{border-color:#8b5cf6;color:#7c3aed;background:#fff;box-shadow:0 6px 20px rgba(139,92,246,.3)}.models-grid[data-v-1e40805d]{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:12px;margin-bottom:20px}.model-card[data-v-1e40805d]{background:#fff;border:3px solid #e5e7eb;border-radius:16px;padding:10px;text-align:center;cursor:pointer;transition:all .3s ease}.model-card[data-v-1e40805d]:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(0,0,0,.15)}.model-card.selected[data-v-1e40805d]{border-color:#8b5cf6;box-shadow:0 0 0 4px rgba(139,92,246,.3)}.model-card.small[data-v-1e40805d]{padding:8px}.model-preview[data-v-1e40805d]{width:80px;height:80px;margin:0 auto 8px;border-radius:12px;display:flex;align-items:center;justify-content:center}.model-card.small .model-preview[data-v-1e40805d]{width:60px;height:60px}.model-emoji[data-v-1e40805d]{font-size:48px}.model-card.small .model-emoji[data-v-1e40805d]{font-size:32px}.model-name[data-v-1e40805d]{font-weight:700;color:#374151;font-size:14px}.ai-chat[data-v-1e40805d]{background:linear-gradient(135deg,#fff,#f0fdf4);border:3px solid #34d399;border-radius:20px;padding:16px;margin-bottom:20px}.chat-messages[data-v-1e40805d]{max-height:200px;overflow-y:auto;margin-bottom:12px}.chat-msg[data-v-1e40805d]{margin-bottom:10px;display:flex}.chat-msg.ai[data-v-1e40805d]{justify-content:flex-start}.chat-msg.kid[data-v-1e40805d]{justify-content:flex-end}.msg-bubble[data-v-1e40805d]{max-width:80%;padding:10px 14px;border-radius:16px;font-size:14px}.chat-msg.ai .msg-bubble[data-v-1e40805d]{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1e40af}.chat-msg.kid .msg-bubble[data-v-1e40805d]{background:linear-gradient(135deg,#dcfce7,#bbf7d0);color:#166534}.chat-input-row[data-v-1e40805d]{display:flex;gap:8px}.chat-input[data-v-1e40805d]{flex:1;padding:12px 16px;border:2px solid #d1d5db;border-radius:999px;font-size:14px;outline:none}.chat-input[data-v-1e40805d]:focus{border-color:#8b5cf6}.chat-send[data-v-1e40805d]{width:48px;height:48px;border-radius:50%;border:none;background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;font-size:20px;cursor:pointer}.chat-send[data-v-1e40805d]:disabled{opacity:.6}.suggested-models[data-v-1e40805d]{margin-top:16px}.suggest-label[data-v-1e40805d]{color:#6b7280;font-size:14px;margin-bottom:10px;text-align:center}.models-row[data-v-1e40805d]{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.upload-zone[data-v-1e40805d]{margin-bottom:20px}.file-input[data-v-1e40805d]{display:none}.upload-box[data-v-1e40805d]{background:linear-gradient(135deg,#fff,#fef3c7);border:4px dashed #fbbf24;border-radius:20px;padding:40px;text-align:center;cursor:pointer;min-height:200px;display:flex;align-items:center;justify-content:center}.upload-placeholder[data-v-1e40805d]{color:#92400e}.upload-icon[data-v-1e40805d]{font-size:64px;display:block;margin-bottom:12px}.upload-preview[data-v-1e40805d]{max-width:100%;max-height:300px;border-radius:12px}.start-btn[data-v-1e40805d]{display:block;width:100%;max-width:300px;margin:0 auto;padding:18px 32px;background:linear-gradient(135deg,#34d399,#10b981 50%,#059669);color:#fff;border:none;border-radius:999px;font-size:20px;font-weight:800;cursor:pointer;box-shadow:0 8px 24px rgba(16,185,129,.4)}.start-btn[data-v-1e40805d]:disabled{opacity:.5;cursor:not-allowed}.game-phase[data-v-1e40805d]{max-width:500px;margin:0 auto}.game-stats[data-v-1e40805d]{display:flex;gap:12px;justify-content:center;align-items:center;margin-bottom:16px;flex-wrap:wrap}.stat-box[data-v-1e40805d]{background:linear-gradient(135deg,#fff,#fef3c7);border:2px solid #fbbf24;border-radius:12px;padding:10px 16px;display:flex;align-items:center;gap:8px}.stat-icon[data-v-1e40805d]{font-size:20px}.stat-value[data-v-1e40805d]{font-weight:700;color:#92400e;font-size:16px}.preview-btn[data-v-1e40805d]{background:linear-gradient(135deg,#c4b5fd,#a78bfa);border:none;border-radius:12px;padding:10px 16px;font-weight:700;color:#5b21b6;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.game-area[data-v-1e40805d]{display:flex;flex-direction:column;align-items:center;gap:20px}.puzzle-board[data-v-1e40805d]{position:relative;background:linear-gradient(135deg,#fff,#f0fdf4);border:6px solid #8b5cf6;border-radius:16px;box-shadow:0 16px 48px rgba(0,0,0,.15)}.puzzle-slot[data-v-1e40805d]{position:absolute;border:2px dashed rgba(139,92,246,.4);border-radius:6px;background:rgba(139,92,246,.08);box-sizing:border-box}.pieces-tray[data-v-1e40805d]{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;background:linear-gradient(135deg,#fff,#fef3c7);border:4px solid #fbbf24;border-radius:16px;padding:16px;min-height:100px;width:100%;max-width:360px}.tray-piece[data-v-1e40805d]{border-radius:8px;box-shadow:0 6px 20px rgba(0,0,0,.25);cursor:grab;touch-action:none;overflow:hidden;flex-shrink:0}.tray-piece[data-v-1e40805d]:hover{box-shadow:0 10px 30px rgba(0,0,0,.35);transform:scale(1.05)}.tray-piece.dragging[data-v-1e40805d]{opacity:.3}.puzzle-piece.placed[data-v-1e40805d]{position:absolute;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.15)}.piece-image[data-v-1e40805d]{display:block;width:100%;height:100%;pointer-events:none}.dragging-piece[data-v-1e40805d]{position:fixed;pointer-events:none;z-index:9999;border-radius:8px;box-shadow:0 16px 40px rgba(0,0,0,.4);overflow:hidden}.dragging-piece .piece-image[data-v-1e40805d]{width:100%;height:100%}.preview-overlay[data-v-1e40805d]{position:absolute;inset:0;background:rgba(0,0,0,.8);display:flex;align-items:center;justify-content:center;border-radius:10px;z-index:100}.preview-image[data-v-1e40805d]{max-width:95%;max-height:95%;border-radius:8px}.complete-overlay[data-v-1e40805d]{position:fixed;inset:0;background:linear-gradient(135deg,rgba(16,185,129,.9),rgba(99,102,241,.9) 50%,rgba(236,72,153,.9));display:flex;align-items:center;justify-content:center;z-index:1000;backdrop-filter:blur(8px)}.complete-popup[data-v-1e40805d]{background:#fff;border-radius:32px;padding:40px;text-align:center;max-width:400px;width:90%;box-shadow:0 24px 60px rgba(0,0,0,.3)}.confetti[data-v-1e40805d]{font-size:80px;animation:confetti-bounce-1e40805d 1s ease-in-out infinite}@keyframes confetti-bounce-1e40805d{0%,to{transform:translateY(0) rotate(-5deg)}50%{transform:translateY(-15px) rotate(5deg)}}.complete-popup h2[data-v-1e40805d]{font-size:24px;background:linear-gradient(135deg,#7c3aed,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:16px 0 8px}.complete-stats[data-v-1e40805d]{color:#6b7280;font-size:16px;margin-bottom:24px}.complete-actions[data-v-1e40805d]{display:flex;flex-direction:column;gap:12px}.action-btn[data-v-1e40805d]{padding:14px 24px;border:none;border-radius:999px;font-size:16px;font-weight:700;cursor:pointer}.action-btn.replay[data-v-1e40805d]{background:linear-gradient(135deg,#34d399,#10b981);color:#fff}.action-btn.choose[data-v-1e40805d]{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.action-btn.back[data-v-1e40805d]{background:linear-gradient(135deg,#f472b6,#ec4899);color:#fff}@media (max-width:600px){.header[data-v-1e40805d]{flex-direction:column;text-align:center}.title[data-v-1e40805d]{order:-1;width:100%}.diff-pills[data-v-1e40805d]{justify-content:center}.models-grid[data-v-1e40805d]{grid-template-columns:repeat(3,1fr)}.model-preview[data-v-1e40805d]{width:60px;height:60px}.model-emoji[data-v-1e40805d]{font-size:32px}}.shapes-wrap[data-v-e8033f8e]{min-height:100vh;padding:16px;background:linear-gradient(135deg,#dbeafe,#fce7f3 50%,#fef3c7);font-family:Vazirmatn,sans-serif}.header[data-v-e8033f8e]{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:16px}.back-btn[data-v-e8033f8e]{background:linear-gradient(135deg,#fff,#f0f9ff);border:3px solid #38bdf8;border-radius:999px;padding:10px 20px;font-weight:700;font-size:14px;color:#0369a1;cursor:pointer;box-shadow:0 4px 12px rgba(56,189,248,.3);transition:all .3s ease}.back-btn[data-v-e8033f8e]:hover{transform:scale(1.05)}.title[data-v-e8033f8e]{font-size:28px;background:linear-gradient(135deg,#ef4444,#f59e0b 50%,#10b981);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0;flex:1;text-align:center}.diff-pills[data-v-e8033f8e]{display:flex;gap:8px}.diff-pill[data-v-e8033f8e]{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#b45309;border:none;border-radius:999px;padding:10px 18px;font-weight:700;font-size:14px;cursor:pointer;transition:all .3s ease}.diff-pill[data-v-e8033f8e]:disabled{opacity:.6;cursor:not-allowed}.diff-pill.active[data-v-e8033f8e]{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#fff;box-shadow:0 4px 16px rgba(245,158,11,.4)}.game-controls[data-v-e8033f8e]{display:flex;justify-content:center;align-items:center;gap:16px;margin-bottom:16px;flex-wrap:wrap}.stats[data-v-e8033f8e]{display:flex;gap:12px}.stat-box[data-v-e8033f8e]{background:linear-gradient(135deg,#fff,#fef3c7);border:2px solid #fbbf24;border-radius:12px;padding:10px 16px;display:flex;align-items:center;gap:8px}.stat-icon[data-v-e8033f8e]{font-size:20px}.stat-value[data-v-e8033f8e]{font-weight:700;color:#92400e;font-size:16px}.start-btn[data-v-e8033f8e]{background:linear-gradient(135deg,#34d399,#10b981 50%,#059669);color:#fff;border:none;border-radius:999px;padding:14px 28px;font-size:18px;font-weight:800;cursor:pointer;box-shadow:0 8px 24px rgba(16,185,129,.4)}.game-area[data-v-e8033f8e]{display:flex;flex-direction:column;align-items:center;gap:20px;max-width:500px;margin:0 auto}.shapes-board[data-v-e8033f8e]{position:relative;background:linear-gradient(135deg,#fff,#f0fdf4);border:6px solid #8b5cf6;border-radius:16px;box-shadow:0 16px 48px rgba(0,0,0,.15)}.shape-slot[data-v-e8033f8e]{position:absolute;display:flex;align-items:center;justify-content:center}.slot-shape[data-v-e8033f8e]{opacity:.8}.shape-piece.placed[data-v-e8033f8e]{position:absolute;display:flex;align-items:center;justify-content:center;filter:drop-shadow(0 4px 8px rgba(0,0,0,.2))}.shapes-tray[data-v-e8033f8e]{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;background:linear-gradient(135deg,#fff,#fef3c7);border:4px solid #fbbf24;border-radius:16px;padding:20px;min-height:80px;width:100%;max-width:360px}.tray-shape[data-v-e8033f8e]{cursor:grab;touch-action:none;filter:drop-shadow(0 6px 12px rgba(0,0,0,.25));transition:all .2s ease}.tray-shape[data-v-e8033f8e]:hover{transform:scale(1.1);filter:drop-shadow(0 10px 20px rgba(0,0,0,.3))}.tray-shape.dragging[data-v-e8033f8e]{opacity:.3}.dragging-shape[data-v-e8033f8e]{position:fixed;pointer-events:none;z-index:9999;filter:drop-shadow(0 16px 32px rgba(0,0,0,.4))}.success-overlay[data-v-e8033f8e]{position:fixed;inset:0;background:linear-gradient(135deg,rgba(16,185,129,.9),rgba(99,102,241,.9) 50%,rgba(236,72,153,.9));display:flex;align-items:center;justify-content:center;z-index:1000;backdrop-filter:blur(8px)}.success-popup[data-v-e8033f8e]{background:#fff;border-radius:32px;padding:40px;text-align:center;max-width:400px;width:90%;box-shadow:0 24px 60px rgba(0,0,0,.3)}.confetti[data-v-e8033f8e]{font-size:80px;animation:confetti-bounce-e8033f8e 1s ease-in-out infinite}@keyframes confetti-bounce-e8033f8e{0%,to{transform:translateY(0) rotate(-5deg)}50%{transform:translateY(-15px) rotate(5deg)}}.success-popup h2[data-v-e8033f8e]{font-size:22px;background:linear-gradient(135deg,#7c3aed,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:16px 0 8px}.success-stats[data-v-e8033f8e]{color:#6b7280;font-size:16px;margin-bottom:24px}.success-actions[data-v-e8033f8e]{display:flex;flex-direction:column;gap:12px}.action-btn[data-v-e8033f8e]{padding:14px 24px;border:none;border-radius:999px;font-size:16px;font-weight:700;cursor:pointer}.action-btn.replay[data-v-e8033f8e]{background:linear-gradient(135deg,#34d399,#10b981);color:#fff}.action-btn.back[data-v-e8033f8e]{background:linear-gradient(135deg,#f472b6,#ec4899);color:#fff}@media (max-width:600px){.shapes-tray[data-v-e8033f8e]{box-sizing:border-box}.header[data-v-e8033f8e]{flex-direction:column;text-align:center}.title[data-v-e8033f8e]{order:-1;width:100%}.diff-pills[data-v-e8033f8e]{justify-content:center}}.adv-wrap[data-v-7c90bb85]{min-height:100vh;padding:16px;background:linear-gradient(135deg,#a7f3d0,#6ee7b7 50%,#34d399);font-family:Vazirmatn,sans-serif;display:flex;flex-direction:column;position:relative;overflow:hidden}.header[data-v-7c90bb85]{display:flex;align-items:center;gap:12px;margin-bottom:16px;z-index:10}.back-btn[data-v-7c90bb85]{background:#fff;border:none;border-radius:999px;padding:8px 16px;font-weight:700;color:#059669;cursor:pointer;box-shadow:0 4px 12px rgba(0,0,0,.1);transition:transform .2s}.back-btn[data-v-7c90bb85]:hover{transform:scale(1.05)}.title[data-v-7c90bb85]{flex:1;font-size:20px;margin:0;color:#064e3b;text-shadow:0 2px 4px hsla(0,0%,100%,.4)}.status-badge[data-v-7c90bb85]{background:hsla(0,0%,100%,.6);padding:6px 12px;border-radius:99px;font-size:13px;font-weight:600;color:#065f46}.status-badge.thinking[data-v-7c90bb85]{background:#fef08a;color:#854d0e;animation:pulse-7c90bb85 1.5s infinite}.chat-container[data-v-7c90bb85]{flex:1;background:hsla(0,0%,100%,.85);backdrop-filter:blur(10px);border-radius:24px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 12px 32px rgba(0,0,0,.1);z-index:10;max-width:800px;margin:0 auto;width:100%}.chat-messages[data-v-7c90bb85]{flex:1;padding:20px;overflow-y:auto;display:flex;flex-direction:column;gap:16px;scroll-behavior:smooth}.msg-row[data-v-7c90bb85]{display:flex;align-items:flex-end;gap:10px;max-width:85%}.msg-row.kid[data-v-7c90bb85]{align-self:flex-end;flex-direction:row-reverse}.msg-row.ai[data-v-7c90bb85]{align-self:flex-start}.msg-row.system[data-v-7c90bb85]{align-self:center;max-width:90%}.avatar[data-v-7c90bb85]{width:40px;height:40px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;font-size:20px;box-shadow:0 4px 8px rgba(0,0,0,.1);border:2px solid #fff}.bubble[data-v-7c90bb85]{padding:12px 16px;border-radius:20px;font-size:16px;line-height:1.6;position:relative;box-shadow:0 2px 8px rgba(0,0,0,.05)}.msg-row.kid .bubble[data-v-7c90bb85]{background:#0ea5e9;color:#fff;border-bottom-left-radius:4px}.msg-row.ai .bubble[data-v-7c90bb85]{background:#fff;color:#334155;border-bottom-right-radius:4px}.msg-row.system .bubble[data-v-7c90bb85]{background:#fef9c3;color:#854d0e;border-radius:99px;padding:8px 16px;font-size:14px;text-align:center}.typing-dots[data-v-7c90bb85]{display:flex;gap:4px;padding:4px 0}.typing-dots span[data-v-7c90bb85]{width:8px;height:8px;background:#cbd5e1;border-radius:50%;animation:bounce-7c90bb85 1.4s ease-in-out infinite both}.typing-dots span[data-v-7c90bb85]:first-child{animation-delay:-.32s}.typing-dots span[data-v-7c90bb85]:nth-child(2){animation-delay:-.16s}.input-area[data-v-7c90bb85]{padding:16px;background:#fff;border-top:1px solid #e2e8f0;display:flex;gap:12px;align-items:center;transition:all .3s ease}.mic-btn[data-v-7c90bb85]{width:48px;height:48px;border-radius:50%;border:none;background:#f1f5f9;color:#475569;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:20px;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1);flex-shrink:0}.mic-btn[data-v-7c90bb85]:hover:not(:disabled){background:#e2e8f0;transform:scale(1.05)}.mic-btn.listening[data-v-7c90bb85]{background:#ef4444;color:#fff;animation:pulse-red-7c90bb85 1.5s infinite}.mic-btn[data-v-7c90bb85]:disabled{opacity:.5;cursor:default}.text-input-wrap[data-v-7c90bb85]{flex:1;position:relative;display:flex}.text-input[data-v-7c90bb85]{width:100%;padding:12px 20px;border-radius:99px;border:2px solid #e2e8f0;font-size:16px;font-family:inherit;outline:none;transition:all .2s ease;background:#f8fafc}.text-input[data-v-7c90bb85]:focus{border-color:#0ea5e9;background:#fff;box-shadow:0 0 0 3px rgba(14,165,233,.1)}.text-input[data-v-7c90bb85]:disabled{background:#f1f5f9;cursor:default}.send-btn[data-v-7c90bb85]{background:linear-gradient(135deg,#0ea5e9,#0284c7);color:#fff;border:none;border-radius:99px;padding:0 24px;height:48px;font-weight:700;font-size:15px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px rgba(14,165,233,.3);display:flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap;flex-shrink:0}.send-btn[data-v-7c90bb85]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px rgba(14,165,233,.4)}.send-btn[data-v-7c90bb85]:disabled{opacity:.6;cursor:default;box-shadow:none;transform:none;background:#cbd5e1}.btn-icon[data-v-7c90bb85]{font-size:18px}.bg-decoration[data-v-7c90bb85]{position:absolute;font-size:80px;opacity:.4;pointer-events:none;z-index:1}.tree-1[data-v-7c90bb85]{bottom:-20px;right:-20px;font-size:140px}.tree-2[data-v-7c90bb85]{bottom:-10px;left:-10px;font-size:120px}.bird[data-v-7c90bb85]{top:60px;left:10%;font-size:40px;animation:float-7c90bb85 10s ease-in-out infinite}@keyframes float-7c90bb85{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-20px) rotate(5deg)}}@keyframes bounce-7c90bb85{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}@keyframes pulse-7c90bb85{0%{opacity:1}50%{opacity:.6}to{opacity:1}}@keyframes pulse-red-7c90bb85{0%{box-shadow:0 0 0 0 rgba(239,68,68,.4)}70%{box-shadow:0 0 0 10px rgba(239,68,68,0)}to{box-shadow:0 0 0 0 rgba(239,68,68,0)}}@media (max-width:600px){.adv-wrap[data-v-7c90bb85]{padding:0}.header[data-v-7c90bb85]{padding:16px;margin:0}.chat-container[data-v-7c90bb85]{border-radius:24px 24px 0 0;box-shadow:none;flex:1;height:auto}.input-area[data-v-7c90bb85]{padding:12px;gap:8px;border-top:1px solid #f1f5f9}.send-btn .btn-text[data-v-7c90bb85]{display:none}.send-btn[data-v-7c90bb85]{width:48px;padding:0;border-radius:50%}}.letters-wrap[data-v-3a327e82]{min-height:100vh;padding:16px;background:linear-gradient(135deg,#fce7f3,#dbeafe 50%,#ecfdf5);font-family:Vazirmatn,sans-serif;display:flex;flex-direction:column}.header[data-v-3a327e82]{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:20px}.back-btn[data-v-3a327e82]{background:linear-gradient(135deg,#fff,#fef2f2);border:3px solid #f87171;border-radius:999px;padding:8px 16px;font-weight:700;color:#b91c1c;cursor:pointer;transition:all .2s}.back-btn[data-v-3a327e82]:hover{transform:scale(1.05)}.title[data-v-3a327e82]{flex:1;font-size:24px;margin:0;text-align:center;background:linear-gradient(135deg,#db2777,#7c3aed);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.diff-pills[data-v-3a327e82]{display:flex;gap:6px;justify-content:center}.diff-pill[data-v-3a327e82]{border:none;background:#f3f4f6;padding:6px 12px;border-radius:999px;color:#4b5563;font-weight:600;cursor:pointer;font-size:13px;transition:all .2s}.diff-pill.active[data-v-3a327e82]{background:#8b5cf6;color:#fff;box-shadow:0 4px 12px rgba(139,92,246,.3)}.letters-rail-wrap[data-v-3a327e82]{width:100%;overflow-x:auto;padding-bottom:10px;margin-bottom:16px}.letters-rail[data-v-3a327e82]{display:flex;gap:8px;padding:4px;width:-moz-max-content;width:max-content}.letter-key[data-v-3a327e82]{width:48px;height:48px;border-radius:12px;border:2px solid #e5e7eb;background:#fff;font-size:20px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;color:#374151}.letter-key.active[data-v-3a327e82]{border-color:#3b82f6;background:#eff6ff;color:#2563eb;transform:scale(1.1);box-shadow:0 4px 12px rgba(37,99,235,.2)}.game-area[data-v-3a327e82]{flex:1;display:flex;flex-direction:column;align-items:center;gap:16px}.controls-row[data-v-3a327e82]{width:100%;max-width:500px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}.stats[data-v-3a327e82]{display:flex;gap:10px}.stat-box[data-v-3a327e82]{background:#fff;padding:6px 12px;border-radius:12px;display:flex;align-items:center;gap:6px;box-shadow:0 2px 8px rgba(0,0,0,.05);font-size:14px;color:#4b5563}.stat-value[data-v-3a327e82]{font-weight:700;color:#111}.actions-row[data-v-3a327e82]{display:flex;gap:8px}.action-btn[data-v-3a327e82]{border:none;border-radius:8px;padding:8px 16px;font-weight:700;cursor:pointer;font-size:14px;transition:all .2s}.action-btn.start[data-v-3a327e82]{background:#22c55e;color:#fff;box-shadow:0 4px 12px rgba(34,197,94,.3)}.action-btn.finish[data-v-3a327e82]{background:#3b82f6;color:#fff}.action-btn.clear[data-v-3a327e82]{background:#f3f4f6;color:#4b5563}.action-btn[data-v-3a327e82]:disabled{opacity:.5;cursor:not-allowed}.board-container[data-v-3a327e82]{position:relative;padding:4px;background:linear-gradient(135deg,#f472b6,#a78bfa,#22d3ee);border-radius:24px;box-shadow:0 12px 32px rgba(0,0,0,.15)}.board[data-v-3a327e82]{background:#fff;border-radius:20px;position:relative;overflow:hidden;touch-action:none}.canvas-layer[data-v-3a327e82]{position:absolute;top:0;left:0;width:100%;height:100%}.reference[data-v-3a327e82]{z-index:1}.trace[data-v-3a327e82]{z-index:2;cursor:crosshair}.cheer-bubble[data-v-3a327e82]{position:absolute;bottom:20px;right:20px;background:#fff;padding:8px 16px;border-radius:16px;box-shadow:0 4px 12px rgba(0,0,0,.1);font-weight:700;color:#db2777;z-index:10;animation:pop-in-3a327e82 .3s ease}@keyframes pop-in-3a327e82{0%{transform:scale(0)}to{transform:scale(1)}}.modal-overlay[data-v-3a327e82]{position:fixed;inset:0;background:rgba(0,0,0,.5);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:100;padding:20px}.modal-card[data-v-3a327e82]{background:#fff;border-radius:24px;padding:30px;text-align:center;max-width:400px;width:100%;box-shadow:0 20px 40px rgba(0,0,0,.2);position:relative;animation:slide-up-3a327e82 .4s ease}@keyframes slide-up-3a327e82{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}.close-btn[data-v-3a327e82]{position:absolute;top:12px;right:12px;width:32px;height:32px;border-radius:50%;border:none;background:#f3f4f6;cursor:pointer;color:#6b7280;font-weight:700}.confetti[data-v-3a327e82]{font-size:60px;margin-bottom:10px}.modal-stats[data-v-3a327e82]{color:#6b7280;font-size:16px;margin:10px 0 24px}.modal-actions[data-v-3a327e82]{display:flex;flex-direction:column;gap:10px}.action-btn.primary[data-v-3a327e82]{background:#8b5cf6;color:#fff;padding:12px;font-size:16px}.action-btn.secondary[data-v-3a327e82]{background:#10b981;color:#fff;padding:12px;font-size:16px}.action-btn.outline[data-v-3a327e82]{background:transparent;border:2px solid #e5e7eb;color:#4b5563;padding:10px}.modal-content.magic-theme[data-v-3a327e82]{background:linear-gradient(135deg,#fff,#f0f9ff);border:4px solid #bae6fd;box-shadow:0 25px 50px -12px rgba(0,0,0,.25);border-radius:24px;padding:32px;text-align:center;width:90%;max-width:480px;position:relative;min-height:400px;display:flex;flex-direction:column;justify-content:center}.action-btn.magic[data-v-3a327e82]{background:linear-gradient(135deg,#f59e0b,#ec4899);color:#fff;padding:12px;font-size:16px;font-weight:700;box-shadow:0 4px 16px rgba(245,158,11,.4)}.magic-icon[data-v-3a327e82]{font-size:64px;margin-bottom:16px;animation:sparkle-3a327e82 1.5s infinite}@keyframes sparkle-3a327e82{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.8}}.magic-title[data-v-3a327e82]{font-size:24px;margin-bottom:16px;color:#7c3aed}.example-word-display[data-v-3a327e82]{font-size:48px;font-weight:700;color:#ec4899;margin:20px 0;padding:20px;background:linear-gradient(135deg,#fef3c7,#fce7f3);border-radius:16px}.magic-subtitle[data-v-3a327e82]{font-size:18px;color:#6b7280;margin-bottom:24px}.action-btn.magic-start[data-v-3a327e82]{background:linear-gradient(135deg,#8b5cf6,#ec4899);color:#fff;padding:14px 28px;font-size:18px}.progress-bar[data-v-3a327e82]{width:100%;height:8px;background:#e5e7eb;border-radius:4px;margin-bottom:24px;overflow:hidden}.progress-fill[data-v-3a327e82]{height:100%;background:linear-gradient(90deg,#8b5cf6,#ec4899);transition:width .3s ease}.question-text[data-v-3a327e82]{font-size:22px;color:#374151;margin-bottom:20px}.magic-input[data-v-3a327e82]{width:100%;padding:14px;font-size:18px;border:2px solid #e5e7eb;border-radius:12px;margin-bottom:16px;font-family:inherit;box-sizing:border-box}.magic-input[data-v-3a327e82]:focus{outline:none;border-color:#8b5cf6}.action-btn.magic-submit[data-v-3a327e82]{background:linear-gradient(135deg,#10b981,#06b6d4);color:#fff;padding:12px 24px;font-size:16px;width:100%}.magic-loading[data-v-3a327e82]{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center;padding:20px}.magic-spinner[data-v-3a327e82]{font-size:60px;margin-bottom:20px;position:relative;animation:float-3a327e82 3s ease-in-out infinite}.wand[data-v-3a327e82]{position:relative;z-index:2;animation:wave-3a327e82 1.5s ease-in-out infinite}.sparkles[data-v-3a327e82]{position:absolute;top:-10px;right:-20px;font-size:40px;animation:sparkle-3a327e82 1s linear infinite}.progress-bar-magic[data-v-3a327e82]{width:100%;height:8px;background:#e0f2fe;border-radius:99px;overflow:hidden;margin-top:20px}.progress-bar-magic .fill[data-v-3a327e82]{height:100%;width:50%;background:linear-gradient(90deg,#8b5cf6,#ec4899);animation:progress-indeterminate-3a327e82 2s linear infinite}@keyframes wave-3a327e82{0%,to{transform:rotate(0deg)}50%{transform:rotate(-20deg)}}@keyframes float-3a327e82{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes progress-indeterminate-3a327e82{0%{transform:translateX(-100%)}to{transform:translateX(200%)}}.generated-image[data-v-3a327e82]{max-width:100%;border-radius:16px;margin:20px 0;box-shadow:0 8px 24px rgba(0,0,0,.15);max-height:250px;-o-object-fit:contain;object-fit:contain}.magic-result-text[data-v-3a327e82]{font-size:18px;color:#4b5563;margin-bottom:20px}.music-wrap[data-v-f1aac9fa]{min-height:100vh;padding:20px;background:radial-gradient(circle at center,#fce7f3 0,#f472b6 100%);font-family:Vazirmatn,sans-serif;overflow-x:hidden;display:flex;flex-direction:column;position:relative}.header[data-v-f1aac9fa]{display:flex;justify-content:space-between;align-items:center;max-width:1000px;margin:0 auto 20px;width:100%;position:relative;z-index:10}.back-btn[data-v-f1aac9fa]{background:hsla(0,0%,100%,.5);border:2px solid #fff;color:#831843;padding:8px 16px;border-radius:999px;font-weight:700;cursor:pointer;transition:.3s}.back-btn[data-v-f1aac9fa]:hover{background:#fff}.title[data-v-f1aac9fa]{color:#831843;margin:0;font-size:24px;text-shadow:0 2px 5px hsla(0,0%,100%,.5)}.stage-container[data-v-f1aac9fa]{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:space-between;width:100%;max-width:1000px;margin:0 auto;position:relative;z-index:5}.spotlight[data-v-f1aac9fa]{position:absolute;top:-100px;left:50%;transform:translateX(-50%);width:300px;height:600px;background:radial-gradient(ellipse at top,hsla(0,0%,100%,.4) 0,transparent 70%);pointer-events:none;z-index:-1}.singer-section[data-v-f1aac9fa]{display:flex;flex-direction:column;align-items:center;gap:20px;width:100%;max-width:500px;margin-top:20px}.singer-avatar[data-v-f1aac9fa]{width:120px;height:120px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:60px;box-shadow:0 10px 30px rgba(0,0,0,.15);border:4px solid #fff;position:relative;transition:transform .3s ease}.singer-avatar.singing[data-v-f1aac9fa]{animation:bounce-f1aac9fa .6s cubic-bezier(.4,0,.2,1) infinite alternate;border-color:#fbcfe8}.sound-waves[data-v-f1aac9fa]{border-radius:50%;pointer-events:none}.sound-waves span[data-v-f1aac9fa],.sound-waves[data-v-f1aac9fa]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%}.sound-waves span[data-v-f1aac9fa]{border:2px solid hsla(0,0%,100%,.8);border-radius:50%;animation:ripple-f1aac9fa 2s linear infinite;opacity:0}.sound-waves span[data-v-f1aac9fa]:nth-child(2){animation-delay:.5s}.sound-waves span[data-v-f1aac9fa]:nth-child(3){animation-delay:1s}.sound-waves span[data-v-f1aac9fa]:nth-child(4){animation-delay:1.5s}@keyframes ripple-f1aac9fa{0%{width:100%;height:100%;opacity:.8;border-width:4px}to{width:250%;height:250%;opacity:0;border-width:0}}.lyrics-card[data-v-f1aac9fa]{background:hsla(0,0%,100%,.9);padding:20px;border-radius:20px;width:100%;text-align:center;box-shadow:0 8px 24px rgba(0,0,0,.05);animation:slideUp-f1aac9fa .5s ease}.lyrics-text[data-v-f1aac9fa]{margin:0;font-size:18px;line-height:1.8;color:#831843}.input-controls[data-v-f1aac9fa]{display:flex;gap:10px;width:100%;flex-wrap:wrap}.name-input[data-v-f1aac9fa]{flex:1;min-width:150px;padding:12px 16px;border-radius:12px;border:2px solid #fff;background:hsla(0,0%,100%,.6);font-family:inherit;font-size:16px;text-align:center;outline:none;transition:.3s}.name-input[data-v-f1aac9fa]:focus{background:#fff;border-color:#ec4899;box-shadow:0 4px 12px rgba(236,72,153,.2)}.magic-btn[data-v-f1aac9fa]{background:linear-gradient(135deg,#8b5cf6,#ec4899);color:#fff;border:none;border-radius:12px;padding:0 24px;font-weight:800;font-size:16px;cursor:pointer;box-shadow:0 4px 15px rgba(236,72,153,.4);transition:transform .2s;min-width:140px;height:50px;display:flex;align-items:center;justify-content:center}.magic-btn[data-v-f1aac9fa]:hover:not(:disabled){transform:scale(1.05)}.magic-btn[data-v-f1aac9fa]:disabled{opacity:.7;cursor:not-allowed;background:#9ca3af;box-shadow:none}.spinner[data-v-f1aac9fa]{width:20px;height:20px;border:3px solid #fff;border-top-color:transparent;border-radius:50%;animation:spin-f1aac9fa 1s linear infinite}.piano-wrapper[data-v-f1aac9fa]{width:100%;overflow-x:auto;display:flex;justify-content:center;padding:20px 0;margin-top:40px}.piano-board[data-v-f1aac9fa]{position:relative;display:flex;background:#1f2937;padding:10px 10px 0 10px;border-radius:0 0 16px 16px;box-shadow:0 20px 40px rgba(0,0,0,.4),inset 0 2px 4px hsla(0,0%,100%,.1)}.piano-board[data-v-f1aac9fa]:before{content:"";position:absolute;top:-15px;left:0;right:0;height:15px;background:#374151;border-radius:16px 16px 0 0;border-bottom:2px solid #111}.piano-key[data-v-f1aac9fa]{position:relative;border-radius:0 0 6px 6px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:all .05s ease-out;flex-shrink:0;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;padding-bottom:8px}.piano-key.white[data-v-f1aac9fa]{width:50px;height:200px;background:linear-gradient(180deg,#fff,#f3f4f6);border:1px solid #9ca3af;border-top:none;z-index:1;margin:0 1px;box-shadow:inset 0 -4px 4px rgba(0,0,0,.1)}.piano-key.white.active[data-v-f1aac9fa]{background:#e5e7eb;background:linear-gradient(180deg,#f3f4f6,#d1d5db);height:198px;border-bottom:4px solid #9ca3af;transform:translateY(2px)}.piano-key.black[data-v-f1aac9fa]{width:34px;height:120px;background:linear-gradient(180deg,#1f2937,#000);border:1px solid #000;z-index:2;margin-left:-17px;margin-right:-17px;color:#fff;box-shadow:2px 4px 6px rgba(0,0,0,.4)}.piano-key.black.active[data-v-f1aac9fa]{background:#333;box-shadow:1px 2px 4px rgba(0,0,0,.4);transform:translateY(2px)}.key-label[data-v-f1aac9fa]{font-size:12px;font-weight:700;color:#94a3b8;pointer-events:none}.piano-key.black .key-label[data-v-f1aac9fa]{color:#6b7280;display:none}.pc-key-hint[data-v-f1aac9fa]{position:absolute;bottom:25px;font-size:10px;color:#cbd5e1;opacity:.7}.piano-key.black .pc-key-hint[data-v-f1aac9fa]{bottom:10px;color:#9ca3af}.particles[data-v-f1aac9fa]{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;overflow:hidden}.note[data-v-f1aac9fa],.star[data-v-f1aac9fa]{position:absolute;font-size:30px;opacity:.3;animation:floatAnim-f1aac9fa 10s linear infinite}.n1[data-v-f1aac9fa]{top:80%;left:10%;animation-duration:8s}.n2[data-v-f1aac9fa]{top:20%;right:15%;animation-duration:12s;font-size:40px}.n3[data-v-f1aac9fa]{top:60%;right:5%;animation-duration:10s}.n4[data-v-f1aac9fa]{bottom:10%;left:20%;animation-duration:15s;font-size:35px}.s1[data-v-f1aac9fa]{top:10%;left:30%;animation:twinkle-f1aac9fa 4s infinite}.s2[data-v-f1aac9fa]{top:40%;right:40%;animation:twinkle-f1aac9fa 5s infinite}@keyframes floatAnim-f1aac9fa{0%{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-20px) rotate(10deg)}to{transform:translateY(0) rotate(0deg)}}@keyframes twinkle-f1aac9fa{0%,to{opacity:.2;transform:scale(1)}50%{opacity:.6;transform:scale(1.2)}}@keyframes bounce-f1aac9fa{0%{transform:translateY(0)}to{transform:translateY(-10px)}}@keyframes slideUp-f1aac9fa{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes spin-f1aac9fa{to{transform:rotate(1turn)}}@media (max-width:600px){.piano-key.white[data-v-f1aac9fa]{width:38px;height:160px}.piano-key.black[data-v-f1aac9fa]{width:24px;height:90px;margin-left:-12px;margin-right:-12px}.singer-avatar[data-v-f1aac9fa]{width:100px;height:100px;font-size:50px}.input-controls[data-v-f1aac9fa]{flex-direction:column;gap:12px}.pc-key-hint[data-v-f1aac9fa]{display:none}.piano-wrapper[data-v-f1aac9fa]{justify-content:flex-start;padding-left:10px;padding-right:10px}.title[data-v-f1aac9fa]{font-size:20px}}.connection-wrap[data-v-0689362e]{min-height:100vh;padding:20px;background:#f8fafc;font-family:Vazirmatn,sans-serif;text-align:center;overflow-x:hidden;position:relative}.particles[data-v-0689362e]{position:fixed;inset:0;pointer-events:none;z-index:0}.bolt[data-v-0689362e],.bubble[data-v-0689362e],.star[data-v-0689362e]{position:absolute;opacity:.2;animation:float-0689362e 10s linear infinite;font-size:24px}.b1[data-v-0689362e]{top:10%;left:10%;animation-delay:0s}.b2[data-v-0689362e]{top:60%;right:15%;animation-delay:2s}.s1[data-v-0689362e]{top:30%;right:20%;animation-delay:1s}.s2[data-v-0689362e]{top:80%;left:25%;animation-delay:3s}.bu1[data-v-0689362e]{bottom:10%;left:50%;animation:rise-0689362e 8s ease-in infinite;font-size:30px}.bu2[data-v-0689362e]{bottom:5%;left:40%;animation:rise-0689362e 6s ease-in 1s infinite;font-size:20px}@keyframes float-0689362e{0%{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-20px) rotate(10deg)}to{transform:translateY(0) rotate(0deg)}}@keyframes rise-0689362e{0%{bottom:-20px;opacity:0}50%{opacity:.3}to{bottom:100vh;opacity:0}}.theme-default[data-v-0689362e]{background:linear-gradient(135deg,#e2e8f0,#cbd5e1)}.theme-orange[data-v-0689362e]{background:linear-gradient(135deg,#ffedd5,#fed7aa)}.theme-blue[data-v-0689362e]{background:linear-gradient(135deg,#dbeafe,#bfdbfe)}.theme-purple[data-v-0689362e]{background:linear-gradient(135deg,#f3e8ff,#d8b4fe)}.header[data-v-0689362e]{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;position:relative;z-index:10}.back-btn[data-v-0689362e]{background:hsla(0,0%,100%,.6);border:2px solid #fff;padding:8px 16px;border-radius:99px;font-weight:700;cursor:pointer;color:#475569}.energy-display[data-v-0689362e]{background:#fff;padding:6px 12px;border-radius:20px;border:2px solid #22c55e;display:flex;align-items:center;gap:6px;box-shadow:0 4px 10px rgba(34,197,94,.2)}.energy-val[data-v-0689362e]{font-weight:800;color:#15803d}.select-phase[data-v-0689362e]{max-width:600px;margin:0 auto;position:relative;z-index:10}.pooyesh-status[data-v-0689362e]{display:flex;align-items:center;gap:16px;margin-bottom:30px;background:hsla(0,0%,100%,.7);padding:16px;border-radius:24px;text-align:right}.pooyesh-avatar[data-v-0689362e]{width:80px;height:80px}.pooyesh-avatar.tired[data-v-0689362e]{filter:grayscale(.5) contrast(.8)}.speech-bubble[data-v-0689362e]{background:#fff;padding:12px;border-radius:16px;border-top-right-radius:0;font-size:14px;color:#334155;line-height:1.5;box-shadow:0 4px 12px rgba(0,0,0,.05);position:relative}.speech-bubble[data-v-0689362e]:after{content:"";position:absolute;top:0;right:-10px;border:10px solid transparent;border-top-color:#fff;border-right:0}.missions-grid[data-v-0689362e]{display:grid;gap:16px;grid-template-columns:1fr}.mission-card[data-v-0689362e]{background:#fff;padding:16px;border-radius:20px;cursor:pointer;transition:transform .2s;display:flex;align-items:center;gap:16px;text-align:right;border:3px solid transparent;box-shadow:0 4px 12px rgba(0,0,0,.05)}.mission-card[data-v-0689362e]:hover{transform:scale(1.02)}.mission-card.kitchen[data-v-0689362e]{border-color:#f97316}.mission-card.kitchen .card-icon[data-v-0689362e]{background:#ffedd5}.mission-card.workshop[data-v-0689362e]{border-color:#3b82f6}.mission-card.workshop .card-icon[data-v-0689362e]{background:#dbeafe}.mission-card.league[data-v-0689362e]{border-color:#a855f7}.mission-card.league .card-icon[data-v-0689362e]{background:#f3e8ff}.card-icon[data-v-0689362e]{width:60px;height:60px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:32px}.card-content h3[data-v-0689362e]{margin:0 0 4px;font-size:18px;color:#1e293b}.card-content p[data-v-0689362e]{margin:0;font-size:13px;color:#64748b}.briefing-phase[data-v-0689362e]{max-width:500px;margin:0 auto;position:relative;z-index:10;display:flex;align-items:center;height:70vh}.ai-task-card[data-v-0689362e]{background:#fff;border-radius:32px;padding:32px;width:100%;box-shadow:0 20px 50px rgba(0,0,0,.1);border:4px solid #fff}.ai-icon[data-v-0689362e]{font-size:64px;margin-bottom:16px;animation:bounce-0689362e 2s infinite}.ai-task-card h2[data-v-0689362e]{color:#3b82f6;margin-bottom:16px}.task-text[data-v-0689362e]{font-size:20px;font-weight:700;color:#1e293b;margin-bottom:32px;line-height:1.6}.action-btn.start-mission[data-v-0689362e]{background:#22c55e;width:100%;padding:16px;border-radius:16px;color:#fff;font-size:18px;font-weight:800;border:none;cursor:pointer;box-shadow:0 8px 20px rgba(34,197,94,.4)}.mission-phase[data-v-0689362e]{max-width:500px;margin:0 auto;position:relative;z-index:10}.step-card[data-v-0689362e]{background:#fff;padding:24px;border-radius:24px;box-shadow:0 10px 30px rgba(0,0,0,.1)}.step-desc[data-v-0689362e]{font-size:18px;color:#334155;margin-bottom:20px}.camera-box[data-v-0689362e]{width:100%;height:300px;background:#f1f5f9;border-radius:20px;display:flex;align-items:center;justify-content:center;overflow:hidden;border:4px dashed #cbd5e1;cursor:pointer;transition:all .3s;position:relative}.camera-box.has-img[data-v-0689362e]{border-style:solid;border-color:#2563eb}.preview-img[data-v-0689362e]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.placeholder[data-v-0689362e]{color:#94a3b8;display:flex;flex-direction:column;gap:10px}.cam-emoji[data-v-0689362e]{font-size:48px;opacity:.5}.buttons-row[data-v-0689362e]{display:flex;gap:12px;margin-top:20px}.action-btn[data-v-0689362e]{flex:1;padding:14px;border-radius:14px;font-weight:700;border:none;cursor:pointer;font-size:16px;transition:transform .2s}.action-btn[data-v-0689362e]:active{transform:scale(.98)}.action-btn.primary[data-v-0689362e]{background:#2563eb;color:#fff;box-shadow:0 4px 12px rgba(37,99,235,.3)}.action-btn.primary[data-v-0689362e]:disabled{background:#94a3b8;box-shadow:none;cursor:not-allowed}.action-btn.secondary[data-v-0689362e]{background:#eff6ff;color:#2563eb}.generating-phase[data-v-0689362e]{display:flex;flex-direction:column;align-items:center;justify-content:center;height:60vh;z-index:10;position:relative}.scanner-anim[data-v-0689362e]{width:120px;height:120px;position:relative;margin-bottom:30px}.scan-avatar[data-v-0689362e]{width:100%;height:100%;opacity:.8}.scan-line[data-v-0689362e]{position:absolute;top:0;left:0;width:100%;height:4px;background:#3b82f6;box-shadow:0 0 10px #3b82f6;animation:scan-0689362e 2s linear infinite}@keyframes scan-0689362e{0%{top:0;opacity:0}20%{opacity:1}80%{opacity:1}to{top:100%;opacity:0}}.result-phase[data-v-0689362e]{padding-top:20px;max-width:600px;margin:0 auto;position:relative;z-index:10}.result-header[data-v-0689362e]{position:relative;display:inline-block;margin-bottom:20px}.pooyesh-avatar.happy[data-v-0689362e]{width:140px;height:140px;animation:bounce-0689362e 2s infinite}.energy-burst[data-v-0689362e]{position:absolute;top:-10px;right:-20px;background:#eab308;color:#fff;padding:6px 12px;border-radius:99px;font-weight:900;font-size:18px;transform:rotate(10deg);box-shadow:0 4px 10px rgba(234,179,8,.4);animation:pulse-0689362e 1s infinite}.reward-card[data-v-0689362e]{background:#fff;padding:32px;border-radius:32px;box-shadow:0 20px 60px rgba(0,0,0,.15);border:4px solid #fff;position:relative;overflow:hidden;margin-bottom:24px}.magic-title[data-v-0689362e]{font-size:28px;color:#0f172a;margin:0 0 16px;background:linear-gradient(135deg,#3b82f6,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.caption-box[data-v-0689362e]{background:#f8fafc;padding:20px;border-radius:16px;font-size:18px;color:#475569;margin-bottom:24px;font-style:italic;position:relative}.quote[data-v-0689362e]{color:#cbd5e1;font-size:40px;position:absolute;line-height:0}.quote[data-v-0689362e]:first-child{top:15px;right:10px}.quote[data-v-0689362e]:last-child{bottom:0;left:10px}.badges-grid[data-v-0689362e]{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:20px}.badge[data-v-0689362e]{background:#fef9c3;color:#b45309;padding:8px 16px;border-radius:99px;font-weight:700;border:2px solid #fde047;box-shadow:0 2px 4px rgba(0,0,0,.05)}.superhero-overlay[data-v-0689362e]{background:#f0f9ff;padding:16px;border-radius:16px;border:2px dashed #bae6fd}.hero-label[data-v-0689362e]{font-size:12px;color:#64748b;margin-bottom:4px}.hero-name[data-v-0689362e]{font-size:20px;font-weight:900;color:#0369a1}.result-actions[data-v-0689362e]{display:flex;flex-direction:column;gap:12px}.action-btn.replay[data-v-0689362e]{background:#10b981;color:#fff}.action-btn.home[data-v-0689362e]{background:#f1f5f9;color:#475569}@keyframes bounce-0689362e{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse-0689362e{0%{transform:rotate(10deg) scale(1)}50%{transform:rotate(10deg) scale(1.1)}to{transform:rotate(10deg) scale(1)}}