*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#1a1a2e;color:#e0e0e0;min-height:100vh}.app{max-width:1400px;margin:0 auto;padding:0 20px 40px}.app-header{display:flex;align-items:center;justify-content:space-between;padding:20px 0}.app-header h1{font-size:1.8rem;color:#fff}.scan-btn{padding:10px 20px;background:#6c5ce7;color:#fff;border:none;border-radius:8px;font-size:.95rem;cursor:pointer;transition:background .2s}.scan-btn:hover{background:#5a4bd1}.filter-bar{position:sticky;top:0;z-index:100;background:#1a1a2e;padding:12px 0;display:flex;flex-direction:column;gap:10px;border-bottom:1px solid #2d2d44}.filter-bar-top{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.filter-buttons{display:flex;gap:8px}.filter-bar-top .search-input{margin-left:auto}.filter-btn{padding:8px 16px;background:#2d2d44;color:#b0b0c0;border:2px solid transparent;border-radius:20px;font-size:.85rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:6px}.filter-btn:hover{background:#3d3d55}.filter-btn.active{background:#3d3d55;color:#fff;border-color:#6c5ce7}.filter-icon{font-size:.95rem}.filter-love .filter-icon{color:#e74c3c}.filter-like .filter-icon{color:#27ae60}.filter-meh .filter-icon{color:#3498db}.filter-tax_deduction .filter-icon{color:#7f8c8d}.filter-count{background:#ffffff26;padding:1px 7px;border-radius:10px;font-size:.75rem}.search-input{padding:8px 16px;background:#2d2d44;color:#e0e0e0;border:2px solid transparent;border-radius:20px;font-size:.85rem;outline:none;min-width:200px;transition:border-color .2s}.search-input:focus{border-color:#6c5ce7}.search-input::placeholder{color:#666}.toggle-switch{display:flex;align-items:center;gap:8px;cursor:pointer;flex-shrink:0}.toggle-switch input{display:none}.toggle-slider{width:36px;height:20px;background:#3d3d55;border-radius:10px;position:relative;transition:background .2s}.toggle-slider:after{content:"";position:absolute;top:3px;left:3px;width:14px;height:14px;background:#888;border-radius:50%;transition:transform .2s,background .2s}.toggle-switch input:checked+.toggle-slider{background:#6c5ce766}.toggle-switch input:checked+.toggle-slider:after{transform:translate(16px);background:#6c5ce7}.toggle-label{font-size:.8rem;color:#888;white-space:nowrap;-webkit-user-select:none;user-select:none}.toggle-switch input:checked~.toggle-label{color:#b0b0c0}.app-main{margin-top:20px}.loading,.empty-state{text-align:center;padding:60px 20px;color:#888;font-size:1.1rem}.empty-state code{background:#2d2d44;padding:2px 8px;border-radius:4px;color:#6c5ce7}.tag-group{margin-bottom:30px;border-left:4px solid #555;padding-left:16px}.tag-group-love{border-left-color:#e74c3c}.tag-group-like{border-left-color:#27ae60}.tag-group-meh{border-left-color:#3498db}.tag-group-tax_deduction{border-left-color:#7f8c8d}.tag-group-unrated{border-left-color:#555}.tag-group-title{font-size:1.2rem;margin-bottom:12px;color:#ccc;font-weight:600}.photo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}.photo-card{background:#2d2d44;border-radius:10px;overflow:hidden;transition:transform .15s,box-shadow .15s}.photo-card:hover{transform:translateY(-2px);box-shadow:0 4px 20px #0000004d}.photo-card.draggable{cursor:grab}.photo-card.draggable:active{cursor:grabbing}.photo-card.dragging{opacity:.4;transform:scale(.95)}.photo-card.taken{opacity:.4}.photo-card-image{width:100%;aspect-ratio:1;overflow:hidden;cursor:pointer;position:relative}.photo-card-image img{width:100%;height:100%;object-fit:cover;display:block}.photo-card-claimed{position:absolute;top:12px;right:-28px;background:#e74c3c;color:#fff;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;padding:4px 32px;transform:rotate(45deg)}.photo-card-info{padding:8px 10px 4px;display:flex;justify-content:space-between;align-items:flex-start;gap:6px}.photo-card-meta{display:flex;flex-direction:column;gap:2px;overflow:hidden;flex:1}.photo-card-show-id{font-size:.7rem;color:#6c5ce7;font-weight:600}.photo-card-title{font-size:.8rem;color:#e0e0e0;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}.photo-card-artist{font-size:.75rem;color:#a0a0b8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.photo-card-details{display:flex;gap:8px;font-size:.7rem;color:#777}.photo-card-medium{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.photo-card-dimensions{white-space:nowrap;flex-shrink:0}.photo-card-rank{font-size:.8rem;font-weight:700;color:#a0a0b8;flex-shrink:0;margin-top:2px;cursor:pointer}.photo-card-rank:hover{color:#6c5ce7}.photo-card-rank-edit-icon{font-size:.65rem;margin-left:3px;opacity:0;transition:opacity .15s}.photo-card-rank:hover .photo-card-rank-edit-icon{opacity:.7}.photo-card-rank-input{width:3em;padding:0 4px;font-size:.8rem;font-weight:700;color:#e0e0e0;background:#1a1a2e;border:1px solid #6c5ce7;border-radius:4px;outline:none;flex-shrink:0;margin-top:2px;-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.photo-card-rank-input::-webkit-inner-spin-button,.photo-card-rank-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.photo-card-actions{padding:4px 10px 8px;display:flex;gap:6px}.tag-btn{flex:1;padding:6px 0;background:#3d3d55;border:2px solid transparent;border-radius:6px;font-size:1rem;cursor:pointer;transition:all .15s;color:#888}.tag-btn:hover{background:#4d4d66}.tag-btn.love.active{background:#e74c3c33;border-color:#e74c3c}.tag-btn.like.active{background:#3498db33;border-color:#27ae60}.tag-btn.meh.active{background:#7f8c8d33;border-color:#3498db}.tag-btn.tax_deduction.active{background:#27ae6033;border-color:#7f8c8d}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:1000;padding:40px}.modal-content{max-width:90vw;max-height:90vh;display:flex;flex-direction:column;align-items:center}.modal-content img{max-width:100%;max-height:80vh;object-fit:contain;border-radius:8px}.modal-info{margin-top:16px;text-align:center}.modal-show-id{font-size:1 rem;color:#6c5ce7;font-weight:600}.modal-title{font-size:1.1rem;font-weight:600;color:#fff}.modal-artist{font-size:.95rem;color:#a0a0b8;margin-top:4px}.modal-details{font-size:.85rem;color:#777;margin-top:4px}.modal-sep{margin:0 6px}.modal-tag-actions{display:flex;gap:8px;justify-content:center;margin-top:12px}.modal-tag-actions .tag-btn{width:40px;height:40px;font-size:1.2rem}.modal-nav{position:absolute;top:50%;transform:translateY(-50%);background:#2d2d44cc;color:#b0b0c0;border:none;width:48px;height:48px;border-radius:50%;font-size:2rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s,color .2s;z-index:1001}.modal-nav:hover{background:#6c5ce7;color:#fff}.modal-nav-prev{left:16px}.modal-nav-next{right:16px}.header-actions{display:flex;gap:10px;align-items:center}.submit-btn{padding:10px 20px;background:#e74c3c;color:#fff;border:none;border-radius:8px;font-size:.95rem;cursor:pointer;transition:background .2s}.submit-btn:hover{background:#c0392b}.submit-modal{background:#1e1e36;border-radius:12px;padding:28px;width:480px;max-width:90vw;max-height:80vh;display:flex;flex-direction:column;gap:16px}.submit-modal-title{font-size:1.3rem;color:#fff;font-weight:600}.submit-modal-desc{font-size:.9rem;color:#a0a0b8;line-height:1.5}.submit-modal-input{padding:10px 16px;background:#2d2d44;color:#e0e0e0;border:2px solid transparent;border-radius:8px;font-size:.95rem;outline:none;transition:border-color .2s;width:100%}.submit-modal-input:focus{border-color:#6c5ce7}.submit-modal-input::placeholder{color:#666}.submit-modal-buttons{display:flex;gap:10px;justify-content:flex-end}.submit-modal-cancel{padding:10px 20px;background:#2d2d44;color:#b0b0c0;border:none;border-radius:8px;font-size:.95rem;cursor:pointer;transition:background .2s}.submit-modal-cancel:hover{background:#3d3d55}.submit-modal-submit{padding:10px 20px;background:#6c5ce7;color:#fff;border:none;border-radius:8px;font-size:.95rem;cursor:pointer;transition:background .2s}.submit-modal-submit:hover{background:#5a4bd1}.submit-modal-submit:disabled{opacity:.5;cursor:not-allowed}.submit-progress-container{height:8px;background:#2d2d44;border-radius:4px;overflow:hidden}.submit-progress-bar{height:100%;background:#6c5ce7;border-radius:4px;transition:width .3s ease}.submit-progress-text{font-size:.85rem;color:#a0a0b8;text-align:center}.submit-log{background:#16162b;border-radius:8px;padding:12px;max-height:240px;overflow-y:auto;font-family:monospace;font-size:.8rem;color:#a0a0b8;line-height:1.6;flex:1;min-height:80px}.submit-log-entry{white-space:pre-wrap;word-break:break-word}.submit-result-icon{font-size:3rem;text-align:center;font-weight:700}.submit-result-icon.done{color:#27ae60}.submit-result-icon.error{color:#e74c3c}.submit-result-message{text-align:center;font-size:1rem;color:#e0e0e0;font-weight:500}.showtime{max-width:900px;margin:0 auto;padding:0 20px 40px}.showtime-header{display:flex;align-items:center;justify-content:space-between;padding:20px 0;gap:16px;flex-wrap:wrap}.showtime-header h1{font-size:1.8rem;color:#fff}.showtime-claim-form{display:flex;gap:8px;align-items:center}.showtime-input{padding:10px 16px;background:#2d2d44;color:#e0e0e0;border:2px solid transparent;border-radius:8px;font-size:1rem;outline:none;width:120px;transition:border-color .2s}.showtime-input:focus{border-color:#6c5ce7}.showtime-input::placeholder{color:#666}.showtime-claim-btn{padding:10px 20px;background:#6c5ce7;color:#fff;border:none;border-radius:8px;font-size:.95rem;cursor:pointer;transition:background .2s}.showtime-claim-btn:hover{background:#5a4bd1}.showtime-error{background:#e74c3c26;color:#e74c3c;padding:10px 16px;border-radius:8px;margin-bottom:16px;font-size:.9rem}.showtime-row{display:flex;align-items:center;gap:12px;padding:8px 12px;background:#2d2d44;border-radius:8px;margin-bottom:6px;transition:opacity .2s}.showtime-row.taken{opacity:.35}.showtime-thumb{width:60px;height:60px;object-fit:cover;border-radius:6px;flex-shrink:0}.showtime-row-show-id{font-size:.85rem;font-weight:700;color:#6c5ce7;min-width:32px;flex-shrink:0}.showtime-row-tag{font-size:.85rem;flex-shrink:0;min-width:18px;text-align:center}.showtime-row-tag.love{color:#e74c3c}.showtime-row-tag.like{color:#3498db}.showtime-row-tag.meh{color:#7f8c8d}.showtime-row-tag.tax_deduction{color:#27ae60}.showtime-row-title{font-size:.9rem;color:#e0e0e0;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0}.showtime-row-artist{font-size:.8rem;color:#a0a0b8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:140px;flex-shrink:0}.showtime-row-medium{font-size:.75rem;color:#777;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100px;flex-shrink:0}.showtime-row-dimensions{font-size:.75rem;color:#777;white-space:nowrap;flex-shrink:0}.showtime-restore-btn{padding:4px 12px;background:#3d3d55;color:#b0b0c0;border:none;border-radius:6px;font-size:.8rem;cursor:pointer;transition:background .2s;flex-shrink:0}.showtime-restore-btn:hover{background:#4d4d66;color:#fff}.showtime-taken-section{margin-top:32px;border-top:1px solid #2d2d44;padding-top:20px}.showtime-taken-title{font-size:1.1rem;color:#777;margin-bottom:12px;font-weight:600}.showtime-confirm{background:#1e1e36;border-radius:12px;padding:24px;max-width:500px;width:90vw;display:flex;flex-direction:column;align-items:center;gap:16px}.showtime-confirm img{max-width:100%;max-height:50vh;object-fit:contain;border-radius:8px}.showtime-confirm-info{text-align:center}.showtime-confirm-show-id{font-size:.85rem;color:#6c5ce7;font-weight:600}.showtime-confirm-title{font-size:1.1rem;color:#fff;font-weight:600;margin-top:4px}.showtime-confirm-artist{font-size:.95rem;color:#a0a0b8;margin-top:4px}.showtime-confirm-details{font-size:.85rem;color:#777;margin-top:4px}.showtime-confirm-actions{display:flex;gap:10px;width:100%;justify-content:center}.showtime-cancel-btn{padding:10px 20px;background:#2d2d44;color:#b0b0c0;border:none;border-radius:8px;font-size:.95rem;cursor:pointer;transition:background .2s}.showtime-cancel-btn:hover{background:#3d3d55}.showtime-confirm-btn{padding:10px 20px;background:#6c5ce7;color:#fff;border:none;border-radius:8px;font-size:.95rem;cursor:pointer;transition:background .2s}.showtime-confirm-btn:hover{background:#5a4bd1}.showtime-restore-confirm-btn{padding:10px 20px;background:#27ae60;color:#fff;border:none;border-radius:8px;font-size:.95rem;cursor:pointer;transition:background .2s}.showtime-restore-confirm-btn:hover{background:#219a52}.showtime-toast{display:flex;align-items:center;justify-content:space-between;background:#2d2d44;border:1px solid #3d3d55;padding:10px 16px;border-radius:8px;margin-bottom:16px;font-size:.9rem;color:#e0e0e0}.showtime-toast-undo{padding:4px 14px;background:transparent;color:#6c5ce7;border:1px solid #6c5ce7;border-radius:6px;font-size:.85rem;cursor:pointer;transition:background .2s,color .2s}.showtime-toast-undo:hover{background:#6c5ce7;color:#fff}.showtime-nav-arrows{position:fixed;right:24px;bottom:24px;display:flex;flex-direction:column;gap:8px;z-index:500}.showtime-nav-btn{width:44px;height:44px;border-radius:50%;background:#2d2d44;color:#b0b0c0;border:1px solid #3d3d55;font-size:1.3rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s,color .2s;box-shadow:0 2px 8px #0000004d}.showtime-nav-btn:hover{background:#6c5ce7;color:#fff}.login-page{display:flex;align-items:center;justify-content:center;min-height:100vh}.login-card{background:#16213e;border-radius:12px;padding:40px;width:100%;max-width:400px;box-shadow:0 4px 24px #0006}.login-card h1{text-align:center;color:#fff;margin-bottom:24px;font-size:1.8rem}.login-card input{width:100%;padding:12px 16px;margin-bottom:12px;background:#1a1a2e;border:1px solid #2a2a4a;border-radius:8px;color:#e0e0e0;font-size:1rem}.login-card input:focus{outline:none;border-color:#6c5ce7}.login-error{color:#ff6b6b;font-size:.9rem;margin-bottom:12px}.login-actions{display:flex;gap:12px}.login-btn,.register-btn{flex:1;padding:12px;border:none;border-radius:8px;font-size:1rem;cursor:pointer;transition:background .2s}.login-btn{background:#6c5ce7;color:#fff}.login-btn:hover{background:#5a4bd1}.register-btn{background:#2a2a4a;color:#e0e0e0}.register-btn:hover{background:#3a3a5a}.login-btn:disabled,.register-btn:disabled{opacity:.5;cursor:not-allowed}.user-info{color:#a0a0c0;font-size:.9rem}.logout-btn{padding:8px 16px;background:#2a2a4a;color:#e0e0e0;border:none;border-radius:8px;font-size:.85rem;cursor:pointer;transition:background .2s}.logout-btn:hover{background:#3a3a5a}.access-denied{display:flex;align-items:center;justify-content:center;min-height:100vh;color:#ff6b6b;font-size:1.2rem}