.menti-studio-root{color:#f8fafc;background-color:#0b0f19;background-image:radial-gradient(at 0 0,#6366f126 0,#0000 50%),radial-gradient(at 100% 100%,#ec48991f 0,#0000 50%);min-height:100vh;font-family:Inter,system-ui,-apple-system,sans-serif}.menti-navbar{-webkit-backdrop-filter:blur(16px);z-index:50;background:#0f172ad9;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;height:72px;padding:0 32px;display:flex;position:sticky;top:0}.menti-brand-logo{cursor:pointer;background:linear-gradient(135deg,#6366f1 0%,#a855f7 50%,#ec4899 100%);border-radius:14px;justify-content:center;align-items:center;width:44px;height:44px;font-size:22px;transition:transform .2s;display:flex;box-shadow:0 8px 20px #6366f14d}.menti-brand-logo:hover{transform:scale(1.05)}.menti-hero-card{background:linear-gradient(135deg,#1e293be6 0%,#0f172af2 100%);border:1px solid #ffffff1a;border-radius:24px;justify-content:space-between;align-items:center;gap:24px;margin-bottom:32px;padding:32px 40px;display:flex;box-shadow:0 20px 40px #0006}.menti-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:24px;display:grid}.menti-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);min-h:220px;background:#0f172abf;border:1px solid #ffffff14;border-radius:20px;flex-direction:column;justify-content:space-between;padding:24px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden;box-shadow:0 10px 25px #0000004d}.menti-card:hover{border-color:#a855f766;transform:translateY(-4px);box-shadow:0 15px 35px #a855f726}.menti-badge-code{color:#fbbf24;letter-spacing:.05em;background:#f59e0b1f;border:1px solid #f59e0b4d;border-radius:999px;padding:4px 12px;font-family:monospace;font-size:11px;font-weight:700}.menti-badge-live{color:#34d399;background:#10b9811f;border:1px solid #10b9814d;border-radius:999px;padding:3px 10px;font-size:10px;font-weight:700}.menti-badge-draft{color:#94a3b8;background:#94a3b81f;border:1px solid #94a3b833;border-radius:999px;padding:3px 10px;font-size:10px;font-weight:600}.menti-btn-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#8b5cf6 0%,#ec4899 100%);border:none;border-radius:14px;align-items:center;gap:8px;padding:12px 24px;font-size:13px;font-weight:800;transition:all .2s;display:inline-flex;box-shadow:0 8px 20px #8b5cf64d}.menti-btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 25px #8b5cf666}.menti-btn-secondary{color:#e2e8f0;cursor:pointer;background:#1e293bcc;border:1px solid #ffffff1f;border-radius:12px;align-items:center;gap:6px;padding:10px 18px;font-size:12px;font-weight:700;transition:all .2s;display:inline-flex}.menti-btn-secondary:hover{color:#fff;background:#334155e6}.menti-btn-gold{color:#0f172a;cursor:pointer;background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);border:none;border-radius:12px;align-items:center;gap:6px;padding:10px 18px;font-size:12px;font-weight:800;transition:all .2s;display:inline-flex;box-shadow:0 6px 16px #f59e0b4d}.menti-btn-gold:hover{transform:translateY(-1px);box-shadow:0 10px 20px #f59e0b66}.menti-stage-container{background:#0f172ae6;border:1px solid #ffffff1a;border-radius:24px;padding:24px;box-shadow:0 25px 50px #00000080}.menti-stage-screen{text-align:center;background:#060911;border:1px solid #ffffff14;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;min-height:420px;padding:32px;display:flex}.menti-slide-item{background:#0f172acc;border:1px solid #ffffff14;border-radius:16px;justify-content:space-between;align-items:center;gap:16px;padding:16px 20px;transition:all .2s;display:flex}.menti-slide-item.active{background:#8b5cf626;border-color:#8b5cf699}.menti-slide-item-ranking{background:linear-gradient(135deg,#f59e0b26 0%,#0f172ae6 100%);border:1px solid #f59e0b66;border-radius:16px;padding:16px 20px}.menti-add-quiz-divider{justify-content:center;align-items:center;margin:12px 0;display:flex;position:relative}.menti-add-quiz-divider:before{content:"";z-index:1;background:#ffffff1a;height:1px;position:absolute;left:0;right:0}.menti-add-quiz-btn{color:#a855f7;cursor:pointer;z-index:2;background:#0f172a;border:1px solid #8b5cf666;border-radius:999px;align-items:center;gap:6px;padding:6px 16px;font-size:12px;font-weight:700;transition:all .2s;display:inline-flex;position:relative}.menti-add-quiz-btn:hover{color:#fff;background:#7c3aed;border-color:#7c3aed;transform:scale(1.05)}