body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.login-container{align-items:center;background-color:#1a1a1a;display:flex;justify-content:center;min-height:100vh}.login-form{background-color:#2c2c2c;border:1px solid #444;border-radius:8px;box-shadow:0 4px 8px #0000004d;color:#e0e0e0;padding:2rem;width:320px}.login-form h2{color:#fff;margin-bottom:1.5rem;text-align:center}.form-group{margin-bottom:1rem}.form-group label{color:#bbb;display:block;margin-bottom:.5rem}.form-group input{background-color:#3a3a3a;border:1px solid #555;border-radius:4px;box-sizing:border-box;color:#e0e0e0;font-size:1rem;padding:.75rem;width:100%}.form-group input:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40;outline:none}.login-form button{background-color:#555;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;margin-top:1rem;padding:.75rem;transition:background-color .2s ease;width:100%}.login-form button:hover{background-color:#666}.error-message{background-color:#ff6b6b1a;border-radius:4px;font-size:.9rem;margin-bottom:1rem;padding:.5rem;text-align:center}.form-group input:-webkit-autofill,.form-group input:-webkit-autofill:active,.form-group input:-webkit-autofill:focus,.form-group input:-webkit-autofill:hover{-webkit-text-fill-color:#e0e0e0!important;border:1px solid #555;-webkit-box-shadow:inset 0 0 0 30px #3a3a3a!important;caret-color:#e0e0e0}.work-detail-page{background-color:#2c2c2c;border-radius:8px;box-shadow:0 4px 8px #0000004d;color:#e0e0e0;margin:2rem auto;max-width:900px;padding:2rem}.back-button{background-color:#555;border:none;border-radius:4px;color:#fff;cursor:pointer;display:inline-block;font-size:.9rem;margin-bottom:1.5rem;padding:.6rem 1.2rem;transition:background-color .2s ease}.back-button:hover{background-color:#666}.work-info-header{border-bottom:1px solid #444;margin-bottom:2rem;padding-bottom:1.5rem}.work-info-header h1{color:#fff;font-size:2.2em;margin:0 0 .5rem}.work-bwv{color:#bbb;font-size:1.2em;margin-left:.5rem}.work-type{color:#ccc;font-size:1em;margin-top:.75rem}.reviews-section{margin-top:2rem}.reviews-section h2{border-bottom:1px solid #444;color:#fff;font-size:1.8em;margin-bottom:1.5rem;padding-bottom:.5rem}.reviews-list{list-style:none;margin:0 0 2rem;padding:0}.review-item{background-color:#3a3a3a;border:1px solid #555;border-radius:4px;margin-bottom:1rem;padding:1rem 1.5rem}.review-item p{line-height:1.6;margin:0 0 .5rem;white-space:pre-wrap}.review-date{color:#aaa;display:block;font-size:.85em;text-align:right}.review-form{margin-top:1.5rem}.review-form h3{color:#fff;font-size:1.4em;margin-bottom:1rem}.review-form textarea{background-color:#3a3a3a;border:1px solid #555;border-radius:4px;box-sizing:border-box;color:#e0e0e0;font-size:1rem;margin-bottom:.5rem;min-height:80px;padding:.75rem;resize:vertical;width:100%}.review-form textarea:focus{border-color:#777;box-shadow:0 0 0 2px #6464644d;outline:none}.submit-review-button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;display:block;font-size:1rem;margin-top:.5rem;padding:.75rem 1.5rem;transition:background-color .2s ease}.submit-review-button:hover{background-color:#0056b3}.error-message,.loading{color:#ccc;font-size:1.2em;padding:2rem;text-align:center}.error-message{color:#ff6b6b}.review-error{font-size:.9em;margin-bottom:.75rem;margin-top:.25rem;padding:0;text-align:left}.progress-container{background-color:#f8f9fa;background-color:var(--background-secondary,#f8f9fa);border:1px solid #dee2e6;border:1px solid var(--border-color,#dee2e6);border-radius:8px;box-shadow:0 1px 3px #0000001a;margin:15px auto;padding:12px 15px;text-align:center;width:95%}.progress-label{color:#212529;color:var(--text-primary,#212529);font-size:.95em;font-weight:500;margin-bottom:10px}.progress-bar-background{background-color:#e9ecef;background-color:var(--background-tertiary,#e9ecef);border-radius:6px;height:18px;overflow:hidden;position:relative;width:100%}.progress-bar-fill{background:linear-gradient(90deg,#6abcea,#1e90ff);border-radius:6px;height:100%;transition:width .6s cubic-bezier(.25,.8,.25,1)}body.dark .progress-container{background-color:#2c3034;border-color:#40454a;box-shadow:0 1px 3px #0003}body.dark .progress-label{color:#e9ecef}body.dark .progress-bar-background{background-color:#40454a}body.dark .progress-bar-fill{background:linear-gradient(90deg,#2a6fdb,#1d4f9a)}body{background-color:#1a1a1a;color:#fff;font-family:Arial,sans-serif;margin:0;padding:0}.app{background-color:#2c2c2c;border-radius:8px;box-shadow:0 4px 8px #0000004d;margin:2rem auto;max-width:1200px;padding:2rem}header{border-bottom:1px solid #444;margin-bottom:1.5rem;padding-bottom:1.5rem;position:relative;text-align:center}header h1{color:#fff;font-size:2em}.logout-button{background-color:#555;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.9rem;padding:.5rem 1rem;position:absolute;right:0;top:0;transition:background-color .2s ease}.logout-button:hover{background-color:#666}.controls{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1.5rem}.controls button{background-color:#555;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;padding:.75rem 1.5rem;transition:background-color .2s ease}.controls button:hover{background-color:#666}header{align-items:center;color:#fff;display:flex;font-size:2em;justify-content:space-between;padding:15px 20px}header h1{margin:0}.theme-toggle-button{align-items:center;background:none;border:none;border-radius:50%;color:#333;color:var(--text-primary,#333);cursor:pointer;display:inline-flex;height:16px;justify-content:center;line-height:1;margin-left:auto;margin-right:10px;opacity:.1;padding:5px;transition:background-color .2s ease;width:16px}.theme-toggle-button:hover{background-color:#8080801a}body.dark .theme-toggle-button{color:#eee}body.dark .theme-toggle-button:hover{background-color:#ffffff1a}.random-work{background-color:#3a3a3a;border:1px solid #555;border-radius:4px;margin-bottom:1.5rem;padding:1rem}.random-work h3{color:#e0e0e0;margin:0}.random-work-container{align-items:center;background-color:#3a3a3a;border:1px solid #555;border-radius:4px;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1.5rem;padding:1rem 1.5rem}.random-work-container h3{color:#e0e0e0;flex-grow:1;margin:0;min-width:200px}.random-work-buttons{display:flex;flex-wrap:wrap;gap:.75rem}.search-button{border:none;border-radius:4px;color:#fff;cursor:pointer;display:inline-block;font-size:.9rem;padding:.5rem 1rem;text-align:center;text-decoration:none;transition:background-color .2s ease,opacity .2s ease}.search-button:hover{opacity:.85}.youtube-search-button{background-color:#c4302b}.wikipedia-search-button{background-color:#6c757d}.google-search-button{background-color:#4285f4}table{background-color:#2c2c2c;border:1px solid #444;border-collapse:collapse;border-radius:4px;color:#e0e0e0;overflow:hidden;width:100%}td,th{border-bottom:1px solid #444;padding:.75rem 1rem;text-align:left}th{background-color:#3a3a3a;color:#fff;font-weight:700}tr:last-child td{border-bottom:none}tr:hover{background-color:#3a3a3a}.clickable-row{cursor:pointer}.clickable-row:hover{background-color:#4a4a4a}.filters{gap:1rem}.filters,.filters label{align-items:center;display:flex}.filters label{color:#bbb;cursor:pointer;gap:.5rem}.filters input[type=radio]{-webkit-appearance:none;appearance:none;background-color:#3a3a3a;border:.15em solid #555;border-radius:50%;color:currentColor;cursor:pointer;display:grid;font:inherit;height:1.15em;margin:0;place-content:center;transform:translateY(-.075em);width:1.15em}.filters input[type=radio]:before{border-radius:50%;box-shadow:inset 1em 1em #007bff;content:"";height:.65em;transform:scale(0);transition:transform .12s ease-in-out;width:.65em}.filters input[type=radio]:checked:before{transform:scale(1)}.filters input[type=radio]:focus{outline:max(2px,.15em) solid #007bff;outline-offset:max(2px,.15em)}
/*# sourceMappingURL=main.098b2f5f.css.map*/