:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.word-data-span{position:relative;display:inline-block;margin:0 2px;padding:2px 4px;background-color:var(--bg-tertiary);border-radius:3px;cursor:help;transition:background-color .2s;color:var(--text-primary)}.word-data-span:hover{background-color:var(--bg-secondary)}.tooltip{position:absolute;top:100%;left:50%;transform:translate(-50%);z-index:1000;margin-top:5px;pointer-events:none}.tooltip-content{background-color:var(--bg-secondary);color:var(--text-primary);padding:8px 12px;border-radius:6px;font-size:12px;line-height:1.4;white-space:nowrap;box-shadow:var(--shadow);border:1px solid var(--border-color)}.tooltip-content:before{content:"";position:absolute;top:-5px;left:50%;transform:translate(-50%);width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:5px solid var(--bg-secondary)}.tooltip-content div{margin-bottom:2px}.tooltip-content div:last-child{margin-bottom:0}.tooltip-content strong{color:var(--warning-color)}.word-entry-row{border-bottom:1px solid #e0e0e0;transition:background-color .2s ease;-webkit-user-select:none;user-select:none}.word-entry-row:hover{background-color:#f5f5f5}.word-entry-row.selected{background-color:#e3f2fd}.word-entry-row.selected:hover{background-color:#bbdefb}.word-entry-row.has-context{background-color:#e3f2fd}.word-entry-row.has-context:hover{background-color:#bbdefb}.word-entry-row.selected.has-context{background-color:#90caf9}.word-entry-row.selected.has-context:hover{background-color:#64b5f6}.word-entry-row .select{padding:12px 16px;text-align:center;width:50px;cursor:pointer}.select-checkbox{width:16px;height:16px;cursor:pointer;pointer-events:none}.word-entry-row .created-at{padding:12px 16px;font-size:.9rem;color:#666;white-space:nowrap;min-width:150px;display:flex;flex-direction:column;gap:4px}.word-entry-row .words{padding:12px 16px;flex:1;gap:4px;align-items:center}.word-entry-row .context{padding:12px 16px;font-size:.9rem;color:#666;max-width:200px;word-wrap:break-word}.word-entry-row .visualize-button{background-color:#007bff;color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;cursor:pointer;font-size:.8rem;transition:background-color .2s ease}.word-entry-row .visualize-button:hover{background-color:#0056b3}.close-button{background:none;border:none;font-size:1.5rem;color:var(--text-muted);cursor:pointer;padding:.25rem .5rem;border-radius:4px;transition:background-color .2s ease;width:auto}.modal-body{flex:1;padding:1.5rem;overflow-y:auto;display:flex;justify-content:center;align-items:center}.phone-canvas-container{display:flex;justify-content:center;align-items:center;width:100%;height:100%}.phone-canvas{border:2px solid var(--border-color);border-radius:8px;box-shadow:var(--shadow)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:var(--modal-overlay);display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{width:80%;height:80%;background-color:var(--modal-bg);border-radius:8px;box-shadow:var(--shadow-hover);display:flex;flex-direction:column;overflow:hidden}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid var(--border-color);background-color:var(--bg-secondary)}.modal-header h2{margin:0;color:var(--text-primary);font-size:1.25rem}.close-button{background:none;border:none;font-size:1.5rem;color:var(--text-muted);cursor:pointer;padding:.25rem .5rem;border-radius:4px;transition:background-color .2s ease}.close-button:hover{background-color:var(--bg-tertiary);color:var(--text-primary)}.modal-body{flex:1;padding:1.5rem;overflow-y:auto}.no-selection{text-align:center;color:var(--text-muted);padding:2rem}.no-selection p{margin:0;font-size:1.1rem}.too-many-selected{text-align:center;color:var(--error-color);padding:2rem;background-color:#dc35451a;border:1px solid rgba(220,53,69,.2);border-radius:4px;margin-bottom:1rem}.too-many-selected p{margin:0;font-size:1.1rem;font-weight:500}.loading-options{text-align:center;color:var(--text-muted);padding:2rem}.loading-options p{margin:0;font-size:1.1rem}.loading-spinner{width:40px;height:40px;border:4px solid var(--border-color);border-top:4px solid var(--btn-primary-bg);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.no-options{text-align:center;color:var(--text-muted);padding:2rem}.no-options p{margin:0;font-size:1.1rem}.selected-entries{width:100%}.selected-entries h3{margin:0 0 1rem;color:var(--text-primary);font-size:1.1rem}.entries-list{display:flex;flex-direction:column;gap:1rem}.entry-item{border:1px solid var(--border-color);border-radius:8px;padding:1rem;background-color:var(--bg-secondary)}.entry-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;font-size:.9rem;color:var(--text-muted)}.entry-id{font-weight:700;color:var(--text-primary)}.entry-date{color:var(--text-muted)}.entry-orientation{background-color:var(--bg-tertiary);padding:.25rem .5rem;border-radius:4px;font-size:.8rem;color:var(--text-primary)}.entry-words,.entry-context,.entry-app{margin-bottom:.5rem;font-size:.9rem}.entry-words strong,.entry-context strong,.entry-app strong{color:var(--text-primary);margin-right:.5rem}.annotation-form{width:100%;max-width:400px;margin:0 auto}.form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:var(--text-secondary)}.form-group input,.form-group select{width:100%;padding:.75rem;border:1px solid var(--input-border);border-radius:4px;font-size:1rem;background-color:var(--input-bg);color:var(--text-primary);transition:border-color .2s ease}.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--input-focus-border);box-shadow:var(--input-focus-shadow)}.form-group select:disabled{background-color:var(--bg-tertiary);color:var(--text-muted);cursor:not-allowed}.form-group select option{background-color:var(--input-bg);color:var(--text-primary)}.annotate-submit-button{width:100%;background-color:var(--success-color);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:4px;font-size:1rem;font-weight:500;cursor:pointer;transition:background-color .2s ease}.annotate-submit-button:hover:not(:disabled){background-color:#1e7e34}.annotate-submit-button:disabled{background-color:var(--btn-secondary-bg);cursor:not-allowed}.date-picker{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;padding:1rem;margin-bottom:1rem}.date-picker-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.date-picker-header h3{margin:0;font-size:1rem;color:var(--text-secondary);font-weight:600}.clear-button{background-color:var(--btn-secondary-bg);color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;cursor:pointer;width:auto;font-size:.8rem;transition:background-color .2s ease}.clear-button:hover{background-color:var(--btn-secondary-hover)}.date-input-container{display:flex;flex-direction:row;justify-content:space-between;gap:1rem;align-items:start}.date-input-group{display:flex;flex-direction:column;width:auto}.hour-input-group{display:flex;flex-direction:column;flex:0 0 auto;margin-top:1.5rem}.input-row{display:flex;gap:.5rem;align-items:center}.date-input-group label,.hour-input-group label{font-size:.9rem;color:var(--text-secondary);margin-bottom:.5rem;font-weight:500}.date-input-group input,.input-row select{padding:.5rem;border:1px solid var(--input-border);border-radius:4px;font-size:.9rem;background-color:var(--input-bg);color:var(--text-primary);transition:border-color .2s ease}.date-input-group input{flex:1}.input-row select{flex:0 0 auto;min-width:70px}.date-input-group input:focus,.input-row select:focus{outline:none;border-color:var(--input-focus-border);box-shadow:var(--input-focus-shadow)}@media (max-width: 768px){.date-input-container{flex-direction:column;gap:.5rem}.input-row{flex-direction:column;align-items:stretch}.input-row select{min-width:auto}}.checkbox-container{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.checkbox-container input[type=checkbox]{width:16px;height:16px;cursor:pointer;accent-color:var(--primary-color)}.checkbox-container label{font-size:.9rem;color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;font-weight:500}.checkbox-container label:hover{color:var(--text-primary)}.word-entry-table-container{width:100%;background-color:var(--bg-primary);color:var(--text-primary)}.table-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.spacer{flex:1;min-width:1rem}.time-range{margin-bottom:0;padding:.75rem 1rem;background-color:var(--bg-tertiary);border-radius:4px;font-size:.9rem;color:var(--text-secondary);width:100%;display:flex;justify-content:space-between;align-items:center}.visualize-button{background-color:var(--btn-primary-bg);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:4px;cursor:pointer;font-size:.9rem;font-weight:500;width:100%;transition:background-color .2s ease}.visualize-button:hover{background-color:var(--btn-primary-hover)}.next-button{width:auto;background-color:var(--btn-primary-bg);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:4px;cursor:pointer;font-size:.9rem;font-weight:500;transition:background-color .2s ease;white-space:nowrap;margin-left:1rem}.next-button:hover{background-color:var(--btn-primary-hover)}.next-button:disabled{background-color:var(--btn-secondary-bg);cursor:not-allowed}.annotate-button{background-color:var(--btn-warning-bg);color:var(--text-primary);border:none;padding:.75rem 1.5rem;border-radius:4px;cursor:pointer;font-size:.9rem;font-weight:500;transition:background-color .2s ease;white-space:nowrap;margin-left:1rem;width:auto}.annotate-button:hover{background-color:var(--btn-warning-hover)}.annotate-button:disabled{background-color:var(--btn-secondary-bg);color:var(--text-muted);cursor:not-allowed}.annotate-button:disabled:hover{background-color:var(--btn-secondary-bg)}.checkbox-container{display:inline-flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.checkbox-container input[type=checkbox]{width:16px;height:16px;cursor:pointer}.checkbox-container label{font-size:.9rem;color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none}.table-container{overflow-x:auto;border-radius:8px;box-shadow:var(--shadow);background-color:var(--bg-primary)}.word-entries-table{width:100%;border-collapse:collapse;background-color:var(--bg-primary)}.word-entries-table thead{background-color:var(--table-header-bg)}.word-entries-table th{padding:16px;text-align:left;font-weight:600;color:var(--text-secondary);border-bottom:2px solid var(--border-color);font-size:.9rem;text-transform:uppercase;letter-spacing:.5px}.word-entries-table th:first-child{min-width:50px;text-align:center}.word-entries-table th:nth-child(2){min-width:150px}.word-entries-table th:nth-child(3){flex:1}.word-entries-table th:last-child{min-width:200px}.word-entries-table tbody tr{cursor:pointer;transition:background-color .15s ease}.word-entries-table tbody tr:hover{background-color:var(--table-row-hover)}.word-entries-table tbody tr.selected{background-color:var(--table-row-selected)}.word-entries-table tbody tr.in-selection{background-color:var(--table-row-in-selection)}.selection-rectangle{position:absolute;border:2px dashed var(--selection-border);background:var(--selection-bg);pointer-events:none;display:none;z-index:1000}.loading,.error,.no-data{text-align:center;padding:3rem;color:var(--text-muted)}.error{color:var(--error-color);background-color:#dc35451a;border:1px solid rgba(220,53,69,.2);border-radius:4px;margin:1rem 0}.loading p{font-size:1.1rem;margin:0}.no-data p{font-size:1.1rem;margin:0;color:var(--text-muted)}.theme-toggle{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:8px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s ease;width:40px;height:40px}.theme-toggle:hover{background-color:var(--bg-secondary);color:var(--text-primary);transform:scale(1.1)}.theme-toggle:focus{outline:none;box-shadow:0 0 0 2px var(--input-focus-border)}.theme-toggle svg{transition:transform .3s ease}.theme-toggle:hover svg{transform:rotate(15deg)}.main-container{min-height:100vh;display:flex;flex-direction:column;background-color:var(--bg-primary);color:var(--text-primary)}.main-header{background-color:var(--bg-secondary);padding:1rem 2rem;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center}.main-header h1{margin:0;color:var(--text-primary);font-size:1.5rem}.header-controls{display:flex;align-items:center;gap:1rem}.logout-button{background-color:var(--btn-danger-bg);color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;cursor:pointer;font-size:.9rem;transition:background-color .2s ease}.logout-button:hover{background-color:var(--btn-danger-hover)}.main-content{flex:1;padding:2rem;background-color:var(--bg-primary)}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}body{background:var(--bg-primary);color:var(--text-primary)}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}.login-container{display:flex;justify-content:center;align-items:center;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.login-card{background:var(--bg-primary);padding:2rem;border-radius:10px;box-shadow:var(--shadow);width:100%;max-width:400px;border:1px solid var(--border-color)}.login-card h1{text-align:center;margin-bottom:1.5rem;color:var(--text-primary);font-size:1.8rem}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.5rem;color:var(--text-secondary);font-weight:500}.form-group input{width:100%;padding:.75rem;border:1px solid var(--input-border);border-radius:5px;font-size:1rem;box-sizing:border-box;background-color:var(--input-bg);color:var(--text-primary)}.form-group input:focus{outline:none;border-color:var(--input-focus-border);box-shadow:var(--input-focus-shadow)}button{width:100%;padding:.75rem;background:var(--btn-primary-bg);color:#fff;border:none;border-radius:5px;font-size:1rem;cursor:pointer;transition:background-color .2s}button:hover:not(:disabled){background:var(--btn-primary-hover)}button:disabled{background:var(--btn-secondary-bg);cursor:not-allowed}.error{background:#dc35451a;color:var(--error-color);padding:.75rem;border-radius:5px;margin-bottom:1rem;border:1px solid rgba(220,53,69,.2)}.toggle{text-align:center;margin-top:1rem;color:var(--text-muted)}.link-button{background:none;border:none;color:var(--btn-primary-bg);text-decoration:underline;cursor:pointer;padding:0;font-size:inherit;width:auto}.link-button:hover{color:var(--btn-primary-hover)}.main-container{min-height:100vh;min-width:400px;width:100%;background:var(--bg-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.main-header{background:var(--bg-secondary);color:var(--text-primary);padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center;box-shadow:var(--shadow);border-bottom:1px solid var(--border-color)}.main-header h1{margin:0;font-size:1.5rem}.logout-button{background:var(--btn-danger-bg);color:#fff;border:none;padding:.5rem 1rem;border-radius:5px;cursor:pointer;transition:background-color .2s;width:auto}.logout-button:hover{background:var(--btn-danger-hover)}.main-content{padding:2rem;max-width:1200px;margin:0 auto}.main-content h2{color:var(--text-primary);margin-bottom:1rem}.main-content p{color:var(--text-secondary);line-height:1.6}.loading-container{display:flex;justify-content:center;align-items:center;min-height:100vh}.loading-spinner{color:var(--text-primary);font-size:1.2rem;font-weight:500}:root{--bg-primary: #ffffff;--bg-secondary: #f8f9fa;--bg-tertiary: #e9ecef;--text-primary: #212529;--text-secondary: #495057;--text-muted: #6c757d;--border-color: #dee2e6;--border-color-light: #e9ecef;--shadow: 0 2px 8px rgba(0, 0, 0, .1);--shadow-hover: 0 4px 12px rgba(0, 0, 0, .15);--btn-primary-bg: #007bff;--btn-primary-hover: #0056b3;--btn-secondary-bg: #6c757d;--btn-secondary-hover: #545b62;--btn-warning-bg: #ffc107;--btn-warning-hover: #e0a800;--btn-danger-bg: #dc3545;--btn-danger-hover: #c82333;--table-header-bg: #f8f9fa;--table-row-hover: #f8f9fa;--table-row-selected: rgba(0, 123, 255, .1);--table-row-in-selection: rgba(0, 123, 255, .05);--selection-bg: rgba(0, 123, 255, .1);--selection-border: #007bff;--input-bg: #ffffff;--input-border: #ced4da;--input-focus-border: #007bff;--input-focus-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25);--modal-bg: #ffffff;--modal-overlay: rgba(0, 0, 0, .5);--success-color: #28a745;--warning-color: #ffc107;--error-color: #dc3545;--info-color: #17a2b8}[data-theme=dark]{--bg-primary: #1a1a1a;--bg-secondary: #2d2d2d;--bg-tertiary: #404040;--text-primary: #ffffff;--text-secondary: #e9ecef;--text-muted: #adb5bd;--border-color: #495057;--border-color-light: #6c757d;--shadow: 0 2px 8px rgba(0, 0, 0, .3);--shadow-hover: 0 4px 12px rgba(0, 0, 0, .4);--btn-primary-bg: #0d6efd;--btn-primary-hover: #0b5ed7;--btn-secondary-bg: #6c757d;--btn-secondary-hover: #5a6268;--btn-warning-bg: #ffc107;--btn-warning-hover: #e0a800;--btn-danger-bg: #dc3545;--btn-danger-hover: #c82333;--table-header-bg: #343a40;--table-row-hover: #2d2d2d;--table-row-selected: rgba(13, 110, 253, .4);--table-row-in-selection: rgba(13, 110, 253, .2);--selection-bg: rgba(13, 110, 253, .2);--selection-border: #0d6efd;--input-bg: #2d2d2d;--input-border: #495057;--input-focus-border: #0d6efd;--input-focus-shadow: 0 0 0 .2rem rgba(13, 110, 253, .25);--modal-bg: #2d2d2d;--modal-overlay: rgba(0, 0, 0, .7);--success-color: #198754;--warning-color: #ffc107;--error-color: #dc3545;--info-color: #0dcaf0}*{box-sizing:border-box}body{background-color:var(--bg-primary);color:var(--text-primary);transition:background-color .3s ease,color .3s ease}*{transition:background-color .3s ease,color .3s ease,border-color .3s ease,box-shadow .3s ease}