:root{--bg:#0a0015;--bgSecondary:#1a0533;--text:#ffffff;--textSecondary:#c4b5fd;--primary:#7c3aed;--primaryGradient:linear-gradient(135deg,#7c3aed,#ec4899);--accent:#ec4899;--card:rgba(20,5,50,0.7);--cardBorder:rgba(124,58,237,0.3);--nav:rgba(10,0,21,0.95);--navBorder:rgba(124,58,237,0.2);--max-width:480px;--theme-transition:0.4s cubic-bezier(0.4,0,0.2,1)}.alert,.badge,.bg-cosmic,.card,.input,.nav,.nav-inner,.nav-item,.page,.page-center,.rev-btn,.rev-pilar-card,.rev-select,.tab,.tabs,.theme-transition{transition:background-color var(--theme-transition),border-color var(--theme-transition),color var(--theme-transition),box-shadow var(--theme-transition)}.btn,.nav-item,.rev-btn{transition:background-color var(--theme-transition),border-color var(--theme-transition),color var(--theme-transition),transform .22s cubic-bezier(.22,1,.36,1),box-shadow .22s cubic-bezier(.22,1,.36,1),opacity .22s ease}*{margin:0;padding:0;box-sizing:border-box}body,html{height:100%;overflow-x:hidden}body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{scrollbar-width:thin;scrollbar-color:rgba(124,58,237,.5) var(--bg)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--primaryGradient);border-radius:3px}.bg-cosmic{z-index:0;background:radial-gradient(ellipse at top,var(--bgSecondary) 0,var(--bg) 50%)}.bg-cosmic,.stars{position:fixed;inset:0}.stars{z-index:1;background-image:radial-gradient(1px 1px at 20% 30%,white,transparent),radial-gradient(1px 1px at 60% 70%,white,transparent),radial-gradient(2px 2px at 50% 50%,white,transparent),radial-gradient(1px 1px at 80% 10%,white,transparent),radial-gradient(1px 1px at 10% 80%,white,transparent);background-size:100% 100%;will-change:opacity;animation:xz-twinkle 4s ease-in-out infinite}@keyframes xz-twinkle{0%,to{opacity:1}50%{opacity:.5}}.page{padding:0 16px 90px;max-width:var(--max-width);margin:0 auto}.page,.page-center{position:relative;z-index:10;min-height:100vh}.page-center{padding:20px 16px;display:flex;align-items:center;justify-content:center}.card{background:var(--card);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--cardBorder);border-radius:16px;padding:20px}.input{width:100%;background:rgba(0,0,0,.5);border:1px solid var(--cardBorder);border-radius:10px;padding:12px 16px;color:var(--text);font-size:15px;outline:none;transition:background-color var(--theme-transition),border-color .25s ease,box-shadow .25s ease}.input:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(124,58,237,.2)}.input::placeholder{color:rgba(156,163,175,.6)}.btn{width:100%;padding:14px;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;border:none;display:flex;align-items:center;justify-content:center;gap:8px}.btn-primary{background:var(--primaryGradient);color:#fff}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 8px 25px rgba(124,58,237,.4)}.btn-primary:active{transform:translateY(0)}.btn-ghost{background:transparent;border:1px solid var(--cardBorder);color:var(--textSecondary)}.btn-ghost:hover{background:rgba(124,58,237,.1)}.btn:disabled{opacity:.5;cursor:not-allowed}.label{display:block;font-size:14px;color:var(--textSecondary);margin-bottom:6px}.nav{position:fixed;bottom:0;left:0;right:0;z-index:100;padding:12px 16px calc(12px + env(safe-area-inset-bottom, 0px));background:var(--nav);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--navBorder)}.nav-inner{max-width:var(--max-width);margin:0 auto;display:flex;justify-content:space-around}.nav-item{display:flex;flex-direction:column;align-items:center;gap:4px;color:#6b7280;text-decoration:none;padding:6px 12px;border-radius:10px;font-size:12px}.nav-item:hover{color:var(--textSecondary);background:rgba(124,58,237,.1)}.nav-item.active{color:var(--text);background:rgba(124,58,237,.2)}.text-gradient{background:var(--primaryGradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.tabs{display:flex;background:rgba(0,0,0,.4);border-radius:12px;padding:4px;gap:4px}.tab{flex:1;padding:10px;border-radius:8px;border:none;background:transparent;color:#6b7280;font-size:14px;cursor:pointer}.tab.active{background:var(--primaryGradient);color:#fff}.spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:xz-spin .8s linear infinite}@keyframes xz-spin{to{transform:rotate(1turn)}}.badge{display:inline-block;padding:4px 10px;border-radius:20px;font-size:12px;font-weight:500}.badge-green{background:rgba(34,197,94,.2);color:#4ade80;border:1px solid rgba(34,197,94,.3)}.badge-yellow{background:rgba(251,191,36,.2);color:#fbbf24;border:1px solid rgba(251,191,36,.3)}.badge-red{background:rgba(239,68,68,.2);color:#f87171;border:1px solid rgba(239,68,68,.3)}.badge-purple{background:rgba(124,58,237,.2);color:#c084fc;border:1px solid rgba(124,58,237,.3)}.alert{padding:12px;border-radius:10px;font-size:13px;display:flex;align-items:flex-start;gap:8px}.alert-info{background:rgba(96,165,250,.1);border:1px solid rgba(96,165,250,.3);color:#93c5fd}.alert-warning{background:rgba(251,191,36,.1);border:1px solid rgba(251,191,36,.3);color:#fcd34d}.mt-4{margin-top:16px}.mt-6{margin-top:24px}.mb-2{margin-bottom:8px}.mb-4{margin-bottom:16px}.mb-6{margin-bottom:24px}.gap-4{gap:16px}.text-center{text-align:center}.text-sm{font-size:14px}.text-xs{font-size:12px}.text-gray{color:#9ca3af}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-2,.grid-3{display:grid;gap:12px}.grid-3{grid-template-columns:repeat(3,1fr)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.w-full{width:100%}@keyframes xz-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes xz-fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes xz-fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes xz-scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes xz-slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes xz-slideDown{0%{transform:translateY(-100%)}to{transform:translateY(0)}}@keyframes xz-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes xz-glow{0%,to{box-shadow:0 0 5px rgba(124,58,237,.3)}50%{box-shadow:0 0 20px rgba(124,58,237,.6)}}@keyframes xz-pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes xz-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes xz-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes xz-rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes xz-shake{0%,to{transform:translateX(0)}25%{transform:translateX(-4px)}75%{transform:translateX(4px)}}.shimmer{background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.1) 50%,rgba(255,255,255,0));background-size:200% 100%;animation:xz-shimmer 2s linear infinite}.glow-effect{animation:xz-glow 2s ease-in-out infinite}.stagger-1{animation-delay:.05s}.stagger-2{animation-delay:.1s}.stagger-3{animation-delay:.15s}.stagger-4{animation-delay:.2s}.stagger-5{animation-delay:.25s}.stagger-6{animation-delay:.3s}.rev-select{width:100%;padding:10px 28px 10px 8px;border-radius:12px;background:rgba(16,8,40,.8);border:1.5px solid rgba(124,58,237,.15);color:rgba(255,255,255,.25);font-size:18px;font-weight:800;text-align:center;text-align-last:center;outline:none;appearance:none;-webkit-appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2712%27 height=%2712%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27rgba(167,139,250,0.4)%27 stroke-width=%272.5%27%3E%3Cpath d=%27m6 9 6 6 6-6%27/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center}.rev-select:hover:not(:disabled){border-color:rgba(124,58,237,.35);background-color:rgba(20,8,50,1)}.rev-select:focus{border-color:rgba(124,58,237,.5);box-shadow:0 0 0 3px rgba(124,58,237,.15),0 0 20px rgba(124,58,237,.08)}.rev-select:disabled{opacity:.3;cursor:not-allowed}.rev-select option{background:#140830;color:#c4b5fd;padding:8px}.rev-pilar-card{padding:18px 12px 14px;border-radius:16px;background:rgba(16,8,40,.5);border:1px solid rgba(124,58,237,.08);text-align:center;position:relative}.rev-pilar-card.completed{background:linear-gradient(145deg,rgba(124,58,237,.12),rgba(236,72,153,.05));border-color:rgba(124,58,237,.25);box-shadow:0 4px 24px rgba(124,58,237,.08)}.rev-pilar-card.locked{opacity:.3}.rev-step{position:absolute;top:-10px;left:50%;transform:translateX(-50%);width:22px;height:22px;border-radius:50%;background:linear-gradient(135deg,#6366f1,#a855f7);color:#fff;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 10px rgba(99,102,241,.5);z-index:1}.rev-step.done{background:linear-gradient(135deg,#22c55e,#16a34a);box-shadow:0 2px 10px rgba(34,197,94,.5)}.rev-preview{margin-top:10px;display:flex;justify-content:center;gap:6px}.rev-preview-char{font-size:20px;font-weight:900;line-height:1}.rev-label{font-size:10px;color:rgba(167,139,250,.5);margin-bottom:8px;font-weight:600;letter-spacing:1px}.rev-sub-label{font-size:9px;color:rgba(167,139,250,.3);margin-bottom:4px}.rev-btn{width:100%;padding:14px 0;border-radius:14px;background:linear-gradient(135deg,#6366f1,#8b5cf6,#a855f7);color:#fff;font-weight:700;font-size:15px;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 4px 20px rgba(99,102,241,.3);position:relative;overflow:hidden}.rev-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 30px rgba(99,102,241,.45)}.rev-btn:active:not(:disabled){transform:translateY(0)}.rev-btn:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}.rev-btn:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transform:translateX(-100%);pointer-events:none;transition:transform .6s ease}.rev-btn:hover:not(:disabled):before{transform:translateX(100%)}