*{margin:0;padding:0;box-sizing:border-box;border:0}:root{--primary-color: #2D2D2D}html{background:#fff;min-height:100%}body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background:#fff;color:var(--primary-color);line-height:1.6;min-height:100vh}#app{font-weight:400}.app-layout{width:100%;max-width:1440px;min-height:100vh;margin:0 auto;background:#fff;display:flex;flex-direction:column}.navbar{width:100%;height:127px;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 2rem;border-bottom:1px solid #eee}.nav-left{display:flex;align-items:center}.nav-items{display:flex;align-items:center;gap:2rem}.nav-items a,.home-button{color:var(--primary-color);text-decoration:none;font-size:1rem;font-weight:500;transition:color .3s ease}.nav-items a:hover,.home-button:hover{color:#666}.main-body{flex:1;width:100%;background:#fff;display:flex;align-items:center;justify-content:center;padding:2rem}.centered-header{text-align:center;display:flex;flex-direction:column;align-items:center}.centered-header h1{font-size:3.5rem;font-weight:700;margin:0 0 1rem;color:var(--primary-color)}.centered-header .subtitle{font-size:1.5rem;color:#666;margin:0 0 2rem}.submit-button{background-color:#000;color:#fff;padding:1rem 2rem;border:none;border-radius:20px;font-size:1.1rem;font-weight:500;cursor:pointer;transition:background-color .3s ease;margin:0}.submit-button:hover{background-color:#333}.diagram-image{width:561px;height:408px;object-fit:cover;margin-top:72px;display:block}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.submission-window{width:680px;max-height:90vh;background-color:#f6f6f6;border:3px solid #D8D8D8;border-radius:20px;display:flex;flex-direction:column;position:relative}.submission-header{display:flex;justify-content:space-between;align-items:center;padding:2rem;border-bottom:1px solid #D8D8D8}.submission-header h2{margin:0;color:var(--primary-color);font-size:1.5rem;font-weight:600}.close-button{background:none;border:none;font-size:2rem;color:#666;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .3s ease}.close-button:hover{background-color:#e0e0e0}.submission-content{flex:1;padding:2rem;overflow-y:auto}.file-banner{display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;margin-bottom:1.5rem;background-color:#fff;border:2px solid #D8D8D8;border-radius:8px}.file-banner-name{font-weight:500;color:var(--primary-color);font-size:.9rem;word-break:break-all}.file-banner-size{color:#999;font-size:.85rem;white-space:nowrap}.change-file-button{margin-left:auto;background:none;border:none;color:#666;font-size:.8rem;cursor:pointer;text-decoration:underline;padding:0;white-space:nowrap}.change-file-button:hover{color:var(--primary-color)}.metadata-form{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem 2rem;max-width:100%}.form-group{display:flex;flex-direction:column}.form-group label{font-weight:600;color:var(--primary-color);margin-bottom:.5rem;font-size:.9rem}.form-input{padding:.75rem;border:2px solid #D8D8D8;border-radius:8px;background-color:#fff;font-size:1rem;color:var(--primary-color);transition:border-color .3s ease}.form-input:focus{outline:none;border-color:var(--primary-color)}.form-input::placeholder{color:#999}.submission-actions{margin-top:2rem;display:flex;justify-content:center;padding-top:1.5rem;border-top:1px solid #D8D8D8}.finalize-button{background-color:#000;color:#fff;padding:1rem 2rem;border:none;border-radius:20px;font-size:1.1rem;font-weight:500;cursor:pointer;transition:background-color .3s ease;margin:0}.finalize-button:hover:not(.disabled){background-color:#333}.finalize-button.disabled{background-color:#ccc;color:#999;cursor:not-allowed}.finalize-button:disabled{background-color:#ccc;color:#999;cursor:not-allowed}.upload-status{margin:1rem 0;padding:1rem;border-radius:8px;text-align:center}.upload-status.error{background-color:#fee;border:1px solid #fcc;color:#c33}.upload-status.success{background-color:#efe;border:1px solid #cfc;color:#363}.upload-status p{margin:0;font-weight:500}.upload-progress{margin:1.5rem 0;text-align:center}.progress-bar{width:100%;height:20px;background-color:#f0f0f0;border-radius:10px;overflow:hidden;margin-bottom:.5rem;border:1px solid #ddd}.progress-fill{height:100%;background:linear-gradient(90deg,#4caf50,#45a049);transition:width .3s ease;border-radius:10px}.progress-text{margin:0;font-size:.9rem;color:#666;font-weight:500}.login-card{width:520px;max-width:90%;text-align:center}.signup-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem 1.5rem;text-align:left}.signup-full-width{grid-column:1 / -1}.login-title{font-size:3rem;font-weight:700;margin:0 0 .5rem;color:var(--primary-color)}.login-subtitle{font-size:1rem;color:#666;margin:0 0 2rem}.auth-tabs{display:flex;margin-bottom:2rem;border-bottom:2px solid #D8D8D8}.auth-tab{flex:1;padding:.75rem 1rem;background:none;border:none;font-size:1rem;font-weight:500;color:#999;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-2px;transition:color .3s,border-color .3s}.auth-tab.active{color:var(--primary-color);border-bottom-color:var(--primary-color)}.auth-tab:hover:not(.active):not(:disabled){color:#666}.auth-tab:disabled{opacity:.5;cursor:not-allowed}.auth-form{display:flex;flex-direction:column;gap:1.25rem;text-align:left}.auth-button{background-color:#000;color:#fff;padding:.875rem 2rem;border:none;border-radius:20px;font-size:1rem;font-weight:500;cursor:pointer;transition:background-color .3s ease;margin-top:.5rem}.auth-button:hover:not(:disabled){background-color:#333}.auth-button:disabled{background-color:#ccc;color:#999;cursor:not-allowed}.auth-info{font-size:.95rem;color:#666;line-height:1.5;text-align:center}.auth-message{margin-top:1.25rem;padding:.875rem;border-radius:8px;font-size:.9rem;text-align:center}.auth-message.error{background-color:#fee;border:1px solid #fcc;color:#c33}.auth-message.success{background-color:#efe;border:1px solid #cfc;color:#363}.nav-link{color:var(--primary-color);text-decoration:none;font-size:.95rem;font-weight:500;transition:color .3s ease}.nav-link:hover{color:#666}.study-context{margin-bottom:1.5rem}.study-select{font-size:.9rem;font-weight:500;color:var(--primary-color);background:#fff;border:1px solid #D8D8D8;border-radius:4px;padding:.3rem .6rem;cursor:pointer;transition:border-color .3s ease;outline:none}.study-select:hover,.study-select:focus{border-color:var(--primary-color)}.study-label{font-size:.9rem;font-weight:500;color:#666}.nav-user{color:#666;font-size:.9rem}.uploads-page{flex:1;width:100%;max-width:1100px;margin:0 auto;padding:2.5rem 2rem}.uploads-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.uploads-header h1{font-size:2rem;font-weight:700;color:var(--primary-color);margin:0}.refresh-button{background:none;border:2px solid #D8D8D8;border-radius:20px;padding:.5rem 1.25rem;font-size:.9rem;font-weight:500;color:var(--primary-color);cursor:pointer;transition:border-color .3s,background-color .3s}.refresh-button:hover:not(:disabled){border-color:var(--primary-color);background-color:#f9f9f9}.refresh-button:disabled{color:#999;cursor:not-allowed}.uploads-empty{text-align:center;padding:4rem 2rem;color:#666;font-size:1.1rem}.uploads-cta{display:inline-block;margin-top:1rem;background-color:#000;color:#fff;padding:.75rem 1.5rem;border-radius:20px;text-decoration:none;font-weight:500;font-size:.95rem;transition:background-color .3s}.uploads-cta:hover{background-color:#333}.uploads-table-wrap{overflow-x:auto}.uploads-table{width:100%;border-collapse:collapse;font-size:.9rem}.uploads-table th{text-align:left;padding:.75rem 1rem;font-weight:600;color:#666;font-size:.8rem;text-transform:uppercase;letter-spacing:.04em;border-bottom:2px solid #D8D8D8;white-space:nowrap}.uploads-table td{padding:.75rem 1rem;border-bottom:1px solid #eee;color:var(--primary-color);vertical-align:middle}.uploads-table tbody tr:hover{background-color:#fafafa}.upload-group{margin-bottom:1.5rem}.group-header{display:flex;align-items:center;gap:.5rem;width:100%;padding:.75rem 1rem;background:#f9f9f9;border:1px solid #eee;border-radius:8px;cursor:pointer;transition:background-color .2s;margin-bottom:.5rem;text-align:left}.group-header:hover{background:#f0f0f0}.group-toggle{font-size:.7rem;color:#999;width:1rem;flex-shrink:0}.group-label{font-weight:600;color:var(--primary-color);font-size:.95rem}.group-count{margin-left:auto;font-size:.8rem;color:#999;font-weight:500}.cell-filename{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cell-gait{text-align:center;white-space:nowrap}.cell-notes{max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#777;font-size:.85rem}.assignments-section{margin-top:2.5rem;padding-top:1.5rem;border-top:2px solid #e0e0e0}.assignments-section h2{font-size:1.15rem;color:var(--primary-color);margin-bottom:1rem}.status-neutral{background:#f5f5f5;color:#666}.status-badge{display:inline-block;padding:.25rem .75rem;border-radius:12px;font-size:.8rem;font-weight:600;white-space:nowrap}.status-success{background-color:#e8f5e9;color:#2e7d32}.status-error{background-color:#ffebee;color:#c62828}.status-pending{background-color:#fff3e0;color:#e65100}.role-selection{display:flex;gap:1.5rem;margin-top:1rem}.role-card{flex:1;display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:2rem 1.5rem;border:2px solid #D8D8D8;border-radius:12px;background:#fff;cursor:pointer;transition:border-color .3s,box-shadow .3s}.role-card:hover:not(:disabled){border-color:var(--primary-color);box-shadow:0 2px 8px #00000014}.role-card-disabled{opacity:.45;cursor:not-allowed}.role-card-title{font-size:1.1rem;font-weight:600;color:var(--primary-color)}.role-card-desc{font-size:.85rem;color:#666}.back-link{background:none;border:none;color:#666;font-size:.9rem;cursor:pointer;padding:0;margin-bottom:1rem;transition:color .3s;display:inline-block}.back-link:hover{color:var(--primary-color)}.mfa-qr-wrap{display:flex;flex-direction:column;align-items:center;margin:.75rem 0;padding:.75rem;background:#fafafa;border-radius:8px;border:1px solid #e8e8e8}.mfa-qr{display:block;border-radius:4px;background:#fff}.mfa-qr-caption{margin:.5rem 0 0;font-size:.85rem;color:#555}.mfa-secret-box{display:flex;align-items:center;gap:.5rem;margin:.75rem 0;padding:.75rem;background:#f5f5f5;border-radius:6px;border:1px solid #e0e0e0}.mfa-secret{flex:1;font-family:monospace;font-size:.95rem;letter-spacing:.05em;word-break:break-all;-webkit-user-select:all;user-select:all}.mfa-copy-btn{padding:.35rem .75rem;background:var(--primary-color, #2D2D2D);color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:.85rem}.mfa-copy-btn:hover{opacity:.9}.mfa-toggle-btn{padding:.35rem .75rem;background:#e0e0e0;color:#333;border:none;border-radius:4px;cursor:pointer;font-size:.85rem}.mfa-toggle-btn:hover{background:#d0d0d0}.mfa-details{margin:.5rem 0 1rem;font-size:.85rem;color:#666}.mfa-details summary{cursor:pointer;-webkit-user-select:none;user-select:none}.mfa-uri{display:block;padding:.5rem;margin-top:.5rem;background:#f5f5f5;border-radius:4px;font-family:monospace;font-size:.75rem;word-break:break-all}.security-card{width:560px;max-width:95%;text-align:center}.security-title{font-size:2rem;font-weight:700;margin:0 0 .25rem;color:var(--primary-color)}.security-subtitle{font-size:.95rem;color:#666;margin:0 0 1.5rem}.security-banner{display:flex;flex-direction:column;gap:.25rem;padding:.875rem 1rem;margin-bottom:1.5rem;background:#fff8e1;border:1px solid #f0d68c;border-left:4px solid #d4a017;border-radius:6px;color:#5a4500;font-size:.9rem;text-align:left}.security-banner strong{font-size:.95rem}.security-status{display:flex;align-items:flex-start;gap:.875rem;padding:1rem 1.125rem;border-radius:8px;text-align:left}.security-status-ok{background:#effaf1;border:1px solid #c8ebcf;color:#1f5a32}.security-status-warn{background:#fff8e1;border:1px solid #f0d68c;color:#5a4500}.security-status-icon{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;flex-shrink:0;border-radius:50%;background:#2e7d4f;color:#fff;font-weight:700;font-size:1rem}.security-status-icon-warn{background:#d4a017}.security-status-detail{margin:.25rem 0 0;font-size:.875rem;color:#2f6b46;line-height:1.4}.security-status-warn .security-status-detail{color:#6a5300}.security-helper{margin-top:.75rem;text-align:center;color:#666;font-size:.85rem}.security-secondary-action{margin-top:1rem;text-align:center;font-size:.875rem}.security-secondary-action a{color:#666;text-decoration:underline}.security-secondary-action a:hover{color:var(--primary-color)}.security-signout{margin-top:1.5rem;font-size:.875rem;color:#666}.security-signout a{color:#666;text-decoration:underline}.security-signout a:hover{color:var(--primary-color)}.auth-button-secondary{background-color:transparent;color:var(--primary-color, #2D2D2D);border:1.5px solid var(--primary-color, #2D2D2D)}.auth-button-secondary:hover:not(:disabled){background-color:#f3f3f3;color:var(--primary-color, #2D2D2D)}.auth-button-secondary:disabled{background-color:transparent;color:#ccc;border-color:#ccc}.security-divider{border:none;border-top:1px solid #e6e6e6;margin:1.5rem 0}.field-hint{font-size:.8rem;color:#888;margin:.25rem 0 .75rem}.field-hint-warn{color:#b3261e}.nav-link-badge{display:inline-block;margin-left:.375rem;padding:.1rem .45rem;background:#d4a017;color:#fff;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em;border-radius:10px;vertical-align:middle}.account-menu{position:relative;display:inline-flex;align-items:center}.account-trigger{display:inline-flex;align-items:center;gap:.45rem;padding:.45rem .9rem;background:transparent;border:1px solid transparent;border-radius:999px;color:var(--primary-color);font-size:1rem;font-weight:500;cursor:pointer;transition:background-color .15s ease,border-color .15s ease,color .15s ease;font-family:inherit}.account-trigger:hover,.account-trigger:focus-visible{background-color:#f3f3f3;outline:none}.account-menu.open .account-trigger{background-color:#f3f3f3;border-color:#e0e0e0}.account-trigger-label{line-height:1}.account-trigger-chevron{transition:transform .18s ease;color:#888}.account-menu.open .account-trigger-chevron{transform:rotate(180deg);color:var(--primary-color)}.account-dropdown{position:absolute;top:calc(100% + .5rem);right:0;z-index:100;min-width:240px;background:#fff;border:1px solid #e6e6e6;border-radius:12px;box-shadow:0 12px 32px #00000014,0 2px 6px #0000000a;padding:.4rem;display:flex;flex-direction:column;animation:account-dropdown-in .12s ease-out}@keyframes account-dropdown-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.account-dropdown-header{padding:.65rem .85rem .5rem;text-align:left}.account-dropdown-header-label{font-size:.7rem;color:#888;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.15rem}.account-dropdown-email{font-size:.9rem;color:var(--primary-color);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.account-dropdown-divider{height:1px;background:#eee;margin:.3rem 0}.account-dropdown-item{display:flex;align-items:center;justify-content:space-between;gap:.5rem;width:100%;padding:.55rem .85rem;background:none;border:none;color:var(--primary-color);font-size:.95rem;font-weight:500;text-align:left;text-decoration:none;border-radius:8px;cursor:pointer;font-family:inherit;transition:background-color .12s ease,color .12s ease}.account-dropdown-item:hover,.account-dropdown-item:focus-visible{background-color:#f3f3f3;color:var(--primary-color);outline:none}.account-dropdown-item-danger{color:#b3261e}.account-dropdown-item-danger:hover,.account-dropdown-item-danger:focus-visible{background-color:#fdecea;color:#b3261e}.request-access-info{text-align:center;padding:1.5rem 0;line-height:1.8;color:#444}.request-access-email{display:inline-block;margin:.75rem 0;font-size:1.1rem;font-weight:600;color:var(--primary-color)}.request-access-note{font-size:.85rem;color:#888;margin-top:.5rem}.dashboard-page{flex:1;width:100%;max-width:800px;margin:0 auto;padding:2.5rem 2rem}.dashboard-title{font-size:2rem;font-weight:700;color:var(--primary-color);margin:0 0 2rem}.dashboard-section{margin-bottom:2.5rem}.section-heading{font-size:1.15rem;font-weight:600;color:var(--primary-color);margin:0 0 .25rem}.section-desc{font-size:.9rem;color:#666;margin:0 0 1.25rem}.section-empty{text-align:center;padding:2rem;color:#999;font-size:.95rem}.invite-code-display{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;background:#f9f9f9;border:2px solid #D8D8D8;border-radius:10px}.invite-code-value{font-size:1.75rem;font-weight:700;font-family:Courier New,Courier,monospace;letter-spacing:.15em;color:var(--primary-color)}.copy-button{margin-left:auto;background-color:#000;color:#fff;border:none;border-radius:20px;padding:.5rem 1.25rem;font-size:.85rem;font-weight:500;cursor:pointer;transition:background-color .3s;white-space:nowrap}.copy-button:hover{background-color:#333}.requests-list{display:flex;flex-direction:column;gap:.75rem}.request-row{display:flex;justify-content:space-between;align-items:center;padding:.875rem 1.25rem;background:#fff;border:1px solid #eee;border-radius:8px}.request-info{display:flex;flex-direction:column;gap:.15rem}.request-email{font-weight:500;color:var(--primary-color)}.request-date{font-size:.8rem;color:#999}.request-actions{display:flex;gap:.5rem}.action-button{padding:.4rem 1rem;border:none;border-radius:16px;font-size:.8rem;font-weight:600;cursor:pointer;transition:opacity .3s}.action-button:disabled{opacity:.5;cursor:not-allowed}.action-button.accept{background-color:#e8f5e9;color:#2e7d32}.action-button.accept:hover:not(:disabled){background-color:#c8e6c9}.action-button.reject{background-color:#ffebee;color:#c62828}.action-button.reject:hover:not(:disabled){background-color:#ffcdd2}.claim-form{display:flex;gap:.75rem;align-items:stretch}.claim-input{flex:1;font-family:Courier New,Courier,monospace;letter-spacing:.08em;text-transform:uppercase}.claim-button{white-space:nowrap;margin-top:0;padding:.75rem 1.5rem}.idle-notice{background:#fef3cd;color:#664d03;border:1px solid #ffecb5;border-radius:6px;padding:.65rem 1rem;font-size:.9rem;text-align:center;margin-bottom:.5rem}.row-clickable{cursor:pointer;transition:background-color .15s ease}.row-clickable:hover{background-color:#f5f5f5}.idle-warning-banner[data-v-d6c2cb3f]{position:fixed;top:0;left:0;right:0;z-index:9999;display:flex;align-items:center;justify-content:center;gap:1rem;padding:.75rem 1.5rem;background:#b45309;color:#fff;font-size:.9rem;font-weight:500;text-align:center;box-shadow:0 2px 8px #0003}.idle-warning-stay[data-v-d6c2cb3f]{padding:.35rem 1rem;border:1.5px solid #fff;border-radius:4px;background:transparent;color:#fff;font-weight:600;font-size:.85rem;cursor:pointer;white-space:nowrap}.idle-warning-stay[data-v-d6c2cb3f]:hover{background:#ffffff26}.idle-banner-enter-active[data-v-d6c2cb3f],.idle-banner-leave-active[data-v-d6c2cb3f]{transition:transform .3s ease,opacity .3s ease}.idle-banner-enter-from[data-v-d6c2cb3f],.idle-banner-leave-to[data-v-d6c2cb3f]{transform:translateY(-100%);opacity:0}