:root{--bg: #0D0D0D;--surface: #1A1A1A;--surface2: #242424;--border: rgba(255,255,255,.08);--border2: rgba(255,255,255,.14);--violet: #7B6FE8;--violet-dim: rgba(123,111,232,.15);--violet-light: #A99EF5;--text: #F2F2F2;--text2: #9A9A9A;--text3: #5A5A5A;--success: #3ECF8E;--danger: #E25858;--warning: #E8A23E;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 18px;--radius-xl: 24px;--radius-full:9999px;--font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "SF Mono", "Fira Code", monospace}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-tap-highlight-color:transparent;touch-action:manipulation}body{font-family:var(--font);background:var(--bg);color:var(--text);font-size:15px;line-height:1.5;min-height:100dvh;overflow-x:hidden;-webkit-font-smoothing:antialiased}#root{max-width:430px;margin:0 auto;min-height:100dvh;position:relative;background:var(--bg)}h1{font-size:26px;font-weight:600;letter-spacing:-.5px}h2{font-size:20px;font-weight:600;letter-spacing:-.3px}h3{font-size:16px;font-weight:500}p{color:var(--text2);line-height:1.6}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 20px;border-radius:var(--radius-md);font-size:15px;font-weight:500;font-family:var(--font);cursor:pointer;border:none;transition:opacity .15s,transform .1s;-webkit-user-select:none;user-select:none}.btn:active{transform:scale(.97);opacity:.85}.btn:disabled{opacity:.4;pointer-events:none}.btn-primary{background:var(--violet);color:#fff;width:100%}.btn-secondary{background:var(--surface2);color:var(--text);border:1px solid var(--border2)}.btn-ghost{background:transparent;color:var(--text2)}.btn-danger{background:#e2585826;color:var(--danger);border:1px solid rgba(226,88,88,.2)}.btn-convocar{width:100%;padding:22px;background:var(--violet);color:#fff;font-size:22px;font-weight:700;letter-spacing:3px;border-radius:var(--radius-xl);border:none;cursor:pointer;transition:transform .12s,opacity .12s;font-family:var(--font)}.btn-convocar:active{transform:scale(.96)}.input{width:100%;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:13px 16px;color:var(--text);font-size:15px;font-family:var(--font);outline:none;transition:border-color .15s}.input::placeholder{color:var(--text3)}.input:focus{border-color:var(--violet)}textarea.input{resize:none}.input-label{font-size:12px;font-weight:500;color:var(--text2);text-transform:uppercase;letter-spacing:.8px;margin-bottom:6px;display:block}.input-group{margin-bottom:16px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:16px}.screen{min-height:100dvh;display:flex;flex-direction:column;padding:0 0 80px}.screen-header{padding:56px 20px 20px}.screen-body{flex:1;padding:0 20px}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:430px;background:var(--surface);border-top:1px solid var(--border);display:flex;padding:8px 0 calc(8px + env(safe-area-inset-bottom));z-index:100}.nav-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;padding:6px 0;cursor:pointer;background:none;border:none;color:var(--text3);font-size:10px;font-weight:500;font-family:var(--font);transition:color .15s;position:relative}.nav-item.active{color:var(--violet)}.nav-item svg{width:22px;height:22px}.nav-badge{position:absolute;top:2px;right:calc(50% - 16px);background:var(--danger);color:#fff;font-size:10px;font-weight:700;min-width:16px;height:16px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;padding:0 4px}.avatar{border-radius:var(--radius-full);background:var(--violet-dim);color:var(--violet-light);display:flex;align-items:center;justify-content:center;font-weight:600;flex-shrink:0}.avatar-sm{width:36px;height:36px;font-size:13px}.avatar-md{width:48px;height:48px;font-size:16px}.avatar-lg{width:64px;height:64px;font-size:22px}.chip{display:inline-flex;align-items:center;gap:6px;background:var(--violet-dim);color:var(--violet-light);border:1px solid rgba(123,111,232,.25);border-radius:var(--radius-full);padding:6px 12px;font-size:13px;font-weight:500}.chip-empty{background:var(--surface2);color:var(--text3);border:1px dashed var(--border2);cursor:pointer}.chip-remove{background:none;border:none;color:var(--violet-light);cursor:pointer;padding:0;display:flex;align-items:center;font-size:16px;opacity:.7}.match-badge{font-size:11px;font-weight:700;padding:3px 8px;border-radius:var(--radius-full)}.match-6{background:#3ecf8e26;color:var(--success)}.match-4{background:#e8a23e26;color:var(--warning)}.match-2{background:var(--surface2);color:var(--text2)}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.skeleton{background:linear-gradient(90deg,var(--surface) 25%,var(--surface2) 50%,var(--surface) 75%);background-size:800px 100%;animation:shimmer 1.4s infinite linear;border-radius:var(--radius-md)}.toast-container{position:fixed;top:20px;left:50%;transform:translate(-50%);z-index:9999;display:flex;flex-direction:column;gap:8px;width:calc(100% - 40px);max-width:390px;pointer-events:none}.toast{padding:12px 16px;border-radius:var(--radius-md);font-size:14px;font-weight:500;color:#fff;animation:slideDown .25s ease}@keyframes slideDown{0%{transform:translateY(-16px);opacity:0}to{transform:translateY(0);opacity:1}}.toast-success{background:#3ecf8ef2}.toast-error{background:#e25858f2}.toast-info{background:#7b6fe8f2}.divider{height:1px;background:var(--border);margin:16px 0}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-8{gap:8px}.gap-12{gap:12px}.gap-16{gap:16px}.flex-1{flex:1}.text-center{text-align:center}.text-muted{color:var(--text2);font-size:13px}.mt-8{margin-top:8px}.mt-16{margin-top:16px}.mt-24{margin-top:24px}.mb-8{margin-bottom:8px}.mb-16{margin-bottom:16px}.mb-24{margin-bottom:24px}.w-full{width:100%}::-webkit-scrollbar{display:none}*{scrollbar-width:none}.safe-top{padding-top:max(20px,env(safe-area-inset-top))}.safe-bottom{padding-bottom:max(20px,env(safe-area-inset-bottom))}