.selection-page{background-color:#0000;flex-direction:column;flex:1;min-height:0;display:flex}.selection-welcome-banner{color:#fff;background:linear-gradient(135deg,#4f46e5 0%,#7c3aed 100%);border-radius:.75rem;flex-shrink:0;align-items:flex-start;gap:.875rem;margin:12px 20px 4px;padding:1rem 1.25rem;display:flex;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.selection-welcome-emoji{flex-shrink:0;font-size:1.75rem;line-height:1;animation:2s ease-in-out infinite selection-wave;display:inline-block}@keyframes selection-wave{0%,to{transform:rotate(0)}15%,35%{transform:rotate(14deg)}25%{transform:rotate(-8deg)}50%,to{transform:rotate(0)}}@media (prefers-reduced-motion:reduce){.selection-welcome-emoji{animation:none}}.selection-welcome-text{flex-direction:column;gap:.35rem;min-width:0;display:flex}.selection-welcome-greeting{color:#fff;margin:0;font-size:1.125rem;font-weight:700}.selection-welcome-name{color:#fffffff2;margin:0;font-size:.95rem;font-weight:600}.selection-welcome-instructions{color:#ffffffe0;margin:.15rem 0 0;font-size:.8rem;line-height:1.4}.selection-inline-loading{min-height:200px;color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex}.selection-inline-loading .spinner{margin-bottom:0}.selection-content{flex-direction:column;flex:1;padding:20px;display:flex;overflow-y:auto}.list-container{flex-direction:column;gap:16px;padding-bottom:40px;display:flex}.selection-list-title{letter-spacing:.06em;text-transform:uppercase;color:var(--text-secondary,#64748b);margin:0;font-size:.75rem;font-weight:700}.selection-list-title:not(:first-child){margin-top:.35rem}.selection-card{background:var(--surface-color);box-shadow:var(--shadow-sm);cursor:pointer;border:1px solid #0000;border-radius:20px;align-items:center;gap:16px;padding:16px;transition:all .2s;display:flex}.selection-card--selected{box-shadow:none;background:#f4f4fd;border-color:#4f46e559}.selection-card:active{background:var(--background-color);transform:scale(.98)}.card-icon{border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:60px;height:60px;display:flex;box-shadow:inset 0 0 0 1px #0000000d}.card-icon.img{object-fit:cover}.card-icon.placeholder{color:#64748b;background:#f1f5f9;font-size:1.5rem;font-weight:700}.card-icon.placeholder.blue{color:#3b82f6;background:#eff6ff}.card-info{flex:1}.card-info h3{color:var(--text-primary);margin-bottom:4px;font-size:1rem;font-weight:600}.card-info p{color:var(--text-secondary);font-size:.85rem}.card-arrow{color:#cbd5e1}.empty-state{min-height:240px;color:var(--text-secondary);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;padding:1.5rem 1rem;display:flex}.empty-state-text{max-width:22rem;color:var(--text-primary);margin:0;font-size:.95rem;line-height:1.5}.empty-state-hint{max-width:22rem;color:var(--text-secondary);margin:0;font-size:.9rem;line-height:1.5}.empty-state-hint a{color:var(--primary-color);font-weight:600;text-decoration:none}.empty-state-hint a:hover{text-decoration:underline}.selection-page>.loading-state{flex-direction:column;flex:1;justify-content:center;align-items:center;min-height:0;display:flex}.spinner{border:4px solid #f3f3f3;border-top:4px solid var(--primary-color);border-radius:50%;width:40px;height:40px;margin-bottom:16px;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.anim-fade-in{animation:.3s ease-out fadeIn}.anim-slide-in{animation:.3s ease-out slideIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}
.mode-hub{background:0 0;height:100%;padding:1.25rem 1.25rem 5.5rem;overflow-y:auto}.mode-hub-header{text-align:center;flex-direction:column;align-items:center;margin-bottom:1.75rem;display:flex}.mode-hub-title{color:var(--text-primary,#1e293b);max-width:100%;margin:0 0 .85rem;font-size:1.45rem;font-weight:800;line-height:1.25}.mode-hub-loto-name{display:inline}.mode-hub-loto-date{color:var(--text-secondary,#64748b);white-space:nowrap;font-size:.95em;font-weight:600}.mode-hub-assoc{justify-content:center;align-items:center;gap:.55rem;max-width:100%;margin:0 0 .45rem;display:inline-flex}.mode-hub-assoc-logo,.mode-hub-assoc-fallback{object-fit:cover;border-radius:.45rem;flex-shrink:0;width:1.75rem;height:1.75rem}.mode-hub-assoc-fallback{color:#fff;background:linear-gradient(135deg,#4f46e5 0%,#7c3aed 100%);justify-content:center;align-items:center;font-size:.75rem;font-weight:700;display:inline-flex}.mode-hub-assoc-name{color:var(--text-secondary,#64748b);text-overflow:ellipsis;white-space:nowrap;font-size:.95rem;font-weight:600;overflow:hidden}.mode-hub-change{color:#4f46e5;cursor:pointer;background:#4f46e514;border:1px solid #4f46e540;border-radius:999px;align-items:center;gap:.4rem;padding:.45rem .85rem;font-size:.85rem;font-weight:600;display:inline-flex}.mode-hub-modes{max-width:28rem;margin:0 auto}.mode-hub-eyebrow{letter-spacing:.06em;text-transform:uppercase;color:var(--text-secondary,#64748b);text-align:center;margin:0 0 .75rem;font-size:.75rem;font-weight:700}.mode-hub-grid{flex-direction:column;gap:1rem;display:flex}.mode-tile{text-align:left;cursor:pointer;background:#fff;border:1px solid #0f172a14;border-radius:1.1rem;flex-direction:column;align-items:flex-start;gap:.55rem;width:100%;padding:1.35rem 1.25rem;transition:transform .15s,box-shadow .15s;display:flex;box-shadow:0 8px 24px #0f172a0f}.mode-tile:active{transform:scale(.98)}.mode-tile-icon{color:#fff;background:linear-gradient(135deg,#4f46e5 0%,#7c3aed 100%);border-radius:.9rem;justify-content:center;align-items:center;width:3.25rem;height:3.25rem;display:inline-flex}.mode-tile-icon--cards{background:linear-gradient(135deg,#0ea5e9 0%,#4f46e5 100%)}.mode-tile-title{color:var(--text-primary,#1e293b);font-size:1.15rem;font-weight:800}.mode-tile-desc{color:var(--text-secondary,#64748b);font-size:.92rem;line-height:1.45}