:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#1a1a2e;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-height:100vh}#app{width:100%;min-height:100vh}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1rem}.login-card{background:#16213e;border-radius:12px;padding:2.5rem;width:100%;max-width:400px;box-shadow:0 4px 24px #0000004d}.login-card h1{margin:0 0 .5rem;font-size:1.75rem;text-align:center}.login-subtitle{color:#888;text-align:center;margin:0 0 2rem}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:500}.form-group input{width:100%;padding:.75rem 1rem;font-size:1rem;border:1px solid #333;border-radius:8px;background:#0f0f23;color:inherit}.form-group input:focus{outline:none;border-color:#646cff}#login-form button{width:100%;padding:.875rem;font-size:1rem;font-weight:600;background:#646cff;color:#fff;border:none;border-radius:8px;cursor:pointer;transition:background .2s}#login-form button:hover:not(:disabled){background:#535bf2}#login-form button:disabled{opacity:.6;cursor:not-allowed}.error-message{background:#dc354526;border:1px solid #dc3545;color:#ff6b7a;padding:.75rem 1rem;border-radius:8px;margin-bottom:1rem;font-size:.875rem}.moderation-container{min-height:100vh;display:flex;flex-direction:column}.header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;background:#16213e;border-bottom:1px solid #333}.header h1{margin:0;font-size:1.25rem}.header-actions{display:flex;align-items:center;gap:1rem}.queue-count{color:#888;font-size:.875rem}.btn-secondary{padding:.5rem 1rem;font-size:.875rem;background:transparent;color:#888;border:1px solid #444;border-radius:6px;cursor:pointer;transition:all .2s}.btn-secondary:hover{color:#fff;border-color:#666}.btn-primary{padding:.75rem 1.5rem;font-size:1rem;background:#646cff;color:#fff;border:none;border-radius:8px;cursor:pointer;transition:background .2s}.btn-primary:hover{background:#535bf2}.content{flex:1;display:flex;flex-direction:column;align-items:center;padding:1.5rem;max-width:900px;margin:0 auto;width:100%}.loading,.empty-state,.error-state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#888}.empty-state h2,.error-state h2{margin:0 0 .5rem;color:#fff}.empty-state p,.error-state p{margin:0 0 1.5rem}.media-viewer{width:100%;max-height:60vh;display:flex;align-items:center;justify-content:center;background:#0f0f23;border-radius:12px;overflow:hidden;margin-bottom:1rem}.media-content{max-width:100%;max-height:60vh;object-fit:contain}.media-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;color:#888}.media-error p{margin:0 0 1rem}.item-info{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;color:#888;font-size:.875rem;margin-bottom:1.5rem}.item-id{font-family:monospace}.label-form{width:100%}.label-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;margin-bottom:1rem}@media(max-width:600px){.label-buttons{grid-template-columns:repeat(2,1fr)}}.label-btn{padding:1rem;font-size:1rem;font-weight:600;border:2px solid transparent;border-radius:8px;cursor:pointer;transition:all .15s}.label-btn:disabled{opacity:.5;cursor:not-allowed}.label-safe{background:#28a74533;color:#28a745;border-color:#28a745}.label-safe:hover:not(:disabled){background:#28a74566}.label-nsfw{background:#ffc10733;color:#ffc107;border-color:#ffc107}.label-nsfw:hover:not(:disabled){background:#ffc10766}.label-violence{background:#dc354533;color:#dc3545;border-color:#dc3545}.label-violence:hover:not(:disabled){background:#dc354566}.label-spam{background:#6c757d33;color:#adb5bd;border-color:#6c757d}.label-spam:hover:not(:disabled){background:#6c757d66}.label-copyright{background:#fd7e1433;color:#fd7e14;border-color:#fd7e14}.label-copyright:hover:not(:disabled){background:#fd7e1466}.label-illegal{background:#8b00004d;color:#f44;border-color:#8b0000}.label-illegal:hover:not(:disabled){background:#8b000080}.notes-section input{width:100%;padding:.75rem 1rem;font-size:.875rem;border:1px solid #333;border-radius:8px;background:#0f0f23;color:inherit}.notes-section input:focus{outline:none;border-color:#646cff}.notes-section input::placeholder{color:#666}.browser-container{min-height:100vh;display:flex;flex-direction:column}.browser-content{flex:1;padding:1.5rem}.content-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;margin-bottom:1.5rem}.content-card{background:#16213e;border-radius:8px;overflow:hidden;cursor:pointer;transition:transform .15s,box-shadow .15s}.content-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.card-image{aspect-ratio:1;overflow:hidden;background:#0f0f23}.card-image img{width:100%;height:100%;object-fit:cover}.card-info{padding:.75rem;display:flex;justify-content:space-between;align-items:center;gap:.5rem;font-size:.75rem}.card-label{padding:.25rem .5rem;border-radius:4px;font-weight:500}.card-date{color:#888}.card-link{color:#646cff;text-decoration:none;font-weight:500}.card-link:hover{text-decoration:underline}.content-link{color:#646cff;text-decoration:none;word-break:break-all}.content-link:hover{text-decoration:underline}.label-badge-safe{background:#28a74533;color:#28a745}.label-badge-nsfw{background:#ffc10733;color:#ffc107}.label-badge-violence{background:#dc354533;color:#dc3545}.label-badge-spam{background:#6c757d33;color:#adb5bd}.label-badge-copyright{background:#fd7e1433;color:#fd7e14}.label-badge-illegal{background:#8b00004d;color:#f44}.label-badge-unlabeled{background:#646cff33;color:#646cff}.load-more{text-align:center;padding:1rem}.end-message{text-align:center;color:#666;padding:1rem}.modal-backdrop{position:fixed;inset:0;background:#000c;z-index:100}.modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#16213e;border-radius:12px;width:90%;max-width:600px;max-height:90vh;overflow-y:auto;z-index:101;padding:1.5rem}.modal-close{position:absolute;top:1rem;right:1rem;background:none;border:none;color:#888;font-size:1.5rem;cursor:pointer;padding:0;line-height:1}.modal-close:hover{color:#fff}.modal-media{background:#0f0f23;border-radius:8px;overflow:hidden;margin-bottom:1rem}.modal-media img{width:100%;max-height:300px;object-fit:contain}.modal-details{margin-bottom:1.5rem}.detail-row{display:flex;padding:.5rem 0;border-bottom:1px solid #333;font-size:.875rem}.detail-label{width:100px;flex-shrink:0;color:#888}.detail-value{flex:1;word-break:break-all}.detail-value.mono{font-family:monospace;font-size:.8rem}.modal-actions{display:flex;flex-direction:column;gap:1rem}.modal-label-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.modal-label-btn{padding:.5rem;font-size:.875rem;font-weight:600;border:2px solid transparent;border-radius:6px;cursor:pointer;transition:all .15s}.modal-label-btn:disabled{opacity:.5;cursor:not-allowed}.btn-danger{padding:.75rem 1.5rem;font-size:1rem;font-weight:600;background:#dc354533;color:#dc3545;border:2px solid #dc3545;border-radius:8px;cursor:pointer;transition:all .2s}.btn-danger:hover:not(:disabled){background:#dc354566}.btn-danger:disabled{opacity:.5;cursor:not-allowed}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#f5f5f5}.login-card,.header{background:#fff;box-shadow:0 2px 12px #0000001a}.form-group input,.notes-section input,.media-viewer{background:#f0f0f0;border-color:#ddd}.btn-secondary{border-color:#ccc;color:#666}.btn-secondary:hover{color:#333;border-color:#999}.queue-count,.item-info{color:#666}}