:root{color:#282d27;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f4f0e8;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}.collection-container{color:#333;background-color:#fcfcfc;border-radius:12px;max-width:600px;margin:40px auto;padding:30px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;box-shadow:0 4px 20px #00000014}h2{text-align:center;color:#2c3e50;margin-bottom:25px}h3{color:#34495e;margin-bottom:15px}.message{color:#155724;text-align:center;background-color:#d4edda;border:1px solid #c3e6cb;border-radius:6px;margin-bottom:20px;padding:15px;font-weight:500}.add-form input{box-sizing:border-box;border:2px solid #e0e0e0;border-radius:8px;width:100%;padding:14px;font-size:16px;transition:border-color .2s}.add-form input:focus{border-color:#3498db;outline:none}.vinyl-list{margin:0;padding:0;list-style:none}.vinyl-item{border-bottom:1px solid #f0f0f0;justify-content:space-between;align-items:center;padding:15px;transition:background-color .2s;display:flex}.vinyl-item:hover{background-color:#f9f9f9}.vinyl-item:last-child{border-bottom:none}button{color:#fff;cursor:pointer;background-color:#3498db;border:none;border-radius:6px;padding:10px 18px;font-size:14px;font-weight:600;transition:background-color .2s,transform .1s}button:hover{background-color:#2980b9}button:active{transform:scale(.97)}.user-list-section{border-top:2px solid #eaeaea;margin-top:40px;padding-top:25px}.user-list-header{justify-content:space-between;align-items:center;margin-bottom:15px;display:flex}.user-list-header button{background-color:#95a5a6}.user-list-header button:hover{background-color:#7f8c8d}body{margin:0;font-family:Arial,sans-serif}