[hidden]{display:none!important}button:disabled{opacity:.55;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #7354bf;outline-offset:3px}.top .brand-credit{display:block}.nav button{min-width:55px;min-height:44px}.button{min-height:44px}.error{color:#a1303a}.success{color:#655099}#connectionMessage:empty{display:none}.card p{overflow-wrap:anywhere}.photo{display:block;width:100%;height:auto;object-fit:contain;background:#f5f1fa}.photo-caption{font-size:11px;color:#777;margin-top:4px}.feed-kind{margin:12px 0 6px}.comment{font-size:13px;padding:9px 0;border-top:1px solid #f0eaf6}.comment p{margin:3px 0}.comment-form{display:flex;gap:8px;align-items:center;margin-top:10px}.comment-form input{min-width:0}.comment-form .button{padding:10px}.measurement{font-size:14px;line-height:1.8}.actions{align-items:center}.card h3:first-child{margin-top:5px}.pill{line-height:1.4}.empty{line-height:1.6}#inviteArea .button{margin-top:16px}#connectionMessage.error{padding:12px;border-radius:12px;background:#fff1d7}#photo{font-size:14px}#authArea{padding-bottom:25px}#authTitle{margin-top:16px}#email,#password{font-size:16px}.top{position:relative}.sync-note{font-size:11px;color:#777;margin-top:12px}@media(prefers-reduced-motion:no-preference){.button{transition:transform .12s,opacity .12s}.button:active{transform:translateY(1px)}}@media(max-width:360px){.wrap{padding:15px}.top{padding-left:18px}.button{padding:12px}.grid2{gap:8px}}

.progress-tabs{display:flex;gap:6px;padding:5px;background:#eee8f8;border-radius:15px;margin:0 0 18px}.progress-tab{flex:1;border:0;border-radius:11px;padding:12px 8px;min-height:44px;background:transparent;color:#746b83;font:inherit;font-size:13px;font-weight:750;cursor:pointer}.progress-tab.active{background:white;color:#7354bf;box-shadow:0 2px 8px #2925360b}.progress-tab:focus-visible{outline:3px solid #7354bf;outline-offset:2px}.group-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:17px 0 0}.group-metrics>div{border-radius:12px;background:#f5f1fc;padding:11px 7px;text-align:center}.group-metrics>div:first-child{background:#f0f8d9}.group-metrics dt{font-size:11px;color:#665e74;font-weight:650}.group-metrics dd{font-size:25px;font-weight:850;margin:6px 0 2px}.group-metrics span{display:block;font-size:10px;font-weight:400;color:#756c80}.group-member .feedhead b{overflow-wrap:anywhere;min-width:0}.group-member .avatar{flex-shrink:0}.group-member .note{margin-bottom:0}

.danger-text{color:#a1303a!important;border-color:#ead1d5!important}.admin-person p{overflow-wrap:anywhere}#adminBadge{margin-bottom:12px}#administracion h3{margin-top:22px}

.whatsapp-card{background:#f1f8e8}.whatsapp-card h3{margin-top:0}.whatsapp-link{display:inline-flex;align-items:center;justify-content:center;text-align:center;background:#d3f36a;color:#292536;text-decoration:none;line-height:1.4;max-width:100%}

.sharing-choice{display:flex;align-items:center;gap:10px;line-height:1.5;margin-top:20px}.sharing-choice input{width:20px;height:20px;flex-shrink:0;accent-color:#7354bf}

.ranking-place{display:grid;place-items:center;min-width:42px;min-height:42px;border-radius:14px;background:#eee7fa;color:#614392;font-size:22px;font-weight:800;flex-shrink:0}.ranking-identity{min-width:0}.ranking-name{display:flex;align-items:center;gap:8px;flex-wrap:wrap;overflow-wrap:anywhere}.weekly-trophy{font-size:24px;line-height:1.2}.rank-tie{display:block;font-size:12px;color:#6c5a81;margin-top:4px}.ranking-legend{border-radius:18px;padding:16px;background:#f5f0fc;margin:16px 0}.ranking-legend p{font-size:13px;line-height:1.55;margin-bottom:0}.group-member .feedhead{align-items:center}

.top{position:relative}.notifications-bell{position:absolute;right:20px;top:25px;border:1px solid #ffffff80;border-radius:16px;background:#ffffff30;color:#292536;width:49px;height:46px;font-size:24px;cursor:pointer}.notifications-badge{position:absolute;top:-8px;right:-8px;min-width:24px;height:24px;padding:3px 5px;border-radius:20px;background:#ff7068;color:white;font-size:12px;font-weight:800}.notification-card{display:block;width:100%;text-align:left;border:1px solid #eee8f5;color:inherit;font:inherit;cursor:pointer}.notification-card.unread{border-left:5px solid #a58be8;background:#f7f3ff}.notification-card p{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.55}.notification-card .notification-preview{font-size:13px;color:#666}.notification-state{font-size:11px;color:#7250a9;font-weight:750}.notification-toast{position:fixed;top:12px;left:50%;transform:translateX(-50%);z-index:10;width:min(430px,calc(100% - 24px));background:#f0e8ff;color:#292536;box-shadow:0 8px 32px #29253640;border:1px solid #d3c2ef;border-radius:18px;padding:16px 38px 16px 16px;font-size:14px}.notification-toast .button{margin-top:12px;padding:9px 12px}.toast-close{position:absolute;right:8px;top:8px;background:none;border:0;font-size:24px;cursor:pointer;color:#614392}.conversation-body,.conversation-comment p{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.6}.conversation-comment{padding:12px 0;border-bottom:1px solid #eee}.conversation-comment:last-child{border-bottom:0}

.exercise-summary{display:grid;grid-template-columns:1fr 1fr;gap:10px}.exercise-summary div{background:#f1eafa;border-radius:15px;padding:14px}.exercise-summary div:first-child{background:#e4f4a5}.exercise-summary b{font-size:29px;display:block}.exercise-summary span{font-size:12px}.chart-caption{font-size:12px;color:#655b73}.chart-scroll{overflow-x:auto;max-width:100%;border-radius:8px}.chart-scroll svg{display:block;font:10px system-ui;color:#655b73}.chart-scroll text{fill:#655b73}.chart-scroll .weight-axis{fill:#7251b4}.chart-scroll .fat-axis{fill:#c2463d}.chart-scroll circle{cursor:pointer;outline-offset:4px}.chart-legend{display:flex;gap:16px;flex-wrap:wrap;font-size:13px;font-weight:700}.weight-key{color:#7251b4}.fat-key{color:#c2463d}.chart-selection{font-size:13px;padding:12px;background:#f5f0fc;border-radius:12px;line-height:1.6}.chart-details{font-size:12px;margin-top:12px}.chart-details summary{cursor:pointer;font-weight:700}.chart-details table{width:100%;border-collapse:collapse;margin-top:12px}.chart-details td,.chart-details th{text-align:left;padding:8px 4px;border-bottom:1px solid #eee}.applause-button{background:#eee5ff;color:#614392;margin-top:8px}.group-member>.button{margin-top:8px}.card>h3:first-child{margin-top:0}#greetingMessage{line-height:1.5;max-width:360px}button:disabled{cursor:default;opacity:.65}

.avatar-portrait{--avatar-size:42px;display:inline-block;position:relative;flex:0 0 var(--avatar-size);width:var(--avatar-size);height:var(--avatar-size);border-radius:50%;overflow:hidden;vertical-align:middle;background:#eee7fa}.avatar-art{display:block;width:100%;height:100%;background-image:url('assets/avatars-musa.png');background-size:calc(var(--avatar-size) * 6.2079207921) calc(var(--avatar-size) * 6.2079207921);background-repeat:no-repeat}.avatar-placeholder{display:inline-grid;place-items:center;font-weight:800;color:#6d4bba;font-size:calc(var(--avatar-size) * .45)}.comment-author{display:flex;align-items:center;gap:9px;overflow-wrap:anywhere}.greeting-row{display:flex;align-items:center;gap:12px;margin-top:25px}.top .greeting-row h2{margin:0;min-width:0;overflow-wrap:anywhere}.profile-avatar-preview{display:flex;align-items:center;gap:16px}.profile-avatar-preview .note{margin-bottom:0}.avatar-picker{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.avatar-choice{position:relative;display:grid;place-items:center;background:white;border:2px solid #eee8f4;border-radius:17px;padding:7px 2px;cursor:pointer;min-width:0}.avatar-choice.chosen{border-color:#7354bf;background:#f3edff;box-shadow:0 0 0 1px #7354bf}.avatar-choice-check{position:absolute;right:-4px;bottom:-4px;background:#7354bf;color:white;border-radius:50%;font-size:13px;font-weight:800;min-width:19px;line-height:19px}.avatar-choice:not(.chosen) .avatar-choice-check{display:none}.avatar-choice:focus-visible{outline:3px solid #ff7068;outline-offset:2px}.notification-author{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.ranking-name .avatar-portrait{margin-right:1px}

.avatar-single{display:block;width:100%;height:100%;object-fit:cover}

.community-filters{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.community-filters button{border:1px solid #ded5ed;border-radius:22px;background:white;color:#5b477b;padding:10px 13px;font:inherit;font-size:13px;font-weight:700;cursor:pointer;min-height:42px}.community-filters button.active{background:#7354bf;color:white;border-color:#7354bf}.community-filters button:focus-visible{outline:3px solid #ff7068;outline-offset:2px}
