:root{--bg-primary: var(--lm-paper);--bg-secondary: var(--lm-paper-2);--bg-card: var(--lm-paper-2);--bg-hover: #2e2921;--text-primary: var(--lm-ink);--text-secondary: var(--lm-ink-2);--text-muted: var(--lm-ink-3);--accent-primary: var(--lm-mental-text);--accent-secondary: var(--lm-interior-text);--accent-warning: var(--lm-social-text);--accent-danger: var(--lm-fisico-text);--accent-success: var(--lm-emocional-text);--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--font-family: var(--lm-body);--font-mono: var(--lm-mono);--radius-sm: 2px;--radius-md: 2px;--radius-lg: 2px;--radius-full: 2px;--shadow-sm: none;--shadow-md: none;--shadow-lg: none}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{font-family:var(--font-family);background:var(--bg-primary);color:var(--text-primary);line-height:1.6;min-height:100vh}#app{display:flex;flex-direction:column;min-height:100vh}.navbar{background:var(--bg-primary);border-bottom:2px solid var(--lm-rule-strong);padding:var(--space-md) var(--space-lg);position:sticky;top:0;z-index:100}.navbar__container{max-width:1400px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.navbar__brand{display:flex;align-items:baseline;gap:var(--space-sm);text-decoration:none}.navbar__logo-text{font-family:var(--lm-display);font-size:1.75rem;font-weight:800;letter-spacing:-.02em;color:var(--lm-ink)}.navbar__subtitle{font-size:.875rem;color:var(--text-secondary);font-weight:500}.navbar__session{display:flex;align-items:center;gap:var(--space-md)}.navbar__code{font-family:var(--font-mono);font-size:.875rem;color:var(--text-secondary)}.navbar__code strong{color:var(--accent-primary)}.skip-link{position:absolute;top:-100px;left:50%;transform:translate(-50%);background:var(--accent-primary);color:var(--bg-primary);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);font-weight:600;z-index:1000}.skip-link:focus{top:var(--space-md)}.main{flex:1;padding:var(--space-xl) var(--space-lg);max-width:1400px;margin:0 auto;width:100%}.header{text-align:center;margin-bottom:var(--space-2xl)}.header__pill{display:inline-flex;align-items:center;gap:var(--space-sm);background:#3f7d991a;border:1px solid rgba(63,125,153,.3);padding:var(--space-xs) var(--space-md);border-radius:var(--radius-full);font-size:.75rem;color:var(--accent-primary);margin-bottom:var(--space-md)}.title{font-size:clamp(2rem,5vw,3.5rem);font-weight:800;margin-bottom:var(--space-sm)}.title__accent{color:var(--lm-fisico-text)}.title{font-family:var(--lm-display);letter-spacing:-.03em;line-height:.95}.subtitle{font-size:1rem;color:var(--text-secondary);max-width:600px;margin:0 auto}.beta-disclaimer{display:inline-flex;align-items:center;gap:var(--space-md);background:transparent;border-left:3px solid var(--lm-social);padding:var(--space-sm) var(--space-lg);margin:var(--space-md) auto;max-width:600px;text-align:left}.beta-badge{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:var(--lm-social);color:#1c1a16;font-size:1.75rem;font-weight:800;border-radius:2px;flex-shrink:0}.beta-content{flex:1}.beta-content strong{display:block;color:var(--accent-warning);font-size:.9rem;margin-bottom:var(--space-xs)}.beta-content p{font-size:.8rem;color:var(--text-secondary);line-height:1.4;margin:0}.beta-content em{color:var(--accent-primary);font-style:normal;font-weight:500}.lopd-notice{display:inline-flex;align-items:center;gap:var(--space-sm);background:#6ea94a1a;border:1px solid rgba(110,169,74,.3);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-full);font-size:.7rem;color:var(--accent-success);margin-top:var(--space-md)}.camera-controls{position:absolute;top:0;left:0;right:0;z-index:20;display:flex;justify-content:space-between;align-items:center;padding:var(--space-sm);background:linear-gradient(180deg,rgba(0,0,0,.8) 0%,transparent 100%);gap:var(--space-sm)}.camera-controls__facing{display:flex;gap:var(--space-xs)}.camera-btn{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:.75rem;cursor:pointer;transition:all .2s ease}.camera-btn:hover{background:#fff3;color:var(--text-primary)}.camera-btn--active{background:var(--accent-primary);border-color:var(--accent-primary);color:var(--bg-primary)}.camera-btn--active:hover{background:var(--accent-primary);filter:brightness(1.1)}.camera-select{flex:1;max-width:200px;padding:var(--space-xs) var(--space-sm);background:#0009;border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-sm);color:var(--text-primary);font-size:.75rem;cursor:pointer}.camera-select:focus{outline:none;border-color:var(--accent-primary)}.camera-overlay__hint{font-size:.8rem;color:var(--text-muted);margin-top:var(--space-sm)}.workspace{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-xl)}.workspace--hub{align-items:start}.workspace-shell{background:var(--lm-paper-2);border-radius:2px;border:1.5px solid var(--lm-rule-strong);overflow:hidden;min-height:760px}.hub-view,.execution-view{padding:var(--space-lg);min-height:760px}.hub-view{display:grid;grid-template-columns:minmax(260px,320px) minmax(0,1fr);gap:var(--space-lg)}.hub-view--hidden{display:none}.hub-sidebar{display:flex;flex-direction:column;gap:var(--space-md)}.hub-progress{font-size:.85rem;color:var(--accent-primary);font-family:var(--font-mono);padding:var(--space-sm) var(--space-md);background:#3f7d9914;border:1px solid rgba(63,125,153,.2);border-radius:var(--radius-md)}.hub-hint{font-size:.8rem;color:var(--text-secondary)}.hub-canvas{position:relative;min-height:640px;border-radius:2px;background:var(--lm-paper);border:1px solid var(--lm-rule);overflow:hidden}.hub-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(38vw,290px);aspect-ratio:1 / 1;border-radius:50%;background:var(--lm-paper-2);border:1.5px solid var(--lm-rule-strong);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:var(--space-xs);padding:var(--space-md)}.hub-core__badge{font-size:.7rem;color:var(--accent-primary);border:1px solid rgba(63,125,153,.3);border-radius:var(--radius-full);padding:2px 10px;letter-spacing:.08em;text-transform:uppercase}.hub-core__body{font-size:clamp(2.4rem,4vw,3.2rem);line-height:1}.hub-core__psyche{font-size:1.3rem;opacity:.9}.hub-core__participant{font-size:.83rem;color:var(--text-primary);max-width:200px;line-height:1.4}.hub-zone{position:absolute;left:var(--zone-x);top:var(--zone-y);transform:translate(-50%,-50%);min-width:122px;display:flex;flex-direction:column;gap:2px;align-items:center;text-align:center;background:var(--lm-paper-2);border:1px solid var(--lm-rule);border-top:3px solid var(--zone-mundo, var(--lm-rule-strong));border-radius:2px;color:var(--text-primary);padding:8px 10px;cursor:pointer;transition:transform .2s ease,border-color .2s ease,background .2s ease}.hub-zone__focus{color:var(--zone-mundo-text, var(--text-secondary))}.hub-zone:hover:not(:disabled){transform:translate(-50%,-52%);border-color:var(--accent-primary);box-shadow:0 14px 24px #02061759}.hub-zone:disabled{opacity:.45;cursor:not-allowed}.hub-zone__icon{font-size:1.05rem}.hub-zone__name{font-weight:700;font-size:.78rem;line-height:1.1}.hub-zone__focus{font-size:.67rem;color:var(--text-secondary)}.hub-zone__state{font-size:.62rem;text-transform:uppercase;letter-spacing:.06em;color:var(--accent-warning)}.hub-zone--completed{background:#6ea94a26;border-color:#6ea94a8c}.hub-zone--completed .hub-zone__state{color:var(--accent-success)}.hub-zone--active{border-color:var(--accent-primary);box-shadow:0 0 0 2px #3f7d9940,0 10px 18px #0206174d}.execution-view{display:flex;flex-direction:column;gap:var(--space-md)}.execution-view--hidden{display:none}.execution-header{display:flex;justify-content:space-between;align-items:center;gap:var(--space-md)}.execution-header h2{font-size:1.05rem;color:var(--accent-primary);font-weight:700}.execution-stage{background:#0b14258c;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-lg);padding:var(--space-md)}.execution-stage--hidden{display:none}.dap-upload-stage{min-height:340px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:var(--space-md)}.dap-upload-stage h3{color:var(--accent-primary)}.dap-upload-stage p{max-width:420px;color:var(--text-secondary)}@media(min-width:1200px){.workspace--hub{grid-template-columns:minmax(0,2fr) minmax(320px,1fr)}.results-panel{position:sticky;top:106px;max-height:calc(100vh - 130px);overflow:hidden}}.camera-container{position:relative;background:var(--bg-card);border-radius:var(--radius-lg);overflow:hidden;aspect-ratio:4/3;cursor:pointer}.camera-container video{width:100%;height:100%;object-fit:cover}.camera-container canvas{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.camera-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#0b1425e6;color:var(--text-secondary);font-size:1.25rem}.camera-status{position:absolute;bottom:var(--space-md);left:var(--space-md);right:var(--space-md);background:#000000b3;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);font-size:.875rem;color:var(--accent-primary)}.framing-status{position:absolute;top:var(--space-md);left:var(--space-md);right:var(--space-md);background:#000000b3;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);font-size:.875rem;color:var(--accent-success)}.framing-status--warning{color:var(--accent-warning)}.controls{background:var(--bg-card);border-radius:var(--radius-lg);padding:var(--space-lg)}.controls__title{font-size:1rem;color:var(--text-secondary);margin-bottom:var(--space-md);text-transform:uppercase;letter-spacing:.05em}.test-cards{display:flex;flex-direction:column;gap:var(--space-sm)}.test-card{display:flex;align-items:center;gap:var(--space-md);background:var(--bg-secondary);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-md);padding:var(--space-md);cursor:pointer;transition:all .2s ease}.test-card:hover:not(:disabled){background:var(--bg-hover);border-color:var(--accent-primary);transform:translate(4px)}.test-card:disabled{opacity:.5;cursor:not-allowed}.test-card__icon{font-size:2rem}.test-card__name{font-weight:600;color:var(--text-primary)}.test-card__desc{font-size:.75rem;color:var(--text-muted);margin-left:auto}.participant-section{margin-top:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-sm)}.participant-cta{display:grid;grid-template-columns:auto 1fr;gap:var(--space-sm);padding:var(--space-sm);background:#3f7d9914;border:1px solid rgba(63,125,153,.35);border-radius:var(--radius-md)}.participant-cta--hidden{display:none}.participant-cta__icon{font-size:1.2rem;align-self:center}.participant-cta__content{display:flex;flex-direction:column;gap:2px}.participant-cta__content strong{color:var(--accent-primary);font-size:.85rem}.participant-cta__content p{font-size:.75rem;color:var(--text-secondary)}.participant-cta .btn{grid-column:1 / -1}.participant-current{min-height:2.2rem;padding:var(--space-sm) var(--space-md);background:var(--bg-secondary);border-radius:var(--radius-md);font-size:.85rem;color:var(--text-secondary)}.participant-badge strong{color:var(--accent-primary);font-family:var(--font-mono)}.form-error{margin-top:var(--space-sm);min-height:1rem;color:var(--accent-danger);font-size:.8rem}.test-status{margin-top:var(--space-lg);padding:var(--space-md);background:#3f7d991a;border-radius:var(--radius-md);font-size:.875rem;line-height:1.8}.results-panel{background:var(--bg-card);border-radius:var(--radius-lg);padding:var(--space-lg)}.results-panel__title{font-size:1rem;color:var(--text-secondary);margin-bottom:var(--space-md);text-transform:uppercase;letter-spacing:.05em}.results-list{display:flex;flex-direction:column;gap:var(--space-sm);max-height:300px;overflow-y:auto;margin-bottom:var(--space-lg)}.results-list__empty{color:var(--text-muted);font-style:italic;text-align:center;padding:var(--space-xl)}.result-item{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-sm) var(--space-md);background:var(--bg-secondary);border-radius:var(--radius-sm)}.result-item__icon{font-size:1.5rem}.result-item__info{flex:1;display:flex;flex-direction:column}.result-item__info strong{color:var(--accent-primary);font-family:var(--font-mono)}.result-item__info span{font-size:.75rem;color:var(--text-muted)}.result-item__score{font-weight:700;color:var(--accent-success);font-family:var(--font-mono)}.result-item__quality{font-size:.7rem;line-height:1}.result-quality{display:flex;flex-direction:column;gap:2px;margin-top:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--bg-secondary);border-radius:var(--radius-sm);font-size:.875rem}.result-quality small{color:var(--text-muted)}.result-quality__warning{color:var(--accent-warning)!important}.result-norms{margin-top:var(--space-md);padding:var(--space-sm) var(--space-md);background:var(--bg-secondary);border-left:3px solid var(--accent-secondary);border-radius:var(--radius-sm)}.result-norms h4{margin:0 0 var(--space-sm);font-size:.875rem;color:var(--text-secondary)}.result-norms__item{display:flex;flex-direction:column;gap:2px;margin-bottom:var(--space-sm);font-size:.875rem}.result-norms__item small{color:var(--text-muted)}.result-norms__disclaimer{display:block;margin-top:var(--space-sm);color:var(--text-muted);font-size:.7rem;font-style:italic}.battery-list{display:flex;flex-direction:column;gap:var(--space-sm)}.battery-card{border-top:1px solid var(--lm-rule);padding:var(--space-sm) 0;display:flex;flex-direction:column;gap:var(--space-xs)}.battery-card__head{display:flex;justify-content:space-between;align-items:baseline;font-size:.9rem}.battery-card__duration{font-family:var(--font-mono);font-size:.7rem;color:var(--text-muted)}.battery-card p{font-size:.78rem;color:var(--text-secondary);line-height:1.4}.battery-banner{display:flex;flex-direction:column;gap:var(--space-xs);border-left:3px solid var(--lm-mental);background:var(--lm-paper-2);padding:var(--space-sm) var(--space-md);font-size:.85rem}.battery-banner span{font-family:var(--font-mono);font-size:.72rem;color:var(--text-secondary)}.battery-recommendation{margin-top:var(--space-sm);font-size:.9rem;line-height:1.5}.countdown-number{font-family:var(--lm-display);font-size:4rem;font-weight:800;text-align:center;color:var(--lm-fisico-text);line-height:1}.participant-cta__actions{display:flex;flex-direction:column;gap:var(--space-xs)}.export-buttons{display:flex;flex-direction:column;gap:var(--space-sm)}.export-buttons__secondary{display:flex;gap:var(--space-sm)}.results-panel__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-sm)}.results-panel__session{font-size:.8rem;color:var(--text-muted);margin-bottom:var(--space-md);font-family:var(--font-mono)}.results-panel__session strong{color:var(--accent-primary)}.result-item--current{border:1px solid var(--accent-primary);background:#3f7d991a}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);font-weight:600;font-size:.875rem;cursor:pointer;transition:all .2s ease;border:none;background:var(--bg-secondary);color:var(--text-primary)}.btn:hover{background:var(--bg-hover)}.btn--primary{background:var(--lm-ink);color:var(--lm-paper);font-family:var(--lm-display);text-transform:uppercase;letter-spacing:.03em;font-weight:700}.btn--primary:hover{background:var(--lm-fisico);color:#1c1a16}.btn--danger{background:#e8613f33;color:var(--accent-danger);border:1px solid rgba(232,97,63,.3)}.btn--danger:hover{background:#e8613f4d}.btn--icon{padding:var(--space-sm);border-radius:var(--radius-full)}.btn--accent{background:var(--lm-social);color:#1c1a16;font-weight:700}.btn--accent:hover{filter:brightness(1.08)}.btn--full{width:100%}.btn--small{padding:var(--space-xs) var(--space-sm);font-size:.75rem}.btn--secondary{background:#ffffff1a;border:1px solid rgba(255,255,255,.2)}.footer{background:var(--bg-secondary);border-top:1px solid rgba(255,255,255,.1);padding:var(--space-lg);text-align:center}.footer__container{max-width:1400px;margin:0 auto}.footer a{color:var(--accent-primary);text-decoration:none}.footer a:hover{text-decoration:underline}.footer__note{font-size:.75rem;color:var(--text-muted);margin-top:var(--space-sm)}@media(max-width:768px){.navbar__session{display:none}.workspace{grid-template-columns:1fr}.workspace-shell{min-height:auto}.hub-view,.execution-view{min-height:auto;padding:var(--space-md)}.hub-view{grid-template-columns:1fr}.hub-canvas{min-height:560px}.hub-core{width:min(62vw,220px)}.hub-zone{min-width:100px;padding:7px 8px}.hub-zone__focus{display:none}.camera-container{aspect-ratio:16/9}}.test-card-wrapper{position:relative;display:flex;align-items:stretch}.test-card-wrapper .test-card{flex:1;border-radius:var(--radius-md) 0 0 var(--radius-md)}.test-card__help{display:flex;align-items:center;justify-content:center;width:36px;background:var(--bg-hover);border:1px solid rgba(255,255,255,.1);border-left:none;border-radius:0 var(--radius-md) var(--radius-md) 0;color:var(--accent-primary);cursor:pointer;transition:all .2s ease;font-size:.875rem}.test-card__help:hover{background:var(--accent-primary);color:var(--bg-primary)}.phase-section{margin-bottom:var(--space-lg)}.modal-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-md);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal{background:var(--bg-card);border-radius:var(--radius-lg);max-width:700px;max-height:90vh;width:100%;display:flex;flex-direction:column;box-shadow:var(--shadow-lg);border:1px solid rgba(255,255,255,.1)}.modal__header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-lg);border-bottom:1px solid rgba(255,255,255,.1)}.modal__header h2{font-size:1.25rem;color:var(--accent-primary)}.modal__close{background:none;border:none;color:var(--text-muted);font-size:1.5rem;cursor:pointer;padding:0;line-height:1}.modal__close:hover{color:var(--text-primary)}.modal__content{padding:var(--space-lg);overflow-y:auto;flex:1;line-height:1.7}.modal__footer{display:flex;gap:var(--space-md);padding:var(--space-lg);border-top:1px solid rgba(255,255,255,.1);justify-content:flex-end}.instruction-modal{font-size:.9375rem}.instruction-desc{font-size:1rem;color:var(--text-secondary);margin-bottom:var(--space-lg);padding:var(--space-md);background:#3f7d991a;border-radius:var(--radius-md)}.instruction-section{margin-bottom:var(--space-lg)}.instruction-section h3{font-size:.875rem;color:var(--accent-primary);margin-bottom:var(--space-sm);text-transform:uppercase;letter-spacing:.05em}.instruction-section ul,.instruction-section ol{padding-left:var(--space-lg);color:var(--text-secondary)}.instruction-section li{margin-bottom:var(--space-xs)}.instruction-section p{color:var(--text-secondary)}.instruction-section--warning{background:#e8a92e1a;border:1px solid rgba(232,169,46,.3);padding:var(--space-md);border-radius:var(--radius-md)}.instruction-section--warning h3{color:var(--accent-warning)}.dap-interpretation h3{font-size:1rem;color:var(--accent-primary);margin-top:var(--space-lg);margin-bottom:var(--space-sm);padding-bottom:var(--space-xs);border-bottom:1px solid rgba(255,255,255,.1)}.dap-interpretation ul{padding-left:var(--space-lg);color:var(--text-secondary)}.dap-interpretation li{margin-bottom:var(--space-xs)}.dap-interpretation p{color:var(--text-secondary);margin-bottom:var(--space-sm)}.development-area{background:var(--bg-secondary);padding:var(--space-md);border-radius:var(--radius-md);margin-bottom:var(--space-md);border-left:3px solid var(--text-muted)}.development-area.fortaleza{border-color:var(--accent-success)}.development-area.adecuado{border-color:var(--accent-primary)}.development-area.mejorable{border-color:var(--accent-warning)}.development-area h4{color:var(--text-primary);margin-bottom:var(--space-sm)}.development-area p{font-size:.875rem}.development-area ul{font-size:.8125rem;margin-top:var(--space-sm)}.btn--small{padding:var(--space-xs) var(--space-sm);font-size:.75rem;margin-top:var(--space-sm)}.reactive-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:50}.reactive-arrow{position:absolute;font-size:6rem;opacity:0;transform:scale(.5);transition:all .15s ease-out;filter:drop-shadow(0 0 20px rgba(63,125,153,.8))}.reactive-arrow.active{opacity:1;transform:scale(1);animation:pulse-arrow .5s infinite alternate}.reactive-arrow--left{left:10%;top:50%;transform:translateY(-50%) scale(.5)}.reactive-arrow--left.active{transform:translateY(-50%) scale(1)}.reactive-arrow--right{right:10%;top:50%;transform:translateY(-50%) scale(.5)}.reactive-arrow--right.active{transform:translateY(-50%) scale(1)}.reactive-arrow--up{top:10%;left:50%;transform:translate(-50%) scale(.5)}.reactive-arrow--up.active{transform:translate(-50%) scale(1)}.reactive-countdown{display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:700;color:var(--accent-primary);background:#000000b3;padding:var(--space-md) var(--space-xl);border-radius:var(--radius-lg);font-family:var(--font-mono)}@keyframes pulse-arrow{0%{filter:drop-shadow(0 0 20px rgba(63,125,153,.8))}to{filter:drop-shadow(0 0 40px rgba(63,125,153,1)) drop-shadow(0 0 60px rgba(44,92,102,.6))}}body:has(.execution-view:not(.execution-view--hidden)) .lm-plate-top{display:none}